MediaWiki:Common.css:修订间差异
外观
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的9个中间版本) | |||
第133行: | 第133行: | ||
.hlist li li li { | .hlist li li li { | ||
font-size: x-small; | font-size: x-small; | ||
} | |||
/* [[Template:SimpleNavbox]] */ | |||
.navbox { | |||
background: #fff; | |||
border: 1px solid hsl(0, 0%, 36%); | |||
margin: 1em auto 0; | |||
width: 100%; | |||
} | |||
.navbox table { | |||
background: #fff | |||
} | |||
.navbox table, | |||
.navbox .table-wide { | |||
margin-left: -4px; | |||
margin-right: -2px; | |||
} | |||
.navbox table:first-child, | |||
.navbox .table-wide:first-child { | |||
margin-top: -2px; | |||
} | |||
.navbox table:last-child, | |||
.navbox .table-wide:last-child { | |||
margin-bottom: -2px; | |||
} | |||
.navbox .table-wide { | |||
clear: none; | |||
} | |||
.navbox .navbox-top { | |||
white-space: nowrap; | |||
background-color: #ccc; | |||
padding: 0 3px; | |||
text-align: center; | |||
} | |||
.navbox .navbox-middle { | |||
white-space: nowrap; | |||
background-color: #ddd; | |||
padding: 0 3px; | |||
text-align: center; | |||
} | |||
.navbox .navbox-thru { | |||
white-space: nowrap; | |||
background-color: #eee; | |||
padding: 0 3px; | |||
text-align: center; | |||
} | |||
.navbox-navbar, | |||
.navbox-navbar-mini { | |||
float: left; | |||
font-size: 80%; | |||
position: absolute; | |||
} | |||
.navbox-title { | |||
padding: 0 10px; | |||
font-size: 110%; | |||
} | |||
.navbox th { | |||
background-color: #eee; | |||
padding: 0 10px; | |||
white-space: nowrap; | |||
text-align: right; | |||
} | |||
.navbox td { | |||
width: 100%; | |||
padding: 0 0 0 2px; | |||
} | |||
.navbox .table-wide::before { | |||
width: 0; | |||
height: 0; | |||
box-shadow: none; | |||
} | |||
.navbox .table-wide-inner, | |||
.navbox .table-wide table { | |||
margin: 0; | |||
} | |||
/* [[Template:Msg]] */ | |||
.wm-msg { | |||
background: #eee; | |||
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); | |||
border-radius: 0.5em; | |||
overflow: hidden; | |||
display: flex; | |||
flex-wrap: wrap; | |||
max-width: 40em; | |||
margin: 12px 0; | |||
} | |||
.wm-msg-bar { | |||
width: 100%; | |||
padding: 0.5em; | |||
} | |||
.wm-msg-side { | |||
color: #eee; | |||
padding: 0.5em 0; | |||
font-size: 1.5em; | |||
display: flex; | |||
width: 2.5em; | |||
justify-content: center; | |||
} | |||
.wm-msg-main { | |||
margin: 0.75em 0.25em; | |||
position: relative; | |||
display: block; | |||
width: calc(100% - 5em); | |||
align-self: baseline; | |||
} | |||
.wm-msg-title { | |||
font-size: 1.25em; | |||
font-weight: bold; | |||
display: block; | |||
border-bottom: 0.175em solid; | |||
} | |||
.wm-msg-text { | |||
padding-top: 0.5em; | |||
display: block; | |||
} | |||
/* [[Template:Column]] */ | |||
.div-col { | |||
margin-top: 0.3em; | |||
column-width: 30em; | |||
} | |||
.div-col-small { | |||
font-size: 90%; | |||
} | |||
.div-col-rules { | |||
column-rule: 1px solid #aaa; | |||
} | |||
/* Reset top margin for lists in div col */ | |||
.div-col dl, | |||
.div-col ol, | |||
.div-col ul { | |||
margin-top: 0; | |||
} | |||
/* Avoid elements breaking between columns | |||
See also Template:No col break */ | |||
.div-col li, | |||
.div-col dd { | |||
page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | |||
break-inside: avoid-column; | |||
} | |||
/* Unbulleted lists */ | |||
.plainlist ol, | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none; | |||
margin: 0; | |||
} | |||
.plainlist ol li, | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | |||
/* 文章翻译表 */ | |||
.article-table { | |||
width: 100%; | |||
border-spacing: 20px 10px; | |||
} | |||
.article-table th { | |||
width: 5%; | |||
text-align: left; | |||
word-break: keep-all; | |||
} | |||
.article-table td:nth-child(2):not(:last-child), | |||
.article-table td:nth-child(4) { | |||
width: 45%; | |||
vertical-align: top; | |||
} | |||
@media screen and (max-width: 719px) { | |||
.article-table th, | |||
.article-table td { | |||
display: block; | |||
padding-top: 1em; | |||
word-break: normal; | |||
width: 100%; | |||
} | |||
} | |||
/*-------------------------< P R O T E C T I O N I C O N >-------------------- | |||
the following line controls the page-protection icon in the upper right corner | |||
it must remain within this comment | |||
{{sandbox other||}} | |||
*/ | |||
/*-------------------------< O V E R R I D E S >-------------------------------- | |||
cs1|2 references are wrapped in <cite>...</cite> tags. Some wikis have not | |||
chosen to override the generic user agent italic styling as en.wiki has. This | |||
(untested) styling should override the user agent default when cs1|2 templates | |||
are rendered. | |||
Similarly, some languages use different quotation punctuation so that setting | |||
is also made available here. | |||
*/ | |||
cite.citation { | |||
font-style: inherit; /* Remove italics for <cite> */ | |||
/* Break long urls, etc., rather than overflowing box */ | |||
word-wrap: break-word; | |||
} | |||
.citation q { | |||
/* Straight quote marks for <q>; keep same as [[MediaWiki:Common.css]] */ | |||
quotes: '"' '"' "'" "'"; | |||
} | |||
/* Highlight linked elements (such as clicked references) in blue */ | |||
.citation:target { | |||
/* ignore the linter - all browsers of interest implement this */ | |||
background-color: rgba(0, 127, 255, 0.133); | |||
} | |||
/* ID and URL access | |||
Both core and Common.css have selector .mw-parser-output a[href$=".pdf"].external | |||
for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need | |||
to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon. | |||
That's essentially 2 classes and 1 element. | |||
the .id-lock-... selectors are for use by non-citation templates like | |||
{{Catalog lookup link}} | |||
bg-size `contain` in Minerva and Timeless is too large, so we set a size for them | |||
and then exclude them later | |||
*/ | |||
.id-lock-free.id-lock-free a { | |||
background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg) | |||
right 0.1em center/9px no-repeat; | |||
} | |||
.id-lock-limited.id-lock-limited a, | |||
.id-lock-registration.id-lock-registration a { | |||
background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg) | |||
right 0.1em center/9px no-repeat; | |||
} | |||
.id-lock-subscription.id-lock-subscription a { | |||
background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg) | |||
right 0.1em center/9px no-repeat; | |||
} | |||
/* Wikisource | |||
Wikisource icon when |chapter= or |title= is wikilinked to Wikisource | |||
as in cite wikisource | |||
*/ | |||
.cs1-ws-icon a { | |||
background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg) | |||
right 0.1em center/12px no-repeat; | |||
} | |||
body:not(.skin-timeless):not(.skin-minerva) .id-lock-free a, | |||
body:not(.skin-timeless):not(.skin-minerva) .id-lock-limited a, | |||
body:not(.skin-timeless):not(.skin-minerva) .id-lock-registration a, | |||
body:not(.skin-timeless):not(.skin-minerva) .id-lock-subscription a, | |||
body:not(.skin-timeless):not(.skin-minerva) .cs1-ws-icon a { | |||
background-size: contain; | |||
/* Common.css has a padding set for PDF URLs. bg-contain expands to the | |||
* size of the padding which makes the icons very large. we "reset" the | |||
* padding here. 1em picked out of a hat based on console having a similar | |||
* rule from elsewhere | |||
*/ | |||
padding: 0 1em 0 0; | |||
} | |||
/* Errors and maintenance */ | |||
.cs1-code { | |||
/* <code>...</code> style override: mediawiki's css definition is specified here: | |||
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/ | |||
69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199 | |||
*/ | |||
color: inherit; | |||
background: inherit; | |||
border: none; | |||
padding: inherit; | |||
} | |||
.cs1-hidden-error { | |||
display: none; | |||
color: var(--color-error, #d33); | |||
} | |||
.cs1-visible-error { | |||
color: var(--color-error, #d33); | |||
} | |||
.cs1-maint { | |||
display: none; | |||
color: #085; | |||
margin-left: 0.3em; | |||
} | |||
/* kerning */ | |||
.cs1-kern-left { | |||
padding-left: 0.2em; | |||
} | |||
.cs1-kern-right { | |||
padding-right: 0.2em; | |||
} | |||
/* selflinks – avoid bold font style when cs1|2 template links to the current page */ | |||
.citation .mw-selflink { | |||
font-weight: inherit; | |||
} | |||
@media screen { | |||
/* Small text size | |||
Set small text size in one place. 0.95 (here) * 0.9 (from references list) is | |||
~0.85, which is the lower bound for size for accessibility. Old styling for this | |||
was just 0.85. We could write the rule so that when this template is inside | |||
references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */ | |||
.cs1-format { | |||
font-size: 95%; | |||
} | |||
html.skin-theme-clientpref-night .cs1-maint { | |||
color: #18911f; | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .cs1-maint { | |||
color: #18911f; | |||
} | |||
} | } |