change logo header

This commit is contained in:
2024-03-05 11:51:32 +01:00
parent c495da0f6f
commit 9d58d7c00d
7 changed files with 36 additions and 28 deletions
@@ -43,7 +43,7 @@ b, strong, label, th {
#body {
background: #fff;
padding-top: 5rem;
padding-top: 7rem;
padding-bottom: 0; }
.left {
@@ -74,23 +74,26 @@ b, strong, label, th {
padding-bottom: 3rem; }
#header {
padding-left: 1.5rem !important;
position: fixed;
z-index: 10;
width: 100%;
height: 5rem;
height: 7rem;
background-color: white;
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15); }
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15);
padding-left: 1rem; }
#header #logo img {
display: flex;
flex-direction: row;
flex-flow: row; }
flex-flow: row;
padding: 0;
margin: 0;
height: 7rem; }
#header #epau {
padding-left: 1rem !important; }
#header.scrolled {
height: 3rem;
background-color: rgba(255, 255, 255, 0.9) !important;
background-color: white !important;
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; }
#header.scrolled #logo h3 {
color: #000 !important;
font-size: 1.6rem !important; }
#header.scrolled #logo a, #header.scrolled #navbar span {
color: #000 !important; }
#header.scrolled #navbar a {
@@ -99,8 +102,6 @@ b, strong, label, th {
color: black !important; }
#header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
background-color: #000 !important; }
#header.scrolled .navigation {
margin-top: 0.5rem !important; }
#header > .grid, #header #logo, #header #navbar {
height: 100%; }
#header #logo {
@@ -233,8 +234,8 @@ b, strong, label, th {
margin-bottom: 2rem; }
.header-image #body .flush-top {
margin-top: -9.5rem;
padding-top: 9rem; }
margin-top: -11.5rem;
padding-top: 11rem; }
.header-image #breadcrumbs {
margin-top: 1rem; }
Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

@@ -1,5 +1,5 @@
// Sizes
$header-height: 5rem;
$header-height: 7rem;
$footer-height: 6rem;
$border-radius: 3px;
@@ -4,31 +4,37 @@ $dropdown-color: #f6f6f6;
#header {
@extend .default-animation;
@extend .padding-horiz;
padding-left: 1.5rem !important;
position: fixed;
z-index: 10;
width: 100%;
height: $header-height;
background-color: white;
box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
padding-left: 1rem;
#logo img {
display: flex;
flex-direction: row;
flex-flow: row;
// max-height: $header-height;
padding: 0;
margin: 0;
height: $header-height;
}
#epau{
padding-left: 1rem !important;
}
// scroll based changes
&.scrolled {
height: $header-height - 2rem;
background-color: rgba(255,255,255,0.90) !important;
// height: $header-height - 0.5rem;
background-color: rgb(255,255,255) !important;
box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
#logo h3 {
color: $core-text !important;
font-size: 1.6rem !important;
}
// #logo h3 {
// color: $core-text !important;
// font-size: 1.6rem !important;
// }
@@ -46,10 +52,10 @@ $dropdown-color: #f6f6f6;
background-color: $core-accent !important;
}
.navigation {
margin-top: 0.5rem !important;
// .navigation {
// margin-top: 0.5rem !important;
}
// }
}
@@ -18,7 +18,8 @@
</svg>
<h6>CONTACT :</h6>
<p>vancianne.iguiniz@developpement-durable.gouv.fr</br>
<p>Vancianne Iguiniz</br>
vancianne.iguiniz@developpement-durable.gouv.fr</br>
+33 (0)1 40 81 61 81</br>
+33 (0)6 07 53 23 75</p>
@@ -59,8 +59,8 @@
<header id="header">
<a href="http://www.epau.archi.fr">
<div id="logo">
<img id="gouv" src="Republique-francaise-logo-sans-text.svg" alt="logo République Française">
<img id="epau" src="EPAU_logo_EPAU_vecto-seul.svg" alt="logo EPAU">
<img id="gouv" src="{{ url('theme://images/logo_REP_header_0.png')}}" alt="logo République Française">
<img id="epau" src="{{ url('theme://images/logo_EPAU_header_1.png')}}" alt="logo EPAU">
</div>
</a>
<div id="navbar">