Basalt Memo

標準モード

:root {
    --title: " SCP財団";
    --subtitle: " 確保 • 収容 • 保護";
    --logo: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-21-21vy/basalt_logotype_black.png);
    --titleLength: 8.2rem;
}
 
#side-bar .collapsible-block-folded {
    background-image: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-27-wn18/expand.png);
}
 
.raisa_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-28-qlyx/RAISA_LIGHTLOGO.png) #fff3ad;
}
.raisa_memo>p:nth-child(1)::before {
    content: "記録・情報保安管理局より通達\00000a";
}
.classification_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-30-ubdk/CLASSIFICATION_LIGHTLOGO.png) #edf5f3;
}
.classification_memo>p:nth-child(1)::before {
    content: "分類委員会覚書\00000a";
}
.ettra_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-32-wqge/ETTRA_LIGHTLOGO.png) #f5d7d7;
}
.ettra_memo>p:nth-child(1)::before {
    content: "緊急脅威戦術対応機関より通達\00000a";
}
.ethics_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-34-2jq6/ETHICS_LIGHTLOGO.png) #ffdbc4;
}
.ethics_memo>p:nth-child(1)::before {
    content: "倫理委員会覚書\00000a";
}
.temporal_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-36-ohm1/DELTA_T_LIGHTLOGO.png) #ffffff;
}
.temporal_memo>p:nth-child(1)::before {
    content: "時間異常部門\00000a";
}
.overwatch_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-38-9n6y/O5_LIGHTLOGO.png) #e3e3e3;
}
.overwatch_memo>p:nth-child(1)::before {
    content: "監督司令部\00000a";
}
.miscomm_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-40-c6bj/MISCOMM_LIGHTLOGO.png) #eeedfa;
}
.miscomm_memo>p:nth-child(1)::before {
    content: "誤伝達部門より通達\00000a";
}
 
#page-content .rate-box-with-credit-button {
    border: none 0;
    box-shadow: none;
}
.page-rate-widget-box {
    margin-bottom: 0;
}
.page-rate-widget-box .rate-points {
    font-family: 'Work Sans', sans-serif;
}
.rate-box-with-credit-button .page-rate-widget-box .rateup a,
.rate-box-with-credit-button .page-rate-widget-box .ratedown a,
.rate-box-with-credit-button .page-rate-widget-box .cancel a {
    height: 18px;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.rate-box-with-credit-button .creditButton {
    box-sizing: border-box;
    padding: 0 2px;
    box-shadow: 0px 0px 7px #999999;
}
.rate-box-with-credit-button .creditButton a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
 
.modalcontainer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modalbox {
    width: 100%;
    box-shadow: 0 2px 6px rgb(0 0 0 / 50%);
}
 
#extra-div-1::before {
    top: 0.4rem;
}
#u-header-link {
    width: var(--titleLength);
}
@media (max-width: 1020px) {
    #extra-div-1::before {
        top: -0.2rem;
    }
    #u-header-link {
        height: 2.9rem;
        top: 0.2rem;
    }
}
@media (min-width: 1021px) {
    #top-bar {
        left: calc(var(--titleLength) + 10rem);
    }
}
 
div#search-top-box {
    top: 0.76rem !important;
}
 
#side-bar .side-block {
    overflow-x: hidden;
}
#side-bar .side-block .collapsible-block-unfolded-link {
    margin-bottom: 5px;
}
#side-bar .side-block a.collapsible-block-link {
    background: none;
    border: none 0;
    padding: 0;
}
#side-bar .side-block .collapsible-block-folded a.collapsible-block-link:hover {
    text-decoration: underline 1px;
}
#side-bar .side-block .collapsible-block-unfolded-link a.collapsible-block-link:hover {
    color: #5D5D5D;
}
@media (max-width: 767px) {
    #side-bar .side-block .collapsible-block-unfolded-link {
        padding-left: 1em;
        margin-left: -1em;
    }
    #side-bar .side-block .collapsible-block-unfolded-link a.collapsible-block-link {
        margin-left: 0;
    }
}
 
#side-bar img:not([src*="twitter" i]):not([src*="discord" i]) {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
#main-content .page-tags span {
    line-height: 1.4;
}
#main-content .page-tags a:before {
    line-height: 1.1;
}
 
#owindow-1>div.content.modal-body>h1 {
    text-transform: none;
}
#owindow-1 tr:nth-of-type(-n+4) td:nth-of-type(2)::first-letter {
    text-transform: none;
}
 
#page-version-info {
    border-style: solid;
    background: #eaeeef;
    color: #21252E;
}
.preview-message {
    background: #0C0C0C;
    border: none 0;
    box-shadow: 0 0 7px rgb(0 0 0 / 70%);
    color: #FFF;
}
.preview-message a {
    color: #7aa4eb;
}
 
.kt {
    -webkit-text-emphasis-style: filled dot;
            text-emphasis-style: filled dot;
}
.ruby, .rt {
    border-collapse: collapse;
}

以下の点で翻訳の範疇を超えた改変をしています。

• --title変数の説明にトップバーの位置に関する案内の追加
• 圏点spanとその説明の追加
• コンポーネントをincludeしている箇所 (コードブロックの直前) の構文を変更¹
• サイドバーのTwitter・Discordロゴ画像のfilterの解除
• owindowのユーザーネームとリンクのtext-transformの解除
• #page-version-info・.previre-messageに関するコードの追加

削除したコード

• .side-block.media
• wikiwalk関連
• 非使用タグin-rewriteに関する構文

ダークモード

:root {
    --logo: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-22-kg1l/basalt_logotype_darkmode.png);
}
 
.raisa_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-29-nbch/RAISA_DARKLOGO.png) rgb(20, 20, 20);
}
.classification_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-31-9ty4/CLASSIFICATION_DARKLOGO.png) rgb(20, 20, 20);
}
.ettra_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-33-pn6y/ETTRA_DARKLOGO.png) rgb(20, 20, 20);
}
.ethics_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-35-ok8s/ETHICS_DARKLOGO.png) rgb(20, 20, 20);
}
.temporal_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-37-ekpw/DELTA_T_DARKLOGO.png) rgb(20, 20, 20);
}
.overwatch_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-39-ir7w/O5_DARKLOGO.png) rgb(20, 20, 20);
}
.miscomm_memo {
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-41-38gu/MISCOMM_DARKLOGO.png) rgb(20, 20, 20);
}
 
.page-rate-widget-box {
    background: #0C0C0C;
}
#page-content .rate-box-with-credit-button {
    border: none 0;
    box-shadow: none;
}
.creditRate.creditModule .creditButton {
    background: #0C0C0C;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 70%);
}
 
.modalbox .modalbox-title {
    background: #5D5D5D;
}
.modalbox .credit-license a.cc {
    color: #999999;
}
 
#side-bar .side-block .collapsible-block-folded a.collapsible-block-link {
    filter: invert(1);
}
#side-bar .side-block .collapsible-block-unfolded-link a.collapsible-block-link:hover {
    color: #CECECE;
}
 
#side-bar img:not([src*="twitter" i]):not([src*="discord" i]),
iframe.scpnet-interwiki-frame {
    filter: grayscale(100%) saturate(0%) invert(1);
    -webkit-filter: grayscale(100%) saturate(0%) invert(1);
}
 
#page-version-info {
    border-style: solid;
    background: #eaeeef;
}
.preview-message {
    background: #0C0C0C;
    border: none 0;
    box-shadow: 0 0 7px rgb(0 0 0 / 70%);
    color: #FFF;
}
.preview-message a {
    color: #0645AD;
}

削除したコード

• .side-block.media
• .side-block.resources

• 畳みます
  • #files-button::before,
  • #edit-button::before,
  • #history-button::before,
  • #print-button::before,
  • #view-source-button::before,
  • #discuss-button::before,
  • #site-tools-button::before,
  • #tags-button::before,
  • #pagerate-button::before

レッドモード

body {
    background-image: url("https://scp-jp.wdfiles.com/local--files/component%3Aanomaly-class-bar/galactic.jpg");
}
 
.preview-message a {
    color: #ff3838;
}

削除したコード

• .side-block.resources
• .side-block.media
• wikiwalk関連

ダークサイドバー

:root {
    --sidelogo: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-22-kg1l/basalt_logotype_darkmode.png);
}
 
#side-bar img:not([src*="twitter" i]):not([src*="discord" i]),
iframe.scpnet-interwiki-frame {
    filter: grayscale(100%) saturate(0%) invert(100%);
    -webkit-filter: grayscale(100%) saturate(0%) invert(100%);
}

削除したコード

• .side-block.media
• .side-block.resources

フォント

Inter (本文フォント) が指定されている箇所と、Work Sans (見出しフォント) が指定されている箇所の大部分に、Noto Sans JPを付加しました。

• #extra-div-1::before、
• #extra-div-2::before、
• #side-bar::before、
• h1, h2, h3, h4, h5, h6、
• #page-title, .meta-title、
• #breadcrumbs

にのみ、見出しフォントとしてM PLUS 1pを付加しました。

ライセンス表記

ソース: Basalt Theme (rev.151)
原著者: Placeholder McD, Liryn
作成日(EN): 2021/07/11

画像出典

ヘッダーロゴ

ファイルページ: basalt_logotype_black.png

ソース: https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_logotype_black.png
ライセンス: CC BY-SA 3.0

タイトル: basalt_logotype_black.png
著作権者: Liryn
公開年: 2021
補足: オリジナルのSCP財団ロゴの派生です。

ファイルページ: basalt_logotype_darkmode.png

ソース: https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_logotype_darkmode.png
ライセンス: CC BY-SA 3.0

タイトル: basalt_logotype_darkmode.png
著作権者: Liryn
公開年: 2021
補足: オリジナルのSCP財団ロゴの派生です。

バナー画像

ファイルページ: BASALT_ICON_BG_3.png

ソース: https://commons.wikimedia.org/wiki/File:Misty_forest_@_Periyar_Tiger_Reserve_-_panoramio.jpg
ライセンス: CC BY 3.0

タイトル: File:Misty forest @ Periyar Tiger Reserve - panoramio.jpg
著作権者: Jaseem Hamza
公開年: 2017

ファイルページ: BASALT_ICON.png

ソース: https://scp-wiki.wikidot.com/local--files/theme:basalt/BASALT_ICON.png
ライセンス: CC BY-SA 3.0

タイトル: BASALT_ICON.png
著作権者: Liryn
公開年: 2021
補足: オリジナルのSCP財団ロゴの派生です。

プレビュー画像

ファイルページ: BASALT_DARKMODE_JP.png

ソース: http://scp-jp-storage.wikidot.com/file:5722815-42-3m88
ライセンス: CC BY-SA 3.0

タイトル: BASALT_DARKMODE_JP.png
著作権者: iti119
公開年: 2022
補足: iti119によって以下の画像を参考に作成されました。

ファイルページ: BASALT_DARKMODE.png

ソース: https://scp-wiki.wikidot.com/local--files/theme:basalt/BASALT_DARKMODE.png
ライセンス: CC BY-SA 3.0

タイトル: BASALT_DARKMODE.png
著作権者: Liryn
公開年: 2021

ファイルページ: BASALT_APOLLYON_JP.png

ソース: http://scp-jp-storage.wikidot.com/file:5722815-43-of8f
ライセンス: CC BY-SA 3.0

タイトル: BASALT_APOLLYON_JP.png
著作権者: iti119
公開年: 2022
補足: iti119によって以下の画像を参考に作成されました。

ファイルページ: BASALT_APOLLYON.png

ソース: https://scp-wiki.wikidot.com/local--files/theme:basalt/BASALT_APOLLYON.png
ライセンス: CC BY-SA 3.0

タイトル: BASALT_APOLLYON.png
著作権者: Liryn
公開年: 2021

折りたたみ背景

ファイルページ: expand.png

ソース: http://scp-wiki.wikidot.com/local--files/theme:minimal/expand.png
ライセンス: CC BY-SA 3.0

タイトル: expand.png
著作権者: stormbreath
公開年: 2020

部門ロゴ

ファイルページ: RAISA_LIGHTLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: RAISA_LIGHTLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: RAISA_DARKLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: RAISA_DARKLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: CLASSIFICATION_LIGHTLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: CLASSIFICATION_LIGHTLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: CLASSIFICATION_DARKLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: CLASSIFICATION_DARKLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: ETTRA_LIGHTLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: ETTRA_LIGHTLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: ETTRA_DARKLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: ETTRA_DARKLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: ETHICS_LIGHTLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: ETHICS_LIGHTLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: ETHICS_DARKLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: ETHICS_DARKLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: DELTA_T_LIGHTLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: DELTA_T_LIGHTLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: DELTA_T_DARKLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: DELTA_T_DARKLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: O5_LIGHTLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: O5_LIGHTLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: O5_DARKLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: O5_DARKLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: MISCOMM_LIGHTLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: MISCOMM_LIGHTLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

ファイルページ: MISCOMM_DARKLOGO.png

ソース: http://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne
ライセンス: CC BY-SA 3.0

タイトル: MISCOMM_DARKLOGO.png
著作権者: EstrellaYoshte
公開年: 不明

テーマ en 共著

Footnotes

1. acsanimation引数を有効化 (手段が正しいかどうか確認していただきたいです)