Wikipedia:Main Page/February 2020 styles.css

.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; }