From af6780d3db49b04778f49cd8f3c107340277fcd7 Mon Sep 17 00:00:00 2001 From: Kevin Date: Sun, 28 Jun 2020 11:51:13 +0200 Subject: [PATCH] fix header --- web/app/themes/la_mine/asset/dist/style.css | 135 ++++++++++++-------- web/app/themes/la_mine/templates/base.twig | 50 ++++---- 2 files changed, 111 insertions(+), 74 deletions(-) diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css index f30a8df3..16669926 100644 --- a/web/app/themes/la_mine/asset/dist/style.css +++ b/web/app/themes/la_mine/asset/dist/style.css @@ -12,8 +12,6 @@ } body { - width: 300px; - margin: 0 auto; font-size: 16px; font-family: Universalis ADF Std, sans-serif; padding: 0!important; @@ -22,41 +20,86 @@ body { h1, h2, h3, h5{ font-family: Millimetre, sans-serif; } + h1, h5, h6{ text-transform: uppercase; } img{ width: 100%; - height: auto; + height: 100%; } + ul{ padding:0; - } -li { +} + +li ,ul ,ol { list-style-type:none; } + a, a:hover{ color: black; text-decoration: none; } -.section_accueil { - position: relative; -} -/* START KEVIN */ -.burger{ + + + + +/* START HEADER */ +header{ + width: 100%; position: fixed; - top: 20px; - right: 0; + z-index: 999; + top: 0; + left: 0; } +header > .nav-wrapper{ + height: fit-content; +} + /* START LOGO */ + .logoLamine { + width : 120px; + height: 120px; + } + .logoLamine a{ + display: block; + width: 100%; + height: 100%; + } + .logoLamine img{ + object-fit: cover; + } + /* END LOGO */ -.fond_burger{ - background-image: url('../images/form_burger.svg'); - background-position: center; /* Center the image */ - background-repeat: no-repeat; /* Do not repeat the image */ - background-size: contain; -} + /* START RS */ + .rs{ + padding-top: 10px; + height: fit-content; + } + .rs > div { + width: 30px; + height: 30px; + object-fit: cover; + margin-right: 15px; + } + /* END RS */ + + /* START NAV */ + /* END NAV */ + + /* START BURGER */ + .burger{ + padding-top: 10px; + height: fit-content; + } + .fond_burger{ + background-image: url('../images/form_burger.svg'); + background-position: center; /* Center the image */ + background-repeat: no-repeat; /* Do not repeat the image */ + background-size: contain; + } .nav-main{ display: none; position: fixed; @@ -68,31 +111,26 @@ a, a:hover{ .nav-main.is-active{ display: block } + /* END BURGER */ +/* END HEADER */ + + + + + + + +/* START PAGE HOME */ +.section_accueil { + position: relative; +} + +/* END PAGE HOME */ + +/* START KEVIN */ + + /* END KEVIN */ -.logoLamine { - position: fixed; - margin:0 10px 10px 10px; - width : 200px; - height: 200px; -} -.rs { - position: fixed; - top: 20px; - right: 20px; - margin-right: 80px; -} -.rs img { - width : 40px; - height: 40px; - margin-top: 10px; - opacity: 1; -} -.facebook { - margin-right: 40px; -} -.rs img:hover { - opacity: 0.6; -} .menu-item { font-family: Millimetre, sans-serif; text-transform: uppercase; @@ -569,8 +607,12 @@ a, a:hover{ .flickity-page-dots .dot.is-selected { background: white; } -/*fin gestion des dots*/ +/* dot home */ +.hero .flickity-page-dots{ + bottom: 30px; +} +/*fin gestion des dots*/ footer{ background-color: rgba(240, 240, 240, 240); width: 100%; @@ -620,13 +662,6 @@ footer .insta { /* END SLIDE PARTENAIRE */ /* START KEVIN */ - header{ - z-index: 9999; - position: absolute; - width: 100%; - top: 0; - left: 0; - } .hero{ width: 100%; height: 100vh; diff --git a/web/app/themes/la_mine/templates/base.twig b/web/app/themes/la_mine/templates/base.twig index 58ecb9ac..990783d5 100644 --- a/web/app/themes/la_mine/templates/base.twig +++ b/web/app/themes/la_mine/templates/base.twig @@ -6,33 +6,35 @@ {% endblock %} -
+
{% block header %} -
- +
+ +
+
+
+ +
+ + + +
+
+
+
+ +
+
-
- -
- - - -
-
-
-
- -
-