Template:Main page/styles.css

/* */ /* * Base styles for the main page. */

@media (min-width: 982px) { .mp-columns { display: flex; margin: 0 -0.75rem; }	.mp-columns > * { padding: 0 0.75rem; }	.mp-columns > :first-child { flex: 3; }	.mp-columns > :last-child { flex: 2; } }

position: relative; box-sizing: border-box; min-width: 47em; border-color: #ddd; background-color: #f9f9f9; white-space: nowrap; }
 * 1) mp-topbanner {

.mp-bordered, .mp-h2, body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */ border-width: 1px; border-style: solid; }

.mp-h2, color: #000; }
 * 1) mp-topbanner,
 * 1) mp-left {

width: 100%; height: 100%; text-align: center; }
 * 1) mp-welcomecount {

font-size: 162%; padding: 0.1em; }
 * 1) mp-welcome {

font-size: inherit; font-family: inherit; display: inline; border: none; }
 * 1) mp-welcome h1 {

content: none; }
 * 1) mp-welcome h1::after {

font-size: 95%; }
 * 1) mp-free {

font-size: 85%; }
 * 1) articlecount {

margin-top: 4px; padding: 0.5em; background-color: #fffaf5; border-color: #f2e0ce; }
 * 1) mp-banner {

@media (max-width: 875px) { body.skin--responsive #mp-welcomecount { width: auto; }

body.skin--responsive #mp-topbanner { min-width: 0; white-space: normal; }	body.skin--responsive table, body.skin--responsive tr, body.skin--responsive td, body.skin--responsive tbody { display: block !important; width: 100% !important; box-sizing: border-box; }

body.skin--responsive #mp-tfp tr:first-child td:first-child a { text-align: center; display: table; margin: 0 auto; } }

/* Minerva doesn't have this style. */ div.hlist.inline ul, div.hlist.inline li, div.hlist.inline { display: inline; }