Vikipeedia:Esileht/styles.css

.main-page-responsive-columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.main-page-header > div {
	text-align: center;
	width: 100%;
}

.main-page-header-title {
	font-size: 195%
}

.main-page-header-subheading {
	font-size: 120%;
	padding: 5px 2px 0;
}

.main-page-header > div:last-of-type {
	display: none;
}

.main-page-header,
.main-page-portals > div {
	border-bottom: 1px solid #a7d7f9;
}

.main-page-header-nav-links {
	margin: 10px 7px;
	text-align: center;
}

.main-page-body > div {
	width: 100%;
}

/* [[Fail:Bluebg rounded croped.png]] */
.main-page-section-header {
	position: relative;
	top: 9px;
	background: url(https://upload.wikimedia.org/wikipedia/commons/8/8c/Bluebg_rounded_croped.png) no-repeat;
}

.main-page-section-icon {
	position: relative;
	left: 5px;
	top: -6px;
}

.main-page-section-title {
	position: absolute;
	left: 40px;
	top: -2px;
	font-size: 125%;
	white-space: nowrap;
	padding: .15em .4em;
}

.main-page-section-content {
	margin: 6px 0 5px 7px;
}

.main-page-archive-link {
	text-align: right;
	clear: both;
}

.main-page-section-content.main-page-list,
.main-page-featured-image {
	margin-right: 6px;
	text-align: center;
}

body.skin-minerva .main-page-section-title {
	top: -8px;
}

body.skin-monobook .main-page-section-title,
body.skin-modern .main-page-section-title {
	font-weight: bold;
	top: 2px;
}

@media all and ( min-width: 900px ) {
	.main-page-responsive-columns > div:nth-child(odd) {
		flex: 1.9 1;
	}

	.main-page-header > div:nth-child(2) {
		flex: 1 1;
	}

	.main-page-body > div:nth-child(2) {
		order: 2;
		margin: 12px 0;
	}
	
	.main-page-body > div:nth-child(3) {
		order: 1;
		flex: 1 1;
	}
	
	.main-page-body > div:nth-child(4) {
		order: 4;
		flex: 1.5 1;
	}
	
	.main-page-body > div:nth-child(5) {
		order: 3;
	}

	.main-page-header {
		border: 1px solid #a7d7f9;
		border-radius: 10px;
		padding: 1em 3em 1.2em;
	}

	.main-page-header > div,
	.main-page-featured-image {
		text-align: left;
		margin-right: 0;
		width: 100%;
	}

	.main-page-header > div:last-of-type {
		align-self: center;
		text-align: center;
		display: block;
	}

	.main-page-body > div {
		border: 1px solid #a7d7f9;
		border-radius: 10px;
		padding: 15px;
	}

	.main-page-body > div:nth-child(1),
	.main-page-body > div:nth-child(5) {
		margin-right: 15px;
	}

	.main-page-body > div:nth-child(3),
	.main-page-body > div:nth-child(4) {
		background-color: #f5faff;
	}

	.main-page-featured-image .mw-file-element {
		float: right;
		padding-left: 10px;
	}
	
	body.skin-minerva .main-page-header {
		margin-top: 10px;
	}
}

.main-page-list ul {
	margin: 0;
	padding: 0;
}

.main-page-list li {
	display: inline;
	white-space: nowrap;
	font-size: 95%
}

.main-page-list li:after {
	content: " · ";
	font-weight: bold;
}

.main-page-list li:last-child:after {
	content: none;
}

.main-page-list p {
	padding-top: 10px;
}

.main-page-columns-list {
	display: flex;
	flex-wrap: wrap;
}

.main-page-columns-list > div {
	min-width: 12em;
	white-space: nowrap;
	flex: 1 1 33%;
}

.main-page-columns-list > div > div {
	display: inline-block;
	vertical-align: middle;
}

.main-page-columns-list > div > div:first-child {
	width: 35px;
	text-align: center;
}

.main-page-columns-list > div > div:last-child {
	padding: 4px 2px;
}

.main-page-columns-list::after {
	content: ''; /* tühi element viimase rea joonduse tarbeks */
	flex: 1 1 33.3%;
}

.main-page-columns-list {
	padding-bottom: 1em;
}