stylesheets: disable vertical post borders on small screens

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 {

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;

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;
+	}
 }
 
 

stylesheets/dark.css

@@ -45,15 +45,21 @@ a.post_no:hover {
 div.post.reply {
 	background: #333333;
 	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 {
 	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;

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;
 }

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 {

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;

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;

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);
 }

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;

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 {

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;
 }

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 {

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 {

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;

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;

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 {

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 {

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;
   }
 }

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;

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;
 }
-

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;

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 {

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) {
- 
+
 }