Move sidebar to left, hide farbar, remove margins, add paddings instead, fill gap.

1 files changed, 12 insertions, 6 deletions

diff --git a/style.scss b/style.scss
index 69c5065..3086086 100644
--- a/style.scss
+++ b/style.scss
@@ -247,10 +247,12 @@ body {
 
 #content {
 	min-height: 480px;
-	width: (100% - $blockMid-marginBoth - $blockLeft-fullwidth - $blockRight-fullwidth);
+//	width: (100% - $blockMid-marginBoth - $blockLeft-fullwidth - $blockRight-fullwidth);
+	width: 68%;
 	max-width: 72em;
-	margin: 2% ($blockMid-marginRight + $blockRight-fullwidth) 2% ($blockMid-marginLeft + $blockLeft-fullwidth);
-	padding: 0;
+//	margin: 2% ($blockMid-marginRight + $blockRight-fullwidth) 2% ($blockMid-marginLeft + $blockLeft-fullwidth);
+	margin: 0:
+	padding: 1em 2%;
 	text-align: left;
 	background-color: none;
 }
@@ -344,6 +346,7 @@ th {
 }
 
 .sidebar {
+//temporarily hidden
 	@include h5bp-hidden;
 //	float: left;
 //	min-height: 480px;
@@ -388,11 +391,14 @@ th {
 .farbar {
 	float: left;
 	min-height: 480px;
-	width: $blockRight-width;
-	margin-top: 2%;
+//	width: $blockRight-width;
+	width: 23%;
+	margin-top: 0;
 	margin-left: -($blockRight-fullwidth - $blockRight-marginLeft);
-	margin-bottom: 2%;
+	margin-left: -27%;
+	margin-bottom: 0;
 	padding: $blockRight-paddingAny;
+	padding: 2em 2%;
 	background-color: LightBlue;
 	text-align: left;
 	img {