:root {
--theme-base: "black-highlighter";
--theme-id: "speednoclippers";
--theme-name: "SpeedNoclippers Theme";
/* Header */
--logo-image: url("http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg");
--header-title: "速切玩家";
--header-subtitle: "只为更快,只为通关";
/* 标准色 */
--white-monochrome: 248, 248, 255;
/* 白色 */
--very-light-gray-monochrome: 56, 116, 248;
/* 次强调色(应用于杂项) */
--light-gray-monochrome: 135, 170, 230;
--pale-gray-monochrome: 255, 255, 255;
/* 次强调色(登录时) */
--gray-monochrome: 84, 144, 248;
--bright-accent: 84, 144, 248;
/* 灰色 */
--black-monochrome: 0, 53, 145;
/* 黑色 */
--medium-accent: 31, 111, 247;
/* 蓝色*/
--dark-accent: 0, 53, 145;
/* 深蓝色 */
--dark-gray-monochrome: 70,130,180;
/* 评分模块颜色 */
--rating-module-button-plus-color: var(--black-monochrome);
--rating-module-button-negative-color: var(--dark-accent);
--rating-module-button-cancel-color: var(--black-monochrome);
--rating-module-button-credit-color: var(--black-monochrome);
/* 链接颜色 */
--link-color: 0, 81, 255;
--hover-link-color: 46, 172, 254;
--visited-link-color: 70,130,180;
--newpage-color: 156,56,156;
/* 背景与网站标题色 */
--background-gradient-color: var(--light-gray-monochrome);
--header-gradient-color-bottom: var(--medium-accent);
--header-gradient-color-middle: var(--black-monochrome);
--header-gradient-color-top: var(--black-monochrome);
/* 主要主题色 */
--swatch-background: var(--light-gray-blacmonochrome);
--swatch-primary: var(--bright-accent);
--swatch-primary-darker: var(--medium-accent);
--swatch-primary-darkest: var(--dark-accent);
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-image: var(--logo-image);
opacity: 1;
}
body{
background-color: rgb(237,237,255);
}
#skrollr-body {
background-image: none;
}
/* 图片块 */
.scp-image-block {
border: none;
}
.scp-image-block .scp-image-caption {
color: rgb(var(--white-monochrome));
background-color: rgb(var(--dark-accent));
}
/*评分块*/
.page-rate-widget-box {
background-color:rgb(var(--white-monochrome));
border: 0.2rem solid rgba(var(--black-monochrome));
}
/* TABVIEW */
.yui-navset .yui-content {
background-color:rgba(var( --light-gray-monochrome), .25);
border-color: rgba(var(--dark-accent), 1);
}
.yui-nav {
border-color: rgba(var(--dark-accent), 1);
}
/*未选择的tab*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgba(var(--light-gray-monochrome), .25);
color:rgb(var(--black-monochrome));
}
/*鼠标移上去的tab*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background-color: rgba(var(--gray-monochrome));
}
/*选了的tab*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgba(var(--dark-accent), 1);
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
background-color: rgba(var(--dark-accent), 1);
}
/* 标准引用块 */
blockquote, div.blockquote {
border: 1px dashed;
background-color: rgba(135,170,230,.25);
background-opacity: 0.4
}
/* 代码块 */
.code {
border: 1px solid;
background-color: rgba(135,170,230,.25);
}
/*标题块/暗色标题块(block是标题,box是正文)*/
.titleblock {
background-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: solid rgb(var(--dark-accent)) 2px;
}
.titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--dark-accent));
color: rgb(255,255,255);
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.dark-titleblock {
background-color: rgb(var(--dark-accent));
color: rgb(255,255,255);
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(255,255,255) 2px;
}
.dark-titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--white-monochrome));
color: rgb(0,0,0);
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
/*各种装饰块*/
.darkblock a{
color: #bbbbbb;
}
.styled-quote {
background-color:rgb(var(--white-monochrome));;
border-left: 0.5rem solid rgba(var(--dark-accent));
}
.darkblock {
background-color:rgb(var(--dark-accent));
}
.dark-styled-quote {
background-color:rgb(var(--dark-accent));
border-left: 0.5rem solid rgba(255,255,255);
color:rgb(var(--white-monochrome));
}
.dark-styled-quote a{
color: #bbbbbb;
}
.styled-quote-d {
background-color:rgb(var(--white-monochrome));
border-left: 0.5rem solid rgba(var(--dark-accent));
border-right: 0.5rem solid rgba(var(--dark-accent));
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);
}
.dark-styled-quote-d {
background-color:rgb(var(--dark-accent));
border-left: 0.5rem solid rgb(var(--white-monochrome));
border-right: 0.5rem solid rgb(var(--white-monochrome));
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);
}
.dark-styled-quote-d a{
color: #bbbbbb;
}
.borderblock{
background-color:rgb(var(--white-monochrome));
border: 0.25rem solid rgba(var(--dark-accent));
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);
}
.dark-borderblock{
background-color:rgb(var(--dark-accent));
border: 0.25rem solid rgb(var(--white-monochrome));
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);
}
.dark-borderblock a{
color: #bbbbbb;
}
/*有logo或者别的什么图片的块*/
.logoblock{
padding: 0.01rem 1rem;
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(--white-monochrome));
}
.logoblock::after{
content: "";
float: center;
border: solid 2px #0000;
background: url(http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg) center/25% no-repeat;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.border-logoblock{
padding: 0.01rem 1rem;
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(--white-monochrome));
border: solid 0.3rem rgb(var(--dark-accent));
}
.border-logoblock::after{
content: "";
float: center;
border: solid 2px #0000;
background: url(http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg) center/25% no-repeat;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.noclipblock{
padding: 0.01rem 1rem;
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(--white-monochrome));
}
.noclipblock::after{
content: "";
border: solid 2px #0000;
background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb) left no-repeat;
background-position: left;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.noclipblock-r{
padding: 0.01rem 1rem;
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(--white-monochrome));
}
.noclipblock-r::after{
content: "";
float: left;
border: solid 2px #0000;
background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb) right no-repeat;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.dark-noclipblock{
padding: 0.01rem 1rem;
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(--black-monochrome));
color:rgb(var(--white-monochrome));
}
.dark-noclipblock::after{
content: "";
float: left;
border: solid 2px #0000;
background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw) left no-repeat;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.dark-noclipblock-r{
padding: 0.01rem 1rem;
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(--black-monochrome));
color:rgb(var(--white-monochrome));
}
.dark-noclipblock-r::after{
content: "";
float: left;
border: solid 2px #0000;
background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw) right no-repeat;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
/*奇奇怪怪的阴影块*/
.shadowblock{
padding: 0.01rem 1rem;
box-shadow: 0.5rem 0.5rem rgb(0,53,145);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgba(135,170,230,.4);
}
.inset-shadowblock{
padding: 0.01rem 1rem;
box-shadow: inset 5em 1em rgba(31,111,247,.25), inset 8em 2em rgba(84,144,248,.25), 0.1rem 0.2rem 0.2rem rgba(0,0,0,.25);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgb(var(--white-monochrome));
border: solid 0.3rem rgb(var(--dark-accent));
}
/*sd模块*/
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
.bottom-box ul li {
color: rgb(var(--black-monochrome)) !important;
}
.bottom-box ul li:before {
background: rgb(var(--black-monochrome)) !important;
}
.top-box .header-diamond .diamond-image {
filter: brightness(0%) invert(100%);
}
.top-box {
border-color: rgb(0,53,145) !important;
}
.top-box .gradient-box {
background: linear-gradient(90deg, rgba(0,53,145,1) 0%, rgba(0,53,145,0) 36%) !important;
}
.top-box .header-diamond .diamond-image {
-webkit-mask: none !important;
mask: none !important;
}
.header-diamond,
.header-diamond::after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23003591;%7D .st1%7Bfill:%23003591;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
.top-box:before {
background: url("") !important;
}
.header-diamond .diamond-pattern {
background: url("") !important;
}
.top-box.class-0 {
background: #3874f8 !important;
}
.top-box.class-0 .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd0") center/78% no-repeat !important;
}
.header-diamond .diamond-color.class-0 {
background: #3874f8 !important;
}
.top-box.class-1, .top-box.class-2 {
background: #3874f8 !important;
}
.top-box.class-1 .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd1") center/78% no-repeat !important;
}
.top-box.class-2 .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd2") center/78% no-repeat !important;
}
.header-diamond .diamond-color.class-1,
.header-diamond .diamond-color.class-2 {
background: #3874f8 !important;
}
.top-box.class-3, .header-diamond .diamond-color.class-3 {
background: rgb(70,130,180) !important;
}
.top-box.class-3 .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd3") center/78% no-repeat !important;
}
.top-box.class-4 .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd4") center/78% no-repeat !important;
}
.header-diamond .diamond-color.class-3, {
background: rgb(70,130,180) !important;
}
.top-box.class-4, .top-box.class-5, .header-diamond .diamond-color.class-4,
.header-diamond .diamond-color.class-5 {
background: #0047c3 !important;
}
.top-box.class-5 .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd5") center/78% no-repeat !important;
}
.top-box.class-unknown {
background: #bbbbbb !important;
}
.header-diamond .diamond-color.class-unknown {
background: #bbbbbb !important;
}
.top-box.class-unknown .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd%3F") center/78% no-repeat !important;
}
.top-box.class-n\/a .header-diamond:after {
filter: none !important;
}
.top-box.class-n\/a {
background: #bbbbbb !important;
}
.header-diamond .diamond-color.class-n\/a {
background: #bbbbbb !important;
}
.top-box.class-n\/a .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdna") center/78% no-repeat !important;
}
.top-box.class-habitable {
background: #33ff55 !important;
}
.header-diamond .diamond-color.class-habitable {
background: #33ff55 !important;
}
.top-box.class-habitable .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdh") center/78% no-repeat !important;
}
.top-box.class-deadzone {
background: #ff3433 !important;
}
.header-diamond .diamond-color.class-deadzone {
background: #ff3433 !important;
}
.top-box.class-deadzone .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sddz") center/78% no-repeat !important;
}
.top-box.class-pending {
background: #bbbbbb !important;
}
.header-diamond .diamond-color.class-pending {
background: #bbbbbb !important;
}
.top-box.class-pending .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdpd") center/78% no-repeat !important;
}
.top-box.class-amended .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdam") center/78% no-repeat !important;
}
.top-box.class-omega .header-diamond .diamond-image {
background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdom") center/105% no-repeat !important;
}