From 5a48a53544743810b7e6cdee86306a3f982731a2 Mon Sep 17 00:00:00 2001 From: Retro_Guy Date: Mon, 2 Oct 2023 19:16:12 -0700 Subject: [PATCH] Add TriMonoBlue Theme by Syber Shock. --- .../common/themes/TriMonoBlue Theme/LICENSE | 12 + .../themes/TriMonoBlue Theme/latest.png | Bin 0 -> 813 bytes .../themes/TriMonoBlue Theme/style-colors.css | 29 + .../common/themes/TriMonoBlue Theme/style.css | 908 ++++++++++++++++++ 4 files changed, 949 insertions(+) create mode 100644 Rocksolid_Light/common/themes/TriMonoBlue Theme/LICENSE create mode 100644 Rocksolid_Light/common/themes/TriMonoBlue Theme/latest.png create mode 100644 Rocksolid_Light/common/themes/TriMonoBlue Theme/style-colors.css create mode 100644 Rocksolid_Light/common/themes/TriMonoBlue Theme/style.css diff --git a/Rocksolid_Light/common/themes/TriMonoBlue Theme/LICENSE b/Rocksolid_Light/common/themes/TriMonoBlue Theme/LICENSE new file mode 100644 index 0000000..cdf8aea --- /dev/null +++ b/Rocksolid_Light/common/themes/TriMonoBlue Theme/LICENSE @@ -0,0 +1,12 @@ + + WHATEVER IS CLEVER + PUBLIC LICENSE + + <3883@sugar.bug> + (sybershock.com) + + + Do whatever is clever. Do as you wish with this product. + + Do whatever is clever shall be the whole of the law. + diff --git a/Rocksolid_Light/common/themes/TriMonoBlue Theme/latest.png b/Rocksolid_Light/common/themes/TriMonoBlue Theme/latest.png new file mode 100644 index 0000000000000000000000000000000000000000..958fd15b35f88c94f636cfb72728866c3bf7dc08 GIT binary patch literal 813 zcmV+|1JeA7P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10=h{= zK~zYI#g|)16j2<9znz`cjIfl-l8_X-P;`+ZdJ&Y^kxGv5%O+PrWoNwoR=YMw3%p8E{ zzy=JC1UP`JK(LWgPwN8?112M-p4JF#Gg>MEZlC}N`)5)?FiYFxlO?lgQOk#bbU@Ty zY8EZh@jES2%B30AjKlzT>`f)*;v?3_ z#Di&iCj|j#fcHR>R;da3_rfe%$hg_$^UH(X9n=(B8L+phQ7w=Gyq%BKXQk?_h}_7* zth?+=&LU{h5+#ZQnvw5nA-YNdOoG7XxFk}okBQ!W2thD=kchmsJ|b6bo^uQ|EU&i= z4fIfZ?=n5@FV(1JY7#HhKy#()gsxo8ffIQoX55m~NFSBZwlFzy;or30SD>P2A}i zr|HRUURM_2bWAAGC~zLg0UWwX?QiO+F3M))d%v<<0!o0BK(D9suciKM8Na3Dzeadf zmQQO{F>beO#yo&?z;(do?OM%J$?c}C{vnN}d5n$zP$DOA1No^n>}w27(m{JWHAUHT z-SE?aS-@}U=CS9& literal 0 HcmV?d00001 diff --git a/Rocksolid_Light/common/themes/TriMonoBlue Theme/style-colors.css b/Rocksolid_Light/common/themes/TriMonoBlue Theme/style-colors.css new file mode 100644 index 0000000..18817fb --- /dev/null +++ b/Rocksolid_Light/common/themes/TriMonoBlue Theme/style-colors.css @@ -0,0 +1,29 @@ +/* TriMonoBlue Theme for Rocksolid Light (https://novabbs.org) + hacked by 3883@sugar.bug (https://sybershock.com) */ + +:root { + --color-dark: #fff; + --color-medium: #EEEEEC; + --color-light: #fff; + + --color-text: #222; + --color-text-quote: green; + --color-highlight: #3465A4; + + --color-link: #3465A4; + --color-visited: #729FCF; + + --color-border: #999; + --color-row-border: #999; + + --color-row1: #EEEEEC; + --color-link-dark-blue: #0D1929; + + --color-header-background: #FFF; + --color-header-background-light: #FFF; + --color-header-link: #0C090A; + + --color-section-background: #F3E8EA; + --color-section-link: #663399; +} + diff --git a/Rocksolid_Light/common/themes/TriMonoBlue Theme/style.css b/Rocksolid_Light/common/themes/TriMonoBlue Theme/style.css new file mode 100644 index 0000000..6cc7ea9 --- /dev/null +++ b/Rocksolid_Light/common/themes/TriMonoBlue Theme/style.css @@ -0,0 +1,908 @@ +/* TriMonoBlue Theme for Rocksolid Light (https://novabbs.org) + hacked by 3883@sugar.bug (https://sybershock.com) */ + +@import "style-colors.css"; + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html { + background: #fff; + padding-left: 3%; + padding-right: 3%; + padding-top: 0px; + padding-bottom: 0px; +} + +body { + padding-left: 3%; + padding-right: 3%; + padding-top: 8px; + padding-bottom: 8px; +} + +.page { + display: flex; + flex-wrap: wrap; + width: 100%; + height: 100%; +} + +.section { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +.menu { + border: none; + border-spacing: 0px; + margin: 0px; + padding: 0px + background-color: var(--color-dark); +} + +.header { + border: none; + border-spacing: 0px; + width: 100%; + height: 8%; + margin: 0px; + padding: 0px; + background-color: var(--color-light); +} + +.title { + font-size: 2em; + text-decoration: none; + color: var(--color-text); +} + +.title_small { + font-size: 0em; + text-decoration: none; + color: var(--color-text); +} + +.header_menu { + font-size: 1em; + text-decoration: none; + color: var(--color-text); +} + +.content { + background-color: var(--color-light); +} + +.responsive_image { + width: 100%; + max-width: 80%; + height: auto; +} + +.visited { + color: var(--color-visited); +} + +.search_result { + color: var(--color-highlight); +} + +.theme_listbox { + border: none; + padding: 0.2em; + width: 200px !important; + background-color: var(--color-medium); + color: var(--color-text); +} + +/* Title */ +.np_title { + text-decoration: none; + color: var(--color-text); + font-size: 1.5em; +} + +/* Header frame */ +.np_frame_header { + width: 100%; + border: none; + border-spacing: 0px; + margin: 0px; + padding: 0px; + background: var(--color-dark); +} + +/* Menu frame */ +.np_frame_menu { + border: none; + border-spacing: 0px; + margin: 0px; + padding: 2px; + background: var(--color-dark); +} + +/* Content frame */ +.np_frame_content { + border: none; + border-spacing: 0px; + margin: 0px; + padding: 2px; + background: var(--color-dark); +} + +/* Header table */ +.header_table { + border: none; + padding: 2px; + background: var(--color-dark); +} + +.np_button_hidden { + padding-left: 5px; + padding-right: 5px; + border: 1px solid var(--color-text); + color: var(--color-visited); + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + background: var(--color-dark); + border-radius: 5px; +} +/* Header buttons */ +.np_header_button_link { + padding: 2px; + border: 3px solid var(--color-visited); + margin-left: 5px; + margin-right: 5px; + color: var(--color-visited); + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + background: var(--color-dark); + border-radius: none; + font-size: 1.5em; +} + +.np_header_button_bar { + background: var(--color-header-background-light); + padding: 2px; + margin-bottom: 1px; + color: black; + font-size: 0.5em; +} + +.np_header_links { + color: var(--color-header-link) !important; +} + +/* Mail buttons */ +.np_mail_button_link { + padding-left: 5px; + padding-right: 5px; + border: none; + color: var(--color-visited); + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + background: var(--color-dark); + border-radius: 5px; + font-size: 1.2em; +} + +.np_mail_button_read { + padding-left: 5px; + padding-right: 5px; + border: none; + color: var(--color-visited); + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + background: var(--color-dark); + border-radius: 5px; + font-size: 1em; +} + + +.np_mail_button_link:hover { + color: var(--color-dark); + background: var(--color-visited); +} + +.np_mail_button_read:hover { + color: var(--color-dark); + background: var(--color-visited); +} + +/* Filename buttons */ +.np_filename_button_link { + padding-left: 5px; + padding-right: 5px; + border: none; + color: var(--color-visited); + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + background: var(--color-dark); + border-radius: 5px; + font-size: 0.8em; +} + +.np_filename_button_link:hover { + color: var(--color-dark); + background: var(--color-visited); +} + +/* Username buttons */ +.np_username_button_link { + padding-left: 5px; + padding-right: 5px; + border: none; + color: var(--color-visited); + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + background: var(--color-dark); + border-radius: 5px; + font-size: 0.9em; +} + +.np_header_button_link:hover { + color: #fff; + background: var(--color-visited); +} + +.np_username_button_link:hover { + color: var(--color-dark); + background: var(--color-visited); +} + +.np_header_bar_top { + background: var(--color-header-background); + padding: 1px; + margin-bottom: 0px; + color: black; + font-size: 0.5em; +} + +.np_header_bar_large { + background: var(--color-dark); + padding: 1px; + margin-bottom: 1px; + color: black; + font-size: 0.5em; + float: right; + +} + +.np_header_button_row { +float: right; +display: block; +width: 100%; +} + +.np_header_bar_small { + background: var(--color-dark); + padding: 1px; + margin-bottom: 1px; + color: black; + font-size: 0.6em; +} + +.link-list { +font-size: 1.3em; +} + +.display_headers:active .display_headers_on { + display:block; +} + +#trigger_headers:checked + .display_headers_on { + display: block; + /* max-width: 98%; */ +} + +.display_headers_on { + display: none; /* NEW */ + background: var(--color-dark);; + padding: 3px; + border: dashed 2px orange; /* var(--color-link); */ + word-wrap: break-word; + white-space: pre-wrap; + + z-index: 1000; + width:auto; + + height: auto; + color: green; + transition: height 2s; + +} + +.display_headers_on:hover { + display:block; +} + +.display_headers { +/* margin:100px; */ +} + +div.ellipsis { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +input { + background-color: var(--color-medium); + color: var(--color-text); + border: 1px solid #999; + margin: 3px; +} + +textarea.postbody { + background-color: var(--color-medium); + border: 1px solid #999; + margin: 8px; + color: var(--color-text); + height: calc(1em * 1.5 * 20); + width: calc(1em * 1.5 * 40); +} + +textarea.configuration { + background-color: var(--color-medium); + border: none; + color: var(--color-text); + resize: none; +} + +/* Mobile Styles */ +@media only screen and (max-device-width: 480px) { + body { + color: var(--color-text); + background: var(--color-light); + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: calc(1em + 2vw); + } + .header { + margin: 5px; + height: 10%; + } + .menu { + margin: 0px; + width: 0%; + height: 0% + } + .content { + margin: 10px; + width: 100%; + height: 89%; + } + .title { + font-size: 0em; + } + .title_small { + font-size: 1.2em; + } + .header_menu { + font-size: 0.7em; + } + .np_header_button_link { + font-size: 1em; + } + .np_header_bar_large { + display: none; + } + .np_title { + font-size: 1em; + } + textarea.postbody { + height: calc(1em *1.5 * 10); + width: 100%; + } + input.post { + width: 90%; + } +} + +/* Tablet Styles */ +@media only screen and (min-device-width: 481px) and (max-device-width: 820px) { + body { + color: var(--color-text); + background: var(--color-light); + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: calc(1em + 1vw); + } + .header { + margin: 5px; + height: 10%; + } + .menu { + margin: 0px; + width: 0%; + height: 0% + } + .content { + margin: 10px; + width: 100%; + height: 89%; + } + .title { + font-size: 1.2em; + } + .header_menu { + font-size: 0.8em; + } + .np_header_button_link { + font-size: 1.5em; + } + .np_header_bar_large { + display: none; + } +} + +/* Desktop Styles */ +@media only screen and (min-device-width: 821px) { + body { + margin-left: 10px; + margin-right: 10px; + color: var(--color-text); + background: var(--color-light); + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: calc(1em + 1vw); + } + .header { + margin: 0px; + height: 8%; + } + .menu { + width: 20%; + height: 92% + } + .content { + width: 80%; + height: 92%; + } + .title { + font-size: 1.5em; + } + .header_menu { + font-size: 0.8em; + } + .np_button_hidden { + padding-left: 0px; + padding-right: 0px; + border: none; + color: transparent; + font-size: 0em; + } + .np_header_bar_small { + display: none; + } +} + +/* =========== Index Layout ============== */ + +/* headline */ +h1.np_index_headline { + font-size: 0.8em; +} + +/* Table around the groups */ +table.np_groups_table { + width: 100%; + table-layout: fixed; + border: none; + border-spacing: 0px; + margin: 0px; + padding: 0px; + font-size: 0.5em; +} + +/* border around all groups */ +.np_index_groups { + background: var(--color-dark); + padding: 0px; + border: solid 1px var(--color-link); +} + +/* a block of groups */ +.np_index_groupblock { + margin-bottom: 20px; + background: var(--color-dark); +} + +/* headline of a group of blocks */ +.np_index_grouphead { + border: solid 1px var(--color-link); + background: var(--color-dark); + color: var(--color-text); + font-size: 0.7em; + font-style: italic; +} + +/* a single group */ +.np_index_group { + margin-left: 10px; + margin-bottom: 5px; + font-size: 0.8em; +} + +/* Text inside a Line */ +span.np_group_line_text { + font-size: 1.2em; + font-weight: bold; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + color: var(--color-visited) !important; +} + +/* =========== Thread Layout ============== */ + +/* Headline */ +h1.np_thread_headline { + font-size: 0.6em; + margin-top: 5px; + margin-bottom: 10px; +} + + +/* Table around the thread */ +table.np_thread_table { + width: 100%; + table-layout: fixed; + border: solid 1px var(--color-visited); + border-spacing: 0px; + margin: 0px; + padding: 0px; + font-size: 0.5em; +} + +/* Head of the table */ +tr.np_thread_head,td.np_thread_head { + color: var(--color-visited); + background: var(--color-light); + margin: 0px; + padding: 5px; +} + + + +/* Even line numbers in the thread */ +tr.np_thread_line1,td.np_thread_line1 { + padding-left: 3px; + padding-top: 3px; + padding-right: 0px; + padding-bottom: 3px; + background: var(--color-row1); + max-width: 50%; +// border-top: 1px solid var(--color-medium); +// border-bottom: 1px solid var(--color-visited); + border-right: 1px solid var(--color-row-border); + margin: 0px; +} + +/* Odd line numbers in the thread */ +tr.np_thread_line2,td.np_thread_line2 { + padding-left: 3px; + padding-top: 3px; + padding-right: 0px; + padding-bottom: 3px; + background: var(--color-light); + border-top: 1px solid var(--color-row-border); + border-bottom: 1px solid var(--color-row-border); + border-right: 1px solid var(--color-row-border); + margin: 0px; +} + +/* Text inside a Line */ +span.np_thread_line_text { + font-size: 1em; + font-weight: bold; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; +} + +/* The small images, a thread consists of */ +img.thread_image { + vertical-align: bottom; +} + +/* =========== Article Layout ============= */ + +/* headline */ +h1.np_article_headline { + font-size: 0.6em; +} + + +/* Head of an article */ +div.np_article_header { + background: var(--color-dark); + padding: 5px; + border: solid 1px var(--color-link); + font-size: 0.55em; +} + +/* Layout of the Text-Body */ +div.np_article_body { + background: var(--color-light); + margin-top: 20px; +/* font-family: "Lucida Console", "Courier New", Courier, "Andale Mono", monospace; */ + font-size: 0.55em; +} + +/* Layout of the Text-Body for Synchronet (to display ASCII art etc.*/ +div.np_article_body_synch { + background: var(--color-light); + margin-top: 20px; + font-family: "Lucida Console", "Courier New", Courier, "Andale Mono", monospace; + font-size: 0.55em; +} + +/* Layout of quoted text / graphic layout */ +blockquote.np_article_quote { + border-left: var(--color-link) solid 1px; + padding-left: 5px; + color: var(--color-text-quote); + margin: 0px; +} + +/* =========== Post layout =========== */ + +/* headline */ +h1.np_post_headline { + font-size: 1em; +} + + +/* Head with the input fields for subject, name and email */ +.np_post_header { + background: var(--color-dark); + padding: 3px; + border: solid 1px var(--color-link); +} + +/* Body with the message-field and the post-button in it */ +.np_post_body { + background: var(--color-light); + padding: 3px; + border: solid 1px var(--color-link); + margin-top: 10px; +} + +/* =========== specifically for rocksolid overboard =========== */ + +/* results table */ +table.np_results_table { + width: 100%; + table-layout: fixed; + border: none; + border-spacing: 0px; + margin: 0px; + padding: 0px; + font-size: 0.5em; +} + +/* overboard posted_date */ +.np_ob_posted_date { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + color: var(--color-highlight); + text-align: left; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: 0.8em; +} + +/* posted_date */ +.np_posted_date { + float: right; + margin-top: 0; + margin-bottom: 0; + margin-right: 10; + text-decoration: none; + color: var(--color-highlight); + text-align: right; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: 0.8em; + width:50%; +} + +/* posted_date left */ +.np_posted_date_left { + float: left; + margin-top: 5; + margin-bottom: 0; + margin-right: 10; + margin-left: 10; + text-decoration: none; + color: var(--color-highlight); + text-align: left; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: 0.8em; +// width:50%; +} + +#datebox { + display: flex; + justify-content: space-between; +} + +/* last posted_date */ +.np_last_posted_date { + margin-top: 10; + margin-bottom: 10; + margin-right: 10; + text-decoration: none; + color: var(--color-highlight); + text-align: left; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: 0.9em; +} + +/* group description */ +.np_group_desc { + margin-top: 2; + margin-bottom: 10; + margin-right: 10; + text-decoration: none; + color: var(--color-highlight) !important; + text-align: left; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: 1em; +} + +.np_ob_group { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: 0.8em; +} + +.np_ob_body { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + font-size: 1em; +} + +.np_ob_subject { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: Helvetica, 'Roboto Mono', sans-serif; + font-size: 1.1em; +} + +/* Even line numbers in the thread */ +.np_result_line1 { + padding-left: 3px; + padding-top: 6px; + padding-right: 0px; + padding-bottom: 6px; + background: var(--color-dark); + margin: 0px; +} + +/* Odd line numbers in the thread */ +.np_result_line2 { + padding-left: 3px; + padding-top: 6px; + padding-right: 0px; + padding-bottom: 6px; + background: var(--color-light); + border-top: 1px solid var(--color-row-border); + border-bottom: 1px solid var(--color-row-border); + margin: 0px; +} + +.np_ob_tail { + font-size: 0.7em; +} +/* =========== navigation buttons on top of every page =========== */ +.np_buttonbar { + background: var(--color-dark); + padding: 1px; + margin-bottom: 1px; + width: 100%; + color: black; + font-size: 0.6em; +} + +.np_button_link { + padding-left: 5px; + padding-right: 5px; + border: none; + margin-right: 10px; + color: var(--color-visited); + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; + background: var(--color-dark); + border-radius: 5px; + border: 1px solid var(--color-highlight); + font-size: 1em; +} + +.np_button_link:hover { + color: var(--color-dark); + background: var(--color-visited); +} + +td.np_button { + padding-left: 5px; + padding-right: 5px; + border-right: solid white 1px; + color: white; + white-space: nowrap; + font-family: 'Jetbrains Mono', Mononoki, Noto Mono, 'Lucida Console', Monospace; +} + +a.np_button { + color: white; + text-decoration: underline; +} + +.button_container { + text-align:center; +} + +.np_pages { + color: var(--color-visited); +} + +.np_pages_selected { + color: var(--color-highlight) !important; + text-weight: bold; + margin-left: 5px; + font-size: 110%; +} + +.np_pages_unselected { + color: var(--color-visited) !important; + text-decoration: underline; + margin-left: 5px; +} + +input[type=submit] { + padding:5px; + border:1px solid var(--color-text); + -webkit-border-radius: 5px; + border-radius: 5px; +} + +input[type=submit]:hover { + color: var(--color-medium); + background: var(--color-text); +} + +input[type=button] { + padding:5px; + border:1px solid var(--color-text); + -webkit-border-radius: 5px; + border-radius: 5px; +} + +input[type=button]:hover { + color: var(--color-medium); + background: var(--color-text); +} + +a:link { + text-decoration: none; + color: var(--color-link); + font-size: inherit; +} + +a:visited { + text-decoration: none; + color: var(--color-visited); +} + +a:hover { + text-decoration: underline; +} + +a:active { + text-decoration: underline; +} +