diff --git a/user/themes/lecampus/css-compiled/theme.css b/user/themes/lecampus/css-compiled/theme.css index 333aa2c..15b38c1 100644 --- a/user/themes/lecampus/css-compiled/theme.css +++ b/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 { diff --git a/user/themes/lecampus/scss/theme.scss b/user/themes/lecampus/scss/theme.scss index ee9d0c2..e9dc1bb 100644 --- a/user/themes/lecampus/scss/theme.scss +++ b/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'; diff --git a/user/themes/lecampus/scss/theme/_blog.scss b/user/themes/lecampus/scss/theme/_blog.scss index 10b3c64..c390541 100644 --- a/user/themes/lecampus/scss/theme/_blog.scss +++ b/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; - - } - } -} diff --git a/user/themes/lecampus/scss/theme/_module_valeurs_equipe.scss b/user/themes/lecampus/scss/theme/_module_valeurs_equipe.scss new file mode 100644 index 0000000..64bb314 --- /dev/null +++ b/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; + + } + } +} diff --git a/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig b/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig index 385ce82..9a0453d 100644 --- a/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig +++ b/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig @@ -1,6 +1,4 @@ - - {% for module in page.collection() %}
{{ module.content|raw }}