MediaWiki:Mobile.css
跳转到导航
跳转到搜索
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 这里放置的CSS将影响使用移动版网站的用户 */
/* Recent changes icon */
.mw-ui-icon-minerva-recentchanges:before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1.48 0 0 1.43 0 -401)'%3E%3Cpath d='m0 292 2.48-1.49 3.83-9.97h0.756l1.68 11.3 1.8-6h0.85l1.72 4.18h3.14l-3.47 1.91-1.7-3.97-1.82 9.33-1.96-3e-5 -0.874-13.2-2.55 7.94z' fill='%2354595d'/%3E%3C/g%3E%3C/svg%3E");
}
/* Black text theme */
.footer-content, footer .hlist li::after,
.branding-box h1 sup, .branding-box a,
nav ul.hlist li a, .footer-content a {
color: #000 !important;
}
.footer-content a, .branding-box a,
nav ul.hlist li a {
font-weight: bold !important;
}
.license a.external {
padding-right: 0 !important;
background-image: none !important;
}
.mw-ui-icon-minerva-mainmenu::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M21 19H2v-2h19v2zm0-6H2v-2h19v2zm0-6H2V5h19v2z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-minerva-magnifying-glass::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emagnifying glass%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M16.474 15.44c1.147-1.375 1.835-3.21 1.835-5.16a7.98 7.98 0 0 0-8.03-8.03 7.98 7.98 0 0 0-8.03 8.03 7.98 7.98 0 0 0 8.03 8.03c1.72 0 3.21-.46 4.47-1.378l4.473 4.474c.46.46 1.262.46 1.836 0l.69-.688-5.278-5.277zm-11.93-5.16c0-3.21 2.524-5.735 5.735-5.735 3.21 0 5.732 2.524 5.732 5.735 0 3.212-2.524 5.736-5.736 5.736-3.212 0-5.736-2.638-5.736-5.736z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-overlay-close::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-back::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M24 10.667H5.107l4.78-4.78L8 4l-8 8 8 8 1.887-1.887-4.78-4.78H24z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-minerva-notifications::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3Enotification%3C/title%3E%3Cdefs%3E%3Cpath id=%22a%22 d=%22M9.643 21.364c1.234 0 2.235-.956 2.235-2.136h-4.47c0 1.18 1 2.136 2.234 2.136z%22/%3E%3Cmask id=%22b%22 width=%224.471%22 height=%222.136%22 x=%220%22 y=%220%22 fill=%22%23fff%22%3E%3Cuse xlink:href=%22%23a%22/%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 transform=%22translate%282 1%29%22%3E%3Cuse stroke=%22%23000%22 stroke-width=%224%22 mask=%22url%28%23b%29%22 xlink:href=%22%23a%22/%3E%3Cpath fill=%22%23000%22 d=%22M16.893 9.08v3.998l1.77 3.603v1.098H.623V16.68l1.77-3.603V9.08c0-2.894 1.822-5.41 4.475-6.47C7.13 1.327 8.284.383 9.642.383c1.357 0 2.51.944 2.773 2.227 2.653 1.06 4.477 3.576 4.477 6.47zM10.92 3.974H8.366c-2.438.553-4.255 2.64-4.255 5.14v4.474l-1.7 2.44h14.467l-1.702-2.44V9.114c.024-4.076-3.616-5.09-4.255-5.14z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* Standard changes */
.overlay {
z-index: 1000000 !important;
}
.mw-notification-area, .drawer {
z-index: 2000000 !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
z-index: 3000000 !important;
}
.mw-notification, .toast {
margin-bottom: 80px !important;
}
.overlay-content {
background: #fff !important;
}
.search-box .search {
background-size: 26px 26px !important;
background-position: left 3px center !important;
}
.heading-holder {
margin-bottom: 15px !important;
}
.page-Main_Page .heading-holder {
padding-bottom: 0 !important;
}
#content {
padding-bottom: 20px !important;
overflow: hidden !important;
}
.ns-special #content {
background: #FFFFFF !important;
}
.ns-special .heading-holder .tagline {
display: none !important;
}
.ns-special img, .captcha-box img {
image-rendering: auto !important;
}
.editButtons #wpCaptchaWord {
margin-top: 2.5px;
}
#userloginForm .mw-ui-vform-field:nth-of-type(8) {
margin-bottom: 5px;
}
.secondary-action {
border-left: 1px solid #EAECF0 !important;
}
.mw-ui-button {
max-width: none;
}
.content .mw-ui-icon-minerva-edit-enabled {
display: block !important;
}
.collapsible-heading.open-block .mw-ui-icon-minerva-edit-enabled {
top: -2px;
}
.in-block .mw-ui-icon-minerva-edit-enabled {
top: -4px;
}
.mediawiki {
font-size: 15px;
}
.mediawiki table {
min-width: 0 !important;
max-width: 100% !important;
}
.mediawiki .content table {
font-size: 90%;
border-collapse: separate;
margin: 0.5em 0 0.75em;
}
.mediawiki .content table table {
font-size: 100%;
margin: 0;
}
.mediawiki .content table.wikitable {
border-collapse: collapse;
}
.mediawiki .content table tbody {
width: 100% !important;
display: table !important;
}
.noresize + .thumbcaption {
display: none;
}
.mediawiki .content .noresize a > img {
max-width: 100% !important;
}
.mediawiki .content figure,
.mediawiki .content .thumb {
width: auto !important;
}
@media all and (max-width: 719px) {
.mediawiki .content figure,
.mediawiki .content .thumb {
margin: 0.8em 0 0.5em;
margin-left: auto !important;
margin-right: auto !important;
}
.mediawiki .content .in-block + .thumb,
.mediawiki .content .thumb + .thumb {
margin-top: 0.6em;
}
.noresize {
margin-bottom: 0.75em;
}
.thumbimage {
text-align: center;
}
ul.gallery {
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
#wpEmail {
margin-bottom: 6px;
}
input[name="captchaWord"] {
margin-top: 9px;
}
.g-recaptcha {
margin-top: 12px;
}
.mediawiki .content table,
.mediawiki .infobox {
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.mediawiki .infobox {
display: block !important;
float: none !important;
margin: 15px 0 15.5px !important;
}
}
@media all and (min-width: 720px) {
.mediawiki .infobox {
max-width: 315px !important;
float: right !important;
margin: 0 0 7px 15px !important;
}
}
.mediawiki .infobox {
font-size: 85% !important;
font-family: inherit !important;
}
.mediawiki .infobox table {
width: 100% !important;
}
.gallery {
margin: 0.8em 0 0 !important;
padding: 0 !important;
}
.in-block + .gallery {
margin-top: 0.6em !important;
}
.gallery + .gallery {
margin-top: 0 !important;
}
.gallerybox, .gallerybox div {
max-width: 100% !important;
}
.gallerybox .thumb {
margin: 0 !important;
}
.gallerybox .mediaContainer {
display: inline-block !important;
}
.gallerytext p {
font-size: 90% !important;
margin: 0.4em 0 0.6em !important;
}
.center {
text-align: center;
}
.center * {
margin-left: auto;
margin-right: auto;
}
.content .floatleft {
margin: 0 1em 0.5em 0 !important;
}
.content .floatright {
margin: 0 0 0.5em 1em !important;
}
.mediawiki .content p,
.mediawiki .content ul,
.mediawiki .content ol {
margin-top: 0.5em;
margin-bottom: 0.75em;
}
.mediawiki .content p + ul,
.mediawiki .content p + ol,
.mediawiki .content ul + p,
.mediawiki .content ol + p {
margin-top: -0.25em;
}
.mediawiki .content ul li,
.mediawiki .content ol li,
.mediawiki .content ul li:last-child,
.mediawiki .content ol li:last-child {
margin-bottom: 2px;
}
.mediawiki .content ul ul,
.mediawiki .content ol ol,
.mediawiki .content ul ol,
.mediawiki .content ol ul {
margin-top: 2px;
margin-bottom: 0;
}
.mediawiki .content ul + ul,
.mediawiki .content ol + ol,
.mediawiki .content ul + ol,
.mediawiki .content ol + ul {
margin-top: 0 !important;
}
.mediawiki .content ol.references {
font-size: 90% !important;
margin: 0 !important;
}
.mediawiki dl {
font-size: 95% !important;
margin-bottom: 0.5em !important;
}
.mediawiki dl dl,
.mediawiki li dl,
.mediawiki dl + dl,
.mediawiki ul + dl,
.mediawiki ol + dl,
.mediawiki p + dl {
font-size: 100% !important;
}
.mediawiki dl dl {
margin-bottom: 0 !important;
}
.mediawiki ul + dl,
.mediawiki ol + dl {
margin-top: -0.5em !important;
}
.mediawiki ul + dl > dd > ul,
.mediawiki ol + dl > dd > ol,
.mediawiki ul + dl > dd > ol,
.mediawiki ol + dl > dd > ul {
margin-top: 0 !important;
}
.ns-talk p + dl,
.ns-4 p + dl,
.ns-110 p + dl,
.content.talk-section p + dl {
margin-top: -0.75em !important;
}
.ns-talk dl + dl,
.ns-4 dl + dl,
.ns-110 dl + dl,
.content.talk-section dl + dl {
margin-top: -0.5em !important;
}
code {
border: none !important;
padding: 0 !important;
background-color: #f9f9f9 !important;
}
small {
font-size: 85% !important;
}
big {
font-size: 115% !important;
}
blockquote {
font-size: 100% !important;
padding: 0 0 0 15px !important;
}
blockquote p:last-of-type {
margin-bottom: 0.5em;
}
/* Text and links */
.content { color: #000; }
.content a { color: #002bb8; }
.content a:active { color: #faa700; }
.content a:visited { color: #5a3696; }
.content a.external, .content a.extiw { color: #36b; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.selflink {
color: #000 !important;
font-weight: bold !important;
text-decoration: none !important;
}
.content a.mw-ui-button,
.content a.mw-ui-button:active,
.content a.mw-ui-button:visited {
color: #222;
}
.content a.mw-ui-button:hover {
color: #444;
}
.content .mw-ui-button.mw-ui-progressive,
.content .mw-ui-button.mw-ui-progressive:active,
.content .mw-ui-button.mw-ui-progressive:hover,
.content .mw-ui-button.mw-ui-progressive:visited {
color: #fff;
}
/* Headings */
h3 {
font-size: 1.3em !important;
}
h4 {
font-size: 1.2em !important;
}
h5 {
font-size: 1.1em !important;
font-weight: bold !important;
}
h6 {
font-weight: bold !important;
}
.content h3, .content h4,
.content h5, .content h6 {
padding: 0.3em 0 0.15em !important;
}
/* Recent changes options */
.rcoptions {
margin: 22px 0 12px;
}
.rcoptions .mw-changeslist-legend,
.rcoptions legend,
.rcoptions form,
.rcoptions hr {
display: none;
}
/* Editing interface */
.editOptions {
margin: 0.5em 0;
}
.mw-editTools {
display: none;
}
/* Video widget */
.videoWidget .thumbcaption {
margin-top: -1px;
}
.videoWidget .thumbinner .thumbcaption {
margin-top: 6px;
}
@media all and (max-width: 719px) {
.videoWidget {
display: block !important;
}
.autoResize {
margin: 0 auto !important;
}
}
/* Video table */
.videoTable {
display: block !important;
}
/* Article icons */
#ArticleIcons td {
border: none;
}
#ArticleIcons {
z-index: auto !important;
top: 44.5px !important;
right: 14px;
}
@media all and (min-width: 720px) {
#ArticleIcons {
right: 52px;
}
}
.preview #ArticleIcons {
display: none !important;
}
/* Infoboxes */
.infobox {
border: 1px solid #aaa;
}
.infobox > tbody > tr:first-child > td:first-child,
.infobox > tbody > tr:first-child > th:first-child {
font-size: 125% !important;
}
.infobox td small {
font-size: 100% !important;
}
.infoboxHead {
display: none;
}
.content div.infobox {
background-color: #f9f9f9;
border: medium none;
font-size: 90%;
margin-bottom: 2em;
position: relative;
text-align: left;
}
@media all and (min-width: 720px) {
div.infobox {
clear: right !important;
float: right !important;
margin: 0.5em 0 1em 35px !important;
max-width: 315px;
width: auto !important;
}
table.infobox {
max-width: 315px;
}
}
/* Tabber tabs */
.tabbernav {
margin: 0 !important;
padding: 1px 0 !important;
}
.mw-parser-output > div > .tabber {
display: table;
margin-bottom: 0.75em;
}
@media all and (max-width: 719px) {
.tabber {
display: block;
float: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tabber.goleft,
.tabber.goright {
margin-bottom: 0.75em !important;
}
.tabber.goleft .tabbertab,
.tabber.goright .tabbertab {
text-align: center !important;
}
}
/* Misc changes */
#welcomeTagline {
margin-top: -5px;
}
.forumheader {
border: 1px solid #AAA;
padding: 8px 0 6px 12px;
margin-bottom: 15px;
}
.cquote {
font-size: 95% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.cquote td {
padding-top: 0 !important;
}
.cquote td#text {
padding-bottom: 6px !important;
}
.cquote td#q-mark {
line-height: 1 !important;
}
#rc-mostwanted {
font-size: 100%;
}
.messagebox {
font-size: 90% !important;
}
@media all and (max-width: 719px) {
.messagebox img, #niwa img {
display: none;
}
}
@media all and (min-width: 720px) {
#niwa a > img {
max-width: none !important;
}
}
/* Template:ImageCaption */
.ImageCaption {
text-align: center;
}
.ImageCaption .thumbcaption img {
display: none;
}
/* Hitbox tables */
table.hitboxtable {
display: block !important;
}
/* Moveset navboxes */
table[role="presentation"] a > img {
max-width: none !important;
}
table[role="presentation"] table[role="presentation"] {
margin-bottom: 0 !important;
}
table[role="presentation"] table[role="presentation"] + table[role="presentation"] {
margin-top: 0 !important;
}
body,
#firstHeading {
font-family: "Microsoft YaHei", "PingFang SC", BlinkMacSystemFont, -apple-system, Arial, x-locale-body, sans-serif;
}
.mw-body-content h2 {
font-family: "Microsoft YaHei", "PingFang SC", BlinkMacSystemFont, -apple-system, Arial, x-locale-body, sans-serif;
}