css: add missing media queries to css styles

This commit is contained in:
Zankaria 2025-01-08 22:14:21 +01:00
parent 55d21a4dd5
commit 7de4ca2133
28 changed files with 819 additions and 666 deletions

View file

@ -152,6 +152,11 @@ div.post.reply.highlighted
box-shadow: 3px 5px #5c8c8e; box-shadow: 3px 5px #5c8c8e;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited div.post.reply div.body a:link, div.post.reply div.body a:visited
{ {

View file

@ -219,6 +219,11 @@ background-color: #2b2b2b;
background-color: #2b2b2b; background-color: #2b2b2b;
border: solid 1px #93e0e3; border: solid 1px #93e0e3;
box-shadow: 3px 5px #93e0e3; box-shadow: 3px 5px #93e0e3;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
/*dont touch this*/ /*dont touch this*/

View file

@ -161,6 +161,11 @@ div.post.reply.highlighted
box-shadow: 3px 5px #5c8c8e; box-shadow: 3px 5px #5c8c8e;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited div.post.reply div.body a:link, div.post.reply div.body a:visited
{ {

View file

@ -120,6 +120,11 @@ div.post.reply.highlighted {
background: rgba(59, 22, 43, 0.4); background: rgba(59, 22, 43, 0.4);
border: 1px solid #117743; border: 1px solid #117743;
border-radius: 5px; border-radius: 5px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
/* POST CONTENT */ /* POST CONTENT */

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx /*cyberpunk mod of ferus by kalyx
B332E6 = dark purp B332E6 = dark purp
33cccc = teal 33cccc = teal
00ff00 = green 00ff00 = green
FF46D2 = pink FF46D2 = pink
dark blue = 00080C dark blue = 00080C
@ -37,7 +37,7 @@ div.boardlist{
background-color: #0C0001; background-color: #0C0001;
} }
@font-face @font-face
{ {
font-family: 'lain'; font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'), src: url('./fonts/nrdyyh.woff') format('woff'),
@ -84,7 +84,7 @@ a:link, a:visited, p.intro a.email span.name
-ms-transition: 0.15s text-shadow, 0.15s color; -ms-transition: 0.15s text-shadow, 0.15s color;
transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color;
} }
input[type="text"], textarea input[type="text"], textarea
{ {
-moz-transition: 0.15s border-color; -moz-transition: 0.15s border-color;
-webkit-transition: 0.15s border-color; -webkit-transition: 0.15s border-color;
@ -93,7 +93,7 @@ input[type="text"], textarea
-ms-transition: 0.15s border-color; -ms-transition: 0.15s border-color;
transition: 0.15s border-color; transition: 0.15s border-color;
} }
input[type="submit"] input[type="submit"]
{ {
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
@ -117,7 +117,7 @@ a.post_no {
color: #33cccc; color: #33cccc;
text-decoration: none; text-decoration: none;
} }
span.quote span.quote
{ {
color:#00ff00; color:#00ff00;
} }
@ -136,6 +136,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: #1A6666 2px solid; border: #1A6666 2px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #646464; color: #646464;

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx /*cyberpunk mod of ferus by kalyx
B332E6 = dark purp B332E6 = dark purp
33cccc = teal 33cccc = teal
00ff00 = green 00ff00 = green
FF46D2 = pink FF46D2 = pink
dark blue = 00080C dark blue = 00080C
@ -14,7 +14,7 @@ body {
font-size: 11px; font-size: 11px;
/*text-shadow: 0px 0px 3px #FF46D2;*/ /*text-shadow: 0px 0px 3px #FF46D2;*/
} }
@font-face @font-face
{ {
font-family: 'lain'; font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'), src: url('./fonts/nrdyyh.woff') format('woff'),
@ -61,7 +61,7 @@ a:link, a:visited, p.intro a.email span.name
-ms-transition: 0.15s text-shadow, 0.15s color; -ms-transition: 0.15s text-shadow, 0.15s color;
transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color;
} }
input[type="text"], textarea input[type="text"], textarea
{ {
-moz-transition: 0.15s border-color; -moz-transition: 0.15s border-color;
-webkit-transition: 0.15s border-color; -webkit-transition: 0.15s border-color;
@ -70,7 +70,7 @@ input[type="text"], textarea
-ms-transition: 0.15s border-color; -ms-transition: 0.15s border-color;
transition: 0.15s border-color; transition: 0.15s border-color;
} }
input[type="submit"] input[type="submit"]
{ {
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
@ -94,7 +94,7 @@ a.post_no {
color: #33cccc; color: #33cccc;
text-decoration: none; text-decoration: none;
} }
span.quote span.quote
{ {
color:#00ff00; color:#00ff00;
} }
@ -113,6 +113,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: #33cccc 2px solid; border: #33cccc 2px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #646464; color: #646464;

View file

@ -63,6 +63,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: #555; background: #555;
border: transparent 1px solid; border: transparent 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #CCCCCC; color: #CCCCCC;

View file

@ -60,6 +60,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: #555; background: #555;
border: transparent 1px solid; border: transparent 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #CCCCCC; color: #CCCCCC;

View file

@ -61,6 +61,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: #555; background: #555;
border: transparent 1px solid; border: transparent 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx /*cyberpunk mod of ferus by kalyx
B332E6 = dark purp B332E6 = dark purp
293728 = teal 293728 = teal
59B451 = green 59B451 = green
FF46D2 = pink FF46D2 = pink
dark blue = 293728 dark blue = 293728
@ -19,13 +19,13 @@ div.boardlist{
} }
@font-face @font-face
{ {
font-family: 'lain'; font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'), src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype'); url('./fonts/tojcxo.TTF') format('truetype');
} }
@font-face @font-face
{ {
font-family: 'DejaVuSansMono'; font-family: 'DejaVuSansMono';
src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); src: url('./fonts/DejaVuSansMono.ttf') format('truetype');
@ -79,7 +79,7 @@ a:link, a:visited, p.intro a.email span.name
-ms-transition: 0.15s text-shadow, 0.15s color; -ms-transition: 0.15s text-shadow, 0.15s color;
transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color;
} }
input[type="text"], textarea input[type="text"], textarea
{ {
-moz-transition: 0.15s border-color; -moz-transition: 0.15s border-color;
-webkit-transition: 0.15s border-color; -webkit-transition: 0.15s border-color;
@ -88,7 +88,7 @@ input[type="text"], textarea
-ms-transition: 0.15s border-color; -ms-transition: 0.15s border-color;
transition: 0.15s border-color; transition: 0.15s border-color;
} }
input[type="submit"] input[type="submit"]
{ {
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
@ -112,7 +112,7 @@ a.post_no {
color: #293728; color: #293728;
text-decoration: none; text-decoration: none;
} }
span.quote span.quote
{ {
color:#4CADA7; color:#4CADA7;
} }
@ -131,6 +131,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: #293728 1px solid; border: #293728 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #646464; color: #646464;

Binary file not shown.

View file

@ -25,7 +25,7 @@ div.boardlist{
background-color: #000!important; background-color: #000!important;
} }
@font-face @font-face
{ {
font-family: 'lain'; font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'), src: url('./fonts/nrdyyh.woff') format('woff'),
@ -74,7 +74,7 @@ a.post_no {
color: #d2738a; color: #d2738a;
text-decoration: none; text-decoration: none;
} }
span.quote span.quote
{ {
color:#d2738a; color:#d2738a;
} }
@ -93,6 +93,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: #EDC7D0 1px solid; border: #EDC7D0 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #646464; color: #646464;
@ -216,11 +221,11 @@ table.modlog tr th {
#options_div { #options_div {
background-color: #000000; background-color: #000000;
} }
.options_tab_icon { .options_tab_icon {
color: #c1b492; color: #c1b492;
} }
.options_tab_icon.active { .options_tab_icon.active {
color: #d2738a; color: #d2738a;
} }

View file

@ -4,7 +4,7 @@ body {
font-family: monospace; font-family: monospace;
font-size: 11px; font-size: 11px;
} }
@font-face @font-face
{ {
font-family: 'lain'; font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'), src: url('./fonts/nrdyyh.woff') format('woff'),
@ -41,7 +41,7 @@ a.post_no {
color: #B332E6; color: #B332E6;
text-decoration: none; text-decoration: none;
} }
span.quote span.quote
{ {
color:#00ff00; color:#00ff00;
} }
@ -59,6 +59,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: #B332E6 2px solid; border: #B332E6 2px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #646464; color: #646464;

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx /*cyberpunk mod of ferus by kalyx
B332E6 = dark purp B332E6 = dark purp
293728 = teal 293728 = teal
59B451 = green 59B451 = green
FF46D2 = pink FF46D2 = pink
dark blue = 293728 dark blue = 293728
@ -19,13 +19,13 @@ div.boardlist{
} }
@font-face @font-face
{ {
font-family: 'lain'; font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'), src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype'); url('./fonts/tojcxo.TTF') format('truetype');
} }
@font-face @font-face
{ {
font-family: 'DejaVuSansMono'; font-family: 'DejaVuSansMono';
src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); src: url('./fonts/DejaVuSansMono.ttf') format('truetype');
@ -79,7 +79,7 @@ a:link, a:visited, p.intro a.email span.name
-ms-transition: 0.15s text-shadow, 0.15s color; -ms-transition: 0.15s text-shadow, 0.15s color;
transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color;
} }
input[type="text"], textarea input[type="text"], textarea
{ {
-moz-transition: 0.15s border-color; -moz-transition: 0.15s border-color;
-webkit-transition: 0.15s border-color; -webkit-transition: 0.15s border-color;
@ -88,7 +88,7 @@ input[type="text"], textarea
-ms-transition: 0.15s border-color; -ms-transition: 0.15s border-color;
transition: 0.15s border-color; transition: 0.15s border-color;
} }
input[type="submit"] input[type="submit"]
{ {
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
@ -112,7 +112,7 @@ a.post_no {
color: #293728; color: #293728;
text-decoration: none; text-decoration: none;
} }
span.quote span.quote
{ {
color:#4CADA7; color:#4CADA7;
} }
@ -131,6 +131,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: #293728 1px solid; border: #293728 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #646464; color: #646464;

View file

@ -34,6 +34,11 @@ div.post.reply {
border: 0px; border: 0px;
background: #FAE8D4; background: #FAE8D4;
border: 1px solid #E2C5B1; border: 1px solid #E2C5B1;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply.highlighted { div.post.reply.highlighted {
background: #f0c0b0; background: #f0c0b0;
@ -62,7 +67,7 @@ div.pages {
padding: 7px 5px; padding: 7px 5px;
color: maroon; color: maroon;
font-size: 12pt; font-size: 12pt;
background: none; background: none;
border-width: 1px; border-width: 1px;
border-style: inset; border-style: inset;
@ -101,4 +106,3 @@ table.modlog tr th {
#options_div, #alert_div { #options_div, #alert_div {
background: rgb(240, 224, 214); background: rgb(240, 224, 214);
} }

View file

@ -23,6 +23,14 @@ div.post.reply, input, textarea, select {
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px; border-radius: 2px;
} }
@media (max-width: 48em) {
div.post.reply {
border-left-style: none;
border-right-style: none;
}
}
div.post.reply.post-hover { div.post.reply.post-hover {
background: rgba(200, 200, 200, 0.85); background: rgba(200, 200, 200, 0.85);
} }
@ -72,4 +80,3 @@ table.modlog tr th {
#quick-reply table { #quick-reply table {
background: #0E0E0E url(data:image/gif;base64,R0lGODlhGAAMAKEEAOXl5ebm5vDw8PHx8SH+EUNyZWF0ZWQgd2l0aCBHSU1QACwAAAAAGAAMAAACRpQiY6cLa146MyY1EJQKjG81lNGRUPOIkgMJHtquBgIO7xwvpbrpduUSuXq8ntEC0bBEylYitdDAdM1ViaobkgKgZwyDLAAAOw==) repeat 0 0 !important; background: #0E0E0E url(data:image/gif;base64,R0lGODlhGAAMAKEEAOXl5ebm5vDw8PHx8SH+EUNyZWF0ZWQgd2l0aCBHSU1QACwAAAAAGAAMAAACRpQiY6cLa146MyY1EJQKjG81lNGRUPOIkgMJHtquBgIO7xwvpbrpduUSuXq8ntEC0bBEylYitdDAdM1ViaobkgKgZwyDLAAAOw==) repeat 0 0 !important;
} }

View file

@ -56,6 +56,10 @@ div.post.reply {
border-top: none; border-top: none;
border-radius: 5px; border-radius: 5px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
@media (max-width: 48em) {
border-left-style: none;
}
} }
div.post.reply.highlighted { div.post.reply.highlighted {
@ -65,6 +69,10 @@ div.post.reply.highlighted {
border-top: none; border-top: none;
border-radius: 5px; border-radius: 5px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply div.body a { div.post.reply div.body a {

View file

@ -164,6 +164,11 @@ div.post.reply.highlighted
box-shadow: 3px 5px #5c8c8e; box-shadow: 3px 5px #5c8c8e;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited div.post.reply div.body a:link, div.post.reply div.body a:visited
{ {

View file

@ -53,6 +53,10 @@ div.post.reply {
border-top: none; border-top: none;
border-radius: 5px; border-radius: 5px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply.highlighted { div.post.reply.highlighted {
@ -62,6 +66,10 @@ div.post.reply.highlighted {
border-top: none; border-top: none;
border-radius: 5px; border-radius: 5px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply div.body a { div.post.reply div.body a {

View file

@ -2,27 +2,27 @@
* dark.css * dark.css
* Stolen from circlepuller who stole it from derpcat * Stolen from circlepuller who stole it from derpcat
*/ */
body body
{ {
background: #1E1E1E; background: #1E1E1E;
color: #999999; color: #999999;
font-family: sans-serif; font-family: sans-serif;
font-size: 11px; font-size: 11px;
} }
span.quote span.quote
{ {
color:#B8D962; color:#B8D962;
} }
@font-face @font-face
{ {
font-family: 'lain'; font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'), src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype'); url('./fonts/tojcxo.TTF') format('truetype');
} }
h1 h1
{ {
font-family: 'lain', tahoma; font-family: 'lain', tahoma;
letter-spacing: -2px; letter-spacing: -2px;
@ -30,20 +30,20 @@ h1
text-align: center; text-align: center;
color: #32DD72; color: #32DD72;
} }
header div.subtitle header div.subtitle
{ {
color: #32DD72; color: #32DD72;
} }
div.title div.title
{ {
color: #32DD72; color: #32DD72;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
div.title p div.title p
{ {
font-size: 10px; font-size: 10px;
} }
a:link, a:visited, p.intro a.email span.name a:link, a:visited, p.intro a.email span.name
{ {
color: #CCCCCC; color: #CCCCCC;
text-decoration: none; text-decoration: none;
@ -58,7 +58,7 @@ a:link, a:visited, p.intro a.email span.name
-ms-transition: 0.15s text-shadow, 0.15s color; -ms-transition: 0.15s text-shadow, 0.15s color;
transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color;
} }
input[type="text"], textarea input[type="text"], textarea
{ {
-moz-transition: 0.15s border-color; -moz-transition: 0.15s border-color;
-webkit-transition: 0.15s border-color; -webkit-transition: 0.15s border-color;
@ -67,7 +67,7 @@ input[type="text"], textarea
-ms-transition: 0.15s border-color; -ms-transition: 0.15s border-color;
transition: 0.15s border-color; transition: 0.15s border-color;
} }
input[type="submit"] input[type="submit"]
{ {
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
@ -76,23 +76,23 @@ input[type="submit"]
-ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
transition: 0.15s border-color, 0.15s background-color, 0.15s color; transition: 0.15s border-color, 0.15s background-color, 0.15s color;
} }
a:link:hover, a:visited:hover a:link:hover, a:visited:hover
{ {
color: #32DD72; color: #32DD72;
font-family: sans-serif; font-family: sans-serif;
text-decoration: none; text-decoration: none;
text-shadow: 0px 0px 5px #fff; text-shadow: 0px 0px 5px #fff;
} }
a.post_no a.post_no
{ {
color: #AAA; color: #AAA;
text-decoration: none; text-decoration: none;
} }
p.intro a.post_no:hover p.intro a.post_no:hover
{ {
color: #32DD72!important; color: #32DD72!important;
} }
div.post.reply div.post.reply
{ {
background: #181818; background: #181818;
border: #555555 0px solid; border: #555555 0px solid;
@ -117,59 +117,64 @@ div.sidearrows
display:none; display:none;
} }
div.post.reply.highlighted div.post.reply.highlighted
{ {
background: #555; background: #555;
border: transparent 1px solid; border: transparent 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited div.post.reply div.body a:link, div.post.reply div.body a:visited
{ {
color: #CCCCCC; color: #CCCCCC;
} }
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover
{ {
color: #32DD72; color: #32DD72;
} }
p.intro span.subject p.intro span.subject
{ {
font-size: 12px; font-size: 12px;
font-family: sans-serif; font-family: sans-serif;
color: #446655; color: #446655;
font-weight: 800; font-weight: 800;
} }
p.intro span.name p.intro span.name
{ {
color: #32DD72; color: #32DD72;
font-weight: 800; font-weight: 800;
} }
p.intro a.capcode, p.intro a.nametag p.intro a.capcode, p.intro a.nametag
{ {
color: magenta; color: magenta;
margin-left: 0; margin-left: 0;
} }
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name
{ {
color: #32ddaf; color: #32ddaf;
} }
input[type="text"], textarea, select input[type="text"], textarea, select
{ {
background: #333333!important; background: #333333!important;
color: #CCCCCC!important; color: #CCCCCC!important;
border: #666666 1px solid!important; border: #666666 1px solid!important;
} }
input[type="password"] input[type="password"]
{ {
background: #333333!important; background: #333333!important;
color: #CCCCCC!important; color: #CCCCCC!important;
border: #666666 1px solid!important; border: #666666 1px solid!important;
} }
form table tr th form table tr th
{ {
background: #333333!important; background: #333333!important;
color: #AAAAAA!important; color: #AAAAAA!important;
border: #333333 1px solid!important;; border: #333333 1px solid!important;;
} }
div.banner div.banner
{ {
background: #E04000; background: #E04000;
border: 1px solid hsl(17, 100%, 60%); border: 1px solid hsl(17, 100%, 60%);
@ -180,31 +185,31 @@ div.banner
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
div.banner a div.banner a
{ {
color:#000; color:#000;
} }
input[type="submit"] input[type="submit"]
{ {
background: #333333; background: #333333;
border: #666 1px solid; border: #666 1px solid;
color: #CCCCCC; color: #CCCCCC;
} }
input[type="submit"]:hover input[type="submit"]:hover
{ {
background: #555; background: #555;
border: #888 1px solid; border: #888 1px solid;
color: #32DD72; color: #32DD72;
} }
input[type="text"]:focus, textarea:focus input[type="text"]:focus, textarea:focus
{ {
border:#888 1px solid!important; border:#888 1px solid!important;
} }
p.fileinfo a:hover p.fileinfo a:hover
{ {
text-decoration: underline; text-decoration: underline;
} }
span.trip span.trip
{ {
color: #AAA; color: #AAA;
} }
@ -214,7 +219,7 @@ span.trip
border-bottom: 0px solid #666; border-bottom: 0px solid #666;
widh:100%; widh:100%;
} }
div.pages div.pages
{ {
color: #AAA; color: #AAA;
background: #333; background: #333;
@ -222,21 +227,21 @@ div.pages
font-family: sans-serif; font-family: sans-serif;
font-size: 10pt; font-size: 10pt;
} }
div.pages a.selected div.pages a.selected
{ {
color: #CCC; color: #CCC;
} }
hr hr
{ {
height: 0px; height: 0px;
border: #333 1px solid; border: #333 1px solid;
} }
div.boardlist div.boardlist
{ {
color: #999; color: #999;
} }
div.ban div.ban
{ {
background-color: #1e1e1e; background-color: #1e1e1e;
border: 1px solid #555; border: 1px solid #555;
@ -245,7 +250,7 @@ div.ban
border-radius: 2px; border-radius: 2px;
text-align: left!important; text-align: left!important;
} }
div.ban h2 div.ban h2
{ {
background: #333; background: #333;
color: #32DD72; color: #32DD72;
@ -253,17 +258,17 @@ div.ban h2
font-size: 12pt; font-size: 12pt;
border-bottom: 1px solid #555; border-bottom: 1px solid #555;
} }
div.ban h2:not(:nth-child(1)) div.ban h2:not(:nth-child(1))
{ {
border-top: 1px solid #555; border-top: 1px solid #555;
} }
table.modlog tr th table.modlog tr th
{ {
background: #333; background: #333;
color: #AAA; color: #AAA;
} }
div.report div.report
{ {
color: #666; color: #666;
} }
@ -276,7 +281,7 @@ div.report
-ms-border-radius: 2px; -ms-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.blur .blur
{ {
filter: blur(20px); filter: blur(20px);
-webkit-filter: blur(23px); -webkit-filter: blur(23px);
@ -287,17 +292,15 @@ div.report
} }
/* options.js */ /* options.js */
#options_div #options_div
{ {
background: #333333; background: #333333;
} }
.options_tab_icon .options_tab_icon
{ {
color: #AAAAAA; color: #AAAAAA;
} }
.options_tab_icon.active .options_tab_icon.active
{ {
color: #FFFFFF; color: #FFFFFF;
} }

View file

@ -265,6 +265,11 @@ div.post.reply,
background: #220022; background: #220022;
border: #555555 1px solid; border: #555555 1px solid;
border-radius: 10px; border-radius: 10px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
.post.highlighted { .post.highlighted {
@ -275,6 +280,11 @@ div.post.reply,
div.post.reply.highlighted { div.post.reply.highlighted {
background: #3A003A; background: #3A003A;
border: transparent 1px solid; border: transparent 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
.post.highlighted { .post.highlighted {
@ -452,10 +462,10 @@ table.modlog tr th {
/* leftypol edits */ /* leftypol edits */
.bar, .bar,
.bar.top, .bar.top,
.bar.bottom, .bar.bottom,
div.boardlist, div.boardlist,
div.boardlist:not(.bottom) { div.boardlist:not(.bottom) {
background-color: rgba(30%, 0%, 30%, 1.0); background-color: rgba(30%, 0%, 30%, 1.0);
} }

View file

@ -215,6 +215,11 @@ margin-left: 10px;
margin-top: 20px; margin-top: 20px;
border: double 3px #000; border: double 3px #000;
background-color: rgb(194, 194, 194); background-color: rgb(194, 194, 194);
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
/*unfucks highlighting replies and gives border/shadow*/ /*unfucks highlighting replies and gives border/shadow*/

View file

@ -32,7 +32,7 @@ a:hover,
header div.subtitle, header div.subtitle,
h1 { h1 {
color: #d93f42; color: #d93f42;
font-size: 20pt; font-size: 20pt;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
} }
header div.subtitle { header div.subtitle {
@ -48,7 +48,7 @@ p.intro {
border-color: #cccccc; border-color: #cccccc;
border-style: solid; border-style: solid;
border-width: 0.8px; border-width: 0.8px;
border-radius: 5px; border-radius: 5px;
} }
/* Replies */ /* Replies */
/* Background color and border */ /* Background color and border */
@ -58,6 +58,11 @@ div.post.reply {
border-style: solid; border-style: solid;
border-width: 0.8px; border-width: 0.8px;
border-radius: 5px; border-radius: 5px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply.highlighted { div.post.reply.highlighted {
background: #d5dada; background: #d5dada;
@ -65,6 +70,11 @@ div.post.reply.highlighted {
border-style: solid; border-style: solid;
border-width: 0.8px; border-width: 0.8px;
border-radius: 5px; border-radius: 5px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a { div.post.reply div.body a {
color: #477085; color: #477085;
@ -96,7 +106,7 @@ orangeText {
background-color: #e9eced; background-color: #e9eced;
border: 1px solid #cccccc; border: 1px solid #cccccc;
} }
.thread.grid-li.grid-size-vsmall:hover, .thread.grid-li.grid-size-vsmall:hover,
.thread.grid-li.grid-size-small:hover, .thread.grid-li.grid-size-small:hover,
.thread.grid-li.grid-size-large:hover { .thread.grid-li.grid-size-large:hover {
background: #d5dada; background: #d5dada;
@ -194,7 +204,7 @@ span.heading {
} }
/* Fix OP file bleeding out of the border*/ /* Fix OP file bleeding out of the border*/
.post-image { .post-image {
margin: 37px margin: 37px
} }
/* Quick reply */ /* Quick reply */
/* Quick reply banner */ /* Quick reply banner */

View file

@ -28,14 +28,22 @@ div.post.reply {
background: #343439; background: #343439;
border-color: #3070A9; border-color: #3070A9;
border-top: 1px solid #3070A9; border-top: 1px solid #3070A9;
border-left: 1px solid #3070A9;
border-radius: 3px; border-radius: 3px;
padding: 0px; padding: 0px;
@media (min-width: 48em) {
border-left: 1px solid #3070A9;
}
} }
div.post.reply.highlighted { div.post.reply.highlighted {
background: #44444f; background: #44444f;
border: 3px dashed #3070a9; border: 3px dashed #3070a9;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a, .mentioned { div.post.reply div.body a, .mentioned {
@ -220,30 +228,30 @@ span.heading {
right: 1em !important; right: 1em !important;
position: absolute !important; position: absolute !important;
} }
#expand-all-images{ #expand-all-images{
margin-top: 4em !important; margin-top: 4em !important;
} }
#treeview{ #treeview{
margin-top: 5em !important; margin-top: 5em !important;
} }
#shrink-all-images{ #shrink-all-images{
margin-top: 6em !important; margin-top: 6em !important;
} }
#expand-all-images + hr, #expand-all-images + hr,
#shrink-all-images + hr{ #shrink-all-images + hr{
opacity: 0 !important; opacity: 0 !important;
margin: 0 !important; margin: 0 !important;
} }
#treeview + hr{ #treeview + hr{
opacity: 0 !important; opacity: 0 !important;
clear: both !important; clear: both !important;
} }
#options_handler{ #options_handler{
margin-top: 3em !important; margin-top: 3em !important;
} }

View file

@ -48,6 +48,11 @@ div.post.reply.highlighted {
background: transparent; background: transparent;
border: transparent 1px dashed; border: transparent 1px dashed;
border-color:#00FF00; border-color:#00FF00;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #00FF00; color: #00FF00;

View file

@ -69,6 +69,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: transparent 1px dotted; border: transparent 1px dotted;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
p.intro span.subject { p.intro span.subject {
font-size: 12px; font-size: 12px;

View file

@ -132,6 +132,11 @@ line-height: 1.4;
div.post.reply.highlighted { div.post.reply.highlighted {
background: #555; background: #555;
border: transparent 1px solid; border: transparent 1px solid;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply div.body a:link, div.post.reply div.body a:visited { div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #CCCCCC; color: #CCCCCC;

File diff suppressed because it is too large Load diff