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
@@ -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;
}