MediaWiki:Common.css
注意:在保存之后,您可能需要强制刷新或等待浏览器清除缓存才能看到作出的变更。按下下面的按键来强制刷新。
浏览器 | Google Chrome, Firefox | Microsoft Edge | Safari |
Windows | Ctrl Shift R | Shift F5 | — |
macOS | ⇧⌘R | ⇧f5 | ⌥⌘R |
/* 这里放置的 CSS 将应用于所有皮肤 */
.rootpage-Column #flowthread,
.rootpage-Moment #flowthread,
.rootpage-Literature #flowthread,
.rootpage-View #flowthread,
.ns-0 #flowthread,
.ns-2 #flowthread,
.ns-talk #flowthread{
display: none;
}
html:not([pointable="true"]) .backgroundSolidAmber.gradientPromised:not(#idSelectorSpecificity) {
background: linear-gradient(var(--amber-top), var(--amber)) !important;
}
.comment-container-top {
display: none;
}
.post-content {
font-family: var(--font-sans);
}
::selection {
background: var(--background-accent-active);
}
[accent-color="amber"] .dfNovelThumbnail .textAmber:not(#noop),
[accent-color="lime"] .dfNovelThumbnail .textLime:not(#noop),
[applied-accent-color="amber"] .dfNovelThumbnail .textAmber:not(#noop),
[applied-accent-color="lime"] .dfNovelThumbnail .textLime:not(#noop) {
color: var(--text-blue);
}
:root, [color-scheme="light"] {
--eof: " \e910";
}
[color-scheme="dark"] {
--eof: " \e911";
}
body.articleLayout #mw-content-text > .mw-parser-output > p:last-of-type::after,
body.articleLayout #wikiPreview .mw-parser-output > p:last-of-type::after{
content: " \e910 ";
content: var(--eof);
color: rgba(0, 0, 0, 0.5);
color: var(--text-secondary)
}
html[pointable="true"] .hoverOptionalUnderline:hover .hoverTarget:not(.vertical),
html[clickable="true"] .hoverOptionalUnderline:hover:active .hoverTarget:not(.vertical),
html[pointable="true"] .hoverUnderline:not(.vertical):hover,
html[clickable="true"] .hoverUnderline:not(.vertical):hover:active {
border-bottom: solid 1px currentColor;
}
html[pointable="true"] .hoverOptionalUnderline:hover .hoverTarget.vertical,
html[clickable="true"] .hoverOptionalUnderline:hover:active .hoverTarget.vertical,
html[pointable="true"] .hoverUnderline.vertical:hover,
html[clickable="true"] .hoverUnderline.vertical:hover:active {
border-left: solid 1px currentColor;
}
.middleEllipsis {
display: inline-block;
width: 1em;
color: transparent;
}
.middleEllipsis::before {
content: "⋯";
display: inline-block;
width: 0;
color: rgba(0, 0, 0, 0.8);
color: var(--text);
}
/* df */
.dfGeneralAnimationPoster {
box-shadow: var(--accent-bottom) 0 1px 2px -1px, var(--accent-bottom) 0 5px 15px -10px;
background-image: url(https://www.dora-family.com/images/8/83/Attention%3B20200320.svg);
background-position: calc(50% + 6.5em) bottom;
background-size: 6em;
background-repeat: no-repeat;
}
.dfGeneralAnimationPoster,
.dfGeneralAnimationPoster span,
.dfGeneralAnimationPoster div {
color: #fff;
}
.dfCalendarBanner {
position: relative;
height: 96px;
}
.dfCalendarBannerText {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
font-family: Lilita;
white-space: nowrap;
line-height: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.imageWrapper.covered.vivid img:first-child {
filter: blur(10px) saturate(2);
opacity: 0.35;
transform: translateY(5px);
mix-blend-mode: multiply;
}
.imageWrapper.covered.vivid img + img {
position: absolute;
top: 0;
left: 0;
}
ul.nameList {
margin: 0.75em 0 0.75em 1em;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, 8em);
}
ul.nameList li {
width: 8em;
display: inline-block;
}
ul.nameList li::after {
white-space: pre;
content: " ";
font-family: Arial;
font-style: normal;
font-weight: 400;
visibility: hidden;
line-height: 1;
letter-spacing: 0.7221679688em;
}
.mw-references-wrap {
font-size: 81.25%;
font-family: var(--font-sans);
}
.mw-references-wrap ol:not(#noop) {
padding-left: 0;
}
.mw-references-wrap ol > li {
display: table-row;
}
.mw-references-wrap ol > li::before {
content: "[" counter(point) "] ";
position: static;
display: table-cell;
width: auto;
font-weight: inherit;
}
sup.reference {
font-weight: 500;
line-height: normal;
font-size: 0.75em;
vertical-align: 0.375em;
}
.mw-cite-backlink {
font-weight: 500;
}
.mw-cite-backlink > sup {
line-height: 1;
vertical-align: 0.125em;
}
sup.reference > i,
ol.references > li > i {
display: inline-block;
position: relative;
top: -33vh;
visibility: hidden;
}
sup.reference:target > a {
transform: translateY(30vh);
display: inline-block;
}
sup.reference > i:target + a,
ol.references > li > i:target + span {
animation: focusing var(--transition-smooth) 0.4s forwards;
background-color: var(--background-accent);
border-radius: 0.1px;
}
ol.references > li > i:target + span {
display: inline-block;
vertical-align: top;
margin: 0 -0.25em;
padding: 0 0.25em;
}
@media screen {
.printfooter {
display: none;
}
}