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-style: none solid solid none;
|
||||
border-color: #B7C5D9;
|
||||
|
||||
@media (max-width: 48em) {
|
||||
border-right-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.post.reply div.body a {
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -345,7 +345,6 @@ div.post.reply {
|
||||
border-color: #B7C5D9;
|
||||
|
||||
@media (max-width: 48em) {
|
||||
border-left-style: none;
|
||||
border-right-style: none;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user