diff --git a/user/themes/lecampus/css-compiled/theme.css b/user/themes/lecampus/css-compiled/theme.css index 5de0489..2f0f0fe 100644 --- a/user/themes/lecampus/css-compiled/theme.css +++ b/user/themes/lecampus/css-compiled/theme.css @@ -1348,7 +1348,24 @@ header nav.dropmenu > ul { #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { text-align: center; } #tarteaucitronRoot #tarteaucitronAlertBig { - padding: 10px 0 !important; } } + padding: 10px 0 !important; } + #le_campus #module { + width: 90% !important; + padding-right: 0 !important; } + #le_campus #module .valeurs { + flex-direction: column !important; + width: 90%; + align-self: center; } + #le_campus #module .valeurs .valeur { + width: 100% !important; + text-align: center; } + #le_campus #module .equipe { + flex-direction: column !important; + width: 90%; + align-self: center; } + #le_campus #module .equipe .personne { + width: 100% !important; + text-align: center; } } #tarteaucitronBack { background: yellow; } @@ -2980,7 +2997,7 @@ header nav.dropmenu > ul { transform: translate(-50%, -50%); width: 70%; } -#module { +#le_campus #module { width: 60%; margin: auto; margin-top: 4rem; @@ -2988,7 +3005,7 @@ header nav.dropmenu > ul { padding-right: 4rem; display: flex; flex-direction: column; } - #module .titre-module { + #le_campus #module .titre-module { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.5rem; @@ -2996,22 +3013,49 @@ header nav.dropmenu > ul { padding-bottom: 2rem; text-align: center; color: #0093a3; } - #module .valeurs { + #le_campus #module .valeurs { display: flex; flex-direction: row; } - #module .valeurs .valeur { + #le_campus #module .valeurs .valeur { width: 33%; display: flex; flex-direction: column; padding: 10px; } - #module .valeurs .valeur .images_v { + #le_campus #module .valeurs .valeur .images_v { width: 100%; max-height: 10rem; overflow: hidden; } - #module .valeurs .valeur .images_v img { + #le_campus #module .valeurs .valeur .images_v img { padding-bottom: 20px; } - #module .valeurs .valeur h5 { + #le_campus #module .valeurs .valeur h5 { padding-top: 20px; padding-bottom: 5px; font-family: "bold"; font-size: 1.3rem; } + #le_campus #module .equipe { + display: flex; + flex-direction: row; } + #le_campus #module .equipe .personne { + width: 33%; + display: flex; + flex-direction: column; + padding: 10px; } + #le_campus #module .equipe .personne .images_v { + width: 100%; + max-height: 10rem; + overflow: hidden; } + #le_campus #module .equipe .personne .images_v img { + padding-bottom: 20px; } + #le_campus #module .equipe .personne h5 { + padding-top: 20px; + padding-bottom: 5px; + font-family: "bold"; + font-size: 1.3rem; } + +#le_campus .dl_plaquette 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/_blog.scss b/user/themes/lecampus/scss/theme/_blog.scss index 9be14eb..1b4d0f1 100644 --- a/user/themes/lecampus/scss/theme/_blog.scss +++ b/user/themes/lecampus/scss/theme/_blog.scss @@ -1596,46 +1596,82 @@ } } - -#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: 1.5rem; - line-height: 2rem; - padding-bottom: 2rem; - text-align: center; - color: #0093a3; - } - .valeurs{ +#le_campus{ + #module{ + width: 60%; + margin: auto; + margin-top: 4rem; + margin-bottom: 4rem; + padding-right: 4rem; display: flex; - flex-direction: row; - .valeur{ - width:33%; + flex-direction: column; + .titre-module{ + font-family: "now_alt_bold"; + font-weight: 400; + font-size: 1.5rem; + line-height: 2rem; + padding-bottom: 2rem; + text-align: center; + color: #0093a3; + } + .valeurs{ display: flex; - flex-direction: column; - padding: 10px; - .images_v{ - width:100%; - max-height: 10rem; - overflow: hidden; - img{ - padding-bottom: 20px; + flex-direction: row; + .valeur{ + width:33%; + display: flex; + flex-direction: column; + padding: 10px; + .images_v{ + width:100%; + max-height: 10rem; + overflow: hidden; + img{ + padding-bottom: 20px; + } + } + h5{ + padding-top: 20px; + padding-bottom: 5px; + font-family: "bold"; + font-size: 1.3rem; } } - 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: 10rem; + overflow: hidden; + img{ + padding-bottom: 20px; + } + } + h5{ + padding-top: 20px; + padding-bottom: 5px; + font-family: "bold"; + font-size: 1.3rem; + } } } } + .dl_plaquette{ + 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/_mobile.scss b/user/themes/lecampus/scss/theme/_mobile.scss index 0c0ceef..122d003 100644 --- a/user/themes/lecampus/scss/theme/_mobile.scss +++ b/user/themes/lecampus/scss/theme/_mobile.scss @@ -804,4 +804,30 @@ #tarteaucitronRoot #tarteaucitronAlertBig{ padding: 10px 0!important; } + + #le_campus{ + #module{ + width: 90% !important; + padding-right: 0 !important; + .valeurs{ + flex-direction: column !important; + width: 90%; + align-self: center; + .valeur{ + width: 100% !important; + text-align: center; + } + } + .equipe{ + flex-direction: column !important; + width: 90%; + align-self: center; + .personne{ + width: 100% !important; + text-align: center; + + } + } + } + } } diff --git a/user/themes/lecampus/templates/le_campus.html.twig b/user/themes/lecampus/templates/le_campus.html.twig index 14aea4e..2dd8f69 100644 --- a/user/themes/lecampus/templates/le_campus.html.twig +++ b/user/themes/lecampus/templates/le_campus.html.twig @@ -3,49 +3,54 @@ {% set image = page.media.images|first %} {% block body %} -
{{ personne.biographie|markdown }}
{% endif %} -