Update navbar styling

1 files changed, 35 insertions, 23 deletions

diff --git a/stylesheets/style.css b/stylesheets/style.css
index 804d5d08..b492c24c 100755
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -9,6 +9,7 @@ body {
 	font-size: 10pt;
 	margin: 0px;
 	padding: 44px 5px;
+	max-width: 100%!important;
 }
 img[alt="mascot"] {
 	display: block;
@@ -172,10 +173,15 @@ header div.subtitle {
 p.fileinfo {
 	display: block;
 	margin: 0 0 0px 0px;
+	white-space: normal!important;
+}
+.fileinfo :not(a) {
+	word-wrap: break-word;
 }
 div.post p.fileinfo {
 	padding-left: 5px;
 }
+
 div.banner {
 	background-color: #E04000;
 	border: 1px solid #E04000;
@@ -210,6 +216,10 @@ div.post img.post-image {
 	padding-left: 0;
 	margin: 4px 10px 0 0;
 }
+.multifile img.post-image {
+	margin-left: 0px;
+	margin-top: 0px;
+}
 div.post.reply img.post-image {
 	margin-left: 19px;
 }
@@ -273,12 +283,13 @@ div.postcontainer
 {
 	display: inline-block;
 	white-space: nowrap;
+	max-width: 100%!important;
 }
 div.post.reply p {
 	margin: 3px 0 0 0;
 }
 div.post.reply p.fileinfo {
-	margin-left: -3.5px;
+	margin-left: 13px;
 }
 div.post.reply div.body {
 	margin-left:19px;
@@ -294,13 +305,16 @@ div.post.reply.highlighted {
 }
 div.post.reply div.body a {
 	color: #D00;
+	word-wrap: break-word;
+	word-break: break-all;
+	white-space: pre-wrap;
 }
 div.post div.body {
-    	white-space: pre-wrap; /* css-3 */    
-    	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
-    	white-space: -pre-wrap; /* Opera 4-6 */    
-    	white-space: -o-pre-wrap; /* Opera 7 */    
-	word-wrap: break-word;
+   	white-space: pre-wrap; /* css-3 */    
+   	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+   	white-space: -pre-wrap; /* Opera 4-6 */    
+   	white-space: -o-pre-wrap; /* Opera 7 */    
+	word-wrap: normal;
 	margin-left: 19px;
 }
 div.sidearrows {
@@ -317,8 +331,8 @@ div.post.reply {
 	border-width: 1px;
 	border-style: none solid solid none;
 	border-color: #B7C5D9;
-	max-width: 94%;
 	display: inline-block;
+	max-width: 97%!important;
 }
 span.trip {
 	color: #228854;
@@ -402,32 +416,30 @@ fieldset label {
 	display: block;
 }
 .bar {
-	-moz-box-shadow: 0 0 40px #000000;
--webkit-box-shadow: 0 0 40px #000000;
-box-shadow: 0 0 40px #000000;
-}
-.bar.top {
-	width: 100%;
-	left: 0px;
-	text-align: center; 
+	-moz-box-shadow: 0 0 40px #d1d5ee;
+	-webkit-box-shadow: 0 0 40px #d1d5ee;
+	box-shadow: 0 0 40px #d1d5ee;
+	display: table;
 	position: fixed;
-	top: 0px;
+	width: 100%;
+	left: 0px;	
 	z-index: 3;
-	display: table;
 	background-color: #D6DAF0;
-	border-bottom: 1px solid #B7C5D9;
+	border-color: #B7C5D9;
 }
 .bar > :not(script) {
 	display: table-cell;
 	vertical-align: middle;
 }
+.bar.top {
+	text-align: center; 
+	top: 0px;
+	border-bottom: 1px solid #B7C5D9;
+}
+
 .bar.bottom {
-	width: 100%;
-	background-color: #D6DAF0;
-	position: fixed;
 	bottom: 0px;
-	left: 0px;
-	display: table;
+	border-top: 1px solid #B7C5D9;
 }
 div.pages, div.boardlist {
 	padding: 2px 0px 3px 5px;