MediaWiki:Common.css

/**
 * Deze stylesheet is bedoeld voor CSS dat in alle skins gebruikt wordt.
 */

/**
 * Het WikiKids Logo
 */
#p-logo a { 
	background-image:url(https://wikikids.nl/images/b/bc/Wiki.png) !important;
}

/**
 * Afwijkende opmaak Wikitable
 */
table.wikitable > tr > th,
table.wikitable > * > tr > th {
	background-color: #ddd;
}

/* Geel */
.wikitable-geel, .wikitable-geel table {
	border: 2px solid #FFF06A;
	border-collapse: collapse;
	margin: 1em;
	background: #FFF9CE;
}
.wikitable-geel td, table.wikitable-geel th {
	border: 1px solid #FFF06A;
	padding: 4px;
}
table.wikitable-geel th {
	border: 1px solid #FFF06A;
	background: #FFF06A;
}

/* Rood */
.wikitable-rood, .wikitable-rood table {
	border: 2px solid #FF5353;
	border-collapse: collapse;
	margin: 1em;
	background: #FFB5B5;
}
.wikitable-rood td, table.wikitable-rood th {
	border: 1px solid #FF5353;
	padding: 4px;
}
table.wikitable-rood th {
	border: 1px solid #FF5353;
	background: #FF5353;
}

/* Blauw */
.wikitable-blauw, .wikitable-blauw table {
	border: 2px solid #7BA7E1;
	border-collapse: collapse;
	margin: 1em;
	background: #BAD0EF;
}

.wikitable-blauw td, table.wikitable-blauw th {
	border: 1px solid #7BA7E1;
	padding: 4px;
}
table.wikitable-blauw th {
	border: 1px solid #7BA7E1;
	background: #7BA7E1;
}

/**
 * Het onzichtbaar maken van het standaard upload formulier
 */
#p-navigation,
#t-upload {
	display: none;
}

/**
 * Het onzichtbaar maken van de wijzig titel knop op de gebruikerspagina
 */
.ns-2 #ca-move,
.ns-3 #ca-move {
	display: none;
}

/**
 * Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid
 */
.blocklog,
.modtools,
#mw-indicator-mw-helplink,
#mw-usercssyoucanpreview,
#mw-userjsyoucanpreview,
.action-edit #mw-content-text > p:first-child,
.action-edit #mw-content-text > hr,
.mw-translateinterface,
.page-Hoofdpagina h1,
.page-Hoofdpagina #p-lang,
.page-Wikikids_Blokverzoek input#wpSummary,
.page-Wikikids_Blokverzoek .mw-summary,
.page-Wikikids_CUVerzoek input#wpSummary,
.page-Wikikids_CUVerzoek .mw-summary,
.page-Speciaal_Uploaden .mw-editTools,
.page-Wikikids_Alarm h1,
.page-Wikikids_Aanpassen h1, 
.page-Overleg_gebruiker_Apoo h1,
.page-Wikikids_Uploaden h1,
.page-Wikikids_Uploaden #contentSub,
.page-Wikikids_Uploaden_Commons h1,
.page-Wikikids_Uploaden_Commons #contentSub,
.page-Wikikids_Uploaden_Zelf h1,
.page-Wikikids_Uploaden_Zelf #contentSub,
.page-Wikikids_Awards h1,
.page-Wikikids_Awards input#wpSummary,
.page-Wikikids_Awards .mw-summary,
.page-Wikikids_Award_Museum h1,
.page-Gebruiker_Apoo_Hoofdpagina .firstHeading,
.page-Gebruiker_Apoo_Hoofdpagina #contentSub {
	display: none;
}
#mw-content-text > ul.permissions-errors {
	margin: 0;
	list-style-type: none;
	list-style-image: unset;
}

/**
 * Opmaak van het formulier op Speciaal:Blokkeren
 */

/**
 * Opmaak van Speciaal:Recente wijzigingen
 */


.suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus{color:#000;text-decoration:none}.suggestions-result-current a.mw-searchSuggest-link,.suggestions-result-current a.mw-searchSuggest-link:hover,.suggestions-result-current a.mw-searchSuggest-link:active,.suggestions-result-current a.mw-searchSuggest-link:focus{color:#fff}.suggestions a.mw-searchSuggest-link .special-query{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oo-ui-draggableElement-handle:not(.oo-ui-draggableElement-undraggable).oo-ui-widget{cursor:move;cursor:url(/resources/lib/ooui/images/grab.cur?b06c2);cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.oo-ui-draggableElement-handle:not(.oo-ui-draggableElement-undraggable):active{cursor:url(/resources/lib/ooui/images/grabbing.cur?a8c87);cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.oo-ui-draggableElement-handle.oo-ui-widget-disabled,.oo-ui-widget-disabled .oo-ui-draggableElement-handle{cursor:default}.oo-ui-draggableElement-placeholder{opacity:0.2}.oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement{display:inline-block}.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable{overflow:hidden}.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget{height:auto;position:absolute;top:0;left:0;right:0;bottom:2.5em;overflow:auto}.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget{position:absolute;bottom:0;left:0;right:0;height:2.5em}.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout{padding:1.42857143em}.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget{border-top:1px solid #c8ccd1}.oo-ui-bookletLayout > .oo-ui-menuLayout-menu{border-right:1px solid #c8ccd1}.oo-ui-indexLayout{ }.oo-ui-indexLayout.oo-ui-menuLayout > .oo-ui-menuLayout-menu{height:auto}.oo-ui-indexLayout.oo-ui-menuLayout-expanded.oo-ui-menuLayout > .oo-ui-menuLayout-menu{height:3em;white-space:nowrap}.oo-ui-indexLayout.oo-ui-menuLayout-expanded.oo-ui-menuLayout > .oo-ui-menuLayout-content{top:3em}.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout{padding:1.42857143em}.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu{height:2.75em}.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content{top:2.75em}.oo-ui-menuLayout{top:0;left:0;right:0;bottom:0}.oo-ui-menuLayout-expanded,.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu,.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content{position:absolute}.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu{z-index:1}.oo-ui-menuLayout-static.oo-ui-menuLayout-after,.oo-ui-menuLayout-static.oo-ui-menuLayout-before{display:table;width:100%}.oo-ui-menuLayout-static.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu,.oo-ui-menuLayout-static.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,.oo-ui-menuLayout-static.oo-ui-menuLayout-after > .oo-ui-menuLayout-content,.oo-ui-menuLayout-static.oo-ui-menuLayout-before > .oo-ui-menuLayout-content{display:table-cell;vertical-align:top}.oo-ui-menuLayout > .oo-ui-menuLayout-menu,.oo-ui-menuLayout > .oo-ui-menuLayout-content{-webkit-transition:height 200ms ease,width 200ms ease,top 200ms ease,left 200ms ease,right 200ms ease,bottom 200ms ease;-moz-transition:height 200ms ease,width 200ms ease,top 200ms ease,left 200ms ease,right 200ms ease,bottom 200ms ease;transition:height 200ms ease,width 200ms ease,top 200ms ease,left 200ms ease,right 200ms ease,bottom 200ms ease}.oo-ui-menuLayout > .oo-ui-menuLayout-menu{height:18em;width:18em}.oo-ui-menuLayout > .oo-ui-menuLayout-content{top:18em;left:18em;right:18em;bottom:18em}.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu{width:0 !important;height:0 !important;overflow:hidden}.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content{top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu{width:auto !important;left:0;top:0;right:0}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content{right:0 !important;bottom:0 !important;left:0 !important}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu{height:auto !important;top:0;right:0;bottom:0}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content{bottom:0 !important;left:0 !important;top:0 !important}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu{width:auto !important;right:0;bottom:0;left:0}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content{left:0 !important;top:0 !important;right:0 !important}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu{height:auto !important;bottom:0;left:0;top:0}.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content{top:0 !important;right:0 !important;bottom:0 !important}.oo-ui-stackLayout-continuous > .oo-ui-panelLayout{display:block;position:relative}.oo-ui-buttonSelectWidget{display:inline-block;white-space:nowrap;border-radius:2px;margin-right:0.5em;z-index:0;position:relative}.oo-ui-buttonSelectWidget:last-child{margin-right:0}.oo-ui-buttonSelectWidget:focus{outline:0}.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button{margin-left:-1px;border-radius:0}.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button{margin-left:0;border-bottom-left-radius:2px;border-top-left-radius:2px}.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button{border-bottom-right-radius:2px;border-top-right-radius:2px}.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button{border-left-color:#fff}.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active{z-index:1}.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button{z-index:3}.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button{z-index:-1}.oo-ui-buttonOptionWidget{display:inline-block}.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button{cursor:default}.oo-ui-toggleButtonWidget{margin-right:0.5em}.oo-ui-toggleButtonWidget:last-child{margin-right:0}.oo-ui-toggleSwitchWidget{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:#f8f9fa;width:3.5em;min-height:26px;height:2em;border:1px solid #72777d;border-radius:1em;margin-right:0.5em;-webkit-transition:background-color 250ms,border-color 250ms;-moz-transition:background-color 250ms,border-color 250ms;transition:background-color 250ms,border-color 250ms}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled{cursor:pointer}.oo-ui-toggleSwitchWidget-grip{position:absolute;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.oo-ui-toggleSwitchWidget:last-child{margin-right:0}.oo-ui-toggleSwitchWidget:before{content:'';display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;border:1px solid transparent;border-radius:1em;z-index:1;-webkit-transition:border-color 250ms;-moz-transition:border-color 250ms;transition:border-color 250ms}.oo-ui-toggleSwitchWidget-grip{top:0.35714286em;min-width:16px;width:1.14285714em;min-height:16px;height:1.14285714em;border-radius:1.14285714em;-webkit-transition:background-color 250ms,left 100ms,margin-left 100ms;-moz-transition:background-color 250ms,left 100ms,margin-left 100ms;transition:background-color 250ms,left 100ms,margin-left 100ms}.oo-ui-toggleSwitchWidget-glow{display:none}.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip{left:0.35714286em;margin-left:0}.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip{left:1.9em;margin-left:-2px}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip{background-color:#f8f9fa;border:1px solid #72777d}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover{background-color:#fff;border-color:#447ff5}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip{background-color:#fff;border-color:#447ff5}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip{background-color:#fff;border-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,0.1)}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:0}.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip{border-color:#36c}.oo-ui-toggleSwitchWidget.oo-ui-widget-enab…

/**
 * Kleine visuele aanpassingen voor gebruiksvriendelijkheid
 */
.minoredit { 
	font-weight: bold; 
}
.botedit {
	font-weight: bold; 
	color: red; 
	border-bottom: 1px dotted red; 
}
.firstHeading {
	border-bottom: none;
}
#mw-subcategories td,
#mw-pages td {
	width: 33%;
}
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background: #ffdbdb;
	padding: 0.25em 0.9em;
}
.usermessage {
	background-color: #ffce7b;
	border: 1px solid #ffa500;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin: 2em 0 3em;
	padding: 0.5em 1em;
	text-align: center;
	vertical-align: middle;
}
.oo-ui-window-frame {
	width: 700px !important;
	height: 400px !important;
}
.oo-ui-processDialog-errors {
	background-color: rgba(255,255,255,0.9);
	padding: 3em 2em 1.5em 2em;
	text-align: center;
}
.oo-ui-processDialog-error {
        font-size: 13px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background-color: #fff !important;
}
.oo-ui-processDialog-errors-title {
	display: none !important;
}
div.ve-ui-mwNoticesPopupTool-item {
        font-size: 90%;
}
#wpSummary {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
.page-Hoofdpagina input.mw-ui-button {
	background-color: #3366cc;
	color: #fff;
	border: 1px solid #3366cc;
}

/**
 * In- en uitklapfunctie gebruikt in Sjabloon:Uitklappen.
 */
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;
}
a.UitklapToggle {
	font-size: x-small;
	float: right;
	padding: 0 .5em;
}
a.UitklapToggle:hover{
	cursor: pointer;
}