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

debut css pour pages ressources

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-02-28 13:36:24 +01:00
parent 0828edff55
commit a954720f71
10 changed files with 490 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

136
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -3467,6 +3467,7 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
display: flex;
flex-direction: row;
margin-bottom: 1rem;
}
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
@@ -3571,10 +3572,6 @@ body {
flex-direction: column;
}
.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
visibility: hidden;
}
main {
background-color: #f6f7f3;
}
@@ -3694,4 +3691,135 @@ main {
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
}
#ressources {
background-color: #f6f7f3;
}
#ressources .layout-content .content_container {
display: flex;
flex-direction: column;
align-items: center;
}
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 1rem;
width: fit-content;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 14rem;
}
}
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
text-transform: none;
color: black;
font-size: 2rem;
font-family: "gilroy-medium";
}
#ressources .layout-content .content_container .views-element-container {
margin-left: 15%;
width: 70%;
}
#ressources .layout-content .content_container .views-element-container .group-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#ressources .layout-content .content_container .views-element-container .group-content h3 {
text-align: center;
flex: 0 0 100%;
}
#ressources .layout-content .content_container .views-element-container .group-content h3::before {
content: "";
display: block;
border-bottom: solid 2px rgb(7, 50, 194);
margin: auto;
}
#ressources .layout-content .content_container .views-element-container .group-content h3 div .field_name h2 a {
font-family: "gilroy-light";
color: rgb(7, 50, 194);
font-size: 2rem;
}
#ressources .layout-content .content_container .views-element-container .group-content h3 div .field_description {
font-family: "gilroy-light";
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row {
width: 30%;
font-size: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row h2 {
font-family: "gilroy-semibold";
color: rgb(7, 50, 194);
font-size: 0.6rem;
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row p {
font-size: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_mots_clefs div {
display: flex;
flex-direction: row;
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_mots_clefs div div {
border: solid 1px rgb(7, 50, 194);
margin-right: 0.2rem;
padding: 1.3%;
padding-bottom: 0.2%;
padding-top: 0.2%;
font-size: 0.4rem;
font-family: "gilroy-semibold";
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_mots_clefs div div a {
color: rgb(7, 50, 194);
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_site div a {
position: relative;
padding-left: 20px;
color: rgb(247, 0, 43);
font-family: "gilroy-semibold";
}
#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_site div a:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1em;
height: 1em;
background-image: url("../img/map_pointer.svg");
background-size: contain;
background-repeat: no-repeat;
}
#ressources .group-content {
padding: 10px;
border-radius: 8px;
margin-bottom: 10px;
}
#ressources .views-row {
padding: 8px;
margin: 2px 0;
border-radius: 4px;
transition: max-height 0.5s ease, opacity 0.5s ease;
}
#ressources .hidden {
max-height: 0;
overflow: hidden;
opacity: 0;
}
#ressources .toggle-btn {
background: none;
color: rgb(7, 50, 194);
border: solid rgb(7, 50, 194) 1px;
padding: 8px 12px;
cursor: pointer;
margin-top: 5px;
display: block;
margin: auto;
width: 20%;
text-align: center;
transition: background 0.3s;
}
#ressources .toggle-btn:hover {
background: rgb(7, 50, 194);
color: white;
}