Wikipedia:Main Page/February 2020 styles.css

In today's world, more and more attention is focused on Wikipedia:Main Page/February 2020 styles.css. Whether we're talking about politicians, celebrities, fashion trends or technological advancements, Wikipedia:Main Page/February 2020 styles.css has captured the imagination of millions of people around the world. In this article, we will thoroughly explore the phenomenon of Wikipedia:Main Page/February 2020 styles.css, examining its impact on various aspects of modern society. From its origin and evolution to its influence on popular culture, we will analyze in detail how Wikipedia:Main Page/February 2020 styles.css has come to occupy a place of relevance in the current panorama. In addition, we will also examine the possible future implications of this phenomenon and how it could continue to shape our lives in the years to come.
.MainPage__banner {
	clear: both;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 1.2em 0 6px;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	color: #000;
}

.MainPage__banner__welcome {
	width: 100%;
	margin: 0.4em;
	text-align: center;
}

.content table.MainPage__table {
	overflow: hidden;
}

.MainPage__table ul {
	list-style-type: disc;
}

.MainPage__table {
	border-spacing: 0;
}

.MainPage__table tr {
	margin-top: 4px;
	border-spacing: 0;
}

.MainPageBG--featured-picture td,
.MainPageBG--featured-picture tr,
.MainPage__table tr,
.MainPage__column--left,
.MainPage__column--right {
	display: block;
	width: 100%;
}

/* support different one line three word header in mobile*/

@media all and ( max-width: 720px ) {
	.MainPage__heading--featured-article span { 
		display: inline-block;
	}
	.MainPage__heading--featured-article span.MainPage__heading--shorten {
		display: none;
	}
	.MainPage__heading--featured-article span:first-letter {
		text-transform: uppercase;
	}
}

@media all and ( max-width: 1200px ) {
	.MainPage__banner__links {
	  display: inline-block;
	  width: 100%;
	  text-align: center;
	  margin: 0;
	}
	.MainPage__banner__links li {
	  display: inline-block;
	  padding: 0 5px;
	}
}

@media all and ( min-width: 1000px ) {
	.MainPageBG--featured-list {
		margin-top: 4px;
		border: 1px solid #f2cedd;
		background: #fff5fa;
		overflow: auto;
	} 

	.MainPageBG--featured-picture {
		margin-top: 4px;
		border: 1px solid #ddcef2;
		background: #faf5ff;
		overflow: auto;
	}
	.MainPage__heading--otd {
		clear: both;
		margin: 0.5em;
		background: #cedff2;
		font-family: inherit;
		font-size: 120%;
		font-weight: bold;
		border: 1px solid #a3b0bf;
		color: #000;
		padding: 0.2em 0.4em;
	}
	.MainPage__heading-dyk {
		clear: both;
		margin: 0.5em;
		background: #cef2e0;
		font-family: inherit;
		font-size: 120%;
		font-weight: bold;
		border: 1px solid #a3bfb1;
		color: #000;
		padding: 0.2em 0.4em;
	}
	.MainPage__heading--featured-list {
		margin: 0.5em;
		background: #f2cedd;
		font-family: inherit;
		font-size: 120%;
		font-weight: bold;
		border: 1px solid #bfa3af;
		color: #000;
		padding: 0.2em 0.4em;
	}
	.MainPage__heading--other {
		margin: 0.5em;
		background: #eeeeee;
		border: 1px solid #ddd;
		color: #222;
		padding: 0.2em 0.4em;
		font-size: 120%;
		font-weight: bold;
		font-family: inherit;
	}
	.MainPage__heading--languages {
		margin: 0.5em;
		background: #efefef;
		border: 1px solid #ddd;
		color: #222;
		padding: 0.2em 0.4em;
		font-size: 120%;
		font-weight: bold;
		font-family: inherit;
	}
	.MainPage__heading--sister {
		margin: 0.5em;
		background: #eeeeee;
		border: 1px solid #ddd;
		color: #222;
		padding: 0.2em 0.4em;
		font-size: 120%;
		font-weight: bold;
		font-family: inherit;
	}
	.MainPage__heading--featured-picture {
		margin: 0.5em;
		background: #ddcef2;
		font-family: inherit;
		font-size: 120%;
		font-weight: bold;
		border: 1px solid #afa3bf;
		color: #000;
		padding: 0.2em 0.4em;
	}
	.MainPage__heading--featured-article {
		margin: 0.5em;
		background: #cef2e0;
		font-family: inherit;
		font-size: 120%;
		font-weight: bold;
		border: 1px solid #a3bfb1;
		color: #000;
		padding: 0.2em 0.4em;
	}
	.MainPage__heading--itn {
		margin: 0.5em;
		background: #cedff2;
		font-family: inherit;
		font-size: 120%;
		font-weight: bold;
		border: 1px solid #a3b0bf;
		color: #000;
		padding: 0.2em 0.4em;
	}
	.MainPageBG--featured-picture tr,
	.MainPage__table tr {
		display: table-row;
	}
	
	.MainPageBG--featured-picture td,
	.MainPage__column--left {
		display: table-cell;
	}

	.MainPage__column--left {
		width: 55%;
		border: 1px solid #cef2e0;
		padding: 0;
		vertical-align: top;
		color: #000;
		background-color: #f5fffa;
	}
	.MainPage__column--right {
		display: table-cell;
		width: 45%;
		border: 1px solid #cedff2;
		padding: 0;
		background: #f5faff;
		vertical-align: top;
	}
	.MainPage__other-areas {
		padding-top: 4px;
		padding-bottom: 2px;
		border: 1px solid #e2e2e2;
		overflow: auto;
		margin-top: 4px;
	}
}
@media all and ( min-width: 1200px ) {
	.MainPage__banner__links {
		position: absolute;
		right: -1em;
		top: 50%;
		margin-top: -2.4em;
		width: 38%;
		min-width: 25em;
		font-size: 95%;
	}
	.MainPage__banner {
		min-width: 47em;
		white-space: nowrap;
	}
	.MainPage__banner__welcome {
		width: 22em;
	}
		.MainPage__banner__links__1 {
		position: absolute;
		left: 0;
		top: 0;
	}
	.MainPage__banner__links__2 {
		position: absolute;
		left: 0;
		top: 1.6em;
	}
	.MainPage__banner__links__3 {
		position: absolute;
		left: 0;
		top: 3.2em;
	}
	.MainPage__banner__links__4 {
		position: absolute;
		left: 33%;
		top: 0;
	}
	.MainPage__banner__links__5 {
		position: absolute;
		left: 33%;
		top: 1.6em;
	}
	.MainPage__banner__links__6 {
		position: absolute;
		left: 33%;
		top: 3.2em;
	}
	.MainPage__banner__links__7 {
		position: absolute;
		left: 66%;
		top: 0;
	}
	.MainPage__banner__links__8 {
		position: absolute;
		left: 66%;
		top: 1.6em;
	}
	.MainPage__banner__links__9 {
		position: absolute;
		left: 66%;
		top: 3.2em;
	}
}
/*Temporary workaround for monobook users */
body.skin-monobook .nomobile { display: block; }