diff --git a/web/themes/custom/colloque2024/css-compiled/index.css b/web/themes/custom/colloque2024/css-compiled/index.css index 2239c47d..24a79b3b 100644 --- a/web/themes/custom/colloque2024/css-compiled/index.css +++ b/web/themes/custom/colloque2024/css-compiled/index.css @@ -598,6 +598,64 @@ header #block-colloque2024-mainnavigation ul li { font-size: 0.7rem; color: #038788; } +#mainHome { + max-width: 100vw; + margin: 0; + display: flex; } + #mainHome .layout-content { + margin: auto; + max-width: 1140px; } + +#block-colloque2024-renderedsitesettingsblock-6 { + display: flex; + margin: auto; } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity { + display: grid; + grid-template-columns: repeat(7, 1fr); + margin: auto; } + @media screen and (max-width: 550px) { + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity { + display: flex; + flex-direction: column; } } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) { + font-size: 7rem; + font-family: 'Mariannebold'; + line-height: 95%; + grid-column: 1 / span 5; + grid-row: 2; + margin-bottom: 2rem; } + @media screen and (max-width: 550px) { + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) { + font-size: 3.5rem; + order: 3; } } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) { + grid-column: 1 / 4; + grid-row: 3; + font-size: 2.5rem; } + @media screen and (max-width: 550px) { + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) { + font-size: 1.5rem; + order: 4; } } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) { + text-transform: uppercase; + font-family: 'Mariannebold'; + font-size: 3.5rem; + grid-column: 5 / span 7; + grid-row: 3; } + @media screen and (max-width: 550px) { + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) { + font-size: 1.5rem; + order: 2; } } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) { + text-transform: uppercase; + grid-column: 5 / span 7; + grid-row: 1; + font-size: 2rem; } + @media screen and (max-width: 550px) { + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) { + font-size: 1.5rem; + order: 1; } } + #block-colloque2024-views-block-dernieres-publications-block-1 .views section:not(.wrap_head), #block-colloque2024-views-block-slide-interviews-block-1 .views section:not(.wrap_head) { margin: 1rem 0; } @@ -698,64 +756,6 @@ header #block-colloque2024-mainnavigation ul li { #block-colloque2024-views-block-slide-programme-block-1 { margin-top: 0; } } -#mainHome { - max-width: 100vw; - margin: 0; - display: flex; } - #mainHome .layout-content { - margin: auto; - max-width: 1140px; } - -#block-colloque2024-renderedsitesettingsblock-6 { - display: flex; - margin: auto; } - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity { - display: grid; - grid-template-columns: repeat(7, 1fr); - margin: auto; } - @media screen and (max-width: 550px) { - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity { - display: flex; - flex-direction: column; } } - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) { - font-size: 7rem; - font-family: 'Mariannebold'; - line-height: 95%; - grid-column: 1 / span 5; - grid-row: 2; - margin-bottom: 2rem; } - @media screen and (max-width: 550px) { - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) { - font-size: 4.5rem; - order: 3; } } - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) { - grid-column: 1 / 4; - grid-row: 3; - font-size: 2.5rem; } - @media screen and (max-width: 550px) { - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) { - font-size: 1.5rem; - order: 4; } } - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) { - text-transform: uppercase; - font-family: 'Mariannebold'; - font-size: 3.5rem; - grid-column: 5 / span 7; - grid-row: 3; } - @media screen and (max-width: 550px) { - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) { - font-size: 1.5rem; - order: 2; } } - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) { - text-transform: uppercase; - grid-column: 5 / span 7; - grid-row: 1; - font-size: 2rem; } - @media screen and (max-width: 550px) { - #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) { - font-size: 1.5rem; - order: 1; } } - #block-colloque2024-views-block-slide-interviews-block-1 { display: none; } @@ -1026,8 +1026,9 @@ header { header .row { padding-left: 20px; flex-wrap: nowrap; } } - @media screen and (max-width: 550px) { + @media screen and (max-width: 350px) { header .row { + padding-left: 10px; flex-wrap: nowrap; } } header .row #block-colloque2024-logorepublique, header .row #block-colloque2024-logoepau { max-height: inherit; } @@ -1047,7 +1048,7 @@ header { object-fit: contain; } } @media screen and (max-width: 550px) { header .row #block-colloque2024-logorepublique > div a img, header .row #block-colloque2024-logoepau > div a img { - width: 100px; + width: 85px; object-fit: contain; } } header .row #block-colloque2024-logorepublique.is-active, header .row #block-colloque2024-logoepau.is-active { z-index: 10000; } diff --git a/web/themes/custom/colloque2024/css/components/header/header.scss b/web/themes/custom/colloque2024/css/components/header/header.scss index c68c52a7..991aaec2 100644 --- a/web/themes/custom/colloque2024/css/components/header/header.scss +++ b/web/themes/custom/colloque2024/css/components/header/header.scss @@ -9,7 +9,8 @@ header{ padding-left: 20px; flex-wrap: nowrap; } - @media screen and (max-width: 550px) { + @media screen and (max-width: 350px) { + padding-left: 10px; flex-wrap: nowrap; } @@ -31,7 +32,7 @@ header{ object-fit: contain; } @media screen and (max-width: 550px) { - width: 100px; + width: 85px; object-fit: contain; } } diff --git a/web/themes/custom/colloque2024/css/pages/front.scss b/web/themes/custom/colloque2024/css/pages/front.scss index 5f1e7e6d..51f52172 100644 --- a/web/themes/custom/colloque2024/css/pages/front.scss +++ b/web/themes/custom/colloque2024/css/pages/front.scss @@ -93,6 +93,77 @@ header { } } +#mainHome{ + max-width: 100vw; + margin: 0; + display: flex; + .layout-content{ + margin: auto; + // height: 1500px; + max-width: 1140px; + } +} + +#block-colloque2024-renderedsitesettingsblock-6{ + display: flex; + margin: auto; + .site_setting_entity{ + display: grid; + grid-template-columns: repeat(7, 1fr); + margin: auto; + // width: 90%; + @media screen and (max-width: 550px) { + display: flex; + flex-direction: column; + } + div:nth-of-type(1){ + font-size: 7rem; + font-family: 'Mariannebold'; + line-height: 95%; + grid-column: 1 / span 5; + grid-row: 2; + margin-bottom: 2rem; + @media screen and (max-width: 550px) { + font-size: 3.5rem; + order: 3; + } + @media (min-width: 300px) { + + } + } + div:nth-of-type(2){ + grid-column: 1 / 4; + grid-row: 3; + font-size: 2.5rem; + @media screen and (max-width: 550px) { + font-size: 1.5rem; + order: 4; + } + } + div:nth-of-type(4){ + text-transform: uppercase; + font-family: 'Mariannebold'; + font-size: 3.5rem; + grid-column: 5 / span 7; + grid-row: 3; + @media screen and (max-width: 550px) { + font-size: 1.5rem; + order: 2; + } + } + div:nth-of-type(3){ + text-transform: uppercase; + grid-column: 5 / span 7; + grid-row: 1; + font-size: 2rem; + @media screen and (max-width: 550px) { + font-size: 1.5rem; + order: 1; + } + } + } +} + #block-colloque2024-views-block-dernieres-publications-block-1, #block-colloque2024-views-block-slide-interviews-block-1 { .views { @@ -211,81 +282,7 @@ header { ///changement 2024 -#mainHome{ - max-width: 100vw; - margin: 0; - display: flex; - .layout-content{ - margin: auto; - // height: 1500px; - max-width: 1140px; - } -} -#block-colloque2024-renderedsitesettingsblock-6{ - display: flex; - margin: auto; - .site_setting_entity{ - display: grid; - grid-template-columns: repeat(7, 1fr); - margin: auto; - // width: 90%; - @media screen and (max-width: 550px) { - display: flex; - flex-direction: column; - } - div:nth-of-type(1){ - font-size: 7rem; - font-family: 'Mariannebold'; - line-height: 95%; - grid-column: 1 / span 5; - grid-row: 2; - margin-bottom: 2rem; - @media screen and (max-width: 550px) { - font-size: 4.5rem; - order: 3; - } - } - div:nth-of-type(2){ - grid-column: 1 / 4; - grid-row: 3; - font-size: 2.5rem; - @media screen and (max-width: 550px) { - font-size: 1.5rem; - order: 4; - } - } - div:nth-of-type(4){ - text-transform: uppercase; - font-family: 'Mariannebold'; - font-size: 3.5rem; - grid-column: 5 / span 7; - grid-row: 3; - @media screen and (max-width: 550px) { - font-size: 1.5rem; - order: 2; - } - } - div:nth-of-type(3){ - text-transform: uppercase; - grid-column: 5 / span 7; - grid-row: 1; - font-size: 2rem; - @media screen and (max-width: 550px) { - font-size: 1.5rem; - order: 1; - } - } - } -} - - - -#txt_present{ - .medias{ - // display: none; - } -} #block-colloque2024-views-block-slide-interviews-block-1{ display: none;