created colloque 2024 theme

web/themes/custom/colloque2024/css/index.scss

@@ -0,0 +1,201 @@
+/**
+ * @file
+ * Presentational styles for Drupal stark theme layout.
+ *
+ * It is left empty for testing purposes.
+ *
+ * @see https://www.drupal.org/project/drupal/issues/2349711
+ */
+
+// configs
+@import "configs/var.scss";
+@import "configs/mixin.scss";
+@import "configs/typography.scss";
+@import "configs/global.scss";
+
+// Lib Js
+@import "hamburgers/hamburgers.scss";
+
+// Pages
+@import "pages/layout.scss";
+@import "pages/front.scss";
+@import "pages/presentation.scss";
+@import "pages/programme.scss";
+@import "pages/ressources.scss";
+@import "pages/informations.scss";
+@import "pages/moments.scss";
+@import "pages/publications.scss";
+@import "pages/intervenants.scss";
+@import "pages/node_participants.scss";
+
+
+@import "pages/search.scss";
+// components
+@import "components/components.scss";
+ 
+
+.no-flexbox .box { color: red; }
+.flexbox .box { color: green; }
+
+
+article img,
+.side_notes img{
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.layout-content{
+  width: 100%;
+}
+
+#presentation{
+  .__wrapper{
+    .__wrap_side{
+      position: inherit;
+      @media screen and (min-width: 768px){
+        position: relative;
+      }
+      .notes{
+        & > div{
+          position: absolute;
+          margin-top: 2rem;
+          @media screen and (min-width: 768px){
+            margin-top: -2rem;
+          }
+          &> div{
+            background: white;
+            padding: 0.5rem;
+            p{
+              font-family: 'cormorantBold';
+              margin: 0;
+              color: $color2;
+            }
+          }
+        }
+        .close{
+          cursor: pointer;
+          background: $color2;
+          position: absolute;
+          top: -12px;
+          left: -15px;
+          width: 30px;
+          height: 27px;
+          &::after{
+            content: "+";
+            color: white;
+            display: block;
+            margin: auto;
+            text-align: center;
+            transform: rotate(45deg);
+            margin-top: -6px;
+          }
+        }
+
+      }
+    }
+  }
+}
+
+.side_notes{
+  position: absolute;
+  width: calc(100% - 30px);
+  left: 30px;
+  width: calc(100% - 45px);
+  @media screen and (min-width: 768px){
+    margin-top: -3rem;
+  }
+  .wrap{
+    position: relative;
+    width: max-content;
+    .__hero{
+      margin: 0!important;
+      height: 200px;
+      max-width: 300px;
+      .__img{
+        height: 200px;
+        img{
+          width: auto;
+          height: 100%;
+        }
+      }
+    }
+    .__head{
+      background: white;
+      padding: 0.5rem;
+      width: max-content;
+      min-width: 300px;
+      & > *{
+        font-family: 'cormorantBold';
+        color: $color2;
+        display:inline;
+      }
+    }
+    .thumbnails.bibliographie{
+      width: 100%;
+    }
+  }
+  .close{
+    cursor: pointer;
+    background: $color2;
+    position: absolute;
+    top: -12px;
+    left: -15px;
+    width: 30px;
+    height: 27px;
+    &::after{
+      content: "+";
+      color: white;
+      display: block;
+      margin: auto;
+      text-align: center;
+      transform: rotate(45deg);
+    }
+  }
+}
+
+.side_notes *{
+  margin: 0 0 0 0;
+  padding: 0;
+  flex: 100%;
+  max-width: 100%;
+}
+
+// tac
+#tarteaucitronRoot{
+   #tarteaucitronDisclaimerAlert,
+   #tarteaucitronPersonalize,
+   #tarteaucitronCloseAlert,
+   #tarteaucitronPrivacyUrl,
+   #tarteaucitronInfo,
+   .tarteaucitronH1,
+   .tarteaucitronH2,
+   button,
+   li span,
+   li a{
+     font-family: 'truenoregular'!important;
+  }
+}
+
+
+// reveal
+.__img-hero, 
+.participant_full .__img,
+.participant_full figcaption,
+.home #txt_present, article#presentation,
+#block-views-block-slide-programme-block-1, 
+#block-views-block-dernieres-publications-block-1, 
+.__ressources > *, 
+article#presentation p, 
+.letter-sort, 
+.participant_full .content > *,
+.programme.container,
+.programme .thumbnails, 
+.views.__publications .thumbnails,
+.les_intervenants .thumbnails_participants,
+#moments .__title, 
+#moments .__wrapper, 
+#moments .__wrap_content .__content > *, 
+#moments .__wrap_side{
+  visibility: hidden;
+}