Thành viên:Đức Anh/Nháp 42

    Tủ sách mở Wikibooks
    .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: 200px;
    }
    
    #mp-2012-banner > div > div {
        line-height: 1.5em;
        vertical-align: middle;
    }
    
    #mp-2012-banner-title {
        float: left;
        margin-left: 40px;
        width: 37%;
    }
    
    #mp-2012-banner-title > div {
        display: inline-block;
        font-family: sans-serif;
    }
    
    #mp-2012-banner-title h1 {
        font-size: 2em;
        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 {
    	display: none;
        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/9/9d/Set_Knowledge_Free_mural_illustration.svg");
        background-size: cover;
        height: 200px;
        min-width: 727px; /* 182 + 40 + 240 + 245 + 20 */
        position: relative;
    }
    
    /* 20周年代码,同时在[[MediaWiki:Vector.css]]修正 */
    #mp-banner-20 {
    	padding: 0.5em; 
    	background-color: #fffaf5; 
    	border-color: #f2e0ce;
    }
    
    #mp-banner-20-cr {
    	position:absolute;
    	bottom:-85px;
    	font-size:small;
    	right:10px;
    }
    
    #mp-2012-banner-intro {
        float: right;
        margin-right: 20px;
        width: 245px;
        text-align: right;
    }
    }