positioning and colors

rizk/static/css/rizk.css

@@ -78,11 +78,17 @@ a img {
 }
 
 #timeline {
+  position: absolute;
+  right: 40%;
+  left: 2%;
   height: 120px;
-  width: 50%;
+  top: 5%;
   overflow-x: scroll;
-  background: #ccc;
+  background: #d8dabe;
   padding: 2px;
+  -moz-box-shadow: 0px 0px 1em;
+  -webkit-box-shadow: 0px 0px 1em;
+  box-shadow: 0px 0px 1em;
 }
 
 #eventWrapper {
@@ -122,10 +128,10 @@ a img {
 
 #map {
   position: absolute;
-  top: 220px;
-  bottom: 10px;
+  top: 200px;
+  bottom: 5%;
   right: 40%;
-  left: 10px;
+  left: 2%;
   -moz-box-shadow: 0px 0px 1em;
   -webkit-box-shadow: 0px 0px 1em;
   box-shadow: 0px 0px 1em;
@@ -156,7 +162,7 @@ a img {
 
 
 #media {
-  background: #fff;
+  background: #d8dabe;
   position: absolute;
   right: 2%;
   width: 36%;

rizk/templates/rizk.html

@@ -94,9 +94,10 @@
     <div id="map">
 
     </div>
-    <div id="buttons">
+    <div id="buttons"><!--
       <a class="navButton" href="Javascript:$.noop()" data-target="about" id="aboutBtn">About</a>
       <a class="navButton" href="Javascript:$.noop()" data-target="questions" id="questionsBtn">Experiences</a>
+      -->
     </div>
     <div id="media">