MediaWiki:Common.css:修订间差异
外观
创建页面,内容为“→这里放置的CSS将应用于所有皮肤: #scrollDiv li { list-style: none; }” |
无编辑摘要 |
||
(未显示同一用户的13个中间版本) | |||
第2行: | 第2行: | ||
#scrollDiv li { | #scrollDiv li { | ||
list-style: none; | list-style: none; | ||
} | |||
/*模糊样式*/ | |||
.fuzzy { | |||
filter: blur(3px); | |||
text-shadow: 0px 0px 5px white; | |||
transition: all 0.1s ease-in-out; | |||
} | |||
.fuzzy:hover { | |||
filter: none; | |||
text-shadow: none; | |||
} | |||
/*右侧目录*/ | |||
#right-navigation { | |||
margin-top: 157px!important; | |||
} | |||
#left-navigation { | |||
margin-top: 157px!important; | |||
} | |||
body #mw-head-base { | |||
display:none; | |||
} | |||
body #mw-page-base { | |||
display:none; | |||
} | |||
body .mw-body { | |||
margin-top: 199px; | |||
} | |||
.rtshow #rtocbt { | |||
display: none; | |||
} | |||
.rthide #rtocbt { | |||
display: inline-block; | |||
} | |||
.rtshow #rtoculw { | |||
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); | |||
scrollbar-color: darkgray transparent; | |||
} | |||
#rightToc { | |||
position: fixed; | |||
top:20vh; | |||
right: 0px; | |||
z-index:999; | |||
} | |||
#rtocbt { | |||
display: inline-block; | |||
vertical-align: middle; | |||
background: #FF74B9; | |||
color:#FFF; | |||
opacity: 0.5; | |||
width: 20px; | |||
text-align: center; | |||
padding: 15px 3px; | |||
} | |||
#rtocul { | |||
margin-left: 5px; | |||
padding-right: 5px; | |||
list-style: none; | |||
max-height: 45vh; | |||
overflow-y: auto; | |||
} | |||
#rtocul a { | |||
color: #FF74B9; | |||
} | |||
#rtoculw { | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin-left: 0px; | |||
background-color: rgba(255, 237, 230, 0.6); | |||
border: 1px solid #a2a9b1; | |||
} | |||
/* 回到顶部 */ | |||
.backToTop { | |||
opacity: 1; | |||
filter: alpha(opacity=100); | |||
position: fixed; | |||
_position: absolute; | |||
z-index: 9999; | |||
bottom: 60px; | |||
right: 20px; | |||
display: none; | |||
height: 50px; | |||
width: 50px; | |||
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' transform-origin='40% 15%' transform='rotate(-90) scale(2)'%3E%3Cpath d='M11 0c6.08 0 11 4.92 11 11s-4.92 11-11 11S0 17.08 0 11 4.92 0 11 0z' fill='%23ff74b9' fill-rule='evenodd'/%3E%3Cpath data-path='true' d='M10.72 6.29H7.91L13.28 11l-5.37 4.71h2.81L16.09 11l-5.37-4.71z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat; | |||
background-size: contain; | |||
cursor: pointer; | |||
border-radius: 50%; | |||
} | |||
/* 隐藏编辑页面中的返回顶部按钮 */ | |||
.action-edit .backToTop, | |||
.action-submit .backToTop { | |||
display: none !important; | |||
} | |||
/* 水平列表 */ | |||
.hlist ul { | |||
display: inline; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.hlist li { | |||
display: inline; | |||
} | |||
.hlist li:not(:last-child) { | |||
padding-right: 0.286em; | |||
} | |||
.hlist li:not(:last-child)::after { | |||
content: ""; | |||
display: inline-block; | |||
position: relative; | |||
left: 0.286em; | |||
bottom: 0.214em; | |||
background-color: #000; | |||
height: 3px; | |||
width: 3px; | |||
} | |||
.hlist li > ul li:first-child::before { | |||
content: "("; | |||
} | |||
.hlist li > ul li:last-child::after { | |||
content: ")"; | |||
} | |||
.hlist li li li { | |||
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; | |||
} | |||
} | } |