钟表 主题版式
2021年8月14日
修订 5
评分
6
↑ 6
↓ 0
支持率
100%
总票数 6
Wilson 95% 下界
61.0%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
按周聚合 加载图表中...
最近修订
1 / 2
最近投票
1 / 1
2025-09-01
2025-06-08
2022-05-24
2022-05-24
2022-05-24
2022-05-24
相关页面
暂无推荐
页面源码
[[iftags +版式]]
[[module CSS]]
@import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/normalize.min.css");
@import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css");
.scp-image-block.block-right {
background: var(--dark-gray-monochrome);
}
.scp-image-block img {
min-width: 100%;
border: 0.5rem solid transparent;
box-sizing: border-box;
}
[[/module]]
[[div_ style="display:none"]]
[[embed]]
<iframe src="//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?bhl" name="typeFrame"></iframe>
[[/embed]]
[[/div]]
-----
++ 这是什么？
[[div class="blockquote"]]
钟表版式是一个黑标暗色版式，视觉上基于 1985 年的电影《[[span class="ruby"]]神话[[span class="rt"]]Phenomena[[/span]][[/span]]》以及 1995 年的电子游戏（及其系列）《[[span class="ruby"]]钟楼惊魂[[span class="rt"]]Clock Tower[[/span]][[/span]]》。你可以将其用于任何文章之中……但是这篇文章最好带有一种黑暗、恐怖且甚至可能是超自然的氛围。
[[/div]]
----
[[=]]
+ 主题颜色
[[/=]]
[[include :scp-wiki:component:theme-squares -=-
| color1-name=Large Scissor Blades
| color1-variable=--scissor-blades
| color1-info=#C5C5D4
| color1-has-light-text=0
| color2-name=Minute Hand (Tick)
| color2-variable=--minute-hand
| color2-info=#F4F4F4
| color2-has-light-text=1
| color3-name=Hour Hand (Tock)
| color3-variable=--hour-hand
| color3-info=#363636
| color3-has-light-text=1
| subcolor1-name=Dripping Death
| subcolor1-variable=--dripping-death
| subcolor1-info=#C70000
| subcolor1-has-light-text=1
| subcolor2-name="Killer" Vision
| subcolor2-variable=--killer-vision
| subcolor2-info=#B31212
| subcolor2-has-light-text=1
| subcolor3-name=Fresh Blood
| subcolor3-variable=--fresh-blood
| subcolor3-info=#660000
| subcolor3-has-light-text=1
| subcolor7-name=Veined Spatter
| subcolor7-variable=--veined-spatter
| subcolor7-info=#420000
| subcolor7-has-light-text=1
| subcolor4-name= No.4 C#m (Op. 66)
| subcolor4-variable=--fantaisie-impromptu
| subcolor4-info=#06064B
| subcolor4-has-light-text=1
| subcolor5-name=Corvino's Eyes
| subcolor5-variable=--corvino-eye
| subcolor5-info=#2A3547
| subcolor5-has-light-text=1
| subcolor6-name=Dark, Dark Rooms
| subcolor6-variable=--dark-rooms
| subcolor6-info=#070D29
| subcolor6-has-light-text=1
| subcolor8-name=Stale Fountain Water
| subcolor8-variable=--stale-water
| subcolor8-info=#11111C
| subcolor8-has-light-text=1
]]
----
[[div class="scp-image-block block-right" style="width:300px;"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Aclock-tower/ctlogo.png]]
[[div class="scp-image-caption" style="width:width:300px;;"]]
脱逃基金会标志
[[/div]]
[[/div]]
++ 注意：这是一个基于黑色标记笔的主题版式。若你想使用此版式，你还需要导入黑色标记笔版式。[[[theme:black-highlighter-theme|点击这里了解更多]]]。
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
在你的作品开头添加如下语法以应用此版式：
[[div class="code" style="color: rgb(var(--nightmare-blue));"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki:component:toggle-sidebar-bhl]]@@
@@[[include :scp-wiki-cn:theme:clock-tower]]@@
[[/div]]
+ 示例
可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
-----
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
[[collapsible show="+ 标题" hide="- 标题"]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/collapsible]]
@@ @@
[[tabview]]
[[tab 分页]]
运用你的想象力，假装这里有乱序文本就行了。
[[/tab]]
[[tab 分页]]
看，这有更多文字。
多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
这件事发生在九月……
[[/tab]]
[[/tabview]]
@@ @@
> 这是一个引用块，在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块
>>> 还有一个[[footnote]]这里是脚注！[[/footnote]]
||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||
----
[[=]]
[[span style="font-family: var(--header-font);"]]页眉字体为 Colus / Noto Sans SC。 [[/span]]
[[span style="font-family: var(--title-font);"]]标题字体为 Gowun Batang / Noto Sans SC。[[/span]]
[[span style="font-family: var(--body-font);"]]正文与界面字体为 Jost / Noto Sans SC。[[/span]]
[[span style="font-family: var(--mono-font);"]]等宽字体为 Courier Prime / Noto Serif SC。[[/span]]
[[/=]]
-----
[[code type="css"]]
/*
Timepiece Theme
[2021 Wikidot Theme]
by JackalRelated
inspired by Phenomena and the Clock Tower series
*/
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Gowun+Batang&family=Jost&family=Nothing+You+Could+Do&display=swap');
@import url('https://scp-wiki.wdfiles.com/local--files/theme%3Aclock-tower/stylesheet-ct.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&family=Noto+Serif+SC&display=swap');
:root {
--theme-base: "black-highlighter";
--theme-id: "clock-tower";
--theme-name: "Timepiece Theme";
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aclock-tower/ctlogo.png");
--header-title: "SCP FOUNDATION";
--header-subtitle: "TICK. TOCK. TICK. TOCK.";
--body-font: 'Jost', sans-serif;
--header-font: 'Colus', serif;
--UI-font: var(--body-font);
--title-font: 'Gowun Batang', serif;
--mono-font: 'Courier Prime', monospace;
/* WHITE - GREY */
--dress-white: 250, 250, 255;
--scissor-blades: 197, 197, 212;
--winding-key: 106, 118, 138;
--minute-hand: 79, 79, 79;
--hour-hand: 54, 54, 54;
/* BLUE */
--corvino-eye: 42, 53, 71;
--rain-at-barrows: 18, 18, 107;
--stale-water: 17, 17, 28;
--dark-rooms: 7, 13, 41;
--fantaisie-impromptu: 6, 6, 75;
--nightmare-blue: 4, 4, 10;
/* RED */
--PAURAPAURA: 255, 20, 20;
--profondo-rosso: 240, 0, 0;
--dripping-death: 199, 0, 0;
--killer-vision: 179, 18, 18;
--fresh-blood: 102, 0, 0;
--veined-spatter: 66, 0, 0;
/* THEME ASSIGNMENTS */
--white-monochrome: var(--dress-white);
--pale-gray-monochrome: var(--stale-water);
--light-gray-monochrome: var(--winding-key);
--gray-monochrome: var(--minute-hand);
--dark-gray-monochrome: var(--hour-hand);
--black-monochrome: var(--nightmare-blue);
--pale-accent: var(--scissor-blades);
--bright-accent: var(--killer-vision);
--medium-accent: var(--fresh-blood);
--dark-accent: var(--veined-spatter);
--swatch-topmenu-bg-color: var(--dark-rooms);
--swatch-topmenu-border-color: var(--dark-rooms);
--swatch-background: var(--nightmare-blue);
--swatch-primary: var(--killer-vision);
--swatch-primary-darker: var(--dark-rooms);
--swatch-primary-darkest: var(--fresh-blood);
--swatch-border-color: var(--fantaisie-impromptu);
--swatch-text-dark: var(--nightmare-blue);
--swatch-text-light: var(--scissor-blades);
--swatch-text-general: var(--swatch-text-light);
--swatch-important-text: var(--bright-accent);
--swatch-menubg-color: var(--dress-white);
--swatch-menubg-light-color: var(--minute-hand);
--swatch-menubg-medium-color: var(--hour-hand);
--swatch-menubg-medium-dark-color: var(--hour-hand);
--swatch-menubg-dark-color: var(--hour-hand);
--swatch-menubg-black-color: var(--nightmare-blue);
--swatch-menubg-hover-color: var(--nightmare-blue);
--swatch-menutxt-dark-color: var(--nightmare-blue);
--swatch-menutxt-light-color: var(--scissor-blades);
--swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
--swatch-secondary-color: var(--stale-water);
--swatch-tertiary-color: var(--scissor-blades);
--swatch-alternate-color: var(--corvino-eye);
--swatch-text-secondary-color: var(--nightmare-blue);
--swatch-text-tertiary-color: var(--dress-white);
--background-gradient-distance: 0rem;
--diagonal-stripes: linear-gradient(transparent 0);
--sidebar-transition-timing: 0.8s ease-in-out 0.1s;
--hover-link-color: var(--PAURAPAURA);
--link-color: var(--profondo-rosso);
--newpage-color: var(--PAURAPAURA);
--visited-link-color: var(--profondo-rosso);
--toggle-button-bg: rgba(var(--dark-rooms), .25);
--toggle-border-color: rgb(var(--scissor-blades));
--toggle-icon-color: rgb(var(--dress-white));
--toggle-roundness: 0%;
}
:root:lang(cn) {
--header-title: "SCP基金会";
--header-subtitle: "嘀。嗒。嘀。嗒。";
--body-font: 'Jost', 'Noto Sans SC', sans-serif;
--header-font: 'Colus', 'Noto Sans SC', serif;
--UI-font: var(--body-font);
--title-font: 'Gowun Batang', 'Noto Sans SC', serif;
--mono-font: 'Courier Prime', 'Noto Serif SC', monospace;
}
/* HEADER AND TOPBAR */
#header {
--swatch-headerh1-color: var(--dress-white);
--swatch-headerh2-color: var(--dress-white);
--search-icon-color: var(--scissor-blades);
--search-icon-hover-color: var(--dress-white);
--search-icon-hover-bg-color: var(--fresh-blood);
--search-textbox-text-color: 0,0,0,0;
--search-icon-focus-color: var(--dress-white);
--search-icon-focus-bg-color: var(--fresh-blood);
--search-focus-outline-color: var(--killer-vision);
--search-focus-textbox-bg-color: var(--minute-hand);
--search-focus-textbox-text-color: var(--scissor-blades);
--login-line-divider-color: var(--killer-vision);
--login-username-color: var(--scissor-blades);
--login-myaccount-color: var(--scissor-blades);
--login-myaccount-underline-color: var(--veined-spatter);
--login-myaccount-hover-bg-color: var(--fresh-blood);
--login-arrow-color: var(--scissor-blades);
--login-dropdown-bg-color: var(--stale-water);
--login-dropdown-bg-image: var(--stale-water);
--login-dropdown-border-color: var(--hour-hand), 0.5;
--login-dropdown-text-color: var(--scissor-blades);
--login-dropdown-text-hover-color: var(--dress-white);
--login-dropdown-bg-hover-color: var(--corvino-eye);
--login-mobile-icon-color: var(--scissor-blades);
--login-mobile-icon-hover-color: var(--dress-white);
--login-mobile-icon-hover-bg-color: var(--fresh-blood);
}
#header h1 {
height: var(--header-height-on-desktop);
}
#header h2 span::before {
margin-left: -0.2rem;
}
#extra-div-1,
#extra-div-2,
#extra-div-3,
#extra-div-4 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
#extra-div-1,
#extra-div-4 {
background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aclock-tower/color-bg.png);
background-size: calc(var(--header-height-on-desktop) * 4);
}
#extra-div-2,
#extra-div-3 {
background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aclock-tower/ctfog.gif);
background-position: bottom -10rem center;
background-size: 100vmax;
}
#extra-div-2 {
mix-blend-mode: overlay;
opacity: 0.7;
}
#extra-div-3 {
mix-blend-mode: screen;
opacity: 0.6;
}
#extra-div-4 {
mix-blend-mode: color;
}
#top-bar {
--topmenu-category-color: var(--dress-white);
--topmenu-category-hover-color: var(--scissor-blades);
--topmenu-hover-border-color: var(--killer-vision);
--mobile-topmenu-sidebar-button-color: var(--dress-white);
--dropdown-bg-color: var(--stale-water), 0.9;
--dropdown-border-color: var(--hour-hand), 0.5;
--dropdown-links-color: var(--scissor-blades);
--dropdown-links-hover-color: var(--dress-white);
--dropdown-links-hover-bg-color: var(--corvino-eye);
}
/* BREADCRUMBS */
#breadcrumbs a:hover,
.pseudocrumbs a:hover,
#breadcrumbs a:active,
.pseudocrumbs a:active {
color: rgb(var(--dress-white));
text-decoration: none;
}
#breadcrumbs a:focus-within,
.pseudocrumbs a:focus-within {
color: rgb(var(--dress-white));
text-decoration: none;
}
/* SCROLLBAR AND SIDEBAR */
html,body {
scrollbar-color:
rgb(var(--hour-hand))
rgb(var(--veined-spatter));
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
width: 18px;
background: #transparent;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
background: rgb(var(--hour-hand));
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
background: rgb(var(--veined-spatter));
border: rgb(var(--veined-spatter)) 1px solid;
border-radius: 0px;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
background: rgb(var(--fresh-blood));
}
#side-bar {
--sidebar-bg-color: var(--nightmare-blue);
--sidebar-resources-bg-color: var(--corvino-eye), 0.25;
--sidebar-media-bg-color: var(---corvino-eye), 0.25;
--sideblock-heading-border-color: var(--fresh-blood);
--sideblock-heading-text-color: var(--dress-white);
--sidebar-border-color: var(--swatch-border-color), 0.08;
--sidebar-subtest-color: var(--swatch-primary);
--sidebar-links-text: var(--scissor-blades);
--sidebar-links-hover-bg-color: var(--killer-vision);
--sidebar-links-hover-text-color: var(--dress-white);
--sidebar-collapsible-fld-link-hover-color: var(--dress-white);
--sidebar-collapsible-fld-arrow-hover-color: var(--dress-white);
}
hr {
background-color: rgb(var(--fantaisie-impromptu));
}
.code {
background-color: rgb(var(--scissor-blades));
}
.scp-image-block .scp-image-caption {
border-top: .0625rem outset rgba(var(--fresh-blood),1);
background-color: rgb(var(--dark-rooms));
color: var(--dress-white);
}
.scp-image-block {
box-shadow: none;
border: none;
}
/* MAIN CONTENT */
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
filter: hue-rotate(0deg);
}
#main-content {
--tabs-bg: var(--swatch-secondary-color);
--tabs-txt: var(--scissor-blades);
--tabs-hover-bg: var(--rain-at-barrows);
--tabs-hover-txt: var(--dress-white);
--tabs-selected-bg: var(--fresh-blood);
--tabs-selected-txt: var(--dress-white);
--tabs-selected-outline: var(--fresh-blood);
--tabs-bottom-border-color: var(--rain-at-barrows);
--tabs-content-bg-color: var(--fantaisie-impromptu), 0.25;
--tabs-content-border-color: var(--nightmare-blue);
--tables-header-bg: var(--veined-spatter);
--tables-border: var(--minute-hand);
--tables-body-bg: var(--dark-rooms), 0.25;
--toc-header-bg-color: var(--dark-rooms);
--toc-header-text-color: var(--scissor-blades);
--toc-header-text-hover-color: var(--dress-white);
--toc-body-bg-color: var(--stale-water);
--toc-body-link-color: var(--scissor-blades);
--ui-icon-color: var(--dress-white);
--ui-icon-bg: var(--stale-water);
--ui-icon-hover-color: var(--scissor-blades);
--ui-icon-hover-bg: var(--killer-vision);
--blockquote-bg-color: var(--fantaisie-impromptu), 0.25;
--blockquote-border-color: var(--hour-hand);
--blockquote-colorbar-color: var(--fresh-blood), 1;
--footnotes-footer-colorbar-color: var(--fresh-blood);
--footnotes-footer-title-bg-color: var(--fresh-blood);
--footnotes-footer-title-text-color: var(--scissor-blades);
--pagetags-title-bg: var(--fresh-blood);
--pagetags-title-text: var(--scissor-blades);
--pagetags-text-color: var(--dripping-death);
--pagetags-text-hover-color: var(--dress-white);
--pagetags-text-hover-bg-color: var(--fantaisie-impromptu);
}
table.wiki-content-table th {
color: var(--scissor-blades);
font-family: var(--title-font);
}
:root {
--hoverblock-header-bg: var(--fresh-blood);
--hoverblock-header-txt: var(--dress-white);
--hoverblock-footer-txt: var(--scissor-blades);
--ui-button-hover-bg: var(--swatch-primary);
--ui-button-hover-txt: var(--scissor-blades);
}
/* FOOTERS AND BELOW */
.page-source {
background: rgb(var(--dark-rooms));
font-family: var(--mono-font);
}
#lock-info, div.note, input.checkbox, input.text, textarea {
font-family: var(--body-font);
}
#footer {
--footer-bg-color: var(--dark-rooms);
--footer-text-color: var(--scissor-blades);
--footer-link-color: var(--dress-white);
--footer-link-hover-color: var(--winding-key);
--footer-link-hover-bg-color: var(--fantaisie-impromptu);
}
#license-area {
--license-bg-color: var(--nightmare-blue);
--license-text-color: var(--scissor-blades);
--license-link-color: var(--dress-white);
--license-link-hover-color: var(--killer-vision);
--license-link-hover-bg-color: var(--winding-key);
}
/* TOGGLE SIDEBAR (BHL) CHANGES */
@supports((display: -ms-grid) or (display: grid)) {
@media only screen and (min-width: 769px) {
#main-content::before {
background: rgba(var(--fantaisie-impromptu), .45) 1px 1px repeat;
}
}
}
#side-bar:hover,
#side-bar:active {
scrollbar-color:
rgb(var(--veined-spatter)
rgb(var(--hour-hand), 1);
border-color: rgba(var(--veined-spatter), 1);
}
#side-bar::-webkit-scrollbar-track,
#side-bar:hover::-webkit-scrollbar-track {
background-color: rgb(var(--hour-hand);
}
#side-bar::-webkit-scrollbar-thumb {
background-color: rgb(var(--veined-spatter));
}
#side-bar:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--fresh-blood));
}
[[/code]]
[[/iftags]]
[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[module CSS]]
@import url(https://scp-wiki-cn.wikidot.com/theme:clock-tower/code/1);
[[/module]]
[[div_ style="display:none"]]
[[embed]]
<iframe src="//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?%3Aroot%7B--dress-white%3A%20250%2C250%2C255%3B--scissor-blades%3A%20197%2C197%2C212%3B--corvino-eye%3A%2042%2C53%2C71%3B--fantaisie-impromptu%3A%206%2C6%2C75%3B--nightmare-blue%3A%204%2C4%2C10%3B--killer-vision%3A%20179%2C18%2C18%3B--fresh-blood%3A%20102%2C0%2C0%3B--swatch-primary%3A%20var(--killer-vision)%3B--swatch-border-color%3A%20var(--fantaisie-impromptu)%3B--body-font%3A%20'Jost'%2C'Noto%20Sans%20SC'%2Csans-serif%3B--UI-font%3A%20var(--body-font)%3B%7D.side-block%7B--sidebar-bg-color%3A%20var(--nightmare-blue)%3B--sidebar-resources-bg-color%3A%20var(--corvino-eye)%2C0.25%3B--sidebar-media-bg-color%3A%20var(---corvino-eye)%2C0.25%3B--sideblock-heading-border-color%3A%20var(--fresh-blood)%3B--sideblock-heading-text-color%3A%20var(--dress-white)%3B--sidebar-border-color%3A%20var(--swatch-border-color)%2C0.08%3B--sidebar-subtest-color%3A%20var(--swatch-primary)%3B--sidebar-links-text%3A%20var(--scissor-blades)%3B--sidebar-links-hover-bg-color%3A%20var(--killer-vision)%3B--sidebar-links-hover-text-color%3A%20var(--dress-white)%3B%7D" name="styleFrame"></iframe>
[[/embed]]
[[/div]]