Template:封面.css

1. localNotice {

   display: none;

}

1. catlinks {

   display: none;

}

1. 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; }

1. 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; } }

1. mp-banner a {

color: #17b; }

1. mp-banner > div {

display: grid; flex-wrap: wrap; justify-content: space-around; width: 100%; }

1. 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; }

1. mp-banner-title h1 {

font-size: 2em; margin: 0; padding: 0; line-height: 1.6em; color: #17b; }

1. mp-banner-title p {

margin: 0; padding: 0; font-size: 94%; color: #147; }

1. mp-banner-intro .number-of-articles a {

color: #113c86; font-size: 120%; font-weight: bold; }

1. mp-banner-intro p {

margin: 0; padding-bottom: 0.3em; letter-spacing: 0.1em; font-weight: bold; color: #457; }

1. mp-banner-intro table {

width: 100%; }

1. mp-banner-intro td {

padding: 0 0.5em; }

1. mp-right {

margin-top: 0.8em; margin-bottom: 1.6em; padding-bottom: 1.2em; }

.mp-left-block, .mp-right-block { padding-top: 0.8em; }

1. mp-links {

margin-bottom: 0.8em; /* Make it flow */ overflow: hidden; clear: left; }

1. 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 */ }

1. mp-links td {

width: calc(100% / 3); }

1. 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; }

1. mp-sisters {

display: flow-root; clear: both; margin-top: 50px; padding-top: 15px; border-top: 3px double #ccc; }

1. 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; } }