Add styling for menu sidebar for blog pages

meglkts · Jun 30, 2015 · f047bd5 · f047bd5
1 parent 8f70ac5
commit f047bd5
Showing 1 changed file with 46 additions and 8 deletions.
diff --git a/stylesheets/default.css b/stylesheets/default.css
@@ -65,7 +65,6 @@ header{
 }
 
 #projects {
-	/*background-color: #B8860B;*/
 	background-color: black;
 	color: #DCDCDC;
 	display: inline-block;
@@ -93,20 +92,20 @@ h1{
 	position: absolute;
 	margin-top: 10%;
 	width: 10%;
-	font-size: 3em;
+	/*font-size: 3em;*/
 	color: #008B8B; 
 	margin-bottom: 0px;
 	display: block;
 }
 
 h3{
 	font-weight: bold;
-	font-size: 1.5em;
+	/*font-size: 1.5em;*/
 	font-family: times;
 }
 
 h2{
-	font-size: 3em;
+	/*font-size: 3em;*/
 	color: #008B8B; 
 	margin-bottom: 0px;
 	margin-top: 10%;
@@ -145,9 +144,11 @@ pre{
 	line-height: 150%;
 }
 
+/*BLOG INDEX PAGE*/
 #blog-index-header{
-	top: 20%;
+	top: 0%;
 	position: absolute;
+	width: 20%;
 }
 
 #bloglist{
@@ -159,17 +160,54 @@ pre{
 	color: black;
 	font-weight: bolder;
 	vertical-align: top;
-	margin-left: 5%;
-	margin-top: 10%;
+	margin-left: 2%;
+	margin-top: 15%;
 }
 
 #blogphoto{
 	display: inline-block;
 	position: relative;
 	width: 20%;
-	margin-top: 10%;
+	margin-top: 15%;
+}
+
+#blog-menu #about {
+	background-color: #800080;
+	color: #DCDCDC;
+	display: block;
+	text-align: left;
+	padding: 1%;
+	width: 32%;
+	top: 40%;
+	left: 90%;
+	position: fixed;
+}
+
+#blog-menu #blog{
+	background-color: #008B8B;
+	color: #DCDCDC;
+	display: block;
+	text-align: left;
+	padding: 1%;
+	width: 32%;
+	top: 50%;
+	left: 90%;
+	position: fixed;
+}
+
+#blog-menu #projects {
+	background-color: black;
+	color: #DCDCDC;
+	display: block;
+	text-align: left;
+	padding: 1%;
+	width: 32%;
+	top: 60%;
+	left: 90%;
+	position: fixed
 }
 
+/*BLOG POST STYLING*/
 #blogpost{
 	margin-left: 10%;
 	margin-right: 20%;