AREA-TRITON 見た目確認ページ
Area-Triton Theme
ver.2
これはkihaku によるArea-Tritonカノンのために作られたテーマです。使用するには、以下をあなたの記事にコピーペーストしてください:
[[include :bokusatsu:theme:area-triton-theme]]
構成色
neritic--neritic(240, 250, 255)
sunlight--sunlight(144, 230, 255)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
oceanic--oceanic(200, 225, 255)
twilight--twilight(45, 186, 225)
midnight--midnight(28, 140, 192)
abyss--abyss(11, 56, 90)
hadal--hadal(2, 27, 47)
triton--triton(0, 12, 20)
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}
使い方
本スタイルの適用方法
/*ファーストビューのロゴ及び背景表示*/
[[div class="skrollr-container"]]
[[div class="banner banner-1"]]
[[/div]]
[[div class="banner banner-2"]]
[[/div]]
[[/div]]
/*本文表示エリアの定義*/
[[div class="content-container"]]
本文
[[/div]]文章
[[div class="image-block-break"]]
[[/div]]
[[div class="scp-image-block block-center scp-clear-false" style="width:200px;"]]
[[image http://scp-jp-storage.wikidot.com/local--files/file:7069044-298-qquh/kmytg-wb-logo {$alt}="{$alt-text}" link=#]]
[[div class="scp-image-caption"]]
文章
[[/div]]
[[/div]]ハイフン4つ"——"で水平線を引くことができます。
これは引用ブロックです。各行の先頭に半角の「> 」を置くことで作成されます。
追加のテキスト
これは罫線です
入れ子になった引用ブロック
装飾要素
ノーマルblockquote
[[div class="blockquote"]]
装飾blockquote
ホバーすると背景がhazeになる。
[[div class="blockquote switch"]]
動的な背景。
[[div class="blockquote haze"]]
濃い。
[[div class="blockquote dark"]]
装飾コンテンツボックス
コンテンツボックス
[[div class="content-container-in"]]
見出し付きblockquote。
[[div class="blockquote title" data-title="コンテンツ名"]]
色分け出来るボックス。本文をこれの中に入れて実装。重ねると色が交互になる。
[[div class="item"]]
こんな感じに。
交互に。
色が変わる。
これはメモブロックです。
[[note]]
| これは | テーブルです |
|---|---|
| もう | 作り方は |
| 知っているはずです | |
偽のセレクタ{
偽のプロパティ: 偽の値;
}
{{@@[[code]]@@}}章題
[[div class="section"]]で見出し箇所を挟む。折りたたみ目次
[[include :scp-jp-sandbox3:draft:7069044-80-e65d]]を
このテーマのincludeの下に記入し、
[[div class="content-container"]]
の上に、
[[div class="port-toc"]]
[[collapsible show="◀" hide="◁"]]
[[toc]]
[[/collapsible]]
[[/div]]
をおくと、画面右横に折りたたみ可能な目次が追加されます。本ページに適応済。深度表示 / 章題
沿岸水域
沿岸水域 (The Neritic Zone)
[[div class="bet-location"]]
[[div class="neritic"]]
+* 沿岸水域
**沿岸水域 (The Neritic Zone)**
[[/div]]
[[/div]]0~200m
海面表層 (The Sunlight Zone)
[[div class="bet-location"]]
[[div class="sunlight"]]
+* 0~200m
**海面表層 (The Sunlight Zone)**
[[/div]]
[[/div]]200~1000m
中深層 (The Twilight Zone)
[[div class="bet-location"]]
[[div class="twilight"]]
+* 200~1000m
**中深層 (The Twilight Zone)**
[[/div]]
[[/div]]1000~4000m
漸深層 (The Midnight Zone)
[[div class="bet-location"]]
[[div class="midnight"]]
+* 1000~4000m
**漸深層 (The Midnight Zone)**
[[/div]]
[[/div]]4000~6000m
深海層 (The Abyssal Zone)
[[div class="bet-location"]]
[[div class="abyss"]]
+* 4000~6000m
**深海層 (The Abyssal Zone)**
[[/div]]
[[/div]]6000~11000m
超深海層 (The Hadal Zone)
[[div class="bet-location"]]
[[div class="hadal"]]
+* 6000~11000m
**超深海層 (The Hadal Zone)**
[[/div]]
[[/div]]Area-Triton
狂乱深域 (Area-Triton)
[[div class="bet-location"]]
[[div class="triton"]]
+* Area-Triton
**狂乱深域 (Area-Triton)**
[[/div]]
[[/div]]見た目の変更
The Neritic Zone
[[div class="error-block"]]
Included page "area-triton-theme" does not exist ([http://bokusatsu.wikidot.com/area-triton-theme/edit/true create it now])
[[/div]]The Midnight Zone
[[div class="error-block"]]
Included page "area-triton-theme" does not exist ([http://bokusatsu.wikidot.com/area-triton-theme/edit/true create it now])
[[/div]]The Hadal Zone
[[div class="error-block"]]
Included page "area-triton-theme" does not exist ([http://bokusatsu.wikidot.com/area-triton-theme/edit/true create it now])
[[/div]]The Triton Zone
[[div class="error-block"]]
Included page "area-triton-theme" does not exist ([http://bokusatsu.wikidot.com/area-triton-theme/edit/true create it now])
[[/div]]Rate box & Creditの配置
見出しフォント Shippori Mincho.
文字数: 8628
ページリビジョン: 50, 最終更新: 10 Oct 2025 17:07