MediaWiki:Common.css: verschil tussen uitvoeringen
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
(121 tussenliggende uitvoeringen door dezelfde gebruiker niet weergegeven) | |||
Regel 1: | Regel 1: | ||
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */ | /** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */ | ||
body.page-Hoofdbladzijde h1 { display: none; } | body.page-Hoofdbladzijde h1 { | ||
display: none; | |||
} | |||
/************************/ | |||
/* BEGIN HOOFDBLADZIJDE */ | |||
/************************/ | |||
/* eerste rij heeft geen css */ | |||
/************************/ | |||
.tweede-rij { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
grid-template-rows: auto; | |||
gap: 10px; | |||
margin: 25px 0px 0px 0px; | |||
align-items: start; | |||
} | |||
.welkom { | |||
background-color: hsl(120, 75%, 97%); | |||
border-radius: 1em; | |||
padding: 25px; | |||
margin: 0px 0px 0px 0px; | |||
align-items: start; | |||
border-style: solid; | |||
border-color: hsl(120, 75%, 25%); | |||
border-width: thin; | |||
} | |||
.welkom-hoofding { | |||
/* tweede rij */ | |||
color: hsl(120, 75%, 25%); | |||
} | |||
.beschrijving { | |||
/* tweede rij */ | |||
background-color: hsl(60, 75%, 97%); | |||
padding: 25px; | |||
border-radius: 1em; | |||
margin: 0px 0px 0px 0px; | |||
align-items: start; | |||
border-style: solid; | |||
border-color: hsl(60, 75%, 25%); | |||
border-width: thin; | |||
} | |||
.beschrijving-hoofding { | |||
/* tweede rij */ | |||
color: hsl(60, 75%, 25%); | |||
} | |||
/************************/ | |||
.derde-rij { | |||
/* woordenlijst */ | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
margin: 30px 0px 0px 0px; | |||
align-items: start; | |||
width: 70%; | |||
} | |||
.woordenlijst { | |||
/* derde rij */ | |||
background-color: hsl(180, 75%, 97%); | |||
padding: 25px; | |||
border-radius: 1em; | |||
border-style: solid; | |||
border-color: hsl(180, 75%, 25%); | |||
border-width: thin; | |||
} | |||
.woordenlijst-hoofding { | |||
/* derde rij */ | |||
color: hsl(180, 75%, 25%); | |||
} | |||
.vierde-rij { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
margin: 30px 0px 0px 0px; | |||
align-items: start; | |||
width: 80%; | |||
} | |||
.woord { | |||
/* vierde rij */ | |||
background-color: hsl(240, 75%, 97%); | |||
padding: 25px; | |||
border-radius: 1em; | |||
} | |||
.woord-tekst { | |||
/* vierde rij */ | |||
margin: 0px 0px 0px -20px; | |||
} | |||
.woord-hoofding { | |||
/* vierde rij */ | |||
color: hsl(240, 75%, 25%); | |||
} | |||
.aanhaling { | |||
/* vierde rij */ | |||
background-color: hsl(270, 75%, 97%); | |||
padding: 15px; | |||
border-radius: 1em; | |||
} | |||
.aanhaling-hoofding { | |||
color: hsl(270, 75%, 25%); | |||
} | |||
.aanhaling-tekst { | |||
padding: 15px; | |||
} | |||
.nieuwsbrief { | |||
background-color: hsl(300, 75%, 97%); | |||
padding: 30px; | |||
border-radius: 1em; | |||
border-style: solid; | |||
border-color: hsl(300, 75%, 25%); | |||
border-width: thin; | |||
} | |||
.nieuwsbrief-hoofding { | |||
/* vijfde rij */ | |||
color: hsl(300, 75%, 25%); | |||
} | |||
.afbeelding-tekst { | |||
margin: 0px 0px 0px -20px; | |||
} | |||
.vijfde-rij { | |||
/* zuilengang */ | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
margin: 25px 0px 0px 0px; | |||
align-items: start; | |||
width: 50%; | |||
} | |||
.zuilengang-hoofding { | |||
/* zesde rij */ | |||
color: #525252; | |||
} | |||
/************************/ | |||
/* los van bladzijdeschikking */ | |||
.links { | |||
text-align: left; | |||
} | |||
.rij-deel { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
padding: .5em; | |||
margin: 0px 0px -10px 0px; | |||
align-items: start; | |||
} | |||
.rij-deelinhoud { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
padding: .5em; | |||
margin: 0px -5px 0px -5px; | |||
align-items: start; | |||
} | |||
.onderschrift { | |||
color: grey; | |||
} | |||
/************************/ | |||
/* EINDE HOOFDBLADZIJDE */ | |||
/************************/ | |||
/************/ | |||
/* BEGIN OUD*/ | |||
/************/ | |||
.hoofdbladzijde-1kolom { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
padding: .5em; | |||
margin: 0px 0px -10px 0px; | |||
align-items: start; | |||
} | |||
.hoofdbladzijde-2kolom-eerste { | .hoofdbladzijde-2kolom-eerste { | ||
Regel 50: | Regel 252: | ||
} | } | ||
.hoofdbladzijde-1kolom { | .hoofdbladzijde-1kolom-90 { | ||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
padding: .5em; | |||
margin: 0px 0px -10px 0px; | |||
align-items: start; | |||
width: 90%; | |||
} | |||
.hoofdbladzijde-1kolom-80 { | |||
display: grid; | display: grid; | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
Regel 57: | Regel 269: | ||
margin: 0px 0px -10px 0px; | margin: 0px 0px -10px 0px; | ||
align-items: start; | align-items: start; | ||
width: 80%; | |||
} | } | ||
.hoofdbladzijde-1kolom- | .hoofdbladzijde-1kolom-70 { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
grid-template-rows: auto; | grid-template-rows: auto; | ||
padding: .5em; | padding: .5em; | ||
margin: 0px - | margin: 0px 0px -10px 0px; | ||
align-items: start; | align-items: start; | ||
width: 70%; | |||
} | } | ||
.hoofdbladzijde-onderschrift { | .hoofdbladzijde-onderschrift { | ||
Regel 75: | Regel 291: | ||
background-color: hsl(120, 75%, 96%); | background-color: hsl(120, 75%, 96%); | ||
border-radius: 1em; | border-radius: 1em; | ||
padding: | padding: 25px; | ||
margin: 0px 0px 0px | margin: 0px 0px 0px 0px; | ||
align-items: start; | align-items: start; | ||
} | } | ||
Regel 86: | Regel 302: | ||
.hoofdbladzijde-nieuws { | .hoofdbladzijde-nieuws { | ||
background-color: hsl(90, 75%, 96%); | background-color: hsl(90, 75%, 96%); | ||
padding: | padding: 25px; | ||
border-radius: 1em; | border-radius: 1em; | ||
margin: 0px | margin: 0px 0px 0px 0px; | ||
align-items: start; | align-items: start; | ||
} | } | ||
Regel 94: | Regel 310: | ||
.hoofdbladzijde-nieuws-hoofding { | .hoofdbladzijde-nieuws-hoofding { | ||
color: hsl(90, 75%, 25%); | color: hsl(90, 75%, 25%); | ||
margin: 10px 0px 0px 0px; | |||
} | } | ||
.hoofdbladzijde-beschrijving { | .hoofdbladzijde-beschrijving { | ||
background-color: hsl(60, 75%, 96%); | background-color: hsl(60, 75%, 96%); | ||
padding: | padding: 25px; | ||
border-radius: 1em; | border-radius: 1em; | ||
margin: 0px 0px 0px | margin: 0px 0px 0px 0px; | ||
align-items: start; | align-items: start; | ||
} | } | ||
Regel 110: | Regel 327: | ||
.hoofdbladzijde-woordenlijst { | .hoofdbladzijde-woordenlijst { | ||
background-color: hsl(180, 75%, 96%); | background-color: hsl(180, 75%, 96%); | ||
padding: | padding: 25px; | ||
border-radius: 1em; | border-radius: 1em; | ||
} | } | ||
Regel 116: | Regel 333: | ||
.hoofdbladzijde-woordenlijst-hoofding { | .hoofdbladzijde-woordenlijst-hoofding { | ||
color: hsl(180, 75%, 25%); | color: hsl(180, 75%, 25%); | ||
margin: 20px 0px 0px 0px; | |||
} | } | ||
.hoofdbladzijde-uitgelicht-woord { | .hoofdbladzijde-uitgelicht-woord { | ||
background-color: hsl(240, 75%, 97%); | background-color: hsl(240, 75%, 97%); | ||
padding: | padding: 25px; | ||
border-radius: 1em; | border-radius: 1em; | ||
} | } | ||
Regel 129: | Regel 347: | ||
.hoofdbladzijde-uitgelicht-afbeelding { | .hoofdbladzijde-uitgelicht-afbeelding { | ||
background-color: hsl( | background-color: hsl(300, 75%, 97%); | ||
padding: 15px; | padding: 15px; | ||
border-radius: 1em; | border-radius: 1em; | ||
Regel 135: | Regel 353: | ||
.hoofdbladzijde-uitgelicht-afbeelding-hoofding { | .hoofdbladzijde-uitgelicht-afbeelding-hoofding { | ||
color: hsl( | color: hsl(300, 75%, 25%); | ||
} | } | ||
.hoofdbladzijde-uitgelicht-aanhaling { | .hoofdbladzijde-uitgelicht-aanhaling { | ||
background-color: hsl( | background-color: hsl(270, 75%, 97%); | ||
padding: 15px; | padding: 15px; | ||
border-radius: 1em; | border-radius: 1em; | ||
Regel 145: | Regel 363: | ||
.hoofdbladzijde-uitgelicht-aanhaling-hoofding { | .hoofdbladzijde-uitgelicht-aanhaling-hoofding { | ||
color: hsl( | color: hsl(270, 75%, 25%); | ||
} | } | ||
Regel 184: | Regel 402: | ||
color: #525252; | color: #525252; | ||
} | } | ||
/* EINDE OUD */ | |||
/* OVERIG */ | |||
.klad { | .klad { | ||
Regel 367: | Regel 589: | ||
margin: 0px 0px -10px 0px; | margin: 0px 0px -10px 0px; | ||
align-items: start; | align-items: start; | ||
} | |||
.naamvallenhulplijst-2kolom { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
grid-template-rows: auto; | |||
padding: .5em; | |||
align-items: start; | |||
} | |||
.naamvallenhulplijst-1kolom { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
grid-template-rows: auto; | |||
padding: .5em; | |||
margin: 0px 10px 10px 10px; | |||
align-items: start; | |||
} | |||
.bron { | |||
background-color: #f8f9fa; | |||
padding: 10px; | |||
margin: 12px 0px 0px 0px; | |||
border-style: solid; | |||
border-color: #a4a9b1; | |||
border-width: thin; | |||
} | |||
.bron-inhoud { | |||
margin: -10px 0px 0px 0px; | |||
} | |||
.uitgelicht { | |||
background-color: lightgoldenrodyellow; | |||
padding: 10px; | |||
margin: 12px 0px 0px 0px; | |||
border-style: solid; | |||
border-color: darkgoldenrod; | |||
border-width: thin; | |||
} | |||
.uitgelicht-inhoud { | |||
margin: -6px 0px -5px 0px; | |||
color: darkgoldenrod; | |||
} | |||
.schouwzuil-2p { | |||
background-color: #ffe5e9; | |||
padding: 10px; | |||
margin: 12px 0px 0px 0px; | |||
border-radius: 1em; | |||
border-style: solid; | |||
border-color: darkred; | |||
border-width: thin; | |||
} | |||
.schouwzuil-inhoud-2p { | |||
margin: 0px 12px 10px 12px; | |||
color: darkred; | |||
} | |||
.schouwzuil-1p { | |||
background-color: #ffe4b2; | |||
padding: 10px; | |||
margin: 12px 0px 0px 0px; | |||
border-radius: 1em; | |||
border-style: solid; | |||
border-color: darkred; | |||
border-width: thin; | |||
} | |||
.schouwzuil-inhoud-1p { | |||
margin: 0px 12px 10px 12px; | |||
color: darkred; | |||
} | |||
.schouwzuil-hp { | |||
background-color: lightyellow; | |||
padding: 10px; | |||
margin: 12px 0px 0px 0px; | |||
border-radius: 1em; | |||
border-style: solid; | |||
border-color: darkred; | |||
border-width: thin; | |||
} | |||
.schouwzuil-inhoud-hp { | |||
margin: 0px 12px 10px 12px; | |||
color: darkred; | |||
} | |||
/* Des Jaars Dagen */ | |||
.djd { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr 1fr; | |||
grid-template-rows: auto; | |||
gap: 10px; | |||
margin: 0px 0px 0px 0px; | |||
} | |||
.djd-m { | |||
background-color: #ebebfa; | |||
padding: 10px; | |||
margin: 12px 0px 0px 0px; | |||
border-radius: 1em; | |||
border-style: solid; | |||
border-color: #3333cc; | |||
border-width: thin; | |||
} | |||
.djd-naam { | |||
color: #3333cc; | |||
} | } |
Huidige uitvoering van 25 len 2024 om 00:31
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */ body.page-Hoofdbladzijde h1 { display: none; } /************************/ /* BEGIN HOOFDBLADZIJDE */ /************************/ /* eerste rij heeft geen css */ /************************/ .tweede-rij { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 10px; margin: 25px 0px 0px 0px; align-items: start; } .welkom { background-color: hsl(120, 75%, 97%); border-radius: 1em; padding: 25px; margin: 0px 0px 0px 0px; align-items: start; border-style: solid; border-color: hsl(120, 75%, 25%); border-width: thin; } .welkom-hoofding { /* tweede rij */ color: hsl(120, 75%, 25%); } .beschrijving { /* tweede rij */ background-color: hsl(60, 75%, 97%); padding: 25px; border-radius: 1em; margin: 0px 0px 0px 0px; align-items: start; border-style: solid; border-color: hsl(60, 75%, 25%); border-width: thin; } .beschrijving-hoofding { /* tweede rij */ color: hsl(60, 75%, 25%); } /************************/ .derde-rij { /* woordenlijst */ display: grid; grid-template-columns: 1fr; grid-template-rows: auto; margin: 30px 0px 0px 0px; align-items: start; width: 70%; } .woordenlijst { /* derde rij */ background-color: hsl(180, 75%, 97%); padding: 25px; border-radius: 1em; border-style: solid; border-color: hsl(180, 75%, 25%); border-width: thin; } .woordenlijst-hoofding { /* derde rij */ color: hsl(180, 75%, 25%); } .vierde-rij { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; margin: 30px 0px 0px 0px; align-items: start; width: 80%; } .woord { /* vierde rij */ background-color: hsl(240, 75%, 97%); padding: 25px; border-radius: 1em; } .woord-tekst { /* vierde rij */ margin: 0px 0px 0px -20px; } .woord-hoofding { /* vierde rij */ color: hsl(240, 75%, 25%); } .aanhaling { /* vierde rij */ background-color: hsl(270, 75%, 97%); padding: 15px; border-radius: 1em; } .aanhaling-hoofding { color: hsl(270, 75%, 25%); } .aanhaling-tekst { padding: 15px; } .nieuwsbrief { background-color: hsl(300, 75%, 97%); padding: 30px; border-radius: 1em; border-style: solid; border-color: hsl(300, 75%, 25%); border-width: thin; } .nieuwsbrief-hoofding { /* vijfde rij */ color: hsl(300, 75%, 25%); } .afbeelding-tekst { margin: 0px 0px 0px -20px; } .vijfde-rij { /* zuilengang */ display: grid; grid-template-columns: 1fr; grid-template-rows: auto; margin: 25px 0px 0px 0px; align-items: start; width: 50%; } .zuilengang-hoofding { /* zesde rij */ color: #525252; } /************************/ /* los van bladzijdeschikking */ .links { text-align: left; } .rij-deel { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; } .rij-deelinhoud { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px -5px 0px -5px; align-items: start; } .onderschrift { color: grey; } /************************/ /* EINDE HOOFDBLADZIJDE */ /************************/ /************/ /* BEGIN OUD*/ /************/ .hoofdbladzijde-1kolom { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; } .hoofdbladzijde-2kolom-eerste { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 25px 0px -10px 0px; align-items: start; } .hoofdbladzijde-3kolom-eerste { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px 0px 0px; align-items: start; } .hoofdbladzijde-1-2kolom { display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 25px 0px -10px 0px; align-items: start; } .hoofdbladzijde-2kolom { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; padding: .5em; margin: 25px 0px -10px 0px; align-items: start; } .hoofdbladzijde-3kolom { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; } .hoofdbladzijde-1kolom-90 { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; width: 90%; } .hoofdbladzijde-1kolom-80 { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; width: 80%; } .hoofdbladzijde-1kolom-70 { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; width: 70%; } .hoofdbladzijde-onderschrift { color: grey; } .hoofdbladzijde-welkom { background-color: hsl(120, 75%, 96%); border-radius: 1em; padding: 25px; margin: 0px 0px 0px 0px; align-items: start; } .hoofdbladzijde-welkom-hoofding { color: hsl(120, 75%, 25%); } .hoofdbladzijde-nieuws { background-color: hsl(90, 75%, 96%); padding: 25px; border-radius: 1em; margin: 0px 0px 0px 0px; align-items: start; } .hoofdbladzijde-nieuws-hoofding { color: hsl(90, 75%, 25%); margin: 10px 0px 0px 0px; } .hoofdbladzijde-beschrijving { background-color: hsl(60, 75%, 96%); padding: 25px; border-radius: 1em; margin: 0px 0px 0px 0px; align-items: start; } .hoofdbladzijde-beschrijving-hoofding { color: hsl(60, 75%, 25%); } .hoofdbladzijde-woordenlijst { background-color: hsl(180, 75%, 96%); padding: 25px; border-radius: 1em; } .hoofdbladzijde-woordenlijst-hoofding { color: hsl(180, 75%, 25%); margin: 20px 0px 0px 0px; } .hoofdbladzijde-uitgelicht-woord { background-color: hsl(240, 75%, 97%); padding: 25px; border-radius: 1em; } .hoofdbladzijde-uitgelicht-woord-hoofding { color: hsl(240, 75%, 25%); } .hoofdbladzijde-uitgelicht-afbeelding { background-color: hsl(300, 75%, 97%); padding: 15px; border-radius: 1em; } .hoofdbladzijde-uitgelicht-afbeelding-hoofding { color: hsl(300, 75%, 25%); } .hoofdbladzijde-uitgelicht-aanhaling { background-color: hsl(270, 75%, 97%); padding: 15px; border-radius: 1em; } .hoofdbladzijde-uitgelicht-aanhaling-hoofding { color: hsl(270, 75%, 25%); } .hoofdbladzijde-uitgelicht-aanhaling-bewoording { padding: 15px; } .hoofdbladzijde-woordenboek { background-color: hsl(0, 75%, 97%); padding: 15px; border-radius: 1em; } .hoofdbladzijde-woordenboek-hoofding { color: hsl(0, 75%, 25%); } .hoofdbladzijde-woordenboek2 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; gap: 10px; padding: .5em; } .hoofdbladzijde-woordenboek-voorwerp { padding: 10px; border-radius: 1em; background-color: hsl(240, 75%, 94%); } .hoofdbladzijde-zuilengang { padding: 15px; border-radius: 1em; } .hoofdbladzijde-zuilengang-hoofding { color: #525252; } /* EINDE OUD */ /* OVERIG */ .klad { display: grid; grid-template-columns: 1fr 2fr 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; } .klad-voorwerp-hoofding { color: darkgoldenrod; } .klad-voorwerp { background-color: lightgoldenrodyellow; padding: 10px; border-radius: 1em; border-style: double; border: solid gold; border-width: thin; color: goldenrod; } .klad-leeg { padding: 10px; border-radius: 1em; } .scheiding { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 25px 0px 25px 0px; } .scheiding-voorwerp { padding: 10px; border-radius: 1em; } .vierogen { display: grid; grid-template-columns: 1fr 2fr 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; } .vierogen-voorwerp-hoofding { color: seagreen; } .vierogen-voorwerp { background-color: palegreen; padding: 10px; border-radius: 1em; border-style: double; border: solid green; border-width: thin; color: seagreen; } .vierogen-leeg { padding: 10px; border-radius: 1em; } .aardrijkskunde { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 10px; padding: .5em; margin: 20px 0px 0px 0px; } .aardrijkskunde-deel { background-color: rgba(170, 170, 170, 20%); padding: 10px; border-radius: 1em; } .taal { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 10px; padding: .5em; margin: 20px 0px 0px 0px; } .taal-deel { background-color: rgba(170, 170, 170, 20%); padding: 10px; border-radius: 1em; } .mensenzuil-2kolom { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; padding: .5em; align-items: start; } .mensenzuil-1kolom { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; } .mensenzuil-voorwerp { background-color: hsl(0, 75%, 97%); padding: 15px; border-radius: 1em; } .mensenzuil-hoofding { color: hsl(0, 75%, 25%); } .lijstenzuil-hoofding { color: hsl(180, 75%, 25%); } .lijstenzuil-voorwerp { background-color: hsl(180, 75%, 96%); padding: 15px; border-radius: 1em; } .lijstenzuil-1kolom { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 0px 0px -10px 0px; } .lijstenzuil-4kolom { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; } .woordenzuil-hoofding { color: hsl(240, 75%, 25%); } .woordenzuil-voorwerp { background-color: hsl(240, 75%, 97%); padding: 15px; border-radius: 1em; } .woordenzuil-1kolom { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 0px 0px -10px 0px; } .woordenzuil-4kolom { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; gap: 10px; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; } .naamvallenhulplijst-2kolom { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; padding: .5em; align-items: start; } .naamvallenhulplijst-1kolom { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 10px 10px 10px; align-items: start; } .bron { background-color: #f8f9fa; padding: 10px; margin: 12px 0px 0px 0px; border-style: solid; border-color: #a4a9b1; border-width: thin; } .bron-inhoud { margin: -10px 0px 0px 0px; } .uitgelicht { background-color: lightgoldenrodyellow; padding: 10px; margin: 12px 0px 0px 0px; border-style: solid; border-color: darkgoldenrod; border-width: thin; } .uitgelicht-inhoud { margin: -6px 0px -5px 0px; color: darkgoldenrod; } .schouwzuil-2p { background-color: #ffe5e9; padding: 10px; margin: 12px 0px 0px 0px; border-radius: 1em; border-style: solid; border-color: darkred; border-width: thin; } .schouwzuil-inhoud-2p { margin: 0px 12px 10px 12px; color: darkred; } .schouwzuil-1p { background-color: #ffe4b2; padding: 10px; margin: 12px 0px 0px 0px; border-radius: 1em; border-style: solid; border-color: darkred; border-width: thin; } .schouwzuil-inhoud-1p { margin: 0px 12px 10px 12px; color: darkred; } .schouwzuil-hp { background-color: lightyellow; padding: 10px; margin: 12px 0px 0px 0px; border-radius: 1em; border-style: solid; border-color: darkred; border-width: thin; } .schouwzuil-inhoud-hp { margin: 0px 12px 10px 12px; color: darkred; } /* Des Jaars Dagen */ .djd { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 10px; margin: 0px 0px 0px 0px; } .djd-m { background-color: #ebebfa; padding: 10px; margin: 12px 0px 0px 0px; border-radius: 1em; border-style: solid; border-color: #3333cc; border-width: thin; } .djd-naam { color: #3333cc; }