“MediaWiki:Common.css”的版本间的差异
General Support(讨论 | 贡献) |
General Support(讨论 | 贡献) |
||
第40行: | 第40行: | ||
html[clickable="true"] .hoverUnderline:hover:active { | html[clickable="true"] .hoverUnderline:hover:active { | ||
border-bottom: solid 1px currentColor; | border-bottom: solid 1px currentColor; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 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%); | ||
} | } |
2020年8月2日 (日) 00:11的版本
/* 这里放置的 CSS 将应用于所有皮肤 */
.rootpage-Column #flowthread,
.rootpage-Moment #flowthread,
.rootpage-Literature #flowthread,
.rootpage-View #flowthread {
display: none;
}
html:not([pointable="true"]) .backgroundSolidAmber.gradientPromised:not(#idSelectorSpecificity) {
background: linear-gradient(to bottom,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.catalogCell .textAmber:not(#idSelectorSpecificity),
[accent-color="lime"] .dfNovelThumbnail.catalogCell .textLime:not(#idSelectorSpecificity) {
color: var(--text-blue);
}
[color-scheme="light"] {
--eof: " \e910";
}
[color-scheme="dark"] {
--eof: " \e911";
}
body.articleLayout #mw-content-text > .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,
html[clickable="true"] .hoverOptionalUnderline:hover:active .hoverTarget,
html[pointable="true"] .hoverUnderline:hover,
html[clickable="true"] .hoverUnderline:hover:active {
border-bottom: solid 1px currentColor;
}
/* 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%);
}