@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/fonts/font-bauhaus.css');
@import url("https://fastly.jsdelivr.net/gh/Crimone/typefaces@main/fandol-kaiti/FandolKai-Regular.css");
:root {
--white-monochrome: 168, 210, 201;/*主色调*/
--gray-monochrome: 87, 116, 104;/*顶栏初始颜色*/
--black-monochrome: 87, 116, 104;/*字体颜色,特殊调节颜色外的所有字*/
--bright-accent: 69, 141, 138;/*代码块的滑动条颜色*/
--medium-accent: 92, 121, 109;/*板头背景颜色*/
--dark-accent: 97, 172, 168;/*编辑那一块的按钮颜色*/
--body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, Noto Sans SC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: Recursive, Noto Serif SC, Consolas, monaco, monospace;
--logo-image: url("http://scutoidbox.wikidot.com/local--files/front-page:footer/logo.png");
--header-title: "后室";
--header-subtitle: "backrooms";
}
.page-tags {
box-shadow: none;
padding: 0;
margin: 0;
font-size: 1rem;
}
.page-tags::before {
display: none;
}
.page-tags span::before {
color: rgb(var(--swatch-text-general));
font-weight: bold;
content: "标签:"
}
.titleblock {
background-color: rgb(var(--pale-gray-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: solid rgb(var(--pale-accent)) 2px;
}
.titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--pale-accent));
color: rgb(var(--white-monochrome));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.email {
background-color: rgba(90, 18, 3, 0.6);
color: rgba(217, 132, 39);
margin: 1em 0;
border-left: rgba(217, 132, 39) solid 0.5em;
}
.email-header {
background-color: rgba(217, 132, 39);
color: rgba(90, 18, 3);
padding: 1em 1em 0.5em 0.5em;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.email-options {display: flex;}
.email-options > span {
flex: auto;
background: rgba(90, 18, 3, 0.6);
border: rgba(90, 18, 3) 2px solid;
text-align: center;
padding: 0.3em 0;
position: relative;
font-size: 0.85em;
}
.email-options > span.picked::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: rgba(90, 18, 3) transparent transparent transparent;
border-width: .575em;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.email hr {
margin: 0;
height: 0;
border-top: rgba(217, 132, 39) 2px solid;
}
.email ul {
padding-left: 1em;
}
.email-user {
text-align:right;
font-size: 0.85em;
flex: auto;
}
.blanche {
background: rgba(217, 213, 204);
color: rgba(85, 60, 48);
margin: 1em 0;
border: 2px solid rgba(217, 213, 204);
font-family: var(--mono-font);
}
.blanche-topbar {
background: rgba(85, 60, 48);
padding: 0.3em 0.5em;
color: rgba(217, 213, 204);
font-size: 0.9em;
}
.blanche-header {
background-color: rgba(14, 25, 72);
text-align: center; background-image: url(http://ye-zhi-d.wikidot.com/local--files/level-c-1025/cygnus.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto 90%;
padding: 1rem 0 1rem;
text-shadow: black 3px 3px 3px;
color: rgba(217, 213, 204);
}
.brbase {
background: rgba(240, 236, 227, 1);
margin: 1em 0;
border: 2px solid rgba(217, 213, 204);
}
.brbase-header {
background-color: rgba(81, 77, 68, 1);
text-align: center;
background-image: url(https://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 150%;
padding: 1em 0 1rem;
text-shadow: black 3px 3px 3px;
color: rgba(217, 213, 204);
}
.brbase-topbar {
background: rgba(81, 77, 68, 1);
padding: 0.3em 0.5em;
color: rgba(217, 213, 204);
font-size: 1.3em;
text-align: center;
}
.scpbase {
margin: 1em 0;
border: 2px solid rgba(217, 213, 204);
background: rgba(250, 253, 247, 1)
}
.scpbase > h1 > span {
color: #901;
padding: 0 0 0.25em;
margin: 0 0 0.6em;
font-weight: normal;
}
.scpbase-header {
background: linear-gradient(0deg, #680121, #000000);
color: rgba(245, 247, 247);
height:127px;
font-family: BauhausLTDemi, Simhei, Arial, sans-serif;
}
.scpbase-topbar {
padding: 0.1px 1em;
height: 150%;
background: linear-gradient(150deg, #575352, #3c3c3c);
color: rgba(210, 213, 229, 1);
}
.mission {
font-family: Courier New, Courier, monospace;
padding: 10px 30px;
margin: 20px auto;
background: url(http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png) repeat;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
border: solid 1px #888880;
border-radius: 10px;
background-color: #999990;
margin: 10px 0 15px;
box-shadow: 3px 3px 6px #bbb;
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
background: #fcfdfb;
}
.mission-image {
width: 63px;
margin: 12px 15px 0 42px;
float: left;
}
.wandbase-header {
background: linear-gradient(0deg, #227434, #000000);
color: rgba(245, 247, 247);
height:127px;
font-family: 'zuijinregular', 'Poppins', "FandolKai-Regular", kaiti, sans-serif;
}
.fancyhr hr {
border-top: 2vw solid transparent;
background-color: rgba(255, 219, 90, 0);
height: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-image-source: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_hr.png);
border-image-repeat: round round;
background: none;
border-image-slice: 80 500 80 500 fill;
border-image-width: 10em 80em 10em 80em;
margin: 1em 0;
}
.fancyborder {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2vw solid rgba(0,0,0,0.5);
-webkit-border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
-moz-border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
-o-border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
border-image-width: 6;
padding: 2vw;
}
.hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: box-shadow 0.3s ease-out;
-webkit-transition: box-shadow 0.3s ease-out;
}
.hoverblock:hover,.hoverblock:focus{
box-shadow: 0px 4px 10px 0 rgba(0,0,0, .25);
}
.shadowblock {
background: rgba(237, 237, 255, 1);
color: rgba(var(--styled-quote-text-color));
margin: 1rem 0;
padding: 0.5rem 1rem;
box-shadow: 0.5rem 0.5rem rgb(0, 53, 145);
}
.comments {
float: right;
width: 10em;
padding: 0 1em;
margin: 1em 0 1em 1em;
border-left: solid #888888 1px;
background-color: #FFFBF0;
box-sizing: border-box;
}
.body {
padding: 0.1px 1em;
}