MediaWiki:Common.css

/* Vertoon 'n lang lys in kolomme. Sien Sjabloon:kolomme-bo en Sjabloon:kolomme-onder */
.lys-met-kolomme > ul {
    margin-top: 0;
}
.lys-met-kolomme li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

/* Groter horisontale indentasie vir ':teks' */
dl {
    padding-left: 1.6em;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
   padding-left: 1.6em;
}
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
   padding-left: 1.6em;
}

/*
== 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>*/
.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/w/skins/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 ===
Maakt een tabel met grijze achtergrond en lijnen. Voor los gebruik en in [[Sjabloon:Prettytable]]. Eventueel overschrijven in bijvoorbeeld [[MediaWiki:Monobook.css|Monobook.css]], [[MediaWiki:Cologneblue.css|Cologneblue.css]].

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

.prettytable table
{
    margin: 0;
}

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

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

/*</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
{
    vertical-align: top;
}

/*</pre>

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

<pre>*/
div.UitklapFrame {
    clear: both;
    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;
}
a.UitklapToggle {
    font-size: x-small;
    float:right;
    padding: 0 .5em;
}

/* </pre>

== Kleine aanpassingen ==
Redirects cursief en groen in [[Speciaal:Allpages]] en [[Speciaal:Prefixindex]]. Eventueel overschrijven in bijvoorbeeld [[MediaWiki:Monobook.css|Monobook.css]], [[MediaWiki:Cologneblue.css|Cologneblue.css]].
<pre> */
.allpagesredirect a {
    font-style: italic;
    color: green;
}

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

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
} 
/* </pre>

/* NavFrames */
div.Boxmerge,
div.NavFrame,
details.NavFrame {
	margin: 0px 0px -1px 0px;
	padding: 2px;
	border: 1px solid #aaaaaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
	overflow: auto;
	width: auto;
}

div.Boxmerge div.NavFrame {
	border-style: none;
	border-style: hidden;
}

div.NavPic {
	background-color: #ffffff;
	margin: 0px;
	padding: 2px;
	float: left;
}

div.NavFrame div.NavHead,
details.NavFrame summary.NavHead {
	min-height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	background-color: #efefef;
	padding-left: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
	background-image: -moz-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
	background-image: -o-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
}

div.NavFrame div.NavHead:hover,
details.NavFrame summary.NavHead:hover {
	background-color: #F6F6F6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F3F3F3), color-stop(0.6, #EAEAEA));
	background-image: -moz-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
	background-image: -o-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
}

div.NavFrame div.NavHead:active,
details.NavFrame summary.NavHead:active {
	background-color: #E3E3E3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#DFDFDF), color-stop(0.6, #D3D3D3));
	background-image: -moz-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
	background-image: -o-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
}

div.pseudo div.NavHead:hover { background-color: #EFEFEF; }

div.pseudo div.NavHeadpseudo:active { background-color: #EFEFEF; }

div.NavFrame p {
	font-size: 100%;
}

div.NavFrame div.NavContent,
details.NavFrame div.NavContent {
	font-size: 100%;
}

div.NavFrame div.NavContent p,
details.NavFrame div.NavContent p {
	font-size: 100%;
}

div.NavEnd {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	clear: both;
}

span.NavToggle {
	cursor: pointer;
	float: right;
	font-weight: normal;
	font-size: smaller;
}