MediaWiki:Common.css: verschil tussen versies

Versie van 22 mei 2015 09:27

/* {{MediaWiki CSS/JS navigatie}}
Deze stylesheet is bedoeld voor CSS wat in alle skins gebruikt wordt. CSS wat specifiek betrekking heeft op de monobook skin, hoort in [[MediaWiki:Monobook.css]].

== Plainlinksneverexpand ==
Onderstaande is uit [[:en:MediaWiki:Common.css]] gekopieëerd.

Dit wordt o.a. gebruikt in [[Sjabloon:ref]].

''Add formatting to make sure that "external references" from [[Template:Ref]] do not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was that the HTML code contained a SPAN following the anchor A; this SPAN had the class "urlexpansion", which was not displayed on screen, but was shown when the medium was "print". The rules below ensure (a) that there is no extra padding to the right of the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for the link, and (c) that this SPAN of class "urlexpansion" is never shown.''

<pre><nowiki>*/
.plainlinksneverexpand {
  background: none ! important;
  padding: 0 !important;
}

.plainlinksneverexpand .urlexpansion {
  display : none ! important;
}

/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
   background: none !important;
   padding: 0 !important;
}

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/
.plainlinksneverexpand a.external.autonumber:after {
  display: none !important;
}

/* Remove padding from external links displayed without icon */
#bodyContent .plainlinks a {
   padding: 0 !important;
}

/*</pre>

== Tabelfuncties ==
=== Prettytable en wikitable===
Maakt een tabel met grijze achtergrond en lijnen, met een donkergrijze kop. 

<pre>*/
.prettytable, .prettytable table, .wikitable, .wikitable table
{
    border: 1px solid #aaa;
    border-collapse: collapse;
    font-size: 95%;
    margin: 1em 0;
    background: #f9f9f9;
}

.prettytable table, .wikitable table
{
    margin: 0;
}

.prettytable td, table.prettytable th, .wikitable td, table.wikitable th
{
    border: 1px solid #aaa;
    padding: 4px;
}

.prettytable th, .wikitable th
{
    background-color: #ddd;
}

/*</pre>

=== Infobox===
Maakt een tabel met grijze achtergrond en lijnen, met een donkergrijze kop. Deze tabel is rechts uitgelijnd.

(Deze infobox-style is gekopieerd van en-wikipedia, waar deze veel gebruikt wordt.

<pre>*/
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaaaaa;
}
/*</pre>

=== Overige functies ===
Kopcellen links uitlijnen.

<pre>*/
.thleft th, th.thleft
{
    text-align: left;
}
/*</pre>

Ter vervanging van <code>valign=top</code>. (gebruik <code><nowiki>{| class="vatop"</nowiki></code>)

<pre>*/
.vatop tr, tr.vatop, .vatop td, .vatop th
{
    vertical-align: top;
}

/*</pre>


== In- en uitklapfunctie ==
Wordt o.a. gebruikt in [[Sjabloon:Toggletext]].

<pre>*/
div.UitklapFrame {
    clear: both;
    margin: 0;
    padding: 0;
    border: 1px solid #aaa;
    border-collapse: collapse;
    background-color:#f9f9f9;
    font-size: 95%;
}
div.UitklapFrameNoClear {
    margin: 0;
    padding: 0;
    border: 1px solid #aaa;
    border-collapse: collapse;
    background-color:#f9f9f9;
    font-size: 95%;
}
div.UitklapFrame div.UitklapHead {
    padding: 0 .5em;
    text-align: center;
    font-weight: bold;
    background-color: #ddd;
}
div.UitklapFrame div.UitklapContent {
    padding: 5px;
}
div.UitklapEind {
    clear: both;
}
div.UitklapEindNoClear {
}
a.UitklapToggle {
    font-size: x-small;
    float:right;
    padding: 0 .5em;
}


/*</pre>


== NavFrame ==
Van [[:en:MediaWiki:Common.js]]
Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]].

<pre>*/
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccf;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}

/* </pre>

== Kleine aanpassingen ==
<pre> */
/* Redirects cursief en groen in Speciaal:Allpages en Speciaal:Prefixindex, alsook in het scherm 'Volglijst bewerken'  */
.allpagesredirect a, .redirect-in-category a, .watchlistredir {
    font-style: italic;
    color: green;
}

.allpagesredirect a:visited {
    color: #004000;
}

/* hiddenstructure wordt gebruikt in o.a. Sjabloon:Infobox_luchthaven maar werd alleen maar in de monobook skin gedefinieerd. Gekopieerd uit http://nl.wikipedia.org/skins-1.5/monobook/main.css */
.hiddenStructure {
	display: none;
	speak: none;
}

/* box op je volglijst met links naar andere volglijsten standaard niet afgebeeld */
/* om het te tonen verander je het in "display:block" in je eigen css */
#volglijstkader {
    display: none;
} 

/* standaard categorieboom in Categorie:Alles verbergen */
body.page-Categorie_Alles #mw-subcategories,
body.page-Categorie_Alles #mw-pages
  { display:none !important; }


/* afbeeldingen naastelkaar uitgelijnd */
div.afbnaastelkaar div.floatleft, 
div.afbnaastelkaar table.floatleft, 
div.afbnaastelkaar div.tleft 
{ clear:none; }

/* verschil in recente wijzigingen in rood en groen */
.mw-plusminus-pos {
   color:green;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* binnen deze class krijgt de TOC geen border en achtergrondkleur */
.toczonderstijl table#toc, .toczonderstijl table.toc {
   border: none;
   background-color: transparent;
   padding: 0;
}

/* achtergrondkleur target reference lichtblauw */
/* zodat de gewenste referentie makkelijk te vinden is */
/* overgenomen uit en.wikipedia, werkt alleen in Firefox en Safari */
ol.references > li:target {
   background-color: #DEF;
}

/* Interwiki links naar etalageartikelen. Zie [[Sjabloon:Link FA]] */
.portlet li {
  list-style-image: url("http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png");
}
li.FA {
  list-style-image: url("http://upload.wikimedia.org/wikipedia/en/d/d4/Monobook-bullet-star.png");
}
/* Kolommen van gelijke breedte op categoriepagina's */

div#mw-subcategories td, div#mw-pages td {
 width:33%;
}

/* Zorgt dat interlinie niet gewijzigd wordt bij het gebruik van <sup>, <sub> en <ref>-tags */
sup, .reference { 
  vertical-align: text-top;
  position: relative;
  font-size: 0.80em;
  top: -5px;
}
 
sub {line-height:0;}

/* Zet de hoogte van de bewerkknoppenbalk al voor het laden vast */
#toolbar { position:relative; height:22px; margin-top:1em;}

/* Fix om [[Sjabloon:Code]] goed weer te geven */
/* Bron: WikiBooks - http://nl.wikibooks.org/w/index.php?title=MediaWiki:Monobook.css&oldid=83526 */
div.CodeSjabloon pre {
    border: 0;
    background: transparent;
    overflow: auto;
}

/* </pre>

==CommonsTicker==
<pre> */

/************************/
/* CommonsTicker styles */
/************************/

/* Link */
.tickerDiffLink { } /* diff links in ticker */
.tickerMiscLink { } /* misc links in ticker */

.tickerUsage  { font-size:80%; }  /* ticker usage list */

/* per-type styles */
.tickerEntry_deleted     { }                       /* entry for image deletion */
.tickerEntry_restored    { }                       /* entry for restored image */
.tickerEntry_replaced    { }                       /* entry for image replacement */
.tickerEntry_tagged      { }                       /* entry for adding/removing problem tags */
.tickerEntry_redir       { }                       /* entry for critical redirection (fot tag redirects) */
.tickerEntry_recat       { }                       /* entry for critical re-categorization (for tag categories) */
.tickerEntry_notify      { }                       /* entry for global notifications */
.tickerEntry_changed     { }                       /* entry for generic change */

/* per-status styles */
.tickerStatus_done     { text-decoration:line-through; }  /* strike through when entry has been handeled */

/* per-action styles */
.tickerAction_deleted     { background:#F88; }     /* action marker for image deletion */
.tickerAction_restored    { background:#8F8; }     /* action marker for restored image */
.tickerAction_replaced    { background:#FED; }     /* action marker for image replacement */
.tickerAction_deletedRev  { background:#FDD; }     /* action marker for revision deletion */
.tickerAction_replacedOwn { background:none; }     /* action marker for image replacement by uploader */
.tickerAction_addedBad    { background:#FDD; }     /* action marker for adding problem markers */
.tickerAction_removedBad  { background:#DFD; }     /* action marker for removing problem markers */
.tickerAction_addedGood   { background:#DFD; }     /* action marker for adding license markgers  (for tag categories) */
.tickerAction_removedGood { background:#FDD; }     /* action marker for removing license markers (for tag categories) */

/* minor entry styles */ 
.tickerMinorEntry  { color:#666; }     /* minor entry */
.tickerMinorEntry a,
.tickerMinorEntry a:link,
.tickerMinorEntry a:visited { color:#669; }
#bodyContent .tickerMinorEntry a.extiw,
#bodyContent .tickerMinorEntry a.extiw:link,
#bodyContent .tickerMinorEntry a.extiw:visited { color:#669; }

.tickerTemplateEntry    { font-weight: bold; }    /* entry applies to a template used by multiple images */
.tickerSubEntry         { }                       /* sub-entry for multi-image entry */

/*</nowiki></pre>*/

/*
== Sjabloon:Coördinaten ==
CSS-klasse voor [[Sjabloon:Coördinaten]].
<pre>*/
#coordinates {  
   line-height:1.2em;
   position: absolute;
   z-index: 1;
   right: 12px;
   top:0.6em; 
   background: #fff;
   padding-left:.5em;
   text-align: center;
   font-size: 85%;
}
/* </pre>

== Hoofdpagina == 
Onderstaande wijzigingen zijn noodzakelijk voor de layout van de nieuwe hoofdpagina
<pre>*/
/* Tonen van de borders voor Internet Explorer */
.BGorange1 {
 background-image: url(http://upload.wikimedia.org/wikipedia/commons/0/02/BGorange1.jpg);
 background-repeat: repeat-x
}

.BGorange2 {
 background-image: url(http://upload.wikimedia.org/wikipedia/commons/a/a7/BGorange2.jpg);
 background-repeat: repeat-x
}

.PPcornerTop { background-image: url(http://upload.wikimedia.org/wikipedia/nl/7/75/PPcornerTop2nl.gif); background-position:top left; background-repeat:no-repeat; width:10px; height:10px;}

.PPcornerBottom { background-image: url(http://upload.wikimedia.org/wikipedia/nl/b/bb/PPcornerBottomnl2.gif); background-position:bottom left; background-repeat:no-repeat; width:10px; height:10px;}

body.page-Hoofdpagina h1.firstHeading { display: none; }
/*</pre>

== PDF icons == 
Dit is gekopieerd vanaf commons.css op de Engelstalige Wikipedia.  
<pre>*/

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external, 
#bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, 
#bodyContent a[href*=".PDF#"].external {
    background: url(http://upload.wikimedia.org/wikipedia/commons/8/83/15x18-fileicon-pdf.png) center right no-repeat;
    padding-right: 16px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
    background: url(http://upload.wikimedia.org/wikipedia/commons/8/83/15x18-fileicon-pdf.png) center right no-repeat !important;
    padding-right: 17px !important;
}

/*</pre>

== Referenties ==
<pre>*/
/* make the list of references look smaller */
ol.references {
   font-size: 100%;
}
 
.references-small { font-size: 90%;}

/*</pre>

== Inhoudsopgave ==
<pre>
Van [[:en:]]:
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 (as long as
there are no =headings= on the page, which there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}

/*</pre>

== Overig ==
<pre>*/
.fundraiser-button, .fundraiser-button a:link, .fundraiser-button a:active, .fundraiser-button a:visited {
        color: white; /* on red bg */
}

/* Metadata (bijv. [[Wikipedia:Persoonsgegevens|Persoonsgegevens]]) */

 table.metadata {
    border: 1px solid #aaaaaa;
    display: none;
 }
 .metadata-label {
    color: #aaaaaa;
 }

/* Recent gewijzigde pagina's op volglijst niet vet */
.page-Speciaal_Volglijst strong.mw-watched {font-weight:normal;}

/* Geen groene balken in de bewerkingsgeschiedenis */
.updatedmarker{display:none;}

/* "Alle pagina's markeren als bezocht" op volglijst verbergen  */
/* .page-Speciaal_Volglijst table+p+form {display:none;} */
div.watchlist-messages+p+form {display:none;} /* Vanwege aanpassingen in MediaWiki:Watchlist-details */

/* Ten behoeve van de Titel_item (zodat de sjablonen niet direct tegen elkaar staan) */
.Titel_item{
padding-left:15px;
}

/* Voor de rechterbovenmargesjablonen */
/* Verbeterde versie, op deze manier krijgen niet-javascript browsers ook een nette versie te zien */
/* Zodat pagina's elkaar niet overlappen */
 
.Titel_item2 {
 float:right;
 position:absolute;
 top:0px;
 right:0px;
}
 
.Titel_item3 {
 float:right;
 padding-left:10px;
 display:block;
}
 
.Titel_item2#Beveiligd, .Titel_item2#Titelbeveiligd, .Titel_item2#Semibeveiligd {right:5px;}
.Titel_item2#Etalage {right:170px;}
.Titel_item2#Woordenboek {right:196px;}
.Titel_item2#Coordinaten {right:219px;}
/*</pre> */

/**
 * Stijl voor aftakking lijsten
 * Zie Sjabloon:Stamboom2
 */
.treeview ul {
    margin: 0;
    padding: 0;
}
.treeview li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    zoom: 1; /* Trigger inline-block in IE6 */
}
.treeview li li {
    background: url(//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png) no-repeat 0 -2981px;
    /* @noflip */
    padding-left: 20px;
    text-indent: 0.3em;
}
.treeview li li.lastline {
    background-position: 0 -5971px;
}
.treeview li.emptyline > ul {
    /* @noflip */
    margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
    background-position: 0 9px
}