MediaWiki:Common.css
Naar navigatie springen
Naar zoeken springen
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.
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
/** groter lettertype in de hele wiki
#bodyContent {
font-size:11pt;
}*/
span.subpages {
display:none;
}
span.subpages a {
display:none;
}
/** voor leesbaarheid de content van pagina's niet te breed; tekstparagraven iets smaller terwijl afbeeldingen en tabellen breder mogen */
#mw-content-text {max-width: 1300px;}
p, li, ul, .smaller-tekstvak, dl {max-width: 850px;}
/**highlighten van linkermenu-items obv categorie, zie breadcrumbs-pagina [[MediaWiki:Breadcrumbs]] */
.active {
background-color:#D7ECFF;
}
#breadcrumbs2 {
color: #757575;
}
#mw-panel {width: 210px}
.kaderrechts {
float: right;
border: 1px solid rgb(170, 170, 170);
padding: 0.2em;
background-color: rgb(249, 249, 249);
margin: 0.2em;
}
.kader400{
width: 400px;
}
.kader270{
width: 280px;
}
.rechtssmal {
float: right;
width: 280px;
}
.kader400 img {
max-width: 390px;
height: auto;
}
.kader270 img {
max-width: 270px;
height: auto;
}
.bericht {
border: 1px solid rgb(187, 112, 112);
background: none repeat scroll 0% 0% rgb(255, 219, 219);
}
.intro {
font-weight: bold;
}
/** hyperlinks in de teksten meer zichtbaar, conform webrichtlijnen */
#bodyContent a {
text-decoration: underline;
/**formatting van kopjes*/
}
#bodyContent h2 {
font-weight: bold;
}
#bodyContent h3 {
font-size: 135%;
font-weight: bold;
}
#bodyContent h4 {
font-size: 120%;
font-weight: bold;
}
#bodyContent h5 {
font-size: 100%;
font-weight: bold;
}
.table a
{
display:block;
text-decoration:none;
}
/** NORA beveiliging voorpagina mooier*/
.elementlijst
{
display:none;
}
.elementlijst:target
{
display:inline;
}
/* SmartCore layout */
table.wikitable * tr th.sc-elementproperty {width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementproperty {width: 736px;}
table.wikitable * tr th.sc-elementrelation {width: 200px; text-align: center;}
table.wikitable * tr th.sc-elementrelationendpoint {width: 528px; text-align: center;}
table.wikitable * tr th.sc-elementtypeproperty {width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementtypeproperty {width: 736px;}
table.wikitable * tr th.sc-elementpropertyproperty{width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementpropertyproperty{width: 736px;}
table.wikitable * tr th.sc-elementrelationproperty{width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementrelationproperty{width: 736px;}
table.wikitable * tr th.algemeen {border-width:2px; border-color:#000000; text-align:center; vertical-align:top; }
table.wikitable * tr td.algemeen {border-width:2px; border-color:#000000; text-align:center; vertical-align:top; }
div.sc-infobox {display:table;}
div.sc-infoboxline {display:table-row;}
div.sc-infobox div.sc-infobox-empty {width:200px; display:table-cell;}
div.sc-infobox div.sc-infobox-image {text-align:left;display:table-cell;}
div.sc-infobox div.sc-infobox-definition {width:536px; display:table-cell;text-align:top;}
/** Error box **/
div#mw-missingsummary { background: rgb(252, 203, 203); padding: 5px; display: block; margin-bottom: 1em; border: 1px solid rgb(179, 46, 46); }
/** lijst zonder 'opmaak' **//
.opsomming ul{
list-style-type: none;
padding: 0;
margin-left: 0;
}
.opsomming ol{
list-style-type: none;
padding: 0;
margin-left: 0;
}
.hoofdpagina a
{
text-decoration:none;
}
#nieuws ul, .strak ul
{padding:0;
margin-left: 0;
}
#nieuws li, .strak li
{list-style-type:none;
list-style-image:none;
padding:0 0 0 10px;
background: url("/images/noraonline/b/bf/CSS-Pijlen.png") no-repeat scroll -93px -45px transparent;}
/* Sjabloon:Nieuws hoofdpagina */
.nieuwsitem a {
text-decoration:none !important;
}
.nieuwsitem .datum {
font-weight:bold;
color:black;
}
.nieuwsitem .beschrijving {text-decoration-line: underline}
/* bulleted lists met pijltje, vooral voor hyperlinks (die standaard niet onderstreept worden, omdat het pijltje al duidelijk maakt dat het links zijn). Te gebruiken met 'class="selectielijst", en standaard in kolommen */
.kolom ul, .selectielijst ul {list-style: none;
}
.kolom ul li:before, .selectielijst ul li:before {
content: "\2192 \0020";
list-style: none;
}/* inspiratie: http://www.artishock.net/coding/css-list-styling-using-ascii-special-characters/ */
.kolom ul a, .selectielijst ul a {text-decoration:none;}
.kolom ul a:hover, .selectielijst ul a {text-decoration:underline;}
.kolommen {display: flex;
flex-wrap:wrap;
}
.kolom h2{font-size: 15.75px;
font-weight: 700;
font-family: "RO Sans",Calibri,sans-serif;
}
.kolom {
width: 245px;
margin-right: 10px;
position:relative;
padding-left: 2px;
padding-right: 3px;
padding-bottom: 169px;
background-color:#E5F0F9;
background-repeat: no-repeat;
background-position: center bottom;
}
/*nu volgen standaard achtergrondafbeeldingen */
.kolom:nth-child(1), .achter-puzzelstuk{
background-image: url(/images/noraonline/2/25/Puzzelstuk_klein.png);
}
.kolom:nth-child(2) {
background-image: url(/images/noraonline/9/93/Gereedschap_klein.png);
}
.kolom:nth-child(3) {
background-image: url(/images/noraonline/f/ff/Contact_klein.png);
}
/* de volgende classes overschrijven de standaard ('nth-child') achtergronden. Ze krijgen prioriteit over nth-child, door toevoeging '!important' voor de puntkomma */
.achtergrondloos {
background-size:1px; !important;
padding-bottom:inherit;
} /*background-size:none leek niet te werken, dus hackje */
.achter-potloden {
background-image: url(/images/noraonline/c/cd/Potloden_op_agenda.jpg) !important;
}
.achter-wegwijzers {
background-image: url(/images/noraonline/8/84/Wegwijzers.jpg) !important;
}
.achter-wegwijzers2{
background-image: url(/images/noraonline/thumb/6/68/Wegwijzers2.jpg/250px-Wegwijzers2.jpg) !important;
}
.achter-binnenhof{
background-image: url(/images/noraonline/a/a9/Binnenhof.jpg) !important;
}
.achter-puzzelstuk {
background-image: url(/images/noraonline/2/25/Puzzelstuk_klein.png) !important;
}
/** gebruikersonderzoek (SmartSurvey) **/
div#smartsurvey {
position: fixed;
width: 282px;
bottom: 0px;
right: 22px;
border: none !important;
margin: 0 !important;
padding: 6px !important;
background: rgba(255,255,255,.80);
box-shadow: 0 0 10px #666;}
div#smartsurvey div.entryForm {color: #fff; margin: 0; padding: 5px; }
div#smartsurvey div.entryForm p { display: none; }
div#smartsurvey div.entryForm div.question {
padding-left: 12px;
float: left;
width: 90px;
background: #42145f;
line-height: 30px;
height: 30px;}
div#smartsurvey div.entryForm div.arrow { width: 21px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAA5CAMAAACVg1IlAAABblBMVEX///+N0uGK0uGL09+L0+KM0eGO1OCMz9+Mz+CM0N2J0uGKz9+K0uCK0uGK1OGL0N+L0OCL0+GL0+KMz9+Mz+CM0N2M0eCM0eGN0OCN0OGN0uGN0uKOz+GO0OCO0eGO0uWO0+OP0OKL0+Frg6lbVoxcVYtcV41cWY5cXI5dW41dXY9eVY5eWZFeWoxeW5BeXI1eXpBeYJBfXJFfXY9fX5FgYJJgYJRgYpNgZJRhX5FhYZNhY5NhY5ZhZ5diZpZjY5djZ5ZjZ5djaZlja5pkZpdkbJpkbJtlaZllbZxlcJ5lcp9maJlmaZxmbp1mcZ9nb51lcp89FVw+Fl8/E14/FV8/FWFAFF9AFGFAFVxAFV1AFl5AFmBAFmJBE1xBE15BFWBBFWJBFl5CEl5CE2FCFFxCFF1CFF9CFmFDEmFDE11DE19DFGJDFV1DFV5DFWBEE2JEFF5EFGBEFV1EFmFFEl1FEl9FFWFGE15GE2BGE2J4qwIjAAAAUXRSTlMAAxERERwiIyMjJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkRsfj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4/CWvedFAAACLklEQVR4AY3VWVcTTxAF8Pnvi8G4YEIAdwTFfRF3VBR3XAxWbEPSDkNdMhW6SCsofnt9kMOTp+s+zvk9TXffm+FnWqzx9bG///rjz99/y36ZbV2SuPJlfftzQm94RCw/G7JpQguByoVRk84LDKAsT4YsGmXAO8S2zO+1aPb96IXBc0cMWgDPJZgGc2NJvR3ht5tzFasuKTLfHzPqPMIDDys23W1+lKA8e8ikeZ0GAG9dr1n0VmBf+Lg4uFUz6BZzvxm7OcUfPKmpiB3PAYTy2sGU3kmgeKNu1Yw2wtX/rTqKelyp2zQB2vF8uWbSeUGsQLxQsWhsOIK0Sc9XDLr56WsB7QbEs5W0ZoKjEJQUp6pJvZMcZ/ZYtQTHNPWPUVPe2VztTPxr0yi1eBPWJ/6zaUdQKfW4STssQVvuxAGbLgQDd7qamXSPXGhNVlOnoz0Qq+Ti3OSu9P9mFkEuKzq1P0tp4cDwTc1xctxwv5k9OO/xuUaW1j4qlLR7qWp6aT1w85ubHra+NI/300czkxaHHi6Op3pQe4vMXlhcmEn2iS7nHIQ4rmBmJL0NObN48Ae62TD0YOConVC42w1Lf0Ow+BlydyQz6E4kRsGz9cyiPWkHa3eGjQsYXJ/vNRKb5lR8yV6YlvC8lt7i4PClWeomv0hvceTA3muEPq5kSU2O++K4wIN9WVoPsLrcFpc/OpwZNAvlUqzN784smjzYrSyMZSYdSyncqx2cPp2nown8HYB7WAYi8toYAAAAAElFTkSuQmCC) no-repeat right; float: left; }
div#smartsurvey div.entryForm input#SmartSurveyVote { border: 1px solid black; background: #fff; font-weight: bold; width: 55px; padding:7px; }
div#smartsurvey div.mailForm { margin-top: -40px; padding: 5px; margin-bottom: -38px; font-weight: bold; }
div#smartsurvey div.mailForm input#SmartSurveySubmitEmail { border:1px solid black; background: #fff; font-weight: bold; padding:5px; }
div#smartsurvey > p { padding: 5px;
background: rgba(255,255,255,.92); }
/* voor Sjabloon:ISOR-metadata */
.metadata th {
vertical-align: top;
text-align: left;
}
th.tussenkop {
font-size: 16px;
padding-top: 20px;
padding-bottom: 4px;
}
/* ISOR opsommingen conform hun opmaak; nummer, letter, romeins cijfer */
.privacyprincipe li > ol > li, .normen li > ol > li {
list-style-type: lower-alpha;
}
.privacyprincipe li > ol > li > ol > li, .normen li > ol > li > ol > li {
list-style-type: lower-roman;
}
.Criterium i {
font-weight: 700;
color: rgb(67,21,96);
}
/* Huisstijl 2015 kleuren:
Blauw: rgb(0,124,199)=#007CC7
Lichtblauw rgb(144,206,224)=#90CEE0
Paars: rgb(67, 21, 96)= #431560
white, black */
/*
* Allow limiting of which header levels are shown in a TOC;
* <div class="toclimit-3">, for instance, will limit to
* showing ==headings== and ===headings=== but no further.
* Gebruikt in [[Sjabloon:Toclimit]]
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* geen afbeeldingen links van een tabel */
table.wikitable {clear:left;}
.archief-eigenschappen {
color: #000000b3;
max-width: 850px;
border: gray dashed 1px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}
# het inspringen via dubbelepunt is semantisch onjuist en daarom in strijd met DigiToegankelijk. ALternatief sjabloon:inspring
.inspring {
padding-left: 1.6em;
}
. pijl::before {
content: "→";
}