MediaWiki:Common.css
Opmerking: nadat u de wijzigingen hebt gepubliceerd is het wellicht nodig uw browsercache te legen.
- Firefox / Safari: houd Shift ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
- Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
- Internet Explorer / Edge: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
- Opera: druk op Ctrl-F5.
/************************************************************************
Onderdeel: MediaWiki:Common.css
Toelichting: Dit is de extra styling.
Versie: 1.8
Datum: 16-04-2024
Status: Prod
Laatste wijziging: table.plain
*************************************************************************/
/* -- COLORS en branding TST-STAGING-PRD -- */
/* Kennisbank GENERAL */
.bg-primary, .main-nav .nav-item {background-color: #ffb612 !important;}
.homepage {margin-top: 0em;}
/* Kennisbank STAGING */
/* .bg-primary, .main-nav .nav-item {background-color: #ffe9b8 !important;}
.homepage {margin-top: 2em;} */
/* Kennisbank TEST */
/* .bg-primary, .main-nav .nav-item {background-color: #F3F3F3 !important;}
.homepage {margin-top: 2em;} */
/* --FIXES STAGING-- */
.oo-ui-textInputWidget, .oo-ui-textInputWidget, .oo-ui-inputWidget-input {
width: 100% !important;
}
.oo-ui-inputWidget {
margin-right: 12px !important;
}
.oo-ui-checkboxInputWidget {
display: inline !important;
}
/* --STYLES-- */
.prompt {
z-index: 100;
position: fixed !important;
bottom: 0;
left:0;
width: 100%;
border: none !important;
border-top: 1px solid #CCC !important;
margin-bottom: 0 !important;
padding: 1em !important;
line-height: 1.7;
}
.mw-editsection {
display: none !important;
}
.mw-lingo-tooltip-definition {
font-size: 1rem;
}
.mw-category {
margin-bottom: 2em !important;
margin-top: 2em !important;
}
.qtip-content p {
font-size: 1.5em !important;
line-height: 150% !important;
}
header.logo {
height: 125px;
}
header.searchbarContainer ul.main-nav li.nav-item a.nav-link {
color: #000 !important;
padding-top: 12px !important;
margin-right: 0.125em !important;
}
.mainContainer {
min-height: 720px;
}
.searchbarContainer, footer {
height: 75px !important;
}
.bg-secondary {
background-color: #FFF !important;
}
.main-nav .nav-item:hover {
text-decoration: underline;
}
.main-nav .nav-item .nav-link {
margin-left: 0.25rem !important;
}
main.mainContainer span.editedText {
margin-top: 2rem;
border-top: 1px solid #ccc;
width: 100%;
}
.mw-references-wrap {
margin-top: 2em !important;
}
/* menu scrollt onder header door */
.sticky-top {
z-index: 100 !important;
}
.col-lg-3 {
z-index: 20 !important;
}
/* aanvullende styling */
h1 {
font-size: 2.5rem !important;
}
h2 {
font-size: 1.875rem !important;
}
h3 {
font-size: 1.25rem !important;
}
h4 {
font-size: 1.1em !important;
font-style: italic !important;
font-weight: normal !important;
}
h5 {
font-size: 1em !important;
font-style: italic !important;
}
h4, h5 {
margin-bottom: 0 !important;
margin-top: 0px !important;
}
.body p {
margin-bottom: 1em !important;
border-collapse: collapse !important;
}
.body ul, .body ol, table {
margin-top: 1em !important;
margin-bottom: 1em !important;
border-collapse: collapse !important;
}
.body table, .body table td, .body table th, .body table tr {
border: 1px solid #ccc !important;
}
.body table th {
font-weight: bold !important;
background-color : #F3F3F3!important; /* grijs */
}
.body table td, .body table th {
vertical-align: top !important;
padding: 0.25em !important;
}
table.plain {
width: 100% !important;
font-size: 90%
}
.tableform {
background-color: #F3F3F3; /* grijs */
}
.body table.tableform td, .body table.tableform th, .body table.tableform tr {
border:none !important;
}
.body a.internal, .body a.external {
text-decoration: underline;
}
.nav-item a.nav-link:hover {
text-decoration: underline !important;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul,
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.3em 0 1em 1em !important;
}
#firstHeading::first-letter, .mw-category-group li::first-letter, .sc-contentlisting li::first-letter {
text-transform:uppercase !important;
}
.meer_informatie {
background-color : #F3F3F3!important; /* grijs */
border-radius: 0.5em;
font-size : 90% !important;
margin: 2em 0em !important;
padding-bottom: 1em !important;
}
.meer_informatie p {
margin-bottom: 0em !important;
}
.meer_informatie h2, .meer_informatie h3 {
margin-top: 0.25em !important;
}
.meer_informatie ul, .meer_informatie ol {
margin: 0 0 0 1.25em !important;
}
.meer_informatie_kop {
font-weight: bold;
}
.imagelink img {
max-width: 400px;
display: block;
text-decoration: none;
}
.floatright img {
margin: 0 0 0.5rem 1rem;
}
.sc-elementproperty img {
max-width: 400px;
text-decoration: none;
margin: auto;
border: 3px solid grey;
}
header.logo div.wrapper a.logo-container {
margin-left: -25px;
}
.thema img {
max-width: 400px;
display: block;
text-decoration: none;
}
.thema td {
vertical-align: top;
}
.specialist img {
max-width: 300px;
display: block;
text-decoration: none;
}
.img-thumbnailimage {
max-width: 100% !important;
height: auto !important;
}
.homepage {
float: left;
display: block;
width: 100%;
}
.homepage h2, .homepage h3 {
margin-top: 0em !important;
margin-bottom: 0em !important;
font-size: 100% !important;
}
span.editedText {
display: flex !important;
}
.nieuw, .dashboard {
float: left;
display: block;
width: 50%;
min-height: 12em;
margin-top: 1em;
margin-bottom: 1em;
padding-right: 2em;
}
.nieuw p, .dashboard p {
margin-top: 0em !important;
}
.nieuw .img-thumbnail {
border: none !important;
}
.dashboard a.external {
text-decoration: none !important;
}
.dashboard a.external:hover {
text-decoration: underline !important;
}
.kader img.locatie {
width: 100% !important;
height: 100% !important;
margin-bottom: 1em !important;
border: none !important;
}
.attentie, .inbewerking {
padding: 0 1rem;
border-left: 8px solid #01689b; /* blauw */
margin: 2rem 0;
}
.kader {
padding: 0.5em;
border: 1px solid #dee2e6;
border-radius: 0.5em;
margin-bottom: 1em;
}
.kader h2, .kader h3 {
margin-top: 0.5em !important;
}
.kader h4 {
font-weight: bold !important;
font-style: normal !important;
}
.aardkundig .img-thumbnail.tright {
border: none !important;
}
.aardkundig div.img-thumbnail div.img-thumbnailcaption {
font-size: 1em !important;
}
.term {
font-style: italic;
}
.smal {
width: 48% !important;
}
.smal h3 {
margin-block-start: 0em !important;
margin-block-end: 0em !important;
font-size: 1rem !important;
}
.inbewerking {
background-color: #fff4db; /* lichtste geel */
}
.attentie p, .inbewerking p {
margin-bottom: 0em !important;
}
.klein, .klein p, {
margin-bottom: 1em;
}
.breed {
width: 100%!important;
}
.contentkolom {
width: 75%!important;
}
span.rood, h1.rood, h2.rood, h3.rood {
color: #C00!important;
}
td.vertikaal, th.vertikaal {
text-align: center!important;
vertical-align: top!important;
writing-mode: vertical-rl!important;
transform: rotate(180deg)!important;
}
pre {
margin: 2em 0em !important;
}
.rechts {
float: right;
margin-left: 1em;
margin-bottom: 1em;
text-align: right;
}
blockquote {
margin: 2rem 0 !important;
}
blockquote.templatetekst {
margin-left: 0em !important;
font-style: italic;
}
blockquote.templatequote {
margin-left: 2em !important;
}
.kader blockquote.templatequote {
margin: 1rem 0 !important;
}
.citaat {
font-style: italic;
}
.body table.klein, .klein {
font-size: 80% !important;
}
.subpages {
display: none !important;
}
code {
color: #535353 !important;
padding: 0.25em;
border: 1px solid #888;
}
iframe {
width: 800px !important;
height:450px !important;
}
footer .fLinks { display: none; }
div.smartsearch fieldset { background: #fff; }
.catlinks {
border: 0px solid #a2a9b1; !important;
background-color:#FFF; !important;
padding: 0px; !important;
margin-top: 0em; !important;
clear: both;
}
/* Bugfix SemanticGlossary */
.mw-lingo-tooltip-tip { position: absolute; padding: 0 1em 1em; max-width: 500px; }
body.page-Hoofdpagina .mw-lingo-tooltip-tip { display: none; }
div.result h2 a {
color : black !important;
}
footer .fLinks { display: none; }
body {
margin-right : auto !important;
}
img {margin-right: 15px;}
/* SMARTPUBLISH */
.GemmaButtonIcon {
margin-top: -34px !important;
margin-left: -20px !important;
}
.StatusBanner {
/* float: right; */
z-index: 1100;
background-color: #d9ebf7;
border-right: 1px solid #004c7d;
border-bottom: 1px solid #004c7d;
padding-top: 0em;
font-family: Arial;
font-size: 75%;
position: fixed;
top: 0;
left: 0;
clear: right;
padding: 1em;
width: 15%;
}
ol.references li:target, sup.reference:target {
background-color: #eaf3ff;
}
up.reference {
unicode-bidi: -moz-isolate;
unicode-bidi: -webkit-isolate;
unicode-bidi: isolate;
white-space: nowrap;
font-weight: normal;
font-style: normal;
}
/* --MEDIA QUERIES-- */
@media only screen and (max-width: 1200px) {
div.searchbutton{
width: 156px !important;
}
}
@media only screen and (max-width: 992px) {
.img-thumbnail {
width: 310px !important;
}
.img-thumbnailimage {
max-width: 300px !important;
}
.img-thumbnailcaption {
max-width: 300px !important;
}
div.tright, div.floatright, table.floatright {
clear: right; !important;
float: right; !important;
}
header.logo {
height: 110px !important;
}
header.logo div.wrapper img {
width: 75% !important;
}
header.searchbarContainer .nav.navbar-expand-lg,
header.searchbarContainer div.navbar-collapse.show ul li {
width: 85% !important;
}
div.StatusBanner {
display: none; visibility: hidden;
}
span.mw-collapsible-toggle a {
color: #337ab7 !important;
}
.nieuw {
width: 100%;
padding-right: 0;
}
div.searchbutton {
width: 156px !important;
}
.navbar-collapse {
width: 50% !important;
}
.nav-item {
width: 20% !important;
}
iframe {
width: 640px !important;
height:360px !important;
}
}
@media only screen and (max-width: 768px) {
.img-thumbnail {
width: 210px !important;
}
.img-thumbnailimage {
max-width: 200px !important;
margin-right: 0 !important;
}
.img-thumbnailcaption {
max-width: 200px !important;
font-size: 80% !important;
margin-right: 0 !important;
}
header.logo {
height: 100px !important;
}
div.GemmaButtonIcon img {
width: 10px !important;
}
.container {
max-width: 100% !important;
}
div.img-thumbnail, iframe, .img-thumbnailinner, table, img {
max-width: auto !important;
width: auto !important;
}
.contentHeader {
margin-top: 0em !important;
}
div.searchbutton{
width: 48px !important;
}
header.searchbarContainer .nav.navbar-expand-lg,
header.searchbarContainer div.navbar-collapse.show ul li {
width: 100% !important;
padding-left: 0 !important;
}
iframe {
width: 560px !important;
height:315px !important;
}
.begrip{
width: 100%!important;
}
}
@media only screen and (max-width: 480px) {
.img-thumbnail {
width: 100% !important;
border: none !important;
}
.img-thumbnailimage {
max-width: 98% !important;
}
.img-thumbnailcaption {
max-width: 98% !important;
}
.smal {
width: 98% !important;
border: none !important;
}
iframe {
width: 400px !important;
height:225px !important;
}
}
/* --PRINT-- */
@media print {
div.img-thumbnail.tright {
width: 402px !important;
}
.img-thumbnail {
width: 402px !important;
float: right !important;
border: none !important;
}
.topBar, .bg-primary, .StatusBanner, .GemmaButtonIcon, .noprint, .printfooter {
display: none !important;
}
.tocindex {
margin-bottom: 2em !important;
}
.img-thumbnailinner img, {
-webkit-column-break-inside: avoid;
break-inside: avoid;
display: table;
}
p, div, table, h2, h3, h4, {
break-inside: avoid;
display: table;
}
h2, h3, h4 {
break-after: avoid;
}
}
Deze pagina is voor het laatst bewerkt op 26 apr 2024 om 09:03.