display flex entete site

This commit is contained in:
2025-08-08 01:08:11 +02:00
parent 9f202561a4
commit 036af75f3b
7 changed files with 112 additions and 48 deletions
+53 -10
View File
@@ -661,6 +661,7 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
border-bottom: 1px solid black;
}
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
width: fit-content;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
@@ -1065,6 +1066,8 @@ aside.layout-sidebar-second footer.view-footer {
padding-top: 0;
align-self: left;
margin-left: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
}
@media (max-width: 891px) {
aside.layout-sidebar-second footer.view-footer {
@@ -1965,7 +1968,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.home-page-layout-content .block-views-blocksites-block-1 {
top: -44px;
position: relative;
height: 550px;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row {
@@ -1979,12 +1981,17 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
background-color: white;
height: 520px;
width: 1274px;
display: flex;
flex-direction: row;
margin: auto;
}
@media (max-width: 1400px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
width: 100%;
display: flex;
flex-direction: row;
}
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
width: 100%;
@@ -1994,34 +2001,57 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
order: 1;
width: 70%;
}
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
width: 100%;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item {
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img {
height: 520px;
width: auto;
width: 100%;
object-fit: contain;
height: fit-content;
}
@media (max-width: 1500px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img {
width: 100%;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote {
position: relative;
position: absolute;
font-style: italic;
margin: 0;
width: 20vw;
z-index: 900;
left: 20vw;
top: -50px;
right: -20vw;
bottom: 0px;
}
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote {
left: 0;
top: 0;
width: 100%;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p {
margin: 0;
padding-left: 1rem;
padding-bottom: 1rem;
}
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p {
font-size: 0.8rem;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
background-color: rgb(255, 255, 255);
width: 20vw;
height: 400px;
order: 2;
display: flex;
flex-direction: column;
@@ -2034,6 +2064,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
width: auto;
height: auto;
display: flex;
margin: auto;
margin-bottom: 2rem;
margin-top: 2rem;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 {
@@ -2121,6 +2156,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 1rem;
margin-bottom: 4rem;
}
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 .field--type-link {
padding-left: 0.5rem;
padding-right: 0.3rem;
}
.page-sitespilotes .views-element-container {
padding-bottom: 8rem;
@@ -2512,6 +2551,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 2rem;
margin-bottom: 4rem;
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link {
padding-left: 0.5rem;
padding-right: 0.3rem;
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
content: url("../dist/images/noun-arrow-1569918-black.svg");
}