Mizuiro Y2K テーマ
SL_logo.svg
THEME
評価: +1+x
blank.png

[[include :japan-backrooms-wiki:theme:super-liminal]]



はじめに

スーパーリミナルテーマAmbersightAmbersight によって開発された Wikidot 用テーマです。このスタイルは リミナルテーマ の外観を再現しながら大幅な改良を加えたもので、将来的にはさまざまなテーマの基盤として使用される予定です。このテーマは複数のプリセットと、調整を簡単化する多くの CSS 変数を用意しています。カスタマイズの方法については後述します。スーパーリミナルテーマは今までのテーマと比較して、以下の特徴を兼ね備えています。例えば

  • よりシンプルな構造
  • より分かりやすい色指定
  • フォントサイズ・画像のモバイル表示に向けた最適化
  • すべての疑似要素アニメーションの削除
  • より多くの CSS カスタマイズ変数
  • よりフラットに表現されたデザイン
  • 細部まで行き渡るさまざまな調整



凡例

Level_0.jpg

はじめて撮影された Level 0 の写真。

Level 0 は非線形的空間であり、量販店のバックヤードのようにも見える。Level 0 のすべての部屋は均一の様式をしており、黄ばんだ壁紙や湿ったカーペット、不規則に配置された蛍光灯などを表面的な特徴として共通している。ただし、ここには二つとして同じ部屋は存在しない。


見出し1

見出し2

見出し3

  • 箇条書きリスト
  • リストその2
    • 入れ子リスト
  1. 順序付きリスト
  2. その2
これは テーブルです
これの 作りかたは
Wikidotシンタックスを確認してね

> blockquote
[[div class="blockquote"]]

[[code]]
[[div class="code"]]

[[div class="lightblock"]]

[[div class="darkblock"]]

[[div class="styled-quote"]]

[[div class="dark-styled-quote"]]

[[note]]

これは黄色です

[[span class="bblock"]]

[[span class="dblock"]]

[[span class="ruby"]][[span class="rt"]]

[[div class="meta-title"]]




プリセット

スーパーリミナルテーマには、見た目をすばやく変更できるプリセットがいくつか用意されています。プリセットを使うときは、include文を次のように変更してください:

[[include :japan-backrooms-wiki:theme:super-liminal
|preset1=a
|preset2=a
]]

superliminal-wide.png

レイアウトプリセット:画面幅拡張

|wide=a

ページの幅を拡張します。注:このテーマページでは画面幅拡張プリセットを使用しています。

superliminal-hide-title.png

レイアウトプリセット:ページタイトルの消去

|hide-title=a

ページタイトルを隠します。 .meta-title クラスを使って偽のページタイトルを表示することもできます。

superliminal-show-sidebar.png

レイアウトプリセット:サイドバーを常に表示

|show-sidebar=a

常にサイドバーが左側に表示されるようにします。ページ幅が 1024px 以下のとき、サイドバーは縮小されます。

superliminal-daytime.png

カラープリセット:デイタイム

|daytime=a

白をベースに黒文字の、クラシックなデザイン。

superliminal-nightmare.png

カラープリセット:ナイトメア

|nightmare=a

灯りを消したのは誰?



カスタマイズ

スーパーリミナルテーマは多くの、明確な CSS カスタマイズ変数セットを提供します。変数を一括で変更するには以下のコードを使用します:

[[module CSS]]
:root {
    --変数その1: 値;
    --変数その2: 値;
    ...
    --変数そのn: 値;
}
[[/module]]

注:句読点はすべて半角記号を使ってください。

警告:ほかのタブの中身はとても長い



 本文のフォントは Noto Sans JP。
 等幅フォントは Fantasque Sans Mono。


 スペシャルサンクス:
Basalt テーマ by LirynLiryn & Placeholder McDPlaceholder McD
テーマ by WoedenazWoedenaz & CroquemboucheCroquembouche
技術的サポート by hoah2333hoah2333

評価: +1+x
blank.png

このテーマは

AmbersightAmbersight さん作成の スーパーリミナルテーマetoisleetoisle さん作成の Y2K テーマ を元に EinoshimaEinoshima が作成しました。

このテーマを使用する場合は、以下のインクルードをページの最下部に挿入してください。

[[include :japan-backrooms-sandbox:draft:3358370-53-3914]]

RRAS の色合いを変えたいときは、こうしてください。

[[include :japan-backrooms-sandbox:draft:3358370-53-3914|rras-change=a]]

凡例

kawaii.jpg

Image Block

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

通常文章
Alphabet

太字 | 斜体 | 下線 | 打ち消し線 | 等幅フォント | 上付き文字下付き文字

ハイフン4つ"----"で水平線をひくことができます。


引用ブロック

ネストされた引用ブロック

ヘッダー ヘッダー ヘッダー ヘッダー ヘッダー ヘッダー
セルの内容 セルの内容 セルの内容 セルの内容 セルの内容 セルの内容

ファイルページ: KAWAII

ソース: https://www.flickr.com/photos/bellafaye8/6810585561/
ライセンス: CC BY 2.0

タイトル: My sisters' Shabby Chic Minis!!!
著作権者: Faylyne
公開年: 2012
補足:
EinoshimaEinoshimaによって加工済み

リンク (多分あなたが訪問したことのあるリンク)

  1. 番号付きリスト
  2. リストのアイテム
  3. リストのアイテム
  • 箇条書きリスト
  • リストのアイテム
  • リストのアイテム

内容1

様々なブロック

[[div class="darkblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="styled-quote"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

RRAS 色調調整機能つき


危険度: 1
空間信頼性: 安定
実体信頼性: 実体なし
情報提供待ち


危険度: 2
空間信頼性: 安定
実体信頼性: 実体なし
情報提供待ち


危険度: 3
空間信頼性: 安定
実体信頼性: 実体なし
情報提供待ち


危険度: 4
空間信頼性: 安定
実体信頼性: 実体なし
情報提供待ち


危険度: 5
空間信頼性: 安定
実体信頼性: 実体なし
情報提供待ち


危険度: n/a
空間信頼性: 安定
実体信頼性: 実体なし
情報提供待ち

:root {
    --background-color: 237, 238, 245;
    --text-color: 129, 149, 179;
    --light-color-1: var(--background-color);
    --light-color-2: 233, 236, 248;
    --dark-color-1: 162, 189, 218;
    --dark-color-2: 136, 160, 209;
    --dark-color-3: 123, 144, 180;
    --dark-color-4: 127, 162, 214;
    --warning-color: 169, 152, 187;
    --accept-color: 171, 199, 203;
    --neutral-color: 229, 231, 246;
    --cancel-color: var(--dark-color-3);
    --link-color: 96, 143, 209;
    --hover-link-color: var(--link-color);
    --visited-link-color: 125, 161, 212;
    --topbar-background-color: 184, 199, 218;
 
    /* new variable */
 
    --float-button-border-color: 220, 230, 250;
 
}
 
#container {
    min-height: 100vh;
    background-image: url(https://japan-backrooms-storage.wdfiles.com/local--files/file:3358370-145-0i8a/y2k-theme-grad.png);
    background-repeat: repeat-x;
    background-attachment: local;
    background-position-y: var(--final-header-height-on-desktop);
    background-size: 418px;
    image-rendering: pixelated;
}
 
#top-bar {
    border-top: 4px solid rgb(var(--light-color-2));
    border-bottom: 4px solid rgb(var(--dark-color-3));
}
 
#search-top-box-form .button,
div.page-rate-widget-box .rate-points,
div.page-rate-widget-box .btn,
div.rate-box-with-credit-button div.creditButton,
.page-tags span a,
div[id*=page-options-bottom] > a,
.yui-navset .yui-nav li, .yui-navset .yui-nav li.selected {
    border: 4px outset rgb(var(--float-button-border-color));
    transition: unset;
    border-radius: 0;
}
 
div.page-rate-widget-box .rate-points a,
div.page-rate-widget-box .btn a,
div.rate-box-with-credit-button div.creditButton a {
    transition: unset;
}
 
#search-top-box-form .button:hover,
div.page-rate-widget-box .rate-points:has(a:is(:hover)),
div.page-rate-widget-box .btn:has(a:is(:hover)),
div.rate-box-with-credit-button div.creditButton:has(a:is(:hover)),
.page-tags span a:hover,
div[id*=page-options-bottom] > a:hover,
.yui-navset .yui-nav li.selected {
    border: 4px inset rgb(var(--float-button-border-color));
}
 
.printuser > a:first-child {
    filter: grayscale(40%) contrast(50%) brightness(130%);
}
/* RRAS の背景色調整 */
 
.level--1>.rras--bg {
    filter: grayscale(50%) contrast(40%) brightness(140%) hue-rotate(25deg);
}
 
.level--2>.rras--bg {
    filter: grayscale(20%) contrast(40%) brightness(140%) hue-rotate(27deg);
}
 
.level--3>.rras--bg {
    filter: grayscale(50%) contrast(40%) brightness(140%) hue-rotate(340deg);
}
 
.level--4>.rras--bg {
    filter: grayscale(50%) contrast(40%) brightness(160%) hue-rotate(327deg);
}
 
.level--5>.rras--bg {
    filter: grayscale(50%) contrast(40%) brightness(160%) hue-rotate(338deg);
}
 
.level--n\/a>.rras--bg {
    filter: grayscale(50%) contrast(20%) brightness(160%);
}

このWikiのコンテンツは基本的にCC BY-SA 3.0に指定されています。例外の場合も項目内に必ず注記されています。