bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-02-27 11:15:47 +01:00
parent 23cd84ed95
commit af3fd55599
8 changed files with 1041 additions and 895 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

@@ -162,8 +162,26 @@ header {
header .header_left_container img {
width: 150px;
height: auto; }
header #block-quartiers-de-demain-entete h2 {
display: none; }
header .language-switcher-language-url ul {
display: flex;
flex-direction: row; }
header .language-switcher-language-url ul li:nth-child(1)::after {
content: "/"; }
header .header_nav_container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
grid-row: 3;
grid-column: 1 /span 12;
background: #e8ebf4; }
header .header_nav_container #block-quartiers-de-demain-entete {
grid-column: 1 /span 11;
order: 2;
margin: auto; }
header .header_nav_container #block-quartiers-de-demain-entete h2 {
display: none; }
header .header_nav_container .close-block {
order: 1; }
header .close-block, header .open-block {
cursor: pointer; }
header .close-block span, header .open-block span {
@@ -175,8 +193,10 @@ header {
border-radius: 3px;
z-index: 1; }
header .close-block {
padding-top: 1.2rem;
padding-left: 2rem; }
order: 1;
grid-column: 12;
display: grid;
margin: auto; }
header .close-block span {
transform-origin: center; }
header .close-block > div > span:first-child {
@@ -186,9 +206,44 @@ header {
header .open-block {
height: 100%;
display: grid;
align-items: center; }
align-items: center;
margin: auto; }
header .open-block span {
margin-bottom: 5px;
transform-origin: 4px 0px; }
.footer {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
background-color: white;
padding-top: 3rem;
font-family: "Marianne";
font-weight: 800;
font-size: 1.1rem;
text-transform: lowercase; }
.footer #footer-left {
grid-column: 1 /span 3; }
.footer #footer-left #block-quartiers-de-demain-logoepau {
height: 150px; }
.footer #footer-left img {
width: 150px;
height: auto; }
.footer #footer-middle {
grid-column: 6 /span 7; }
.footer #footer-right {
grid-column: 9 /span 12; }
@media (max-width: 891px) {
.footer div {
flex-wrap: wrap; } }
@media (max-width: 520px) {
.footer div {
flex-direction: column; } }
#block-quartiers-de-demain-pieddepage-2-menu {
display: none; }
#block-quartiers-de-demain-socialmedialinks {
flex-direction: column; }
/*pages*/