MediaWiki:Common.css

table.infobox {
    text-align: center;
    float: right;
    clear: right;
    margin: 0.5em 0 0 0;
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    font-size: 100%;
}
 
table.infobox td, tr, th
{
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 4px;
    vertical-align: middle;
}
 
table.infobox th
{
    background-color: #FFFFE0;
}
 
td.infoboxrijhoofding
{
    background-color: #FFFFE0;
}

table.infoboxlinks
{
    text-align: center;
    clear: both;
    margin: 0.5em 0 0 0;
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    font-size: 100%;
}
 
table.infoboxlinks td, tr, th
{
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 4px;
    vertical-align: middle;
}
 
table.infoboxlinks th
{
    background-color: #FFFFE0;
}

table.infoboxvolledig
{
    text-align: center;
    clear: both;
    margin: 0.5em 0 0 0;
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    font-size: 100%;
    width: 100%;
}
 
table.infoboxvolledig td, tr, th
{
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 4px;
    vertical-align: middle;
}
 
table.infoboxvolledig th
{
    background-color: #FFFFE0;
}


/**
 * class "prettytable" is een oude nog van voordat "wikitable" in de software
 * kwam. Hier behouden voor compatibiliteit.
 * Synchroniseer met "wikitable" stijl in mediawiki-core/skins/common/shared.css
 *
 * Gekopieerd van: nl.wikipedia.org/wiki/MediaWiki:Common.css
 */
table.prettytable {
	margin: 1em 1em 1em 0;
	background-color: #f9f9f9;
	border: 1px #aaa solid;
	border-collapse: collapse;
	color: black;
}
table.prettytable > tr > th,
table.prettytable > tr > td,
table.prettytable > * > tr > th,
table.prettytable > * > tr > td {
	border: 1px #aaa solid;
	padding: 0.2em;
}
table.prettytable > tr > th,
table.prettytable > * > tr > th {
	background-color: #f2f2f2;
	text-align: center;
}
table.prettytable > caption {
	font-weight: bold;
}

/**
 * Aangepaste stijl voor kopjes voor wikitable/prettytable
 */
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.prettytable > tr > th,
table.prettytable > * > tr > th {
	background-color: #ddd;
}


/* Class for links with loudspeaker icon next to them */

.audiolink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/16px-Loudspeaker.svg.png") center left no-repeat !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.*/

div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        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: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
        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;
}

       /* Sindhi [[Template:sd-Arab]]*/
        .sd-Arab {
            font-family: MB Sindhi, MBSarang Sattar, MB Bhitai Sattar, MB Lateefi, Ayaz Gul, Tahoma, sans-serif;
            font-size: 125%;
            }

/* Babel-extensie */
.mw-babel-footer { display: none; }

div.mw-babel-box table th {
 font-family: Arial;
}
div.mw-babel-box-1, div.mw-babel-box-2, div.mw-babel-box-3 {
 border-color: #99B3FF;
}
div.mw-babel-box-1 table th, div.mw-babel-box-2 table th, div.mw-babel-box-3 table th {
 background-color: #99B3FF;
}
div.mw-babel-box-1 table td, div.mw-babel-box-2 table td, div.mw-babel-box-3 table td {
 background-color: #E0E8FF;
}
div.mw-babel-box-5 {
 border-color: #6ef7a7;
}
div.mw-babel-box-5 table th {
 background-color: #6ef7a7;
}
div.mw-babel-box-5 table td {
 background-color: #c5fcdc;
}
div.mw-babel-box-4 {
 border-color: #77E0E8;
}
div.mw-babel-box-4 table th {
 background-color: #77E0E8;
}
div.mw-babel-box-4 table td {
 background-color: #D0F8FF;
}
div.mw-babel-box-0 {
 border-color: #ffb3b3;
}
div.mw-babel-box-0 table th {
 background-color: #ffb3b3;
}
div.mw-babel-box-0 table td {
 background-color: #ffe0e8;
}

/* TemplateData als sjablooninfo opmaken met sjablonen TemplateData-top en TemplateData-bottom */

.templatedatabox {
 background-color: #f8f9fa;margin-top: 0.5em;padding: 0.2em 0.4em;border: 1px solid #c8ccd1;
}

/* Kader met afgeronde zoeken*/
.roundedframe {
       margin: 0.1em 1em 0.1em 0.5em; 
       padding: 0.2em 0.5em 0.5em 0.5em; 
       border: 0.12em solid #c8ccd1; /*Base70*/
       border-radius: 0.2em;
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0.5em; /* Bleek een praktische waarde bij opmaak Hoofdpagina; was 0 */
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after {
    content: " ";
}
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}

/* Achtergrondkleuren, ontleend aan WM-GUI
https://design.wikimedia.org/style-guide/visual-style_typography.html 
Alleen lichte tinten, voor contrast met tekst (inclusief links);
"accent" (blauw) is alleen voor tekst over acties van de gebruiker.
*/
.background-white {
   background-color: #fff; /*Base100*/
}
.background-grey {
   background-color: #f8f9fa; /*Base90*/
}
.background-red {
   background-color: #fee7e6; /*Red90*/
}
.background-green {
   background-color: #d5fdf4; /*Green90*/
}
.background-yellow {
   background-color: #fef6e7; /*Yellow90*/
}
.background-accent{
   background-color: #eaf3ff; /*Accent90*/
}
/* Voorkom onleesbaar lange regels op grotere schermen*/
div.maintext {
   max-width: 64em;
}

/* vormgeving voor sjabloon IPA
   gebruik stylesheet maakt maatwerk mogelijk 
*/

.IPAtekst {
  font-family: 'Gentium Plus', Gentium, GentiumAlt, 'DejaVu Sans', 'Charis SIL', 'Doulos SIL', 'Segoe UI', Calibri, 'Lucida Grande', 'Arial Unicode MS', 'TITUS Cyberbit Basic', Code2000, sans-serif;
  text-decoration: none; 
  font-size: 110%;
}