6,304
个编辑
无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
/* | /* 用于首页 */ | ||
/* 首页不显示红链 */ | |||
.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; | |||
} | |||
border | |||
#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; | |||
} | |||
border- | #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: 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 { | |||
float: left; | |||
width: 182px; | |||
height: 119px; | |||
margin-bottom: 1px; | |||
background-position: -118px 8px; | |||
background-repeat: no-repeat; | |||
} | |||
#mp-2012-banner { | |||
clear: both; | |||
} | |||
#mp-2012-banner { | |||
/* [[File: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; | |||
} | |||
} | } |