Gebruiker:Kalta3/monobook.css: verschil tussen versies

Uit Wikikids
Naar navigatie springen Naar zoeken springen
(De pagina is leeggehaald)
 
Regel 1: Regel 1:
  +
/* If you copy this, please include the following line: */
  +
  +
/* Stolen from [[User:Animum/monobook.css]] */
  +
  +
/* Thank you. */
  +
  +
/* Logo */
  +
  +
#p-logo a { background-image:url(http://wikikids.wiki.kennisnet.nl/images/f/ff/Alternatief.png) !important; }
  +
  +
/* Orange "You have new messages" changed */
  +
.usermessage {
  +
background: url('http://upload.wikimedia.org/wikipedia/commons/c/ca/360%C2%B0_Panorama_vom_Ahrensfelder_Berg.jpg') repeat-x center;
  +
border: 1px solid silver;
  +
color: #5A3696;
  +
font-weight: bold;
  +
margin: 2em 0em 1em 0em;
  +
padding: 0.5em 1em;
  +
vertical-align: middle;
  +
}
  +
  +
.usermessage a {
  +
color:#5A3696
  +
}
  +
  +
/* "From Wikipedia, the free encyclopedia" modification */
  +
#siteSub {
  +
font-family:Trebuchet MS;
  +
font-size: 95%;
  +
}
  +
  +
/* Text alignment */
  +
body.mediawiki {
  +
text-align: left;
  +
}
  +
  +
/* Tab rounding */
  +
#p-cactions ul
  +
{
  +
overflow:visible;
  +
}
  +
  +
#p-cactions li
  +
{
  +
border: 2px solid lightgrey;
  +
position: relative;
  +
float: left;
  +
-moz-border-radius-topleft: .5em;
  +
-moz-border-radius-topright: .5em;
  +
}
  +
  +
/* Get rid of the border in the page title */
  +
.firstHeading {
  +
border-bottom:none;
  +
}
  +
  +
/* Replace dotted borders on pre with a solid one. */
  +
#bodyContent pre {
  +
border: 1px solid #aaa;
  +
}
  +
  +
/* Miscellaneous Corner-rounding */
  +
div.pBody {
  +
-moz-border-radius-topright:0.5em;
  +
-moz-border-radius-bottomright:0.5em;
  +
}
  +
  +
#content {
  +
-moz-border-radius-topleft: 0.75em;
  +
-moz-border-radius-bottomleft: 0.75em;
  +
}
  +
  +
#footer {
  +
-moz-border-radius: 6px;
  +
border:1px solid #fabd23;
  +
}
  +
  +
/* Link customization */
  +
#bodyContent a:active { font-weight: normal; }
  +
#bodyContent a.interwiki, a.external { color: #002bb8; background:none; }}
  +
#bodyContent a.text { background: display; }
  +
  +
/* Some editing screen modifications */
  +
#editpage-copywarn3, #editpage-copywarn2, #editpage-copywarn {
  +
display: none;
  +
}
  +
  +
input#wpSummary {
  +
width: 50%;
  +
margin-top: 12px;
  +
}
  +
  +
.editHelp {
  +
margin-top:1.25em;
  +
margin-bottom:6px;
  +
}
  +
  +
#wpSave, #wpPreview {
  +
margin-right:1px;
  +
}
  +
  +
#protectedpagewarning {
  +
-moz-border-radius:.5em;
  +
margin: 0 0 1em;
  +
padding: .6em .6em;
  +
vertical-align: middle;
  +
border: solid #aaaaaa 1px;
  +
font-size:91%;
  +
background-color:#ffffff;
  +
color:#000000;
  +
}
  +
  +
/* Admin tools link fixer */
  +
#adminbarlinks a:visited {
  +
color:#002BB8
  +
}
  +
  +
/* THIS LAST BIT IS STOLEN FROM AZATOTH'S MONOBOOK.CSS */
  +
  +
/* Nice borders for (almost) all boxes */
  +
input[type="radio"],
  +
input[type="checkbox"] { border:none; }
  +
input[type="submit"] {
  +
border: 1px solid #aaa !important;
  +
background-color: #f9f9f9 !important;
  +
}
  +
/* make round corners for the rest */
  +
input[type="submit"] {
  +
-moz-border-radius-topleft: 2px !important;
  +
-moz-border-radius-topright: 2px !important;
  +
-moz-border-radius-bottomleft: 2px;
  +
-moz-border-radius-bottomright: 2px;
  +
}
  +
input[type="submit"] {color: #aaa !important;}
  +
input[type="submit"]:hover, input[type="submit"]:focus {background-color: #fff !important; color: #000 !important; cursor: pointer !important;}
  +
  +
/* For use with my monobook */
  +
.ns-0 * .tabmenu ul li {
  +
background: white !important;
  +
}
  +
  +
/* Prettify the headers of the quickbar (left-hand column of boxes) */
  +
  +
#p-navigation h5, #p-interaction h5, #p-search h5, #p-tb h5, #p-navclone h5, #p-lang h5, #p-informatie_en_hulp h5, #p-wijzigingen h5, #p-handigelinks h5 {
  +
display: inline;
  +
height: 1em;
  +
font-size: 91%;
  +
font-weight: normal;
  +
white-space: nowrap;
  +
border-color:#aaa;
  +
border-width:1px;
  +
border-style: solid solid none solid;
  +
padding: 0 1em 1px 1em;
  +
text-transform: lowercase;
  +
background: white;
  +
-moz-border-radius-topright:1em
  +
}
  +
  +
#p-navigation, #p-interaction, #p-search, #p-tb, #p-navclone, #p-lang, #p-informatie_en_hulp, #p-wijzigingen, #p-handigelinks {
  +
padding-top: 2px;
  +
}
  +
  +
  +
/* Diff screen changes */
  +
  +
del.diffchange.diffchange-inline, ins.diffchange.diffchange-inline { border:none; }
  +
  +
/* Space for testing below */
  +
  +
body { background-color: #E2EFFF; }
  +
body{ background-image:none; !important }
  +
.pBody{background-color:#E2EFFF;}
  +
#footer{ background-color:#E2EFFF ; }
  +
  +
/*</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;
  +
}
  +
  +
.contributionscores-wrapper { }
  +
.contributionscores-title { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
  +
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
  +
.contributionscores .odd { background-color: #eeeeee; }
  +
.contributionscores .header td { padding-left: .2em; padding-right: .2em; }
  +
.contributionscores .content { padding-left: .2em; padding-right: .2em; }
  +
  +
body.page-Hoofdpagina h1.firstHeading { display: none; }
  +
  +
/*</pre>
  +
/**********
  +
Nodig voor metaboxes van ca-wikipedia. Zie ca.wikipedia.org/wiki/Portada voor een voorbeeld.
  +
  +
Translated and imported by Sumurai8. Contact me at the dutch wikipedia for help with this stylesheets
  +
*********/
  +
  +
  +
  +
/* Standaard (Tons) kleuren; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff */
  +
  +
.mbBut {
  +
background-color: #d0b0ff; /* 4 */
  +
border: 0.15em solid #000000;
  +
border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 3 5 */
  +
border-radius-topleft: .5em;
  +
border-radius-topright: .5em;
  +
-moz-border-radius: .5em .5em 0em 0em;
  +
cursor:pointer;
  +
display: inline;
  +
margin-right: 0.1em;
  +
padding: 0.2em 0.3em 0.2em 0.3em;
  +
position: relative;}
  +
  +
.mbBut a,
  +
.mbBut strong {
  +
background: none !important;
  +
color:#7050a0 !important; /* 1 */
  +
font-size: 90%;
  +
font-weight: bold;
  +
padding: 0 !important;
  +
text-decoration: none !important;}
  +
  +
.mbBut a:hover,
  +
.mbBut strong:hover {
  +
color: black !important;
  +
text-decoration: underline !important;}
  +
  +
.mbButSel {
  +
background-color: #9070c0; /* 2 */
  +
border: 0.15em solid #000000;
  +
border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */
  +
border-radius-topleft: .5em;
  +
border-radius-topright: .5em;
  +
-moz-border-radius: .5em .5em 0em 0em;
  +
cursor: default;
  +
display: inline;
  +
margin-right: 0.1em;
  +
padding: 0.2em 0.3em 0.2em 0.3em;
  +
position: relative;
  +
color:white;}
  +
  +
.mbButSel a {
  +
background: none !important;
  +
color:white !important;
  +
cursor: default;
  +
font-size: 90%;
  +
font-weight: bold;
  +
padding: 0 !important;
  +
text-decoration: none !important;}
  +
  +
.mbContent {
  +
background-color: #f8f8ff;
  +
border: 0.2em solid #9070c0; /* 2 */
  +
border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */
  +
-moz-border-radius: 0em .5em .5em 0em;
  +
border-radius-topright: .5em;
  +
border-radius-bottomright: .5em;
  +
padding: 1em;
  +
position: static; /* Si hi posem relative falla amb MSIE */}
  +
  +
.mbTab {
  +
background-color: #f8f8ff;
  +
border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */ ;
  +
}
  +
  +
/* Configuratie voor Groen: 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
  +
  +
.mbGreen .mbBut {
  +
background-color: #a5e085; /* 4 */
  +
border-color: #c0f090 #90d060 #75c045 #c0f090; /* 5 3 2 5 */}
  +
  +
.mbGreen .mbBut a,
  +
.mbGreen .mbBut strong {
  +
color:#60b030 !important; /* 1 */
  +
font-size:90%}
  +
  +
.mbGreen .mbBut a:hover,
  +
.mbGreen .mbBut strong:hover {
  +
color: black !important;
  +
text-decoration: underline;}
  +
  +
.mbGreen .mbButSel {
  +
background-color: #75c045; /* 2 */
  +
border-color: #90d060 #60b030 #75c045 #90d060; /* 3 1 2 3 */}
  +
  +
.mbGreen .mbContent {
  +
background-color: #f5fffa;
  +
border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
  +
  +
.mbGreen .mbTab {
  +
background-color: #f5fffa;
  +
border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
  +
  +
/* Configuratie voor Rood: 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
  +
  +
.mbRed .mbBut {
  +
background-color: #FFAAAA; /* 4 */
  +
border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC; /* 5 3 2 5 */}
  +
  +
.mbRed .mbBut a,
  +
.mbRed .mbBut strong {
  +
color:#CC0000 !important; /* 1 */
  +
font-size:90%}
  +
  +
.mbRed .mbBut a:hover
  +
.mbRed .mbBut strong:hover {
  +
color: black !important;
  +
text-decoration: underline;}
  +
  +
.mbRed .mbButSel {
  +
background-color: #FF0000; /* 2 */
  +
border-color: #FF8888 #CC0000 #FF0000 #FF8888; /* 3 1 2 3 */}
  +
  +
.mbRed .mbContent {
  +
background-color: #fffafa;
  +
border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
  +
  +
.mbRed .mbTab {
  +
background-color: #fffafa;
  +
border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}
  +
  +
/* Configuratie voor Blauw: 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
  +
  +
.mbBlue .mbBut {
  +
background-color: #a7c1e6; /* 4 */
  +
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9; /* 5 3 2 5 */}
  +
  +
.mbBlue .mbBut a,
  +
.mbBlue .mbBut strong {
  +
color:#3379de !important; /* 1 */
  +
font-size:90%}
  +
  +
.mbBlue .mbBut a:hover
  +
.mbBlue .mbBut strong:hover {
  +
color: black !important;
  +
text-decoration: underline;}
  +
  +
.mbBlue .mbButSel {
  +
background-color: #5b8dd6; /* 2 */
  +
border-color: #88abde #3379de #5b8dd6 #88abde; /* 3 1 2 3 */}
  +
  +
.mbBlue .mbContent {
  +
background-color: #f0f8ff;
  +
border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
  +
  +
.mbBlue .mbTab {
  +
background-color: #f0f8ff;
  +
border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
  +
  +
  +
/* Configuratie voor Geel: 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
  +
  +
.mbYellow .mbBut {
  +
background-color: #fff1a4; /* 4 */
  +
border-color: #fef4bc #ffe977 #ffe147 #fef4bc; /* 5 3 2 5 */}
  +
  +
.mbYellow .mbBut a,
  +
.mbYellow .mbBut strong {
  +
color:#ffd813 !important; /* 1 */
  +
font-size:90%}
  +
  +
.mbYellow .mbBut a:hover
  +
.mbYellow .mbBut strong:hover {
  +
color: black !important;
  +
text-decoration: underline;}
  +
  +
.mbYellow .mbButSel {
  +
background-color: #ffe147; /* 2 */
  +
border-color: #ffe977 #ffd813 #ffe147 #ffe977; /* 3 1 2 3 */}
  +
  +
.mbYellow .mbContent {
  +
background-color: #fffce8;
  +
border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}
  +
  +
.mbYellow .mbTab {
  +
background-color: #fffce8;
  +
border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}
  +
  +
/* Configuratie voor Oranje: 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
  +
  +
.mbOrange .mbBut {
  +
background-color: #ffbd7f; /* 4 */
  +
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4; /* 5 3 2 5 */}
  +
  +
.mbOrange .mbBut a,
  +
.mbOrange .mbBut strong {
  +
color:#ff820e !important; /* 1 */
  +
font-size:90%}
  +
  +
.mbOrange .mbBut a:hover
  +
.mbOrange .mbBut strong:hover {
  +
color: black !important;
  +
text-decoration: underline;}
  +
  +
.mbOrange .mbButSel {
  +
background-color: #ff9d42; /* 2 */
  +
border-color: #ffac5d #ff820e #ff9d42 #ffac5d; /* 3 1 2 3 */}
  +
  +
.mbOrange .mbContent {
  +
background-color: #ffeedd; /* 6 */
  +
border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
  +
  +
.mbOrange .mbTab {
  +
background-color: #ffeedd; /* 6 */
  +
border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
  +
  +
/* Tot hier de stylesheet voor metaboxes...
  +
  +
Een nieuwe kleur kan toegevoegd worden door een moderator. Zoek eerst zelf
  +
6 kleuren uit, daarna kunnen ze volgens het schema hierboven worden ingevoegd.
  +
  +
Noot: De kleur komt erin te staan als: .mbKleur
  +
Noot: Voeg de kleur in als: Kleur
  +
Noot: De kleur moet in het engels (!!!) */
  +
  +
/*</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;
  +
}
  +
  +
.dossier {
  +
display:none
  +
}
  +
  +
/*</pre>*/

Huidige versie van 21 okt 2014 om 19:59

/* If you copy this, please include the following line: */

    /* Stolen from [[User:Animum/monobook.css]] */

/* Thank you. */

/* Logo */

#p-logo a { background-image:url(http://wikikids.wiki.kennisnet.nl/images/f/ff/Alternatief.png) !important; }

/* Orange "You have new messages" changed */
.usermessage {
    background: url('http://upload.wikimedia.org/wikipedia/commons/c/ca/360%C2%B0_Panorama_vom_Ahrensfelder_Berg.jpg') repeat-x center;
    border: 1px solid silver;
    color: #5A3696;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}

.usermessage a {
    color:#5A3696
}

/* "From Wikipedia, the free encyclopedia" modification */
#siteSub {
    font-family:Trebuchet MS;
    font-size: 95%;
}

/* Text alignment */
body.mediawiki {
    text-align: left;
}

/* Tab rounding */
#p-cactions ul
{
        overflow:visible;
}

#p-cactions li
{
        border: 2px solid lightgrey;
        position: relative;
        float: left;
        -moz-border-radius-topleft: .5em;
        -moz-border-radius-topright: .5em;
}

/* Get rid of the border in the page title */
.firstHeading {
    border-bottom:none;
}

/* Replace dotted borders on pre with a solid one. */
#bodyContent pre {
    border: 1px solid #aaa;
}

/* Miscellaneous Corner-rounding */
div.pBody {
    -moz-border-radius-topright:0.5em;
    -moz-border-radius-bottomright:0.5em;
}

#content {
    -moz-border-radius-topleft: 0.75em;
    -moz-border-radius-bottomleft: 0.75em;
}

#footer {
    -moz-border-radius: 6px;
    border:1px solid #fabd23;
}

/* Link customization */
#bodyContent a:active { font-weight: normal; }
#bodyContent a.interwiki, a.external { color: #002bb8; background:none; }}
#bodyContent a.text { background: display; }

/* Some editing screen modifications */
#editpage-copywarn3, #editpage-copywarn2, #editpage-copywarn {
    display: none;
} 

input#wpSummary {
    width: 50%;
    margin-top: 12px;
}

.editHelp {
    margin-top:1.25em;
    margin-bottom:6px;
}

#wpSave, #wpPreview {
    margin-right:1px;
}

#protectedpagewarning { 
    -moz-border-radius:.5em;
    margin: 0 0 1em; 
    padding: .6em .6em; 
    vertical-align: middle; 
    border: solid #aaaaaa 1px;
    font-size:91%;
    background-color:#ffffff;
    color:#000000;
}

/* Admin tools link fixer */
#adminbarlinks a:visited {
    color:#002BB8
}
 
/* THIS LAST BIT IS STOLEN FROM AZATOTH'S MONOBOOK.CSS */
 
/* Nice borders for (almost) all boxes */
input[type="radio"],
input[type="checkbox"] { border:none; }
input[type="submit"] {
    border: 1px solid #aaa !important;
    background-color: #f9f9f9 !important;
}
/* make round corners for the rest */
input[type="submit"] {
   -moz-border-radius-topleft: 2px !important; 
   -moz-border-radius-topright: 2px !important;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
} 
input[type="submit"] {color: #aaa !important;}
input[type="submit"]:hover, input[type="submit"]:focus {background-color: #fff !important; color: #000 !important; cursor: pointer !important;}

/* For use with my monobook */
.ns-0 * .tabmenu ul li {
    background: white !important;
}

/* Prettify the headers of the quickbar (left-hand column of boxes) */

#p-navigation h5, #p-interaction h5, #p-search h5, #p-tb h5, #p-navclone h5, #p-lang h5, #p-informatie_en_hulp h5, #p-wijzigingen h5, #p-handigelinks h5 {
    display: inline;
    height: 1em;
    font-size: 91%;
    font-weight: normal;
    white-space: nowrap;
    border-color:#aaa; 
    border-width:1px;
    border-style: solid solid none solid;
    padding: 0 1em 1px 1em;
    text-transform: lowercase;
    background: white;
    -moz-border-radius-topright:1em
}

#p-navigation, #p-interaction, #p-search, #p-tb, #p-navclone, #p-lang, #p-informatie_en_hulp, #p-wijzigingen, #p-handigelinks {
    padding-top: 2px;
}

 
/* Diff screen changes */
 
del.diffchange.diffchange-inline, ins.diffchange.diffchange-inline { border:none; }
 
/* Space for testing below */

body { background-color: #E2EFFF; }
body{ background-image:none; !important }
.pBody{background-color:#E2EFFF;}
#footer{ background-color:#E2EFFF ; }

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

.contributionscores-wrapper       {  }
.contributionscores-title         { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .odd        { background-color: #eeeeee; }
.contributionscores .header td   { padding-left: .2em; padding-right: .2em; }
.contributionscores .content   { padding-left: .2em; padding-right: .2em; }

body.page-Hoofdpagina h1.firstHeading { display: none; } 

/*</pre>
/**********
Nodig voor metaboxes van ca-wikipedia. Zie ca.wikipedia.org/wiki/Portada voor een voorbeeld.

Translated and imported by Sumurai8. Contact me at the dutch wikipedia for help with this stylesheets
*********/



/* Standaard (Tons) kleuren; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff */

.mbBut {
  background-color: #d0b0ff; /* 4 */
  border: 0.15em solid #000000;
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 3 5 */
  border-radius-topleft: .5em;
  border-radius-topright: .5em;
  -moz-border-radius: .5em .5em 0em 0em;
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;}

.mbBut a,
.mbBut strong {
  background: none !important;
  color:#7050a0 !important;  /* 1 */
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}

.mbBut a:hover,
.mbBut strong:hover {
  color: black !important;
  text-decoration: underline !important;}

.mbButSel {
  background-color: #9070c0; /* 2 */
  border: 0.15em solid #000000;
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */
  border-radius-topleft: .5em;
  border-radius-topright: .5em;
  -moz-border-radius: .5em .5em 0em 0em;
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;
  color:white;}

.mbButSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}

.mbContent {
  background-color: #f8f8ff;
  border: 0.2em solid #9070c0; /* 2 */
  border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: 1em;
  position: static;  /* Si hi posem relative falla amb MSIE */}

.mbTab {
  background-color: #f8f8ff;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */ ;
}

/* Configuratie voor Groen: 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */

.mbGreen .mbBut {
 background-color: #a5e085; /* 4 */
 border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}

.mbGreen .mbBut a,
.mbGreen .mbBut strong {
  color:#60b030 !important;  /* 1 */
  font-size:90%}

.mbGreen .mbBut a:hover,
.mbGreen .mbBut strong:hover {
  color: black !important;
  text-decoration: underline;}

.mbGreen .mbButSel {
  background-color: #75c045; /* 2 */
  border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}

.mbGreen .mbContent {
  background-color: #f5fffa;
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}

.mbGreen .mbTab {
  background-color: #f5fffa;
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}

/* Configuratie voor Rood: 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */

.mbRed .mbBut {
 background-color: #FFAAAA; /* 4 */
 border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC;  /* 5 3 2 5 */}

.mbRed .mbBut a,
.mbRed .mbBut strong {
  color:#CC0000 !important;  /* 1 */
  font-size:90%}

.mbRed .mbBut a:hover 
.mbRed .mbBut strong:hover {
  color: black !important;
  text-decoration: underline;}

.mbRed .mbButSel {
  background-color: #FF0000; /* 2 */
  border-color: #FF8888 #CC0000 #FF0000 #FF8888;  /* 3 1 2 3 */}

.mbRed .mbContent {
  background-color: #fffafa;
  border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}

.mbRed .mbTab {
  background-color: #fffafa;
  border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}

/* Configuratie voor Blauw: 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */

.mbBlue .mbBut {
 background-color: #a7c1e6; /* 4 */
 border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}

.mbBlue .mbBut a,
.mbBlue .mbBut strong {
  color:#3379de !important;  /* 1 */
  font-size:90%}

.mbBlue .mbBut a:hover 
.mbBlue .mbBut strong:hover {
  color: black !important;
  text-decoration: underline;}

.mbBlue .mbButSel {
  background-color: #5b8dd6; /* 2 */
  border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}

.mbBlue .mbContent {
  background-color: #f0f8ff;
  border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}

.mbBlue .mbTab {
  background-color: #f0f8ff;
  border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}


/* Configuratie voor Geel: 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */

.mbYellow .mbBut {
 background-color: #fff1a4; /* 4 */
 border-color: #fef4bc #ffe977 #ffe147 #fef4bc;  /* 5 3 2 5 */}

.mbYellow .mbBut a,
.mbYellow .mbBut strong {
  color:#ffd813 !important;  /* 1 */
  font-size:90%}

.mbYellow .mbBut a:hover 
.mbYellow .mbBut strong:hover {
  color: black !important;
  text-decoration: underline;}

.mbYellow .mbButSel {
  background-color: #ffe147; /* 2 */
  border-color: #ffe977 #ffd813 #ffe147 #ffe977;  /* 3 1 2 3 */}

.mbYellow .mbContent {
  background-color: #fffce8;
  border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}

.mbYellow .mbTab {
  background-color: #fffce8;
  border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}

/* Configuratie voor Oranje: 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */

.mbOrange .mbBut {
 background-color: #ffbd7f; /* 4 */
 border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}

.mbOrange .mbBut a,
.mbOrange .mbBut strong {
  color:#ff820e !important;  /* 1 */
  font-size:90%}

.mbOrange .mbBut a:hover 
.mbOrange .mbBut strong:hover {
  color: black !important;
  text-decoration: underline;}

.mbOrange .mbButSel {
  background-color: #ff9d42; /* 2 */
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}

.mbOrange .mbContent {
  background-color: #ffeedd; /* 6 */
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}

.mbOrange .mbTab {
  background-color: #ffeedd; /* 6 */
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}

/* Tot hier de stylesheet voor metaboxes...

Een nieuwe kleur kan toegevoegd worden door een moderator. Zoek eerst zelf
6 kleuren uit, daarna kunnen ze volgens het schema hierboven worden ingevoegd.

Noot: De kleur komt erin te staan als: .mbKleur
Noot: Voeg de kleur in als: Kleur
Noot: De kleur moet in het engels (!!!) */

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

.dossier {
display:none
}

/*</pre>*/
Afkomstig van Wikikids , de interactieve Nederlandstalige Internet-encyclopedie voor en door kinderen. "https://wikikids.nl/index.php?title=Gebruiker:Kalta3/monobook.css&oldid=364705"