MediaWiki:Common.css: verschil tussen uitvoeringen

Uit Zaakwoordenboek der Lage Landen
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
Regel 129: Regel 129:


.hoofdbladzijde-uitgelicht-afbeelding {
.hoofdbladzijde-uitgelicht-afbeelding {
     background-color: hsl(280, 75%, 97%);
     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(280, 75%, 25%);
     color: hsl(300, 75%, 25%);
}
}


.hoofdbladzijde-uitgelicht-aanhaling {
.hoofdbladzijde-uitgelicht-aanhaling {
     background-color: hsl(260, 75%, 97%);
     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(260, 75%, 25%);
     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;
}