恪別𡧲版𢯢𢷮𧵑「MediaWiki:Common.css」
no edit summary
空固𥿂略𢯢𢷮 |
空固𥿂略𢯢𢷮 |
||
𣳔10: | 𣳔10: | ||
body.page-張正 h1.pagetitle { | body.page-張正 h1.pagetitle { | ||
display: none; | display: none; | ||
} | |||
/* For the new main page design */ | |||
#mp-2012, | |||
#mp-2012-banner, | |||
#mp-2012-body { | |||
clear: both; | |||
} | |||
#mp-2012-banner { | |||
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 a { | |||
color: #17b; | |||
} | |||
#mp-2012-banner > div { | |||
line-height: 120px; | |||
} | |||
#mp-2012-banner > div > * { | |||
line-height: 1.5em; | |||
vertical-align: middle; | |||
} | |||
#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-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; | |||
} | |||
#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: 85%; | |||
color: #457; | |||
} | |||
#mp-2012-banner-intro { | |||
float: right; | |||
margin-right: 20px; | |||
width: 245px; | |||
text-align: right; | |||
} | |||
#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, | |||
#mp-2012 h2 { | |||
font-weight: bold; | |||
border: none; | |||
} | |||
#mp-2012 h2 { | |||
font-size: 1.16em; | |||
margin-bottom: .8em; | |||
letter-spacing: .16em; | |||
} | |||
#mp-2012 .mw-headline-number { | |||
display: none; | |||
} | |||
#mp-2012 .hlist li { | |||
white-space: nowrap; | |||
white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */ | |||
} | |||
#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; | |||
} | |||
#mp-2012 #column-feature-more { | |||
margin-top: 1.2em; | |||
clear: left; | |||
} | |||
#mp-2012 #column-feature-more ul { | |||
list-style: none; | |||
margin-left: 0; | |||
} | |||
#mp-2012 #column-feature-more li { | |||
font-size: .9em; | |||
color: #474747; | |||
} | |||
#mp-2012 #column-feature-more .column-feature-more-header a { | |||
font-weight: bold; | |||
color: #474747; | |||
} | |||
#mp-2012 #column-feature img, #mp-2012 #column-good img { | |||
margin: 0.4em 0.9em 0.3em 0; | |||
} | |||
#mp-2012 #column-feature p, #mp-2012 #column-good p, #mp-2012-featurepic-text p { | |||
line-height: 1.6em; | |||
text-align: justify; | |||
text-justify: inter-ideograph; | |||
} | |||
#mp-2012 #column-dyk li { | |||
margin-bottom: 0.5em; | |||
} | |||
.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; | |||
} | |||
#mp-2012-featurepic-image { | |||
margin-bottom: 5px; | |||
margin-top: 6px; | |||
text-align: center; | |||
} | |||
.mp-2012-featurepic-border p { | |||
border: 1px solid #DDDDDD; | |||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15); | |||
} | |||
#mp-2012-featurepic-image p { | |||
position: relative; | |||
overflow: hidden; | |||
margin: 0; | |||
display: inline-block; | |||
} | |||
#mp-2012-featurepic-image span { | |||
/* 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; | |||
} | |||
.mp-2012-block-nav-footer { | |||
color: #666; | |||
font-size: .85em; | |||
clear: both; | |||
text-align: right; | |||
} | |||
#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(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; | |||
} | |||
#mp-2012-column-right-block-c { | |||
border: 1px solid transparent; | |||
margin-bottom: .4em; | |||
clear: both; | |||
} | |||
#mp-2012 #column-itn li { | |||
margin-bottom: .8em; | |||
} | |||
#mp-2012 #column-otd img { | |||
margin-left: .6em; | |||
margin-bottom: .6em; | |||
} | |||
#mp-2012 #column-otd h3 { | |||
padding-left: 1em; | |||
margin-bottom: .8em; | |||
font-weight: normal; | |||
font-size: 1.01em; | |||
} | |||
#mp-2012 #column-otd h3 .otd-year { | |||
white-space: nowrap; | |||
font-weight: bold; | |||
} | |||
#mp-2012 #column-otd dl { | |||
padding-left: 1em; | |||
} | |||
#mp-2012 #column-otd dt { | |||
float: left; | |||
width: 4.2em; | |||
} | |||
#mp-2012 #column-otd dd { | |||
margin-bottom: .8em; | |||
margin-left: 4.5em; | |||
} | |||
#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; | |||
} | |||
#mp-2012-links { | |||
margin-bottom: .8em; | |||
/* Make it flow */ | |||
overflow: hidden; | |||
clear: left; | |||
} | |||
#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: #FBFBFB; | |||
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%; | |||
} | |||
#mp-2012-sisters > div { | |||
background: white; | |||
width: 45px; | |||
margin: -40px auto 0; | |||
} | } |