欢迎来到 Mario Forever 百科!编辑前请创建一个账号,或使用现有的账号登录;并认真阅读用户须知

自2020年7月14日起,未验证邮箱的用户将无法编辑页面。请前往参数设置验证邮箱,谢谢您的配合。

MediaWiki:Mobile.css

来自Mario Forever 百科
跳转到导航 跳转到搜索

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-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;
}