lien fichiers scss

user/themes/lecampus/css-compiled/theme.css

@@ -1702,6 +1702,104 @@ header nav.dropmenu > ul {
       margin-right: 1rem;
       margin-bottom: 1rem; } }
 
+.start#form .entete {
+  border-top: 1px solid #0093a3; }
+
+.start#form h2 {
+  margin-top: 0; }
+
+.start#form .body-wrapper {
+  width: 100%;
+  min-width: 250px;
+  margin: auto auto 140px auto; }
+  .start#form .body-wrapper form {
+    width: calc( (100% / 2));
+    margin-top: 20px;
+    margin: auto; }
+    .start#form .body-wrapper form > .form-columns {
+      width: 100%;
+      margin: 20px 0; }
+      .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
+        width: 100%; }
+        .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
+          width: 100%; }
+          .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
+            width: 100%; }
+            .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
+              width: 100%;
+              resize: none;
+              border: none; }
+      .start#form .body-wrapper form > .form-columns > .form-column {
+        padding: 20px 0;
+        display: flex;
+        width: 100%; }
+        .start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
+          border-bottom: 1px solid #9e0027; }
+        .start#form .body-wrapper form > .form-columns > .form-column > .form-group {
+          width: auto; }
+          .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
+            display: -webkit-inline-box;
+            display: -ms-inline-flexbox;
+            display: inline-flex;
+            -ms-flex-wrap: wrap;
+            flex-wrap: wrap;
+            margin: 0px 0px; }
+            .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
+              overflow: hidden;
+              margin: 10px 10px;
+              min-width: 100px;
+              border: 2px solid #9e0027;
+              border-radius: 30px;
+              padding: 10px 20px; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
+                background: #9e0027;
+                color: white; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
+                border: none; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
+                visibility: hidden;
+                position: absolute; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
+                cursor: pointer; }
+    .start#form .body-wrapper form .button-wrapper {
+      background: #9e0027;
+      height: 100px;
+      position: absolute;
+      left: 0;
+      width: 100%; }
+      .start#form .body-wrapper form .button-wrapper button {
+        margin-right: 25%;
+        position: absolute;
+        right: 0;
+        top: 50%;
+        -webkit-transform: translateY(-50%);
+        transform: translateY(-50%);
+        background: white;
+        border-radius: 30px;
+        padding: 10px 35px;
+        box-shadow: none;
+        border: 0; }
+  .start#form .body-wrapper #send-valide {
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    background: #9e0027;
+    border-radius: 20px;
+    position: fixed;
+    width: 30%;
+    min-height: 30%;
+    left: 50%;
+    top: 50%;
+    padding: 50px; }
+    .start#form .body-wrapper #send-valide .toast {
+      position: relative;
+      text-align: center;
+      color: white; }
+    .start#form .body-wrapper #send-valide .ok {
+      color: white;
+      position: absolute;
+      right: 20px;
+      bottom: 20px; }
+
 .gal {
   margin-left: 15%; }
   .gal .content_gal {

user/themes/lecampus/scss/theme.scss

@@ -15,6 +15,9 @@
 @import 'theme/cookies';
 @import 'theme/thumbnails/thumbnails';
 @import 'theme/custom';
+@import 'theme/form';
+
 
 // Extra Skeleton Styling
 @import 'theme/blog';
+@import 'theme/module_valeurs_equipe';

user/themes/lecampus/scss/theme/_blog.scss

@@ -1595,91 +1595,3 @@
     width: 70%;
   }
 }
-
-#le_campus{
-  #module{
-    width: 60%;
-    margin: auto;
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-    padding-right: 4rem;
-    display: flex;
-    flex-direction: column;
-    .titre-module{
-      font-family: "now_alt_bold";
-      font-weight: 400;
-      font-size: 2rem;
-      line-height: 2rem;
-      padding-bottom: 2rem;
-      text-align: center;
-      color: #0093a3;
-    }
-    .valeurs{
-      display: flex;
-      flex-direction: row;
-      .valeur{
-        width:33%;
-        display: flex;
-        flex-direction: column;
-        padding: 10px;
-
-        .images_v{
-          width:100%;
-          img{
-            padding-bottom: 20px;
-          }
-        }
-        .texte_v{
-        }
-        h5{
-          padding-top: 20px;
-          padding-bottom: 5px;
-          font-family: "bold";
-          font-size: 1.3rem;
-        }
-      }
-    }
-    .equipe{
-      display: flex;
-      flex-direction: row;
-      .personne{
-        width: 33%;
-        display: flex;
-        flex-direction: column;
-        padding: 10px;
-        .images_v{
-          width:100%;
-          // max-height: 30%;
-          // overflow: hidden;
-          img{
-            padding-bottom: 20px;
-          }
-        }
-        h5{
-          padding-top: 20px;
-          padding-bottom: 5px;
-          font-family: "bold";
-          font-size: 1.3rem;
-        }
-      }
-    }
-  }
-
-}
-
-.module{
-  .dl_plaquette{
-    width: 60%;
-    margin: auto;
-
-    p{
-      font-family: "now_alt_bold";
-      font-weight: 400;
-      font-size: 1rem;
-      line-height: 2rem;
-      padding-bottom: 2rem;
-      text-align: center;
-
-    }
-  }
-}

user/themes/lecampus/scss/theme/_module_valeurs_equipe.scss

@@ -0,0 +1,88 @@
+
+#le_campus{
+  #module{
+    width: 60%;
+    margin: auto;
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+    padding-right: 4rem;
+    display: flex;
+    flex-direction: column;
+    .titre-module{
+      font-family: "now_alt_bold";
+      font-weight: 400;
+      font-size: 2rem;
+      line-height: 2rem;
+      padding-bottom: 2rem;
+      text-align: center;
+      color: #0093a3;
+    }
+    .valeurs{
+      display: flex;
+      flex-direction: row;
+      .valeur{
+        width:33%;
+        display: flex;
+        flex-direction: column;
+        padding: 10px;
+
+        .images_v{
+          width:100%;
+          img{
+            padding-bottom: 20px;
+          }
+        }
+        .texte_v{
+        }
+        h5{
+          padding-top: 20px;
+          padding-bottom: 5px;
+          font-family: "bold";
+          font-size: 1.3rem;
+        }
+      }
+    }
+    .equipe{
+      display: flex;
+      flex-direction: row;
+      .personne{
+        width: 33%;
+        display: flex;
+        flex-direction: column;
+        padding: 10px;
+        .images_v{
+          width:100%;
+          // max-height: 30%;
+          // overflow: hidden;
+          img{
+            padding-bottom: 20px;
+          }
+        }
+        h5{
+          padding-top: 20px;
+          padding-bottom: 5px;
+          font-family: "bold";
+          font-size: 1.3rem;
+        }
+      }
+    }
+  }
+
+}
+
+.module{
+  .dl_plaquette{
+    width: 60%;
+    margin: auto;
+
+    p{
+      font-family: "now_alt_bold";
+      font-weight: 400;
+      font-size: 1rem;
+      line-height: 2rem;
+      padding-bottom: 2rem;
+      text-align: center;
+
+    }
+  }
+}

user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig

@@ -1,6 +1,4 @@
 
-
-
 {% for module in page.collection() %}
     <div id="module{{ _self.pageLinkName(module.menu) }}">
           {{ module.content|raw }}