bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

menu ancre gauche

Browse Source
This commit is contained in:
ouidade
2021-11-18 12:49:47 +01:00
parent 2d8b36a76e
commit 16232ba2a3
3 changed files with 88 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+46 -30
View File
@@ -117,37 +117,52 @@ a {
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.layout__region--top .block-entity-fieldnodefield-images img {
width: 65%;
object-fit: cover;
height: 500px; }
.layout__region--top {
height: 500px;
padding-bottom: 3rem; }
.layout__region--top .block-region-top {
height: inherit; }
.layout__region--top .block-entity-fieldnodefield-images {
height: inherit; }
.layout__region--top .block-entity-fieldnodefield-images .field--name-field-images {
height: inherit; }
.layout__region--top .block-entity-fieldnodefield-images .field--name-field-images .field__item {
height: inherit; }
.layout__region--top .block-entity-fieldnodefield-images .field--name-field-images .field__item img {
width: 65%;
height: inherit;
object-fit: cover;
position: relative;
z-index: -2; }
.layout__region--top .block-entity-fieldnodetitle {
display: block;
position: relative;
float: right;
top: -420px;
width: 60%;
z-index: -1; }
.layout__region--top .block-entity-fieldnodetitle .field--name-title {
font-size: 4rem;
font-weight: 800;
color: #009ee3;
background-color: white;
padding: 2rem 1rem 2rem 1rem; }
.layout__region--top .block-entity-fieldnodetitle {
display: block;
position: relative;
float: right;
top: -375px;
width: 60%; }
.layout__region--top .block-entity-fieldnodetitle .field--name-title {
font-size: 4rem;
font-weight: 800;
color: #009ee3;
background-color: white;
padding: 2rem 1rem 2rem 1rem; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
display: flex;
justify-content: left;
padding-right: 2rem; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
.layout__region--first .block-region-first {
width: 50%;
float: right; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
display: flex;
font-size: 1rem;
font-weight: 800;
color: #09398b; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:focus {
text-decoration: underline; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre::after {
border-bottom: olivedrab; }
justify-content: left;
padding-right: 2rem; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
display: flex;
font-size: 1rem;
font-weight: 800;
color: #09398b;
border-bottom: 1px solid #009ee3;
padding-bottom: 0.5rem;
padding-top: 0.5rem; }
.layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
font-size: 2rem;
@@ -358,7 +373,8 @@ header {
position: relative;
right: 260px;
margin: 0;
padding-top: 2rem; }
padding-top: 2rem;
z-index: 99; }
#header-top #block-burger ul {
display: none;
background-color: #009ee3;
web/themes/custom/eql/scss/pages/_static.scss
+40 -23
View File
@@ -1,23 +1,36 @@
// .
// .paragraph--type--texte {
// paragraph--type--texte
// font-size: 2rem;
// }
.layout__region--top{
.layout__region--top{ //bandeau titre page static
height: 500px;
padding-bottom: 3rem;
.block-region-top{
height: inherit;
}
.block-entity-fieldnodefield-images{
img{
width: 65%;
object-fit: cover;
height: 500px;
height: inherit;
.field--name-field-images{
height: inherit;
.field__item{
height: inherit;
img{
width: 65%;
height: inherit;
object-fit: cover;
position: relative;
z-index: -2;
}
}
}
}
.block-entity-fieldnodetitle{
display: block;
position: relative;
float: right;
top: -375px;
top: -420px;
width: 60%;
z-index: -1;
.field--name-title{
font-size: 4rem;
font-weight: 800;
@@ -29,33 +42,37 @@
}
.layout__region--first{
.layout__region--first{ // menu ancres a gauche
.block-region-first{
width: 50%;
float: right;
.block-entity-fieldnodefield-textes{
// max-width: 70%;
// margin-left: 5rem;
display: flex;
justify-content: left;
padding-right: 2rem;
.field--name-field-titre{
display: flex;
font-size: 1rem;
font-weight: 800;
color: $blue-dark;
&:focus{
text-decoration: underline;
}
&::after{
border-bottom: olivedrab;
}
border-bottom: 1px solid $blue-light;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
// &:focus{
// text-decoration: underline;
// }
// &::after{
// border-bottom: olivedrab;
// }
}
}
}
}
.layout__region--second{
.layout__region--second{ // paragraphe texte
.block-entity-fieldnodefield-textes{
.field--name-field-titre{
@@ -70,7 +87,7 @@
}
.layout__region--third{
.layout__region--third{ // colone de droite fichiers et ressources liées
.field--name-field-fichiers{
display: flex;
justify-self: right;
web/themes/custom/eql/scss/partials/_header.scss
+2 -2
View File
@@ -93,13 +93,13 @@ header{
height:7rem;
}
.ul1:not(.sous-liste){
width: 300%;
position: relative;
right: 260px;
margin: 0;
padding-top: 2rem;
z-index: 99;
}
ul {
@@ -118,12 +118,12 @@ header{
color: $white;
font-weight: 800;
font-size: 1rem;
}
}
&.opened ul {
display: block;
}
}