1 files changed, 112 insertions, 37 deletions
diff --git a/static/saclay/css/mobile.css b/static/saclay/css/mobile.css
index c21f98a..5cb365c 100644
--- a/static/saclay/css/mobile.css
+++ b/static/saclay/css/mobile.css
@@ -1,37 +1,112 @@
-/* sample css file for mobile */
-
-.cloud, .close_img{
-    width:200px;
-}
-
-#main-map {
-	top : 0;
-}
-
-#detail_content{
-    max-height:100px;
-}
-
-.map-footer, #footer-panel a, #action-routing, #search-form, #sidebar, #map_menu_step, #map_menu_zoomin, #map_menu_zoomout {
-	display:none;
-}
-
-#sidebar {
-	width:300px !important;
-	top:0px !important;
-}
-
-#map-shadow, #sidebar, #panel {
-	background-image:none !important;
-}
-
-.sidebar-handler {
-	width:37px;
-}
-
-#footer-panel {
-	background-color:#fff !important;
-	border-right:1px solid #000;
-	width:275px;
-	color:#fff;
-}
+/* sample css file for mobile */
+
+.cloud, .close_img{
+    width:200px;
+}
+
+#main-map {
+	top : 0;
+}
+
+#detail_content{
+    max-height:100px;
+}
+
+.map-footer, #footer-panel a, #action-routing, #search-form, #sidebar, #map_menu_step, #map_menu_zoomin, #map_menu_zoomout {
+	display:none;
+}
+
+#sidebar {
+	width:300px !important;
+	top:0px !important;
+}
+
+#map-shadow, #sidebar, #panel {
+	background-image:none !important;
+}
+
+.sidebar-handler {
+	width:37px;
+}
+
+#footer-panel {
+	background-color:#fff !important;
+	border-right:1px solid #000;
+	width:275px;
+	color:#fff;
+}
+
+/* 2017-02-08 */
+
+ul.action{
+    display: none;
+}
+
+div#action-panel{
+    height:120px;
+    width:282px;
+    background-image:url(../images/logo-carto.png) ;
+    background-repeat:no-repeat;
+    background-position:center;
+    border-right:1px solid;
+    border-bottom:1px solid;
+    background-color: #fff;
+    border-color: #999;
+}
+
+div#panel{
+    position:absolute;
+    width:282px;
+    z-index:10;
+    max-height:none;
+    padding:0;
+    right:auto;
+    bottom:26px;
+    top:120px;
+    border-width:0 1px;
+    background-image:url('../images/logo.png');
+    background-repeat:repeat-x;
+    background-position:left bottom;
+    overflow-x:hidden;
+    border-right:1px solid;
+    border-color: #999;
+}
+
+#footer-panel{
+    border-color: #999;
+}
+
+#back-categories{
+    color: #60543A;
+    background-color: #eaeaea;
+    font-weight: 900;
+    padding: 0;
+    width: 282px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    font-family: 'Numans';
+}
+
+#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;
+}