/* CSS die hier wordt geplaatst heeft alleen invloed op het uiterlijk WikiKids */
/* Ontwerp door: Gebruiker:Apoo - 1 aug 2018 */
/* Body */
body {
    font: x-small sans-serif;
    background: #D4F1FB 0 0 no-repeat;
    color: black;
    margin: 20px 0px 0px 10px;
    padding: 0;
}
#content {
    margin: 2.8em 0 0 12.4em;
    padding: 1.25em 1.5em 1.5em 1.5em;
    background: white;
    color: black;
    border: 1px solid #2897B7;
    border-right-width: 0;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
}
div#globalWrapper {
    background-image: none;
}

/* SiteNotice */
#siteNotice {
    background-color: #3c9dd60d;
    background-image: url(https://wikikids.nl/images/f/f7/Farm-Fresh_information_16px.png);
    border: 1px dotted #2897b7;
    background-repeat: no-repeat;
    background-position: 1%;
    margin: -5px 18% 0.47em 18%;
    padding: 5px 0px;
    font-size: 12px;
}

/* Tabs */
#p-cactions li.selected,
#p-cactions li.selected a {
    background-color: #F9BB00;
    border-color: #F9BB00;
    font-weight: bold;
    font-size: 12px;
    height: 7px;
    z-index: 2
}
#p-cactions .new a {
    color: #FF8E8E;
    font-size: 12px;
}
#p-cactions .new a:hover {
    background-color: #fff;
    color: #FF8E8E;
}
#p-cactions li {
    display: inline;
    border: 2px solid #23819C;
    border-bottom: 0;
    margin: -3px 0.3em 0 1px;
    overflow: visible;
    background: #23819C;
    position: relative;
    font-size: 1em;
    float: left;
    height: 20px;
}
#p-cactions li a {
    border-bottom: none;
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 2px 0.6em 0.2em 0.6em;
    text-decoration: none;
    text-transform: none;
    position: relative;
    z-index: 0;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
}
#p-cactions li a:hover {
    background-color: #fff;
    color: #000;
}

#p-cactions li.selected a {
    z-index: 3;
    font-weight: bold;
    color: #fff;
}
#p-cactions li.selected  a:hover {
    background-color: #fff;
    color: #000;
}
li#ca-talk {
    margin-right: 1.6em;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
    margin-left: 1.6em;
}

/* Top links */
#p-personal {
    width: 100%;
    white-space: nowrap;
    padding: 0px;
    margin: -10px 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border: none;
    background: none;
    overflow: visible;
    line-height: 1.2em;
    font-size: 15px;
}
#p-personal li a {
    text-decoration: none;
    color: #005896;
    padding-bottom: .2em;
    background: none;
    font-weight: normal;
    font-size: 95%;
    text-transform: none;
}
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
    background: url(https://wikikids.nl/images/5/5e/Farm-Fresh_user_16px.png) top left no-repeat;
    padding-left: 25px;
    text-transform: none;
}
/* Urls */
#bodyContent a[href ^="https://"], .link-https {
    background: none;
    padding-right: 0px;
}

/* Menu */
#sidebar ul {
    font-size: 12px;
    line-height: 1.2em;
    margin: .3em 0 0 0;
}

#p-logo {
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0;
    height: 155px;
    width: 12em;
    margin-top: -20px;
    overflow: visible;
}

#p-Kids, #p-Begeleiders {
	display: none;
}

/* Zoeken */
#p-search {
    background: none;
    position: relative;
    z-index: 3;
    background-color: #F9BB00;
    width: 147px;
    text-align: center;
    padding-top: 5px;
    margin-top: -10px;
}
#p-search h3 {
    display: block;
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    margin-bottom: 1px;
    padding: 0;
}
#p-search .pBody {
    background-color: #F9BB00;
    color: black;
    border-collapse: collapse;
    border: 1px solid #F9BB00;
    padding: 5px 0 5px 0;
    width: 145px;
}
#p-search input#searchInput {
    margin-bottom: 5px;
}
.pBody > ul li {
  list-style: none;
}

/* Interwiki */
#p-lang {
    background: none;
    position: relative;
    z-index: 3;
    background-color: #6755E3;
    width: 147px;
    text-align: center;
    margin-top: 16px;
}
#p-lang h3 {
    display: block;
    font-size: 18px;
    color: white;
    text-transform: inherit;
    margin: 0px !important;
    padding: 5px 0px !important;
}
#p-lang .pBody {
    font-size: 95%;
    font-weight: normal;
    width: 139px;
    background-color: #FFF;
    color: black;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid #6755E3;
}

/* Alarm */
#p-alarm {
    background: none;
    position: relative;
    z-index: 3;
    background-color: #FF9331;
    width: 147px;
    text-align: center;
    padding-top: 5px;
    margin-top: 6px;
}
#p-alarm img {
    border: none;
    vertical-align: middle;
    float: left;
    padding: 0px 0px 4px 7px;
    width: 25px;
    height: 25px;
}
#p-alarm a {
    display: block;
    font-size: 14px;
    color: white;
    margin: 4px 29px 0 0;
}

/* Boomhut*/
#p-boomhut {
    background: none;
    position: relative;
    z-index: 3;
    background-color: #1FCB4A;
    width: 147px;
    text-align: center;
    padding-top: 5px;
    margin-top: 16px;
}
#p-boomhut img {
    border: none;
    vertical-align: middle;
    float: left;
    padding: 0px 0px 4px 7px;
    width: 25px;
    height: 25px;
}
#p-boomhut a {
    display: block;
    font-size: 14px;
    color: white;
    margin: 4px 19px 0 0;
}

/* Kids */
#p-kids {
    background: none;
    position: relative;
    z-index: 3;
    background-color: #62D0FF;
    width: 147px;
    text-align: center;
    margin-top: 16px;
}
#p-kids h5 {
    display: block;
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    margin: 0px !important;
    padding: 5px 0px !important;
}
#p-kids .pBody {
    font-size: 95%;
    font-weight: normal;
    width: 129px;
    background-color: #FFF;
    color: black;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid #62D0FF;
}

/* Begeleiders */
#p-begeleiders {
    background: none;
    position: relative;
    z-index: 3;
    background-color: #FF2626;
    width: 147px;
    text-align: center;
    margin-top: 16px;
}
#p-begeleiders h5 {
    display: block;
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    margin: 0px !important;
    padding: 5px 0px !important;
}
#p-begeleiders .pBody {
    font-size: 95%;
    font-weight: normal;
    width: 129px;
    background-color: #FFF;
    color: black;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid #FF2626;
}

/* Moderators */
#p-moderators {
    background: none;
    position: relative;
    z-index: 3;
    background-color: #2F74D0;
    width: 147px;
    text-align: center;
    margin-top: 16px;
}
#p-moderators h5 {
    display: block;
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    margin: 0px !important;
    padding: 5px 0px !important;
}
#p-moderators .pBody {
    font-size: 95%;
    font-weight: normal;
    width: 129px;
    background-color: #FFF;
    color: black;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid #2F74D0;
}

/* Hulpmiddelen */
#p-tb {
    background: none;
    display: none;
    position: relative;
    z-index: 3;
    background-color: #5EAE9E;
    width: 147px;
    text-align: center;
    padding-top: 5px;
    margin-top: 16px;
}
#p-tb h3,
.portlet h3 {
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    margin: 0px !important;
    padding: 0 0 5px 0px !important;
}
#p-tb h5,
.portlet h5 {
    background: transparent;
    display: inline;
    height: 1em;
    text-transform: lowercase;
    font-size: 91%;
    font-weight: normal;
    white-space: nowrap;
}
#p-tb .pBody {
    font-size: 95%;
    font-weight: normal;
    width: 129px;
    background-color: #FFF;
    color: black;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid #5EAE9E;
}
.pBody > ul {
    line-height: 1.6em;
}
li#t-userrights {
    line-height: 1em;
    padding: 0.25em 0px;
}

/* Footer */
div#footer {
    background-color: #D4F1FB;
    border: none;
    margin: 0.6em 0 1em 13em;
    overflow: hidden;
    padding: .4em 0 .3em 0;
    text-align: left;
    font-size: 90%;
}

/* Visual editor */
.ve-init-mw-desktopArticleTarget-toolbar-opened {
    overflow: visible;
    margin: -15px -19px 10px -20px;
}
#editpage-copywarn {
    font-size: 0.95em;
    margin-left: 1px;
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #cc0000;
    font-weight: bold;
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label:hover {
    color: #d45353;
    font-weight: bold;
    text-decoration: underline;
}
.previewnote {
    text-align: left;
    color: #cc0000;
}
.previewnote p,
.previewnote > div {
    text-indent: 3em;
    margin: 0.8em 0;
}

/* Overig */
.gallerybox .thumb > div {
    border: none;
}
ul {
    line-height: 1.5em;
    list-style-type: square;
    margin: .3em 0 0 1.5em;
    padding: 0;
    list-style-image: url(https://wikikids.nl/skins/Vector/images/bullet-icon.png);
}
.error {
    color: #cc0000;
    font-size: larger;
}
#toc, .toc {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 7px;
    font-size: 95%;
}
.page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField {
    color: #fff;
    background-color: #cc0000;
    font-weight: bold;
}
.page-Speciaal_Uploaden #wpUploadDescription {
    border: 4px solid #cc0000;
}

/* Lettertype */
.ve-init-mw-desktopArticleTarget-originalContent section > p,
.oo-ui-stackLayout-continuous > .oo-ui-panelLayout,
.oo-ui-panelLayout-padded {
    font-size: 14px;
}
.thumb .thumbcaption {
    font-size: 12px !important;
}
.ns-0.action-view #mw-content-text,
.ns-0.action-submit .mw-content-ltr,
.ve-init-mw-desktopArticleTarget-originalContent,
.ns-0 #catlinks {
    font-size: 1.1em;
}
table.diff, td.diff-otitle, td.diff-ntitle {
    background-color: white;
    font-size: 13px;
}
