harmacist/vichan
1
0
Fork 0
forked from GithubBackups/vichan
Code Pull Requests Activity

stylesheets: disable vertical post borders on small screens

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
stylesheets/burichan.css
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 {

21
stylesheets/caffe.css
View File

@ -94,7 +94,7 @@ textarea#body{
html, body {
background:#261712 url('img/caffe_bg.png') repeat fixed center;
background:#261712 url('img/caffe_bg.png') repeat fixed center;
color: #8e6152;
font-family: "Trebuchet MS",Trebuchet,serif;
font-size: 12pt;
@ -112,7 +112,7 @@ a:hover, a:visited:hover {
font-size: .8em;
}
.desktop-style div.boardlist:nth-child(1) .boardlist {
background-color: #261712;
background-color: #261712;
}
.desktop-style div.boardlist:nth-child(1):hover {
background-color: #261712;
@ -131,7 +131,7 @@ background-color: #261712;
/*width:100%;*/
}
.theader, .passvalid {
text-align:center;
padding:2px;
color:#39241d;
@ -219,8 +219,8 @@ background-color: #261712;
color:#a47a6b;
}
.reply {
background:#a47a6b url('img/caffe_reply.png') repeat center;
background:#a47a6b url('img/caffe_reply.png') repeat center;
border: solid 1px #a47a6b;
padding: 0;
margin: 0;
@ -294,10 +294,15 @@ form table tr th {
}
div.post.reply {
background:#922a01 url('img/caffe_reply2.png') repeat fixed center;
background:#922a01 url('img/caffe_reply2.png') repeat fixed center;
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;
@ -343,7 +348,7 @@ background: rgba(88, 53, 41, 0.3);
}
#quick-reply table {
border-collapse: collapse;
background:#000 url('img/caffe_reply2.png') repeat fixed center;
background:#000 url('img/caffe_reply2.png') repeat fixed center;
border-style: solid;
border-width: 1px;
border-color: rgba(88, 53, 41, 0.6);
@ -364,7 +369,7 @@ color: #755144;
}
#quick-reply table {
border-collapse: collapse;
background:#000 url('img/caffe_reply2.png') repeat fixed center;
background:#000 url('img/caffe_reply2.png') repeat fixed center;
}
a, a:visited {
text-decoration: underline;

5
stylesheets/confraria.css
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;
}
}

14
stylesheets/dark.css
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;

6
stylesheets/dark_roach.css
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;
@ -465,7 +469,7 @@ background: #333333;
border: 1px solid #666666;
color: #999999;
}
input[type="submit"]:hover
input[type="submit"]:hover
{
color: #9999CC;
}

4
stylesheets/favela.css
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 {

10
stylesheets/ferus.css
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;

7
stylesheets/futaba-light.css
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;

13
stylesheets/gentoochan.css
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);
}

12
stylesheets/jungle.css
View File

@ -27,7 +27,7 @@ desktop-style .bl-menu{
background-image: url('img/jungle_bg1.png'), url('img/jungle_bg.png');
background-repeat: repeat-x, repeat;
background-attachment: scroll, scroll;
}
}
.boardlist .board a {
background: #65AB6B;
@ -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;
@ -88,7 +96,7 @@ div.pages {
padding: 7px 5px;
color: #054500;
font-size: 12pt;
background-image: url('img/jungle_td.png');
border-width: 1px;
border-style: inset;

4
stylesheets/nigrachan.css
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 {

22
stylesheets/northboard_cb.css
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;
}

5
stylesheets/notsuba.css
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 {

8
stylesheets/novo_jungle.css
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 {

5
stylesheets/photon.css
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;

37
stylesheets/piwnichan.css
View File

@ -11,7 +11,7 @@ body {
.desktop-style .bl-menu{
background-color: #030511;
}
}
.boardlist .board a {
background-color: #030511;
@ -28,7 +28,7 @@ color: #FFFCFC !important;}
div.post.reply div.body a {
color: #6F0A0A;
}
a:link, a:visited, div.post.reply p.body a {
color: #355097;
text-decoration: none;
@ -36,9 +36,9 @@ a:link, a:visited, div.post.reply p.body a {
a:link:hover, a:visited:hover, div.post.reply p.body a:hover {
color: #5A8C99;
}
a.email span.name {
color: #5A8C99 !important;
color: #5A8C99 !important;
}
.intro span.capcode, p.intro a.capcode, p.intro a.nametag {
@ -48,14 +48,14 @@ color: #6E0877;
div.post.reply.highlighted {
background: #000E3A;
}
input, textarea {
background: url("img/rect821.png") no-repeat fixed right top #030511;
color: #47506F;
}
hr {
height:3px;
border-width: 0px;
@ -63,7 +63,7 @@ hr {
background-size:100% 100%;
-moz-background-size:100% 100%;
}
.reflink a:hover{
font-weight: bold;
}
@ -96,7 +96,7 @@ div.banner, .replymode, .catalogmode {
font-weight: bold;
text-align: center !important;
}
.postarea {
}
.rules {
@ -122,7 +122,7 @@ div.banner, .replymode, .catalogmode {
.delbuttons {
text-align:center;
padding-bottom:4px;
}
.managehead {
background-color: #1e1e1e;
@ -156,13 +156,13 @@ div.banner, .replymode, .catalogmode {
color: #bebebe;
font-weight:800;
}
.intro span.subject {
color: #4D2C80;
font-weight: bold;
}
span.name, .postername {
color: #06546D !important;
font-weight:bold;
@ -179,16 +179,21 @@ span.omitted, .omittedposts {
}
div.post.reply {
padding: 5px;
background:#030511 url('img/rect821.png') fixed top right no-repeat;
color:#47506F;
border: 1px solid #000E3A!important;
-webkit-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;
}
}
.replyhl {
background-color: #1e1e1e;

5
stylesheets/rugby.css
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 {

8
stylesheets/sharp.css
View File

@ -94,7 +94,7 @@ form table tr th {
form table tr th {
background: #AF0A0F;
color: #FFF;
border: 1px solid #800000;
border: 1px solid #800000;
}
form table tr td div {
text-align: center;
@ -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;
@ -393,7 +397,7 @@ div.blotter {
}
.desktop-style div.boardlist:nth-child(1) {
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {

1
stylesheets/style.css
View File

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

33
stylesheets/szalet.css
View File

@ -4,7 +4,7 @@ body {
font-family: sans-serif;
font-size: 12px;
color: #99938D;
background-color: #1e1e1e;
background-image: url('img/szalet_bg.png');
background-repeat: repeat;
@ -14,7 +14,7 @@ body {
background-image: url('img/szalet_bg.png');
background-repeat: repeat;
/*background-color: #200000;*/
}
}
.boardlist .board a {
background-color: #200000;
@ -27,7 +27,7 @@ color: #26899C;
div.pages a.selected {
color: #FFFCFC !important;}
a:link, a:visited, div.post.reply p.body a {
color: #7A422C!important;
text-decoration: none;
@ -35,12 +35,12 @@ a:link, a:visited, div.post.reply p.body a {
a:link:hover, a:visited:hover, div.post.reply p.body a:hover {
color: #8A8A23!important;
}
a.email span.name {
color: #4B4B4B !important;
}
input {
color: #8A7656;
background: none !important;
@ -52,7 +52,7 @@ input, textarea {
background: #200000;
color: #99938D;
}
hr {
height: 3px;
border-width: 0px;
@ -60,7 +60,7 @@ background: url('img/szalet_hr.png') center no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.reflink a:hover{
font-weight: bold;
}
@ -93,7 +93,7 @@ div.banner, .replymode, .catalogmode {
font-weight: bold;
text-align: center !important;
}
.postarea {
}
.rules {
@ -119,7 +119,7 @@ div.banner, .replymode, .catalogmode {
.delbuttons {
text-align:center;
padding-bottom:4px;
}
.managehead {
background-color: #1e1e1e;
@ -153,13 +153,13 @@ div.banner, .replymode, .catalogmode {
color: #bebebe;
font-weight:800;
}
.intro span.subject {
color: #771018;
font-weight: bold;
}
span.name, .postername {
color: #8A775B !important;
font-weight:bold;
@ -178,11 +178,16 @@ div.post.reply {
padding: 5px;
border: 1px #583E28 solid !important;
background: #200000;
-webkit-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 {
background: #583E28;

11
stylesheets/terminal2.css
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;
}

9
stylesheets/testorange.css
View File

@ -4,7 +4,7 @@ body {
font-family: sans-serif;
font-size: 12px;
color:#bebebe;
background-color: #1e1e1e;
background-image: url('img/testorange_testo.png'), url('img/testorange_top_bg.png'), url('img/testorange_bg.png');
background-repeat: no-repeat, repeat-x, repeat;
@ -15,7 +15,7 @@ body {
.desktop-style .bl-menu{
background-image: url('img/testorange_bg.png');
background-repeat: repeat;
}
}
.boardlist .board a {
background-image: url('img/testorange_bg.png');
@ -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;

10
stylesheets/uboachan-gray.css
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 {

6
stylesheets/wasabi.css
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;
@ -393,7 +397,7 @@ div.blotter {
}
.desktop-style div.boardlist:nth-child(1) {
}