1 files changed, 96 insertions, 27 deletions

diff --git a/static/saclay/css/styles.css b/static/saclay/css/styles.css
index f580139..c5cd016 100644
--- a/static/saclay/css/styles.css
+++ b/static/saclay/css/styles.css
@@ -50,7 +50,7 @@ a, a:link, a:visited,
 #footer .map-footer a:visited,
 #welcome .footer,
 caption{
-    color:#9da1a1;
+    color:#444;
 }
 
 /* alternat link */
@@ -98,10 +98,10 @@ body, #content,
 
 /* alternative background */
 #layer_selection #layer_list li.head,
-.welcome-dialog h2, #footer-panel,
+.welcome-dialog h2,
 ul#multimedia_list_content li, #welcome .footer,
 #action{
-    background-color:#d6d6c4;
+    background-color: #eaeaea;
 }
 
 #detail_footer{
@@ -488,14 +488,6 @@ a#ui-active-menuitem.ui-state-hover{
     background-image:none;
 }
 
-#haystack-search{
-    width:35px;
-    height:28px;
-    background-color: #fff;
-    border: 1px solid #ddd;
-    vertical-align:top;
-}
-
 #search-listing img{
     vertical-align:middle;
 }
@@ -759,6 +751,7 @@ a#ui-active-menuitem.ui-state-hover{
     padding:0;
     background-image:url('../images/background-top.png');
     background-repeat:repeat-x;
+    display: none;
 }
 
 #header{
@@ -973,7 +966,7 @@ ul#action{
 */
 
 #main-map{
-    top:26px;
+    top: 0;
     bottom:0;
     height:auto;
 }
@@ -1053,23 +1046,51 @@ div#sidebar{
 
 div#sidebar{
     z-index:7;
-    width:295px;
-    top:26px;
+    width:297px;
+    top: 0;
     position:absolute;
     bottom:0;
     padding-right:15px;
+    border-width:0 1px;
+}
+
+div#sidebar-container{
+    background-color: white;
+    width: 100%;
+    height: 100%;
+    background-image:url('../images/gradient.png');
+    background-repeat:repeat-x;
+    background-position:left bottom;
 }
 
 div#action-panel{
-    border-width:0;
-    border-right-width:1px;
-    border-style:solid;
-    z-index:10;
-    height:60px;
-    width:283px;
-    background-image:url(../images/background-small.png) ;
-    background-repeat:repeat;
-    background-position:center;
+    display: none;
+}
+
+.action-button:hover{
+    cursor: pointer;
+    color: #999;
+}
+
+.action-button{
+    position: absolute;
+    background-color: #fff;
+    z-index: 10;
+    padding: 10px;
+    border-radius: 20px;
+    width: 40px;
+    height: 40px;
+    text-align: center;
+}
+
+#edit-button{
+    top: 20px;
+    left: 300px;
+}
+
+#routing-button{
+    bottom: 40px;
+    right: 40px;
 }
 
 div#panel{
@@ -1078,25 +1099,30 @@ div#panel{
     z-index:10;
     max-height:none;
     padding:0;
+    padding-top: 170px;
     right:auto;
     bottom:26px;
-    top:60px;
+    top: 0;
     border-width:0 1px;
     background-image:url('../images/logo.jpg');
     background-repeat:repeat-x;
-    background-position:left bottom;
+    background-position:left top;
+    background-color: transparent;
     overflow-x:hidden;
 }
 
 #footer-panel{
     text-align:center;
-    padding:3px;
     bottom:0;
     position:absolute;
-    width: 282px;
+    width: 283px;
     height: 26px;
+    font-size: 0.88em;
 }
 
+#footer-panel a{
+    font-variant: small-caps;
+}
 /* share toolbar */
 
 a.share_id_email_single{
@@ -1568,6 +1594,10 @@ ul#roadmap_toolbar, ul#roadmap_toolbar ul, ul#roadmap_toolbar li{
     padding:4px;
 }
 
+#edit-panel {
+    padding: 25px 0;
+}
+
 #edit-panel label{
     font-size:0.9em;
 }
@@ -1639,6 +1669,45 @@ ul#roadmap_toolbar, ul#roadmap_toolbar ul, ul#roadmap_toolbar li{
     border:none;
 }
 
+#back-categories{
+    color: #60543A;
+    background-color: #eaeaea;
+    font-weight: 900;
+    padding: 0;
+    width: 282px;
+    position: fixed;
+    bottom: 26px;
+    left: 0;
+    font-family: 'Numans';
+    z-index: 10;
+    display: none;
+}
+
+#back-categories:hover{
+    cursor: pointer;
+}
+
+#back-categories .fa,
+#back-categories p{
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+}
+
+#back-categories p{
+    height: 26px;
+    vertical-align: middle;
+    padding-left: 0.3em;
+}
+
+#back-categories .fa{
+    font-size: 2em;
+    padding-top: 4px;
+    padding-left: 12px;
+}
+
+
+
 input.hasDatepicker{
     background-image:url(../images/buttons/calendar.png) ;
     background-repeat:no-repeat;