中华异学会版式

ERMAHGERD STAHP

This is a template page used internally by the SCP Wiki.

PLEASE DO NOT TOUCH THIS PAGE
WITHOUT STAFF PERMISSION

---

+ 展开源代码

@import url('https://scp-wiki-cn.wikidot.com/theme:ink/code/1');
 
/* {$xinyihui}/
 
:root {
    --ink-logo: var(--ink-logo-b);
    --ink-title: var(--ink-title-b);
}
 
#header h2 span::before, #header h1 a::before {
    font-family: var(--ink-font-sans-serif);
    font-weight: bold;
}
 
/{$xinyihui} */
 
/* {$center}/
 
#header h1, #header h2 {
    text-align: center;
    padding-left: 2.5rem;
}
 
#header::before {
    position: relative;
    grid-row: 1 / 6;
    grid-column: 1 / 6;
    width: 100%;
    background-size: 7rem;
    opacity: 0.25;
}
 
#top-bar div[class*="top-bar"] > ul {
    justify-content: center;
}
/*collapsible-block-unfolded优化*/
.collapsible-block-unfolded {
  /* 启用GPU加速，提高渲染性能 */
  transform: translateZ(0);
  will-change: transform, height;
 
  /* 避免重排重绘的性能消耗 */
  contain: content;
  backface-visibility: hidden;
  perspective: 1000px;
 
  /* 优化文本渲染 */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.unmargined {
  display: none;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 14px;  /* 手机端基础字体设为14px */
  }
 
  body {
    font-size: 1rem;  /* 即14px */
  }
}
/{$center} */
/*------------------------*/
/*---- BASALT CLASSES ----*/
/*------------------------*/
 
/*------------------------*/
/*---- BASALT CLASSES ----*/
/*------------------------*/
 
:is(div.blockquote, blockquote) {
    color: rgb(var(--basalt-main-text-color));
    overflow: auto;
}
 
:is(div.blockquote, blockquote):has(div.floatbox) {
    overflow: unset;
}
 
#page-content div.notation {
    max-width: 45rem;
}
 
div.notation {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.1rem;
    padding-block: 0.9rem;
    background-color: rgb(var(--basalt-secondary-color));
    border-left: solid 0.25rem rgb(var(--general-border-color));
    border-right: solid 0.25rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}
 
#page-content div.modal {
    max-width: 57rem;
}
 
div.modal {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.5rem;
    padding-block: 0.5rem;
    background-color: rgb(var(--basalt-primary-color));
    border: solid 0.2rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}
 
#page-content div.smallmodal {
    max-width: 47rem;
}
 
div.smallmodal {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1rem;
    padding-block: 0.2rem;
    background-color: rgb(var(--basalt-primary-color));
    border: solid 0.15rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}
 
#page-content div:is(.jotting, .transcript) {
    max-width: 42rem;
}
 
div:is(.jotting, .transcript) {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.5rem;
    padding-block: 0.2rem;
    background-color: rgb(var(--basalt-secondary-color));
    border: dashed 0.15rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}
 
#page-content div.papernote {
    max-width: 30rem;
}
 
div.papernote {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding: 1rem 2rem;
    background-color: rgb(var(--basalt-tertiary-color));
    color: rgb(var(--basalt-main-text-color));
}
 
#page-content div:is(.document, .darkdocument) {
    max-width: 45rem;
}
 
div:is(.document, .darkdocument) {
    display: block;
    margin-inline: auto;
    margin-block: 1.5em;
    padding: 1.5rem;
    position: relative;
    --posX: -20vw;
}
 
div.document {
    background-color: rgb(var(--document-background-color));
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
    color: rgb(50, 50, 53);
}
 
div.darkdocument {
    background-color: rgb(var(--darkdocument-background-color));
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
    color: rgb(195, 195, 200);
}
 
div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
    content: "";
    height: 98%;
    position: absolute;
    width: 98%;
    z-index: -1;
}
 
div:is(.document, .darkdocument)::before {
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}
 
div:is(.document, .darkdocument)::after {
    right: -3px;
    top: 1px;
    transform: rotate(1.4deg);
}
 
div:is(.document)::before,
div:is(.document)::after {
    background-color: rgb(var(--document-background-color));
}
 
div:is(.darkdocument)::before,
div:is(.darkdocument)::after {
    background-color: rgb(var(--darkdocument-background-color));
    opacity: 90%;
}
.flat-white-block {
  background-color: #fafafa;
  border: 2px solid #222222;
  border-radius: 16px;
  padding: 24px;
}
.printuser > a:first-child img {
    object-fit: cover;
}