Sandbox2

Included page "theme:fws" does not exist (create it now)

+版式代码

:root {
 
@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');
 
    --background-height: var(--header-height);
    --header-height: 10.5rem;
    --topbar-height: 2.25rem;
 
    --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: var(--gray-monochrome);
    --dark-accent: var(--bright-accent);
    --pale-accent: var(--dark-accent);
    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 230, 23, 68;
    --hover-link-color: 187, 0, 34;
    --visited-link-color: 150, 24, 43;
    --alt-accent: 221,102,17;
 
    --standard-bright: rgb(var(--white-monochrome));
    --standard-light: rgb(var(--white-monochrome));
    --standard-white: rgb(var(--pale-gray-monochrome));
    --standard-secondary: rgb(var(--gray-monochrome));
    --standard-accent: rgb(var(--bright-accent));
    --standard-gray: rgb(var(--light-gray-monochrome));
    --standard-dark: rgb(var(--gray-monochrome));
    --standard-black: rgb(var(--black-monochrome));
 
    --standard-link: rgb(var(--link-color));
    --standard-link-hover: rgb(var(--hover-link-color));
    --standard-link-visited: rgb(var(--visited-link-color));
    --standard-link-new: rgb(var(--alt-accent));
    --sidebar-link: var(--standard-secondary);
    --dropdown-color: var(--standard-white);
    --dropdown-hover-color: var(--standard-white);
    --dropdown-background: var(--standard-dark);
    --dropdown-hover-background: var(--standard-dark);
 
    --tabview-seleted-background: var(--standard-dark);
 
    --header-title: 'The Backrooms';
    --header-subtitle: '你曾经来过这里';
    --logo-image: url("https://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-background:linear-gradient(to bottom, var(--standard-accent) 0,var(--standard-secondary) calc(var(--header-height) - var(--topbar-height)), var(--standard-dark) calc(var(--header-height) - var(--topbar-height)), var(--standard-dark) 100%);
 
    --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;
    --main-font: var(--body-font);
}
 
#footer {
    background: var(--standard-secondary);
    color: var(--standard-light);
 
    --standard-link: var(--standard-light);
    --standard-link-hover: var(--standard-white);
    --standard-link-visited: var(--standard-light);
}
 
#extra-div-1 {
    background-image: radial-gradient(circle, var(--standard-secondary) 50%, transparent 0);
    background-repeat: repeat;
    background-size: 0.25rem 0.25rem;
    width: 100%;
    height: var(--header-height);
    position: absolute;
    top: 0;
    left: 0;
}
 
#header-extra-div-1 {
    opacity: 0.25;
}
 
#header h1, #header h2 {
    font-weight: bold;
}
 
#header h1 a span::before, #header h2 span::before {
    text-shadow: 1px 1px 0.1rem var(--standard-black);
}
 
#top-bar ul li a {
    transition: background 0.25s;
}
 
#top-bar ul li a:before,
#top-bar ul li a:after {
    transition: width 0.25s;
    content: "";
    position: absolute;
    width: 0;
    height: 0.15rem;
    background: var(--standard-accent);
}
 
#top-bar ul li a:before {
    left:0;
    top:0;
}
 
#top-bar ul li a:after {
    right:0;
    bottom:0;
}
 
#top-bar ul li.sfhover a:before,
#top-bar ul li.sfhover a:after,
#top-bar ul li:hover a:before,
#top-bar ul li:hover a:after {
    width: 100%;
}
 
#top-bar ul li:hover a,
#top-bar ul li.sfhover a {
    background-color: var(--standard-black);
}
 
#top-bar ul li ul {
    border: 2px solid var(--standard-black);
    border-top: none;
    box-sizing: border-box;
    box-shadow: 0 0.2rem 0.4rem -0.2rem var(--standard-black);
}
 
#top-bar ul li ul li a,
#top-bar ul li:hover ul li a,
#top-bar ul li.sfhover ul li a{
    border-top: 2px solid var(--standard-black);
    box-shadow: none;
    background-image: linear-gradient(var(--standard-accent) 0,var(--standard-accent));
    background-size: 0 100%;
    transition: background 0.25s;
    background-repeat: no-repeat;
}
 
#top-bar ul li:hover ul li a:hover,
#top-bar ul li.sfhover ul li a:hover{
    box-shadow: none;
    background-size: 100% 100%;
}
 
#top-bar ul li ul li a:before,
#top-bar ul li ul li a:after {
    display: none;
}
 
#container .open-menu a {
    top: 1rem;
    left: 1rem;
    border-radius: 0;
    border-width: 0.15rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, .4);
}
 
#content-wrap {
    margin: 0 auto 1rem;
    border-radius: 0;
}
 
#header {
    margin: 0 auto;
}
 
@media (min-width: 768px) {
  #content-wrap, #header {
    width: 768px;
  }
}
 
@media (max-width: 768px) {
 
  #header {
    max-width: calc(100% - 6rem);
    min-width: calc(100% - 2rem);
  }
 
  #content-wrap {
    max-width: calc(100% - 6rem);
    min-width: calc(100% - 2rem);
    padding: 1rem;
  }
 
  #page-content {
    padding: 0;
  }
}
 
.yui-navset {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    box-shadow: 0 0 0 1px var(--tabview-seleted-background);
    text-align: center;
}
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border-bottom: none;
    border-top-width: 0.5rem;
    box-shadow: 0 0 0 1px var(--standard-accent);
}
 
table.wiki-content-table th {
    border: 1px solid var(--secondary-border-color);
    background-color: var(--standard-dark);
}
 
 table.wiki-content-table td {
    border: 1px solid var(--standard-border-color);
}
 
.scp-image-block {
    border-radius: 0;
}
 
.scp-image-block:hover,.scp-image-block:hover .scp-image-caption, .scp-image-block:hover img {
    border-color: var(--secondary-border-color);
}
 
/* SDCS fix */
 
#page-content .sd-container {
    height: 12rem;
    border-bottom: 0.2rem solid var(--standard-border-color);
    background: var(--standard-background);
    box-sizing: border-box;
}
 
#page-content .top-box:before {
    display: none;
}
 
#page-content .top-box {
    background: transparent;
    border: unset;
    padding-left: 0.2rem;
    margin: 0.2rem;
    margin-top: 0.5rem;
}
 
#page-content .top-box .gradient-box {
    background: unset;
}
 
#page-content .header-diamond {
    height: 12rem;
    width: 12rem;
    top: 0;
    right: 0;
}
 
#page-content .header-diamond .diamond-image {
    background: var(--standard-text-dark);
    mask-size: 90%;
    -webkit-mask-size: 90%;
}
 
#page-content .header-diamond .diamond-pattern {
    background: none;
}
 
#page-content .top-box,#page-content .diamond-color {
    background: transparent;
}
 
#page-content .header-diamond .bg {
    mask: unset;
    -webkit-mask: unset;
    background: transparent;
}
 
#page-content .header-diamond:after {
    display: none;
}
 
#page-content .top-box .top-text p {
    font-size: 1.2rem;
}
 
#page-content .top-box .bottom-text p,#page-content .top-box .bottom-text::after {
    font-size: 0.8rem;
    border-left: 0.2rem solid var(--standard-border-color);
    padding-left: 0.8rem;
}
 
#page-content .bottom-box ul li::before {
    display: inline;
    content: "》";
    transform: none;
    font-weight: bold;
    left: -0.5rem;
    top: 0;
}
 
#page-content .bottom-box ul li {
    font-size: inherit;
    display: flex;
}
 
#page-content .bottom-box .default::after {
    font-size: 0.8rem;
}
@media only screen and (max-width: 60rem) {
    #page-content .header-diamond {
        opacity: 1;
    }
}
 
/* IETS fix */
 
#page-content .box {
    height: 2rem;
    align-items: center;
    padding-top: 0.35rem;
    transition: all 0.25s;
    box-shadow: none;
    background: var(--standard-background);
    border: 0.05rem solid var(--standard-border-color);
    border-right: 0.2rem solid var(--standard-border-color);
}
 
#page-content .box:hover {
    height: 4.5rem;
    padding-top: 0;
}
 
#page-content .box .iets-before {
   align-items: center;
   font-size: 1rem;
    width: 100%
}
 
#page-content .box .iets-after {
    transition: all 0.25s;
    width: 100%;
    right: 0;
}
 
#page-content .box .iets-after .iets-link {
   font-size: 1rem;
}
 
#page-content .box:hover .iets-after {
    top: -0.8rem;
}
 
/* PLAS fix */
 
#page-content .plas {
    transform: skewX(0);
    border-radius: 0;
    background-color: var(--standard-background);
    color: rgb(var(--standard-text-dark));
    border-bottom: 2px solid var(--standard-border-color);
    padding: 0.5rem;
}
 
#page-content .plas .number a {
    color: var(--standard-link) !important;
}
 
#page-content .plas .number a:hover {
    color: var(--standard-link-hover) !important;
}
/*这个!important事gp全责*/
#page-content .plas:before, #page-content .plas:after,
#page-content .plas .rightbox:before, #page-content .plas .rightbox:after {
    display: none;
}
 
#page-content .plas .rightbox {
    background-color: var(--standard-background);
    border-bottom: 2px solid var(--standard-border-color);
    padding: 0.15em;
}
 
#page-content .plas .rightbox p {
    color: rgb(var(--standard-text-dark));
    border:none;
    border-radius: 0;
}
 
/* PLS fix */
 
#page-content .pls, #page-content .pls-main {
    height: 12rem;
}
 
#page-content .pls-text {
    height: 10rem;
}
 
#page-content .pls-title {
    line-height: 2rem;
}
 
#page-content .pls-main,#page-content .pls-side span[class*="icon"] {
    border: unset;
    background-color: var(--standard-background);
}
 
#page-content .pls-main {
    border-left: 0.2rem solid var(--standard-border-color);
}
 
#page-content .pls-side span[class*="icon"] {
    border: 0.2rem solid var(--standard-border-color);
}
 
/* LH fix */
 
#page-content .with-border, #page-content .with-box-style {
    border:1px solid var(--standard-border-color);
}
 
#page-content .text-block-hide {
    background: var(--standard-text-dark);
    color: var(--standard-text-dark);
}
 
#page-content .text-block-hide:hover {
    background: transparent;
    color: inherit;
}
 
#page-content .notepaper.with-string::before {
    background:var(--standard-light);
}
 
#page-content .book-wrapper {
    background: var(--standard-accent);
}
 
#page-content .text-highlighted::before {
    background-color:var(--standard-background);
}
 
#page-content .text-underlined {
    text-decoration-color: var(--standard-border-color);
}
 
#page-content .text-wavy {
    text-decoration-color: var(--standard-border-color);
}
 
#page-content .text-circled {
    border:2px solid var(--standard-border-color);
}
 
#page-content .reportblock {
    border:2px solid var(--standard-border-color);
    box-shadow:unset;
}

IETS：11

IETS

威胁脅：1

智能：1

IETS：1E

IETS

威胁脅：E

智能：E