overflox slide programme

This commit is contained in:
2024-05-08 23:03:32 +02:00
parent 5524db5cc7
commit b6f216e64c
5 changed files with 56 additions and 16 deletions
@@ -21,12 +21,17 @@ footer {
display: block !important; } }
footer #block-renderedsitesettingsblock-5 {
max-width: 30%; }
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
footer #block-renderedsitesettingsblock-5 {
max-width: 100%; } }
max-width: 80%; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: grid;
grid-template-columns: 1fr 1fr; }
@media (max-width: 992px) {
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
grid-column: 1;
grid-row: 1 / span 3; }
@@ -689,7 +689,7 @@ header #block-colloque2024-mainnavigation ul li {
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: auto; }
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: flex;
flex-direction: column; } }
@@ -700,7 +700,7 @@ header #block-colloque2024-mainnavigation ul li {
grid-column: 1 / span 5;
grid-row: 2;
margin-bottom: 2rem; }
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 4.5rem;
order: 3; } }
@@ -708,7 +708,7 @@ header #block-colloque2024-mainnavigation ul li {
grid-column: 1 / 4;
grid-row: 3;
font-size: 2.5rem; }
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
font-size: 1.5rem;
order: 4; } }
@@ -718,7 +718,7 @@ header #block-colloque2024-mainnavigation ul li {
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3; }
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
font-size: 1.5rem;
order: 2; } }
@@ -727,7 +727,7 @@ header #block-colloque2024-mainnavigation ul li {
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem; }
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
font-size: 1.5rem;
order: 1; } }
@@ -1716,6 +1716,13 @@ https://flickity.metafizzy.co
flex-direction: row;
align-items: center;
position: relative; }
@media (max-width: 550px) {
#block-colloque2024-views-block-gallerie-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-slide-programme-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-dernieres-publications-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-slide-interviews-block-1 .views section.wrap_head .head {
flex-wrap: wrap; } }
#block-colloque2024-views-block-gallerie-block-1 .views section.wrap_head .head h3,
#block-colloque2024-views-block-slide-programme-block-1 .views section.wrap_head .head h3,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section.wrap_head .head h3,
@@ -1771,6 +1778,12 @@ https://flickity.metafizzy.co
height: 100%;
margin-left: 10px; }
html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div div#block-colloque2024-views-block-slide-programme-block-1.views-element-container {
opacity: 1 !important; }
html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div article#txt_present {
opacity: 1 !important; }
section article.thumbnails.programme {
border: 1px solid #6f6d7dff;
width: calc(100% / 4 - 0.5rem * 2);
@@ -2085,12 +2098,17 @@ footer {
display: block !important; } }
footer #block-renderedsitesettingsblock-5 {
max-width: 30%; }
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
footer #block-renderedsitesettingsblock-5 {
max-width: 100%; } }
max-width: 80%; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: grid;
grid-template-columns: 1fr 1fr; }
@media (max-width: 992px) {
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
grid-column: 1;
grid-row: 1 / span 3; }
@@ -31,13 +31,18 @@ footer{
}
#block-renderedsitesettingsblock-5{
max-width: 30%;
@media screen and (max-width: 300px) {
max-width: 100%;
@media screen and (max-width: 550px) {
max-width: 80%;
}
div.site_setting_entity div.grid{
display: grid;
grid-template-columns: 1fr 1fr;
@media (max-width: 992px){
display: flex;
flex-direction: row ;
flex-wrap: wrap;
}
div:nth-of-type(1){
grid-column: 1;
grid-row: 1 / span 3;
@@ -84,6 +84,9 @@
flex-direction: row;
align-items: center;
position: relative;
@media (max-width: 550px) {
flex-wrap: wrap;
}
h3{
display: flex;
flex-direction: row;
@@ -144,4 +147,13 @@
width: 100%;
height: 100%;
margin-left: 10px;
}
html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div div#block-colloque2024-views-block-slide-programme-block-1.views-element-container{
opacity: 1 !important;
}
html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#mainHome.d-flex.container.home div.layout-content div#content-ontop div div div article#txt_present{
opacity: 1 !important;
}
@@ -206,7 +206,7 @@ header {
grid-template-columns: repeat(7, 1fr);
margin: auto;
// width: 90%;
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
display: flex;
flex-direction: column;
}
@@ -217,7 +217,7 @@ header {
grid-column: 1 / span 5;
grid-row: 2;
margin-bottom: 2rem;
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
font-size: 4.5rem;
order: 3;
}
@@ -226,7 +226,7 @@ header {
grid-column: 1 / 4;
grid-row: 3;
font-size: 2.5rem;
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 4;
}
@@ -237,7 +237,7 @@ header {
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3;
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 2;
}
@@ -247,7 +247,7 @@ header {
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem;
@media screen and (max-width: 300px) {
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 1;
}