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;
margin-left: 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
{

View file

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

View file

@ -161,6 +161,11 @@ div.post.reply.highlighted
box-shadow: 3px 5px #5c8c8e;
margin-left: 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
{

View file

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

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx
B332E6 = dark purp
33cccc = teal
33cccc = teal
00ff00 = green
FF46D2 = pink
dark blue = 00080C
@ -37,7 +37,7 @@ div.boardlist{
background-color: #0C0001;
}
@font-face
@font-face
{
font-family: 'lain';
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;
transition: 0.15s text-shadow, 0.15s color;
}
input[type="text"], textarea
input[type="text"], textarea
{
-moz-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;
transition: 0.15s border-color;
}
input[type="submit"]
input[type="submit"]
{
-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;
@ -117,7 +117,7 @@ a.post_no {
color: #33cccc;
text-decoration: none;
}
span.quote
span.quote
{
color:#00ff00;
}
@ -136,6 +136,11 @@ div.post.reply {
div.post.reply.highlighted {
background: transparent;
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 {
color: #646464;

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx
B332E6 = dark purp
33cccc = teal
33cccc = teal
00ff00 = green
FF46D2 = pink
dark blue = 00080C
@ -14,7 +14,7 @@ body {
font-size: 11px;
/*text-shadow: 0px 0px 3px #FF46D2;*/
}
@font-face
@font-face
{
font-family: 'lain';
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;
transition: 0.15s text-shadow, 0.15s color;
}
input[type="text"], textarea
input[type="text"], textarea
{
-moz-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;
transition: 0.15s border-color;
}
input[type="submit"]
input[type="submit"]
{
-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;
@ -94,7 +94,7 @@ a.post_no {
color: #33cccc;
text-decoration: none;
}
span.quote
span.quote
{
color:#00ff00;
}
@ -113,6 +113,11 @@ div.post.reply {
div.post.reply.highlighted {
background: transparent;
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 {
color: #646464;

View file

@ -63,6 +63,11 @@ div.post.reply {
div.post.reply.highlighted {
background: #555;
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 {
color: #CCCCCC;

View file

@ -60,6 +60,11 @@ div.post.reply {
div.post.reply.highlighted {
background: #555;
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 {
color: #CCCCCC;

View file

@ -61,6 +61,11 @@ div.post.reply {
div.post.reply.highlighted {
background: #555;
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 {

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx
B332E6 = dark purp
293728 = teal
293728 = teal
59B451 = green
FF46D2 = pink
dark blue = 293728
@ -19,13 +19,13 @@ div.boardlist{
}
@font-face
@font-face
{
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype');
}
@font-face
@font-face
{
font-family: 'DejaVuSansMono';
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;
transition: 0.15s text-shadow, 0.15s color;
}
input[type="text"], textarea
input[type="text"], textarea
{
-moz-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;
transition: 0.15s border-color;
}
input[type="submit"]
input[type="submit"]
{
-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;
@ -112,7 +112,7 @@ a.post_no {
color: #293728;
text-decoration: none;
}
span.quote
span.quote
{
color:#4CADA7;
}
@ -131,6 +131,11 @@ div.post.reply {
div.post.reply.highlighted {
background: transparent;
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 {
color: #646464;

Binary file not shown.

View file

@ -25,7 +25,7 @@ div.boardlist{
background-color: #000!important;
}
@font-face
@font-face
{
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
@ -74,7 +74,7 @@ a.post_no {
color: #d2738a;
text-decoration: none;
}
span.quote
span.quote
{
color:#d2738a;
}
@ -93,6 +93,11 @@ div.post.reply {
div.post.reply.highlighted {
background: transparent;
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 {
color: #646464;
@ -216,11 +221,11 @@ table.modlog tr th {
#options_div {
background-color: #000000;
}
.options_tab_icon {
color: #c1b492;
}
.options_tab_icon.active {
color: #d2738a;
}

View file

@ -4,7 +4,7 @@ body {
font-family: monospace;
font-size: 11px;
}
@font-face
@font-face
{
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
@ -41,7 +41,7 @@ a.post_no {
color: #B332E6;
text-decoration: none;
}
span.quote
span.quote
{
color:#00ff00;
}
@ -59,6 +59,11 @@ div.post.reply {
div.post.reply.highlighted {
background: transparent;
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 {
color: #646464;

View file

@ -1,7 +1,7 @@
/*cyberpunk mod of ferus by kalyx
B332E6 = dark purp
293728 = teal
293728 = teal
59B451 = green
FF46D2 = pink
dark blue = 293728
@ -19,13 +19,13 @@ div.boardlist{
}
@font-face
@font-face
{
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype');
}
@font-face
@font-face
{
font-family: 'DejaVuSansMono';
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;
transition: 0.15s text-shadow, 0.15s color;
}
input[type="text"], textarea
input[type="text"], textarea
{
-moz-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;
transition: 0.15s border-color;
}
input[type="submit"]
input[type="submit"]
{
-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;
@ -112,7 +112,7 @@ a.post_no {
color: #293728;
text-decoration: none;
}
span.quote
span.quote
{
color:#4CADA7;
}
@ -131,6 +131,11 @@ div.post.reply {
div.post.reply.highlighted {
background: transparent;
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 {
color: #646464;

View file

@ -34,6 +34,11 @@ div.post.reply {
border: 0px;
background: #FAE8D4;
border: 1px solid #E2C5B1;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
}
div.post.reply.highlighted {
background: #f0c0b0;
@ -62,7 +67,7 @@ div.pages {
padding: 7px 5px;
color: maroon;
font-size: 12pt;
background: none;
border-width: 1px;
border-style: inset;
@ -101,4 +106,3 @@ table.modlog tr th {
#options_div, #alert_div {
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-radius: 2px;
}
@media (max-width: 48em) {
div.post.reply {
border-left-style: none;
border-right-style: none;
}
}
div.post.reply.post-hover {
background: rgba(200, 200, 200, 0.85);
}
@ -72,4 +80,3 @@ table.modlog tr th {
#quick-reply table {
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-radius: 5px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
@media (max-width: 48em) {
border-left-style: none;
}
}
div.post.reply.highlighted {
@ -65,6 +69,10 @@ div.post.reply.highlighted {
border-top: none;
border-radius: 5px;
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 {

View file

@ -164,6 +164,11 @@ div.post.reply.highlighted
box-shadow: 3px 5px #5c8c8e;
margin-left: 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
{

View file

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

View file

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

View file

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

View file

@ -215,6 +215,11 @@ margin-left: 10px;
margin-top: 20px;
border: double 3px #000;
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*/

View file

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

View file

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

View file

@ -48,6 +48,11 @@ div.post.reply.highlighted {
background: transparent;
border: transparent 1px dashed;
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 {
color: #00FF00;

View file

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

View file

@ -132,6 +132,11 @@ line-height: 1.4;
div.post.reply.highlighted {
background: #555;
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 {
color: #CCCCCC;

File diff suppressed because it is too large Load diff