|
@@ -12,6 +12,7 @@
|
|
|
|
|
|
.padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
|
|
.padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
|
|
padding-left: 3rem;
|
|
padding-left: 3rem;
|
|
|
|
+ padding-right: 3rem;
|
|
}
|
|
}
|
|
|
|
|
|
#body > script:first-child + .grav-lightslider {
|
|
#body > script:first-child + .grav-lightslider {
|
|
@@ -36,6 +37,11 @@
|
|
#header.scrolled {
|
|
#header.scrolled {
|
|
padding-left: 2rem;
|
|
padding-left: 2rem;
|
|
padding-right: 2rem;
|
|
padding-right: 2rem;
|
|
|
|
+ img {
|
|
|
|
+ @include transform(scale(0.85));
|
|
|
|
+ @extend .default-animation;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
|
|
}
|
|
}
|
|
#header #navbar ul.navigation li a {
|
|
#header #navbar ul.navigation li a {
|
|
@@ -65,6 +71,14 @@
|
|
font-weight: 900;
|
|
font-weight: 900;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+#header #navbar ul.navigation {
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+// #header #logo img.scrolled {
|
|
|
|
+// height: 3.5rem!important;
|
|
|
|
+// }
|
|
|
|
+
|
|
#logo {
|
|
#logo {
|
|
position: relative;
|
|
position: relative;
|
|
display: flex;
|
|
display: flex;
|
|
@@ -76,23 +90,32 @@
|
|
// visibility: visible;
|
|
// visibility: visible;
|
|
// @include transform(scale(0.75));
|
|
// @include transform(scale(0.75));
|
|
// @extend .default-animation;
|
|
// @extend .default-animation;
|
|
- // }
|
|
|
|
|
|
+ //
|
|
|
|
|
|
- img {
|
|
|
|
|
|
+ img {
|
|
|
|
+ padding: 0.5rem;
|
|
|
|
+ height: 4rem !important;
|
|
|
|
+ margin:auto;
|
|
|
|
+
|
|
|
|
+ @media (max-width: 442px) {
|
|
|
|
+ height: 3rem!important;
|
|
|
|
+ }
|
|
|
|
+ @media (max-width: 1024px) {
|
|
|
|
+ height: 3.5rem!important;
|
|
|
|
+ }
|
|
|
|
+ #gouv {
|
|
|
|
+ padding-right: 2rem;
|
|
padding: 0.5rem;
|
|
padding: 0.5rem;
|
|
- height: 3rem;
|
|
|
|
|
|
+ min-height: 4rem !important;
|
|
margin:auto;
|
|
margin:auto;
|
|
- #gouv {
|
|
|
|
- padding-right: 2rem;
|
|
|
|
- padding: 0.5rem;
|
|
|
|
- min-height: 4rem !important;
|
|
|
|
- margin:auto;
|
|
|
|
- }
|
|
|
|
- #epau {
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
|
|
+ #epau {
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+
|
|
@media (max-width: 442px) {
|
|
@media (max-width: 442px) {
|
|
#header #navbar {
|
|
#header #navbar {
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -104,7 +127,7 @@
|
|
}
|
|
}
|
|
#header #logo {
|
|
#header #logo {
|
|
position: absolute;
|
|
position: absolute;
|
|
- left: -1rem;
|
|
|
|
|
|
+ left: -2rem;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
@@ -359,11 +382,11 @@
|
|
transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
|
|
transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
|
|
@media (max-width: 1024px) {
|
|
@media (max-width: 1024px) {
|
|
max-height: 445px;
|
|
max-height: 445px;
|
|
|
|
+ }
|
|
@media (max-width:442px) {
|
|
@media (max-width:442px) {
|
|
max-height: 400px;
|
|
max-height: 400px;
|
|
}
|
|
}
|
|
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
|
|
|
|
/*Style du module TEXTE lorsqu'il est ouvert*/
|
|
/*Style du module TEXTE lorsqu'il est ouvert*/
|