ouidade/dev-epau.archi.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change logo header

Browse Source
This commit is contained in:
ouidade
2024-03-05 11:51:32 +01:00
parent c495da0f6f
commit 9d58d7c00d
7 changed files with 36 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+14 -13
View File
@@ -43,7 +43,7 @@ b, strong, label, th {
#body { #body {
background: #fff; background: #fff;
padding-top: 5rem; padding-top: 7rem;
padding-bottom: 0; } padding-bottom: 0; }
.left { .left {
@@ -74,23 +74,26 @@ b, strong, label, th {
padding-bottom: 3rem; } padding-bottom: 3rem; }
#header { #header {
padding-left: 1.5rem !important;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
width: 100%; width: 100%;
height: 5rem; height: 7rem;
background-color: white; 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 { #header #logo img {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-flow: row; } flex-flow: row;
padding: 0;
margin: 0;
height: 7rem; }
#header #epau {
padding-left: 1rem !important; }
#header.scrolled { #header.scrolled {
height: 3rem; background-color: white !important;
background-color: rgba(255, 255, 255, 0.9) !important;
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !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 { #header.scrolled #logo a, #header.scrolled #navbar span {
color: #000 !important; } color: #000 !important; }
#header.scrolled #navbar a { #header.scrolled #navbar a {
@@ -99,8 +102,6 @@ b, strong, label, th {
color: black !important; } color: black !important; }
#header.scrolled #navbar a:before, #header.scrolled #navbar a:after { #header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
background-color: #000 !important; } background-color: #000 !important; }
#header.scrolled .navigation {
margin-top: 0.5rem !important; }
#header > .grid, #header #logo, #header #navbar { #header > .grid, #header #logo, #header #navbar {
height: 100%; } height: 100%; }
#header #logo { #header #logo {
@@ -233,8 +234,8 @@ b, strong, label, th {
margin-bottom: 2rem; } margin-bottom: 2rem; }
.header-image #body .flush-top { .header-image #body .flush-top {
margin-top: -9.5rem; margin-top: -11.5rem;
padding-top: 9rem; } padding-top: 11rem; }
.header-image #breadcrumbs { .header-image #breadcrumbs {
margin-top: 1rem; } margin-top: 1rem; }
user/themes/epau-antimatter/images/logo_EPAU_header_1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

user/themes/epau-antimatter/images/logo_REP_header_0.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

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