MediaWiki:Common.css: verschil tussen uitvoeringen
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
Regel 129: | Regel 129: | ||
.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 135: | ||
.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 145: | ||
.hoofdbladzijde-uitgelicht-aanhaling-hoofding { | .hoofdbladzijde-uitgelicht-aanhaling-hoofding { | ||
color: hsl( | color: hsl(270, 75%, 25%); | ||
} | } | ||
Uitvoering van 2 spr 2023 23:21
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */ body.page-Hoofdbladzijde h1 { display: none; } .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 { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px 0px -10px 0px; align-items: start; } .hoofdbladzijde-1kolom-inhoud { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; padding: .5em; margin: 0px -5px 0px -5px; align-items: start; } .hoofdbladzijde-onderschrift { color: grey; } .hoofdbladzijde-welkom { background-color: hsl(120, 75%, 96%); border-radius: 1em; padding: 15px; margin: 0px 0px 0px 5px; align-items: start; } .hoofdbladzijde-welkom-hoofding { color: hsl(120, 75%, 25%); } .hoofdbladzijde-nieuws { background-color: hsl(90, 75%, 96%); padding: 15px; border-radius: 1em; margin: 0px 5px 0px 0px; align-items: start; } .hoofdbladzijde-nieuws-hoofding { color: hsl(90, 75%, 25%); } .hoofdbladzijde-beschrijving { background-color: hsl(60, 75%, 96%); padding: 15px; border-radius: 1em; margin: 0px 0px 0px 5px; align-items: start; } .hoofdbladzijde-beschrijving-hoofding { color: hsl(60, 75%, 25%); } .hoofdbladzijde-woordenlijst { background-color: hsl(180, 75%, 96%); padding: 15px; border-radius: 1em; } .hoofdbladzijde-woordenlijst-hoofding { color: hsl(180, 75%, 25%); } .hoofdbladzijde-uitgelicht-woord { background-color: hsl(240, 75%, 97%); padding: 15px; 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; } .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; }