“MediaWiki:Common.css”的版本间的差异

第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%);
}