Sjabloon:Hoofdpagina/OOUI/styles.css

Uit MicroWiki
Naar navigatie springen Naar zoeken springen
/*
 * Nieuw ontwerp voor de Hoofdpagina van de Nederlandstalige MicroWiki gebaseerd op het ontwerp gebruikt door de Spaans- en Russischtalige Wikipedia.
 */

.main-header {
	border-bottom-color: transparent;
	margin-bottom: 0.25em;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.main-plainlist > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-plainlist li {
	margin-bottom: 0;
}

.main-top-right .mw-ui-quiet:hover,
.main-top-right .mw-ui-quiet:focus,
.main-footer .mw-ui-quiet:hover,
.main-footer .mw-ui-quiet:focus {
	color: #0645ad;
}

.mw-headline-number {
    display: none;
}

@media (min-width: 720px) {
	.main-wikimedia {
		padding-top: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (min-width: 1000px) {
	.main-wrapper {
		display: flex;
		margin: 0 -0.5rem;
	}
	
	.main-wrapper-column {
		flex: 1;
		margin: 0 0.5rem;
	}
	
	.main-wikimedia {
		padding-top: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (min-width: 1000px) {
	.main-wrapper-column {
		width: 55%;
	}
	.main-wrapper-column + .main-wrapper-column {
		width: 45%;
	}
	.main-wrapper-column {
		flex: inherit;
	}
}
.main-box-image-only div {
	width: auto !important; 
}

body.skin-timeless .main-box-header:after,
body.skin-timeless .main-top-header:after {
	border-bottom: 0 solid transparent;
}

/*
* Talen op hoofdpagina
*/

.mainpage-header-links {
	margin-right: auto;
	margin-left: auto;
}

.mw-box-browse {
	width: 100%;
	text-align: center;
}
.mw-box-browse a {
	padding: 5px;
	font-weight: bold;
	color: #3F3F3F !important;
	margin: 10px 5px 5px 5px;
}

.mw-box-browse ul li::after {
	content: " • ";
	font-size: 12px;
	color: #3F3F3F;
}

.mw-box-browse-link a:hover { background-color: #B7B7B7; }

/* Interwiki */
/* [[ru:Шаблон:Микропедия/styles.css]] */

.mw-box-language {
	display: flex;
	flex-direction: row;
	gap: 1ch;
	text-align: center;
	justify-content: center;
    flex-wrap: wrap;
}
.mw-box-language >div {
	display: flex;
	flex-direction: column;
}
.mw-box-language >div >a {
	margin: 0.5ex 1ch;
	padding: unset;
}