diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index 4b8d38f..f1a61d4 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -936,8 +936,10 @@ body#top.modular.fullwidth.title-center.title-h1h2 { text-transform: uppercase; padding-right: 15%; } @media (max-width: 442px) { - .titre_bsn h1 { - font-size: 1.6rem; } } + .titre_bsn { + margin-left: 30%; } + .titre_bsn h1 { + font-size: 1.6rem; } } @keyframes animate { 0% { @@ -1326,7 +1328,7 @@ button:focus { .event .callout { filter: opacity(1); } .event .callout h2 { - font-family: "Sarabun"; + font-family: "Sarabun", sans-serif; font-weight: 100 !important; font-size: 1.8rem; line-height: 1.2; @@ -1347,8 +1349,10 @@ button:focus { margin-top: 1rem; } h1 { + font-family: "Sarabun", sans-serif; text-transform: uppercase; line-height: 1 !important; + font-size: 2rem !important; margin-bottom: 0.5rem !important; } .presentation-event { @@ -1388,6 +1392,13 @@ h1 { margin-bottom: 0.8rem !important; font-size: 0.7rem; padding: 2px 10px; } + @media (max-width: 600px) { + .presentation-event { + margin-top: 1rem !important; + width: 80%; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 1rem; } } .intervenant { background-color: #d9d9d9; @@ -1413,7 +1424,7 @@ h1 { .equipe-event h3 { margin-bottom: 3rem; min-width: 100%; - font-family: "Sarabun Light", sans-serif; + font-family: "Sarabun", sans-serif; text-transform: uppercase; font-weight: 200; font-size: 1rem; @@ -1437,7 +1448,8 @@ h1 { @media (max-width: 442px) { .equipe-event .personne .mozaique { max-width: 21rem; - min-width: 21rem; } } + min-width: 21rem; + padding-left: 1rem; } } .equipe-event .personne .mozaique .photo { overflow: hidden; width: 10rem !important; diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index 5b6a3b0..ba2994d 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -78,8 +78,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 { font-weight: 900; } -#header #navbar ul.navigation { -} #logo { position: relative; @@ -187,8 +185,8 @@ body#top.modular.fullwidth.title-center.title-h1h2 { padding-right: 0rem !important; padding-left: 2rem; } - @media (max-width: 442px) { - margin-right: 42%; + @media (max-width: 500px) { + margin-right: 30% !important; h1 { font-size: 1.6rem; } @@ -211,6 +209,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 { padding-right: 15%; } @media (max-width: 442px) { + margin-left: 30%; h1 { font-size: 1.6rem; } @@ -692,9 +691,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 { width: 65%; align-items: center; justify-content: center; - p { - // display: inline-flex; - } img { max-height: 4rem; padding-right: 2rem; @@ -798,7 +794,7 @@ button:focus { .callout{ filter:opacity(1); h2 { - font-family: "Sarabun"; + font-family: "Sarabun", sans-serif; font-weight: 100 !important; font-size:1.8rem; line-height: 1.2; @@ -808,11 +804,12 @@ button:focus { .titre_bsn { position: relative; - #explog{ + #explog{ position: absolute; right: 100%; top: 25%; max-width:30%; + } .text-titre-event{ h1{ @@ -832,11 +829,15 @@ button:focus { h1{ + font-family: "Sarabun", sans-serif; text-transform: uppercase; line-height:1 !important; + font-size: 2rem !important; margin-bottom: 0.5rem !important; } + + .presentation-event{ display: flex; flex-direction: column; @@ -851,6 +852,7 @@ h1{ margin-top: 6rem; margin-bottom: 6rem; text-align: left; + p{ font-size: 1.2rem; line-height: 1.5; @@ -880,18 +882,25 @@ h1{ padding: 2px 10px; } } + + @media (max-width: 600px) { + margin-top: 1rem !important; + width: 80%; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 1rem; + + } } - - .intervenant{ background-color: #d9d9d9; color: #000; text-transform: uppercase; padding-bottom: 2rem; padding-top: 2rem; -} + @@ -924,7 +933,7 @@ h1{ // padding-left: 15%; margin-bottom: 3rem; min-width: 100%; - font-family: "Sarabun Light", sans-serif; + font-family: "Sarabun", sans-serif; text-transform: uppercase; font-weight: 200; font-size: 1rem; @@ -955,6 +964,7 @@ h1{ @media (max-width: 442px) { max-width: 21rem; min-width: 21rem; + padding-left: 1rem; } @@ -1073,6 +1083,5 @@ h1{ border-top:solid 5px #d9d9d9; span { height: 2rem; - } -} +} \ No newline at end of file diff --git a/user/themes/epau-antimatter/templates/modular/titre-event.html.twig b/user/themes/epau-antimatter/templates/modular/titre-event.html.twig index 31a3e60..614fd36 100644 --- a/user/themes/epau-antimatter/templates/modular/titre-event.html.twig +++ b/user/themes/epau-antimatter/templates/modular/titre-event.html.twig @@ -12,7 +12,7 @@