resp

2021-05-12 12:05:01 +02:00
parent ec6c71798f
commit ffb5dbdaae
104 changed files with 6733 additions and 3490 deletions
@@ -990,6 +990,9 @@ ul.pagination {
  @media (max-width: 1024px) {
    .texte-cache {
      max-height: 445px; } }
+  @media (max-width: 1024px) and (max-width: 442px) {
+    .texte-cache {
+      max-height: 400px; } }

 /*Style du module TEXTE lorsqu'il est ouvert*/
 .texte-cache.ouvert {
@@ -1008,9 +1011,15 @@ ul.pagination {
@media (max-width: 1024px) {
  .modular .features {
    width: 80% !important;
-    margin-left: 8rem !important; }
+    margin: auto !important; } }
+
+@media (max-width: 442px) {
  .modular .features .feature {
-    width: 24% !important; } }
+    width: 80%; } }
+
+@media (max-width: 1024px) {
+  .modular .features .feature {
+    width: 24%; } }

 .bouton-ouverture {
  position: relative;
@@ -1120,10 +1129,10 @@ ul.pagination {
                padding-left: 0.8rem;
                font-size: 0.75rem;
                padding-right: 0.6rem; } }
-        .mozaique_personnes .equipe .personne .mozaique:hover {
-          background-color: #000;
-          color: #fff;
-          transition: 0.2s ease-in-out; }
+          .mozaique_personnes .equipe .personne .mozaique .info:hover {
+            background-color: #000;
+            color: #fff;
+            transition: 0.2s ease-in-out; }

 .bouton {
  border: solid !important;
@@ -1450,7 +1459,3 @@ button:focus {

 .modular .modular-row:last-child {
  margin-bottom: 2rem; }
-
-@media (max-width: 442px) {
-  h1 {
-    font-size: 1.5rem; } }
@@ -359,6 +359,9 @@
  transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
  @media (max-width: 1024px) {
    max-height: 445px;
+  @media (max-width:442px) {
+    max-height: 400px;
+  }

  }
 }
@@ -381,20 +384,22 @@

 }

-
-
-@media (max-width: 1024px) {
-  .modular .features {
-
-    width: 80% !important;
-    margin-left: 8rem !important;
-  }
-  .modular .features .feature {
-      width: 24% !important;
-      // margin-bottom: 10rem;
+.modular .features {
+  @media (max-width: 1024px) {
+      width: 80% !important;
+      margin: auto !important;
  }
 }

+.modular .features .feature {
+    // margin-bottom: 10rem;
+    @media (max-width: 442px) {width: 80% ;}
+    @media (max-width: 1024px) {width: 24% ;}
+}
+
+
+
+
 .bouton-ouverture {
    position: relative;
    justify-content: center;
@@ -543,14 +548,16 @@
              font-size: 0.75rem;
              padding-right: 0.6rem;
           }
-         }
+          }
+          &:hover {
+              background-color: #000;
+              color: #fff;
+              transition:0.2s ease-in-out;
+          }
+
        }

-         &:hover {
-             background-color: #000;
-             color: #fff;
-             transition:0.2s ease-in-out;
-         }
+
        }
      }
    }
@@ -1,5 +0,0 @@
-@media (max-width: 442px) {
-  h1 {
-    font-size: 1.5rem;
-  }
-}
@@ -6,7 +6,7 @@
 {% block javascripts %}
    {% if show_onpage_menu %}
        {% do assets.add('theme://js/singlePageNav.min.js') %}
-        
+
    {% endif %}
    {{ parent() }}
 {% endblock %}
@@ -28,9 +28,6 @@
 {% endblock %}

 {% block header_navigation %}
-
-
-
    {% if show_onpage_menu %}
        <ul class="navigation">
        {% for module in page.collection() %}
@@ -49,17 +46,12 @@
    {% else %}
        {{  parent() }}
    {% endif %}
-
 {% endblock %}

-
-
 {% block content %}
-
    {{ page.content|raw }}
    {% for module in page.collection() %}
        <div id="{{ _self.pageLinkName(module.menu) }}"></div>
-
        {{ module.content|raw }}
    {% endfor %}
 {% endblock %}
@@ -18,6 +18,7 @@
        {% do assets.addCss('theme://css/font-awesome.min.css', 100) %}
        {% do assets.addCss('theme://css/slidebars.min.css') %}

+
        {% if browser.getBrowser == 'msie' and browser.getVersion == 10 %}
            {% do assets.addCss('theme://css/nucleus-ie10.css') %}
        {% endif %}
@@ -25,7 +26,6 @@
            {% do assets.addCss('theme://css/nucleus-ie9.css') %}
            {% do assets.addJs('theme://js/html5shiv-printshiv.min.js') %}
        {% endif %}
-
    {% endblock %}

    {% block javascripts %}
@@ -34,7 +34,6 @@
        {% do assets.addJs('theme://js/antimatter.js') %}
        {% do assets.addJs('theme://js/parallax.js') %}
        {% do assets.addJs('theme://js/slidebars.min.js') %}
-
    {% endblock %}

    {% block assets deferred %}
@@ -47,16 +46,11 @@
 <body id="top" class="{{ page.header.body_classes }}">
    <div id="sb-site">
        {% block header %}
-
        <header id="header">
-
            <div id="logo">
-
              <img id="gouv" src="user/pages/01.home/Republique-francaise-logo-sans-text.svg" alt="logo République Française">
              <img id="epau" src="user/pages/01.home/EPAU_logo_EPAU_vecto-seul.svg" alt="logo EPAU">
-
            </div>
-
            <div id="navbar">
                {% block header_extra %}{% endblock %}
                {% if config.plugins.langswitcher.enabled %}
@@ -67,16 +61,11 @@
                {% endblock %}
                <!-- <span class="panel-activation sb-toggle-left navbar-left menu-btn fa fa-bars"></span> -->
            </div>
-
        </header>
-
-
        {% endblock %}

        {% block showcase %}{% endblock %}

-
-
        {% block body %}
        <section id="body" class="{{ class }}">
            {% block content %}{% endblock %}
@@ -95,8 +84,63 @@
    {% block sidebar_navigation %}
        <div class="sb-slidebar sb-left sb-width-thin">
            <div id="panel">
-            {% include 'partials/navigation.html.twig' %}
+              {% import _self as macros %}

+              {% macro loop(page) %}
+                  {% import _self as macros %}
+                  {% for p in page.children.visible %}
+                      {% set current_page = (p.active or p.activeChild) ? 'active' : '' %}
+                      {% if p.children.visible.count > 0 %}
+                          <li class="has-children {{ current_page }}">
+                              <a href="{{ p.url }}">
+                                  {% if p.header.icon %}<i class="fa fa-{{ p.header.icon }}"></i>{% endif %}
+                                  {{ p.menu }}
+                                  <span></span>
+                              </a>
+                              <ul>
+                                  {{ macros.loop(p) }}
+                              </ul>
+                          </li>
+                      {% else %}
+                          <li class="{{ current_page }}">
+                              <a href="{{ p.url }}">
+                                  {% if p.header.icon %}<i class="fa fa-{{ p.header.icon }}"></i>{% endif %}
+                                  {{ p.menu }}
+                              </a>
+                          </li>
+                      {% endif %}
+                  {% endfor %}
+              {% endmacro %}
+
+              <ul class="navigation">
+                  {% if theme_config.dropdown.enabled %}
+                      {{ macros.loop(pages) }}
+                  {% else %}
+                      {% for page in pages.children.visible %}
+                          {% set current_page = (page.active or page.activeChild) ? 'active' : '' %}
+                          <li class="{{ current_page }}">
+                              <a href="{{ page.url }}">
+                                  {% if page.header.icon %}<i class="fa fa-{{ page.header.icon }}"></i>{% endif %}
+                                  {{ page.menu }}
+                              </a>
+                          </li>
+                      {% endfor %}
+                  {% endif %}
+                  {% for mitem in site.menu %}
+                      <li>
+                          <a href="{{ mitem.url }}">
+                              {% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
+                              {{ mitem.text }}
+                          </a>
+                      </li>
+                  {% endfor %}
+                  {% if config.plugins.login.enabled and grav.user.username %}
+                      <li><i class="fa fa-lock"></i> {% include 'partials/login-status.html.twig' %}</li>
+                  {% endif %}
+              </ul>
+
+
+            <!-- {% include 'partials/navigation.html.twig' %} -->
            </div>
        </div>
    {% endblock %}
@@ -22,8 +22,6 @@
                    {{ p.menu }}
                </a>
            </li>
-
-
        {% endif %}
    {% endfor %}
 {% endmacro %}
@@ -53,5 +51,4 @@
    {% if config.plugins.login.enabled and grav.user.username %}
        <li><i class="fa fa-lock"></i> {% include 'partials/login-status.html.twig' %}</li>
    {% endif %}
-
 </ul>