diff options
| -rw-r--r-- | chimere/static/chimere/css/styles.css | 145 | ||||
| -rw-r--r-- | chimere/templates/chimere/base.html | 4 | ||||
| -rw-r--r-- | chimere/templates/chimere/blocks/actions.html | 8 |
3 files changed, 92 insertions, 65 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 diff --git a/chimere/templates/chimere/base.html b/chimere/templates/chimere/base.html index 4ac8c97..4131730 100644 --- a/chimere/templates/chimere/base.html +++ b/chimere/templates/chimere/base.html @@ -39,6 +39,10 @@ <a href="#" class="close" data-hide='alert' aria-label="close">×</a> <div class='content'></div> </div> +<div class='wip'> + <p>La version adaptative de cette carte est en cours de finalisation. + Revenez très vite pour en profiter !</p> +</div> {% block top %}{% endblock %} {% block message_map %}{% endblock %} {% block message_edit %}{% endblock %} diff --git a/chimere/templates/chimere/blocks/actions.html b/chimere/templates/chimere/blocks/actions.html index 3001f41..ef16fe3 100644 --- a/chimere/templates/chimere/blocks/actions.html +++ b/chimere/templates/chimere/blocks/actions.html @@ -10,23 +10,23 @@ </a> </div> <div id="top-menu" class="row"> - <div class="col-md-2 action"> + <div class="col-xs-2 action"> <a href="{% url 'index' area_name %}"> {% trans "Map" %} </a> </div> {% if area.show_directory %} - <div class="col-md-2 action"> + <div class="col-xs-2 action"> <a href="{% url 'chimere:category-directory' area_name %}"> {% trans "Directory" %} </a> </div> {% endif %} - <div class="col-md-{%if not extra_pages %}6{% elif extra_pages|length < 3 %}4{% else %}6{% endif %}"> + <div class="col-xs-{%if not extra_pages %}6{% elif extra_pages|length < 3 %}4{% else %}6{% endif %}"> <div id='search-box'></div> </div> {% for page in extra_pages %} - <div class="col-md-{% if page.image %}1{% else%}2{% endif %} action"> + <div class="col-xs-{% if page.image %}1{% else%}2{% endif %} action"> {% if page.url %} <a href='{{page.url}}' target="_blank"> {% else %} |