Old Greyspace Interwiki 更新分

クレジット

タイトル: Greyspace テーマ
作者: EpicNecromancer1
ローカライズ: Einoshima
作成年: 2024
ライセンス: CC BY-SA 3.0

元記事タイトル: "Liminal Greyspace"
原著者: EpicNecromancer1
作成年: 2022
ライセンス: CC BY-SA 3.0

このページの概要

Liminal Greyspaceを、 ダークリミナルテーマ を元にEinoshima がローカライズ・調整した、The Backrooms JP Wiki とその付属サイトで使用可能なテーマです。

---

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

[[include :japan-backrooms-wiki:theme:greyspace]]

ヘッダータイトルを変更したい場合は、以下の構文をインクルードの下に挿入してください。

[[module CSS]]
:root {
--header-title: "タイトル";
--header-subtitle: "サブタイトル";
}
[[/module]]

使用例

Image Block

見出し1

見出し2

見出し3

見出し4

見出し5

見出し6

通常文章
Alphabet

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

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

---

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

引用ブロック

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

タブ1

内容1

タブ2

内容2

タブ3

内容3

脚注¹

脚注

1. 脚注

ヘッダー	ヘッダー
セル	セル
結合セル

[[div class="darkblock"]]

[[/div]]

[[div class="darkerblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

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

[[/div]]

---

+ テーマコード

/*
    Greyspace Theme
    [2024 Wikidot Theme]
    by Einoshima
 
    ----
 
    This theme was based on:
 
    Liminal Greyspace Theme
    [2022 Wikidot Theme]
    by EpicNecromancer1
 
    Dark Liminal Theme
    [2021 Wikidot Theme]
    by VivamusLudio
 
    Localized by AF_XLI
 
*/
 
/* 変数の設定 */
:root {
    --theme-base: "black-highlighter";
    --theme-id: "greyspace";
    --theme-name: "Greyspace Theme";
 
    --white-monochrome: 35, 32, 30;
    --pale-gray-monochrome: 14, 11, 13;
    --light-gray-monochrome: 95, 95, 95;
    --gray-monochrome: 148, 144, 136;
    --black-monochrome: 230, 235, 239;
    --bright-accent: 105, 97, 84;
    --medium-accent: 79, 73, 62;
    --dark-accent: 107, 103, 97;
    --pale-accent: 59, 53, 40;
    --dark-gray-monochrome: 207, 207, 203;
    --light-pale-gray-monochrome: 11, 11, 11;
    --very-light-gray-monochrome: 40, 40, 40;
 
    --swatch-text-secondary-color: var(--dark-gray-monochrome);
    --swatch-menubg-dark-color: 56, 55, 55;
    --swatch-primary-darker: 31, 23, 22;
    --swatch-headerh1-color: var(--black-monochrome);
    --swatch-headerh2-color: var(--black-monochrome);
    --swatch-topmenu-border-color: var(--pale-gray-monochrome);
    --swatch-topmenu-bg-color: var(--pale-gray-monochrome);
    --swatch-text-secondary-color: var(--dark-gray-monochrome);
    --swatch-menubg-dark-color: 56, 55, 55;
    --swatch-menutxt-light-color: var(--black-monochrome);
 
    --link-color: 176, 160, 79;
    --hover-link-color: 176, 160, 79;
    --visited-link-color: 158, 152, 125;
    --newpage-color: 158, 93, 104;
 
    --border-styling: solid 0.0625rem rgb(var(--gray-monochrome));
    --gradient-header: linear-gradient(to top, rgba(var(--pale-gray-monochrome)) 0%, rgba(var(--pale-gray-monochrome), 0.20) 100%);
 
    --popup-fader-color: var(--pale-gray-monochrome), 0.65;
 
    /* 追加色2つ */
    --light-link-color: 230, 210, 11;
 
    /* Backrooms JP における interwiki のスタイル変数 */
 
    --sidebar-background-color: var(--white-monochrome);
    --sidebar-title-background-color: var(--swatch-primary-darker), 0.5;
    --sidebar-text-color: var(--black-monochrome);
    --sidebar-hover-text-color: var(--black-monochrome);
    --sidebar-border-color: var(--black-monochrome), .08;
    --sidebar-hover-background-color: var(--bright-accent), .25;
    --sidebar-title-text-color: var(--black-monochrome);
    --sidebar-title-shadow-color: var(--white-monochrome);
}
 
/* ページ背景 */
#skrollr-body {
    background-image: radial-gradient(circle, rgb(var(--pale-gray-monochrome)) 50%, transparent 0);
}
 
#container {
    background-image: radial-gradient(circle, rgb(var(--pale-gray-monochrome), 0.40) 50%, transparent 0);
}
 
/* ヘッダーのロゴ画像 */
@media (min-width: 768px) {
    #header::before {
        top: -.9rem;
    }
}
 
/* トップバーの文字色 */
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
    color: rgb(var(--black-monochrome));
}
 
/* トップバー（ホバー時）の文字色 */
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    color: rgb(var(--black-monochrome));
}
 
/* 検索ボックス */
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .25);
}
 
@supports (display:grid) {
    #search-top-box-input {
        background-color: rgb(var(--pale-gray-monochrome));
    }
}
 
@supports (display:grid) {
    @media only screen and (max-width: 768px) {
        #search-top-box-input {
            border-color: rgb(var(--very-light-gray-monochrome));
        }
    }
}
 
@supports (display:grid) {
    @media only screen and (max-width: 768px) {
        #search-top-box:not(:focus-within):before {
            background-color: rgb(var(--dark-gray-monochrome));
        }
    }
}
 
/* ログイン状態表示 */
#login-status,
#login-status a,
#account-topbutton {
    color: rgb(var(--black-monochrome));
}
 
#login-status ul a {
    color: rgb(var(--pale-gray-monochrome));
}
 
/* サイドバー */
#side-bar .side-block div a img {
    filter: grayscale(100%);
}
 
#side-bar .heading p,
#side-bar .side-block>.collapsible-block .collapsible-block-link,
.side-block .heading {
    text-shadow: none;
}
 
/* サイドバー（スマホ表示）暗幕 */
@supports (display:grid) {
    @media only screen and (max-width: 768px) {
        #side-bar:target .close-menu, #skrollr-body:target .close-menu {
            background: rgba(var(--pale-gray-monochrome), .3) 1px 1px repeat;
        }
 
        #side-bar .close-menu,#skrollr-body:target .close-menu {
            background: rgba(var(--pale-gray-monochrome),.3) .0625rem .0625rem repeat;
        }
 
        #side-bar:target .close-menu,#skrollr-body:target .close-menu {
            background: rgba(var(--pale-gray-monochrome),.3) 1px 1px repeat;
        }
 
        #side-bar:after {
            background-color: rgba(var(--pale-gray-monochrome), .2);
        }
    }
}
 
/* ページフッター */
#footer,
#license-area {
    color: rgb(var(--black-monochrome));
}
 
/* 表 */
table.wiki-content-table th {
    background-color: rgb(var(--pale-gray-monochrome)) !important;
    color: rgb(var(--black-monochrome));
    border-color: rgb(var(--black-monochrome));
}
 
/* タブ */
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    --tab-border-color: rgb(var(--medium-accent));
}
 
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--medium-accent));
}
 
.yui-navset .yui-nav .selected a:active, .yui-navset .yui-nav .selected a:focus {
    background-color: rgb(var(--medium-accent));
}
 
/* イメージブロック */
.image-block {
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
/* 目次 */
#toc {
    background-color: rgb(var(--pale-gray-monochrome));
    border-color: rgba(var(--swatch-border-color),.25);
}
 
/* 脚注 */
.footnotes-footer {
    border-left: .5em solid rgb(var(--medium-accent));
    background-color: rgb(var(--pale-gray-monochrome));
}
 
/* コードブロック */
.code {
    border: .0625rem dashed rgba(var(--medium-accent), .25);
    background-color: #eee;
    padding: 1em;
}
 
/* 引用ブロック */
blockquote,
div.blockquote {
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
/* さまざまなブロック要素 */
.lightblock {
    background-color:rgb(var(--gray-monochrome));
    color:rgb(var(--white-monochrome));
}
 
.darkblock {
    background-color:rgb(var(--white-monochrome));
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.7);
    color: rgb(var(--black-monochrome));
}
 
.styled-quote {
    background-color:rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--medium-accent));
}
 
.dark-styled-quote {
    background-color:rgb(var(--gray-monochrome));
    border-left: 0.5rem solid rgba(var(--pale-accent));
    color:rgb(var(--white-monochrome));
}
 
.darkerblock {
    background-color:rgb(var(--pale-gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color: rgb(var(--black-monochrome));
}
 
.darkblock a {
    color: rgb(var(--link-color));
}
 
.dark-styled-quote a,
.lightblock a {
    color: rgb(var(--light-link-color));
}
 
/* クレジット付きRateモジュール */
#page-content .rate-box-with-credit-button .creditButton a {
    color: white;
}
 
#page-content .rate-box-with-credit-button .creditButton a:hover {
    background-color: gray;
    color: black;
}