kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

overflox slide programme

Browse Source
This commit is contained in:
ouidade
2024-05-08 23:03:32 +02:00
parent 5524db5cc7
commit b6f216e64c
5 changed files with 56 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css-compiled/components/footer/footer.css
+7 -2
View File
@@ -21,12 +21,17 @@ footer {
display: block !important; } } display: block !important; } }
footer #block-renderedsitesettingsblock-5 { footer #block-renderedsitesettingsblock-5 {
max-width: 30%; } max-width: 30%; }
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
footer #block-renderedsitesettingsblock-5 { footer #block-renderedsitesettingsblock-5 {
max-width: 100%; } } max-width: 80%; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid { footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; } 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) { footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
grid-column: 1; grid-column: 1;
grid-row: 1 / span 3; } grid-row: 1 / span 3; }
web/themes/custom/colloque2024/css-compiled/index.css
+25 -7
View File
@@ -689,7 +689,7 @@ header #block-colloque2024-mainnavigation ul li {
display: grid; display: grid;
grid-template-columns: repeat(7, 1fr); grid-template-columns: repeat(7, 1fr);
margin: auto; } margin: auto; }
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: flex; display: flex;
flex-direction: column; } } flex-direction: column; } }
@@ -700,7 +700,7 @@ header #block-colloque2024-mainnavigation ul li {
grid-column: 1 / span 5; grid-column: 1 / span 5;
grid-row: 2; grid-row: 2;
margin-bottom: 2rem; } 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) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 4.5rem; font-size: 4.5rem;
order: 3; } } order: 3; } }
@@ -708,7 +708,7 @@ header #block-colloque2024-mainnavigation ul li {
grid-column: 1 / 4; grid-column: 1 / 4;
grid-row: 3; grid-row: 3;
font-size: 2.5rem; } 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) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
font-size: 1.5rem; font-size: 1.5rem;
order: 4; } } order: 4; } }
@@ -718,7 +718,7 @@ header #block-colloque2024-mainnavigation ul li {
font-size: 3.5rem; font-size: 3.5rem;
grid-column: 5 / span 7; grid-column: 5 / span 7;
grid-row: 3; } 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) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
font-size: 1.5rem; font-size: 1.5rem;
order: 2; } } order: 2; } }
@@ -727,7 +727,7 @@ header #block-colloque2024-mainnavigation ul li {
grid-column: 5 / span 7; grid-column: 5 / span 7;
grid-row: 1; grid-row: 1;
font-size: 2rem; } 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) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
font-size: 1.5rem; font-size: 1.5rem;
order: 1; } } order: 1; } }
@@ -1716,6 +1716,13 @@ https://flickity.metafizzy.co
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
position: relative; } 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-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-block-1 .views section.wrap_head .head h3,
#block-colloque2024-views-block-slide-programme-node-intervenant-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%; height: 100%;
margin-left: 10px; } 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 { section article.thumbnails.programme {
border: 1px solid #6f6d7dff; border: 1px solid #6f6d7dff;
width: calc(100% / 4 - 0.5rem * 2); width: calc(100% / 4 - 0.5rem * 2);
@@ -2085,12 +2098,17 @@ footer {
display: block !important; } } display: block !important; } }
footer #block-renderedsitesettingsblock-5 { footer #block-renderedsitesettingsblock-5 {
max-width: 30%; } max-width: 30%; }
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
footer #block-renderedsitesettingsblock-5 { footer #block-renderedsitesettingsblock-5 {
max-width: 100%; } } max-width: 80%; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid { footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; } 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) { footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
grid-column: 1; grid-column: 1;
grid-row: 1 / span 3; } grid-row: 1 / span 3; }
web/themes/custom/colloque2024/css/components/footer/footer.scss
+7 -2
View File
@@ -31,13 +31,18 @@ footer{
} }
#block-renderedsitesettingsblock-5{ #block-renderedsitesettingsblock-5{
max-width: 30%; max-width: 30%;
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
max-width: 100%; max-width: 80%;
} }
div.site_setting_entity div.grid{ div.site_setting_entity div.grid{
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@media (max-width: 992px){
display: flex;
flex-direction: row ;
flex-wrap: wrap;
}
div:nth-of-type(1){ div:nth-of-type(1){
grid-column: 1; grid-column: 1;
grid-row: 1 / span 3; grid-row: 1 / span 3;
web/themes/custom/colloque2024/css/components/slides/slides.scss
+12
View File
@@ -84,6 +84,9 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
position: relative; position: relative;
@media (max-width: 550px) {
flex-wrap: wrap;
}
h3{ h3{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -145,3 +148,12 @@
height: 100%; height: 100%;
margin-left: 10px; 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;
}
web/themes/custom/colloque2024/css/pages/front.scss
+5 -5
View File
@@ -206,7 +206,7 @@ header {
grid-template-columns: repeat(7, 1fr); grid-template-columns: repeat(7, 1fr);
margin: auto; margin: auto;
// width: 90%; // width: 90%;
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@@ -217,7 +217,7 @@ header {
grid-column: 1 / span 5; grid-column: 1 / span 5;
grid-row: 2; grid-row: 2;
margin-bottom: 2rem; margin-bottom: 2rem;
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
font-size: 4.5rem; font-size: 4.5rem;
order: 3; order: 3;
} }
@@ -226,7 +226,7 @@ header {
grid-column: 1 / 4; grid-column: 1 / 4;
grid-row: 3; grid-row: 3;
font-size: 2.5rem; font-size: 2.5rem;
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
font-size: 1.5rem; font-size: 1.5rem;
order: 4; order: 4;
} }
@@ -237,7 +237,7 @@ header {
font-size: 3.5rem; font-size: 3.5rem;
grid-column: 5 / span 7; grid-column: 5 / span 7;
grid-row: 3; grid-row: 3;
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
font-size: 1.5rem; font-size: 1.5rem;
order: 2; order: 2;
} }
@@ -247,7 +247,7 @@ header {
grid-column: 5 / span 7; grid-column: 5 / span 7;
grid-row: 1; grid-row: 1;
font-size: 2rem; font-size: 2rem;
@media screen and (max-width: 300px) { @media screen and (max-width: 550px) {
font-size: 1.5rem; font-size: 1.5rem;
order: 1; order: 1;
} }