stylesheets: disable vertical post borders on small screens

This commit is contained in:
Zankaria 2024-08-18 16:49:53 +02:00 committed by Zankaria
parent 8d20c52754
commit e9f136e2b6
24 changed files with 200 additions and 60 deletions

View File

@ -58,6 +58,10 @@ div.post.reply.post-hover {
border-width: 1px; border-width: 1px;
border-style: none solid solid none; border-style: none solid solid none;
border-color: #B7C5D9; border-color: #B7C5D9;
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply div.body a { div.post.reply div.body a {

View File

@ -298,6 +298,11 @@ div.post.reply {
color: #8e6152; color: #8e6152;
border: 1px solid rgba(88, 53, 41, 0.6); border: 1px solid rgba(88, 53, 41, 0.6);
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.title,h1 { div.title,h1 {
color: #8e6152; color: #8e6152;

View File

@ -71,6 +71,11 @@ p.fileinfo span.unimportant, p.fileinfo a {
div.post.reply { div.post.reply {
background: #282A2E; background: #282A2E;
border: 1px solid #282A2E; border: 1px solid #282A2E;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }

View File

@ -45,15 +45,21 @@ a.post_no:hover {
div.post.reply { div.post.reply {
background: #333333; background: #333333;
border: #555555 1px solid; border: #555555 1px solid;
-webkit-border-radius: 10px; border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: 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;

View File

@ -220,6 +220,10 @@ div.post.reply {
border-style: none solid solid none; border-style: none solid solid none;
border-color: #333333; border-color: #333333;
display: inline-block; display: inline-block;
@media (max-width: 48em) {
border-right-style: none;
}
} }
span.trip { span.trip {
color: #CC0000; color: #CC0000;

View File

@ -67,6 +67,10 @@ div.post.reply.post-hover {
border-width: 1px; border-width: 1px;
border-style: none solid solid none; border-style: none solid solid none;
border-color: #B7C5D9; border-color: #B7C5D9;
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply div.body a { div.post.reply div.body a {

View File

@ -37,6 +37,11 @@ a.post_no:hover {
div.post.reply { div.post.reply {
background: #0E0E0E; background: #0E0E0E;
border: #414141 2px solid !important; border: #414141 2px solid !important;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
.de-pview { .de-pview {
background: rgba(14, 14, 14, 0.84) !important; background: rgba(14, 14, 14, 0.84) !important;
@ -44,6 +49,11 @@ div.post.reply {
div.post.reply.highlighted { div.post.reply.highlighted {
background: transparent; background: transparent;
border: #414141 2px solid; border: #414141 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

@ -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;

View File

@ -22,7 +22,20 @@ div.post.reply, input, textarea {
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
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) {
border-left-style: none;
border-right-style: none;
}
} }
@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);
} }

View File

@ -49,6 +49,10 @@ border-radius: 5px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.35); -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
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 {
background-image: url('img/jungle_td2.png'); background-image: url('img/jungle_td2.png');
@ -62,6 +66,10 @@ border-radius: 5px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.35); -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
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 {
color: #00E; color: #00E;

View File

@ -73,6 +73,10 @@ div.post.reply.post-hover {
border-width: 1px; border-width: 1px;
border-style: none solid solid none; border-style: none solid solid none;
border-color: #101010; border-color: #101010;
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply div.body a { div.post.reply div.body a {

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 {

View File

@ -61,6 +61,11 @@ background: #dcae9b;
div.post.reply { div.post.reply {
background: #e9d1be; background: #e9d1be;
border-color: #dcae9b; border-color: #dcae9b;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.ban { div.ban {

View File

@ -84,12 +84,20 @@ div.post.reply {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
background-image: url('img/jungle_td.png'); background-image: url('img/jungle_td.png');
color: #054500; color: #054500;
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply.post-hover { div.post.reply.post-hover {
border-width: 1px; border-width: 1px;
border-style: none solid solid none; border-style: none solid solid none;
border-color: #B7C5D9; border-color: #B7C5D9;
@media (max-width: 48em) {
border-right-style: none;
}
} }
div.post.reply div.body a { div.post.reply div.body a {

View File

@ -285,6 +285,11 @@ div.post.reply {
background: none repeat scroll 0 0 #DDDDDD; background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.title,h1 { div.title,h1 {
color: #FF6600; color: #FF6600;

View File

@ -189,6 +189,11 @@ div.post.reply {
-khtml-border-radius: 10px; -khtml-border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
.replyhl { .replyhl {
background-color: #1e1e1e; background-color: #1e1e1e;

View File

@ -29,6 +29,11 @@ border-bottom: 1px solid #e9af32;
div.post.reply, div.pages { div.post.reply, div.pages {
border-radius: 20px 20px; border-radius: 20px 20px;
border: 1px solid #e9af32; border: 1px solid #e9af32;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
form table tr th { form table tr th {

View File

@ -213,6 +213,10 @@ div.post.reply {
border-style: none solid solid none; border-style: none solid solid none;
border-color: #DCDCDC; border-color: #DCDCDC;
display: inline-block; display: inline-block;
@media (max-width: 48em) {
border-right-style: none;
}
} }
span.trip { span.trip {
color: #228854; color: #228854;

View File

@ -345,7 +345,6 @@ div.post.reply {
border-color: #B7C5D9; border-color: #B7C5D9;
@media (max-width: 48em) { @media (max-width: 48em) {
border-left-style: none;
border-right-style: none; border-right-style: none;
} }
} }

View File

@ -183,6 +183,11 @@ div.post.reply {
-khtml-border-radius: 10px; -khtml-border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply.highlighted { div.post.reply.highlighted {
background: #583E28; background: #583E28;

View File

@ -38,11 +38,21 @@ div.post.reply {
background: #000000; background: #000000;
border: 1px dashed; border: 1px dashed;
border-color:#00FF00; border-color:#00FF00;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply.highlighted { 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;
@ -167,4 +177,3 @@ table.modlog tr th {
.desktop-style .sub { .desktop-style .sub {
background: none; background: none;
} }

View File

@ -174,6 +174,11 @@ div.post.reply {
-khtml-border-radius: 10px; -khtml-border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
.replyhl { .replyhl {
background-color: #1e1e1e; background-color: #1e1e1e;

View File

@ -15,6 +15,11 @@ div.post.reply {
background: #383838; background: #383838;
border: 1px solid #000000; border: 1px solid #000000;
transition: 0.3s; transition: 0.3s;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
div.post.reply.highlighted { div.post.reply.highlighted {
/*background: #202020;*/ /*background: #202020;*/
@ -23,6 +28,11 @@ div.post.reply.highlighted {
background: #282828; background: #282828;
/*border: none;*/ /*border: none;*/
transition: 0.3s; transition: 0.3s;
@media (max-width: 48em) {
border-left-style: none;
border-right-style: none;
}
} }
/*Changed this*/ /*Changed this*/
div.post.reply div.body a { div.post.reply div.body a {

View File

@ -212,6 +212,10 @@ div.post.reply {
border-style: none solid solid none; border-style: none solid solid none;
border-color: lightgreen; border-color: lightgreen;
display: inline-block; display: inline-block;
@media (max-width: 48em) {
border-right-style: none;
}
} }
span.trip { span.trip {
color: #228854; color: #228854;