版式:The-E.G.G.
此主题版式由 qwerty-C7201 创作。
如果想要在你的页面上使用这个主题，请将如下文本放置其中：
[[include :backroomssandboxcn:theme:cosin]]
若您需要在此条目加上其他的大标题/子标题，请用[
[[module CSS]]
:root:lang(cn){
—header-title:"大标题";
—header-subtitle:"小标题"
}
[[/module]]
更换logo则是
—logo-image: url("Url");
可以通过使用五个连字符来制作一个水平分割线，"-----"。这条水平分割线如果没有被放在任何其他元素里的话，那么它将横卧一整个页面。分割这张文档的线便是水平分割线。
标题能够通过在文本前放置一到六个"+"来制作：
+ 标题
用你的想象在这里放置“之乎者也”的文本
这是个引文盒子，在一句话前加上">"和空格即可。
文本

上面有个水平分割线

盒中盒

这是一个脚注¹
常用语法

好好好
好好好
好好好
好好好
好好好
好好好
这是个	表格
你应该	已经知道
怎么使用这个了
自定义引用块
样式化引用块
暗色样式化引用块
亮色块
暗色块
脚²
+ 版式代码
- 关闭
[[module CSS]]
:root {
   --logo-image: url("http://backroomssandboxcn.wikidot.com/local--files/zhzhsj/e.g.g.fragment");
   --header-title: "The E.G.G.";
   --header-subtitle: "我们崇拜着一个鸡蛋";
    --header-height-on-desktop: 11rem;
    --swatch-text-general: 0,0,0;
    --swatch-secondary-color: 0, 0, 0;
    --swatch-background:255,255,182;
    --body-font: 'Noto Sans SC', monospace;
    --header-font: 微软雅黑, sans-serif;
    --title-font: 微软雅黑, sans-serif;
    --mono-font: 'BWCKKT', sans-serif;
    --swatch-topmenu-border-color: 255,255,21;
    --gray-monochrome: 21,12,21;
    --swatch-primary-darker: 0, 255, 17;
    --swatch-menubg-color: 30,144,0;
    --swatch-menubg-hover-color: 0,255,15;
    --sidebar-links-text: 0, 0, 0;
    --pale-gray-monochrome: 0,0,0;
}
 
#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 8px;
    opacity: 0.7;
}
 
#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height : 1rem;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(229, 140, 36) 0%,rgba(229, 140, 36,1) 50%,rgba(229, 140, 36,0.98) 51%,rgba(229, 140, 36) 100%);
    opacity : .1;
    animation: scanm 6s linear infinite;
}
@keyframes scanm {
  0%   { top: -1rem; opacity : .05;}
  25% { top: 50%; opacity: .03;}
  37.5% { top: 75%; opacity: 0.06;}
  50% { top: 100%; opacity: .03;}
  100% { top: 100%;}
}
 
#extrac-div-3 {
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 30;
}
 
#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)); }
 
#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;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.lightstyled-quote {
   background-color:rgb(var(--bright-accent));
color:rgb(0, 0, 0);
   border-left: 0.5rem solid rgba(var(--dark-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   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(0,0,0,.25);
}
 
.darkstyled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--bright-accent));
color:rgb(0, 0, 0);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--dark-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(0,0,0,.25);
}
 
.dark-borderblock {
    background-color:rgb(var(--dark-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(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 .light-borderblock {
    background-color:rgb(var(--bright-accent));
    color:rgb(0, 0, 0);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--dark-gray-monochrome));
 }
 .border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--white-monochrome));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://myrandfox.wikidot.com/local--files/theme:database-new/logo) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .logoblock{
    padding: 0.01rem 1rem;
    color:rgb(var(--white-monochrome));
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://myrandfox.wikidot.com/local--files/theme:database-new/logo) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.titleblock {
        background-color: rgb(var(--dark-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,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebox{
       color: rgb(var(--dark-gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 /* sd banner colours */
 
.sd-container {
 
   --sd-border:var(--white-monochrome);
 
   --sd-text:50,18,10;
 
   --sd-symbol:50,18,10;
 
   --sd-bullets:var(--sd-border);
 
}
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
}
:root {
   --logo-image: url("https://i.postimg.cc/XJDjGtJy/21430268831423346382.jpg");
   --header-title: "The E.G.G.";
   --header-subtitle: "我们崇拜着一个鸡蛋";
    --header-height-on-desktop: 11rem;
    --swatch-text-general: 0,0,0;
    --swatch-secondary-color: 255, 255, 255;
    --swatch-background:255,255,182;
    --body-font: 'Noto Sans SC', monospace;
    --header-font:cambria , sans-serif;
    --title-font: 仿宋, sans-serif;
    --mono-font: 'BWCKKT', sans-serif;
    --swatch-topmenu-border-color: 255,255,21;
    --gray-monochrome: 21,12,21;
    --swatch-primary-da5rker: 0, 255, 17;
    --swatch-menubg-color: 30,144,0;
    --swatch-menubg-hover-color: 0,255,15;
    --sidebar-links-text: 0, 0, 0;
    --pale-gray-monochrome: 255,255,213;
}
.logoblock{
    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: #00FFFF;
    border-top-width: 1px solid #FF0000;
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px white;
    background: url(http://backrooms-wiki-fog.wdfiles.com/local--files/c-f-g-banshi/Level-4-supier.png)center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
.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: #00AAAA;
    min-height:15px;
    width:100%;
    }
:root {
   --fade-in-delayq: 1.035s; /* Change the speed here. */
}
 
#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 1px #39c5bb；
}
 
.scp-image-block .scp-image-caption {
    background-color: #ffff99;
    border-top: solid 1px #39c5bb;
}
 
.footnotes-footer {
    margin-left: 0px;
   margin-right: 0px;
    background: #222222;
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.1em;
    color: #39c5bb;
}
 
#search-top-box-form input[type=submit]:focus,
#search-top-box-form input[type=submit]:hover {
   --text-shadow: none;
   background-color: rgb(var(--swatch-menubg-dark-color));
   color: rgb(var(--swatch-text-general));
}
#search-top-box-input:focus, #search-top-box-input:hover {
   color: rgb(var(--swatch-text-general));
}
/* 工具 */
hr {
color:  #39c5bn;
background-color: ffff72;
}
.lightblock {
    background: #ffff33;
}
 
.styled-quote {
    background: #ffff22;
    color: white;
}
 
.darkblock {
    background: #aaaa00;
    color: white;
}
 
.dark-styled-quote {
    background: #afaf33;
    color: white;
}
[[/module]]
[[module css]]
code {
    background-color:#FFFFFF;
    border:1px washed black;
}    
[[/module]]
[[module CSS]]
div#page-options-bottom, div#page-options-bottom-2, div#page-options-bottom {
    border-radius: 0em;
    border: none;  
    background-color:#ffff97;
    width:100%
}
div#page-options-bottom-2>a, div#page-options-bottom>a {
    background-color:rgba(var(none));
    background-color:#AAAA00;
}
div#page-options-bottom-2>a, div#page-options-bottom>a::after {
    background-color:#AAAA00;
}
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 {
   background-color:black;
   color:white;
}
a#view-source-button.btn.btn-default {
    background-color:#AAAA00;
}
a#page-block-button.btn.btn-default {
    background-color:#AAAA00;
}
a#delete-button.btn.btn-default {
    background-color:#AAAA00;
}
a#watchers-button.btn.btn-default {
    background-color:#AAAA00;
}
a#edit-append-button.btn.btn-default {
    background-color:#AAAA00;
}
div.page-rate-widget-box {
    background-color:#AAAA00;
}
a#edit-button.btn.btn-default {
    background-color:#AAAA00;
}
a#tags-button.btn.btn-default {
    background-color:#AAAA00;
}
a#history-button.btn.btn-default {
    background-color:#AAAA00;
}
a#print-button.btn.btn-default {
    background-color:#AAAA00;
}
a#more-options-button.btn.btn-default {
    background-color:#AAAA00;
}
.page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a, .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover, .page-rate-widget-box .rateup a:active, .page-rate-widget-box .ratedown a:active, .page-rate-widget-box .cancel a:active {
    background-color:#ff0000;
}
.page-rate-widget-box .ratedown a, .page-rate-widget-box .rateup a {
    background-color:#FFFFFF;
}
div.page-source {
    background-color:#111100;
    color:white;
}
div#owindow-1.owindow.error {
    background-color:#777700;
    color:#ffffff;
}
a.btn.btn-default.button.button-close-message {
    background-color:#555510;
    border:1px washed #222210;
    color:#FFFFFF;
}
div.title.modal-header {
    background-color:#63d84ea6;
}
#top-bar div.mobile-top-bar>ul>li>ul>li>a, #top-bar div.top-bar>ul>li>ul>li>a {
    background-color:#848400;
    color:white;
}
#top-bar div.mobile-top-bar>ul>li>ul>li:hover, #top-bar div.mobile-top-bar>ul>li>ul>li>ul>li:hover, #top-bar div.top-bar>ul>li>ul>li:hover, #top-bar div.top-bar>ul>li>ul>li>ul>li:hover {
    background-color:#abab00;
    color:white;
}
#top-bar div.top-bar>ul>li>ul>li>ul>li:hover {
    background-color:#ffff00;
    color:black;
}
#top-bar div.top-bar>ul>li>ul>li>ul>li {
    background-color:#a2ae00;
}
.yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a {
    background-color:#525200;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
    background-color:#383800;
}
blockquote {
    background-color:#ffff99;
}
tr {
    background-color:#ffff55;
}
table.wiki-content-table th {
    background-color:#ffffdd;
}
span.printuser {
    color:#2b2b2b;
}
#login-status a {
    color:#2b2b2b;
}
#login-status ul a {
    color:#2b2b2b;
}
textarea, input.text, input.checkbox, div.note, #lock-info {
    background-color:#222200;
    color:white;
}
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
    background-color:#39c5bb;
    color:green;
}
[[/module]]
- 关闭
原创版式
The Backrooms KP

你从未来过这里

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题

常用语法
