@import url(https://tartar0s.wikidot.com/local--files/theme:grass-block/VonwaonBitmap%2012px.css);
:root{
--logo-image: none;
--header-title: "THE BACKROOMS";
--header-subtitle: "你曾经来过这里。";
--gray-monochrome: 46,33,30;
--medium-accent: 46,30,30;
--body-font: "VonwaonBitmap 12px";
--header-font: "VonwaonBitmap 12px";
--title-font: "VonwaonBitmap 12px";
--mono-font: Recursive, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace;
--white-monochrome: 36,23,20;
--swatch-text-dark: 235,235,235;
--swatch-text-light: var(--swatch-text-dark);
--swatch-menutxt-dark-color: var(--swatch-text-dark);
--link-color: 23,205,7;
--hover-link-color: 33,131,6;
--visited-link-color: 173,255,47;
--newpage-color: 81,131,38;
--dark-accent: 33,131,6;
}
#page-title{
border-bottom: .0625rem solid #C6C6C6;
}
#side-bar .side-block.media,
#side-bar div[style*="#e5e5ff"] {
background-color: #C6C6C6 !important;
}
ins {
color:#000;
}
del {
color:#000;
}
#toc{
background-color: #218306;
color: #fff;
border: 2.5px solid #fff;
box-shadow: none;
}
#toc a{
color: #fff;
}
.tags{
color:#fff;
}
.credit{
color:#000;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color:#C6C6C6;
color: #000;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-navset-top .yui-nav a:hover {
background-color:rgb(33,131,6);
color: #fff;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-navset-top .yui-nav .selected a {
background-color:rgb(23,205,7);
color: #fff;
}
.yui-navset .yui-nav .selected a:hover,
.yui-navset .yui-navset-top .yui-nav .selected a:hover {
background-color:rgb(23,205,7);
color: #fff;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-navset-top .yui-nav .selected a:focus {
background-color:rgb(23,205,7);
color: #fff;
}
.code{
background-color: #218306;
color: #fff;
border: 2.5px solid #fff;
box-shadow: none;
}
.code a:hover,.code a:active{
color:rgb(var(--link-color));
}
blockquote{
background-color: #218306;
color: #fff;
border: 2.5px solid #fff;
box-shadow: none;
}
table.wiki-content-table th a,.grassblock a,blockquote a,div.blockquote a{
color:rgb(var(--link-color));
}
table.wiki-content-table th a:focus-within,.grassblock a:focus-within,blockquote a:focus-within
,div.blockquote a:focus-within
,.code a:focus-within
,.styled-quote a:focus-within{
color:#00FF00;
}
table.wiki-content-table th a:hover,.grassblock a:hover,blockquote a:hover
,div.blockquote a:hover
,.code a:hover
,.styled-quote a:hover{
color:#00FF00;
}
table.wiki-content-table th a:visited,.grassblock a:visited,blockquote a:visited
,div.blockquote a:visited
,.code a:visited
,.styled-quote a:visited{
color:#32CD32;
}
table.wiki-content-table th a.newpage,.grassblock a.newpage,blockquote a.newpage
,div.blockquote a.newpage
,.code a.newpage
,.styled-quote a.newpage{
color:#FFFF00;
}
div.blockquote{
background-color: #218306;
color: #fff;
border: 2.5px solid #fff;
box-shadow: none;
}
div.blockquote a:hover,div.blockquote a:focus-within,div.blockquote a:visited,div.blockquote a:newpage{
color:rgb(var(--link-color));
}
.open-menu {
color: #4C4C4C;
background-color: #C6C6C6;
transition: none;
border: 2.5px solid #000;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
.open-menu:active, .open-menu:hover, .open-menu > a:active, .open-menu > a:hover {
background-color: #218306;
color: #fff;
transition: none;
border: 2.5px solid #fff;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75);
}
#side-bar .side-block .heading p {
color: white;
background-color: #333;
border: 2.5px solid #000;
}
#side-bar .side-block .menu-item p a {
color: #4C4C4C;
background-color: #C6C6C6;
transition: none;
border: 2.5px solid #000;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
#side-bar .side-block .menu-item p a:active, #side-bar .side-block .menu-item p a:hover, #side-bar .side-block .menu-item > a:active, #side-bar .side-block .menu-item > a:hover {
background-color: #218306;
color: #fff;
transition: none;
border: 2.5px solid #fff;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75);
}
#page-content,#page-title{
letter-spacing: 0.15rem;
}
#header h1{
-webkit-transform:perspective(0.5em) rotateX(1deg);
position: absolute;
top: 1rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
}
#header h1 a{
font-size: 5rem;
}
#header h1 a:before{
color:#CDC2BD;
text-shadow: 0 -6px 0px #000, /*上*/
4px -4px 0px #000, /*右上*/
6px 0 0px #000, /*右*/
4px 4px 0px #000, /*右下*/
0 6px 0px #000, /*下*/
-4px 4px 0px #000, /*左下*/
-6px 0 0px #000, /*左*/
-4px -4px 0px #000000; /*左上*/
}
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
left: 10%;
top: 2rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
font-size: 1.5rem;
transform: rotate(-7deg);
}
#header h2 span::before {
color:#FFFF00;
text-shadow: 3.5px 3.5px 0px #404000;
animation:header 0.5s ease-out infinite;
}
@keyframes header {
0% { font-size: 1.5rem; }
50% { font-size: 1.2rem; }
100% { font-size: 1.5rem; }
}
@media (max-width: 905px) {
#header h1 a{
font-size: 3rem;
}
#header h2, #header h2 span, #header h2 span::before {
left: 6%;
top: 1.6rem;
font-size: 1.0rem;
}
@keyframes header {
0% { font-size: 1.0rem; }
50% { font-size: 0.82rem; }
100% { font-size: 1.0rem; }
}
}
@media (max-width: 600px) {
#header h1 a{
font-size: 2.5rem;
}
#header h2, #header h2 span, #header h2 span::before {
left: 9%;
top: 1.6rem;
font-size: 1.0rem;
}
@keyframes header {
0% { font-size: 1.0rem; }
50% { font-size: 0.82rem; }
100% { font-size: 1.0rem; }
}
}
#skrollr-body {
background-color: #176948;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
position: absolute;
background-size: auto 3rem;
}
#header #top-bar div.top-bar > ul > li > a,
#header #top-bar div.mobile-top-bar > ul > li > a {
color: #4C4C4C;
background-color: #C6C6C6;
transition: none;
border: 2.5px solid #000;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
#container {
background-image: radial-gradient(circle, transparent 50%, transparent 0);
background-size: 0.25em 0.25em;
background-repeat: repeat;
background-attachment: fixed;
overflow: hidden;
}
#header #top-bar div.top-bar > ul > li:hover > a,
#header #top-bar div.mobile-top-bar > ul > li:hover > a {
background-color: #218306;
color: #fff;
transition: none;
border: 2.5px solid #fff;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75);
}
#header #top-bar div.top-bar > ul > li > ul > li:hover > a,
#header #top-bar div.mobile-top-bar > ul > li > ul > li:hover > a {
background-color: #218306;
color: #fff;
transition: none;
border: 2.5px solid #fff;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75);
}
#header #top-bar div.top-bar > ul > li > ul > li > a,
#header #top-bar div.mobile-top-bar > ul > li > ul > li > a {
color: #4C4C4C;
background-color: #C6C6C6;
transition: none;
border: 2.5px solid #000;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
div#page-options-bottom-2 > a, div#page-options-bottom > a {
color: #4C4C4C;
background-color: #C6C6C6;
padding: 0.8rem 0.5rem;
margin: 0.5rem 0.2rem;
transition: none;
border: 2.5px solid #000;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
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: #218306;
color: #fff;
transition: none;
border: 2.5px solid #fff;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75);
}
.scp-image-block .scp-image-caption{
background-color: #218306;
}
.styled-quote {
background-color: #218306;
border-left: 0.5rem solid rgba(var(--gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: none;
}
.dark-styled-quote {
background-color: rgb(var(--gray-monochrome));
border-left: 0.5rem solid #218306;
color: #fff;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: none;
}
.dark-styled-quote a {
color: rgb(var(--swatch-menubg-medium-color));
}
.lightblock {
background-color: #C6C6C6;
color: #000;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
.darkblock {
background-color: #333;
color: #fff;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
.darkblock a {
color: rgb(var(--link-color));
}
.waterblock {
background-color: #2E6BE5;
color: #fff;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
.waterblock a {
color: #333;
}
.yellowblock {
background-color: #DAA520;
color: #fff;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
.yellowblock a {
color: #333;
}
.lavablock {
background-color: #c57334;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h10v10H0V10zM10 0h10v10H10V0z' fill='%23d5d637' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
color: #fff;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
.grassblock {
background-color: #176948;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
color: #fff;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
.dirtblock {
background-color: #3e312e;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
color: #fff;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60);
}
table.wiki-content-table {
box-shadow: none;
border: 1px solid #fff;
}
#page-content table.wiki-content-table tbody tr th {
background-color: #176948;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
border: 1px solid #fff!important;
color: #fff;
}
table.wiki-content-table tr td {
background-color: #3e312e;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
border: 1px solid #fff;
color: #fff;
}
.sd-container .bottom-box ul li {
color: rgb(255,255,255);
font-family:var(--body-font);
}
.sd-container .bottom-box ul li:before {
background: rgb(255,255,255);
transform: none;
}
.sd-container .top-box .gradient-box .top-text p span{
color: #fff;
font-family:var(--body-font);
}
.sd-container .top-box .gradient-box .bottom-text:after,
.sd-container .top-box .gradient-box .bottom-text p,
.sd-container .top-box .gradient-box .bottom-text p span{
color: #fff;
font-family:var(--body-font);
}
.sd-container .top-box:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
}
.sd-container .top-box .header-diamond .diamond-pattern {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
}
