/***** most outer div (wraps the whole page); general styles *****/
div.hp {
background-color: #ffffff;
color: #333333;
}
.wikipedia-w { /* for the stylized W of Wikipedia */
font-feature-settings: 'ss05';
}
div.hp table {
margin: 0;
border-collapse: separate;
}
div.hp p {
margin: 0.5em 0;
}
.hp-afbeelding {
margin:10px;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.45);
float:right;
background:#ffffff
}
/***** header, portals, footer *****/
div.hp-header,
div.hp-portalen,
div.hp-footer {
margin: 10px 0;
background-color: #ffffff;
}
div.hp-header {
padding: 10px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
div.hp-header > table,
div.hp-portalen > table {
width: 100%;
margin: 0;
}
div.hp-header td {
vertical-align: middle;
text-align: center;
padding: 1.5em 1em;
}
div.hp-header td.hp-welkom {
width: 65%;
font-family: 'Linux Libertine G', 'Linux Libertine', 'Linux Libertine O', 'Libertinus Serif', Georgia, serif;
font-size: 1.3em;
line-height: 150%;
}
div.hp-header .hp-welkom-1 {
font-variant: small-caps;
font-size: 185%;
}
div.hp-header td.hp-welkom a {
color: #333333;
}
div.hp-header td.hp-statistieken {
border-left: 1px solid #cccccc;
}
div.hp-header .hp-statistieken-1 {
display: inline-block;
text-align: left;
}
div.hp-portalen {
padding: 2px 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
div.hp-portalen table {
text-align: center;
font-size: 0.9em;
border-spacing: 1px;
}
div.hp-portalen td { /* background-color, border-color and width are defined inline */
padding: 0;
border-width: 5px 0 0 0;
border-style: solid;
}
div.hp-portalen a {
display: block;
padding: 3px 0.25em;
color: #000000;
}
div.hp-footer {
text-align: center;
font-size: 0.95em;
}
/***** blocks of segments *****/
table.hp-block {
width: 100%;
border-spacing: 2px;
}
table.hp-block > tbody > tr > td {
vertical-align: top;
padding: 0;
}
table.hp-block h2.hp-segment-title {
background-color: #ffffff;
margin: 0;
padding: 10px 10px 10px 25px;
white-space: nowrap;
border-bottom: 1px solid #555555;
font-family: unset;
font-size: 2em;
font-variant: small-caps;
line-height: unset;
}
@media screen and ( max-width: 999px ) {
/* slightly smaller segment titles on narrower screens/windows */
table.hp-block h2.hp-segment-title {
padding-left: 15px;
font-size: 1.8em;
}
}
table.hp-block h2.hp-segment-title a {
color: #555555;
}
table.hp-block div.hp-segment-content {
padding: 10px;
border-top: 2px solid #ffffff;
}
#segment-Zusterprojecten div.hp-segment-content {
text-align: center;
}
/***** vertical lay-out on narrow screens, both desktop and mobile *****/
@media screen and ( max-width: 899px ) {
.hp-responsive-table,
.hp-responsive-table > tbody,
.hp-responsive-table > tbody > tr,
.hp-responsive-table > tbody > tr > td {
display: block;
width: 100% !important;
height: auto;
box-sizing: border-box;
}
div.hp-header td.hp-statistieken {
padding-top: 0;
border-left: 0 none;
}
div.hp-portalen table tr {
display: flex !important;
flex-wrap: wrap;
}
div.hp-portalen table td {
width: auto !important;
margin: 0 1px 1px 0;
flex: auto;
}
table.hp-block > tbody > tr {
display: flex !important;
flex-direction: column;
}
#segment-Over_Wikipedia {
background-color: transparent !important;
order: -1;
}
#segment-Over_Wikipedia h2.hp-segment-title {
display: none;
}
#segment-Over_Wikipedia div.hp-segment-content {
background-color: transparent !important;
padding: 0;
font-size: 0.95em;
}
table.hp-block tr.hp-3colsegment-content > td {
border-top: 2px solid #ffffff;
}
}
/***** vertical lay-out on narrow vector 2022 *****/
@media screen and ( max-width: 1299px ) {
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 .hp-responsive-table,
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 .hp-responsive-table > tbody,
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 .hp-responsive-table > tbody > tr,
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 .hp-responsive-table > tbody > tr > td {
display: block;
width: 100% !important;
height: auto;
box-sizing: border-box;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 div.hp-header td.hp-statistieken {
padding-top: 0;
border-left: 0 none;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 div.hp-portalen table tr {
display: flex !important;
flex-wrap: wrap;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 div.hp-portalen table td {
width: auto !important;
margin: 0 1px 1px 0;
flex: auto;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 table.hp-block > tbody > tr {
display: flex !important;
flex-direction: column;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 #segment-Over_Wikipedia {
background-color: transparent !important;
order: -1;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 #segment-Over_Wikipedia h2.hp-segment-title {
display: none;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 #segment-Over_Wikipedia div.hp-segment-content {
background-color: transparent !important;
padding: 0;
font-size: 0.95em;
}
html.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 table.hp-block tr.hp-3colsegment-content > td {
border-top: 2px solid #ffffff;
}
}
html.skin-theme-clientpref-night table.hp-block h2.hp-segment-title a {
color:#aaaaaa;
}
html.skin-theme-clientpref-night div.hp-header td.hp-welkom a {
color: #f8f9fa;
}
html.skin-theme-clientpref-night div.hp-portalen td {
background-color: transparent !important;
}
html.skin-theme-clientpref-night div.hp-portalen a {
color: white;
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os table.hp-block h2.hp-segment-title a {
color:#aaaaaa;
}
html.skin-theme-clientpref-os div.hp-header td.hp-welkom a {
color: #f8f9fa;
}
html.skin-theme-clientpref-os div.hp-portalen td {
background-color: transparent !important;
}
html.skin-theme-clientpref-os div.hp-portalen a {
color: white;
}
}
/* [[Categorie:Wikipedia:TemplateStyles-pagina's]] [[Categorie:Wikipedia:Sjablonen hoofdpagina|2020]] */
