深海恐惧症 版式（Sigma-9）

TheDarkArtist

“示例文本”

---

深潜吧，深潜者。

tha·las·so·pho·bi·a.

/θˌalɐsəfˈə͡ʊbi͡ə/

名词

对海洋或者深水的非理性恐惧。

---

这个版式为 Fish Council 的 72 号深海站而生，一个关于二十世纪中期，基金会建造海洋设施来探索、收容海面之下数千米的多人企划。想一想你在《生化奇兵》里见过的深海潜艇、声纳技术与黄铜潜水服。

当然，这个版式不限于此。如果你试图模拟深海的恐惧，或者营造一种水下的氛围，那你就没有走错。带上这个版式，祝你好运。

---

越发阴冷，越发黑暗。

---

海草缠身之图标。迷失。无力回天。

这是 Fish^12 黑色标记笔 - 深海恐惧症版式的变体，同时也是对 EstrellaYoshte 半影的扩展。

将这些东西复制走来使用版式：

[[include :scp-wiki-cn:theme:thalassophobia-sigma]]

这个版式内置了更好的脚注与Sigma-9 居中页眉。
同时它也对Woed 的分级栏做了修改，使其在暗色背景中可见。

---

在引用版式后加上以下模块，你可以改变 LOGO、版头标题、副标题，以及从技术上来讲，主题颜色：¹

[[module CSS]]
:root {
   --lgurl: url(你的图片地址);
   --header-title: "标题";
   --header-subtitle: "副标题";
   --accentColor: 颜色;
}
[[/module]]

铜色模式
加上 |copper-mode=a 来启用本模式。

铜色链接
加上 |copper-links=a 来启用本模式。

格式示例

这是什么？一条分割线！“-----”用四条连字符来创建。

---

一个链接 | 一个你可能访问过了的链接

标题。但不是副标题。也不是版头标题。用“+”来创建。

标题

1 米

10 米

100 米

1000 米

10000 米

100000 米

制表机

快，想象这里写着“示例文本”。

制表

哦看，更多文本。

多么古雅。

长分页

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

这是一个长分页。它包含很多文本。

空分页

空分页

空分页

空分页

空分页

空分页

SCP-7714-A 长约 11 千米，但由于其 37% 都掩于海床以下，确切尺寸难以测量。

SCP-7714-A 腐烂的尸体释放出了极端大量的 CH4，若放任不管，则可能对帷幕产生威胁。

SCP-7714-A-1 指代由居住于 SCP-7714-A 内部的人性种族所建造的巨型建筑物。这些建筑已被确认为住宅，且周围发现了原始农业的证据。

你知道可以不用 > 来创建这个东西吗？

看着这条分割线。

---

就像这样！[[div class="blockquote"]]

什么？变深了！

更深！全速向底！²

更深！！！更深！！！.我是一条“更好的脚注”，我在这里还活着！

你	为什么
想要	用
表格？

作为半影的拓展，这里还是有几个 div 样式的，比如……

黑色的 [[div class="darkbox"]] div……

白色的 [[div class="lightbox"]] div..……

还有侧边框 div！

比如这个！

[[div class="limit"]]
[[div class="anchor"]]
[[div class="sidebox"]]
这里放一些侧边框文本。
[[/div]]
[[/div]]

这些文本所处位置的对应正文。

[[/div]]

---

源代码

/*
   深海恐惧症（Sigma）版式
   [2022 Wikidot Theme]
   作者：TheDarkArtist
   深海恐惧症版式的 Sigma-9 版本，以及半影的拓展版式。
*/
 
:root {
   --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Athalassophobia-sigma/logo);
   --header-title: "72 号深海站";
   --header-subtitle: "守护深海于光明之下";
   --accentColor: #E8BA56;
   --fnColor: #00AABD;
}
 
#header h1 a::before{
     font-weight: bold;
     color: var(--accentColor);
     text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 2px #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000;
}
 
#header h2::before{
     font-weight: bold;
     color: var(--accentColor);
     text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 2px #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000;
}
 
body {
    background: linear-gradient(-90deg, #020411, #000000, #020411, #000000);
    color: var(--accentColor);
}
 
::selection {color: #020411;}
 
div#container-wrap {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Athalassophobia-sigma/gradient);
}
 
div#extra-div-1 {
    background: none;
}
 
 #header::before{
     opacity: 80%;
}
 
#page-title {
    display: none;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--accentColor);
}
 
blockquote,
div.blockquote,
#toc {
    background-color: transparent;
    border: solid 1px #3a3a40;
    box-shadow: 0px 0px 0px -0.1px var(--accentColor);
}
 
a,
a.newpage,
#side-bar a,
#sidebar a:visited {
    color: #00AABD;
    transition: none;
}
 
a:visited {
    color: rgb(1, 131, 157);
    transition: none;
}
 
a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: #00AABD;
    background: transparent;
    text-decoration: underline;
}
 
.fncon {
    background: linear-gradient(-90deg, #010507, #000000, #001012, #020411);
    border: solid 1px #3a3a40;
}
 
/* ---- Link Modifier ---- */
 .yui-navset .yui-nav a,
 .yui-navset .yui-navset-top .yui-nav a{
     color: var(--accentColor);
     background-color: #010507;
     border-bottom: 3px solid var(--accentColor);
}
 
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #010507;
     background-color: var(--accentColor);
}
 
 .yui-navset .yui-content {
    background: transparent;
    border-bottom: 3px dotted var(--accentColor);
}
 
.darkbox {
    background-color: #010507;
    border-left: solid 0.26rem #6E4B00;
    border-right: solid 0.26rem #6E4B00;
}
 
.lightbox {
    border-left: solid 0.26rem #BA7F00;
    border-right: solid 0.26rem #BA7F00;
}
 
.hovertip {
    font-size: .9rem;
    background-color: #010507 !important;
    border: solid 1px #BA7F00 !important;
}
 
.footnotes-footer {
    background-color: #010507;
    box-shadow: -0.24rem 0px 0px 0px #6E4B00;
}
 
.footnotes-footer .title {
    color: var(--accentColor);
}
 
.scp-image-block {
    border: solid 8px #010507;
    border-bottom: solid 0px #010507;
    box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
    box-sizing: border-box;
    background: linear-gradient(-90deg, #080808, #001012, #080808, #001012);
}
 
.scp-image-block .scp-image-caption {
    background-color: #010507;
    border: solid 4px #010507;
    color: var(--accentColor);
    font-size: 0.84rem;
}
 
.page-rate-widget-box {
     border: solid 1px #3a3a40;
     background-color: #010507;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #010507 !important;
    color: var(--accentColor) !important;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #010507;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: var(--accentColor);
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #000000;
    color: #00AABD;
}
 
.page-rate-widget-box .cancel {
    background-color: #010507;
}
 
.page-rate-widget-box .cancel a {
    color: var(--accentColor);
}
 
.page-rate-widget-box .cancel a:hover {
    background: #000000;
    color: #00AABD;
}
 
.page-tags span {
    border-top: 1px solid var(--accentColor);
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--accentColor);
    color: #010507;
    background-color: var(--accentColor);
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    background: #010507;
    border: solid 1px #3a3a40
}
 
#page-content .collapsible-block-link {
    color: var(--accentColor);
}
 
#page-content .collapsible-block-unfolded-link {
    box-shadow: 0px -0.26rem 0px 0px var(--accentColor);
}
 
.sidebox {
    background-color: #010507;
}
 
@media (max-width: 1290px) {
    .sidebox::after {
        background-color: #010507;
    }
}
 
::-webkit-scrollbar-track {
  background: #010507;
}
 
::-webkit-scrollbar-thumb {
  background: #00AABD;
}
 
#top-bar, #top-bar a {
     color: var(--accentColor);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: #010507;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #010507;
    color: var(--accentColor);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--accentColor);
    color: #010507;
}
 
#search-top-box-form > input[type=submit] {
    border: solid 1px var(--accentColor);
    background: #010507!important;
    color: var(--accentColor);
}
 
.scale, .level-text, .class-text, .itemnum {
   color: var(--accentColor)!important;
}
 
.obj-text {
   color: #010507;
}
 
div.scale {
    --woedbar-lvl1-color: var(--accentColor);
    --woedbar-lvl2-color: var(--accentColor);
    --woedbar-lvl3-color: var(--accentColor);
    --woedbar-lvl4-color: var(--accentColor);
    --woedbar-lvl5-color: var(--accentColor);
    --woedbar-lvl6-color: var(--accentColor);
    --woedbar-class-bar-color: var(--accentColor);
}
 
div#side-bar{
    background: #010507;
}
 
#side-bar .heading{
    color: var(--accentColor);
    border-bottom: solid 1px var(--accentColor);
}
 
#side-bar .side-block,
#side-bar .side-block.media,
#side-bar .side-block.resources {
    background-color:#010507;
}
 
#top-bar div.open-menu a {
    background-color: #010507;
    border: solid 1px #010507;
}
 
#side-bar .collapsible-block-unfolded {
    color: #00AABD;
}
 
.fnnum:hover::after {
    color: #010507;
}
 
.fncon::before {
    color: #010507;
}
 
div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #00AABD;
    border-color: #00AABD;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #00AABD;
}

▷ Show Code ◁

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
 
/* Centered Header Sigma
 * [2021 Wikidot Component]
 * By Lt Flops (CC BY-SA 3.0)
 * Forked from:
   * Penumbra Theme by EstrellaYoshte
 * Also based on:
   * Centered Header BHL by Woedenaz
**/
 
/* ---- VARS ---- */
 :root{
     --titleColor: hsl(0, 0%, 95%);
     --subtitleColor: hsl(60, 62%, 85%);
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
}
 
/* ---- SITE BANNER ---- */
 #header,
 div#header{
     background-image: none;
}
 
 #header::before{
     position: absolute;
     width: 100%;
     height: 100%;
     content: "";
 
     background-image: var(--lgurl);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: auto 9em;
     opacity: .33;
}
 
 #header h1,
 #header h2{
     float: none;
     margin-left: 0;
 
     text-align: center;
}
 
 #header h1 span,
 #header h2 span{
   /* Hide the Existing Text */
     display: none;
}
 
 #header h1 a::before,
 #header h2::before{
   /* Style the New Text */
     font-family: "Montserrat", "Arial", sans-serif;
     text-shadow: none;
}
 
 #header h1 a::before{
     position: relative;
     bottom: .15em;
 
     color: var(--titleColor);
 
     font-size: 115%;
     font-weight: 700;
}
 
 #header h2::before{
     position: relative;
     top: .1em;
 
     color: var(--subtitleColor);
 
     font-size: 130%;
     font-weight: 600;
}
 
 #header h1 a::before{
   /* Set the New Text's Content From Variable */
     content: var(--header-title, "SCP FOUNDATION");
}
 
 #header h2::before{
     content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
}
 
/* ---- SEARCH ---- */
 #search-top-box{
     top: 1em;
     right: 0;
}
 
 #search-top-box-form input.button{
     margin-right: 0;
}
 
 #search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type=submit],
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus{
     border-radius: 0;
     box-shadow: none;
 
     font-size: 100%;
}
 
/* ---- TOP BAR ---- */
 #top-bar{
     right: 0;
     display: flex;
     justify-content: center;
}
 
 #top-bar ul li ul{
     border-bottom: 1px solid hsl(0, 0%, 40%);
     box-shadow: none;
}
 
/* ---- LOGIN ---- */
 #login-status{
     top: 1.1em;
     right: initial;
 
     color: hsl(0, 0%, 87%);
}
 
 #account-topbutton{
     border-color: hsl(0, 0%, 87%);
 
     font-size: 100%;
}
 
/* ---- PAGE TITLE ---- */
 .meta-title,
 #page-title{
     text-align: center;
}
 
/* ---- BREADCRUMBS ---- */
 .pseudocrumbs,
 #breadcrumbs{
     text-align: center;
}
 
/* ---- MOBILE DISPLAY ---- */
 @media (max-width: 767px){
     #search-top-box{
          top: 1.85em;
          width: unset;
    }
 
     .mobile-top-bar{
          position: relative;
          left: 0;
          display: flex;
          justify-content: center;
    }
 
     #login-status{
          top: 0;
          right: 0;
    }
 
     #header .printuser{
          font-size: 0;
    }
 
     #header .printuser img.small{
          margin: 0;
 
          transform: translate(6px, 4px);
    }
 
     #my-account{
          display: none;
    }
 
     #account-topbutton{
          margin-left: 2px;
    }
}

Footnotes

1. 但无论如何我得说改变这个颜色很有可能会让它看起来更遭，如果你成功了那就当我没说

2. 惊喜！我还活着！但你潜得还不够深。