popsu page v0

web/themes/custom/popsu/css/styles.css

@@ -1165,6 +1165,12 @@ a {
 iframe {
   display: none; }
 
+.layout--threecol-25-50-25 {
+  display: grid;
+  grid-template-columns: 20% 1fr 20%;
+  column-gap: 3rem;
+  row-gap: 1rem; }
+
 /*pages*/
 #header-top {
   height: 3rem;
@@ -1190,8 +1196,10 @@ iframe {
       .header_top_middle_container .views-element-container > div:first-child > div:first-child {
         height: 100%;
         display: grid;
-        grid-template-columns: repeat(3, 1fr);
+        grid-template-columns: repeat(4, 1fr);
         align-items: center; }
+        .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
+          grid-column-start: 2; }
   .header_top_middle_container .views-row {
     text-align: center;
     display: inline-block;
@@ -1385,13 +1393,13 @@ footer {
       display: grid;
       column-gap: 1rem;
       row-gap: 1rem;
-      grid-template-columns: calc(10% - 3em) repeat(4, 20%); }
+      grid-template-columns: calc(10% - 3em) repeat(3, 27.3%); }
       .path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
         grid-column-start: 2; }
     .path-centre-de-ressources .views-view-grid .views-col {
       display: grid;
-      grid-template-columns: 20%  80%;
-      align-items: stretch;
+      grid-template-columns: 40%  60%;
+      grid-auto-rows: min-content;
       background-color: white;
       background-clip: content-box;
       width: 100% !important;
@@ -1417,7 +1425,7 @@ footer {
           margin-bottom: 1rem; }
       .path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
         text-transform: uppercase;
-        font-size: 600;
+        font-weight: 600;
         margin-bottom: .5rem;
         font-size: 0.45rem;
         grid-row: 2 / span 1;
@@ -1429,21 +1437,87 @@ footer {
       .path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
         margin-bottom: 1rem;
         grid-row: 4 / span 1;
-        grid-column: 2 / span 1; }
+        grid-column: 2 / span 1;
+        align-self: baseline; }
       .path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
         grid-row: 5 / span 1;
         grid-column: 1 / span 2;
         font-size: 0.45rem; }
+  .path-centre-de-ressources .js-pager__items {
+    text-align: center; }
 
-article h2 {
+article h2, article h3, article h4, article h5, article h6 {
   font-family: "trueno";
   font-weight: 600;
   font-size: 0.8rem;
-  text-transform: inherit; }
+  color: brown;
+  margin-top: 1rem;
+  margin-bottom: .3rem; }
 
-article h3, article h4, article h5, article h6 {
-  font-family: "trueno";
-  font-weight: 600;
-  font-size: 0.8rem; }
+article p {
+  margin-bottom: .5rem; }
+
+.page-node-type-programme .layout-content {
+  position: relative; }
+
+.page-node-type-programme .layout__region--top {
+  max-height: 30%;
+  grid-column: 1 / span 3; }
+
+.page-node-type-programme .block-region-first {
+  position: absolute;
+  background-color: black;
+  color: white;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  width: 25%;
+  padding: 1rem 1.5rem; }
+  .page-node-type-programme .block-region-first .views-element-container header {
+    font-family: duke;
+    font-size: 1.6rem;
+    cursor: pointer;
+    transition: all 250ms; }
+    .page-node-type-programme .block-region-first .views-element-container header:hover {
+      padding: 0 0 0 .3rem; }
+  .page-node-type-programme .block-region-first .views-element-container .views-row {
+    display: none;
+    padding: 0 0 0 1.2rem;
+    margin-bottom: .5rem; }
+    .page-node-type-programme .block-region-first .views-element-container .views-row a {
+      text-decoration: none; }
+      .page-node-type-programme .block-region-first .views-element-container .views-row a:hover {
+        text-decoration: underline; }
+
+.page-node-type-programme .block-region-third {
+  margin-top: -7rem;
+  z-index: 20;
+  position: relative; }
+  .page-node-type-programme .block-region-third h2 {
+    font-size: 1rem;
+    background-color: black;
+    color: white;
+    padding: .3rem .5rem; }
+  .page-node-type-programme .block-region-third #evenements-block_1 {
+    background-color: brown;
+    margin-bottom: 3rem; }
+  .page-node-type-programme .block-region-third .item-list {
+    background-color: white;
+    color: brown;
+    padding: 1rem 0; }
+    .page-node-type-programme .block-region-third .item-list li {
+      margin-bottom: 1rem;
+      font-weight: 500; }
+      .page-node-type-programme .block-region-third .item-list li .views-field-field-type-de-ressource {
+        text-transform: uppercase;
+        margin-bottom: .2rem; }
+      .page-node-type-programme .block-region-third .item-list li .views-field-title {
+        font-style: italic; }
+        .page-node-type-programme .block-region-third .item-list li .views-field-title a {
+          text-decoration: none; }
+          .page-node-type-programme .block-region-third .item-list li .views-field-title a:hover {
+            text-decoration: underline; }
+      .page-node-type-programme .block-region-third .item-list li .views-field-field-sous-titre {
+        font-weight: 400; }
 
 /*# sourceMappingURL=styles.css.map */