このテーマは
Ambersight さん作成の スーパーリミナルテーマ と
etoisle さん作成の Y2K テーマ を元に
Einoshima が作成しました。
このテーマを使用する場合は、以下のインクルードをページの最下部に挿入してください。
[[include :japan-backrooms-sandbox:draft:3358370-53-3914]]
RRAS の色合いを変えたいときは、こうしてください。
[[include :japan-backrooms-sandbox:draft:3358370-53-3914|rras-change=a]]
凡例
見出し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
補足:
Einoshimaによって加工済み
- 番号付きリスト
- リストのアイテム
- リストのアイテム
- 箇条書きリスト
- リストのアイテム
- リストのアイテム
様々なブロック
[[div class="darkblock"]]
[[/div]]
[[div class="lightblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
RRAS 色調調整機能つき
: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%); }


