Fix top and bottom bar on various CSS themes to have same backgroud color as page on both mobile and desktop. Change imgur links to local static links for Content Security Policy.

stylesheets/8ch.cyber.css

@@ -23,6 +23,11 @@ form table tr td {
 	background-color: #35363b;
 	border-color: #39d958;
 }
+.bar.bottom {
+  bottom: 0px;
+  border-top: 1px solid #333333;
+  background-color: #1A1A1A !important;
+}
 
     /* OPTION HIDING */
 
@@ -156,10 +161,10 @@ background-color: #2b2b2b;
         padding: 0;
         font-family: "Lucida Console", Monaco, monospace;
         font-size: 14px;
-        background: url("https://a.pomf.se/waivbu.png") fixed repeat top #000000;
-float: left;
-margin-left: 10px;
-margin-right: 35px;
+        background: url("../static/rRLs7q4.png") fixed repeat top #000000;
+	float: left;
+	margin-left: 10px;
+	margin-right: 35px;
     }
     /*saves one pixel of space*/
     header {
@@ -193,7 +198,7 @@ margin-right: 35px;
 
     /*adds horizontal bar below subject*/
     p.intro {
-        background-image: url('https://i.imgur.com/Ua5aMb0.png');
+        background-image: "../static/Ua5aMb0.png";
         background-repeat: repeat-x;
         background-position: bottom;
         padding-bottom: 7px;
@@ -230,7 +235,6 @@ margin-right: 35px;
         display: block;
         clear: both;
         border: solid 1px #2e8b57;
-        background-color: #2b2b2b;
     }
 
     /*hovered links have underline*/

stylesheets/cyberpunk.css

@@ -231,8 +231,6 @@ span.trip {
 }
 div.pages {
 	color: #AAAAAA;
-	background: #333333;
-	border: #33cccc 1px solid;
 	font-family: sans-serif;
 	font-size: 10pt;
 }

stylesheets/dark.css

@@ -1,4 +1,4 @@
-/**
+/*
  * dark.css
  * For AwsumChan by Circlepuller
  */
@@ -143,11 +143,16 @@ span.trip {
 }
 div.pages {
 	
-	background: #333333;
+	background: #1E1E1E; 
 	
 	font-family: sans-serif;
 	
 }
+.bar.bottom {
+    bottom: 0px;
+    border-top: 1px solid #333333;
+    background-color: #1E1E1E;
+}
 div.pages a.selected {
 	color: #CCCCCC;
 }
@@ -158,7 +163,6 @@ hr {
 div.boardlist {
 	text-align: center;
 	color: #999999;
-    	background-color: rgba(12%, 12%, 12%, 0.10);
 }
 
 div.ban {
@@ -175,9 +179,16 @@ table.modlog tr th {
 	color: #AAAAAA;
 }
 
+div.boardlist:not(.bottom) {
+ background-color: #1E1E1E;
+
+}
+
 .desktop-style div.boardlist:not(.bottom) {
-  text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
-  background-color: #666666;
+ position:static; 
+ text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
+ color: #999999;
+ background-color: #1E1E1E;
 }
 
 

stylesheets/fauux.css

@@ -184,8 +184,6 @@ span.trip {
 }
 div.pages {
 	color: #AAAAAA;
-	background: #333333;
-	border: #d2738a 1px solid;
 	font-family: sans-serif;
 	font-size: 10pt;
 }

stylesheets/heavy_ice.css

@@ -242,7 +242,7 @@ div.banner a
 }
 input[type="submit"]
 {
-	background: #333333;
+	background: #000!important;
 	border: #666 1px solid;
 	color: #CCCCCC;
 }
@@ -284,13 +284,14 @@ box-shadow: 0px 1px #d2e7e8;
 {
 	border-top: 0px solid #666;
 	border: solid  1px #d2e7e8;
+	background-color: #000!important;
 
 
 }
 div.pages
 {
 	color: #d2e7e8 ;
-	background: #333;
+	background-color: #000!important;
 	border: #666 0px solid;
 	font-family: sans-serif;
 	font-size: 10px;

stylesheets/mono.e.lain.css

@@ -157,7 +157,7 @@ background-color: #cdcdcd;
         padding: 0;
         font-family: arial, sans-serif;
         font-size: 14px;
-        background: url("https://i.imgur.com/OUHu2ki.jpg") fixed repeat top #000000;
+        background: url("../static/OUHu2ki.jpg") fixed repeat top #000000;
 min-width: 395px;
 margin-left: 10px;
 margin-right: 35px;
@@ -198,7 +198,7 @@ margin-left: 10px;
      
     /*adds horizontal bar below subject*/
     p.intro {
-        background-image: url('https://i.imgur.com/UebGaj5.png');
+        background-image: url('https://www.lainchan.org/static/UebGaj5.png');
         background-repeat: repeat-x;
         background-position: bottom;
         min-height: 25px;
@@ -361,4 +361,4 @@ SPAN.controls.op:before { content: '\A'; white-space:pre;  }
 
 div.post-menu
 {
-color: #ffffff;}
+color: #ffffff;}

stylesheets/poison.css

@@ -26,6 +26,16 @@ body
 	background-color: #29202D!important;
 	border-color: #29202D!important;
 }
+
+div.boardlist:not(.bottom) 
+{
+	background-color:#29202D!important;
+}
+.desktop-style div.boardlist:not(.bottom) 
+{
+	background-color:#140f16;
+}
+
 .boardlist
 {
 	text-shadow: none!important;

stylesheets/style.css

@@ -62,7 +62,7 @@ img.banner, img.board_image {
   width: 100%;
   left: 0px;
   z-index: 3;
-  background-color: #333333;
+  background-color: #D6DAF0;
   border-color: #B7C5D9;
 }
 .bar > :not(script) {
@@ -78,7 +78,6 @@ img.banner, img.board_image {
 .bar.bottom {
   bottom: 0px;
   border-top: 1px solid #333333;
-  background-color: #333333 ;
 }
 
 
@@ -743,10 +742,6 @@ div.blotter {
   background-color: #D6DAF0;
 }
 
-.desktop-style body {
-  padding-top: 20px;
-}
-
 .desktop-style .sub {
   background: inherit;
 }

stylesheets/tsuki.css

@@ -456,8 +456,6 @@ div.pages {
 	display: inline-block;
 	padding: 8px;
 	margin: 8px 0 4px 0;
-	border-right: 1px solid #B7C5D9;
-	border-bottom: 1px solid #B7C5D9;
 }
 
 div.pages.top {
@@ -1442,10 +1440,15 @@ p.fileinfo a:hover {
 span.trip {
 	color: #AAAAAA;
 }
+.bar.bottom {
+    bottom: 0px;
+    border-top: 1px solid #333333;
+    background-color: #666666;
+}
+
 div.pages {
 	color: #AAAAAA;
-	background: #333333;
-	border: #666666 1px solid;
+	background: #666666;
 	font-family: Normal, sans-serif;
 	font-size: 16px;
 }

stylesheets/volafile.css

@@ -24,6 +24,14 @@ body
 	background-color: #435D78!important;
 	border-color: #486582!important;
 }
+div.boardlist:not(.bottom) 
+{
+	background-color:#395168;
+}
+.desktop-style div.boardlist:not(.bottom) 
+{
+	background-color:#395168;
+}
 .boardlist
 {
 	text-shadow: none!important;