MediaWiki:Common.css

@import url("https://wikikids.nl/index.php?action=raw&title=MediaWiki:Fix.css&ctype=text/css");

/**
 * 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 wat style-elementen voor gebruiksvriendelijkheid
 */
.blocklog,
.user-show,
.modtools,
#t-upload,
#mw-indicator-mw-helplink,
#mw-usercssyoucanpreview,
#mw-userjsyoucanpreview,
#p-Moderators,
.mw-translateinterface,
.page-Hoofdpagina h1,
.page-Hoofdpagina #p-lang,
.page-Wikikids_Blokverzoek #wpSummary,
.page-Wikikids_Blokverzoek .mw-summary,
.page-Wikikids_CUVerzoek #wpSummary,
.page-Wikikids_CUVerzoek .mw-summary,
.page-Wikikids_Badge_Bazaar #wpSummary,
.page-Wikikids_Badge_Bazaar .mw-summary,
.page-Speciaal_Uploaden .mw-editTools,
.page-Wikikids_Alarm h1,
.page-Wikikids_Aanpassen 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_Uploaden_anders h1,
.page-Wikikids_Uploaden_anders #contentSub,
.page-Speciaal_WizardUploaden #contentSub,
.page-Wikikids_Awards h1,
.page-Wikikids_Awards #wpSummary,
.page-Wikikids_Awards .mw-summary,
.page-Wikikids_Award_Museum h1,
.page-Wikikids_SuperSchrijfwedstrijd_2020_inschrijven #wpSummaryLabel,
.page-Wikikids_SuperSchrijfwedstrijd_2020_inschrijven #firstHeading,
div#ooui-19.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-tabOptionWidget.oo-ui-labelElement,
.ve-active .bin_icon {
	display: none;
}

.page-Hoofdpagina .mw-ui-button {
	background-color: #3366cc;
	color: #fff;
	border: 1px solid #3366cc;
}

.page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField {
    color: #fff;
    background-color: #cc0000;
    font-weight: bold;
}

/**
 * Opmaak voor de filtermeldingen in de visualeditor
 */
div.oo-ui-window-frame {
	width: 700px !important;
	height: 400px !important;
}
div.oo-ui-processDialog-errors {
	background-color: rgba(255,255,255,1);
	padding: 3em 2em 1.5em 2em;
	text-align: center;
}
div.oo-ui-processDialog-error {
        font-size: 13px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background-color: #fff !important;
}
div.oo-ui-processDialog-errors-title {
	display: none !important;
}

/**
 * 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 {
	float: right;
	padding: 0 .5em;
}
a.UitklapToggle:hover{
	cursor: pointer;
}

.mobiel100pc50 {
	width: 50%;
}

.mobiel100pc50afbeelding {
	width: 50%;
	height: 50%;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .mobiel100pc50 {
    	width: 100%;
    }
	.mobiel100pc50afbeelding {
		width: 100%;
		height: 100%;
	}

}

.beoordelinggrijs {
	filter: grayscale(100%);
}