change logo header
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user