User:Atón/Main page.css

clear: both; }
 * 1) mp-2012,
 * 2) mp-2012-banner,
 * 3) mp-2012-body {

/* */    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB4CAYAAAAzOJiAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABxSURBVChTnVFBDoAwCEP+/0M/4UFPy4LdjBswjFMOhAAtBUhgTLDLSYsI4VgQnVMI2+ypOmmd4ZsNqVJQYa3ZFyLNCnGTvsC+CR/Xf161ME9pLqThsc0Dpt7TEfamwZZ/hIM0ek/KmLvnhfhIcOvGdAKcwjZpfgh+hQAAAABJRU5ErkJggg=="); background-repeat: repeat-x; height: 120px; min-width: 727px; /* 182 + 40 + 240 + 245 + 20 */ }
 * 1) mp-2012-banner {

color: #17b; }
 * 1) mp-2012-banner a {

line-height: 120px; }
 * 1) mp-2012-banner > div {

line-height: 1.5em; vertical-align: middle; }
 * 1) mp-2012-banner > div > * {

float: left; width: 182px; height: 119px; margin-bottom: 1px; background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/300px-Wikipedia-logo-v2.svg.png"); background-image: -webkit-image-set(       url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/300px-Wikipedia-logo-v2.svg.png") 1x,        url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/450px-Wikipedia-logo-v2.svg.png") 1.5x,        url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/600px-Wikipedia-logo-v2.svg.png") 2x    ); background-image: image-set(       url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/300px-Wikipedia-logo-v2.svg.png") 1x,        url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/450px-Wikipedia-logo-v2.svg.png") 1.5x,        url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/600px-Wikipedia-logo-v2.svg.png") 2x    ); background-position: -118px 8px; background-repeat: no-repeat; }
 * 1) mp-2012-banner-logo {

float: left; margin-left: 40px; width: 240px; }
 * 1) mp-2012-banner-title {

display: inline-block; font-family: sans-serif; }
 * 1) mp-2012-banner-title > div {

font-size: 2em; margin: 0; padding: 0; line-height: 1.6em; }
 * 1) mp-2012-banner-title h1 {

margin: 0; padding: 0; font-size: 85%; color: #457; }
 * 1) mp-2012-banner-title p {

float: right; margin-right: 20px; width: 245px; text-align: right; }
 * 1) mp-2012-banner-intro {

display: inline-block; text-align: center; }
 * 1) mp-2012-banner-intro > div {

color: #113C86; font-size: 120%; font-family: sans-serif; font-weight: bold; }
 * 1) mp-2012-banner-intro .number-of-articles a {

margin: 0; padding-bottom: .3em; letter-spacing: .1em; font-weight: bold; color: #457; }
 * 1) mp-2012-banner-intro p {

width: 100%; }
 * 1) mp-2012-banner-intro table {

vertical-align: top; padding: 0 .5em; }
 * 1) mp-2012-banner-intro td {

font-weight: bold; border: none; }
 * 1) mp-2012 h1,
 * 2) mp-2012 h2 {

div#content #mp-2012 h2 { font-size: 1.16em; margin-bottom: .8em; letter-spacing: .16em; }

display: none; }
 * 1) mp-2012 .mw-headline-number {

/* white-space: nowrap; */ white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */ }
 * 1) mp-2012 .hlist li {

min-width: 695px; /* 182 + 40 + 240 + 245 + 20 - 32 */ }
 * 1) mp-2012-body {

float: left; width: 64.9%; }
 * 1) mp-2012-column-left {

margin-right: 1.5em; }
 * 1) mp-2012-column-left > div {

.mp-2012-column-left-block { margin-top: .8em; padding: .8em 1.6em 1.8em; line-height: 1.5em; }

.mp-2012-column-left-block + .mp-2012-column-left-block { margin-top: .4em; border-top: 1px solid #EEE; }

float: right; width: 35%; }
 * 1) mp-2012-column-right {

color: #259; }
 * 1) mp-2012-column-left h2,
 * 2) mp-2012-column-left h2 a {

color: #5c5c5c; }
 * 1) mp-2012-column-right h2,
 * 2) mp-2012-column-right h2 a {

margin-top: 1.2em; clear: left; }
 * 1) mp-2012 #column-feature-more {

list-style: none; margin-left: 0; }
 * 1) mp-2012 #column-feature-more ul {

font-size: .9em; color: #474747; }
 * 1) mp-2012 #column-feature-more li {

font-weight: bold; color: #474747; }
 * 1) mp-2012 #column-feature-more .column-feature-more-header a {

margin: 0.4em 0.9em 0.3em 0; }
 * 1) mp-2012 #column-feature img, #mp-2012 #column-good img {

margin: 0; }
 * 1) mp-2012 #column-feature p img, #mp-2012 #column-good p img {

line-height: 1.6em; text-align: justify; text-justify: inter-ideograph; }
 * 1) mp-2012 #column-feature p, #mp-2012 #column-good p, #mp-2012-featurepic-text p {

margin-bottom: 0.5em; }
 * 1) mp-2012 #column-dyk li {

.mp-2012-featurepic-horizontal #mp-2012-featurepic-image { margin-left: auto; margin-right: auto; }

.mp-2012-featurepic-vertical #mp-2012-featurepic-image { float: left; margin-right: 25px; }

margin-bottom: 5px; margin-top: 6px; text-align: center; }
 * 1) mp-2012-featurepic-image {

.mp-2012-featurepic-border p { border: 1px solid #DDDDDD; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15); }

position: relative; overflow: hidden; margin: 0; display: inline-block; }
 * 1) mp-2012-featurepic-image p {

/* caption */ position: absolute; right: .7em; bottom: .7em; padding: .19em .75em; background: black; background: rgba(0, 0, 0, .53); border-radius: .3em; color: white; font-size: .85em; font-weight: bold; text-shadow: 0 1px 3px black; }
 * 1) mp-2012-featurepic-image span {

.mp-2012-block-nav-footer { color: #666; font-size: .85em; clear: both; text-align: right; }

color: #1A1A1A; }
 * 1) mp-2012-column-left .mp-2012-text {

font-size: .98em; }
 * 1) mp-2012-column-right .mp-2012-text {

margin-top: 1.6em; }
 * 1) mp-2012-column-right > div {

.mp-2012-column-right-block { margin: 0 0 1.6em; padding: .8em 1.6em 1.6em; }

border: 1px solid #E8E8E8; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08); background: #FFF; }
 * 1) mp-2012-column-right-block-a {

border: 1px solid #CADEED; box-shadow: 0px 1px 3px #DDE6ED; background: #FFF; background: linear-gradient(top, #fff 65%,#EFF6FA 100%); background: -moz-linear-gradient(top, #fff 65%, #EFF6FA 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#fff), color-stop(100%,#EFF6FA)); background: -webkit-linear-gradient(top, #fff 65%,#EFF6FA 100%); background: -o-linear-gradient(top, #fff 65%,#EFF6FA 100%); background: -ms-linear-gradient(top, #fff 65%,#EFF6FA 100%); background: linear-gradient(top, #fff 65%,#EFF6FA 100%); clear: both; }
 * 1) mp-2012-column-right-block-b {

border: 1px solid transparent; margin-bottom: .4em; clear: both; }
 * 1) mp-2012-column-right-block-c {

margin-bottom: .8em; }
 * 1) mp-2012 #column-itn li {

margin-left: .6em; margin-bottom: .6em; }
 * 1) mp-2012 #column-otd img {

padding-left: 1em; margin-bottom: .8em; font-weight: normal; font-size: 1.01em; }
 * 1) mp-2012 #column-otd h3 {

white-space: nowrap; font-weight: bold; }
 * 1) mp-2012 #column-otd h3 .otd-year {

padding-left: 1em; }
 * 1) mp-2012 #column-otd dl {

float: left; width: 4.2em; }
 * 1) mp-2012 #column-otd dt {

margin-bottom: .8em; margin-left: 4.5em; }
 * 1) mp-2012 #column-otd dd {

margin-left: 1.6em; color: #3B3B3B; }
 * 1) mp-2012 #column-uptrends {

margin-left: 1.6em; color: #3B3B3B; }
 * 1) mp-2012 #column-participate {

text-align: center; margin-top: 1.5em; white-space: nowrap; font-weight: bold; }
 * 1) mp-2012 #column-participate-button {

margin-left: 1.6em; color: #494949; }
 * 1) mp-2012 #column-tips {

font-weight: bold; color: #444; }
 * 1) mp-2012-column-tips-header {

margin-bottom: .8em; /* Make it flow */ overflow: hidden; clear: left; }
 * 1) mp-2012-links {

padding: .8em 1.6em; font-size: .95em; width: 96%; border: 1px solid #EEE; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); background: #f8f9fa; margin: 0 auto; }
 * 1) mp-2012-links table {

width: 33.33%; vertical-align: top; }
 * 1) mp-2012-links td {

font-size: .98em; font-weight: bold; color: #6B6B6B; padding-bottom: .2em; border-bottom: 1px solid #EEE; margin-bottom: .8em; }
 * 1) mp-2012-links h3 {

margin-top: 50px; clear:both; padding-top: 15px; border-top: 3px double #CCC; color: #222; line-height: 120%; }
 * 1) mp-2012-sisters {

background: white; width: 45px; margin: -40px auto 0; }
 * 1) mp-2012-sisters > div {