查看“︁模板:Speednoclippers”︁的源代码

{{CSS|content=
:root {
    /* 标准色 */
    --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;
    --theme-link-color: #0051ff;
    --theme-link-color--hover: #2eacfe;
    --theme-link-color--rgb: 0, 81, 255;
    --theme-alert-color: #9c389c;
    --theme-alert-color--hover: #9c389c;
    --theme-accent-color: rgb(var(--dark-accent));
    --theme-accent-color--hover: rgb(var(--dark-gray-monochrome));
    --theme-accent-color--rgb: var(--dark-accent);
    --theme-page-background-color: #ededff;
    --theme-page-background-color--secondary: #ededff;
    --theme-page-background-color--rgb: 237, 237, 255;
    --theme-body-background-color: #ededff;
    --theme-page-text-mix-color-95: rgba(var(--light-gray-monochrome), .1);
    --theme-page-text-color: rgb(var(--dark-accent));
    --theme-page-text-color--rgb: var(--dark-accent);
    --theme-page-text-color--hover: rgb(var(--dark-gray-monochrome));
    --theme-border-color: rgb(var(--dark-accent));
    --theme-border-color--rgb: var(--dark-accent);
    --theme-page-text-mix-color: rgb(var(--white-monochrome));
    --theme-sticky-nav-background-color: rgb(var(--dark-accent));
    --theme-sticky-nav-text-color: rgb(var(--white-monochrome));
    --theme-sticky-nav-text-color--hover: rgb(var(--white-monochrome));
    --theme-page-dynamic-color-1: rgb(var(--dark-accent));
    --theme-page-dynamic-color-1--rgb: var(--dark-accent);
    --theme-community-header-color: rgb(var(--white-monochrome));
    --theme-community-header-color--hover: rgb(var(--white-monochrome));
    --widget-frame-text-color: rgb(var(--dark-accent));
    --widget-link-color: rgb(var(--white-monochrome));
    --widget-link-color--hover: rgb(var(--very-light-gray-monochrome));
    --widget-frame-button-background: var(--theme-link-color);
    --widget-frame-button-background--hover: var(--theme-link-color--hover);
    --widget-frame-button-icon-fill: rgb(var(--white-monochrome));
    --widget-text-color--secondary: rgb(var(--white-monochrome));
    scrollbar-color: rgba(var(--light-gray-monochrome), .6) rgba(var(--light-gray-monochrome), .1);
}

.page-side-tool {
    box-shadow: 0 0 8px rgba(var(--black-monochrome), .5);
}

.wds-widget-frame .alice-carousel__arrow svg {
    fill: rgb(var(--white-monochrome));
}

/* 背景 */
.fandom-community-header__background.fullScreen {
    background: #ededff !important;
}

/* 顶栏 */
.wds-dropdown {
    --wds-dropdown-text-color: rgb(var(--white-monochrome));
    --wds-dropdown-background-color: rgba(var(--dark-gray-monochrome), .93);
    --wds-dropdown-linked-item-color: rgb(var(--white-monochrome));
    --wds-dropdown-linked-item-background-color: rgba(46, 172, 254, .5);
    --wds-dropdown-scrollable-shadow-color: rgba(var(--black-monochrome), .5);
}
.fandom-community-header__local-navigation .wds-dropdown__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-nested .wds-dropdown-level-nested__content {
    box-shadow: 0 0 0.5em rgba(var(--black-monochrome), .5);
}

/* 标题 */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}

/* 分割线 */
hr {
    display: block;
    height: 0.0625rem;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 0.0625rem solid rgb(135, 170, 230);
}

/* 图片框 */
.page-content .thumbcaption, .right-image {
    background: rgb(var(--dark-accent)) !important;
    color: rgb(var(--white-monochrome));
    text-align: center;
    
}
.thumb .thumbcaption p {
    font-weight: bold;
}
.right-image {
    box-shadow: rgb(var(--dark-accent)) 0px 0px 5pt;
    border-color: rgb(var(--medium-accent));
    text-shadow: rgba(var(--dark-accent), 0.3) 1pt 1pt 1pt;
}

/* 脚注 */
.refpopups-box {
    background: rgb(var(--white-monochrome)) !important;
    color: rgb(var(--dark-accent)) !important;
    border-color: rgb(var(--dark-accent)) !important;
}
.refpopups-chevron-in {
    border-top-color: rgb(var(--white-monochrome)) !important;
}

.ooui-theme-fandomooui .wikitable > * > tr > th{
    background-color: rgb(var(--light-gray-monochrome));
    color: rgb(var(--white-monochrome));
}
.mw-references-wrap {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0.5rem 1.5rem;
    border-left: 0.5em solid rgba(var(--medium-accent));
    background-color: rgba(var(--medium-accent), 0.25);
    padding: 1em 0 1em 0;
    width: 95%;
}

/* 版头 */
.fandom-community-header:active, .fandom-community-header:focus, .fandom-community-header__community-name:hover {
    text-decoration: none !important;
}
.community-header-wrapper {
    position: relative;
}

.community-header-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--medium-accent)); 
    box-shadow: 0 0 0 2000px rgb(var(--medium-accent));
    clip-path: inset(0 -2000px 0 -2000px);
    z-index: -1;
}
body {
    overflow-x: hidden;
}
.fandom-community-header__community-name {
    font-size: 0;
    font-weight: 700;
}
.fandom-community-header__community-name:before {
    content: '卡赛玩家';
    font-size: 36px;
}
.fandom-community-header__community-name:after {
    content: '只为更快，只为通关';
    display: block;
    font-size: 15px;
}
.fandom-community-header__image img {
    content: url(https://backroomssandboxcn.wdfiles.com/local--files/collab%3Atheme%3Aspeednoclippers/speednoclippers.svg);
    margin-top: unset;
}
.fandom-sticky-header__logo img{
	content: url(https://backroomssandboxcn.wdfiles.com/local--files/collab%3Atheme%3Aspeednoclippers/speednoclippers.svg);
}

/* 侧栏 */
.is-rail-hidden .right-rail-toggle, .right-rail-toggle {
    background-color: rgba(var(--medium-accent), .25);
}
.wds-widget-frame {
    background-color: rgba(var(--medium-accent), .25);
}
#recent-images-module .alice-carousel__stage-item .wds-card-vertical .wds-text-card {
    background-color: rgb(var(--dark-accent));
}
.wds-widget-frame__header .wds-widget-frame__title {
    color: rgb(var(--dark-accent));
}
.wds-text-card .wds-text-card__title {
    color: rgb(var(--white-monochrome));
}
.wds-text-card .wds-text-card__title--link:hover {
    color: rgb(var(--very-light-gray-monochrome));
}
.wds-text-card__subtext {
    color: rgb(var(--white-monochrome));
}
.wds-widget-frame .alice-carousel__arrow {
    background-color: rgb(var(--dark-accent));
}
.wds-widget-frame .alice-carousel__arrow:hover {
    background-color: rgb(var(--dark-accent));
}

/* 分页 */
.wds-tabs__tab {
    flex: 1;
    text-align: center;
    padding: 10px 5px;
    border: 1px solid rgb(var(--medium-accent));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: fit-content;
    background: rgba(var(--light-gray-monochrome), .25);
    padding: 0;
}
.wds-tabs__tab.wds-is-current {
    background: rgb(var(--dark-accent));
    color: #ffffff;
    box-shadow: none;
}
.wds-tab__content.wds-is-current {
    background: rgba(var(--light-gray-monochrome), .25);
    border: 1px solid rgb(var(--dark-accent));
    padding: 0.25em 0.5em;
}
.wds-tabs__tab:hover {
    background: rgb(var(--gray-monochrome));
    color: #ffffff;
}
a {
    transition: none;
}
    
/* 标准引用块 */
blockquote {
    border: 1px dashed;
    background-color: rgba(135,170,230,.25);
    padding: 0.825em 1.25em;
}
 
/* 代码块 */
.page-content pre {
    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) !important;
    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;
}

.lightblock {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
.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));
    color:var(--theme-page-text-color);
    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));
}
}}
<noinclude>
{{DISPLAYTITLE: 版式：卡赛玩家}}
如果想要在你的页面上使用这个主题，请将如下文本放置其中：
<pre>{{Speednoclippers}}</pre>
{{TEST|Speednoclippers}}
脚<ref>注</ref>
<tabber>
分页1=
这是一个分页。
|-|
分页2=
看看我，我这有更多文字！

虽然这不能让我卡更快。
|-|
长分页=
这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

真是浪费卡赛时间
</tabber>
<blockquote>
这是一个引用块
<hr>
一条分割线
<blockquote>
嵌套块引用<ref>这是一个脚注！</ref>
</blockquote>
</blockquote>
<hr>
{{LinkCollapse|num=1|initial=+标题块|final=-折叠|body=
<div class="titleblock">
<span class="titlebox">标题示例</span>

<nowiki><div class="titleblock"></nowiki>

<nowiki><span class="titlebox">标题示例</span></nowiki>

<nowiki></div></nowiki>
</div>

<div class="dark-titleblock">
<span class="dark-titlebox">标题示例</span>

<nowiki><div class="dark-titleblock"></nowiki>

<nowiki><span class="dark-titlebox">标题示例</span></nowiki>

<nowiki></div></nowiki>
</div>}}

{{LinkCollapse|num=2|initial=+装饰块|final=-折叠|body=
<div class="styled-quote">

<nowiki><div class="styled-quote"></nowiki>

<nowiki></div></nowiki>

</div>

<div class="dark-styled-quote">

<nowiki><div class="dark-styled-quote"></nowiki>

<nowiki></div></nowiki>

</div>

<div class="styled-quote-d">

<nowiki><div class="styled-quote-d"></nowiki>

<nowiki></div></nowiki>

</div>

<div class="dark-styled-quote-d">

<nowiki><div class="dark-styled-quote-d"></nowiki>

<nowiki></div></nowiki>

</div>

<div class="lightblock">

<nowiki><div class="lightblock"></nowiki>

<nowiki></div></nowiki>

</div>

<div class="darkblock">

<nowiki><div class="darkblock"></nowiki>

<nowiki></div></nowiki>

</div>

<div class="borderblock">

<nowiki><div class="borderblock"></nowiki>

<nowiki></div></nowiki>

</div>

<div class="dark-borderblock">

<nowiki><div class="dark-borderblock"></nowiki>

<nowiki></div></nowiki>

</div>}}

{{LinkCollapse|num=3|initial=+图片块|final=-折叠|body=
<div class="logoblock">
<nowiki><div class="logoblock"></nowiki>

<nowiki></div></nowiki>
</div>

<div class="border-logoblock">
<nowiki><div class="border-logoblock"></nowiki>

<nowiki></div></nowiki>
</div>

<div class="noclipblock">
<nowiki><div class="noclipblock"></nowiki>





<nowiki>tips:用这个块多塞点字好看</nowiki>
<nowiki></div></nowiki>
</div>

<div class="dark-noclipblock">
<nowiki><div class="dark-noclipblock"></nowiki>





<nowiki>tips:用这个块多塞点字好看</nowiki>
<nowiki></div></nowiki>
</div>

<div class="noclipblock-r">
<nowiki><div class="noclipblock-r"></nowiki>





<nowiki>tips:用这个块多塞点字好看</nowiki>
<nowiki></div></nowiki>
</div>

<div class="dark-noclipblock-r">
<nowiki><div class="dark-noclipblock-r"></nowiki>





<nowiki>tips:用这个块多塞点字好看</nowiki>
<nowiki></div></nowiki>
</div>}}

{{LinkCollapse|num=4|initial=+阴影块|final=-折叠|body=
<div class="shadowblock">

<nowiki><div class=''shadowblock''></nowiki>

<nowiki></div></nowiki>

</div>
<br>
<div class="inset-shadowblock">

<nowiki><div class=''inset-shadowblock''></nowiki>

<nowiki></div></nowiki>

</div>}}
[[Category:版式]]
[[Category:卡赛玩家]]
__NOTOC__
__NOEDITSECTION__
</noinclude>