Template:封面.css
- localNotice {
display: none;
}
- catlinks {
display: none;
}
- footer {
display: none;
} .firstHeading {
display: none;
} .comment-replybox {
display: none;
}
.siteSub {
display: none;
}
.new { color: inherit; }
table {
border: 1px dotted #c8ccd1; padding: 0.25em 0.5em; min-width: 1em;
}
ul { margin-left: 0; padding-left: 1em; }
h1, h2 { font-family: STZhongsong, serif; font-weight: bold; border: none; }
body.skin-timeless h1::after, body.skin-timeless h2::after { content: none; }
h2 { font-size: 1.16em; margin-bottom: 0.8em; letter-spacing: 0.16em; color: #157348; }
- mp-banner {
background-position: center; background-size: cover; min-height: 35em; margin-bottom: 0.8em; display: flex; align-items: center; text-align: center; }
body.skin-vector #mp-banner { margin-left: -1rem; margin-right: -1rem; }
@media screen and (min-width: 982px) { body.skin-vector #mp-banner { margin-left: -1.5rem; margin-right: -1.5rem; } }
- mp-banner a {
color: #17b; }
- mp-banner > div {
display: grid; flex-wrap: wrap; justify-content: space-around; width: 100%; }
- mp-banner > div > div {
display: flex; flex-direction: column; justify-content: center; margin: 0.5em; padding: 0.5em 1.8em; background-color: rgba(248, 248, 248, 0.87); border-radius: 0.4em; }
- mp-banner-title h1 {
font-size: 2em; margin: 0; padding: 0; line-height: 1.6em; color: #17b; }
- mp-banner-title p {
margin: 0; padding: 0; font-size: 94%; color: #147; }
- mp-banner-intro .number-of-articles a {
color: #113c86; font-size: 120%; font-weight: bold; }
- mp-banner-intro p {
margin: 0; padding-bottom: 0.3em; letter-spacing: 0.1em; font-weight: bold; color: #457; }
- mp-banner-intro table {
width: 100%; }
- mp-banner-intro td {
padding: 0 0.5em; }
- mp-right {
margin-top: 0.8em; margin-bottom: 1.6em; padding-bottom: 1.2em; }
.mp-left-block, .mp-right-block { padding-top: 0.8em; }
- mp-links {
margin-bottom: 0.8em; /* Make it flow */ overflow: hidden; clear: left; }
- mp-links table {
font-size: 0.95em; width: 100%; border: 1px solid #eee; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #fbfbfb; margin: 0 auto !important; /* 移动版界面用了!important */ }
- mp-links td {
width: calc(100% / 3); }
- mp-links h3 {
font-size: 0.98em; font-weight: 600; color: #6b6b6b; padding-bottom: 0.2em; border-bottom: 1px solid #eee; margin-bottom: 0.8em; }
- mp-sisters {
display: flow-root; clear: both; margin-top: 50px; padding-top: 15px; border-top: 3px double #ccc; }
- mp-sisters-logo {
background-color: white; width: 45px; margin: -40px auto 0; }
@media (min-width: 50em) { .mp-left-block, .mp-right-block { padding-left: 1.6em; padding-right: 1.6em; }
#mp-links table { padding: 0.8em 1.6em; width: 96%; } }
@media (min-width: 63em) { #mp-left { float: left; width: 60%; }
.mp-left-block { padding-bottom: 1.8em; }
.mp-left-block:not(:first-child) { border-top: 1px solid #eee; }
#mp-right { float: right; width: 38%; box-sizing: border-box; border: 1px solid #e8e8e8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; }
#mp-right h2 { color: #259; }
#mp-right-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } }