第二海托世 第二主题版式
[[embed]]
<iframe src="//interwiki.scpwikicn.com/styleFrame.html?priority=4
&type=sidebar
&override={$override}&theme=https://scp-wiki-cn.wikidot.com/theme:hytoth-two/code/1
&css={$css}" style="display: none"></iframe>
[[/embed]]
在任意页面：[[include :scp-wiki-cn:theme:hytoth-two]]
badooga制作的第二海托世·第二主题版式。它也被称作第二海托世的第二主题版式——或者在正式场合下，称为第二海托世版式·第二主题。我们重新说一遍。这是一款以玄武岩为基础、专为第二海托世教会这一GOI组织打造的版式！它是在macro_au_micro与NatVoltaic制作的Sigma-9主题基础上进行现代化改造而成，同时还加入了许多其他花样与功能。此外，我还从Liryn制作的狐步舞版式，以及sprawlingstar创作的SCP-9628中借鉴了相当一部分CSS。两者都值得一看！设定
第四圣乃是最伟大的战略家。他们不会一头扎进战斗之中；他们会在行动之前审时度势，而一旦出手，便必将取得胜利。配置
和它的母主题一样，你可以在[[include]]模块中加入主题设置，以调整本主题的部分显示效果。[[include :scp-wiki-cn:theme:hytoth-two themesetting]][[include :scp-wiki-cn:theme:hytoth-two themesetting|another-themesetting]]版式设置：颜色
以下是本版式中最常见的几种颜色：WikiJump include 未展开： 跨站引用未启用（:scp-wiki:component:theme-squares）
--hytoth-yellow，--hytoth-pink，--hytoth-red，和--hytoth-white这四个变量调用前四种颜色。示例
和平带来我们的存续。保持和平，即为奥托世。标题 1
标题 2
标题 3
标题 4
标题 5
标题 6
这是一个Tab视图。注意，其中的内容不会单独拥有一个边框；设计上，你应当在下一节中使用自定义div来承载这些内容。其他选项卡中也有相关示例可供参考。
模块div的宽度相当可观，因此很适合嵌套在Tab使用。
这一项使用的是小型模块div。如果你更喜欢默认的Tab边框，请参阅下一节。
进一步自定义
怀抱好奇，我们时刻关注着这个世界，以及它可能带给我们的一切。缤纷色彩
下面预先配置了十四种带有彩色背景的div，方便你直接使用。+ 彩色Div
[[div class="opening"]] or [[div class="ortothan-1"]]
[[div class="saduj"]] or [[div class="ortothan-2"]]
[[div class="nicole"]] or [[div class="ortothan-3"]]
[[div class="sarah"]] or [[div class="ortothan-4"]]
[[div class="bleu"]] or [[div class="ortothan-5"]]
[[div class="fondation"]] or [[div class="ortothan-6"]]
[[div class="inconnu"]] or [[div class="ortothan-7"]]
[[div class="merle"]] or [[div class="ortothan-8"]]
[[div class="affiche"]] or [[div class="ortothan-9"]]
[[div class="quatrieme"]] or [[div class="ortothan-10"]]
[[div class="samarah"]] or [[div class="ortothan-11"]]
[[div class="st-hubert"]] or [[div class="ortothan-12"]]
[[div class="comptine"]] or [[div class="ortothan-13"]]
[[div class="void"]] or [[div class="ortothan-14"]]
圆角或圆角类类，使边框转为圆角。[[div class="blockquote opening"]][[div class="jotting nicole"]][[div class="modal quatrieme"]][[div class="smallmodal comptine"]][[div class="papernote void"]]限制CSS
如果你将Tab视图或折叠块包裹在带有默认样式类的div中，就可以去除部分你可能不喜欢的华丽 CSS 效果。注意，这里仍然保留了边框，但没有独特的背景。你可能会想进一步调整CSS，对其进行自定义。
使用------创建的水平线同样不会应用版式样式。
这里也不会有Tab切换动画！
+ 普通折叠块
这里不会有任何折叠块样式或动画。
无动画类进行包裹即可。GOI组织格式代码片段
下面的代码片段专门用于第二海托世教会的GoI格式。+ 奥托世备忘录
只需使用[[div class="hytoth_memo"]]：
致Brady——
你曾要求我为你指引一些有关好奇心信条的奥托世故事。你说得没错，这一信条往往没有得到应有的重视。我们奥托世人为延续现实本身而战。在非常实际的意义上，我们都是战士，而身处战争之中的人，向来不以考虑敌人的立场、从他们身上承认美德而闻名。
我认为，这个故事恰好能很好地抵消这种冲动。这是一则古老的寓言，由第二使者讲述给保罗·亚当斯，并于1903年由后者记录下来。在故事中，七圣之一向我们展示了何谓以他人的行为来评判他人。
——Eiv-Aímact祭司Luke Moore
+ 静态滤镜
只需将static-background类添加到你的div中，即可为其背景应用静态滤镜：
——失落了。所有附近的奥托世人必须在[未知符号31]集结，大炮已经被移入行星轨道。那场宇宙之外的入侵正在减弱。诸神庇佑着我们。奥托世人将会幸存。
Rakmou-leusan死了。
诸神失落了。[漂泊星系]失落了。宇宙不受庇护。宇宙没有失落。奥托世人没有失落。奥托世人——
+ 逆模因文本
将文本放入带有antimemetic类的div中，即可使其处于不可见状态，只有在点击、悬停或获得焦点时才会显示。注意，如果你将该类直接添加到文本的常规容器上（本例中为包裹它的div.jotting），那么整个容器也都会变得不可见。
Nestor漫游之际，很快意识到自己已经迷失于宇宙之中。没过多久，他便发现，事情似乎有些不对劲。于是，虚空开口说道：迷失于宇宙之中。没过多久，他便发现，事情似乎有些不对劲。于是，虚空开口说道：
你显然不是这里的人，对吧？
Nestor始终保持警觉，回答道：
“那么，这里的‘这里’究竟是哪里？这是什么地方？”
或许，这个地方无法用描述位置的词语来概念化。依我看来，我们正处于一切存在之物的边缘。
源代码
Rakmou-leusan的希望从未消逝，也永远不会消逝。+ 展开源代码
/*
Second Second Hytoth Theme
[2026 Wikidot Theme]
Created by badooga.
Based on the Second Hytoth theme created by macro_au_micro with edits from NatVoltaic.
The Second Hytoth logo is by Taoka.
*/
@import url('https://fonts.bunny.net/css?family=Charm');
:root {
--hytoth-yellow: 255, 213, 133;
--hytoth-red: 106, 7, 2;
--hytoth-pink: 255, 211, 175;
--hytoth-white: 252, 245, 224;
--hytoth-logo-1: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ahytoth-two/logo_sh.svg');
--hytoth-logo-2: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ahytoth-two/logo_sh_2.svg');
--title: "第二海托世教会";
--subtitle: "为生命、存在即永恒";
--logo: var(--hytoth-logo-1);
--basalt-primary-color: var(--hytoth-yellow);
--basalt-secondary-color: var(--hytoth-pink);
--basalt-tertiary-color: var(--hytoth-red);
--basalt-alternate-color: var(--hytoth-white);
--basalt-overtone: 68, 68, 68;
--basalt-undertone: 169, 14, 14;
--basalt-bright-element-color: 147, 66, 0;
--basalt-dark-element-color: 68, 68, 68;
--basalt-light-text-color: var(--basalt-alternate-color);
--basalt-UI-dark-palette: var(--basalt-undertone);
--code-background-color: var(--basalt-alternate-color);
--login-status-link-background-hover: var(--basalt-overtone);
--hr-color: var(--basalt-tertiary-color);
--basalt-th-background-color: var(--basalt-tertiary-color);
--general-border-color: 67, 19, 13;
--image-caption-background-color: var(--basalt-secondary-color);
--blockquote-border-width: 0.1rem;
--link-color: var(--basalt-undertone);
--link-visited-color: 132, 32, 18;
--link-newpage-color: var(--basalt-bright-element-color);
--heading-color: var(--basalt-tertiary-color);
--header-title-color: 255, 255, 255;
--header-subtitle-color: 255, 255, 255;
--top-bar-link-color: 16, 16, 16;
--header-top-gap: 0rem;
--top-bar-height: 1.875rem;
--header-final-height: var(--top-bar-height);
--title-size: calc(0.9rem + 3.5vw);
--subtitle-size: calc(0.75rem + 2.5vw);
--icon-opacity: 85%;
--tab-background-color: var(--basalt-secondary-color);
--tab-hover-background-color: var(--basalt-undertone);
--tab-selected-background-color: var(--basalt-tertiary-color);
--tab-text-color: var(--basalt-tertiary-color);
--tab-focus-text-color: var(--basalt-secondary-color);
--tab-transition: calc(1s/3) ease-out;
--rate-module-background-color: var(--basalt-tertiary-color);
--rate-module-info-background-color: var(--rate-module-background-color); /* var(--basalt-undertone); */
--rate-module-text-color: var(--basalt-light-text-color);
--authorbox-background-color: var(--basalt-secondary-color);
}
/*----- Front Matter -----*/
/* Centered Header by sprawlingstar */
#header {
--header-font: 'Charm', cursive;
contain: initial;
height: auto;
min-height: var(--header-final-height);
position: static;
background: transparent;
box-shadow: none;
grid-template-areas:
'… . .'
'. search line top-bar user'
'h-link h-link h-link h-link h-link';
grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr max-content var(--user-button-width);
grid-template-rows: var(--header-top-gap) var(--top-bar-height) 1fr;
backdrop-filter: none;
background-image: linear-gradient(#bd4202a0, #6a0702);
border-bottom: 1rem solid #42130d;
}
#content-wrap {
background: linear-gradient(rgba(234, 112, 14, 0.8), rgb(var(--basalt-primary-color)) 6em);
}
#header h1 a span::before {
text-shadow: 3px 3px 5px #000000;
margin-bottom: 0.25rem;
}
#header h1 a span::after {
text-shadow: 1.5px 1.5px 1.5px rgba(0, 0, 0, .8);
}
#header h1 {
grid-template-columns: minmax(0, 1fr);
}
#header h1 a {
justify-content: center;
width: auto;
height: auto;
text-align: center;
flex-wrap: wrap;
pointer-events: none;
gap: 1rem calc(var(--base-header-height) * 0.125);
padding: 1rem;
box-sizing: border-box;
}
#header h1 a::before,
#header h1 a span {
height: auto;
pointer-events: auto;
}
#header h1 a::before {
width: calc(6.25rem + 5vw);
aspect-ratio: 1;
min-width: unset;
max-width: 100%;
position: absolute;
left: 50%;
opacity: var(--icon-opacity);
transform: translateX(-50%) translateY(-10%);
z-index: -1;
}
#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > ul {
box-shadow: 0px 3px 3px rgba(var(--basalt-tertiary-color), 0.5);
}
@media only screen and (max-width: 1024px) {
:root {
--main-content-side-margin: calc(0.25rem + 2.25vw);
}
#header {
grid-template-areas:
'. search . user'
'h-link h-link h-link h-link'
'top-bar top-bar top-bar top-bar';
grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr var(--user-button-width);
grid-template-rows: var(--top-bar-height) 1fr var(--top-bar-height);
}
#header h1 a::before {
margin-bottom: unset;
}
#top-bar {
--top-bar-link-color: var(--basalt-secondary-color);
}
#top-bar div.mobile-top-bar > .open-menu {
position: fixed;
left: 0;
top: var(--header-top-gap);
width: var(--side-bar-button-width);
height: var(--top-bar-height);
background-color: rgba(var(--basalt-undertone), .5);
border-radius: 0rem 1rem 1rem 0rem;
backdrop-filter: blur(4px);
}
}
#login-status span.printuser > a img {
height: 200%;
}
/* Rating Module and Author Info Components */
div.page-rate-widget-box,
div.rate-box-with-credit-button {
border: unset;
border-radius: 2px 7px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}
div.page-rate-widget-box span.btn > a::before {
background-color: #fff;
}
.authorbox {
filter: drop-shadow(0rem 0.4rem 0.7rem rgba(0, 0, 0, 0.5)) !important; /* overriding another !important */
}
.authorlink-wrapper > a {
width: unset;
--swatch-tertiary-color: var(--basalt-tertiary-color);
font-weight: 550;
font-size: 90%;
}
:is(#u-credit-view, #u-credit-otherwise) .modalbox > div:first-child {
background-color: rgb(var(--basalt-tertiary-color));
}
/*----- Side Bar and Back Matter -----*/
#side-bar::after {
inset: initial;
left: 0;
top: var(--header-top-gap);
height: var(--top-bar-height);
transition: left var(--side-bar-transition);
}
#interwiki {
--side-bar-background-color: 106, 7, 2, 0.1;
}
div.footnotes-footer {
border-left: 0;
}
.page-tags span a:not(:focus, :hover),
.page-options-bottom,
.bibitems,
.footnotes-footer {
border: 1.5px solid rgb(var(--basalt-tertiary-color));
}
#page-options-bottom-2 {
border-top-width: 0px;
}
#page-options-bottom:has(+ #page-options-bottom-2:not([style*="none"])) {
border-bottom-width: 0px;
}
#more-options-button {
color: rgb(var(--selection-text-color));
}
#edit-page-comments,
td:has(> :is(input, textarea).form-control),
#action-area :is(#page-tags-input, #parent-page-name, #move-new-page-name),
#action-area input.text {
border: solid 0.12rem rgba(var(--general-border-color), 0.4);
}
#license-area::after {
filter: brightness(0.25);
}
/*----- Page Contents -----*/
#page-content {
padding-block: 1em 2em;
}
a.newpage {
color: rgb(var(--link-newpage-color));
}
div.papernote {
background-color: rgb(var(--basalt-alternate-color));
}
/* Horizontal Rule from Cosmos Theme */
hr:not(#u-credit-view hr, #u-credit-otherwise hr, .default-style hr, .licensebox hr) {
--hr-icon-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 350 485.78' width='350' height='485.78' xmlns='http://www.w3.org/2000/svg'%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M348.255 186.2c-157.4 21.4-155.4 33.4-174.1 243.3-18.9-210-16.9-222-174.3-243.4 157.4-21.3 152.8-28.7 174.2-186.1 21.4 157.4 16.8 164.8 174.3 186.2z' data-name='Layer 1' style='fill:%23231f20' transform='translate(.895 56.39)'/%3E%3C/g%3E%3C/svg%3E");
--hr-icon-size: 2rem;
margin: .5rem 0;
background: transparent;
height: var(--hr-icon-size);
display: grid;
place-items: center;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
hr:not(#u-credit-view hr, #u-credit-otherwise hr, .default-style hr, .licensebox hr)::before,
hr:not(#u-credit-view hr, #u-credit-otherwise hr, .default-style hr, .licensebox hr)::after {
content: "";
display: grid;
grid-column: 1/2;
grid-row: 1/2;
background-color: rgb(var(--basalt-tertiary-color));
}
hr:not(#u-credit-view hr, #u-credit-otherwise hr, .default-style hr, .licensebox hr)::before {
height: 0.05rem;
width: 100%;
-webkit-mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 + 0.125rem), black calc(50% + var(--hr-icon-size)/2 + 0.125rem));
mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 + 0.125rem), black calc(50% + var(--hr-icon-size)/2 + 0.125rem));
}
hr:not(#u-credit-view hr, #u-credit-otherwise hr, .default-style hr, .licensebox hr)::after {
width: var(--hr-icon-size);
height: var(--hr-icon-size);
-webkit-mask-image: var(--hr-icon-mask);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: center;
mask-image: var(--hr-icon-mask);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
}
/*--- Table of Contents ---*/
div#toc {
background-color: rgb(var(--basalt-secondary-color));
}
div#toc #toc-action-bar {
background-color: rgb(var(--basalt-tertiary-color));
padding: 0.66rem;
}
div#toc div.title {
background-color: rgb(var(--basalt-tertiary-color));
color: rgb(var(--basalt-light-text-color));
}
#toc-action-bar a {
color: rgb(var(--basalt-light-text-color));
}
#toc-list {
background-color: rgb(var(--basalt-secondary-color));
}
/* Tables */
:is(#page-content table:not(.form), table.wiki-content-table) th {
border: solid .05rem rgb(var(--general-border-color));
}
/*--- Image Blocks ---*/
.image-block,
.scp-image-block {
background-color: transparent;
border: 1.5px solid rgb(var(--basalt-tertiary-color));
box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
}
div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
border-bottom-color: unset;
}
:is(.image-block, .scp-image-block) :is(.image-caption, .scp-image-caption) {
border-top: 1.5px solid rgb(var(--basalt-tertiary-color));
}
/*--- Headings ---*/
#page-title {
color: rgb(var(--heading-color));
font-weight: 350;
}
h1 {
color: rgb(var(--heading-color));
}
/*--- Tabviews ---*/
/* Tabs */
#page-content ul.yui-nav {
background-color: unset;
font-family: var(--body-font);
}
#page-content ul.yui-nav li {
margin: 0 0.32em 0 0;
border: 1.5px solid rgb(var(--basalt-tertiary-color));
box-shadow: 0px 3px 3px rgba(var(--basalt-tertiary-color), 0.5);
}
#page-content ul.yui-nav li:not(:focus, :hover, .selected) a em {
color: rgb(var(--tab-text-color));
}
#page-content .yui-navset.yui-navset-top > ul.yui-nav li.selected {
font-weight: unset;
}
#page-content ul.yui-nav li.selected::after {
display: none;
}
/* Tab Contents */
#page-content .yui-content:not(.default-style div) {
padding: 0;
border: none;
}
/* Tab Animation by Croquembouche */
.yui-content:not(.default-style div, .no-animation div) > div {
display: block;
top: 0;
overflow: hidden;
transform-origin: 0 0;
}
.yui-content:not(.default-style div, .no-animation div) > div[style*="none"] {
display: block !important; /* necessary to override CSS in style attribute */
flex: 0;
max-height: 0;
padding: 0 0.5em;
border-width: 0;
/* The following transition affects the one that DISAPPEARS */
transition:
padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s;
animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
.yui-content:not(.default-style div, .no-animation div) > div[style*="block"] {
display: block !important; /* necessary to override CSS in style attribute */
flex: 1;
max-height: 9999rem;
/* The following transition affects the one that APPEARS */
transition:
padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s;
animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
@keyframes tab-disappear {
0% {
max-height: 9999rem;
}
1% {
max-height: 100vh;
}
100% {
max-height: 0;
}
}
@keyframes tab-appear {
0% {
max-height: 0;
}
99% {
max-height: 100vh;
}
100% {
max-height: 9999rem;
}
}
/*--- Collapsibles ---*/
#page-content .collapsible-block-folded:not(.licensebox a, .info-container a, .default-style div),
#page-content .collapsible-block-unfolded-link:not(.licensebox a, .info-container a, .default-style div) {
width: fit-content;
margin: auto;
text-align: center;
}
/* Collapsible Link */
#page-content a.collapsible-block-link:not(.licensebox a, .info-container a, .default-style a) {
text-decoration: none;
font-weight: bold;
color: rgb(var(--basalt-light-text-color));
padding: 4px 9px 4px 7px;
background: rgb(var(--basalt-tertiary-color));
border-radius: 6px;
margin-top: 5px;
box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);
transition-duration: 0.4s;
display: inline-block;
}
#page-content a.collapsible-block-link:not(.licensebox a, .info-container a, .default-style a):hover {
background: rgb(var(--basalt-undertone));
box-shadow: none;
}
/* Collapsible Animation */
.collapsible-block-unfolded:not(.default-style div, .no-animation div) .collapsible-block-content[style*="block"] {
overflow: hidden;
animation: tab-appear 1s 1 both;
}
/*----- Custom Divs -----*/
/* Colored Blocks */
div.ortothan-1,
div.opening {
background-color: #fdd3af;
border-color: #800000;
}
div.ortothan-2,
div.saduj {
background-color: #ffd6a8;
}
div.ortothan-3,
div.nicole {
background-color: #fbf2b7;
}
div.ortothan-4,
div.sarah {
background-color: #ffab93;
}
div.ortothan-5,
div.bleu {
background-color: #e5ccff;
}
div.ortothan-6,
div.fondation {
background-color: #FCF5E0;
}
div.ortothan-7,
div.inconnu {
background-color: #c0a78e;
}
div.ortothan-8,
div.merle {
background-color: #ffeba9;
}
div.ortothan-9,
div.affiche {
background-color: #bebebe;
}
div.ortothan-10,
div.quatrieme {
background-color: #ff834f;
}
div.ortothan-11,
div.samarah {
background-color: #b2ffb2;
}
div.ortothan-12,
div.st-hubert {
background-color: #0097f2;
}
div.ortothan-13,
div.comptine {
background-color: #e4717a;
}
div.ortothan-14,
div.void {
background-color: #1f1f1f;
color: rgb(var(--basalt-light-text-color));
}
/* GoI Format Features */
div.hytoth_memo {
--memo-logo: var(--logo);
--memo-color: var(--basalt-primary-color);
border: none;
background-color: transparent;
background-position: center center;
}
.static-background {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.65'/%3E%3C/svg%3E");
}
.antimemetic {
opacity: 0;
transition-duration: 2s;
}
.antimemetic:is(:hover, :focus, :focus-within) {
opacity: 100;
}
/* Other Customizations */
.round,
.rounded {
border-radius: 10px;
}
div:is(.default-style, .no-animation) .yui-navset.yui-navset-top > .yui-nav li::before,
div:is(.default-style, .no-animation) .yui-navset.yui-navset-top > .yui-nav li a {
transition: none;
}[[include :scp-wiki-cn:component:license-box-backend|lang{$lang}=false|lang={$lang}|lang=false|author=badooga|author=false|translator=Nodear|translator=false]]======
======[[/collapsible]][[/div]]Filename: logo_sh.svg, logo_sh_2.svg
Author:
License: CC BY-SA 3.0
Derivative of:Filename: logo_sh.png
Author:
License: CC BY-SA 3.0
Source: Second Hytoth Theme
页面版本：0, 最后编辑于: 2026/8/13 18:45:54 (34 日前), 现时评分: 17