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

header fixed

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-03-07 14:44:46 +01:00
parent beb4775cad
commit 1f8059afbd
11 changed files with 2268 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -117,7 +117,8 @@
grid-template-columns: repeat(12, 1fr); }
.layout-content {
grid-column: 1 / span 12; }
grid-column: 1 / span 12;
padding-top: 150px; }
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul {
@@ -154,9 +155,7 @@ header {
z-index: 99;
width: 100vw;
max-width: 100vw;
position: -webkit-sticky;
position: sticky;
position: relative;
position: fixed;
top: 0;
border-bottom: 1px solid #808080; }
@media (max-width: 810px) {
@@ -383,9 +382,8 @@ footer span.totop {
.layout-sidebar-first {
width: 25%;
display: flex;
position: fixed;
left: 5%;
left: 3%;
top: 200px;
z-index: 98; }
@media (max-width: 891px) {
@@ -396,6 +394,23 @@ footer span.totop {
.layout-sidebar-first {
width: 80%;
margin-top: 3rem; } }
.layout-sidebar-first #toTop-aside {
margin: auto;
background-color: #fff;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
padding-bottom: 0.5rem; }
.layout-sidebar-first #toTop-aside .arrow-up {
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
width: 3rem;
height: 2rem;
display: inline-block;
text-align: top; }
.layout-sidebar-first #toTop-aside .arrow-up::before {
content: url(../images/up-arrow.svg);
width: 50%; }
.layout-sidebar-first .sidebar_first_container {
display: flex;
flex-direction: column;
@@ -411,11 +426,6 @@ footer span.totop {
order: 1;
text-transform: uppercase; }
.sticky-menu {
position: sticky;
position: -webkit-sticky;
top: 10rem; }
/*pages*/
.home footer span.totop {
display: inline-flex;
@@ -514,8 +524,7 @@ footer span.totop {
font-weight: 600; }
#presentation .layout-content, #home .layout-content {
grid-row: 1;
order: 2;
padding-top: 3rem; }
order: 2; }
@media (max-width: 500px) {
#presentation .layout-content, #home .layout-content {
padding-top: 0; } }
@@ -635,11 +644,19 @@ footer span.totop {
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img {
width: -moz-available;
width: 100%;
height: auto; }
height: auto;
z-index: 100; }
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover {
filter: brightness(75%);
transition: 0.2s;
cursor: url(../images/noun-loop-3037049.svg), auto; }
cursor: url(../images/noun-loop-3037049.svg), auto;
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
z-index: 100; }
@media (max-width: 500px) {
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover {
filter: brightness(100%); } }
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in {
-ms-transform: scale(1.7);
/* IE 9 */
@@ -647,7 +664,8 @@ footer span.totop {
/* Safari 3-8 */
transform: scale(1.7);
max-width: 100vw;
overflow-x: scroll; }
overflow-x: scroll;
z-index: 100; }
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in:hover {
filter: brightness(100%);
transition: 0.2s;