From 20b1267bf33b7f7650cbd97bdd4ddc50b476a3b8 Mon Sep 17 00:00:00 2001 From: Retro_Guy Date: Fri, 15 Sep 2023 12:04:51 -0700 Subject: [PATCH] Add new theme. Move style.css back to each theme dir. Modify header.php to allow a bit more css config. --- Rocksolid_Light/common/header.php | 29 +- .../common/themes/Blue Theme/style-colors.css | 7 + .../common/themes/Blue Theme/style.css | 865 +++++++++++++++++- .../common/themes/Dark Theme/style-colors.css | 7 + .../common/themes/Dark Theme/style.css | 865 +++++++++++++++++- Rocksolid_Light/common/themes/Default Theme | 2 +- .../themes/Light Blue Theme/images/latest.png | Bin 0 -> 2202 bytes .../themes/Light Blue Theme/style-colors.css | 22 + .../common/themes/Light Blue Theme/style.css | 864 +++++++++++++++++ .../themes/Light Theme/style-colors.css | 7 + .../common/themes/Light Theme/style.css | 865 +++++++++++++++++- .../themes/Metal Theme/style-colors.css | 7 + .../common/themes/Metal Theme/style.css | 865 +++++++++++++++++- Rocksolid_Light/common/themes/style.css | 846 ----------------- 14 files changed, 4378 insertions(+), 873 deletions(-) mode change 120000 => 100644 Rocksolid_Light/common/themes/Blue Theme/style.css mode change 120000 => 100644 Rocksolid_Light/common/themes/Dark Theme/style.css create mode 100644 Rocksolid_Light/common/themes/Light Blue Theme/images/latest.png create mode 100644 Rocksolid_Light/common/themes/Light Blue Theme/style-colors.css create mode 100644 Rocksolid_Light/common/themes/Light Blue Theme/style.css mode change 120000 => 100644 Rocksolid_Light/common/themes/Light Theme/style.css mode change 120000 => 100644 Rocksolid_Light/common/themes/Metal Theme/style.css delete mode 100644 Rocksolid_Light/common/themes/style.css diff --git a/Rocksolid_Light/common/header.php b/Rocksolid_Light/common/header.php index 69de7fc..f705e41 100644 --- a/Rocksolid_Light/common/header.php +++ b/Rocksolid_Light/common/header.php @@ -45,7 +45,7 @@ if ((isset($_SESSION['theme'])) && file_exists($rootdir.'common/themes/'.$_SESSI ?> - +
Rocksolid Light @@ -76,13 +76,13 @@ if ((isset($_SESSION['theme'])) && file_exists($rootdir.'common/themes/'.$_SESSI } if($unread && (strpos($linkitem[1], 'spoolnews/mail.php') !== false)) { echo ''; - echo ''.trim(strtoupper($linkitem[0])).'  '; + echo ''.trim(strtoupper($linkitem[0])).'  '; echo ''; } else { - echo ''.trim($linkitem[0]).'  '; + echo ''.trim($linkitem[0]).'  '; } } - echo ''; + echo ''; if(isset($user)) { echo '('.$_COOKIE['mail_name'].')'; } else { @@ -124,8 +124,8 @@ ob_end_clean(); if(file_exists($config_dir.'/motd.txt')) { $motd = file_get_contents($config_dir.'/motd.txt'); } -echo '

'; -echo ''; +echo '

'; +echo '

'; foreach($menulist as $menu) { if($menu[0] == '#') { continue; @@ -143,23 +143,8 @@ foreach($menulist as $menu) { echo ''; echo ''; } - echo '
'; + echo '

'; echo ''; - -foreach($menulist as $menu) { - if($menu[0] == '#') { - continue; - } - $menuitem=explode(':', $menu); - if($menuitem[1] == '0') { - continue; - } - echo ''; -} if($unread) { $motd = '
*** You have unread mail. Click Here ***
'; } diff --git a/Rocksolid_Light/common/themes/Blue Theme/style-colors.css b/Rocksolid_Light/common/themes/Blue Theme/style-colors.css index abe0da8..fd6396f 100644 --- a/Rocksolid_Light/common/themes/Blue Theme/style-colors.css +++ b/Rocksolid_Light/common/themes/Blue Theme/style-colors.css @@ -2,6 +2,13 @@ --color-dark: #191970; --color-medium: #000052; --color-light: #000066; + + --color-header-background: #191970; + --color-header-background-light: #000066; + --color-header-link: #D0BDBD; + + --color-section-background: #191970; + --color-section-link: #6688BB; --color-text: #D0BDBD; --color-text-quote: teal; diff --git a/Rocksolid_Light/common/themes/Blue Theme/style.css b/Rocksolid_Light/common/themes/Blue Theme/style.css deleted file mode 120000 index 5191bf7..0000000 --- a/Rocksolid_Light/common/themes/Blue Theme/style.css +++ /dev/null @@ -1 +0,0 @@ -../style.css \ No newline at end of file diff --git a/Rocksolid_Light/common/themes/Blue Theme/style.css b/Rocksolid_Light/common/themes/Blue Theme/style.css new file mode 100644 index 0000000..834a60f --- /dev/null +++ b/Rocksolid_Light/common/themes/Blue Theme/style.css @@ -0,0 +1,864 @@ +@import "style-colors.css"; + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.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-header-link) !important; + 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: Arial, Helvetica, sans-serif; + background: var(--color-dark); + border-radius: 5px; +} +/* Header buttons */ +.np_header_button_link { + padding-left: 5px; + padding-right: 5px; + border: none; + color: var(--color-section-link); + white-space: nowrap; + font-family: Arial, Helvetica, sans-serif; + background: var(--color-section-background); + border-radius: 5px; + font-size: 1.8em; +} + +.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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + background: var(--color-dark); + border-radius: 5px; + font-size: 0.9em; +} + +.np_header_button_link:hover { + color: var(--color-section-background); + background: var(--color-section-link); +} + +.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-header-background); + padding: 1px; + margin-bottom: 1px; + color: black; + font-size: 0.5em; +} + +.np_header_bar_small { + background: var(--color-dark); + padding: 1px; + margin-bottom: 1px; + color: black; + font-size: 0.6em; +} + +.display_headers:active .display_headers_on { + display: block; +} + +#trigger_headers:checked+.display_headers_on { + display: block; +} + +.display_headers_on { + display: none; /* NEW */ + background: var(--color-dark);; + padding: 3px; + border: solid 1px var(--color-link); + word-wrap: break-word; + position: absolute; + z-index: 1000; + width: 98%; + height: auto; +} + +.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); + border: none; + color: var(--color-text); +} + +textarea.postbody { + background-color: var(--color-medium); + border: none; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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; +} + +/* 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-dark); + border-bottom: 1px solid var(--color-row-border); + 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: Arial, Helvetica, sans-serif; +} + +/* 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: 3px; + 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; + white-space: pre-wrap; + 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; + white-space: pre-wrap; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + font-size: 1em; +} + +.np_ob_group { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-size: 0.8em; +} + +.np_ob_body { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-size: 1em; +} + +.np_ob_subject { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: Helvetica, Arial, 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; +} + +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; +} \ No newline at end of file diff --git a/Rocksolid_Light/common/themes/Dark Theme/style-colors.css b/Rocksolid_Light/common/themes/Dark Theme/style-colors.css index e15d81d..3888583 100644 --- a/Rocksolid_Light/common/themes/Dark Theme/style-colors.css +++ b/Rocksolid_Light/common/themes/Dark Theme/style-colors.css @@ -2,6 +2,13 @@ --color-dark: #0C090A; --color-medium: #3E4147; --color-light: #1B1B33; + + --color-header-background: #3E4147; + --color-header-background-light: #0C090A; + --color-header-link: #D0BDBD; + + --color-section-background: #0C090A; + --color-section-link: #6688BB; --color-text: #D0BDBD; --color-text-quote: teal; diff --git a/Rocksolid_Light/common/themes/Dark Theme/style.css b/Rocksolid_Light/common/themes/Dark Theme/style.css deleted file mode 120000 index 5191bf7..0000000 --- a/Rocksolid_Light/common/themes/Dark Theme/style.css +++ /dev/null @@ -1 +0,0 @@ -../style.css \ No newline at end of file diff --git a/Rocksolid_Light/common/themes/Dark Theme/style.css b/Rocksolid_Light/common/themes/Dark Theme/style.css new file mode 100644 index 0000000..834a60f --- /dev/null +++ b/Rocksolid_Light/common/themes/Dark Theme/style.css @@ -0,0 +1,864 @@ +@import "style-colors.css"; + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.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-header-link) !important; + 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: Arial, Helvetica, sans-serif; + background: var(--color-dark); + border-radius: 5px; +} +/* Header buttons */ +.np_header_button_link { + padding-left: 5px; + padding-right: 5px; + border: none; + color: var(--color-section-link); + white-space: nowrap; + font-family: Arial, Helvetica, sans-serif; + background: var(--color-section-background); + border-radius: 5px; + font-size: 1.8em; +} + +.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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + background: var(--color-dark); + border-radius: 5px; + font-size: 0.9em; +} + +.np_header_button_link:hover { + color: var(--color-section-background); + background: var(--color-section-link); +} + +.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-header-background); + padding: 1px; + margin-bottom: 1px; + color: black; + font-size: 0.5em; +} + +.np_header_bar_small { + background: var(--color-dark); + padding: 1px; + margin-bottom: 1px; + color: black; + font-size: 0.6em; +} + +.display_headers:active .display_headers_on { + display: block; +} + +#trigger_headers:checked+.display_headers_on { + display: block; +} + +.display_headers_on { + display: none; /* NEW */ + background: var(--color-dark);; + padding: 3px; + border: solid 1px var(--color-link); + word-wrap: break-word; + position: absolute; + z-index: 1000; + width: 98%; + height: auto; +} + +.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); + border: none; + color: var(--color-text); +} + +textarea.postbody { + background-color: var(--color-medium); + border: none; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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; +} + +/* 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-dark); + border-bottom: 1px solid var(--color-row-border); + 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: Arial, Helvetica, sans-serif; +} + +/* 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: 3px; + 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; + white-space: pre-wrap; + 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; + white-space: pre-wrap; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; + font-size: 1em; +} + +.np_ob_group { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-size: 0.8em; +} + +.np_ob_body { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-size: 1em; +} + +.np_ob_subject { + margin-top: 0; + margin-bottom: 0; + text-decoration: none; + font-family: Helvetica, Arial, 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: Arial, Helvetica, sans-serif; + 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: Arial, Helvetica, sans-serif; +} + +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; +} \ No newline at end of file diff --git a/Rocksolid_Light/common/themes/Default Theme b/Rocksolid_Light/common/themes/Default Theme index 6e69055..c032f16 120000 --- a/Rocksolid_Light/common/themes/Default Theme +++ b/Rocksolid_Light/common/themes/Default Theme @@ -1 +1 @@ -Light Theme \ No newline at end of file +Light Blue Theme \ No newline at end of file diff --git a/Rocksolid_Light/common/themes/Light Blue Theme/images/latest.png b/Rocksolid_Light/common/themes/Light Blue Theme/images/latest.png new file mode 100644 index 0000000000000000000000000000000000000000..eded3a2496e654fb94678d46655c592fae8ea1a8 GIT binary patch literal 2202 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
'; - echo '
'; - echo ''; - echo '
'; - echo '