novabbs
/
rocksolid-light
3
0
Fork 1
Code Issues 22 Pull Requests Releases Wiki Activity

Add theme support and config option for same

This commit is contained in:
Retro_Guy 2021-11-09 21:05:46 +00:00
parent 9b0026bf01
commit 82f4bdf4f0
7 changed files with 398 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
Rocksolid_Light/common/header.php
View File

@ -1,6 +1,7 @@
<html> <html>
<head> <head>
<?php <?php
session_start();
if (basename(getcwd()) == 'mods') { if (basename(getcwd()) == 'mods') {
$rootdir = "../../"; $rootdir = "../../";
} else { } else {
@ -20,17 +21,23 @@ $CONFIG = include $config_file;
$menulist = file($config_dir."menu.conf", FILE_IGNORE_NEW_LINES); $menulist = file($config_dir."menu.conf", FILE_IGNORE_NEW_LINES);
$linklist = file($config_dir."links.conf", FILE_IGNORE_NEW_LINES); $linklist = file($config_dir."links.conf", FILE_IGNORE_NEW_LINES);
if (file_exists($rootdir.'common/mods/style.css')) { $user = strtolower($_COOKIE['mail_name']);
echo '<link rel="stylesheet" type="text/css" href="'.$rootdir.'common/mods/style.css">'; if(!isset($_SESSION['theme']) && file_exists($config_dir.'/userconfig/'.$user.'.config')) {
} else { $user_config = unserialize(file_get_contents($config_dir.'/userconfig/'.$user.'.config'));
echo '<link rel="stylesheet" type="text/css" href="'.$rootdir.'common/style.css">'; $_SESSION['theme'] = $user_config['theme'];
} }
if(trim($_SESSION['theme']) !== '') {
echo '<link rel="stylesheet" type="text/css" href="../common/themes/'.$_SESSION[theme].'/style.css">';
} else {
echo '<link rel="stylesheet" type="text/css" href="'.$rootdir.'common/themes/Default Theme/style.css">';
}
if (file_exists($rootdir.'common/mods/images/rocksolidlight.png')) { if (file_exists($rootdir.'common/mods/images/rocksolidlight.png')) {
$header_image=$rootdir.'common/mods/images/rocksolidlight.png'; $header_image=$rootdir.'common/mods/images/rocksolidlight.png';
} else { } else {
$header_image=$rootdir.'common/images/rocksolidlight.png'; $header_image=$rootdir.'common/images/rocksolidlight.png';
} }
?> ?>
</head> </head>
<body> <body>

15
Rocksolid_Light/common/themes/Blue Theme/style-colors.css Normal file
View File

@ -0,0 +1,15 @@
:root {
--color-dark: #00003D;
--color-medium: #000052;
--color-light: #000066;
--color-text: #D0BDBD;
--color-text-quote: teal;
--color-highlight: #9966CC;
--color-link: #00B0DF;
--color-visited: #6688BB;
--color-border: #828282;
--color-row-border: black;
}

111
Rocksolid_Light/common/style.css → Rocksolid_Light/common/themes/Blue Theme/style.css
View File

@ -42,19 +42,19 @@
.title { .title {
font-size: 2em; font-size: 2em;
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
} }
.title_small { .title_small {
font-size: 0em; font-size: 0em;
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
} }
.header_menu { .header_menu {
font-size: 1em; font-size: 1em;
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
} }
.content { .content {
@ -72,13 +72,21 @@
} }
.search_result { .search_result {
color: var(--color-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 */ /* Title */
.np_title { .np_title {
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
font-size: 1.5em; font-size: 1.5em;
} }
@ -120,8 +128,8 @@
.np_button_hidden { .np_button_hidden {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: 1px solid var(--color-title); border: 1px solid var(--color-text);
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -132,7 +140,7 @@
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: none; border: none;
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -145,7 +153,7 @@
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: none; border: none;
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -157,7 +165,7 @@
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: none; border: none;
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -168,12 +176,12 @@
.np_mail_button_link:hover { .np_mail_button_link:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
} }
.np_mail_button_read:hover { .np_mail_button_read:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
} }
/* Filename buttons */ /* Filename buttons */
@ -181,7 +189,7 @@
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: none; border: none;
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -191,7 +199,7 @@
.np_filename_button_link:hover { .np_filename_button_link:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
} }
/* Username buttons */ /* Username buttons */
@ -199,7 +207,7 @@
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: none; border: none;
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -209,12 +217,12 @@
.np_header_button_link:hover { .np_header_button_link:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
} }
.np_username_button_link:hover { .np_username_button_link:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
} }
.np_header_bar_large { .np_header_bar_large {
@ -270,13 +278,13 @@ div.ellipsis {
input { input {
background-color: var(--color-medium); background-color: var(--color-medium);
border: none; border: none;
color: var(--color-title); color: var(--color-text);
} }
textarea.postbody { textarea.postbody {
background-color: var(--color-medium); background-color: var(--color-medium);
border: none; border: none;
color: var(--color-title); color: var(--color-text);
height: calc(1em * 1.5 * 20); height: calc(1em * 1.5 * 20);
width: calc(1em * 1.5 * 40); width: calc(1em * 1.5 * 40);
} }
@ -284,15 +292,15 @@ textarea.postbody {
textarea.configuration { textarea.configuration {
background-color: var(--color-medium); background-color: var(--color-medium);
border: none; border: none;
color: var(--color-title); color: var(--color-text);
resize: none; resize: none;
} }
/* Mobile Styles */ /* Mobile Styles */
@media only screen and (max-device-width: 480px) { @media only screen and (max-device-width: 480px) {
body { body {
color: var(--color-title); color: var(--color-text);
background: var(--color-bg-alt); background: var(--color-light);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: calc(1em + 2vw); font-size: calc(1em + 2vw);
} }
@ -340,8 +348,8 @@ textarea.configuration {
/* Tablet Styles */ /* Tablet Styles */
@media only screen and (min-device-width: 481px) and (max-device-width: 820px) { @media only screen and (min-device-width: 481px) and (max-device-width: 820px) {
body { body {
color: var(--color-title); color: var(--color-text);
background: var(--color-bg-alt); background: var(--color-light);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: calc(1em + 1vw); font-size: calc(1em + 1vw);
} }
@ -378,8 +386,8 @@ textarea.configuration {
body { body {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
color: var(--color-title); color: var(--color-text);
background: var(--color-bg-alt); background: var(--color-light);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: calc(1em + 1vw); font-size: calc(1em + 1vw);
} }
@ -451,7 +459,7 @@ table.np_groups_table {
border: solid 1px #26598f; border: solid 1px #26598f;
/* background: #26598f; */ /* background: #26598f; */
background: var(--color-dark); background: var(--color-dark);
color: var(--color-title); color: var(--color-text);
font-size: 0.7em; font-size: 0.7em;
font-style: italic; font-style: italic;
} }
@ -468,7 +476,7 @@ span.np_group_line_text {
font-size: 1.2em; font-size: 1.2em;
font-weight: bold; font-weight: bold;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
color: var(--color-text-alt) !important; color: var(--color-visited) !important;
} }
/* =========== Thread Layout ============== */ /* =========== Thread Layout ============== */
@ -486,7 +494,7 @@ table.np_thread_table {
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
/* border: solid 1px #26598f; */ /* border: solid 1px #26598f; */
border: solid 1px var(--color-text-alt); border: solid 1px var(--color-visited);
border-spacing: 0px; border-spacing: 0px;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
@ -495,7 +503,7 @@ table.np_thread_table {
/* Head of the table */ /* Head of the table */
tr.np_thread_head,td.np_thread_head { tr.np_thread_head,td.np_thread_head {
color: var(--color-text-alt); color: var(--color-visited);
background: var(--color-light); background: var(--color-light);
margin: 0px; margin: 0px;
} }
@ -510,7 +518,7 @@ tr.np_thread_line1,td.np_thread_line1 {
padding-bottom: 3px; padding-bottom: 3px;
background: var(--color-dark); background: var(--color-dark);
// border-top: 1px solid var(--color-medium); // border-top: 1px solid var(--color-medium);
// border-bottom: 1px solid var(--color-text-alt); // border-bottom: 1px solid var(--color-visited);
border-right: 1px solid var(--color-row-border); border-right: 1px solid var(--color-row-border);
margin: 0px; margin: 0px;
} }
@ -621,7 +629,7 @@ table.np_results_table {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
text-decoration: none; text-decoration: none;
color: var(--color-ob-date); color: var(--color-highlight);
text-align: left; text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em; font-size: 0.8em;
@ -634,7 +642,7 @@ table.np_results_table {
margin-bottom: 0; margin-bottom: 0;
margin-right: 10; margin-right: 10;
text-decoration: none; text-decoration: none;
color: var(--color-ob-date); color: var(--color-highlight);
text-align: right; text-align: right;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em; font-size: 0.8em;
@ -649,7 +657,7 @@ table.np_results_table {
margin-right: 10; margin-right: 10;
margin-left: 10; margin-left: 10;
text-decoration: none; text-decoration: none;
color: var(--color-ob-date); color: var(--color-highlight);
text-align: left; text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em; font-size: 0.8em;
@ -667,7 +675,7 @@ table.np_results_table {
margin-bottom: 10; margin-bottom: 10;
margin-right: 10; margin-right: 10;
text-decoration: none; text-decoration: none;
color: var(--color-ob-date); color: var(--color-highlight);
text-align: left; text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em; font-size: 0.9em;
@ -679,23 +687,12 @@ table.np_results_table {
margin-bottom: 10; margin-bottom: 10;
margin-right: 10; margin-right: 10;
text-decoration: none; text-decoration: none;
color: var(--color-ob-date); color: var(--color-highlight);
text-align: left; text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 1em; font-size: 1em;
} }
/* header */
.np_ob_header {
margin-top: 0;
margin-bottom: 15;
margin-left: 20%;
text-decoration: none;
color: var(--color-ob-title);
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: italic;
}
.np_ob_group { .np_ob_group {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -760,18 +757,18 @@ table.np_results_table {
padding-right: 5px; padding-right: 5px;
border: none; border: none;
margin-right: 10px; margin-right: 10px;
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
border-radius: 5px; border-radius: 5px;
border: 1px solid var(--color-ob-date); border: 1px solid var(--color-highlight);
font-size: 1em; font-size: 1em;
} }
.np_button_link:hover { .np_button_link:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
} }
td.np_button { td.np_button {
@ -793,44 +790,44 @@ a.np_button {
} }
.np_pages { .np_pages {
color: var(--color-text-alt); color: var(--color-visited);
} }
.np_pages_selected { .np_pages_selected {
color: var(--color-ob-date) !important; color: var(--color-highlight) !important;
text-weight: bold; text-weight: bold;
margin-left: 5px; margin-left: 5px;
font-size: 110%; font-size: 110%;
} }
.np_pages_unselected { .np_pages_unselected {
color: var(--color-text-alt) !important; color: var(--color-visited) !important;
text-decoration: underline; text-decoration: underline;
margin-left: 5px; margin-left: 5px;
} }
input[type=submit] { input[type=submit] {
padding:5px; padding:5px;
border:1px solid var(--color-title); border:1px solid var(--color-text);
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
input[type=submit]:hover { input[type=submit]:hover {
color: var(--color-medium); color: var(--color-medium);
background: var(--color-title); background: var(--color-text);
} }
input[type=button] { input[type=button] {
padding:5px; padding:5px;
border:1px solid var(--color-title); border:1px solid var(--color-text);
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
input[type=button]:hover { input[type=button]:hover {
color: var(--color-medium); color: var(--color-medium);
background: var(--color-title); background: var(--color-text);
} }
a:link { a:link {

16
Rocksolid_Light/common/style-colors.css → Rocksolid_Light/common/themes/Default Theme/style-colors.css
View File

@ -2,20 +2,14 @@
--color-dark: #0C090A; --color-dark: #0C090A;
--color-medium: #3E4147; --color-medium: #3E4147;
--color-light: #101020; --color-light: #101020;
--color-bg-alt: #101025;
--color-text-alt: #4488BB; --color-text: #D0BDBD;
--color-text-quote: teal; --color-text-quote: teal;
--color-title: #D0BDBD; --color-highlight: #9966CC;
--color-link: #00B0DF; --color-link: #00B0DF;
--color-visited: #6688BB; --color-visited: #6688BB;
--color-border: #828282; --color-border: #828282;
--color-row-border: black; --color-row-border: black;
/* overboard title */
--color-ob-title: #9966CC;
/* overboard date line */
--color-ob-date: #9966CC;
--color-search-result: #B266CC;
} }

329
Rocksolid_Light/common/style-frames.css → Rocksolid_Light/common/themes/Default Theme/style.css
View File

@ -42,19 +42,19 @@
.title { .title {
font-size: 2em; font-size: 2em;
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
} }
.title_small { .title_small {
font-size: 0em; font-size: 0em;
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
} }
.header_menu { .header_menu {
font-size: 1em; font-size: 1em;
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
} }
.content { .content {
@ -67,10 +67,26 @@
height: auto; 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 */ /* Title */
.np_title { .np_title {
text-decoration: none; text-decoration: none;
color: var(--color-title); color: var(--color-text);
font-size: 1.5em; font-size: 1.5em;
} }
@ -112,8 +128,8 @@
.np_button_hidden { .np_button_hidden {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: 1px solid var(--color-title); border: 1px solid var(--color-text);
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -124,7 +140,7 @@
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: none; border: none;
color: var(--color-text-alt); color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
@ -132,9 +148,81 @@
font-size: 1.8em; font-size: 1.8em;
} }
/* 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 { .np_header_button_link:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
}
.np_username_button_link:hover {
color: var(--color-dark);
background: var(--color-visited);
} }
.np_header_bar_large { .np_header_bar_large {
@ -142,7 +230,7 @@
padding: 1px; padding: 1px;
margin-bottom: 1px; margin-bottom: 1px;
color: black; color: black;
font-size: 0.6em; font-size: 0.5em;
} }
.np_header_bar_small { .np_header_bar_small {
@ -153,17 +241,66 @@
font-size: 0.6em; 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 #26598f;
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 { div.ellipsis {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; 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 */ /* Mobile Styles */
@media only screen and (max-device-width: 480px) { @media only screen and (max-device-width: 480px) {
body { body {
color: var(--color-title); color: var(--color-text);
background: var(--color-bg-alt); background: var(--color-light);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: calc(1em + 2vw); font-size: calc(1em + 2vw);
} }
@ -191,18 +328,28 @@ div.ellipsis {
font-size: 0.7em; font-size: 0.7em;
} }
.np_header_button_link { .np_header_button_link {
font-size: 1.2em; font-size: 1em;
} }
.np_header_bar_large { .np_header_bar_large {
display: none; display: none;
} }
.np_title {
font-size: 1em;
}
textarea.postbody {
height: calc(1em *1.5 * 10);
width: 100%;
}
input.post {
width: 90%;
}
} }
/* Tablet Styles */ /* Tablet Styles */
@media only screen and (min-device-width: 481px) and (max-device-width: 820px) { @media only screen and (min-device-width: 481px) and (max-device-width: 820px) {
body { body {
color: var(--color-title); color: var(--color-text);
background: var(--color-bg-alt); background: var(--color-light);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: calc(1em + 1vw); font-size: calc(1em + 1vw);
} }
@ -237,8 +384,10 @@ div.ellipsis {
/* Desktop Styles */ /* Desktop Styles */
@media only screen and (min-device-width: 821px) { @media only screen and (min-device-width: 821px) {
body { body {
color: var(--color-title); margin-left: 10px;
background: var(--color-bg-alt); margin-right: 10px;
color: var(--color-text);
background: var(--color-light);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: calc(1em + 1vw); font-size: calc(1em + 1vw);
} }
@ -279,6 +428,18 @@ h1.np_index_headline {
font-size: 0.8em; font-size: 0.8em;
} }
/* Table around the groups */
table.np_groups_table {
width: 100%;
table-layout: fixed;
/* border: solid 1px #26598f; */
border: none;
border-spacing: 0px;
margin: 0px;
padding: 0px;
font-size: 0.5em;
}
/* border around all groups */ /* border around all groups */
.np_index_groups { .np_index_groups {
/* background: #eeeeee; */ /* background: #eeeeee; */
@ -298,7 +459,7 @@ h1.np_index_headline {
border: solid 1px #26598f; border: solid 1px #26598f;
/* background: #26598f; */ /* background: #26598f; */
background: var(--color-dark); background: var(--color-dark);
color: var(--color-title); color: var(--color-text);
font-size: 0.7em; font-size: 0.7em;
font-style: italic; font-style: italic;
} }
@ -310,11 +471,21 @@ h1.np_index_headline {
font-size: 0.8em; 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 ============== */ /* =========== Thread Layout ============== */
/* Headline */ /* Headline */
h1.np_thread_headline { h1.np_thread_headline {
font-size: 0.8em; font-size: 0.6em;
margin-top: 5px;
margin-bottom: 10px;
} }
@ -322,7 +493,8 @@ h1.np_thread_headline {
table.np_thread_table { table.np_thread_table {
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
border: solid 1px #26598f; /* border: solid 1px #26598f; */
border: solid 1px var(--color-visited);
border-spacing: 0px; border-spacing: 0px;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
@ -331,7 +503,7 @@ table.np_thread_table {
/* Head of the table */ /* Head of the table */
tr.np_thread_head,td.np_thread_head { tr.np_thread_head,td.np_thread_head {
color: var(--color-text-alt); color: var(--color-visited);
background: var(--color-light); background: var(--color-light);
margin: 0px; margin: 0px;
} }
@ -341,22 +513,26 @@ tr.np_thread_head,td.np_thread_head {
/* Even line numbers in the thread */ /* Even line numbers in the thread */
tr.np_thread_line1,td.np_thread_line1 { tr.np_thread_line1,td.np_thread_line1 {
padding-left: 3px; padding-left: 3px;
padding-top: 6px; padding-top: 3px;
padding-right: 0px; padding-right: 0px;
padding-bottom: 6px; padding-bottom: 3px;
background: var(--color-dark); background: var(--color-dark);
border: 1px solid #828282; // border-top: 1px solid var(--color-medium);
// border-bottom: 1px solid var(--color-visited);
border-right: 1px solid var(--color-row-border);
margin: 0px; margin: 0px;
} }
/* Odd line numbers in the thread */ /* Odd line numbers in the thread */
tr.np_thread_line2,td.np_thread_line2 { tr.np_thread_line2,td.np_thread_line2 {
padding-left: 3px; padding-left: 3px;
padding-top: 6px; padding-top: 3px;
padding-right: 0px; padding-right: 0px;
padding-bottom: 6px; padding-bottom: 3px;
background: var(--color-light); background: var(--color-light);
border: 1px solid #828282; 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; margin: 0px;
} }
@ -441,35 +617,82 @@ h1.np_post_headline {
table.np_results_table { table.np_results_table {
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
border: solid 1px #26598f; border: none;
border-spacing: 0px; border-spacing: 0px;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
font-size: 0.5em; font-size: 0.5em;
} }
/* posted_date */ /* overboard posted_date */
.np_ob_posted_date { .np_ob_posted_date {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
text-decoration: none; text-decoration: none;
color: var(--color-ob-date); color: var(--color-highlight);
text-align: left text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em; font-size: 0.8em;
} }
/* header */ /* posted_date */
.np_ob_header { .np_posted_date {
float: right;
margin-top: 0; margin-top: 0;
margin-bottom: 15; margin-bottom: 0;
margin-left: 20%; margin-right: 10;
text-decoration: none; text-decoration: none;
color: var(--color-ob-title); 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);
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 1em; font-size: 1em;
font-style: italic;
} }
.np_ob_group { .np_ob_group {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -501,7 +724,6 @@ table.np_results_table {
padding-right: 0px; padding-right: 0px;
padding-bottom: 6px; padding-bottom: 6px;
background: var(--color-dark); background: var(--color-dark);
border: 1px solid var(--color-text-alt);
margin: 0px; margin: 0px;
} }
@ -512,7 +734,8 @@ table.np_results_table {
padding-right: 0px; padding-right: 0px;
padding-bottom: 6px; padding-bottom: 6px;
background: var(--color-light); background: var(--color-light);
border: 1px solid var(--color-text-alt); border-top: 1px solid var(--color-row-border);
border-bottom: 1px solid var(--color-row-border);
margin: 0px; margin: 0px;
} }
@ -524,6 +747,7 @@ table.np_results_table {
background: var(--color-dark); background: var(--color-dark);
padding: 1px; padding: 1px;
margin-bottom: 1px; margin-bottom: 1px;
width: 100%;
color: black; color: black;
font-size: 0.6em; font-size: 0.6em;
} }
@ -532,17 +756,19 @@ table.np_results_table {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: none; border: none;
color: var(--color-text-alt); margin-right: 10px;
color: var(--color-visited);
white-space: nowrap; white-space: nowrap;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: var(--color-dark); background: var(--color-dark);
border-radius: 5px; border-radius: 5px;
border: 1px solid var(--color-highlight);
font-size: 1em; font-size: 1em;
} }
.np_button_link:hover { .np_button_link:hover {
color: var(--color-dark); color: var(--color-dark);
background: var(--color-text-alt); background: var(--color-visited);
} }
td.np_button { td.np_button {
@ -559,50 +785,49 @@ a.np_button {
text-decoration: underline; text-decoration: underline;
} }
.button_container {
text-align:center;
}
.np_pages { .np_pages {
color: var(--color-visited); color: var(--color-visited);
} }
.np_pages_selected { .np_pages_selected {
color: var(--color-title) !important; color: var(--color-highlight) !important;
text-weight: bold; text-weight: bold;
margin-left: 5px; margin-left: 5px;
font-size: 110%;
} }
.np_pages_unselected { .np_pages_unselected {
color: white; color: var(--color-visited) !important;
text-decoration: underline; text-decoration: underline;
margin-left: 5px; margin-left: 5px;
} }
input, textarea {
background-color: var(--color-medium);
border: none;
color: var(--color-title);
}
input[type=submit] { input[type=submit] {
padding:5px; padding:5px;
border:1px solid var(--color-title); border:1px solid var(--color-text);
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
input[type=submit]:hover { input[type=submit]:hover {
color: var(--color-medium); color: var(--color-medium);
background: var(--color-title); background: var(--color-text);
} }
input[type=button] { input[type=button] {
padding:5px; padding:5px;
border:1px solid var(--color-title); border:1px solid var(--color-text);
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
input[type=button]:hover { input[type=button]:hover {
color: var(--color-medium); color: var(--color-medium);
background: var(--color-title); background: var(--color-text);
} }
a:link { a:link {

5
Rocksolid_Light/rocksolid/head.inc
View File

@ -16,11 +16,6 @@ if(isset($frames_on) && $frames_on === false) {
include "../common/header.php"; include "../common/header.php";
} }
} }
if (file_exists('../common/mods/'.$style_css)) {
echo '<link rel="stylesheet" type="text/css" href="../common/mods/'.$style_css.'">';
} else {
echo '<link rel="stylesheet" type="text/css" href="../common/'.$style_css.'">';
}
echo '<hr></head>'; echo '<hr></head>';
echo '<body textcolor="black" bgcolor="white">'; echo '<body textcolor="black" bgcolor="white">';
?> ?>

37
Rocksolid_Light/spoolnews/user.php
View File

@ -12,7 +12,6 @@ include "newsportal.php";
$keyfile = $spooldir.'/keys.dat'; $keyfile = $spooldir.'/keys.dat';
$keys = unserialize(file_get_contents($keyfile)); $keys = unserialize(file_get_contents($keyfile));
if($_POST['command'] == 'Logout') { if($_POST['command'] == 'Logout') {
unset($_COOKIE['mail_name']); unset($_COOKIE['mail_name']);
setcookie('mail_name', null, -1, '/'); setcookie('mail_name', null, -1, '/');
@ -20,6 +19,7 @@ if($_POST['command'] == 'Logout') {
setcookie('mail_auth', null, -1, '/'); setcookie('mail_auth', null, -1, '/');
unset($_COOKIE['cookie_name']); unset($_COOKIE['cookie_name']);
setcookie('cookie_name', null, -1, '/'); setcookie('cookie_name', null, -1, '/');
unset($_SESSION['theme']);
unset($_POST['username']); unset($_POST['username']);
include "head.inc"; include "head.inc";
echo 'You have been logged out'; echo 'You have been logged out';
@ -115,6 +115,7 @@ echo '</table>';
} }
$user = strtolower($_POST['username']); $user = strtolower($_POST['username']);
$_SESSION['username'] = $user;
unset($user_config); unset($user_config);
// Apply Config // Apply Config
@ -122,27 +123,59 @@ echo '</table>';
$user_config['signature'] = $_POST['signature']; $user_config['signature'] = $_POST['signature'];
$user_config['xface'] = $_POST['xface']; $user_config['xface'] = $_POST['xface'];
$user_config['timezone'] = $_POST['timezone']; $user_config['timezone'] = $_POST['timezone'];
$user_config['theme'] = $_POST['listbox'];
file_put_contents($config_dir.'/userconfig/'.$user.'.config', serialize($user_config)); file_put_contents($config_dir.'/userconfig/'.$user.'.config', serialize($user_config));
$_SESSION['theme'] = $user_config['theme'];
echo 'Configuration Saved for '.$_POST[username]; echo 'Configuration Saved for '.$_POST[username];
} else { } else {
$user_config = unserialize(file_get_contents($config_dir.'/userconfig/'.$user.'.config')); $user_config = unserialize(file_get_contents($config_dir.'/userconfig/'.$user.'.config'));
} }
// Get themes
$themedir = $rootdir.'/common/themes';
if(is_dir($themedir)) {
if($theme_list = opendir($themedir)) {
while(($theme_dir = readdir($theme_list)) !== false) {
if($theme_dir == '.' || $theme_dir == '..') {
continue;
}
$themes[] = $theme_dir;
}
closedir($theme_dir);
}
}
sort($themes);
// Show Config // Show Config
echo '<hr><h1 class="np_thread_headline">Configuration:</h1>'; echo '<hr><h1 class="np_thread_headline">Configuration:</h1>';
echo '<table cellspacing="0" width="100%" class="np_results_table">'; echo '<table cellspacing="0" width="100%" class="np_results_table">';
echo '<tr class="np_thread_head"><td class="np_thread_head">Settings for '.$_POST[username].' (leave blank for none):</td></tr>'; echo '<tr class="np_thread_head"><td class="np_thread_head">Settings for '.$_POST[username].' (leave blank for none):</td></tr>';
echo '<form method="post" action="user.php">'; echo '<form method="post" action="user.php">';
echo '<tr class="np_result_line1">'; echo '<tr class="np_result_line1">';
// Signature
echo '<td class="np_result_line1" style="word-wrap:break-word";>Signature:</td>'; echo '<td class="np_result_line1" style="word-wrap:break-word";>Signature:</td>';
echo '</tr><tr><td class="np_result_line1" style="word-wrap:break-word";><textarea class="configuration" id="signature" name="signature" rows="6" cols="70">'.$user_config[signature]; echo '</tr><tr><td class="np_result_line1" style="word-wrap:break-word";><textarea class="configuration" id="signature" name="signature" rows="6" cols="70">'.$user_config[signature];
echo '</textarea></td>'; echo '</textarea></td>';
echo '</tr>'; echo '</tr>';
// X-Face
echo '<td class="np_result_line1" style="word-wrap:break-word";>X-Face:</td>'; echo '<td class="np_result_line1" style="word-wrap:break-word";>X-Face:</td>';
echo '</tr><tr><td class="np_result_line1" style="word-wrap:break-word";><textarea class="configuration" id="xface" name="xface" rows="4" cols="80">'.$user_config[xface]; echo '</tr><tr><td class="np_result_line1" style="word-wrap:break-word";><textarea class="configuration" id="xface" name="xface" rows="4" cols="80">'.$user_config[xface];
echo '</textarea></td>'; echo '</textarea></td>';
echo '</tr>'; echo '</tr>';
// Theme
echo '<td class="np_result_line1" style="word-wrap:break-word";>Theme: ('.$user_config['theme'].')</td>';
echo '</tr><tr><td class="np_result_line1" style="word-wrap:break-word">';
echo '<select name="listbox" class="theme_listbox" size="10">';
foreach ($themes as $theme) {
if($theme == $user_config['theme']) {
echo '<option value="'.$theme.'" selected="selected">'.$theme.'</option>';
} else {
echo '<option value="'.$theme.'">'.$theme.'</option>';
}
}
echo '</select>';
echo '</td>';
echo '</tr>';
/* /*
// Timezone
echo '<td class="np_result_line1" style="word-wrap:break-word";>Timezone offset (+/- hours from UTC):</td>'; echo '<td class="np_result_line1" style="word-wrap:break-word";>Timezone offset (+/- hours from UTC):</td>';
echo '</tr><tr><td class="np_result_line1" style="word-wrap:break-word";><input type="text" name="timezone" value="'.$user_config[timezone].'"></td>'; echo '</tr><tr><td class="np_result_line1" style="word-wrap:break-word";><input type="text" name="timezone" value="'.$user_config[timezone].'"></td>';
echo '</tr>'; echo '</tr>';