50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
|
div.header-logo { grid-area: logo;}
|
||
|
|
|
||
|
|
.no-logo div.header-logo { grid-area: unset !important; }
|
||
|
|
|
||
|
|
div.sc-title { grid-area: sc;}
|
||
|
|
div.header-text { grid-area: ht;}
|
||
|
|
div.sb-title { grid-area: sb;}
|
||
|
|
div.reveal.has-logo div.slide-number {
|
||
|
|
grid-area: sn;
|
||
|
|
top: unset !important;
|
||
|
|
right: unset !important;
|
||
|
|
bottom: unset !important;
|
||
|
|
padding: 5px 5px 5px 5px;
|
||
|
|
justify-self: center;
|
||
|
|
/*font-family: var(--header-font-family);*/
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.reveal-header {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 0.35fr 1.2fr 0.1fr 1.2fr 0.2fr;
|
||
|
|
grid-template-areas: "logo sc ht sb sn";
|
||
|
|
column-gap: 10px;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.reveal-header.no-logo {
|
||
|
|
grid-template-columns: 1fr 0.1fr 1fr 0.15fr;
|
||
|
|
grid-template-areas: "sc ht sb sn";
|
||
|
|
margin-top: 1.5vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* On screens that are 600px or less*/
|
||
|
|
@media screen and (max-width: 600px) {
|
||
|
|
|
||
|
|
div.reveal-header {
|
||
|
|
grid-template-columns: 0.2fr 1.2fr 0.1fr 1.2fr 0.4fr;
|
||
|
|
grid-template-areas: "logo sc ht sb sn";
|
||
|
|
}
|
||
|
|
|
||
|
|
div.reveal-header.no-logo {
|
||
|
|
grid-template-columns: 1fr 0.1fr 1fr 0.25fr;
|
||
|
|
grid-template-areas: "sc ht sb sn";
|
||
|
|
}
|
||
|
|
|
||
|
|
.reveal-header .sc-title p { margin-left: 1vw; }
|
||
|
|
.reveal-header.no-logo .sc-title p {margin-left: 2vw; }
|
||
|
|
div.reveal.has-logo div.slide-number { font-size: 10px; }
|
||
|
|
}
|