diff --git a/stylesheets/default.css b/stylesheets/default.css index 4453e9b..45b35ed 100644 --- 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,7 +92,7 @@ h1{ position: absolute; margin-top: 10%; width: 10%; - font-size: 3em; + /*font-size: 3em;*/ color: #008B8B; margin-bottom: 0px; display: block; @@ -101,12 +100,12 @@ h1{ 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%;