MediaWiki:Common.css
MediaWiki界面页面
更多操作
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
/* 桌面版网页所有皮肤的公共CSS */
/* 界面管理员注意！任何对Common.css的改变必须先在技术客栈讨论，谢谢。 */
/* .mw-parser-output内的样式调整请使用TemplateStyles */
/* Default styling for HTML elements */
cite,
dfn {
font-style: inherit; /* Reset default styling for <dfn> */
}
/*
== 参考区 ==
*/
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
ol.references,
div.reflist {
font-size: 90%; /* Default font-size */
margin-bottom: 0.5em;
}
div.reflist ol.references {
font-size: 100%; /* Reset font-size when nested in div.reflist */
}
div.reflist ol.references,
div.notelist ol.references {
list-style-type: inherit; /* Enable custom list style types */
}
/* .references-2column b/c */
div.references-2column {
-moz-column-count: 2;
column-count: 2;
font-size: 90%;
}
div.references-2column ol.references,
div.references-2column div.reflist {
font-size: 100%;
}
/* T156351: Support for Parsoid's Cite implementation */
a[rel="mw:referencedBy"]::before {
font-weight: bold;
content: "^";
}
span[rel="mw:referencedBy"] > a::before {
font-weight: bold;
content: counter(mw-references, decimal) "." counter(mw-ref-linkback, decimal);
}
span[rel="mw:referencedBy"]::before {
content: "^ ";
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,
/* Reset top margin for lists embedded in columns */
div.columns {
margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
margin-top: 0;
}
/* Avoid list items from breaking between columns */
div.columns li,
div.columns dd dd {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
/* Prevent line breaks in silly places:
1) Where desired
2) Links when we don't want them to
3) Bold "links" to the page itself
4) HTML formulae
5) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: " :";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
.same-bg {
background: none;
}
/*
== 提示 ==
*/
/* Style for "notices" */
.notice {
text-align: justify;
margin: 1em;
padding: 0.2em;
}
#disambig {
border-top: 3px double var(--border-color-base, #a2a9b1);
border-bottom: 3px double var(--border-color-base, #a2a9b1);
}
#spoiler {
border-top: 2px solid var(--border-color-base, #a2a9b1);
border-bottom: 2px solid var(--border-color-base, #a2a9b1);
}
/*
== 未归类 ==
*/
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: inherit;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid var(--border-color-base, #a2a9b1);
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid var(--border-color-base, #a2a9b1);
border-right: 1px solid var(--border-color-base, #a2a9b1);
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid var(--border-color-base, #a2a9b1);
}
/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: solid 1px var(--border-color-base, #a2a9b1);
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px var(--border-color-base, #a2a9b1);
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: solid 1px var(--border-color-base, #a2a9b1);
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
display: inline !important;
color: var(--color-destructive--hover, #f00);
background-color: #0f0;
}
/* Removes underlines from certain links */
.nounderlines a {
text-decoration: none !important;
}
/* Custom link colors for use in [[MediaWiki:Edittools]] */
.charboxblack a:link,
.charboxblack a:hover,
.charboxblack a:visited,
.charboxblack a:active {
color: black;
}
.charboxsilver a:link,
.charboxsilver a:hover,
.charboxsilver a:visited,
.charboxsilver a:active {
color: silver;
}
.charboxgray a:link,
.charboxgray a:hover,
.charboxgray a:visited,
.charboxgray a:active {
color: gray;
}
.charboxwhite a:link,
.charboxwhite a:hover,
.charboxwhite a:visited,
.charboxwhite a:active {
color: white;
}
.charboxmaroon a:link,
.charboxmaroon a:hover,
.charboxmaroon a:visited,
.charboxmaroon a:active {
color: maroon;
}
.charboxred a:link,
.charboxred a:hover,
.charboxred a:visited,
.charboxred a:active {
color: red;
}
.charboxpurple a:link,
.charboxpurple a:hover,
.charboxpurple a:visited,
.charboxpurple a:active {
color: purple;
}
.charboxfuchsia a:link,
.charboxfuchsia a:hover,
.charboxfuchsia a:visited,
.charboxfuchsia a:active {
color: fuchsia;
}
.charboxgreen a:link,
.charboxgreen a:hover,
.charboxgreen a:visited,
.charboxgreen a:active {
color: green;
}
.charboxlime a:link,
.charboxlime a:hover,
.charboxlime a:visited,
.charboxlime a:active {
color: lime;
}
.charboxolive a:link,
.charboxolive a:hover,
.charboxolive a:visited,
.charboxolive a:active {
color: olive;
}
.charboxyellow a:link,
.charboxyellow a:hover,
.charboxyellow a:visited,
.charboxyellow a:active {
color: yellow;
}
.charboxnavy a:link,
.charboxnavy a:hover,
.charboxnavy a:visited,
.charboxnavy a:active {
color: navy;
}
.charboxblue a:link,
.charboxblue a:hover,
.charboxblue a:visited,
.charboxblue a:active {
color: blue;
}
.charboxteal a:link,
.charboxteal a:hover,
.charboxteal a:visited,
.charboxteal a:active {
color: teal;
}
.charboxaqua a:link,
.charboxaqua a:hover,
.charboxaqua a:visited,
.charboxaqua a:active {
color: aqua;
}
/*
== 未归类 ==
*/
/* Class styles */
/* Special characters list below edit window works better without underlining */
#editpage-specialchars a {
text-decoration: none;
}
#editpage-specialchars a:hover {
text-decoration: underline;
}
/*
== for some templates ==
Messagebox templates
*/
.messagebox {
border: 1px solid var(--border-color-base, #a2a9b1);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
width: 80%;
margin: 0 auto 1em auto;
padding: 0.2em;
display: inherit; /* 臨時抑制 https://phabricator.wikimedia.org/T232553 及 https://gerrit.wikimedia.org/r/535738 的修改 */
color: inherit;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 4px 2px 4px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #f8f9fa;
}
/*
== external link ==
Change the external link icon to an Adobe icon for all PDF files
(in browsers that support these CSS selectors, like Mozilla and Opera)
*/
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external {
background: url(//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png) center right
no-repeat;
padding-right: 16px;
}
/*
== other ==
*/
span.lanLabel {
color: var(--color-placeholder, #72777d);
padding-left: 0.5em;
}
tt span.minor {
margin: 0 -2px 0 -3px;
font-size: 12px;
}
tt span.newpage {
margin: 0 1px 0 -6px;
font-size: 12px;
}
tt span.bot {
margin: 0 -6px 0 1px;
font-size: 12px;
}
/*tt span.unpatrolled*/
/* 用于封禁类模板，如Template:Uw-block1 */
div.user-block {
padding: 5px;
border: 1px solid var(--border-color-base, #a2a9b1);
background-color: var(--background-color-warning-subtle, #ffefd5);
color: inherit;
}
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */
@media screen, handheld, projection {
cite *.printonly {
display: none;
}
}
/*
== MetaBox ==
*/
/*HERE FINISHES "METABOX" COLOUR-SCHEMES*/
/********************
**Styles for mboxes**
********************/
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text,
td.mbox-text {
/* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {
/* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright {
/* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell {
/* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Article message box styles */
table.ambox {
margin: 0px 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
border-left: 10px solid #36c; /* Default "notice" blue */
background: #f8f9fa;
}
table.ambox + table.ambox {
/* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {
/* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image {
/* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {
/* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.ambox-notice {
border-left: 10px solid #36c; /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b32424; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #fc3; /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #a2a9b1; /* Gray-gold */
}
/* Category message box styles */
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background: #eaf3ff; /* Default "notice" blue */
}
table.cmbox-notice {
background: #eaf3ff; /* Blue */
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.cmbox-delete {
background: #fee7e6; /* Red */
}
table.cmbox-content {
background: #ffe7ce; /* Orange */
}
table.cmbox-style {
background: #fff9db; /* Yellow */
}
table.cmbox-move {
background: #e4d8ff; /* Purple */
}
table.cmbox-protection {
background: #efefe1; /* Gray-gold */
}
/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090; /* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox {
/* For tmboxes inside other templates. The "mediawiki" */
margin: 2px 0; /* class ensures that this declaration overrides other */
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small {
/* "small" tmboxes should not be small when */
line-height: 1.5em; /* also "nested", so reset styles that are */
font-size: 100%; /* set in "mbox-small" above. */
}
table.tmbox-speedy {
border: 2px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.tmbox-delete {
border: 2px solid #b32424; /* Red */
}
table.tmbox-content {
border: 2px solid #f28500; /* Orange */
}
table.tmbox-style {
border: 2px solid #fc3; /* Yellow */
}
table.tmbox-move {
border: 2px solid #9932cc; /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090; /* Gray-brown */
}
/* Disambig and set index box styles */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
font-size: small;
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: var(--background-color-interactive-subtle, #f8f9fa); /* Default "system" gray */
}
table.fmbox-system {
background-color: var(--background-color-interactive-subtle, #f8f9fa);
}
table.fmbox-warning {
border: 1px solid var(--border-color-error, #bb7070); /* Dark pink */
background: var(--background-color-error-subtle, #ffdbdb); /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid var(--border-color-error, #bb7070);
background: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {
/* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {
/* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* CODE FOR COMPACT AMBOX */
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
font-size: 100%;
width: auto;
margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
}
/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
#siteNotice div {
margin: 0;
}
/* dark mode fix */
#siteNotice {
color: inherit;
}
#mw-dismissable-notice {
background: transparent;
}
#wpSummary,
#wpSummaryLabel,
input#wpSummary,
input.mw-summary {
margin-top: 0;
margin-bottom: 0;
}
/* 解决cite定位内文字显示为斜体的问题 */
cite {
font-style: normal;
}
/* Pie chart test: Transparent borders */
.transborder {
border: solid var(--border-color-transparent, transparent);
}
/* http://zh.wikipedia.org/w/index.php?oldid=18291698#.E7.BB.B4.E5.9F.BA.E8.8D.A3.E8.AA.89.E5.A5.96.E5.8A.B1.E6.A8.A1.E6.9D.BF.E5.87.BA.E4.BA.86.E5.A4.A7.E9.97.AE.E9.A2.98 */
.ns-14 .mw-content-ltr > div[dir="ltr"] {
clear: both;
}
/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]],
[[MediaWiki:Group-ipblock-exempt-grantor.css]],
[[MediaWiki:Group-extendedconfirmed.css]],
[[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]]. */
.sysop-show,
.patroller-show,
.templateeditor-show,
.ipblock-exempt-grantor-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
/*编辑提交按钮部分的样式*/
.mw-summary-preset {
display: inline;
margin: 0;
padding: 0;
}
.mw-summary-preset-item {
border-left: 1px solid var(--border-color-base, #a2a9b1);
display: inline-block;
line-height: 1.25em;
margin: 0.125em 0;
padding: 0 0.5em;
}
.mw-summary-preset-item:first-child {
border-left: medium none;
padding-left: 0.25em;
}
.mw-summary-preset-item:last-child {
padding-right: 0.25em;
}
#pagehistory li.not-patrolled {
background-color: var(--background-color-warning-subtle, #ffa) !important;
}
/* HACK to workaround VE and badly written CGroups */
.noteTA {
display: none;
}
/* 页底文字太小 */
#footer ul li {
font-size: small;
}
/* For portals, added 2011-12-07 -bv
On wide screens, show these as two columns
On narrow and mobile screens, let them collapse into a single column */
.portal-column-left {
float: left;
width: 50%;
}
.portal-column-right {
float: right;
width: 49%;
}
.portal-column-left-wide {
float: left;
width: 60%;
}
.portal-column-right-narrow {
float: right;
width: 39%;
}
.portal-column-left-extra-wide {
float: left;
width: 70%;
}
.portal-column-right-extra-narrow {
float: right;
width: 29%;
}
@media only screen and (max-width: 800px) {
/* Decouple the columns on narrow screens */
.portal-column-left,
.portal-column-right,
.portal-column-left-wide,
.portal-column-right-narrow,
.portal-column-left-extra-wide,
.portal-column-right-extra-narrow {
float: inherit;
width: inherit;
}
}
/* Main page fixes */
#interwiki-completelist {
font-weight: bold;
}
/* MediaWiki:Tag-jimmy-bot-non-free */
.tag-jimmy-bot-non-free {
color: var(--color-error, red);
font-size: 1.143em;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope="row"] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* 隱藏「編輯已選擇修訂的標籤」按鈕，參閱[[Special:日志/tag]]幾乎全是破壞，一堆使用者不懂該功能亂按，並造成**無法復原**的後果 */
.mw-history-editchangetags-button {
display: none;
}
.mw-log-editchangetags-button {
display: none;
}
/* 代码中间不换行 */
pre,
.mw-code,
.mw-highlight {
line-break: anywhere;
white-space: pre-wrap;
word-break: break-all;
}
/* Styling the parameter fields in [[Template:Information]] and related templates
also here (besides on [[MediaWiki:Filepage.css]]) to ensure proper preview
on other pages than those in the file namespace */
.fileinfo-paramfield {
background: #ccf;
/* @noflip */
text-align: right;
/* @noflip */
padding-right: 0.4em;
width: 15%;
font-weight: bold;
}
/* 由於有些使用者不了解此功能，所以我個人決定將其設定為opt-in功能 by Xiplus */
.mw-changeslist-src-mw-edit .unpatrolled {
display: none;
}
#mw-diff-ntitle4 .patrollink {
display: none;
}
/* RCP的wrapper是span，NPP的wrapper是div */
#mw-content-text span.patrollink {
display: none;
}
/* 修复Inline diffs中，"行内"两字发生断行 */
.mw-diffPage-inlineToggle-container {
white-space: nowrap;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
}
@media screen {
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}
}
.mw-parser-output .IPA {
/**
* 解决[[Special:PermaLink/88653275#IPA模板不正确显示字体]]
* Chrome 128+将Windows上的默认CJK字体改为了Noto Sans CJK，因缺少部分注音字符导致显示异常
* 故手动指定更优的字体
* 由于{{IPA}}无法在所有情况下插入模板样式（例如[[Lorem ipsum|{{IPA|/ˌlɔːrəm ˈɪpsəm/}}]]），只能放置于此
*/
font-family:
"Charis", "Charis SIL", "Doulos SIL", "Gentium", "Gentium Alternative",
"GentiumAlt", "Code2000", "Segoe UI", system-ui, sans-serif;
}
/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}
ul.permissions-errors > li {
list-style: none;
}
.infobox .navbar {
display: none !important;
}
/* --- 维基导游风格彩色信息框 --- */
.voy-box {
margin: 1em 0;
border: 1px solid;
padding: 1em;
display: flex; /* 使用Flex布局，让图标和文字完美对齐 */
align-items: flex-start;
}
.voy-box-icon {
font-size: 3em; /* 图标大小 */
margin-right: 1em;
line-height: 1;
}
.voy-box-content {
flex: 1; /* 文字内容占满剩余空间 */
}
/* 定义颜色 */
/* 提示 (蓝色) */
.voy-box.notice { border-color: #3366cc; background-color: #f0f8ff; }
.voy-box.notice .voy-box-icon { color: #3366cc; }
/* 警告 (黄色) */
.voy-box.warning { border-color: #ffcc00; background-color: #fff8e1; }
.voy-box.warning .voy-box-icon { color: #ffcc00; }
/* 重要 (红色) */
.voy-box.important { border-color: #cc3333; background-color: #fff0f0; }
.voy-box.important .voy-box-icon { color: #cc3333; }
/* 完成 (绿色) */
.voy-box.ok { border-color: #339966; background-color: #f0fff0; }
.voy-box.ok .voy-box-icon { color: #339966; }
/* --- 热带气旋Infobox风暴色谱 --- */
.infobox.tc-cat-td .infobox-title { background-color: #AFFFFF; } /* 热带低压 */
.infobox.tc-cat-ts .infobox-title { background-color: #96FFFF; } /* 热带风暴 */
.infobox.tc-cat-c1 .infobox-title { background-color: #FFFF96; } /* 一级飓风 */
.infobox.tc-cat-c2 .infobox-title { background-color: #FFD273; } /* 二级飓风 */
.infobox.tc-cat-c3 .infobox-title { background-color: #FFB4B4; } /* 三级飓风 */
.infobox.tc-cat-c4 .infobox-title { background-color: #FF9696; } /* 四级飓风 */
.infobox.tc-cat-c5 .infobox-title { background-color: #C8A0C8; } /* 五级飓风 */
/* --- Blockland Wiki V2: 架空世界档案馆风格 --- */
/* =========================================
Blockland Wiki 首页 Banner 样式
========================================= */
/* =========================================
修正版：沉浸式首页 Banner
========================================= */
/* =========================================
修正版：沉浸式首页 Banner
========================================= */
.home-banner {
position: relative;
height: 500px; /* 高度适中 */
width: 100%;
margin-bottom: -100px; /* 让下方卡片上浮的距离 */
z-index: 0;
}
/* 背景图层 */
.home-banner::before {
content: "";
position: absolute;
top: 0;
/* ⚡️ 修正1：使用标准的“全屏撑开”写法，不再用 200vw */
left: 50%;
margin-left: -50vw; /* 强制往左偏移一半，实现全屏 */
width: 100vw; /* 宽度刚好填满屏幕，不多不少 */
height: 100%;
background-image: url('https://cdn.jsdelivr.net/gh/KKBlockE/BlocklandPicturebed@main/main/20260130095720051.png');
background-size: cover;
/* ⚡️ 修正2：强制让图片“靠下”对齐，或者居中，确保山峰露出来 */
background-position: center 30%; /* 30% 的意思是重点显示图片上偏中的位置（通常是风景照最好看的地方） */
/* 虚化遮罩：保持不变 */
-webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 100%);
mask-image: linear-gradient(to bottom, black 20%, transparent 100%);
z-index: -1;
pointer-events: none;
}
/* 文字层修正：增加阴影防止在浅色背景看不清 */
.home-banner-overlay {
position: relative;
padding-top: 80px;
text-align: center;
}
.home-banner-overlay h1 {
color: #ffffff !important; /* 纯白文字 */
font-size: 3.5em;
font-weight: 900;
/* ⚡️ 加强阴影：因为背景可能变白，需要重阴影把文字“托”出来 */
text-shadow: 0 4px 8px rgba(0,0,0,0.6), 0 0 20px rgba(0,100,200,0.5);
margin-bottom: 10px;
}
.home-banner-overlay p {
color: #f0f0f0 !important;
font-size: 1.2em;
text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}