MediaWiki:Common.css

Uit NORA Online
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;
}*/

/* kruimelpad werd onzichtbaar hierdoor
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: 2000px;}
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;
}

.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 h2 {
    margin-top: 0px;
}
:is(#nieuws, .strak, .kolom) ul
{padding:0;
margin-left: 6px;
}

.kolom :is(p, h2){
  margin-left: 4px;
}
:is(#nieuws, .strak, .kolom, .selectielijst) li, .pijl
{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}

.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 h2:nth-child(1) {margin-top:0.1em
}

.kolom {
  width: 255px;
  margin-right: 10px;
  position:relative;
  padding-right: 3px;
  background-color:#E5F0F9;
  background-repeat: no-repeat;
  background-position: center bottom;
 }
.thema .kolom {padding-bottom: 270px;}
/*nu volgen standaard achtergrondafbeeldingen */
.thema .kolom:nth-child(1), .achter-puzzelstuk{
  background-image: url(/images/noraonline/2/25/Puzzelstuk_klein.png);
}

.thema .kolom:nth-child(2) {
  background-image: url(/images/noraonline/9/93/Gereedschap_klein.png);
}

.thema .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;
  padding-bottom: 170px;
}

.achter-wegwijzers {
  background-image: url(/images/noraonline/8/84/Wegwijzers.jpg) !important;
  padding-bottom: 170px;
}

.achter-wegwijzers2{
  background-image: url(/images/noraonline/thumb/6/68/Wegwijzers2.jpg/250px-Wegwijzers2.jpg) !important;
  padding-bottom: 170px;
}

.achter-binnenhof{
  background-image: url(/images/noraonline/a/a9/Binnenhof.jpg) !important;
  padding-bottom: 170px;
}
.achter-puzzelstuk {
  background-image: url(/images/noraonline/2/25/Puzzelstuk_klein.png) !important;
  padding-bottom: 170px;
}
/** 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.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 nummering in ToC als je [[Sjabloon:Toc zonder nummer]] gebruikt. */
.noautonum .tocnumber { 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, .pijl {
    margin-left: 1.6em;
}
.inspring, .pijl {margin-left:0;}
/* raamwerk gegevenskwaliteit */
.Gegevenskwaliteit td, .Gegevenskwaliteit th {
    border: solid black 1px;
    padding-left: 4px;
    padding-right: 4px;
  padding-top: 4px;
  padding-bottom:4px;
text-align:center;
  width:10%;
height: 3em;
}
.Gegevenskwaliteit th, .Gegevenskwaliteit th a {
    background-color: #4040c8;
    color: white;
}
table.Gegevenskwaliteit {
  border-spacing: 10px;}
table.Gegevenskwaliteit .Beschrijving {
    font-size: small;
font-weight: normal;
}

.actiepunt:target {background: #df9;}

.wittekst :is(a, a.external, a:visited, h3, h2),
.wittekst,
a.wittekst {color:white}

/*WCAG Digitoegankelijk */

.mw-ui-input {
    border-color: black;}

.OnderwerpKader { }
.onderwerp-toc {
 border-top: gray 1px solid;
  resize: vertical;
  overflow: auto;
max-height: 500px;
}

.onderwerp-toc p {
  padding-bottom: 0px;
  margin: 0 auto 0 auto;

}
.onderwerp-toc ul {
 margin-left: 3px;
 list-style-type: none;
 list-style-image: none;
border-left: 1px solid lightgray;
padding-left: 2px;
}

Nederlandse Overheid Referentie Architectuur.

Overgenomen van "https://www.noraonline.nl/index.php?title=MediaWiki:Common.css&oldid=67812"