@import url('https://api.fonts.coollabs.io/css2?family=Special+Elite&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@900&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Source+Code+Pro:wght@500&display=swap');
:root {
--UI-font-primary: "Noto Sans SC", "Playfair Display", sans-serif;
--header-font: "ZCOOL XiaoWei", "Crimson Text", sans-serif;
--UI-dark-color-primary: 255, 255, 255;
--UI-light-color-primary: 5, 13, 23;
--UI-deep-blue: 255, 253, 208;
--UI-red: 163, 33, 66;
--blockquote-background-color: 20, 40, 68;
--ratebox-background-color: var(--UI-dark-color-primary), 0.05;
--general-background-color: 10, 20, 30;
--general-border-color: var(--general-background-color);
--header-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 130.178'%3E%3Cpath fill='black' d='M120.841.407A1.366 1.366 0 0 0 119.822 0H1.479A1.5 1.5 0 0 0 0 1.479v59.172a1.5 1.5 0 0 0 1.479 1.479 60.9 60.9 0 0 0 35.065-11.164 61.327 61.327 0 0 0 21.862-28.529c.271-.731.524-1.469.765-2.211v40.425a1.5 1.5 0 0 0 1.48 1.479 60.9 60.9 0 0 0 35.064-11.164 61.315 61.315 0 0 0 21.862-28.529A60.953 60.953 0 0 0 121.3 1.479a1.352 1.352 0 0 0-.459-1.072ZM81.609 71.771a61 61 0 0 0-20.958-3.724 1.5 1.5 0 0 0-1.48 1.479v40.505a59.741 59.741 0 0 0-8.206-16.4 61.32 61.32 0 0 0-28.528-21.86 61 61 0 0 0-20.958-3.724A1.5 1.5 0 0 0 0 69.526V128.7a1.5 1.5 0 0 0 1.479 1.479h118.343a1.368 1.368 0 0 0 1.013-.4 1.352 1.352 0 0 0 .466-1.078 60.685 60.685 0 0 0-39.692-56.93ZM158.283 0H128.7a1.5 1.5 0 0 0-1.48 1.479v59.172a1.5 1.5 0 0 0 1.48 1.479h29.585a1.483 1.483 0 0 0 1.48-1.479V1.479A1.5 1.5 0 0 0 158.283 0ZM158.283 68.047H128.7a1.5 1.5 0 0 0-1.48 1.479V128.7a1.5 1.5 0 0 0 1.48 1.479h29.585a1.483 1.483 0 0 0 1.48-1.479V69.526a1.5 1.5 0 0 0-1.482-1.479ZM430.472 0H371.3a1.364 1.364 0 0 0-1.035.425 1.362 1.362 0 0 0-.444 1.054v59.172a1.5 1.5 0 0 0 1.479 1.479h59.172a1.5 1.5 0 0 0 1.479-1.479V1.479A1.5 1.5 0 0 0 430.472 0Zm-29.586 51.775a20.709 20.709 0 0 1-13.217-36.662A20.719 20.719 0 0 1 421.2 35.144a20.941 20.941 0 0 1-20.314 16.631ZM439.347 62.13H498.56a1.5 1.5 0 0 0 1-2.523l-.033-.033-.047-.048-25.82-25.819-1.16-1.163h26.015A1.5 1.5 0 0 0 500 31.065 31.066 31.066 0 0 0 468.933 0h-29.586a1.5 1.5 0 0 0-1.479 1.479v59.172a1.5 1.5 0 0 0 1.479 1.479ZM227.433 127.652l-.032-.033c-.016-.016-.031-.032-.048-.047l-25.82-25.82-1.16-1.161h26.014a1.5 1.5 0 0 0 1.479-1.479A31.064 31.064 0 0 0 196.8 68.047h-29.584a1.5 1.5 0 0 0-1.48 1.479V128.7a1.5 1.5 0 0 0 1.48 1.479H226.428a1.5 1.5 0 0 0 1-2.523ZM362.481 68.047H303.31a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h59.171a1.5 1.5 0 0 0 1.48-1.479v-7.4a1.5 1.5 0 0 0-1.48-1.479 20.71 20.71 0 1 1 0-41.42 1.5 1.5 0 0 0 1.48-1.479v-7.4a1.5 1.5 0 0 0-1.48-1.475ZM430.472 97.633h-7.4a1.357 1.357 0 0 0-1.088.484 1.386 1.386 0 0 0-.391.995 20.712 20.712 0 1 1-20.71-20.71 1.5 1.5 0 0 0 1.479-1.479v-7.4a1.5 1.5 0 0 0-1.479-1.479H371.3a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h59.172a1.5 1.5 0 0 0 1.479-1.479V99.112a1.5 1.5 0 0 0-1.479-1.479ZM295.857 73.192v-3.666a1.483 1.483 0 0 0-1.479-1.479h-59.172a1.5 1.5 0 0 0-1.479 1.479v29.586a1.378 1.378 0 0 0 .057.375V128.7a1.5 1.5 0 0 0 1.479 1.479h7.4a1.5 1.5 0 0 0 1.48-1.479 20.71 20.71 0 1 1 41.419 0 1.5 1.5 0 0 0 1.48 1.479h7.4a1.5 1.5 0 0 0 1.479-1.479V99.112a1.417 1.417 0 0 0-.056-.375ZM499.49 70.648l.023-.024.052-.052a1.5 1.5 0 0 0-1-2.523h-59.218a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h29.586A31.066 31.066 0 0 0 500 99.112a1.5 1.5 0 0 0-1.479-1.479H472.5l23.375-23.375ZM167.159 62.13h59.171a1.5 1.5 0 0 0 1.48-1.479V31.065a1.5 1.5 0 0 0-1.48-1.479h-20.581a20.936 20.936 0 0 1 20.638-19.231 1.392 1.392 0 0 0 .989-.385 1.354 1.354 0 0 0 .49-1.094v-7.4A1.5 1.5 0 0 0 226.387 0h-59.171a1.5 1.5 0 0 0-1.48 1.479v29.586a1.5 1.5 0 0 0 1.48 1.479H187.8a20.936 20.936 0 0 1-20.638 19.231 1.392 1.392 0 0 0-.989.385 1.357 1.357 0 0 0-.49 1.094v7.4a1.5 1.5 0 0 0 1.476 1.476ZM233.845 61.219a1.532 1.532 0 0 0 .792.792 1.435 1.435 0 0 0 .569.119h29.586a1.483 1.483 0 0 0 1.479-1.479V40.03A20.629 20.629 0 0 1 285.5 60.651a1.5 1.5 0 0 0 1.479 1.479h7.4a1.5 1.5 0 0 0 1.479-1.479V1.479A1.5 1.5 0 0 0 294.378 0h-7.4a1.356 1.356 0 0 0-1.088.484 1.388 1.388 0 0 0-.391 1 20.917 20.917 0 0 1-13.567 19.45 20.707 20.707 0 0 1-5.664 1.183V1.479A1.5 1.5 0 0 0 264.792 0h-29.586a1.5 1.5 0 0 0-1.479 1.479v59.172a1.356 1.356 0 0 0 .031.293 1.442 1.442 0 0 0 .087.275ZM303.253 62.13h36.982a1.5 1.5 0 0 0 1.48-1.479 20.935 20.935 0 0 1 20.71-20.71 1.39 1.39 0 0 0 .989-.386 1.356 1.356 0 0 0 .49-1.094v-7.4a1.5 1.5 0 0 0-1.479-1.479h-20.638a20.936 20.936 0 0 1 20.638-19.231 1.394 1.394 0 0 0 .989-.385 1.357 1.357 0 0 0 .49-1.094v-7.4A1.5 1.5 0 0 0 362.425 0h-59.172a1.5 1.5 0 0 0-1.479 1.479v59.172a1.452 1.452 0 0 0 .3.87 1.393 1.393 0 0 0 1.179.609Z'/%3E%3C/svg%3E");
--header-height: calc(15rem + 14.5vw);
--header-h1-height: 17.5rem + 14.5vw;
--search-icon-background-color: var(--UI-deep-blue);
--user-options-link-color: var(--text-dark-color);
--topbar-height: var(--header-button-height);
--topbar-nav-background-color-hover: var(--UI-deep-red);
--topbar-nav-background-color-hover-alt: var(--UI-orange);
--topbar-nav-color: var(--UI-deep-blue);
--topbar-content-background-color: var(--UI-red);
--topbar-content-border-color: var(--topbar-nav-color);
--topbar-content-link-background-color-hover: 197, 71, 69;
--topbar-content-link-color: var(--topbar-nav-color);
--topbar-content-link-color-hover: var(--topbar-nav-color);
--sidebar-border-color: var(--UI-deep-blue);
--sidebar-head-background-color: unset;
--sidebar-head-border-color: var(--UI-deep-blue);
--sidebar-head-color: var(--UI-deep-blue);
--sidebar-link-color: var(--UI-deep-blue);
--sidebar-link-background-color: var(--UI-deep-blue);
--sidebar-collapsible-background-color-hover: var(--UI-deep-blue);
--sidebar-collapsible-button-background-color: var(--UI-deep-blue);
--sidebar-button-background-color: unset;
--sidebar-button-color: var(--UI-deep-blue);
--page-title-color: var(--UI-deep-blue);
--link-color: var(--UI-deep-blue);
--link-visited-color: var(--UI-deep-red);
--link-newpage-color: var(--UI-orange);
--tag-background-color-hover: var(--UI-deep-blue);
--page-options-background-color-hover: var(--UI-deep-blue);
--page-options-more-background-color: var(--UI-dark-color-primary), 0.05;
--page-options-more-background-color-hover: var(--UI-deep-blue);
--page-options-delete-background-color: var(--UI-dark-color-primary);
--page-options-delete-color-hover: var(--text-dark-color);
--footer-background-color: unset;
--footer-border-color: var(--text-dark-color);
--footer-color: var(--text-dark-color);
--license-area-background-color: unset;
--license-area-color: var(--text-dark-color);
}
/* Main Content设置 */
#main-content {
margin-top: calc(var(--main-content-top-margin) + var(--topbar-height));
}
/* Header设置 */
#header {
grid-template-areas:
'. . . search user'
'. . h-link . .'
'. . top-bar . .';
grid-template-columns: var(--user-width) var(--search-width) 1fr var(--search-width) var(--user-width);
grid-template-rows: var(--header-button-height) calc(var(--header-height) - var(--header-button-height)) var(--topbar-height);
background-image:
url("https://uploadfile.wikidot.com/local--files/wish-for-miracle-theme/5.png"),
url("https://uploadfile.wikidot.com/local--files/wish-for-miracle-theme/4.png"),
url("https://uploadfile.wikidot.com/local--files/wish-for-miracle-theme/3.png"),
url("https://uploadfile.wikidot.com/local--files/wish-for-miracle-theme/2.png"),
url("https://uploadfile.wikidot.com/local--files/wish-for-miracle-theme/1.png");
background-position-x: left, right, right, 30%, center;
background-position-y: bottom;
background-size: auto 100%, auto 100%, auto 100%, auto 100%, cover;
background-repeat: no-repeat;
}
/* 版头大标题设置 */
#header h1 {
justify-content: end;
align-items: center;
}
#header h1 a {
mask-image: var(--header-logo);
-webkit-mask-image: var(--header-logo);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: center 45%;
-webkit-mask-position: center 45%;
display: block;
background-color: rgb(var(--UI-deep-blue));
background-image: none;
width: calc(100vw / 3);
height: max(7.5rem);
}
#account-options>ul>li>a {
font-weight: 700;
}
/* 顶栏设置 */
#top-bar div[class*="top-bar"]>ul {
font-size: 1em;
box-sizing: border-box;
border-block: 0.05rem rgb(var(--UI-deep-blue)) solid;
}
#top-bar div[class*="top-bar"]>ul>li {
flex-basis: unset;
flex-grow: 1;
flex-shrink: 1;
}
#header h1 a::before,
#header h1 a span {
display: none;
}
#top-bar {
display: flex;
justify-content: center;
}
#top-bar div[class*="top-bar"]>ul {
max-width: 60rem;
}
#top-bar div[class*="top-bar"] ul li ul li a {
justify-content: center;
inset 0 0.05rem 0 rgb(var(--UI-deep-blue))
}
/* 标题字体设置 */
#page-title, .meta-title {
color: rgb(var(--UI-deep-blue));
font-weight: bold;
font-family: var(--header-font);
border-color: currentColor;
border-bottom: 1px solid currentColor;
}
h1,h2,h3,h4,h5,h6 {
color: rgb(var(--UI-deep-blue));
font-weight: bold;
font-family: var(--header-font);
}
:is(.footnotes-footer, .bibitems) .title {
font-family: var(--header-font);
font-size: 1.5em;
}
.yui-navset .yui-nav {
border-bottom: solid 0.125rem rgb(var(--UI-deep-blue));
font-family: var(--header-font);
}
:is(#side-bar, #interwiki) .heading {
font-family: var(--header-font);
border-bottom: solid 0.05rem currentColor;
padding-left: 0;
margin-top: 0;
margin-bottom: 0.25rem;
text-align: center;
font-size: 0.875em;
font-weight: normal;
}
div.code, div.blockquote, blockquote {
background-color: rgb(var(--blockquote-background-color));
}
div.page-rate-widget-box, div.creditRate {
background-color: rgb(var(--ratebox-background-color));
}
/* 更好的脚注 */
@font-face {
font-family: Jost;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url('https://cdn.scpwiki.com/theme/en/basalt/fonts/Jost-Book.woff2') format('woff2')
}
@font-face {
font-family: Jost;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url('https://cdn.scpwiki.com/theme/en/basalt/fonts/Jost-Bold.woff2') format('woff2')
}
:root {
--bg_color1: 153, 0, 17;
--bg_color2: 46, 46, 46;
--bg_color3: var(--text_color1);
--text_color1: 255, 255, 255;
--text_color2: 0, 0, 0;
--shadow_color: var(--text_color2);
--font1: 'Jost';
}
div.hovertip {
border-radius: 0;
box-shadow: 0 0 .25em rgba(var(--shadow_color),0.3);
box-sizing: border-box;
background-color: rgb(var(--bg_color3))!important;
border: none!important;
color: rgb(var(--text_color2));
padding: 1em;
width: min(25em, 30em)!important;
top: initial!important;
left: initial!important;
position: fixed!important;
display: block!important;
bottom: 2em;
right: -26em;
transition: right .45s cubic-bezier(.6,.18,.27,.88);
transition-delay: 0.5s;
z-index: 29;
}
div.hovertip:not(:has(div[class*="-heading"])) {
border-bottom: rgb(var(--bg_color2)) 0.25em solid !important;
}
div.hovertip::before {
content: "";
display: block;
background-color: rgb(var(--bg_color2));
height: 0.25em;
width: 100%;
position: absolute;
left: 0;
top: -0.125em;
}
div.hovertip:not(:has(div[class*="-heading"]))::before {
display: none;
}
div.hovertip:is(:hover, [style*="display: block"]) {
z-index: 30;
right: 1em;
transition-delay: 0s;
}
div.hovertip div.content {
padding: 0;
}
div.hovertip div.content div[class] div[class*="-heading"] {
background-color: rgb(var(--bg_color1));
color: rgb(var(--text_color1));
font-family: var(--font1);
font-size: 1em;
line-height: 1.5em;
height: 1.5em;
inset-block-start: -1.5em;
inset-inline-start: 0;
margin-block-end: -1em;
padding: 0 0.5em;
position: absolute;
width: max-content;
z-index: -1;
}
div.hovertip div.content div[class] div[class*="-content"] {
margin: 0;
padding: 0;
}
div.hovertip div[class*="-footer"] {
display: none;
}
@media (max-width: 30em) {
div.hovertip {
width: min(20em, 25em)!important;
}
}
/* 移动端设置 */
@media (max-width: 64rem) {
#header {
grid-template-areas:
'. . . search user'
'. . h-link . .'
'top-bar top-bar top-bar top-bar top-bar';
}
#header h1 a {
width: calc((100vw - var(--header-button-width) * 4) * 0.475);
}
}
@media (max-width: 48rem) {
#header h1 {
justify-content: center;
}
#header h1 a {
width: calc((100vw - 10rem) * 0.675);
}
}
hr {
background-color: rgb(var(--UI-deep-blue), 0.675);
}