forked from GithubBackups/vichan
stylesheets: disable vertical post borders on small screens
This commit is contained in:
parent
8d20c52754
commit
e9f136e2b6
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user