MediaWiki:Common.css

/**
 * Deze stylesheet is bedoeld voor CSS dat in alle skins gebruikt wordt.
 * CSS wat specifiek betrekking heeft op de vector skin, hoort in [[MediaWiki:Vector.css]].
 */
/**
 * Aangepaste stijl voor kopjes voor wikitable
 */
table.wikitable > tr > th,
table.wikitable > * > tr > th {
	background-color: #ddd;
}

/**
 * Infobox
 * Maakt een tabel met grijze achtergrond en lijnen, met een donkergrijze kop. Deze tabel is rechts uitgelijnd.
 * (Deze infobox-style is gekopieerd van en-wikipedia, waar deze veel gebruikt wordt.
 */
.infobox {
	border: 1px solid #aaaaaa;
	background-color: #f9f9f9;
	color: black;
	margin: 0px 0px 1em 1em;
	padding: 0;
	font-size: 85%;
	float: right;
	clear: right;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}
.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	border-right: 1px solid #aaaaaa;
}

/**
 * Kopcellen links uitlijnen.
 */
.thleft th,
th.thleft {
	text-align: left;
}

/**
 * Maak gehele tabel in één keer valign=top,
 * Ter vervanging van <nowiki>valign=top</nowiki> op elke cel.
 * Gebruik: <nowiki>{| class='vatop' </nowiki>
 */
.vatop tr,
tr.vatop,
.vatop td,
.vatop th {
	vertical-align: top;
}

/**
 * In- en uitklapfunctie
 * Wordt o.a. gebruikt in [[Sjabloon:Toggletext]] / [[Sjabloon:Uitklappen]].
 */
div.UitklapFrame {
	clear: both;
	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;
}

/**
 * NavFrame (van [[:en:MediaWiki:Common.js]])
 * Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]].
 */
div.Boxmerge,
div.NavFrame {
	margin: 0px;
	padding: 4px;
	border: 1px solid #aaa;
	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: #fff;
	margin: 0px;
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	background-color: #ccf;
	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;
}

/**
 * Redirects cursief en groen in Speciaal:Allpages en Speciaal:Prefixindex,
 * alsook in het scherm 'Volglijst bewerken'.
 * Bij verandering, werk dan ook [[MediaWiki:Prefixindex-summary]] bij.
 */
.allpagesredirect a,
.redirect-in-category a,
.watchlistredir {
	color: green;
}
.allpagesredirect a:visited {
	color: #004000;
}

/**
 * Box op je volglijst met links naar andere volglijsten standaard niet afgebeeld
 * om het te tonen verander je het in 'display: block' in je eigen css.
 *
 * Zie https://nl.wikipedia.org/wiki/MediaWiki:Watchlist-details
 */
#volglijstkader {
	display: none;
}

/* Standaard categorieboom in Categorie:Alles verbergen */
body.page-Categorie_Alles #mw-subcategories,
body.page-Categorie_Alles #mw-pages {
	display: none !important;
}

/* Afbeeldingen naastelkaar uitgelijnd */
.afbnaastelkaar .floatleft,
.afbnaastelkaar .tleft {
	clear: none;
}


/* Kolommen van gelijke breedte op categoriepagina's */
#mw-subcategories td,
#mw-pages td {
	width: 33%;
}

/* Deleted-notice: Melding als een niet-bestaande pagina al eens verwijderd is. */
#mw-deleted-notice {
	margin-bottom: 10px !important;
}

/* Bewerklink bij een sectie een kleinere letter */
span.editsection {
	font-size: x-small;
}


/**
 * Hoofdpagina
 * Onderstaande wijziging is noodzakelijk voor de layout van de hoofdpagina
 */

.page-Hoofdpagina.action-view .firstHeading {
	display: none;
}

/**
 * achtergrondkleur target reference lichtblauw
 * zodat de gewenste referentie makkelijk te vinden is
 * overgenomen uit en.wikipedia, werkt niet in Internet Explorer en oudere versies van andere browsers welke nog niet CSS3
 * ondersteunen
 */
ol.references > li:target {
	background-color: #DEF;
}

/* Referenties: make the list of references look smaller */
ol.references {
	font-size: 100%;
}
.references-small {
	font-size: 90%;
}

.reflist ol.references { list-style-type: inherit; /* voor custom list style types */ }


/**
 * Inhoudsopgave (Van en.wikipedia.org)
 * Allow limiting of which header levels are shown in a TOC; <div class='toclimit-3'>, for
 * instance, will limit to showing ==headings== and ===headings=== but no further (as long as
 * there are no =headings= on the page, which there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6 {
	display: none;
}

/* Metadata (bijv. [[Wikipedia:Persoonsgegevens|Persoonsgegevens]]) */
table.metadata {
	border: 1px solid #aaaaaa;
	display: none;
}
.metadata-label {
	color: #aaaaaa;
}

/* Recent gewijzigde pagina's op volglijst niet vet */
.page-Speciaal_Volglijst strong.mw-watched {
	font-weight: normal;
}

/* Geen groene balken in de bewerkingsgeschiedenis */
.updatedmarker {
	display: none;
}

/**
 * 'Alle paginas markeren als bezocht' op volglijst verbergen
 * .page-Speciaal_Volglijst table+p+form {display:none;}
 * Vanwege aanpassingen in MediaWiki:Watchlist-details
 */
div.watchlist-messages + p + form {
	display: none;
}

/**
 * Top icons styling
 * Zie ook JS
 */
/* Fallback for non-javascript */
.Top_icon_raw {
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
/* JavaScript only */
.Top_icon_dynamic {
	float: right;
	padding-left: 10px;
	font-size: 50%;
	width: auto !important;
}
.Top_icon_raw p,
.Top_icon_dynamic p {
	padding: 0;
	margin: 0;
}

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

/* strepen tussen de verschillende nominaties */
.page-Wikipedia_Etalage_Aanmelding_kandidaten_Aanmeldingen h3 {
    border-top:1px solid #AAAAAA;
    margin-top:1em;
}

/* Verberg de mobiele Wiki Loves Monuments banner op de normale hoofdpagina */
#mf-wlm-banner { display: none; }

/* Breedte tracklist aanpassen aan schermgrootte */
@media all and (max-width:1200px) {
	.tracklist {
		width:100%;
	}
}

@media all and (min-width:1200px) and (max-width:1750px) {
	.tracklist {
		width:65%;
	}
}

@media all and (min-width:1750px) {
	.tracklist {
		width:35%;
	}
}

/** Moderatorhulpmiddels standaard verbergen; [[MediaWiki:Group-sysop.css]] maakt ze voor mods zichtbaar. */
.modtools { display:none; }

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlijst dl,
.hlijst ol,
.hlijst ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlijst dd,
.hlijst dt,
.hlijst li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlijst.inline,
.hlijst.inline dl,
.hlijst.inline ol,
.hlijst.inline ul,
.hlijst dl dl, .hlijst dl ol, .hlijst dl ul,
.hlijst ol dl, .hlijst ol ol, .hlijst ol ul,
.hlijst ul dl, .hlijst ul ol, .hlijst ul ul {
	display: inline;
}
/* Hide empty list items */
.hlijst .mw-empty-li {
	display: none;
}
/* Generate interpuncts */
.hlijst dt:after {
	content: ": ";
}
/**
 * Note hlijst style usage differd in
 * the Minerva skin. Remember .hlijst is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing
 * See https://phabricator.wikimedia.org/T213239
 */
.hlijst dd:after,
.hlijst li:after {
	content: " · ";
	font-weight: bold;
}
.hlijst dd:last-child:after,
.hlijst dt:last-child:after,
.hlijst li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlijst dd dd:first-child:before, .hlijst dd dt:first-child:before, .hlijst dd li:first-child:before,
.hlijst dt dd:first-child:before, .hlijst dt dt:first-child:before, .hlijst dt li:first-child:before,
.hlijst li dd:first-child:before, .hlijst li dt:first-child:before, .hlijst li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlijst dd dd:last-child:after, .hlijst dd dt:last-child:after, .hlijst dd li:last-child:after,
.hlijst dt dd:last-child:after, .hlijst dt dt:last-child:after, .hlijst dt li:last-child:after,
.hlijst li dd:last-child:after, .hlijst li dt:last-child:after, .hlijst li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlijst ol {
	counter-reset: listitem;
}
.hlijst ol > li {
	counter-increment: listitem;
}
.hlijst ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlijst dd ol > li:first-child:before,
.hlijst dt ol > li:first-child:before,
.hlijst li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}

/* om toe te passen op blokelementen i.p.v. <small> */
.small {
	font-size: 85%;
}

/* Aanpassingen van de Visuele Tekstverwerker */
.ve-test-page-settings-prevent-redirect {	/* alleen voor privé-wiki's */
	display: none;
}
.nowrap {
    white-space: nowrap;
}



/** RKCNu EDITS **/
.mainpage-header {
    display: flex;
    margin: 2.6em 1.75em 1.5em;
}

.mainpage-header .header-intro {
    flex: 2;
}

.mainpage-header .header-intro h1 {
    font-size: 2.5em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.15em;
    border-bottom-width: 0px !important;
}

.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}

.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}

.mainpage-header .header-stats ul {
    list-style: none;
}

.mainpage-body {
    display: flex;
    flex-flow: row wrap;
}

.mainpage-body h2 a {
    color: #444e5a;
}

.mainpage-body .tile {
    padding-left: 1.75em;
    padding-right: 1.75em;
    max-width: 100%;
}

.mainpage-body .tile-row {
    width: 100%;
    margin-bottom: 0.9rem;
}

.mainpage-left {
    flex: 2;
    display: flex;
    flex-flow: column wrap;
    margin-right: 0.9rem;
}

.mainpage-left > * {
    margin: 0 0 0.9rem;
}

.mainpage-right {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
}

.mainpage-right > * {
    margin: 0 0 0.9rem;
}

.mainpage-recent-updates .tile-halves {
    flex: 1;
    align-content: flex-start;
    margin-right: 0.9rem;
}

.mainpage-recent-updates .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}

.mainpage-recent-updates .tile-halves:last-child {
    margin-right: 0;
}

.mainpage-recent-updates .tile-bottom.link-button a {
    text-align: left;
    padding: 1rem 1.5rem 0.75rem;
}

.mainpage-recent-updates h2 {
    margin: -0.5em 0 0.3em;
}

.mainpage-recent-updates p:not(.byline) {
    font-size: 0.9em;
    line-height: 1.75em;
    color: #444e5a;
}

.mainpage-recent-updates .jagex-promotion .byline {
    color: #855cd8;
}

.mainpage-contents .tile-halves {
    flex: 1;
    margin-right: 0.9rem;
}

.mainpage-contents .tile-halves:last-child {
    margin-right: 0;
}

.mainpage-contents .tile-top {
    height: 4.5rem;
    position: relative;
}

.mainpage-contents .tile-top h2 a {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 4.5rem;
    padding-left: 0.45rem;
}

.mainpage-contents h2 {
    margin: 0;
    padding: 0;
}

#ca-talk { display:none!important; }

.tile {
    background: #f9f3eb;
    border: 1px solid #aaacb0;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 1.5em 2em 1em;
    width: 95.9%;
}

.tile h2 {
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    margin:0 0 0.4em
}

.tile .byline + h2 {
    margin-top:-0.5em
}

.tile.dark {
    color: #ffffff;
    background: #5d6773;
    border: none;
    box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3)
}

.tile.dark h2 {
    color:#ffffff
}

.tile.dark a {
    color:#ccc
}

.tile.dark .byline {
    color:rgba(255, 255, 255, 0.7)
}

.byline {
    font-size: 0.9em;
    color:#5C6168
}

.byline a {
    color:#5C6168
}

.tile-row {
    display: flex;
    flex-flow: row wrap;
    margin-bottom:1em
}

.tile-halves {
    /* display:flex; */
    flex-flow: row wrap;
    border: 1px solid #aaacb0;
    background: #F9F3EB;
    box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1)
}

.tile-halves h2 {
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    margin:0 0 0.4em
}

.tile-halves .byline + h2 {
    margin-top:-0.5em
}

.tile-top {
    width: 100%;
    padding:1.3rem 1.5rem 0.6rem
}

.tile-top.tile-image {
    display: flex;
    align-items: center;
    background-color: #5C6168;
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
    transition:0.4s ease-out
}

.tile-top.tile-image:hover img {
    transform: scale(1.1);
    transition:0.5s ease-out
}

.tile-top.tile-image a {
    /* width:100% */
}

.tile-top.tile-image img {
    /* width:100%; */
    /* object-fit:cover; */
    /* max-height:200px; */
    /* transition:0.4s ease-out */
}

.tile-bottom {
    background: #F9F3EB;
    border-top: 1px solid #CABE9B;
    width: 100%;
    padding:1rem 1.5rem 0.6rem
}

.tile-bottom.link-button {
    align-self: flex-end;
    padding:0
}

.tile-bottom.link-button a {
    display: block;
    text-align: center;
    padding: 0.75em 1.5em 0.8em;
    text-decoration:none
}

.tile-bottom.read-more {
    background: #F5E9DB;
    transition:0.3s ease-out
}

.tile-bottom.read-more a {
    color: #5C6168;
    font-weight: bold;
    text-align:right
}

.tile-bottom.read-more:hover {
    background:#dfccb0
}

.tile-bottom.read-more:hover .arrow {
    transform:translateX(50%)
}

.tile-bottom.read-more .arrow {
    filter: invert(36%) sepia(9%) saturate(463%) hue-rotate(175deg) brightness(94%) contrast(80%);
    margin-left: 0.4em;
    transition:0.3s ease-out
}

.tile.oswf-day {
    margin-left:0.5em
}

.oswf-tile {
    margin:1em
}

.oswf-tile.oswf-complete {
    opacity:0.65
}

.oswf-tile .oswf-summary {
    font-size: 105%;
    line-height: 1.6;
    margin-top:-0.4em
}

.oswf-tile .oswf-img {
    display: block;
    max-width: 75px;
    float:right
}

.oswf-tile .oswf-img img {
    max-width: 100%;
    height:auto
}

.rkcnu_logo
{
	margin-left: 0px;
}