The Blockrooms

:root{
   --logo-image: none;
   --header-title: "THE BLOKROOMS";
   --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");
}