まずしいざいだん テーマ

クレジット

タイトル: まずしいざいだん テーマ
著者: kskhorn、yzkrt、MikuKaneko
作成年: 2023

これはまずしいざいだんカノンに所属する記事のためのテーマです。

このテーマをあなたの記事に適用するには、以下のコードをページに挿入してください。

[[include :scp-jp:theme:poor-foundation]]

+ テーマのコードを表示

/*
    Poor Foundation Theme
    [2023 Wikidot Theme]
    Created for the Poor Foundation (poor-foundation-hab) by yzkrt, kskhorn
    Based on 活人入棺 中心页 by Sekai_s
    Edited by MikuKaneko
    Licensed under the CC-BY SA 3.0
*/
 
a,
#header,
#side-bar,
#main-content > div:not(#page-content),
div.page-rate-widget-box,
.creditButton,
.yui-nav,
.code,
#footer,
#license-area {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
 
#header {
    background: none;
}
#header::before {
    background: url("https://scp-jp.github.io/files/util/common/media/component/theme//logo.png") 10px 40px no-repeat;
    background-size: 100px 100px;
    content: "";
    display: block;
    height: 140px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90%;
    z-index: -1;
}
@media (max-width: 479px) {
    #header::before {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
}
@media (min-width: 480px) and (max-width: 580px) {
    #header::before {
        background-position: .5em 4.5em;
        background-size: 66px 66px;
    }
}
@media (min-width: 581px) and (max-width: 767px) {
    #header::before {
        background-position: 1em 4em;
        background-size: 77px 77px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #header::before {
        background-position: 1em 4em;
        background-size: 88px 88px;
    }
}
#header h1 a::before {
    content: "まずしいざいだん";
    color: #eee;
}
#header h1 a span {
    font-size: 0;
}
div#header h2:after {
    content: "Su,Can,Pin";
    color: #f0f0c0;
    font-weight: 700;
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}
div#header h2 span {
    font-size: 0;
    padding: 4px;
}
 
#header h1,
#header::before,
#header h2 {
    -webkit-animation: flicker 10s infinite;
    -o-animation: flicker 10s infinite;
    animation: flicker 10s infinite;
}
#header::before {
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s;
}
#header h2 {
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
@keyframes flicker {
    53% {
        webkit-filter: brightness(100%);
        filter: brightness(100%);
    }
    53.5% {
        -webkit-filter: brightness(60%);
        filter: brightness(60%);
    }
    54% {
        -webkit-filter: brightness(80%);
        filter: brightness(80%);
    }
    54.5% {
        -webkit-filter: brightness(50%);
        filter: brightness(50%);
    }
    55% {
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
    }
    64% {
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
    }
    64.5% {
        -webkit-filter: brightness(40%);
        filter: brightness(40%);
    }
    65% {
        -webkit-filter: brightness(40%);
        filter: brightness(40%);
    }
    65.5% {
        -webkit-filter: brightness(80%);
        filter: brightness(80%);
    }
    66% {
        -webkit-filter: brightness(40%);
        filter: brightness(40%);
    }
    96.5% {
        -webkit-filter: brightness(40%);
        filter: brightness(40%);
    }
    97% {
        -webkit-filter: brightness(70%);
        filter: brightness(70%);
    }
    97.5% {
        -webkit-filter: brightness(40%);
        filter: brightness(40%);
    }
    98% {
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
    }
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}
 
div#container-wrap {
    background-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-73-0m0k/body_bg_grey.png");
    background-repeat: repeat-x;
}
 
.modalbox {
    box-shadow: 0 2px 6px #33333380;
}

---

背景

ファイルページ: body_bg_grey.png

ソース: https://scp-wiki-cn.wikidot.com/buried-hub
ライセンス: CC BY-SA 3.0

タイトル: body_bg_grey.png
著作権者: Sekai_s
公開年: 2020