page ressources v0

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

@@ -1167,7 +1167,8 @@ iframe {
 
 /*pages*/
 #header-top {
-  height: 3rem; }
+  height: 3rem;
+  background: white; }
 
 .header_top_left_container {
   height: 100%; }
@@ -1273,6 +1274,9 @@ iframe {
   #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {
     width: 100%; }
 
+footer {
+  background: white; }
+
 #footer-bottom {
   padding: 2rem 0; }
   #footer-bottom * {
@@ -1334,6 +1338,59 @@ iframe {
   background: lightblue;
   text-align: center; }
 
+.path-centre-de-ressources {
+  background-color: #f2f6fc; }
+  .path-centre-de-ressources .content_container > div > h2:first-child {
+    text-align: center; }
+  .path-centre-de-ressources form {
+    display: grid;
+    grid-template-columns: 10% repeat(4, 20%); }
+    .path-centre-de-ressources form > div:first-child {
+      grid-column-start: 2; }
+    .path-centre-de-ressources form select {
+      display: inline-block;
+      width: auto;
+      width: 100%;
+      font-size: 0.6rem;
+      padding: .3rem .1rem;
+      height: auto; }
+    .path-centre-de-ressources form div {
+      display: inline-block;
+      width: auto;
+      padding: .5rem 1rem; }
+  .path-centre-de-ressources .views-view-grid .views-row {
+    display: grid;
+    grid-template-columns: 10% 20% 20% 20% 20% 10%; }
+    .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 {
+    background-color: white;
+    background-clip: content-box;
+    width: 100% !important;
+    padding: .3rem; }
+    .path-centre-de-ressources .views-view-grid .views-col a {
+      text-decoration: none; }
+    .path-centre-de-ressources .views-view-grid .views-col .views-field:not(:first-child) {
+      padding: 0 0 0 .4rem; }
+    .path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme {
+      font-weight: 600;
+      display: inline-block;
+      width: auto;
+      color: white;
+      background: red;
+      padding: .15rem .3rem;
+      margin-bottom: 1rem; }
+    .path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
+      text-transform: uppercase;
+      font-size: 500;
+      margin-bottom: .5rem; }
+    .path-centre-de-ressources .views-view-grid .views-col .views-field-title {
+      font-style: italic; }
+    .path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
+      margin-bottom: 1rem; }
+    .path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
+      font-size: 0.45rem; }
+
 article h2 {
   font-family: "trueno";
   font-weight: 600;