css accueil

This commit is contained in:
2024-03-01 22:50:40 +01:00
parent 6f75dfed66
commit 8cac65c7cf
9 changed files with 111 additions and 78 deletions

View File

@@ -174,6 +174,9 @@ header {
padding-left: 40px; }
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
height: 150px; }
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
margin-left: auto;
padding-right: 50px; }
header .header_left_container img {
width: auto;
height: 150px; }
@@ -432,7 +435,7 @@ header {
float: inline-start;
padding-right: 0.5rem; }
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
width: 50px;
width: 40px;
height: auto; }
#presentation aside {
position: relative;
@@ -452,12 +455,31 @@ header {
#presentation aside .sidebar_first_container {
position: -webkit-sticky;
position: sticky;
top: 10rem; }
top: 10rem;
font-weight: 300; }
#presentation aside .sidebar_first_container .field-content {
margin-bottom: 0.7rem; }
@media (max-width: 810px) {
#presentation aside .sidebar_first_container {
display: none; } }
#presentation aside .views-field-field-pieces-jointes .field-content .file--application-pdf::before {
content: url(../images/noun-arrow-download.png); }
#presentation aside .views-field-field-pieces-jointes .field-content {
display: flex;
flex-direction: column; }
#presentation aside .views-field-field-pieces-jointes .field-content .file--application-pdf {
display: inline-flex; }
#presentation aside .views-field-field-pieces-jointes .field-content .file--application-pdf a {
display: block;
font-size: small;
font-weight: 500; }
#presentation aside .views-field-field-pieces-jointes .field-content .file--application-pdf::before {
content: url(../images/noun-arrow-download.svg);
margin: auto;
padding-right: 00.5rem; }
#presentation aside .views-field-field-pieces-jointes .field-content span {
font-size: small;
font-weight: 500; }
#presentation aside .views-field-field-pieces-jointes .field-content span:nth-child(2) {
margin-left: 50px; }
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
grid-column: 3 /span 9;