.new {     color: inherit; }  column-feature-more .column-feature-more-header a {     font-weight: bold;     color: #474747; }  column-feature-more {     margin-top: 1.2em;     clear: left; }  column-feature-more ul {     list-style: none;     margin-left: 0; }  column-feature-more li {     font-size: .9em;     color: #474747; }  .mp-2012-block-nav-footer {     color: #666;     font-size: .85em;     clear: both;     text-align: right; }  mp-2012-banner a {     color: #17b; }  mp-2012-banner > div {     line-height: 120px; }  mp-2012-banner > div > div {     line-height: 1.5em;     vertical-align: middle; }  mp-2012-banner-title {     float: left;     margin-left: 40px;     width: 240px; }  mp-2012-banner-title > div {     display: inline-block;     font-family: sans-serif; }  mp-2012-banner-title h1 {     font-size: 1.5em;     margin: 0;     padding: 0;     line-height: 1.6em; }  mp-2012-banner-title p {     margin: 0;     padding: 0;     font-size: 90%;     color: #457; }  mp-2012-banner-intro > div {     display: inline-block;     text-align: center; }  mp-2012-banner-intro .number-of-articles a {     color: #113C86;     font-size: 120%;     font-family: sans-serif;     font-weight: bold; }  mp-2012-banner-intro p {     margin: 0;     padding-bottom: .3em;     letter-spacing: .1em;     font-weight: bold;     color: #457; }  mp-2012-banner-intro table {     width: 100%; }  mp-2012-banner-intro td {     vertical-align: top;     padding: 0 .5em; }  mp-2012 h1{     font-weight: bold;     border: none; } mp-2012-links table {     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; }  mp-2012-links td {     width: 33.33%;     vertical-align: top; }  mp-2012-links h3 {     font-size: .98em;     font-weight: bold;     color: #6B6B6B;     padding-bottom: .2em;     border-bottom: 1px solid #EEE;     margin-bottom: .8em; }  mp-2012-sisters {     margin-top: 50px;     clear:both;     padding-top: 15px;     border-top: 3px double #CCC;     color: #222;     line-height: 120%; } /* Scope your styles inside a media query. This means they will only apply on tablet or desktop.  */ /* 以下样式将不会在移动设备中应用  */ /* TODO: 表格可能需要转成<div> ，以适应移动设备 https://www.mediawiki.org/wiki/Mobile_Gateway/Mobile_homepage_formatting#MFSpecialCaseMainPage */  @media all and ( min-width: 720px ) { /* For the new main page design */  mp-2012-sisters > div {     background: white;     width: 45px;     margin: -40px auto 0; } mp-2012-links {     margin-bottom: .8em;     /* Make it flow */     overflow: hidden;     clear: left; }  mp-2012 #column-uptrends {     margin-left: 1.6em;     color: #3B3B3B; }  mp-2012 #column-participate {     margin-left: 1.6em;     color: #3B3B3B; }  mp-2012 #column-participate-button {     text-align: center;     margin-top: 1.5em;     white-space: nowrap;     font-weight: bold; }  mp-2012 #column-tips {     margin-left: 1.6em;     color: #494949; }  mp-2012-column-tips-header {     font-weight: bold;     color: #444; }  /* For the new main page design */ mp-2012, mp-2012-body {     clear: both; }  mp-2012 h2 {     font-weight: bold;     border: none; }  mp-2012 h2 {     font-size: 1.16em;     margin-bottom: .8em;     letter-spacing: .16em; }  mp-2012-body {     min-width: 695px; /* 182 + 40 + 240 + 245 + 20 - 32 */ }  mp-2012-column-left {     float: left;     width: 64.9%; }  mp-2012-column-left > div {     margin-right: 1.5em; }  .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; }  mp-2012-column-right {     float: right;     width: 35%; }  mp-2012-column-left h2, mp-2012-column-left h2 a {     color: #259; }  mp-2012-column-right h2, mp-2012-column-right h2 a {     color: #5c5c5c; }  column-feature img, #mp-2012 #column-good img {     margin: 0.4em 0.9em 0.3em 0; }  column-feature p img, #mp-2012 #column-good p img {     margin: 0; }  column-feature p, #mp-2012 #column-good p {     line-height: 1.6em;     text-align: justify;     text-justify: auto; }  column-dyk li {     margin-bottom: 0.5em; }  mp-2012-column-left .mp-2012-text {     color: #1A1A1A; }  mp-2012-column-right .mp-2012-text {     font-size: .98em; }  mp-2012-column-right > div {     margin-top: 1.6em; }  .mp-2012-column-right-block {     margin: 0 0 1.6em;     padding: .8em 1.6em 1.6em; }  mp-2012-column-right-block-a {     border: 1px solid #E8E8E8;     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);     background: #FFF; }  mp-2012-column-right-block-b {     border: 1px solid #CADEED;     box-shadow: 0px 1px 3px #DDE6ED;     background: #FFF;     background: linear-gradient(#fff 65%,#EFF6FA 100%);     clear: both; }  mp-2012-column-right-block-c {     border: 1px solid transparent;     margin-bottom: .4em;     clear: both; }  column-itn li {     margin-bottom: .8em; }  column-otd img {     margin-left: .6em;     margin-bottom: .6em; }  column-otd dl {     padding-left: 1em; }  column-otd dt {     float: left;     width: 4.2em; }  column-otd dd {     margin-bottom: .8em;     margin-left: 4.5em; }  mp-2012-banner-logo {     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-position: -118px 8px;     background-repeat: no-repeat; } mp-2012-banner {     clear: both; }  mp-2012-banner {     /* File:Zhwp blue banner.png */     background-image: url("//upload.wikimedia.org/wikipedia/commons/0/0a/Zhwp_blue_banner.png");     background-repeat: repeat-x;     height: 120px;     min-width: 727px; /* 182 + 40 + 240 + 245 + 20 */ }  mp-2012-banner-intro {     float: right;     margin-right: 20px;     width: 245px;     text-align: right; } }