changed colors to code variables

master
BodgeMaster 2020-03-13 23:13:22 +01:00
parent 592dd5428b
commit 3c338ce26c
2 changed files with 58 additions and 57 deletions

View File

@ -8,43 +8,43 @@
} }
.beige { .beige {
color: #fef6e4; color: %COLOR_BEIGE%;
} }
.orange { .orange {
color: #f3d2c1; color: %COLOR_ORANGE%;
} }
.blue { .blue {
color: #001858; color: %COLOR_BLUE%;
} }
.pink { .pink {
color: #f582ae; color: %COLOR_PINK%;
} }
.cyan { .cyan {
color: #8bd3dd; color: %COLOR_CYAN%;
} }
.beige-b { .beige-b {
background-color: #fef6e4; background-color: %COLOR_BEIGE%;
} }
.orange-b { .orange-b {
background-color: #f3d2c1; background-color: %COLOR_ORANGE%;
} }
.blue-b { .blue-b {
background-color: #001858; background-color: %COLOR_BLUE%;
} }
.pink-b { .pink-b {
background-color: #f582ae; background-color: %COLOR_PINK%;
} }
.cyan-b { .cyan-b {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
} }
div { div {
@ -88,34 +88,34 @@ div.banner {
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background-color: #001858; background-color: %COLOR_BLUE%;
} }
body { body {
margin: 0px; margin: 0px;
background-color: #fef6e4; background-color: %COLOR_BEIGE%;
color: #001858; color: %COLOR_BLUE%;
font-size: 1em; font-size: 1em;
} }
p { p {
font-family: monospace; font-family: monospace;
color: #001858; color: %COLOR_BLUE%;
} }
a { a {
font-family: monospace; font-family: monospace;
color: #001858; color: %COLOR_BLUE%;
} }
i { i {
font-family: monospace; font-family: monospace;
color: #001858; color: %COLOR_BLUE%;
} }
li { li {
font-family: monospace; font-family: monospace;
color: #001858; color: %COLOR_BLUE%;
} }
input { input {
@ -124,34 +124,34 @@ input {
border-radius: 4px; border-radius: 4px;
padding: 14px 20px; padding: 14px 20px;
margin: 8px 0; margin: 8px 0;
background-color: #fef6e4; background-color: %COLOR_BEIGE%;
} }
input[type=text], select { input[type=text], select {
color: #001858; color: %COLOR_BLUE%;
display: inline-block; display: inline-block;
border: 1px solid #001858; border: 1px solid %COLOR_BLUE%;
box-sizing: border-box; box-sizing: border-box;
box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2);
} }
input[type=password], select { input[type=password], select {
color: #001858; color: %COLOR_BLUE%;
display: inline-block; display: inline-block;
border: 1px solid #001858; border: 1px solid %COLOR_BLUE%;
box-sizing: border-box; box-sizing: border-box;
box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2);
} }
input[type=submit] { input[type=submit] {
background-color: #001858; background-color: %COLOR_BLUE%;
color: #fef6e4; color: %COLOR_BEIGE%;
border: none; border: none;
cursor: pointer; cursor: pointer;
} }
input[type=submit]:hover { input[type=submit]:hover {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
} }
textarea { textarea {
@ -160,17 +160,17 @@ textarea {
border-radius: 4px; border-radius: 4px;
padding: 14px 20px; padding: 14px 20px;
margin: 8px 0; margin: 8px 0;
background-color: #fef6e4; background-color: %COLOR_BEIGE%;
color: #001858; color: %COLOR_BLUE%;
display: inline-block; display: inline-block;
border: 1px solid #001858; border: 1px solid %COLOR_BLUE%;
box-sizing: border-box; box-sizing: border-box;
box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2);
} }
button { button {
font-family: monospace; font-family: monospace;
background-color: #001858; background-color: %COLOR_BLUE%;
color: white; color: white;
padding: 14px 20px; padding: 14px 20px;
margin: 8px 0; margin: 8px 0;
@ -181,17 +181,17 @@ button {
} }
button:hover { button:hover {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: monospace; font-family: monospace;
color: #001858; color: %COLOR_BLUE%;
} }
time { time {
font-family: monospace; font-family: monospace;
color: #fef6e4; color: %COLOR_BEIGE%;
float: right; float: right;
} }
@ -200,7 +200,7 @@ div.right {
} }
div.round-border { div.round-border {
border: 1px solid #001858; border: 1px solid %COLOR_BLUE%;
padding: 14px 20px; padding: 14px 20px;
margin: 8px 0; margin: 8px 0;
border-radius: 5px; border-radius: 5px;
@ -215,7 +215,7 @@ img.available_space {
} }
div.image_container { div.image_container {
border: 1px solid #001858; border: 1px solid %COLOR_BLUE%;
padding: 0.5em 0.5em; padding: 0.5em 0.5em;
background-color: #f0f0f0; background-color: #f0f0f0;
border-radius: 5px; border-radius: 5px;
@ -234,12 +234,12 @@ ul.topnav {
top: 0; top: 0;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
background-color: #001858; background-color: %COLOR_BLUE%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
} }
/*.topnav a:hover, .dropdown:hover .dropbtn { /*.topnav a:hover, .dropdown:hover .dropbtn {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
}*/ }*/
ul.topnav li {float: left;} ul.topnav li {float: left;}
@ -247,7 +247,7 @@ ul.topnav li {float: left;}
ul.topnav li a { ul.topnav li a {
display: block; display: block;
text-align: center; text-align: center;
color: #fef6e4; color: %COLOR_BEIGE%;
font-family: monospace; font-family: monospace;
font-size: 1em; font-size: 1em;
padding: 14px 16px; padding: 14px 16px;
@ -255,11 +255,11 @@ ul.topnav li a {
} }
ul.topnav li a:hover:not(.active) { ul.topnav li a:hover:not(.active) {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
} }
ul.topnav li a.active { ul.topnav li a.active {
background-color: #f582ae; background-color: %COLOR_PINK%;
} }
ul.topnav li.right { ul.topnav li.right {
@ -278,7 +278,7 @@ ul.topnav img {
ul.topnav li a.icon { ul.topnav li a.icon {
display: block; display: block;
text-align: center; text-align: center;
color: #fef6e4; color: %COLOR_BEIGE%;
font-family: monospace; font-family: monospace;
font-size: 1em; font-size: 1em;
text-decoration: none; text-decoration: none;
@ -290,7 +290,7 @@ ul.list {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: #001858; background-color: %COLOR_BLUE%;
} }
ul.list li { ul.list li {
@ -300,7 +300,7 @@ ul.list li {
ul.list li a { ul.list li a {
display: block; display: block;
text-align: center; text-align: center;
color: #fef6e4; color: %COLOR_BEIGE%;
font-family: monospace; font-family: monospace;
font-size: 1em; font-size: 1em;
padding: 14px 16px; padding: 14px 16px;
@ -308,17 +308,17 @@ ul.list li a {
} }
ul.list li a:hover:not(.active) { ul.list li a:hover:not(.active) {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
} }
ul.list li a.active { ul.list li a.active {
background-color: #f582ae; background-color: %COLOR_PINK%;
} }
.dropdown-content { .dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: #001858; background-color: %COLOR_BLUE%;
min-width: 160px; min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
@ -326,7 +326,7 @@ ul.list li a.active {
.dropdown-content a { .dropdown-content a {
float: none; float: none;
color: #fef6e4; color: %COLOR_BEIGE%;
padding: 12px 16px; padding: 12px 16px;
text-decoration: none; text-decoration: none;
display: block; display: block;
@ -334,7 +334,7 @@ ul.list li a.active {
} }
.dropdown-content a:hover { .dropdown-content a:hover {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
} }
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
@ -350,7 +350,7 @@ ul.list li a.active {
font-size: 1em; font-size: 1em;
border: none; border: none;
outline: none; outline: none;
color: #fef6e4; color: %COLOR_BEIGE%;
padding: 14px 16px; padding: 14px 16px;
background-color: inherit; background-color: inherit;
font-family: inherit; font-family: inherit;
@ -358,7 +358,7 @@ ul.list li a.active {
} }
div.dropdown { div.dropdown {
color: #fef6e4; color: %COLOR_BEIGE%;
text-align: center; text-align: center;
font-family: monospace; font-family: monospace;
font-size: 1em; font-size: 1em;
@ -366,7 +366,7 @@ div.dropdown {
} }
.dropdown:hover:not(.active) { .dropdown:hover:not(.active) {
background-color: #8bd3dd; background-color: %COLOR_CYAN%;
} }
section { section {
@ -375,16 +375,16 @@ section {
margin-left: 16px; margin-left: 16px;
margin-right: 16px; margin-right: 16px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #001858; border: 1px solid %COLOR_BLUE%;
background-color: #f3d2c1; background-color: %COLOR_ORANGE%;
padding: 14px 20px; padding: 14px 20px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
} }
article { article {
border-radius: 5px; border-radius: 5px;
border: 1px solid #001858; border: 1px solid %COLOR_BLUE%;
background-color: #fef6e4; background-color: %COLOR_BEIGE%;
padding: 14px 20px; padding: 14px 20px;
box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2);
overflow: hidden; overflow: hidden;
@ -393,8 +393,8 @@ article {
header { header {
border-radius: 0px; border-radius: 0px;
border: none; border: none;
background-color: #001858; background-color: %COLOR_BLUE%;
color: #fef6e4; color: %COLOR_BEIGE%;
margin: -40px; margin: -40px;
padding: 40px 40px 10px 40px; padding: 40px 40px 10px 40px;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);

View File

@ -3,5 +3,6 @@
"NO_CHEAP_SESSION_STEALING":"if (isset($_SESSION['user_id'])) {if ($_SESSION['user_ip']!=$_SERVER['REMOTE_ADDR'] || $_SESSION['user_http_user_agent']!=$_SERVER['HTTP_USER_AGENT']){ $_SESSION = array(); if (ini_get(\"session.use_cookies\")){ $params = session_get_cookie_params(); setcookie(session_name(), '', time() - 42000, $params[\"path\"], $params[\"domain\"], $params[\"secure\"], $params[\"httponly\"]); } session_destroy(); header(\"Location: https://lostcave.ddnss.de/common/threadr/login/?error=session\"); die();}}", "NO_CHEAP_SESSION_STEALING":"if (isset($_SESSION['user_id'])) {if ($_SESSION['user_ip']!=$_SERVER['REMOTE_ADDR'] || $_SESSION['user_http_user_agent']!=$_SERVER['HTTP_USER_AGENT']){ $_SESSION = array(); if (ini_get(\"session.use_cookies\")){ $params = session_get_cookie_params(); setcookie(session_name(), '', time() - 42000, $params[\"path\"], $params[\"domain\"], $params[\"secure\"], $params[\"httponly\"]); } session_destroy(); header(\"Location: https://lostcave.ddnss.de/common/threadr/login/?error=session\"); die();}}",
"SET_LOGIN_VARIABLE":"if (isset($_SESSION['user_id'])) { $login = true; } else { $login = false; }", "SET_LOGIN_VARIABLE":"if (isset($_SESSION['user_id'])) { $login = true; } else { $login = false; }",
"PLEAZE_NO_CACHE":"header('Cache-Control: no-cache, no-store, must-revalidate');header('Pragma: no-cache');header('Expires: 0');", "PLEAZE_NO_CACHE":"header('Cache-Control: no-cache, no-store, must-revalidate');header('Pragma: no-cache');header('Expires: 0');",
"FORCE_LOGOUT":"$_SESSION = array(); if (ini_get('session.use_cookies')) { $params = session_get_cookie_params(); setcookie(session_name(), '', time() - 42000, $params['path'], $params['domain'], $params['secure'], $params['httponly']);} session_destroy();" "FORCE_LOGOUT":"$_SESSION = array(); if (ini_get('session.use_cookies')) { $params = session_get_cookie_params(); setcookie(session_name(), '', time() - 42000, $params['path'], $params['domain'], $params['secure'], $params['httponly']);} session_destroy();",
"COLOR_BEIGE":"#fef6e4", "COLOR_ORANGE":"#f3d2c1", "COLOR_BLUE":"#001858", "COLOR_PINK":"#f582ae", "COLOR_CYAN":"#8bd3dd"
} }