- 欢迎来到偶像大师中文维基,本站仍在筹备阶段,如有兴趣参与建设可加群申请账号:542540342
MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
#scrollDiv li {
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 {
display: block;
padding-top: 1em;
word-break: normal;
}
.article-table td {
display: block;
}
}
/*-------------------------< 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;
}
}