版式:旧网络

此主题版式由 ciszes制作

如果想要在你的页面上使用这个主题，请将如下文本放置其中：

[[include :r-sandbox-cn.wikidot.com:theme:owifi]]
若您需要在此条目加上其他的大标题/子标题，请用[
[[module CSS]]
:root:lang(cn){
—header-title:"大标题";
—header-subtitle:"小标题"
}
[[/module]]
更换logo则是
—logo-image: url("Url");

没活了

以通过使用五个连字符来制作一个水平分割线，"-----"。这条水平分割线如果没有被放在任何其他元素里的话，那么它将横卧一整个页面。分割这张文档的线便是水平分割线。

---

标题能够通过在文本前放置一到六个"+"来制作：

+ 标题

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题

分页

用你的想象在这里放置“之乎者也”的文本

分页

这里还有更多文本

多精巧

长分页

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

空tab

空tab

空tab

空tab

空tab

空tab

笑死我了

这是个引文盒子，在一句话前加上">"和空格即可。
文本

---

上面有个水平分割线

盒中盒

这是一个脚注¹

这是个	表格
你应该	已经知道
怎么使用这个了

---

常用语法

好好好
好好好
好好好
好好好
好好好
好好好
好好好
好好好²

好好好

---

这是个	表格
你应该	已经知道
怎么使用这个了

---

自定义引用块

样式化引用块

暗色样式化引用块

亮色块

暗色块

标题示例
[[div class="titleblock"]]
[[span class="titlebox"]]标题示例[[/span]]

[[/div]]

标题示例
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题示例[[/span]]

[[/div]]

[[div class="oldwf-col-box"]]
特殊块
[[/div]]

---

脚³

版式代码

[[module css]]
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");

@font-face {
    font-family: 'GlowSansSC';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GlowSansSC';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url(https://cdn.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-DottedSongtiSquare.css);
@import url(https://cdn.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-zcoolwenyiti.css);
/* Myrand */

@import css('https://fontlibrary.org//face/rursus-compact-mono');
@import css('https://fontlibrary.org//face/brush-lettering-one');

@imedia screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 4.5s; }

:root {
—anim-position: absolute;
}

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap');

@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 3s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }

body{
   letter-spacing: 1px;
}

:root{
  --logo-image: url("http://r-sandbox-cn.wikidot.com/local--files/theme:owifi/iekdnsnzjjs");
   --theme-base: "ack-serghter";
   --theme-id: "owifi";
   --theme-name: "Libouwnpw";
  --header-title:"ＴＨＥ ＢＡＣＫＲＯＯＭＳ";
  --header-subtitle: "暗入网络的地方";
  --link-color: 50, 50, 255;
  --over-link-color: 50, 200, 50, 0.8;
  --visited-link-color: 100, 100, 100;
  --newpage-color: 70, 70, 70;
  --swatch-background: 15, 15, 15;
  --swatch-primary:255, 0, 255;
  --swatch-primary-darker:255, 215, 0;
  --swatch-primary-darkest:23, 23, 0;
  --white-monochrome: 255, 255, 255, 0.87;
  --very-light-gray-monochrome: 50,50,255;
  --light-gray-monochrome:50, 50, 255 ;
  --gray-monochrome: 40, 40, 40 ;
  --dark-gray-monochrome:100, 200, 200 ;
  --black-monochrome: 215, 215, 255;
  --medium-accent:255, 255, 20, 0.33;
  --dark-accent: 255, 255, 10;
  --pale-gray-monochrome:35, 15, 35;
  --bright-accent:255, 255, 10;
  font-family: 'ZCOOL XiaoWei';
  font-style: normal;
  font-weight: 250;
  font-display: swap;
  font-family: punctuation-marks, Huiwen-mincho, sans-serif;

}

--rating-module-button-plus-color: 0, 0, 255, 0.5;
    --rating-module-button-negative-color: 126, 0, 191;
    --rating-module-button-cancel-color: 30, 255, 255, 0.2;
    --rating-module-button-color: var(--bright-accent);
    --rating-module-text-color: var(--white-monochrome);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);

--gradient-header: linear-gradient(
to bottom,
rgb(0, 0, 204) 0%,
rgb(0, 0, 204) 0,5%,
rgb(var(--black-monochrome)) 100%
);
--diagonal-stripes: none;
}
.page-rate-widget-box {
    background: rgba(var(--very-dark-gray-monochrome), .49);

    border-color: rgba(var(--white-monochrome));
}
.customColor .collapsible-block-folded>.collapsible-block-link {
   color: rgb(130, 255, 255, 0.2);
}
.customColor .collapsible-block-unfolded-link>.collapsible-block-link {
   color: rgb(150, 255, 255, 0.13);
}
.scp-image-block .scp-image-caption {
   background-color: rgb(14, 0, 60);
}

@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 5s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }

#extrac-div-3 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(0,0,0,0.1) 0%, rgba(0, 230, 230,0.45) 60%, rgba(255,255,0,0.45) 100%);
    opacity: 0.25;
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 30;
}

  }
  #page-title { animation-delay: 0s; }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }

.footnotes-footer {
    margin-left: 0px;
   margin-right: 0px;
    background: #222222;
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.1em;
    color: #39c5bb;
    box-shadow: 1.5px 1.5px 1.5px blue;
}

.logoblockfuzhu{
    padding: 0.01rem 1rem;
    color:black;
    box-shadow: 0 0.2rem 0.3rem rgba(0,255,255,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: #FFFF00;
    min-height:15px;
    width:55%;
    box-shadow: 3px 3px 3px yellow;
    }

.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

.dark-titlebox{
  position: relative;
  top: -1.6rem;
  left: -0.5rem;
  background-color: rgb(var(--white-monochrome));
  color: rgb(var(--gray-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}

.dark-titleblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-top: solid rgba(35, 65, 35) 0.3rem;
   box-shadow: 1.5px 1.5px 1.5px green;
}

.titlebox{
  position: relative;
  top: -1.6rem;
  left: -0.5rem;
  background-color: rgb(var(--gray-monochrome));
  color: rgb(var(--white-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
} 

.titleblock {
   background-color: rgba(255, 255, 255, 0.95);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-top: solid rgba(200, 200, 235, 0.89) 0.3rem;
   box-shadow: 1.5px 1.5px 1.5px blue;
   color:rgba(0, 0, 200);
}

.oldwf-col-box {
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
    background-size:auto 80rem;
    background-position: center;
    background-repeat:no-repeat;
    color:rgb(10,10,255);
    margin: 2rem;
    padding: 0.2rem 1rem 8rem 1rem;
    display: block;
    position: relative;
    background-color: rgb(255,25,100,0.15);
    border: solid 0.3rem rgb(255,0,100,0.20);
    box-shadow: 1.3px 1.3px 1.3px purple;
    text-shadow: #444 1px 0 10px;

}

extrac-div-1 {
    position: fixed;
    pointer-events: none;
    background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0));
    background-size: auto 25px;
    opacity: 0.7;
}

#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height : 1rem;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 36) 100%,rgba(255, 255, 36) 100%,rgba(255, 255, 36) 100%,rgba(255, 255, 36) 100%);
    opacity : .5;
    animation: scanm 3s linear infinite;
}
@keyframes scanm {
  0%   { top: -1rem; opacity : .0.05;}
  25% { top: 50%; opacity: .0.1;}
  37.5% { top: 75%; opacity: 0.05;}
  50% { top: 100%; opacity: .0.55;}
  100% { top: 100%;}
}

#extrac-div-3 {
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
}

#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delayq)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delayq)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delayq)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delayq)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delayq)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delayq)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delayq)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delayq)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delayq)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delayq)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delayq)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delayq)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delayq)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delayq)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delayq)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delayq)); }
.scp-image-block {
    border: solid 10px #FFFF00；
}

#skrollr-body {
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}

#side-bar .side-block div a img {
   filter: grayscale(100%);
}

#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}

div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}

div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}

#header, #top-bar {
   background-attachment: scroll;
}

#header {
   background-image: none;
}

a:hover::before {
   content: "/";
}

#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;
}

#top-bar div.top-bar>ul>li>ul>li>ul>li:hover {
    background-color:#00ffff;
    color:yellow;
}

div#page-options-bottom, div#page-options-bottom-2, div#page-options-bottom {
    border-radius: 1em;
    border: none;  
    background-color:#00ffff;
    width:99.9%
}

scp-image-block .scp-image-caption {
    background-color: #222222;
    border-top: solid 10px #00ffff;
}

/*
    Powered on 2023/02/24 21:40:23
    [2023 Wikidot Theme]
    Created by luohaotian
    CC BY-SA 3.0
*/

div#side-bar div.side-block {
    background: rgb(50, 255, 50);
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link {
    color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}
div.open-menu a {
    color: rgb(50, 230, 230)!important;
    border-color: rgb(255, 255, 100, 0.72)!important;
}

*/

div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
    background-color: rgb(0, 255, 255, 0.89)!important;
    border: solid rgb(255, 255, 255) 1px!important;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    border: solid rgb(15, 255, 255)!important;
    border-width: 1px 0!important;
}
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel a,
div.page-rate-widget-box span.cancel a:hover {
    color: rgb(0, 0, 0);
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    background-color: rgb(255, 248,0, 0.5)!important;
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
    color: rgb(23, 15, 15)!important;
}
div.page-rate-widget-box span.cancel a:hover,
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
    background: transparent!important;
    color: transparent!important;
}

*/

/*tab*/

div.yui-navset div.yui-content {
    background: rgb(0, 0, 25);
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: rgb(0, 0, 25);
    color: rgb(235, 235, 255);

}

div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: rgb(15, 235, 235);
    color: rgb(0, 0, 0);

}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: rgb(0, 0, 180, 0.20);
    color: rgb(0, 0, 0);
}

*/

h1,h2,h3,h4,h5,h6 {/*字体*/

div.yui-navset div.yui-content {
    background: rgb(255, 255, 10, 0.83);/*颜色*/
}

.scp-image-block .scp-image-caption {
background-color: rgb(0, 0, 180)/*背景颜色*/;
/*(边框样式)*/ 2px/*边框宽度*/ #FFA500/
}
background-color: rgb(255, 225, 0, 0.83);
}
/*TOC*/

#toc{
background:rgb(255, 10, 100, 0.13);
border: 0.4rem dashed rgb(255, 10, 70,0.13);
}

/*border,textshadow和boxshadow*/

div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
background: rgb);
color: rgb(255, 10, 100);
border: solid rgb(70, 70, 70);
}

box-shadow: 0px 0px 5px 3px #555555;

blockquote {
    /*此处为你想要的样式代码*/
}

div.blockquote {
    /*代码*/
}

#page-title,h1 {
    color: yellow;
}

#page-title,h2 {
    color: yellow;
}

#page-title,h3 {
    color: yellow;
}

#page-title,h4 {
    color: yellow;
}

#page-title,h5 {
    color: yellow;
}

#page-title,h6 {
    color: yellow;
}

[[/module]]
[[module CSS]]
/*
    Powered on 2023/03/19 17:54:56
    [2023 Wikidot Theme]
    Created by ciszes
    CC BY-SA 3.0
*/

div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
    background-color: rgba(0, 0, 185, 0.5)!important;
    border: solid rgba(0, 0, 185, 0.5) 1px!important;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    border: solid rgba(0, 0, 185, 0.5)!important;
    border-width: 1px 0!important;
}
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel a,
div.page-rate-widget-box span.cancel a:hover {
    color: #333333;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    background-color: #333333!important;
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
    color: #333333!important;
}
div.page-rate-widget-box span.cancel a:hover,
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
    background: transparent!important;
    color: transparent!important;
}

.darkblock {
    box-shadow: 1px 1px 1px green;
}

.styled-quote{
    box-shadow: 1px 1px 1px  purple;
    color:rgba(255, 25, 215, 0.98);
}

.{
    box-shadow: 1px 1px 1px  purple;
}

.dark-styled-quote{
    box-shadow: 1px 1px 1px  purple;
}

.lightblock{
    background-color: rgba(200, 200, 235);
    box-shadow: 1px 1px 1px  blue;
    color:rgba(0, 0, 200);
}

.blockquote{
    background: rgba(30, 235, 235, 0.38);
    border: outset 0.5px rgba(215, 0, 200);
    box-shadow: 1.5px 1.5px 1.5px green;
    black-monochrome: 50, 50, 200;
    color:rgb(var(--white-monochrome));
}

div#header h1 a:before {
    color: rgba(70, 70, 244, 0.73);
    text-shadow: 1px 1px 1px rgba(30, 215, 255, 0.86);

}

div#header h2 span {
    font-size: 4px;
    padding: 4px;

}

div#header h2:after {
    font-weight: bold;
    color: rgba(70, 70, 244, 0.73);
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(30, 215, 255, 0.86);
    white-space: pre;
}

#search-top-box-form > input[type=submit],
#search-top-box-form > input[type=submit]:hover,
#search-top-box-form > input[type=submit]:focus,
#search-top-box-form > input[type=submit]:target {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E") 50%/0.8rem no-repeat, #000 !important;
    border: none;
    border-radius: 30%;
    font-size: 0;
    height: 1.2rem;
    width: 1.2rem;
    margin-top: -1.3rem;
}

#u-sb-button {
    display: block;
    position: fixed;
    top: 0.5rem;
    left: 0.9rem;
    height: 4rem;
    width: 45px;
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    text-decoration: none !important;
    z-index: 21;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: translateZ(0);
    animation: slideLeft 1s;
}

#u-sb-button:hover {
    font-weight: 900;
}

#side-bar {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 87%, rgba(250, 250, 250, 1) 100%);
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400 !important;
    overflow-x: hidden;
}

#side-bar::before {
    content: var(--sidesubtitle);
    background: var(--sidelogo);
    background-size: 4.5rem;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 0.3rem;
    padding-top: 4.7rem;
    display: inline-block;
    border-bottom: double 5px black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-transform: none
}

#side-bar,
#side-bar:target {
    z-index: 22;
}

#side-bar a {
    color: black;
}

#side-bar a.collapsible-block-link {
    background: transparent;
}

#side-bar a:visited {
    color: black;
}

#side-bar img {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}

#side-bar .side-block {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
    border-color: transparent;
    border-radius: 0px;
}

#side-bar .side-block.media {
    background-color: white;
    border-bottom: solid 2px rgb(15, 15, 15);
    border-top: solid 2px rgb(255, 15, 15);
    margin-top: 1rem;
}

#side-bar .heading {
    color: black;
    border-bottom: solid 1px black;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
}

#side-bar .collapsible-block-folded {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aminimal/expand.png);
}

#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px black;
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: black;
}

ul.yui-nav a {
    font-family: 'Work Sans', sans-serif;
    padding: 3.5px;
    color: white;
    font-weight: 600;
}

.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav a:hover,
yui-navset .yui-nav a:active {
    color: white;
    background-color: black;
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: none;
    border-bottom: dotted 1px grey;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.yui-navset .yui-content > div {
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
}

.yui-navset-top a {
    transition-property: background, background-color;
    transition-duration: 0.2s;
}

.raisa_memo > p:nth-child(1)::before,
.classification_memo > p:nth-child(1)::before,
.ettra_memo > p:nth-child(1)::before,
.ethics_memo > p:nth-child(1)::before,
.temporal_memo > p:nth-child(1)::before,
.overwatch_memo > p:nth-child(1)::before,
.miscomm_memo > p:nth-child(1)::before {
    border-color: grey;
}

.raisa_memo {
    border: solid 4px #fff3ad;
    color: #fff3ad;
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_DARKLOGO.png) rgb(20, 20, 20);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.classification_memo {
    border: solid 4px #edf5f3;
    color: #edf5f3;
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_DARKLOGO.png) rgb(20, 20, 20);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.ettra_memo {
    border: solid 4px #00ffff;
    color: #f5d7d7;
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png) rgb(20, 20, 20);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.ethics_memo {
    border: solid 4px #ffdbc4;
    color: #ffdbc4;
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_DARKLOGO.png) rgb(20, 20, 20);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.temporal_memo {
    border: solid 4px #00ffff;
    color: #00ffff;
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_DARKLOGO.png) rgb(20, 20, 20);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.overwatch_memo {
    border: solid 4px #00ffff;
    color: #00ffff;
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_DARKLOGO.png) rgb(20, 20, 20);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.miscomm_memo {
    border: solid 4px #00ffff;
    color: #eeedfa;
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_DARKLOGO.png) rgb(20, 20, 20);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.table1 .scp-image-block img,
.table1 .scp-image-block .scp-image-caption {
    outline: solid 1px rgb(var(--one-color));
    background-color: rgb(10, 10, 10);
    color: #00ffff;
}

.table2 .scp-image-block img,
.table2 .scp-image-block .scp-image-caption {
    outline: solid 1px rgb(var(--two-color));
    background-color: rgb(10, 10, 10);
    color: #00ffff;
}

.table3 .scp-image-block img,
.table3 .scp-image-block .scp-image-caption {
    outline: solid 1px rgb(var(--three-color));
    background-color: rgb(10, 10, 10);
    color: #ffffff;
}

.table4 .scp-image-block img,
.table4 .scp-image-block .scp-image-caption {
    outline: solid 1px rgb(var(--four-color));
    background-color: rgb(10, 10, 10);
    color: #00ffff;
}

.table5 .scp-image-block img,
.table5 .scp-image-block .scp-image-caption {
    outline: solid 1px rgb(var(--five-color));
    background-color: rgb(10, 10, 10);
    color: #00ffff;
}

.table6 .scp-image-block img,
.table6 .scp-image-block .scp-image-caption {
    outline: solid 1px rgba(146, 0, 255, 0.2);
    background-color: rgb(10, 10, 10);
    color: #00ffff;
}

del,
.inline-diff del {
    background-color: #00ffff;
}

ins,
.inline-diff ins {
    background-color: #00ffff;
}

@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }

#main-content::before {
    content: " ";
    border: 1px solid rgb(var(--white-monochrome));
    border-radius: 10px;
    position: absolute;
    width: 106%;
    height: calc(100% + 2rem);
    background: rgba(var(--gray-monochrome), 0.25);
    -webkit-backdrop-filter: var(--main-aero-glass-filter);
    backdrop-filter: var(--main-aero-glass-filter);
    display: block;
    z-index: -6;
    left: calc(-3% - 1px);
    box-shadow: 0px 0px 8px 4px rgba(var(--dark-gray-monochrome), 0.8);
    top: -1rem;
}

@media only screen and (min-width: 768px) {
    #main-content::before {
        width: calc(100vw - 20px);
        height: 100%;
        top: 1rem;
        left: calc((100vw - 20px - 100%) / (-2) - 1px);
    }
}

@media only screen and (min-width: 975px) {
    #main-content::before {
        width: 110%;
        left: calc(-5% - 1px);
        top: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    #main-content::before {
        border: 1px solid rgba(var(--white-monochrome), 0.5);
        border-radius: 6px;
    }
}

/* 顶栏 */

#extra-div-1 {
    background: linear-gradient(180deg, rgba(var(--dark-gray-monochrome), 0.5) 0%, rgba(var(--gray-monochrome), 0.5) 100%);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    box-shadow: 0px 1px rgb(var(--white-monochrome)), inset 0px 1px rgb(var(--white-monochrome)), 0px 0px 8px 2px rgba(var(--black-monochrome), 0.8);
}

#extra-div-1 {
    top: 1px;
}

.logo {
    top: 6px;
}

#side-bar::before {
    word-spacing: -2px;
}

.hovertip,
#account-options {
    background: rgba(var(--very-light-gray-monochrome), 0.25) !important;
    border: 1px solid rgb(var(--white-monochrome)) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0px 0px 8px 2px rgba(var(--dark-gray-monochrome), 0.8) !important;
    border-radius: 8px !important;
    color: rgb(var(--white-monochrome));
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: rgba(var(--very-light-gray-monochrome), 0.25);
}

#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    background-color: transparent;
}

#top-bar li:hover ul,
#top-bar li.sfhover ul {
    background-color: transparent;
    border: 1px solid rgb(var(--white-monochrome)) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0px 0px 8px 2px rgba(var(--dark-gray-monochrome), 0.8) !important;
    border-radius: 8px !important;
}

#top-bar ul li.sfhover ul li:first-of-type a,
#top-bar ul li:hover ul li:first-of-type a {
    border-top: 0;
}

#top-bar ul li>a:hover {
    transform: none;
}

/* 搜索框和页眉标题 */

#search-top-box-form>input[type=submit],
#search-top-box-form>input[type=submit]:hover,
#search-top-box-form>input[type=submit]:focus,
#search-top-box-form>input[type=submit]:target {
    margin-top: 0;
}

div#search-top-box {
    top: 14px;
}

#extra-div-1::before {
    top: 0.7rem;
}

#search-top-box-form>input[type=submit],
#search-top-box-form>input[type=submit]:hover,
#search-top-box-form>input[type=submit]:focus,
#search-top-box-form>input[type=submit]:target {
    margin-top: 0;
}

div#search-top-box {
    top: 14px;
}

#extra-div-1::before {
    top: 0.7rem;
}

#extra-div-2::before {
    top: 2.8rem;
}

@media (max-width: 1020px) {
    #extra-div-1::before {
        top: 0.3rem;
        font-size: calc(0.85 * 27.45px);
    }
}

@media (max-width: 1020px) {
    #extra-div-2::before {
        top: 2rem;
        font-size: calc(0.85 * 1.22em);
    }
}

/* 页面元素边框调整 */

blockquote,
div.blockquote, .page-source, #toc {
    background: rgba(var(--very-light-gray-monochrome), 0.25);
    border: 1px solid rgb(var(--white-monochrome));
    border-radius: 10px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0px 0px 8px 2px rgba(var(--dark-gray-monochrome), 0.8);
}

.page-source {
    width: unset;
}

.scp-image-block img,
.scp-image-block .scp-image-caption {
    outline: solid 1px rgb(var(--white-monochrome));
    box-shadow: 0px 0px 8px 2px rgba(var(--dark-gray-monochrome), 0.7);
    background: rgba(var(--very-light-gray-monochrome), 0.5);
    margin-top: 10px;
}

.scp-image-block img {
    background: transparent;
}

.scp-image-block span.printuser.avatarhover img {
    outline: none;
    box-shadow: none;
}

.modalbox {
    background: rgba(var(--very-light-gray-monochrome), 0.25) !important;
    border: 1px solid rgb(var(--white-monochrome)) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0px 0px 8px 2px rgba(var(--dark-gray-monochrome), 0.8) !important;
    border-radius: 10px !important;
}

/* hr和fancyborder */

hr {
    height: 1px;
    border: 0;
    background-color: rgb(var(--white-monochrome));
    box-shadow: 0px 0px 8px 2px rgba(var(--dark-gray-monochrome), 0.8);
    background-image: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 1em 0;
}

div#u-credit-view hr {
    margin: 1em 2em;
}

@media (max-width: 767px) {

    #page-content>hr,
    #page-content>.list-pages-box>.list-pages-item>hr {
        margin: 1em 0;
    }
}

.fancyhr hr {
    filter: saturate(0);
    border-top: 2vw solid transparent;
    height: 0;
    box-sizing: border-box;
    border-image-source: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_hr.png");
    border-image-repeat: round round;
    background: rgba(var(--bright-accent), 0) none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
    box-shadow: none;
}

.fancyborder {
    border: 2vw solid rgba(var(--black-monochrome), 0.5);
    border-image: url(https://evernight-aquarium.wdfiles.com/local--files/theme%3Aaero-glass/wl_border.png) 600 round;
    border-image-width: 6;
    box-sizing: border-box;
    padding: 2vw;
}

/* yui-tabs */

.yui-navset .yui-content {
    background: transparent;
    box-shadow: none;
    border-bottom: dotted 4px rgb(var(--white-monochrome));
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: 1px solid rgb(var(--white-monochrome));
    box-shadow: 0px 0px 8px 4px rgba(var(--black-monochrome), 0.7);
}

.yui-navset .yui-content {
    background: transparent;
    box-shadow: none;
    border-bottom: dotted 4px rgb(var(--white-monochrome));
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: 1px solid rgb(var(--white-monochrome));
    box-shadow: 0px 0px 8px 4px rgba(var(--black-monochrome), 0.7);
}

.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:active,
.yui-navset .yui-nav a:focus {
    background: rgba(var(--very-light-gray-monochrome), 0.5);
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: rgba(var(--pale-gray-monochrome), 0.25);
    border-radius: 10px;
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: none;
    border-radius: 10px;
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgba(var(--very-light-gray-monochrome), 0.5);
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    box-shadow: 0px 0px 8px 2px rgba(var(--dark-gray-monochrome), 0.7);
    border-radius: 10px;
}

.yui-navset .yui-nav .selected a {
    width: 100%;
    color: rgb(var(--dark-gray-monochrome));
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    color: rgb(var(--dark-gray-monochrome));
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    color: rgb(var(--dark-gray-monochrome));
}

/* 侧栏 */

#side-bar {
    background: linear-gradient(0deg, rgba(var(--dark-gray-monochrome), 0.85) 87%, rgba(var(--dark-gray-monochrome)) 100%);
    direction: rtl;
}

#side-bar .side-block {
    direction: ltr;
    background: linear-gradient(180deg, rgba(var(--black-monochrome), 0.98) 0%, rgb(var(--gray-monochrome)) 100%);
    border: solid 2px rgb(var(--gray-monochrome));
}

#side-bar .side-block.resources {
    background: linear-gradient(180deg, rgba(var(--black-monochrome), 0.98) 0%, rgb(var(--gray-monochrome)) 100%) !important;
    border: solid 2px rgb(var(--gray-monochrome));
}

#side-bar .side-block.media {
    background-color: rgba(var(--black-monochrome), 0.99) !important;
    border-bottom: solid 2px rgba(var(--black-monochrome), 0.98);
    border-top: solid 2px rgba(var(--black-monochrome), 0.98);
}

@media (max-width: 767px) {
    #side-bar:target {
        border: none;
        box-shadow: 3px 0 1px -2px rgba(var(--black-monochrome), 0.04), 1px 0 5px 0 rgba(var(--black-monochrome), 0.2), inset -1px 0px rgb(var(--white-monochrome));
    }
}

#side-bar {
    box-shadow: 0px 0px 5px rgba(var(--black-monochrome), 0.3), inset -1px 0px rgb(var(--white-monochrome));
}

[[/module]]

旧版本传送门

Footnotes

1. 就是我！

2. 好好好

3. 注