パレットテーマ

このページはカスタムテーマページです。

Wiki内で使用されているカスタムテーマのためのページです。

運用について、詳しくはcategory-policy・custom-theme-policyを参照してください。

クレジット

タイトル: パレットテーマ
著者: takion00
作成年: 2025

任意のページに:
[[include :scp-jp:theme:parallel]]
[[include :scp-jp:theme:palette]]

これは何?

takion00が美しく便利なページを作成するために平行版式をベースに作成したテーマです。また、一氧化物Ⅲ 基础版式とBasalt Themeと版式：超阈限から一部のコードを引用しています。

ソースコード

+ 開く

:root {
    --basalt-primary-color: 254, 254, 254;
    --basalt-secondary-color: 247, 248, 250;
    --basalt-tertiary-color: 74, 72, 82;
    --basalt-main-text-color: 20, 20, 20;
    --basalt-overtone: 50, 50, 50;
    --basalt-undertone: 144, 204, 254;
 
    --basalt-bright-element-color: 16, 76, 184;
    --basalt-dark-element-color: 18, 20, 150;
    --basalt-darker-element-color: 8, 10, 60;
    --basalt-alternate-color: 255, 132, 0;
    --basalt-positive-color: 24, 163, 20;
    --basalt-negative-color: 255, 48, 48;
    --basalt-sub-text-color: 155, 154, 162;
 
    --header-color-one: 255, 100, 100;
    --header-color-two: 158, 176, 180;
 
    --modal-saving-color: #87ceeb;
    --mox-page-tags-text: 'タグ';
    --mox-rename-option-delete-text: '警告：この操作により、このページは完全に削除され、データを復元することはできません。本当に実行しますか？';
    --mox-action-area-close-text: '閉じる';
    --mox-show-version-text: 'バージョンを表示';
    --mox-show-source-text: 'ソースを表示';
    --mox-revert-version-text: 'リビジョンの差し戻し';
    --mox-who-watches-page-p-text: 'このページが変更またはコメントされたときに通知を受け取る人。';
    --mox-who-watches-page-h1-text: 'このページをウォッチしている人';
    --mox-button-close-message-text: '閉じる';
    --mox-orphaned-pages-h1-text: '孤立したページ';
    --mox-orphaned-pages-p-text: '以下は、他のページからのリンクがないページのリストです（少なくとも[[[pagename]]]構文で生成された内部リンクはありません）。ここにリストされているからといって、必ずしも問題があるわけではありません。特別なページで、リンクを持たない（フォーラムページのように持つべきでない）場合もあります。ただし、時々このリストを確認することをお勧めします。';
    --mox-draft-pages-h1-text: '下書きページ';
    --mox-draft-pages-p-text: '以下は下書きとして保存されているページのリストです。';
    --mox-wanted-pages-btn-text: '作成待ちページリスト';
    --mox-orphaned-pages-btn-text: '孤立ページリスト';
    --mox-draft-pages-btn-text: '下書きページリスト';
 
    --note-background-color: 255, 242, 114;
    --note-text-color: 24, 27, 27;
    --note-border-color: 24, 27, 27, 0.5;
    --general-transition-time-slow: 0.3s;
 
}
 
div#rename-option-delete p::before {
    font-size: 1rem;
    content: var(--mox-rename-option-delete-text);
    color: var(--mox-warn-color);
}
 
div#rename-option-delete p {
    font-size: 0;
}
 
a.action-area-close.btn {
    content: var(--mox-action-area-close-text);
    font-size: 1rem;
}
 
a.action-area-close.btn.btn-danger {
    font-size: 0;
}
 
a[onclick*="showVersion"]::before {
    content: var(--mox-show-version-text);
}
 
a[onclick*="showSource"]::before {
    content: var(--mox-show-source-text);
}
 
a[onclick*="PageHistoryModule.listeners.revert"]::before {
    content: var(--mox-revert-version-text);
}
 
div#action-area:has(ul[style*="list-style: none"]) p {
    font-size: 0;
}
 
div#action-area:has(ul[style*="list-style: none"]) p::before {
    font-size: 1rem;
    content: var(--mox-who-watches-page-p-text);
}
 
div#action-area:has(ul[style*="list-style: none"]) h1 {
    font-size: 0;
}
 
div#action-area:has(ul[style*="list-style: none"]) h1::after {
    font-size: 1rem;
    content: var(--mox-who-watches-page-h1-text);
}
 
a.btn.btn-default.button.button-close-message {
    font-size: 0 !important;
}
 
a.btn.btn-default.button.button-close-message::before {
    font-size: 1rem;
    content: var(--mox-button-close-message-text);
}
#main-content div#st-wanted-pages-button-hovertip div.content::before {
    font-size: 1rem;
    content: "存在しない(まだ存在しない)ページへの"リンク切れページ"を一覧表示します。";
}
#main-content div#st-orphaned-pages-button-hovertip div.content::before {
    font-size: 1rem;
    content: "他のページからリンクされていない孤立したページを一覧表示します。";
}
#main-content div#st-draft-pages-button-hovertip div.content::before {
    font-size: 1rem;
    content: "保存済みの下書きがあるページの一覧を表示します。";
}
 
#main-content :is(a#st-wanted-pages-button, a#st-orphaned-pages-button, a#st-draft-pages-button) {
    font-size: 0;
}
#main-content :is(#st-wanted-pages-button-hovertip,#st-orphaned-pages-button-hovertip, a#st-draft-pages-button-hovertip) .content {
    font-size: 0;
}
 
#main-content a#st-wanted-pages-button::before {
    font-size: 1rem;
    content: var(--mox-wanted-pages-btn-text);
}
 
#main-content a#st-orphaned-pages-button::before {
    font-size: 1rem;
    content: var(--mox-orphaned-pages-btn-text);
}
 
#main-content a#st-draft-pages-button::before {
    font-size: 1rem;
    content: var(--mox-draft-pages-btn-text);
}
 
div#st-action-area:has(:is(p,tt,u)) h1 {
    font-size: 0;
}
 
div#st-action-area:has(:is(p,tt,u)) h1::after {
    font-size: 2rem;
    content: var(--mox-orphaned-pages-h1-text) !important;
}
 
div#st-action-area:has(:is(p,tt,u)) p:has(tt) {
    font-size: 0;
}
 
div#st-action-area:has(:is(p,tt,u)) p:has(tt)::before {
    font-size: 1rem;
    content: var(--mox-orphaned-pages-p-text);
}
 
div#st-action-area:not(:has(tt)) p:not(:has(tt)) {
    font-size: 0;
}
 
div#st-action-area:not(:has(tt)) p:not(:has(tt))::before {
    font-size: 1rem;
    content: var(--mox-draft-pages-p-text);
}
 
div#st-action-area:not(:has(tt)) h1 {
    font-size: 0;
}
 
div#st-action-area:not(:has(tt)) h1::after {
    font-size: 2rem;
    content: var(--mox-draft-pages-h1-text) !important;
}
 
div#st-action-area:has(div.wanted-pages-module) h1 {
    font-size: 2rem !important;
}
 
div#st-action-area:has(div.wanted-pages-module) p {
    font-size: 1rem !important;
}
 
div#st-action-area:has(div.wanted-pages-module) p::before {
    display: none !important;
}
 
div#st-action-area:has(div.wanted-pages-module) h1::after {
    display: none !important;
}
iframe#odialog-shader-iframe {
    user-select: none;
    pointer-events: none;
}
 
iframe#odialog-shader-iframe+div#odialog-shader {
    pointer-events: none;
    user-select: none;
}
 
iframe#odialog-shader-iframe+div#odialog-shader {
    pointer-events: none;
    user-select: none;
    animation: savingpages-fadeout 0.25s forwards 3.5s;
}
 
@keyframes savingpages-fadeout {
    0% {
        opacity: 1;
    }
 
    100% {
        opacity: 0;
    }
}
 
@keyframes savingpages-fontsize0 {
    0% {
        font-size: 1rem;
    }
 
    100% {
        font-size: 0rem;
    }
}
 
@keyframes savingpages-fontsize1 {
    0% {
        font-size: 0rem;
    }
 
    100% {
        font-size: 2rem;
    }
}
 
@keyframes savingpages-fontsize2 {
    0% {
        font-size: 0rem;
    }
 
    100% {
        font-size: 1rem;
    }
}
 
/*Basaltテーマよりフォーク*/
 
div[class$="_memo"] {
    background: var(--memo-logo) rgba(var(--memo-color), 1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 4rem;
    margin-inline: auto;
    margin-block: 2rem;
    padding-inline: 20px;
    padding-block: 10px;
    border: solid 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
 
div[class$="_memo"]::before {
    content: var(--memo-heading);
    font-family: var(--UI-font);
    font-weight: 900;
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 1rem auto;
    display: flex;
    flex-direction: column;
    padding-top: 0.5em;
}
div.raisa_memo {
    --memo-heading: "記録・情報保安管理局より通達";
    --memo-logo: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-28-qlyx/RAISA_LIGHTLOGO.png);
    --memo-color: 255, 243, 173;
}
 
div.classification_memo {
    --memo-heading: "分類委員会による覚書";
    --memo-logo: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-30-ubdk/CLASSIFICATION_LIGHTLOGO.png);
    --memo-color: 237, 245, 243;
}
 
div.ettra_memo {
    --memo-heading: "緊急時脅威戦術対応機構より通達";
    --memo-logo: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-32-wqge/ETTRA_LIGHTLOGO.png);
    --memo-color: 245, 215, 215;
}
 
div.ethics_memo {
    --memo-heading: "倫理委員会による覚書";
    --memo-logo: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-34-2jq6/ETHICS_LIGHTLOGO.png);
    --memo-color: 255, 219, 196;
}
 
div.temporal_memo {
    --memo-heading: "時間異常部門";
    --memo-logo: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-36-ohm1/DELTA_T_LIGHTLOGO.png);
    --memo-color: 255, 255, 255;
}
 
div.overwatch_memo {
    --memo-heading: "監督司令部";
    --memo-logo: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-38-9n6y/O5_LIGHTLOGO.png);
    --memo-color: 227, 227, 227;
}
 
div.miscomm_memo {
    --memo-heading: "誤伝達部門による通達";
    --memo-logo: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-40-c6bj/MISCOMM_LIGHTLOGO.png);
    --memo-color: 238, 237, 250;
}
/*SCP-3222-JPよりフォーク*/
#page-content .creditRate {
    text-align: center;
}
div.page-rate-widget-box .rateup,
div.page-rate-widget-box .ratedown,
div.page-rate-widget-box .cancel,
.rate-box-with-credit-button .creditButton,
.rate-box-with-credit-button .creditButton a {
    font-size: calc(var(--true-font-size) * 1.08);
    -webkit-user-select: none;
    user-select: none;
}
.creditRate .rate-box-with-credit-button {
    background-color: rgb(var(--rate-module-background-color)) !important;
}
.creditRate .rate-box-with-credit-button .page-rate-widget-box {
    display: contents;
}
div.page-rate-widget-box {
    align-items: center;
}
div.page-rate-widget-box .cancel {
    padding: 0;
}
div.page-rate-widget-box span.btn > a {
    font-size: 1px;
}
.creditRate .rate-box-with-credit-button .creditButton {
    background-color: transparent;
    border: none 0;
    border-radius: 0;
    box-shadow: none;
    margin-left: 0;
}
.rate-box-with-credit-button .creditButton a {
    width: var(--rate-module-button-size);
    height: var(--rate-module-button-size);
}
.rate-box-with-credit-button .creditButton a::before {
    content: "";
    display: block;
    background-color: rgb(var(--basalt-main-text-color));
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--vote-info-mask);
    mask-image: var(--vote-info-mask);
    -webkit-mask-size: 27.5%;
    mask-size: 27.5%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.rate-box-with-credit-button .creditButton a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.05em;
    background-color: rgb(var(--general-border-color));
    z-index: -1;
    transition: all var(--button-hover-transition);
}
.rate-box-with-credit-button .creditButton a:hover::after {
    height: 100%;
}
 
/*版式：超阈限よりフォーク*/
.bblock {
    background-color: rgba(25, 20, 16);
    transition: color var(--general-transition-time-slow) linear;
}
 
.bblock:is(:hover, :focus-within) {
    background-color: rgba(25, 20, 16);
    color: rgb(237, 233, 223);
}
 
.dblock {
    background-color: currentColor;
    transition: background-color var(--general-transition-time-slow) linear;
}
 
.dblock:is(:hover, :focus-within) {
    background-color: transparent;
}
 
.keycap {
    background-color: rgba(255, 251, 240);
    color: rgba(25, 20, 16);
    padding: 0.25em;
    border-radius: 0.25rem;
    box-shadow: 0 0.125em 0 0.05em rgb(72, 69, 60, 0.5);
}
 
.rt, rt {
    display: table-header-group;
    font-size: 0.65em;
    line-height: 1.15;
}
 
.ruby, ruby {
    display: inline-table;
    line-height: 1;
    vertical-align: text-bottom;
}
 
.rt, .ruby, rt, ruby {
    text-align: center;
    white-space: nowrap;
}