You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
3.8 KiB
191 lines
3.8 KiB
/*disable scrolling*/ |
|
|
|
body.kiosk { |
|
/*overflow: hidden;*/ |
|
} |
|
.kiosk { |
|
#page-wrapper { |
|
max-width: 100%; |
|
} |
|
.container { |
|
width: 100%; |
|
max-width: 100%; |
|
} |
|
.main-content { |
|
width: 100%; |
|
} |
|
nav#block-olivessdu-main-menu, |
|
.region--highlighted, |
|
footer { |
|
display: none; |
|
} |
|
.site-header__fixable { |
|
height: 7em; |
|
} |
|
.main-content__container { |
|
padding-top: 0; |
|
} |
|
.node__content { |
|
padding-bottom: 0; |
|
} |
|
div#block-views-block-media-display-blocks-source { |
|
display: none; |
|
} |
|
header#header { |
|
min-height: initial; |
|
margin-bottom: 4em; |
|
} |
|
|
|
div#block-olivessdu-page-title { |
|
margin-bottom: 1em; |
|
} |
|
} |
|
.page-node-type-kiosk-image-slideshow header#header { |
|
margin-bottom: 2em; |
|
} |
|
nav#block-olivessdu-kioskmain ul.menu { |
|
display: flex; |
|
justify-content: space-evenly; |
|
margin-inline-start: 0; |
|
} |
|
#block-olivessdu-kioskhomelink, |
|
#block-olivessdu-kioskmain { |
|
.menu li { |
|
display: inline-flex; |
|
align-items: center; |
|
padding-block: 1px 0; |
|
padding-inline: var(--sp1-5); |
|
/* line-height: var(--line-height-s); */ |
|
line-height: 0; |
|
display: inline-block; |
|
height: var(--sp2); |
|
margin-block: var(--sp1); |
|
margin-inline-start: 0; |
|
margin-inline-end: var(--sp1); |
|
padding-block: 30px; |
|
padding-inline: var(--sp1-5); |
|
cursor: pointer; |
|
text-align: center; |
|
-webkit-text-decoration: none; |
|
text-decoration: none; |
|
color: var(--color-text-primary-medium); |
|
border: solid 2px currentColor; |
|
border-radius: var(--border-radius); |
|
background-color: var(--color--white); |
|
font-family: var(--font-sans); |
|
font-size: var(--font-size-l); |
|
font-size: 1.7em !important; |
|
font-weight: 700 !important; |
|
-webkit-appearance: none; |
|
appearance: none; |
|
-webkit-font-smoothing: antialiased; |
|
} |
|
a { |
|
text-decoration: none; |
|
} |
|
} |
|
|
|
#block-olivessdu-kioskhomelink { |
|
background: none; |
|
background-color: none; |
|
padding: 0; |
|
border-radius: 5px; |
|
border: none; |
|
a { |
|
/*font-size: 1.7em;*/ |
|
|
|
color: #760406; |
|
font-size: 27px; |
|
font-weight: 700 !important; |
|
} |
|
|
|
a::before { |
|
content: "< "; |
|
} |
|
.menu li { |
|
height: initial; |
|
padding-block: 15px; |
|
width: 100%; |
|
} |
|
ul { |
|
margin: 0; |
|
} |
|
} |
|
.slick-lightbox-close:before { |
|
font-family: "slick"; |
|
font-size: 50px; |
|
line-height: 1; |
|
color: white; |
|
opacity: 0.85; |
|
-webkit-font-smoothing: antialiased; |
|
-moz-osx-font-smoothing: grayscale; |
|
content: "×"; |
|
} |
|
.slick-arrow::before { |
|
color: #750305; |
|
font-size: 36px; |
|
font-size: 3rem; |
|
} |
|
.slick-lightbox-slick .slick-arrow::before { |
|
color: #fff; |
|
font-size: 36px; |
|
font-size: 3rem; |
|
} |
|
.slick { |
|
.slide__content { |
|
} |
|
.slide__media, |
|
.media--slick { |
|
display: flex; |
|
|
|
justify-content: space-around; |
|
img { |
|
max-height: 70vh; |
|
width: auto; |
|
max-width: 100%; /* Prevents width from exceeding container */ |
|
object-fit: contain; /* Ensures the entire image fits within bounds */ |
|
border: 1px solid #ccc; |
|
padding: 4px; |
|
} |
|
} |
|
.slide__caption { |
|
padding:0; |
|
line-height:1.1; |
|
} |
|
} |
|
.slick-lightbox { |
|
background: #000000e0 !important; |
|
} |
|
.test img { |
|
max-height: 100vh; |
|
width: auto; |
|
max-width: 100%; /* Prevents width from exceeding container */ |
|
object-fit: contain; /* Ensures the entire image fits within bounds */ |
|
} |
|
#block-olivessdu-backbuttonforkioskimageslideshow { |
|
justify-content: space-around; |
|
background: none; |
|
background-color: none; |
|
padding: none; |
|
border-radius: 5px; |
|
border: none; |
|
button { |
|
background: #fff; |
|
font-family: var(--font-sans); |
|
border-radius: 4px; |
|
font-size: var(--font-size-l); |
|
font-size: 27px !important; |
|
font-weight: 700 !important; |
|
color: #760406; |
|
border: 2px solid #760406; |
|
margin-bottom: 1em; |
|
padding: 10px; |
|
display: block; |
|
width: 100%; |
|
} |
|
} |
|
.kiosk { |
|
.region--sidebar .block { |
|
margin: 0; |
|
} |
|
}
|
|
|