Responsive work (and WIP message as a fallback)

1 files changed, 84 insertions, 61 deletions

diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index 3d8ba13..79deda2 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -2186,72 +2186,11 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     display:none;
 }
 
-@media (min-width: 1552px) {
-    #maps-lnk label,
-    #contact-lnk .lbl{
-        display:inline;
-    }
-}
-
-@media (min-width: 1200px) {
-    #simple_button-lnk .lbl{
-        display:inline;
-    }
-}
-
-@media (min-width: 1100px) {
-    #panel{
-        padding-top:16px;
-    }
-    #detail{
-        padding-top:0;
-    }
-}
-
-@media (max-width: 767px) {
-    #news-lnk .lbl, #simple_button-lnk .lbl, #maps-lnk label, #contact-lnk .lbl{
-        display:inline-block;
-    }
-    .selection-sep{
-        width: 80%;
-        border-bottom: 1px solid #CCC;
-        margin: 0 0 0.5em 0;
-        display:block;
-        clear:both;
-    }
-    #news-lnk .lbl,
-    #permalink-lnk,
-    #simple_button{
-        line-height: 50px;
-    }
-    #panel{
-        padding-top:16px;
-    }
-    #detail{
-        padding-top:50px;
-    }
-    #categories-lnk{
-        clear:both;
-    }
-}
-
 #show-panel{
     left:0;
     display:none;
 }
 
-@media (max-width: 767px) {
-    #show-panel{
-        display:block;
-    }
-    #panel, #hide-panel{
-        display:none;
-    }
-    #footer .map-footer {
-        right:20px;
-    }
-}
-
 #content .olControlSimplePanZoom{
     top: 58px !important;
     left: auto !important;
@@ -3944,7 +3883,70 @@ li.main_category li.subcategory > span > label{
     background-color: #d5d5d4;
 }
 
+@media (min-width: 1552px) {
+    #maps-lnk label,
+    #contact-lnk .lbl{
+        display:inline;
+    }
+}
+
+@media (min-width: 1200px) {
+    #simple_button-lnk .lbl{
+        display:inline;
+    }
+}
+
+@media (min-width: 1100px) {
+    #panel{
+        padding-top:16px;
+    }
+    #detail{
+        padding-top:0;
+    }
+}
+
+@media screen and (max-width: 1100px) {
+    #top-menu-first,
+    .extra-pages{
+        display: none;
+    }
+    #top-menu {
+        padding-left: 15px;
+    }
+}
+
 @media screen and (max-width: 640px) {
+    #news-lnk .lbl, #simple_button-lnk .lbl, #maps-lnk label, #contact-lnk .lbl{
+        display:inline-block;
+    }
+    .selection-sep{
+        width: 80%;
+        border-bottom: 1px solid #CCC;
+        margin: 0 0 0.5em 0;
+        display:block;
+        clear:both;
+    }
+    #news-lnk .lbl,
+    #permalink-lnk,
+    #simple_button{
+        line-height: 50px;
+    }
+    #detail{
+        padding-top:50px;
+    }
+    #categories-lnk{
+        clear:both;
+    }
+    #show-panel{
+        display:block;
+    }
+    #panel, #hide-panel{
+        display:none;
+    }
+    #footer .map-footer {
+        right:20px;
+    }
+
     #switch-menu{
         display: block;
     }
@@ -4013,3 +4015,24 @@ li.main_category li.subcategory > span > label{
     }
 }
 
+/* WIP */
+
+.wip{
+    display: none;
+    width: 100%;
+    height: 100%;
+    background-color: white;
+    z-index: 1000;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    text-align: center;
+    padding: 2em;
+    padding-top: 50px;
+}
+
+@media screen and (max-width: 640px) {
+    .wip{
+        display: block;
+    }
+}
\ No newline at end of file