From e9f136e2b6ea3ad0c7c4bf873948cc208f8cbfc6 Mon Sep 17 00:00:00 2001 From: Zankaria Date: Sun, 18 Aug 2024 16:49:53 +0200 Subject: [PATCH] stylesheets: disable vertical post borders on small screens --- stylesheets/burichan.css | 4 ++++ stylesheets/caffe.css | 21 ++++++++++++-------- stylesheets/confraria.css | 5 +++++ stylesheets/dark.css | 14 +++++++++---- stylesheets/dark_roach.css | 6 +++++- stylesheets/favela.css | 4 ++++ stylesheets/ferus.css | 10 ++++++++++ stylesheets/futaba-light.css | 7 ++++++- stylesheets/gentoochan.css | 13 ++++++++++++ stylesheets/jungle.css | 12 ++++++++++-- stylesheets/nigrachan.css | 4 ++++ stylesheets/northboard_cb.css | 22 ++++++++++++++------- stylesheets/notsuba.css | 5 +++++ stylesheets/novo_jungle.css | 8 ++++++++ stylesheets/photon.css | 5 +++++ stylesheets/piwnichan.css | 37 ++++++++++++++++++++--------------- stylesheets/rugby.css | 5 +++++ stylesheets/sharp.css | 8 ++++++-- stylesheets/style.css | 1 - stylesheets/szalet.css | 33 ++++++++++++++++++------------- stylesheets/terminal2.css | 11 ++++++++++- stylesheets/testorange.css | 9 +++++++-- stylesheets/uboachan-gray.css | 10 ++++++++++ stylesheets/wasabi.css | 6 +++++- 24 files changed, 200 insertions(+), 60 deletions(-) diff --git a/stylesheets/burichan.css b/stylesheets/burichan.css index 6b1de235..33586760 100644 --- a/stylesheets/burichan.css +++ b/stylesheets/burichan.css @@ -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 { diff --git a/stylesheets/caffe.css b/stylesheets/caffe.css index 7ba7bd1c..45bcca1d 100644 --- a/stylesheets/caffe.css +++ b/stylesheets/caffe.css @@ -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; diff --git a/stylesheets/confraria.css b/stylesheets/confraria.css index 3b60aaa6..5ff32ebe 100644 --- a/stylesheets/confraria.css +++ b/stylesheets/confraria.css @@ -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; + } } diff --git a/stylesheets/dark.css b/stylesheets/dark.css index e21b264e..89b485bf 100644 --- a/stylesheets/dark.css +++ b/stylesheets/dark.css @@ -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; diff --git a/stylesheets/dark_roach.css b/stylesheets/dark_roach.css index 89e050d4..9b155e8c 100644 --- a/stylesheets/dark_roach.css +++ b/stylesheets/dark_roach.css @@ -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; } diff --git a/stylesheets/favela.css b/stylesheets/favela.css index 52d24c76..8770d80f 100644 --- a/stylesheets/favela.css +++ b/stylesheets/favela.css @@ -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 { diff --git a/stylesheets/ferus.css b/stylesheets/ferus.css index 2517d3b0..f6f0421d 100644 --- a/stylesheets/ferus.css +++ b/stylesheets/ferus.css @@ -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; diff --git a/stylesheets/futaba-light.css b/stylesheets/futaba-light.css index 19166adf..04cb4163 100644 --- a/stylesheets/futaba-light.css +++ b/stylesheets/futaba-light.css @@ -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; diff --git a/stylesheets/gentoochan.css b/stylesheets/gentoochan.css index ae7ef2f3..b2b541e9 100644 --- a/stylesheets/gentoochan.css +++ b/stylesheets/gentoochan.css @@ -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); } diff --git a/stylesheets/jungle.css b/stylesheets/jungle.css index 86cb13b8..1c9e4dc6 100644 --- a/stylesheets/jungle.css +++ b/stylesheets/jungle.css @@ -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; diff --git a/stylesheets/nigrachan.css b/stylesheets/nigrachan.css index 28ab3eb3..dee74bf7 100644 --- a/stylesheets/nigrachan.css +++ b/stylesheets/nigrachan.css @@ -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 { diff --git a/stylesheets/northboard_cb.css b/stylesheets/northboard_cb.css index b665c569..e1eedaf6 100644 --- a/stylesheets/northboard_cb.css +++ b/stylesheets/northboard_cb.css @@ -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; } diff --git a/stylesheets/notsuba.css b/stylesheets/notsuba.css index 8ecb6b21..d4e89872 100644 --- a/stylesheets/notsuba.css +++ b/stylesheets/notsuba.css @@ -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 { diff --git a/stylesheets/novo_jungle.css b/stylesheets/novo_jungle.css index 8c313723..83bd99cd 100644 --- a/stylesheets/novo_jungle.css +++ b/stylesheets/novo_jungle.css @@ -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 { diff --git a/stylesheets/photon.css b/stylesheets/photon.css index a487e4dd..d2e0c1a7 100644 --- a/stylesheets/photon.css +++ b/stylesheets/photon.css @@ -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; diff --git a/stylesheets/piwnichan.css b/stylesheets/piwnichan.css index 7780226e..088ffa5a 100644 --- a/stylesheets/piwnichan.css +++ b/stylesheets/piwnichan.css @@ -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; diff --git a/stylesheets/rugby.css b/stylesheets/rugby.css index 330c44ef..aaa707e4 100644 --- a/stylesheets/rugby.css +++ b/stylesheets/rugby.css @@ -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 { diff --git a/stylesheets/sharp.css b/stylesheets/sharp.css index 7027a51b..93e21070 100644 --- a/stylesheets/sharp.css +++ b/stylesheets/sharp.css @@ -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 { diff --git a/stylesheets/style.css b/stylesheets/style.css index 27dcb921..2f2b5ea6 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -345,7 +345,6 @@ div.post.reply { border-color: #B7C5D9; @media (max-width: 48em) { - border-left-style: none; border-right-style: none; } } diff --git a/stylesheets/szalet.css b/stylesheets/szalet.css index 77a216a6..5bc1aa73 100644 --- a/stylesheets/szalet.css +++ b/stylesheets/szalet.css @@ -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; diff --git a/stylesheets/terminal2.css b/stylesheets/terminal2.css index a951bc16..0effd591 100644 --- a/stylesheets/terminal2.css +++ b/stylesheets/terminal2.css @@ -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; } - diff --git a/stylesheets/testorange.css b/stylesheets/testorange.css index 44ebd697..ff6c1c7d 100644 --- a/stylesheets/testorange.css +++ b/stylesheets/testorange.css @@ -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; diff --git a/stylesheets/uboachan-gray.css b/stylesheets/uboachan-gray.css index c5867f14..bd2690e7 100644 --- a/stylesheets/uboachan-gray.css +++ b/stylesheets/uboachan-gray.css @@ -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 { diff --git a/stylesheets/wasabi.css b/stylesheets/wasabi.css index 87a81bdd..145b4ae6 100644 --- a/stylesheets/wasabi.css +++ b/stylesheets/wasabi.css @@ -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) { - + }