网站的版式

⚠️ERMAHGERD STAHP⚠️

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

PLEASE DO NOT TOUCH THIS PAGE

WITHOUT STAFF PERMISSION

FAILURE TO DO SO WILL BE DEALT WITH SEVERELY

The Theme by The Backrooms TO-DV, used under the Creative Commons Attribution-ShareAlike 3.0 license (CC BY-SA 3.0).

You've been warned.

@charset "UTF-8";
@import url("https://backrooms-to-dv.wikidot.com/local--files/theme:fixed-test/CSS.css");
 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&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+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@100;300;400;500;700;900&display=swap');
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "liminal";
    --theme-name: "Liminal Theme";
    --logo-image: url("https://arandintday.github.io/thebackhubscn/logo.svg");
    --header-title: "Gneshvn_P 个人站";
    --header-subtitle: "你为什么在这里";
    --body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
    --white-monochrome: 237, 233, 223;
    --pale-gray-monochrome: 255, 251, 240;
    --light-gray-monochrome: 160, 160, 160;
    --gray-monochrome: 72, 69, 60;
    --black-monochrome: 25, 20, 16;
    --bright-accent: 140, 136, 126;
    --medium-accent: 72, 69, 60;
    --dark-accent: 140, 136, 126;
    --pale-accent: 140, 136, 126;
    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 230, 23, 68;
    --hover-link-color: 187, 0, 34;
    --visited-link-color: 150, 24, 43;
    --background-gradient-distance: 0rem;
    --gradient-header: linear-gradient(to top,
            rgba(var(--medium-accent)) 0%,
            rgba(var(--medium-accent), 0.90) 100%);
    --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
    background-image: radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
    background-repeat: repeat;
    background-size: 0.25em 0.25em;
    width: 100%;
    height: 7.5rem;
}
 
#container {
    background-image: radial-gradient(circle, transparent 50%, transparent 0);
    background-size: 0.25em 0.25em;
    background-repeat: repeat;
    background-attachment: fixed;
}
 
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
    border-radius: 0em;
}
div#page-options-bottom > a, div#page-options-bottom > a:active, div#page-options-bottom > a:hover,
div#page-options-bottom-2 > a,
div#page-options-bottom-2 > a:active,
div#page-options-bottom-2 > a:hover {
    border: none;
}
 
#header,
#top-bar {
    background-attachment: scroll;
}
 
#header {
    background-image: none;
}
#header::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: var(--logo-image);
    background-size: auto 16rem;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
}
#header h1,
#header h1 a {
    position: absolute;
    top: 1rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 0;
}
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    top: 2rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
 
#side-bar {
    direction: rtl;
    padding-left: 0;
    top: 0;
}
#side-bar div.side-block {
    direction: ltr;
    border-right: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.side-block,
#side-bar div.side-block .heading {
    margin-top: 0;
}
#side-bar div.side-block div.menu-item, #side-bar div.side-block div.menu-item > p {
    display: flex;
    flex-shrink: 0;
    flex-basis: 100%;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness) * -1) 0 0 rgba(var(--sidebar-border-color));
    font-size: 0;
}
#side-bar div.side-block div.menu-item a {
    justify-content: flex-start;
    padding: 0 0 0 calc(var(--base-font-size) * 0.9333333333);
}
#side-bar div.side-block div.menu-item a::before {
    left: 0;
    transform: translateX(-100%);
    width: calc(100% + 6rem);
}
#side-bar div.side-block div.menu-item a:not(a:first-child) {
    border-left: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.side-block div.menu-item a img {
    filter: grayscale(100%);
}
#side-bar div.side-block div.menu-item.small a {
    justify-content: center;
    width: auto;
    padding: 0 0.25em;
    text-indent: 0;
    white-space: nowrap;
}
#side-bar div.side-block div.menu-item > :last-child {
    flex-grow: 2;
}
@media only screen and (max-width: 768px) {
    #side-bar {
        left: calc(var(--sidebar-width-on-mobile) * -1);
    }
    #side-bar:target, #skrollr-body:target #side-bar {
        left: -0.5rem;
    }
    #side-bar .heading p,
    #side-bar .side-block > .collapsible-block .collapsible-block-link {
        letter-spacing: 0.016em;
    }
    #side-bar:target .close-menu, #skrollr-body:target #side-bar .close-menu {
        margin-left: calc(var(--sidebar-width-on-mobile) - 0.5rem);
        width: calc(100% - var(--sidebar-width-on-mobile) + 0.5rem);
    }
}
 
div.scpnet-interwiki-wrapper {
    margin: 0;
    width: auto;
}
#side-bar div.scpnet-interwiki-wrapper {
    min-height: 220px;
    transform: translate(0, 0);
}
@media only screen and (max-width: 768px) {
    #side-bar div.scpnet-interwiki-wrapper {
        width: calc(var(--sidebar-width-on-mobile) - 0.5rem);
        max-width: calc(80vw + var(--base-font-size) * 0.5);
    }
}
@media only screen and (min-width: 768px) {
    div.scpnet-interwiki-wrapper {
        width: 100%;
    }
}
 
/* Message on Delete/Rename/Move */
#rename-option-rename::before,
#rename-option-delete::before {
    content: var(--rename-option);
    color: rgb(211, 54, 120);
    display: block;
}
 
/* Non SavingPage 黑标版 */
iframe#odialog-shader-iframe {
    display: none;
}
 
div#odialog-shader.odialog-shader {
    display: block;
    position: fixed;
    z-index: 40;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(var(--swatch-menubg-black-color), 0.5);
    pointer-events: none;
    inset: 0 0 auto auto;
}
 
iframe.scpnet-interwiki-frame {
    border: inherit;
    width: 100%;
    height: 220px;
}
 
a.newpage {
    background: transparent;
    text-decoration: none;
    color: rgb(var(--newpage-color));
}
 
blockquote {
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.styled-quote {
    background-color: rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--gray-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.dark-styled-quote {
    background-color: rgb(var(--gray-monochrome));
    border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
    color: rgb(var(--white-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.dark-styled-quote a {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
    background-color: rgb(var(--pale-gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.darkblock {
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.darkblock a {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
/* Content Warning */
#page-content div#u-adult-warning {
    width: fit-content;
    margin: 0 auto 1.25rem;
    padding: 0.5rem 1rem;
    border: 3px solid #333;
    background: #e4e4e4;
    color: #333;
    text-align: center;
    font-weight: bold;
}
#page-content div#u-adult-warning > div#u-adult-header {
    font-size: 300%;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    color: #901;
}
#page-content div#u-adult-warning p {
    margin: 0;
}
#page-content div#u-adult-warning > .error-block {
    color: unset;
    padding: unset;
    margin: unset;
    border: unset;
    margin-bottom: 1em;
}
 
/* 去除用户信息中头像白边 */
#odialog-container .owindow > div.modal-body > img[style*="padding: 2px 8px;"]:first-child {
    background-color: initial !important;
}
 
/* Message on Delete/Rename/Move */
#rename-option-rename::before,
#rename-option-delete::before {
    content: var(--rename-option);
    color: red;
    display: block;
}
 
/* 搜索框修改 */
#search-top-box-input {
    display: none;
}
 
@media only screen and (max-width: 768px) {
    #search-top-box:not(:focus-within)::before {
        top: calc(var(--header-height-on-mobile) / 2 + 0.5em);
    }
}
/* Footer */
#footer,
#footer a {
    color: rgb(var(--white-monochrome));
}
 
/* Image Block */
.scp-image-block {
    min-width: 30%;
}
 
/* License Box */
#page-content .licensebox .collapsible-block-link {
    margin-left: 0.25em;
    padding: 0.25em;
    font-weight: 700;
    opacity: 0.5;
    color: rgb(var(--gray-monochrome));
    transition: opacity 0.5s ease-in-out;
}
#page-content .licensebox .collapsible-block-link:hover {
    opacity: 1;
}
admin搬运版式
页面版本: 21, 最后编辑于: 30 Aug 2025 16:19
编辑 评分 (0) 标签 讨论 (1) 历史记录 附件 打印 网站工具 + 选项
© Genshvn_P 个人站（2023-2026）
×