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-style: none solid solid none;
border-color: #B7C5D9;
@media (max-width: 48em) {
border-right-style: none;
}
}
div.post.reply div.body a {

View File

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

View File

@ -71,6 +71,11 @@ p.fileinfo span.unimportant, p.fileinfo a {
div.post.reply {
background: #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 {
background: #333333;
border: #555555 1px solid;
-webkit-border-radius: 10px;
-khtml-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 {
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

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

View File

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

View File

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

View File

@ -22,7 +22,20 @@ div.post.reply, input, textarea {
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.2);
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 {
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);
-o-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 {
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);
-o-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 {
color: #00E;

View File

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

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 {

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -183,6 +183,11 @@ div.post.reply {
-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 {
background: #583E28;

View File

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

View File

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

View File

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

View File

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