width header

2025-07-28 22:36:16 +02:00
parent f6612fd9fe
commit 9f202561a4
14 changed files with 6 additions and 4 deletions
@@ -0,0 +1,114 @@
+
+.page-programme{
+
+    .layout__region--first{
+
+        position: relative;
+        .block-region-first{
+            // position: relative;
+            padding-left:3rem;
+            display: flex;
+            justify-content: flex-end;
+            position: fixed;
+            top: 10rem;
+            > .block-block-content{
+                // position: -webkit-sticky;
+                // position: sticky;
+                // top: 10rem;
+                width: 100%;
+                ul{
+                    padding-left: 0;
+                    padding-right: 30%;
+                    li{
+                        a{
+                            display: flex;
+                            flex-direction: column;
+                            padding-bottom: 0.6rem;
+                            padding-top: 0.6rem;
+                            &::after{
+                                content:'';
+                                width: 25%;
+                                margin-top: 0.6rem;
+                                border-bottom: $yellow-puca solid 1px;
+                            }
+
+                            &:hover,
+                            &.active{
+                                font-weight: 800;
+                                &::after{
+                                    content:'';
+                                    width: 25%;
+                                    margin-top: 0.6rem;
+                                    border-bottom: $yellow-puca solid 2px;
+                                }
+                            } 
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .block-region-second{
+        h2{
+            font-weight: 1000;
+            font-size: 1.8rem;
+        }
+        .block-views-blockhome-block-1{
+            width: 80%;
+            font-size: 1.2rem;
+        }
+        .view-display-id-block_1{
+            margin: 0;
+            width: 80%;
+            padding-top: 1rem;
+        }
+
+    .block-config-pages-block{
+        margin: 0;
+        width: 80%;
+        padding-top: 1rem;
+        .config_pages--partenaires--full{
+            .paragraph--type--partenaire{
+                width: 100%;
+                padding-bottom: 3rem;
+                height: 205px;
+                display: flex;
+                flex-direction: column;
+                flex-wrap: wrap;
+                justify-content: center;
+                align-content: baseline;
+                @media (max-width: 810px){
+                    display: flex;
+                    flex-direction: column;
+                }
+                .paragraph--type--partenaire>* {
+                flex: 1 1 80px;
+                }
+                .field--name-field-logo{
+                    width: fit-content;
+                    padding-right: 1rem;
+                }
+                .field--name-field-nom{
+                    font-weight: 900;
+                    font-size: 1.2rem
+                }
+                .field--name-field-texte{
+                    .field__item{
+                        p{
+                            strong{
+                                background-color: none;
+                            }
+                        }
+                    }
+                }
+                .field--name-field-lien{
+                    background-color: none;
+                }
+            
+            
+            }
+        }
+    }
+    }
+}
+