それっぽいテーマ

SCP
FOUNDATION

Secure, Contain, Protect

SCP財団

クレジット

それっぽいテーマ
作成者 :dog_punch
公開年:2021

↓をページの最上部に書くことでこのテーマが使用できます。

[[include :scp-jp:theme:soreppo]]

見出し第1階層

見出し第2階層

見出し第3階層

見出し第4階層

見出し第5階層

見出し第6階層

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

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

引用ブロック

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

本当に？

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

Image Block

Table of Contents

html#html-body > body.body > .container[style="width:100vw;"] {
  font-size: 100em;
}

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

折りたたみ

番号付きリスト
リストのアイテム
リストのアイテム

箇条書きリスト
リストのアイテム
リストのアイテム

これはタブです。

本当に？

ソースコード

[!-- TITLES AND HEADIMAGE --]
[[div_ class="head-image"]]

[[div_ class="top_titles"]]

[[div_ class="top_maintitle"]]
SCP
FOUNDATION
[[/div]]

[[div_ class="top_subtitle"]]
Secure, Contain, Protect
[[/div]]

[[/div]]

[[/div]]

[!-- MENU --]
[[div_ id="u-menu"]]

[[div_]]
[/ メインページ]
[[/div]]

[[div_]]
[[span]]初めての方へ[[/span]]
[[div_]]
[[[about-the-scp-foundation|SCP財団とは]]]
[[/div]]
[[div_]]
[[[FAQ]]]
[[/div]]
[[div_]]
[[[Site Rules|サイトルール]]]
[[/div]]
[[div_]]
[[[Licensing Guide|ライセンスガイド]]]
[[/div]]
[[div_]]
[[[guide-for-newbies|サイトへの参加]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]SCPシリーズ-JP[[/span]]
[[div_]]
[[[scp-series-jp-3|シリーズJP-III]]]
[[/div]]
[[div_]]
[[[scp-series-jp-2|シリーズJP-II]]]
[[/div]]
[[div_]]
[[[scp-series-jp-1|シリーズJP-I]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]SCPシリーズ-EN[[/span]]
[[div_]]
[[[scp-series-6|シリーズVI]]]
[[/div]]
[[div_]]
[[[scp-series-5|シリーズV]]]
[[/div]]
[[div_]]
[[[scp-series-4|シリーズIV]]]
[[/div]]
[[div_]]
[[[scp-series-3|シリーズIII]]]
[[/div]]
[[div_]]
[[[scp-series-2|シリーズII]]]
[[/div]]
[[div_]]
[[[scp-series-1|シリーズI]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]メインシリーズ外のSCP[[/span]]
[[div_]]
[[[joke-scps-jp | Joke SCP-JP]]]
[[/div]]
[[div_]]
[[[archived-scps-jp | Archived SCP-JP]]]
[[/div]]
[[div_]]
[[[scp-jp-ex|Explained SCP-JP]]]
[[/div]]
[[div_]]
[[[joke-scps | Joke SCP]]]
[[/div]]
[[div_]]
[[[archived-scps | Archived SCP]]]
[[/div]]
[[div_]]
[[[scp-ex|Explained SCP]]]
[[/div]]
[[/div]]

[[div_]]
[[[scp-international|SCP国際版]]]
[[/div]]

[[div_]]
[[span]]Tales[[/span]]
[[div_]]
[[[foundation-tales-jp|Tales-JP]]]
[[/div]]
[[div_]]
[[[foundation-tales|Tales]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]GoIフォーマット[[/span]]
[[div_]]
[[[goi-formats-jp|GoIフォーマット-JP一覧]]]
[[/div]]
[[div_]]
[[[goi-formats|GoIフォーマット一覧]]]
[[/div]]
[[div_]]
[[[international-goi-formats|GoIフォーマット国際版]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]ライブラリ[[/span]]
[[div_]]
[[[canon-hub-jp|カノン-JP]]]
[[/div]]
[[div_]]
[[[canon-hub|カノン]]]
[[/div]]
[[div_]]
[[[series-hub-jp|連作-JP]]]
[[/div]]
[[div_]]
[[[artwork-jp|アートワーク-JP]]]
[[/div]]
[[div_]]
[[[international-artwork|アートワーク国際版]]]
[[/div]]
[[div_]]
[[[log-of-anomalous-items-jp | Anomalousアイテム記録-JP]]]
[[/div]]
[[div_]]
[[[log-of-extranormal-events-jp |超常現象記録-JP]]]
[[/div]]
[[div_]]
[[[log-of-anomalous-items | Anomalousアイテム記録]]]
[[/div]]
[[div_]]
[[[log-of-extranormal-events | 超常現象記録]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]SCPの世界観[[/span]]
[[div_]]
[[[about-the-scp-foundation | 財団とは]]]
[[/div]]
[[div_]]
[[[object-classes | オブジェクトクラス]]]
[[/div]]
[[div_]]
[[[security-clearance-levels | セキュリティ&クリアランス]]]
[[/div]]
[[div_]]
[[[groups-of-interest-jp | 要注意団体-JP]]]
[[/div]]
[[div_]]
[[[secure-facilities-locations-jp|セキュリティ施設-JP]]]
[[/div]]
[[div_]]
[[[task-forces-jp|機動部隊-JP]]]
[[/div]]
[[div_]]
[[[groups-of-interest | 要注意団体]]]
[[/div]]
[[div_]]
[[[secure-facilities-locations | セキュリティ施設]]]
[[/div]]
[[div_]]
[[[task-forces | 機動部隊]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]サイト情報[[/span]]
[[div_]]
[[[system:recent-changes|最近の更新]]]
[[/div]]
[[div_]]
[[[Most Recently Created|最近作成された記事]]]
[[/div]]
[[div_]]
[[[Most Recently Edited|最近編集された記事]]]
[[/div]]
[[div_]]
[[[Top Rated Pages|評価の高い記事]]]
[[/div]]
[[/div]]

[[div_]]
[[[forum:start|フォーラム]]]
[[/div]]

[[div_]]
[[[forum:recent-posts|最近のフォーラム投稿]]]
[[/div]]

[[div_]]
[[span]]サイトメンバー[[/span]]
[[div_]]
[[[members-pages-jp|著者ページ-JP ]]]
[[/div]]
[[div_]]
[[[international-members-pages|著者ページ国際版]]]
[[/div]]
[[div_]]
[[a href="http://ja.scp-wiki.net/meet-the-staff-jp" ]]スタッフ一覧[[/a]]
[[/div]]
[[div_]]
[[[system:members|サイトメンバー一覧]]]
[[/div]]
[[/div]]

[[div_]]
[[span]]サイト管理[[/span]]
[[div_]]
[/_admin サイトマネージャ]
[[/div]]
[[div_]]
[[[system:list-all-pages|すべてのページ]]]
[[/div]]
[[div_]]
[[[component:feature-and-news|注目記事・ニュース]]]
[[/div]]
[[div_]]
[[[nav:side|サイド]]]
[[/div]]
[[div_]]
[[[nav:top|トップ]]]
[[/div]]
[[div_]]
[[[component:theme|テーマ]]]
[[/div]]
[[/div]]

[[module ListPages range="." limit="1"]]
[[iframe  http://paranoiac.sakura.ne.jp/interwiki/interwiki_c?lang=jp&page=%%category%%:%%name%%
 class="html-block-iframe scpnet-interwiki-frame" allowtransparency="true" style="height: 0px;" frameborder="0" scrolling="no"]]
[[/module]]

[[/div]]

[!-- NEW HEADER --]
[[div_ class="new-header"]]

[[div_ class="new-title"]]
[[image http://scp-jp-storage.wikidot.com/local--files/file:6057712-3-kga2/logo.svg class="logo_image" link="/"]][[a href="/"]]SCP財団[[/a]]
[[/div]]

[[a href="#u-menu" class="show-menu"]][[span]]MENU[[/span]][[/a]]
[[a href="#close-menu" class="close-menu"]]CLOSE[[/a]]

[[/div]]

[!-- NEW FOOTER --]
[[div_ class="new-footer"]]

[[div_ class="footer-title"]]
[[div_ class="footer-titles"]]
[[image http://scp-jp-storage.wikidot.com/local--files/file:6057712-3-kga2/logo.svg link="/"]][[a href="/" class="footer-h1"]]SCP財団[[/a]]
[[/div]]
[[/div]]

[[div_ class="footer-links"]]
[*http://www.scp-wiki.net/ SCP-EN][*http://05command-ja.wikidot.com/ 財団日本支部理事会][*http://scp-int.wikidot.com/ SCP-INT][*http://scp-jp-storage.wikidot.com/ ファイルストレージ][*http://scp-jp-sandbox3.wikidot.com/start サンドボックスⅢ][[[discord-guideline|チャット(Discord)]]][*http://scpper.com/ ScpperDB][*https://discord.gg/zeEwVG7 SCP-JP 運営Discord]
[[/div]]

[[div_ class="license"]]
[[[Credits|クレジット]]] | [[[licensing-guide|ライセンス]]] | [[[contact-staff|問い合わせ]]]
[[/div]]
[[div_ class="credit"]]
[[module ListPages range="." wrapper="no" separate="no"]]
[[a class="side-credit" href="%%site_name%%.wikidot.com"]]© %%site_title%%[[/a]]
[[/module]]
[[/div]]

[[/div]]

[[module CSS]]
/*
    なんかかっこいいテーマ
    Created at 2020
    Created by dog_punch
    CC BY-SA 3.0

    モノトーンフォーマットからコードを一部流用
    CC BY-SA 3.0
    by tsucchii0301
    2020
    [http://scp-jp-sandbox3.wikidot.com/draft:tsucchii0301-4-4a6f]

    シンプルテーマからコードを一部流用
    CC BY-SA 3.0
    by 7happy7
    2020
    [http://topia.wikidot.com/component:simple]

    headimage.png
     Title 不明
     ソース https://pixabay.com/ja/photos/%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3-%E5%BB%BA%E7%89%A9-%E5%B8%82-22039/
     CC0
     by PublicDomainPictures
     2010
     補足 Pixabayは2019年1月より独自のPixabay Licenseに移行しましたが、2019年1月以前にアップロードされていた画像には引き続きCC0が適用されています。詳しくはhttps://pixabay.com/ja/forum/official-pixabay-news-2/the-pixabay-license-7823/を参照してください。

    logo.svg
     Title SCP Foundation (emblem).svg
     ソース https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_%28emblem%29.svg
     CC BY-SA 3.0
     by Aelanna
     2011
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;600;700&display=swap');

/* RESET */

#side-bar,#top-bar,#header h2,#header h1{
    display: none !important;
}
div#container-wrap {
    background: none;
}
#main-content,#content-wrap {
    max-width: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: static;
}

/* BASE */

:root {
    --base-color: #0c0c0c;
}
body {
    overflow-x: hidden;
    color: #000;
    background: var(--base-color);
}
::-webkit-scrollbar-thumb {
    background: rgb(77,77,77);
}
::-webkit-scrollbar-track {
    background: var(--base-color);
    border: none;
}
div#content-wrap {
    margin-top: 81px;
    background: #fff;
    min-height: 0;
}
#page-content,#action-area {
    padding: 0 1em;
}
#action-area {
    box-sizing: border-box;
    padding-bottom: 10px;
    background: var(--base-color);
    color: #9c9c9c;
    margin: 0;
    border-bottom: 3px solid #9c9c9c;
    /*margin-top: -13px;*/
}
a {
    color: #636363;
}
div#who-rated-page-area {
    padding-bottom: 5px;
}
div#action-area {
    margin-bottom: 5px;
}

/* NEW HEADER */

.new-header {
    position: fixed;
      top: 0;
      left: 0;
    width: 100vw;
    height: 75px;
    background-color: var(--base-color);
    z-index: 10;
    }
    .new-title {
        position: absolute;
          top: 50%;
          left: 15px;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
        padding-left: 50px;
        filter: invert(1);
        line-height: 0;
          font-size: 27px;
          font-family: 'Noto Serif JP', serif;
          font-weight: 600;
        opacity: .7;
        }
        #html-body .new-title>a {
            color: #000;
            text-decoration: none;

    }
    .logo_image {
        position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
        width: 45px;
        height: 45px;
    }
    .show-menu {
        display: block;
        position: absolute;
          top: 50%;
          right: 15px;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          z-index: 1;
        width: 20px;
        height: 16px;
        cursor: pointer;
        opacity: .7;
        }
        .show-menu:after,
        .show-menu:before {
            transition: all 0.3s ease 0s;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 100;
            width: 100%;
            height: 2px;
            background: #fff;
        }
        .show-menu:before {
            margin: 0 auto auto auto;
        }
        .show-menu span {
            transition: all 0.3s ease 0s;
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            margin: auto;
            text-indent: 100%;
            white-space: nowrap;
            background: #fff;
            overflow: hidden;
        }
        .show-menu:after {
            margin: auto auto 0 auto;
        }
        #u-menu:target~.new-header .show-menu:before {
            -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
            transform: rotate(-45deg) translate3d(0, 0, 0);
            top: 7px;
        }
        #u-menu:target~.new-header .show-menu span {
            opacity: 0;
            -ms-filter: "alpha(opacity=0)";
            filter: alpha(opacity=0);
        }
        #u-menu:target~.new-header .show-menu:after {
            -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
            transform: rotate(45deg) translate3d(0, 0, 0);
            bottom: 7px;
        }
        .close-menu {
            display: none;
            position: absolute;
              top: 50%;
              right: 15px;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              z-index: 100;
            width: 20px;
            height: 16px;
            cursor: pointer;
            font-size: 0;
            z-index: 2;
        }
        #u-menu:target~.new-header .close-menu {
            display: block;
}

/* MENU */

#u-menu {
    position: fixed;
      top: 75px;
      left: 0;
    width: 100vw;
    height: calc(100vh - 75px);
    background-color: var(--base-color);
    transition: .3s ease-in-out;
    opacity: 0;
]   -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-top: 1px solid #fff;
    box-sizing: border-box;
    z-index: 1;
    padding: 0 20px 20px 20px;
    overflow-y: scroll;
    }
    #u-menu::-webkit-scrollbar-thumb {
        background: rgb(0 0 0 / 42%);
    }
    #u-menu::-webkit-scrollbar-track {
        background: transparent;
    }
    #u-menu:target {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    #u-menu>div {
        border-bottom: solid 1px #d9d9d9;
    }
    #u-menu>div>span {
        border-bottom: solid 1px #d9d9d9;
    }
    #html-body #u-menu>div>span, #u-menu>div>a {
        display: block;
        padding: 20px 0;
        color: #fff;
        font-size: 12px;
        text-decoration: none;
        position: relative;
        cursor: pointer;
    }
    #u-menu>div>div:not(.list-pages-item) {
        margin-left: 20px;
        border-top: solid 1px #d9d9d9;
     }
    #u-menu>div>div:first-of-type {
        border-top: none;
    }
    #html-body #u-menu>div>div>a {
        padding: 20px 0;
        font-size: 12px;
        color: #fff;
        display: block;
        position: relative;
        text-decoration: none;
    }
    #u-menu>div>div>a:after, #u-menu>div>a:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 5px;
        bottom: 0;
        left: 0;
        width: 7px;
        height: 7px;
        margin: auto 0 auto auto;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff;
        -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
        transform: rotate(-45deg) translate3d(0, 0, 0);
    }
    #u-menu>div>div>a,#u-menu>div>a,#u-menu>div>span {
        transition: .3s ease-in-out;
    }
    #u-menu>div>div>a:hover,#u-menu>div>a:hover,#u-menu>div>span:hover{
        background: rgba(255,255,255,.1)
    }
    #u-menu>.list-pages-box {
        filter: grayscale(1)brightness(100);
}

/* HEADER */

#header {
    height: calc(100vh - 76px);
    top: 75px;
    max-width: none;
    width: 100%;
    background-image: none;
    background: transparent;
    z-index: 1;
    box-sizing: border-box;
    }
    #header:before {
        content: '';
        position: absolute;
        top: -5px;
        bottom: -5px;
        left: -5px;
        right: -5px;
        background: inherit;
        filter: grayscale(.3)brightness(.8);
        z-index: -1;
}
#login-status {
    top: 4px;
    right: 4px;
}
#login-status {
    display: flex;
    flex-direction: column;
    align-content: space-around;
    font-size: 0
}
#login-status .printuser {
    border: 1px solid #fff;
    margin: 0 0 2px;
    padding: 0 1px 0 5px;
    background-color: var(--base-color);
    filter: brightness(120%);
    position: absolute;
    right: 0;
    width: 26px;
    height: 21px;
    border-radius: 5px 5px 0 0;
}
#login-status .printuser img.small {
    padding: 1px 2px 1px 8px
}
#login-status [id] {
    font-size: .72rem
}
#login-status>a[href="javascript:;"] {
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 0;
    font-weight: bold;
    margin-left: 0;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    background-color: var(--base-color);
    filter: brightness(120%);
    width: 21.8px;
    position: absolute;
    top: 22px;
    height: 21px;
    right: 0px
}
#login-status>a[href="javascript:;"]:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: .72rem;
    margin: 4px 3px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
#login-status #account-topbutton:before {
    content: "\f013";
    color: #fff
}
#login-status .login-status-sign-in:before {
    content: "\f13e";
    color:#fff
}
#login-status .login-status-create-account {
    margin: 0 0 .25rem
}
#login-status .login-status-create-account:before {
    content: "\f067";
    color: #fff
}
#login-status #my-account {
    display: none
}
#login-status a strong {
    position: absolute;
    top: 0;
    right: 2.25rem;
    font-family: var(--bauhaus);
    font-size: 1rem;
    white-space: nowrap
}
#html-body #login-status #account-topbutton:not(:focus):not(:focus-within):not(:hover):not(:active)+#account-options {
    display: none
}
#html-body #header #login-status #account-topbutton+#account-options:focus,
#html-body #header #login-status #account-topbutton+#account-options:focus-within,
#html-body #header #login-status #account-topbutton+#account-options:hover,
#html-body #header #login-status #account-topbutton+#account-options:active {
    display: block
}
#account-options ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}
#account-options ul>li {
    flex-grow: 1;
    text-align: center;
    width: 40%
}
#account-options ul>li a {
    transition: all .25s ease-in-out
}
#account-options ul>li a:hover {
    filter: brightness(120%);
    background-color: var(--base-color);
    color: #fff;
    text-decoration: none
}
#login-status ul a {
    color: var(--base-color)
}
div#search-top-box {
    top: 48px;
    width: 100%;
    right: 3px;
}
div#search-top-box form {
    display: flex;
    justify-content: flex-end
}
div#search-top-box form input[type="text"],
div#search-top-box form input[type="text"]:hover {
    background-color:var(--base-color);
    display: inline-block;
    filter: brightness(120%);
    height: 1.1rem;
    width: 8rem;
    transition: width .25s;
}
_::-webkit-full-page-media,
_:future,
:root div#search-top-box form input[type="text"] {
    font-size: 16px
}
div#search-top-box form input[type="text"]:not(:focus),
div#search-top-box form input[type="text"]:not(:focus):not(:hover) {
    background-color: var(--base-color);
    color: transparent;
    cursor: pointer;
    display: inline-block;
    width: 28px;
    border-color:#fff;
    box-shadow: none;
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
    filter: brightness(120%);
    border-radius: 0 0 5px 5px;
}
div#search-top-box form input[type="submit"] {
    display: none
}
#login-status>a[onclick="WIKIDOT.page.listeners.createAccount(event)"] {
    right: 0;
    top: 0px;
    border-radius: 5px 5px 0 0;
}
#search-top-box-input {
    border: solid 1px #fff;
    border-radius: 0px;
}
* {
    outline: none;
}

/* HEADIMAGE AND TITLES */

.head-image {
    background-image: url(http://scp-jp-storage.wikidot.com/local--files/file:6057712-2-hfqj/headimage.png);
      background-size: cover;
      background-position: center center;
    position: absolute;
      left: 0;
      z-index: 0;
      top: 75px;
    height: calc(100vh - 75px);
    width: 100vw;
    }
    .head-image:before {
        content: '';
        position: absolute;
          top: -5px;
          bottom: -5px;
        left: -5px;
        right: -5px;
        background: inherit;
        filter: grayscale(.3)brightness(.8);
        z-index: -1;
    }
    .top_titles {
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: var(--base-color);
        font-family: 'Oswald', sans-serif;
        mix-blend-mode: soft-light;
        }
        .top_maintitle {
            font-size: 7em;
            line-height: .9;
            font-weight: 700;
            display: inline-block;
            border-bottom: 2px solid var(--base-color);
            padding-bottom: .1em;
        }
        .top_subtitle {
            font-size: 3em;
            line-height: .9;
        }
        @media (max-width:455px) {
            .top_maintitle {
                font-size: 5.55em;
            }
        }
        @media (min-width:1000px) {
            .top_maintitle {
                font-size: 10em;
            }
            .top_subtitle {
                font-size: 3.5em;
            }
}

/* CONTENTS */

div#page-title {
    color: #fff;
    padding: 20px;
    background: var(--base-color);
    font-family: 'noto serif jp',sans-serif;
    letter-spacing: 2px;
    border: none;
    font-weight: 600;
    box-shadow: 0 0 5px #000;
}
hr {
    background-color: transparent;
    height: 0;
    border-top: 1px solid #a5a5a5b8;
}
div.blockquote, blockquote {
    width: 100%;
    margin: 1em 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid var(--base-color);
    border-left: 3px solid var(--base-color);
    padding: 5px 12px;
}
h1,h2,h3,h4,h5,h6 {
    color: var(--base-color);
    font-weight: normal;
}
h3,h4,h5,h6 {
    border-left-color: var(--base-color);
    border-left-style: solid;
    padding: 0 10px;
}
h3 {border-left-width: 4px;}
h4 {border-left-width: 3px;}
h5 {border-left-width: 2px;}
h6 {border-left-width: 1px;}

h1 {
    color: #fff;
    background: var(--base-color);
    font-size: 1.4em;
    letter-spacing: 1px;
    padding: 10px 14px;
    font-family: 'Noto Serif JP';
}
h2 {
    border-bottom: solid var(--base-color) 1px;
    border-left: solid var(--base-color) 4px;
    padding: 0 10px 4px 10px;
    font-size: 1.4em;
    letter-spacing: 1px;
}
div.blockquote hr,blockquote hr,.yui-content hr {
    margin: 1em -12px;
}
table.wiki-content-table {
    width: 100%;
}
table.wiki-content-table th {
    text-align: left;
    background: var(--base-color);
    color: #fff;
    font-weight: normal;
    border: 1px solid #000;
}
.scp-image-block {
    border: none;
    box-shadow: 0 2px 7px #444;
}
.scp-image-block .scp-image-caption {
    border: none;
    background: #fff;
    padding: 3px 0;
}
div#toc {
    padding: 0;
    background: #fff;
    border: 1px solid var(--base-color);
    font-size: 110%;
}
div#toc a {
    color: #03121cc7;
}
#toc div#toc-action-bar a {
    color: #CDCDCD;
    font-size: 0px;
}
#toc div#toc-action-bar {
    padding: 4px 6px;
    border-bottom: 1px solid var(--base-color);
    margin: 0 -2px;
    margin-top: -2px;
    background: var(--base-color);
}
#toc div.title {
    display: none;
}
div#toc-list {
    margin: 0;
    padding: 2px;
}
a[onclick="WIKIDOT.page.listeners.foldToc(event)"]:after {
    font-size: 14px;
    content: '閉じる';
}
a[onclick="WIKIDOT.page.listeners.unfoldToc(event)"]:after {
    font-size: 14px;
    content: '開く';
}
.code {
    border: 1px dashed #03121c9c;
    background: #fff;
}
#page-content .collapsible-block-link {
    display: flex;
    height: 3.5em;
    padding-right: 1em;
    padding-left: 1em;
    align-items: center;
    color: #CDCDCD;
    font-size: 105%;
    justify-content: left;
    text-decoration: none;
    background-color: var(--base-color);
    transition: .3s;
}
#page-content .collapsible-block-unfolded-link a::before {
    content: "▼";
    padding-right: 4px;
}
#page-content .collapsible-block-folded a::before {
    content: "▶";
    padding-right: 4px;
}
#page-content .collapsible-block-link:hover, #page-content .collapsible-block-link:active {
    color: #fff;
    background-color: #4e4e4e;
}
.yui-navset {
    overflow: auto;
    border: 1px solid var(--base-color);
    background: #fff;
    z-index: 0;
}
.yui-navset .yui-content {
    overflow: inherit;
    border-top: solid 1px #4e4e4e;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin:0;
    padding: 0 12px;
    background: none;
}
.yui-navset ul {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    align-items: center;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: none;
    background: var(--base-color);
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    overflow-y:hidden;
    border: none;
    color: #b7b7b7;
    font-weight: normal;
    background: none;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-navset-top .yui-nav a:hover {
    font-weight: normal;
}
.yui-navset .yui-nav a em:hover,
.yui-navset .yui-navset-top .yui-nav a em:hover {
    font-weight: normal;
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0;
    background: #4e4e4e;
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin: 0;
    padding: 8px 6px;
}
.yui-navset .yui-nav .selected a em {
    padding: 0.25em .75em;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    overflow-y:hidden;
    border: none;
    color: #fff;
    font-weight: normal;
    background: none;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    overflow-y:hidden;
    border: none;
    color: #b7b7b7;
    font-weight: bold;
    background: none;
}
#page-content .yui-content .collapsible-block-link {
    margin-right: -12px;
    margin-left: -12px;
}

/* OPTIONS */

div#page-options-container {
    margin: 0 -.8em;
    background: var(--base-color);
    padding: 10px 1em;
    color: #ffffff9c;
    border-top: 3px solid #9c9c9c;
    border-bottom: 3px solid #9c9c9c;
}
div.page-options-bottom {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
}
#html-body a.btn-default {
    flex-grow: 1;
    text-align: center;
    margin: 0 2px;
    margin-bottom: 4px;
    color: #9c9c9c;
    padding: 4px 10px;
    background: var(--base-color);
    border: 2px solid #9c9c9c;
    transition: 0.5s ease-in-out;
    text-decoration: none;
}
a.btn-default:hover {
    background: #2b2b2b;
}
div#page-options-bottom {
    margin-top: 3px;
}
#html-body .hovertip {
    background: var(--base-color) !Important;
    color: #9c9c9c !Important;
    border: none !Important;
    border-radius: 6px;
    padding: 1em;
    box-shadow: 0 0 3px #fff !Important;
}
div#lock-info {
    background: var(--base-color);
}
div.buttons input, input.button, button, file, a.button {
    background-color: var(--base-color);
    color: #9c9c9c;
    border-color: #9c9c9c;
}
#action-area h1 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 1.6em;
}
.owindow {
    border: 3px solid #9c9c9c;
    background: var(--base-color);
    color: #9c9c9c;
}
.owindow .title {
    background: var(--base-color);
    border-bottom: 3px solid #9c9c9c;
}
.owindow .content img {
    background: #fff;
    margin-right: 5px;
    border: 2px solid #9c9c9c;
}
.owindow .content {
    padding: 0.7em;
}
.owindow .button-bar a {
    background: var(--base-color);
    color: #9c9c9c;
    border-color: #9c9c9c;
    transition: .3s;
}
.owindow .button-bar a:hover {
    background: #9c9c9c;
    color: var(--base-color);
}
#main-content .page-tags a {
    color: #9c9c9c;
    font-size: 13px;
    padding: 5px;
    border: 1px solid #9c9c9c;
    height: 20px;
    border-radius: 5px;
    background: var(--base-color)
}
#main-content .page-tags a:before {
    content: '#';
}
#main-content .page-tags span {
    margin-bottom: 10px;
    border: none;
}

/* FOOTER */
#html-body .new-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: none;
    width: 100%;
    background: #0c0c0c;
    color: #ffffff9c;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
#html-body .new-footer a {
    color: #ffffff9c;
    text-decoration: none;
}
.footer-title {
    position: relative;
    padding: 50px 0;
    filter: invert(1);
    opacity: .7;
}
#html-body .footer-title a.footer-h1 {
    font-size: 35px;
    color: #000;
    font-family: 'Noto Serif JP';
    font-weight: 600;
}
.footer-titles {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    padding-left: 57px;
}
.footer-titles img {
    position: absolute;
    width: 55px;
    left: 0;
    top: 58%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer-links {
    display: flex;
    font-size: 15px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 10px;
    border-top: .5px solid #ffffff9c;
    border-bottom: .5px solid #ffffff9c;
}
.footer-links a {
    flex-grow: 1;
    padding: 5px 10px;
    text-align: center;
}
.license {
    margin: 0 10px;
    padding: 10px 0;
    text-align: center;
}
.license a {
    font-weight: bold;
}
#html-body .new-footer .credit {
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
    background: #d4d4d4;
}
#html-body .new-footer .credit a {
    color: #000;
    font-weight: bold;
}
#footer {
    margin-top: 0;
}
#footer {
    border-bottom: .5px solid #ffffff9c;
    margin: 0 10px;
    background: var(--base-color);
    padding: 10px 0;
    color: #ffffff9c;
}
#license-area {
    color: #ffffff9c;
    background: var(--base-color);
    padding: 20px 0;
    text-align: left;
    margin: 0 10px;
    border-bottom: .5px solid #ffffff9c;
}
#footer a,#license-area a{
    color: #ffffff9c;
    font-weight: bold;
}

/* RATE MODULE */
#html-body .creditRate .rateBox {
    display: inline-flex;
    border-bottom: 2px solid var(--base-color);
}
#html-body .creditRate .rateBox div.page-rate-widget-box {
    border-bottom: none;
    box-shadow: none;
}
#html-body .page-rate-widget-box .rate-points {
    background-color: transparent !important;
    border: none;
    border-radius: 0;
    color: var(--base-color);
}
#html-body .page-rate-widget-box .rateup,
#html-body .page-rate-widget-box .ratedown {
    background-color: transparent;
        border: none;
}
#html-body .page-rate-widget-box .rateup a:hover,
#html-body .page-rate-widget-box .ratedown a:hover {
    background: transparent;
    color: rgb(3 18 28 / 0.70)
}
#html-body .page-rate-widget-box .cancel {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--base-color)
}
#html-body .page-rate-widget-box .cancel a:hover {
    color: rgb(3 18 28 / 0.70);
    background: transparent
}
#html-body .modalbox .page-rate-widget-box {
    position: absolute;
    left: 50%;
    -webkit- transform: translateX(-50%);
    transform: translateX(-50%)
}
#html-body .rate-box-with-credit-button .creditButton {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}
#html-body a.fa.fa-info {
    color: var(--base-color)
}
#html-body a.fa.fa-info:hover {
    color: rgb(3 18 28 / 0.70)
}
#html-body .modalbox .modalbox-title {
    background: var(--base-color);
    color: #fff ;
    border-radius: 0
}
#html-body .modalbox {
    box-shadow: 0 2px 6px #ccc;
    border-radius: 0;
    background-color: #fff
}
#html-body .rate-box-with-credit-button a {
    text-decoration: none
}
#html-body .page-rate-widget-box .cancel a {
    color: var(--base-color)
}
#html-body .page-rate-widget-box .rateup a,
#html-body .page-rate-widget-box .ratedown a {
    color: var(--base-color)
}
#html-body .modalbox .modalbox-title h2 {
    font-family: 'noto serif jp'
}
#html-body div#u-credit-view, div#u-credit-otherwise {
    z-index: 20;
}
#html-body .page-rate-widget-box {
    border-bottom: 2px solid var(--base-color);
    border-radius: 0;
}
#html-body .page-rate-widget-box, #html-body .creditRate .rateBox {
    background: #e4e5eb;
    box-shadow: 0 0 3px #3c3c3c;
}
[[/module]]

テーマ

ページリビジョン: 23, 最終更新: 03 Jan 2021 02:52

編集評価 (0) タグディスカッション履歴ファイル印刷サイトツール + オプション

SCP-JP環境再現サイト

実験、実験、爆発

クレジット

見出し第1階層

見出し第2階層

見出し第3階層

見出し第4階層

見出し第5階層

見出し第6階層

SCP-JP環境再現サイト

実験、実験、爆発

クレジット

見出し 第1階層

見出し 第2階層

見出し 第3階層

見出し 第4階層

見出し 第5階層

見出し 第6階層

見出し第1階層

見出し第2階層

見出し第3階層

見出し第4階層

見出し第5階層

見出し第6階層