MediaWiki:Common.css

Uit NORA Online
Versie door Jdirks2 (overleg | bijdragen) op 17 okt 2017 om 23:01 (domein-onafhankelijk)
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 {max-width: 850px;} 

/**highlighten van linkermenu-items obv categorie, zie breadcrumbs-pagina [[MediaWiki:Breadcrumbs]] */
.active {
   background-color:#D7ECFF;
}
#mw-panel {width: 210px}

.kaderrechts {
   float: right; 
   border: 1px solid rgb(170, 170, 170);
   padding: 0.2em;
   background-color: rgb(249, 249, 249);
}
.kader400{
   width: 400px;
}
.kader270{
   width: 280px;
} 
.rechtssmal {
   float: right; 
   width: 280px;
}

.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 ol
{
list-style-type: none;
list-style-image: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJgBAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=;
padding:0;
margin-left: 0;
}
#nieuws li
{list-style-type:none;
list-style-image: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJgBAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=;
margin:0 0 4 0;
padding:0 0 0 10px;
background: url("/images/noraonline/b/bf/CSS-Pijlen.png") no-repeat scroll -93px -45px transparent;}

/*  Sjabloon:Nieuws hoofdpagina - inc truuk van https://stackoverflow.com/questions/796087/make-a-div-into-a-link */
.nieuwsitem .datum a {
    font-weight: bold;
}
.nieuwsitem a {
    text-decoration: none !important;
}
span.clickblock {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
}

/* 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;}
/* 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 */
.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(http://www.noraonline.nl/images/noraonline/2/25/Puzzelstuk_klein.png);
}

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

.kolom:nth-child(3) {
  background-image: url(http://www.noraonline.nl/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(http://noraonline.nl/images/noraonline/c/cd/Potloden_op_agenda.jpg) !important;
}
   
.achter-wegwijzers {
 background-image: url(http://www.noraonline.nl/images/noraonline/8/84/Wegwijzers.jpg) !important;
}

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

.achter-binnenhof{
  background-image: url(http://www.noraonline.nl/images/noraonline/a/a9/Binnenhof.jpg) !important;
}
.achter-puzzelstuk {
  background-image: url(http://www.noraonline.nl/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: 22px; height: 30px; background: url(/images/noraonline/4/41/Arrow.png) 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); }

Nederlandse Overheid Referentie Architectuur.

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