AF2022テーマ
このページはコンポーネントページです
Wiki内で使用されているコンポーネントページです。このページを編集することはできません。
編集が必要だと思われる場合は、このページのディスカッションか、サイトスタッフまでご連絡ください。
詳しくはカテゴリ運用ポリシーを参照してください。
評価: +17+–x
blank.png

クレジット

タイトル: AF-2022-JPテーマ
著者: AF-2022-JP企画委員
作成年: 2022

評価: +17+–x

傾聴:

ﾆｬﾝ

初めての方へ(可愛すぎ注意！)

お世話の次に重要なお知らせ

現在SCP-JP上のファイルサイズ規制中。

100kB以下のみアップロード可能とします。代わりにSCP-JPファイルストレージをご利用ください。

詳細はこちら。

おやつの次に緊急のお知らせ

Wikidotが不安定になっています！

Rateモジュールの表示が不安定になる不具合
Facebookログインが使用できなくなる不具合
編集時に直前の編集が反映されなくなる不具合

上記などが確認されています。
詳細はこちら。

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様

cat-gedfd213b4_640.jpg

今日のおネコ様？

animal-g18c9caa4d_640.jpg
rabbit-g6614849de_640.jpg
cow-g3aabdde44_640.jpg
horses-gc45d7834a_640.jpg
frog-g06f4a5e77_640.jpg
giant-tortoises-g2028b03bc_640.jpg
red-fox-gcc109c07e_640.jpg
monochrome-g319979f6c_640.jpg
lion-fish-g90b836042_640.jpg
humpback-g28d6856fc_640.jpg
bear-g1fdb29ada_640.jpg
gorilla-g29ad61a59_640.jpg
fallow-deer-gefbc7fbfe_640.jpg
eagle-g1734e2b86_640.jpg
shark-gc4ac0e8aa_640.jpg
wood-mouse-gbc8ed02e4_640.jpg
animal-g3d89e2e96_640.jpg
mouflon-gad33b3436_640.jpg
line-gb73af80dc_640.jpg
nature-g5da4c341b_640.jpg
squirrel-gbcf452eac_640.jpg
camel-g8fa1ec6a8_640.jpg
anteater-g1d04de73f_640.jpg
cat-silhouette-2.svg

令和四年四月一日は

「ネコ」

執筆強化日です！

ニャつらへの反逆の時間だ

%E3%83%8D%E3%82%B3%E3%81%A8%E9%97%98%E4%BA%89%E3%81%9B%E3%82%88%E3%83%90%E3%83%8A%E3%83%BC.png

エントリー受付期間: 4/1 (Fri) ～ 4/1 (Fri)

新着のJP記事

RSSフィード | 新着のJP記事一覧

新着の翻訳記事

RSSフィード | 新着の翻訳記事一覧

他言語版へのリンク

SCP Foundation
英語

Фонд SCP
ロシア語

SCP 재단
韓国語

SCP基金会
中国語

Fondation SCP
フランス語

Fundacja SCP
ポーランド語

La Fundación SCP
スペイン語

สถาบัน SCP
タイ語

SCP auf Deutsch
ドイツ語

Fondazione SCP
イタリア語

Фонд SCP
ウクライナ語

Fundação SCP
ポルトガル語

SCP Nadace
チェコ語

SCP基金會
繁体中国語

Tổ Chức SCP
ベトナム語

International Translation Archive
英語 (翻訳)

un.png 非公式支部
gr.png SCP-EL — ギリシャ語 id.png SCP-ID — インドネシア語 nd.png SCP-ND — 北欧諸言語
tr.png SCP-TR — トルコ語

その他の言語

SCP財団日本支部、及びSCP Foundationのメインテーマ Sigma-9 はAelanna氏によって制作され、クリエイティブ・コモンズ・ライセンス 表示-継承 3.0(CC BY-SA 3.0)の元で使用されています。

ソースコード:

/*
    Worship Cats Theme
    [2022 Wikidot Theme]
    Created by MikuKaneko
    Licensed under the CC-BY SA 3.0
 
    ₍ᐞ•༝•ᐞ₎◞ ̑̑ :　ヘッダーをよーく見ててニャ
 
    ₍ᐞ•༝•ᐞ₎◞ ̑̑ :　もしニャんにもニャかったら少し待ってから再読込してニャ
*/
 
@import url("https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap");
 
:root {
    --logo-size: 90px;
    --logo-top: 27%;
    --logo-left: 1%;
    --hand: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-22-33lq/catHand.png");
    --hand-mobile: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-23-ed38/catHandMobile.png");
    --hand-size: calc(var(--logo-size) * 3.7);
    --cat-body: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-21-h9ky/catBody.png");
    --cat-body-left: 160px;
    --pop-cat-size: 100px;
}
body {
    overflow: hidden auto;
}
div#container-wrap {
    background: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-24-xvpc/footprints.png");
    -moz-background-size: 200px;
    -webkit-background-size: 200px;
    background-size: 200px;
}
#header {
    z-index: 1;
    background: none;
}
#header h1 a span, #header h2 span {
    font-size: 0;
    padding: 0;
}
#header h1 a::before {
    font-family: "Mochiy Pop One", sans-serif;
    content: "SCPざいにゃん";
}
#header h2 {
    padding: 19px 0;
}
#header h2::before {
    font-family: "Mochiy Pop One", sans-serif;
    content: "Slave of Cat Party";
    line-height: 0;
    font-weight: bold;
    color: #f0f0c0;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
}
#login-status {
    right: unset;
}
#search-top-box {
    top: 13px;
}
#header-extra-div-1, #header-extra-div-2, #header-extra-div-3 {
    position: absolute;
    pointer-events: none;
}
#header-extra-div-1 {
    width: var(--hand-size);
    height: var(--hand-size);
    z-index: -1;
    top: calc(var(--logo-top) - calc(var(--hand-size) - var(--logo-size)) / 2);
    left: calc(var(--logo-left) - calc(var(--hand-size) - var(--logo-size)) / 2);
    background-image: var(--hand);
    -moz-background-size: var(--hand-size);
    -webkit-background-size: var(--hand-size);
    background-size: var(--hand-size);
    --hand-animaiton: goro-hand 3s ease-in-out infinite;
    -moz-animation: var(--hand-animaiton);
    -webkit-animation: var(--hand-animaiton);
    animation: var(--hand-animaiton);
    -moz-transform-origin: calc(var(--hand-size) / 2);
    -webkit-transform-origin: calc(var(--hand-size) / 2);
    transform-origin: calc(var(--hand-size) / 2);
}
@keyframes goro-hand {
    0%, 100% {
        -webkit-transform: rotateZ(40deg);
        transform: rotateZ(40deg);
    }
    50% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}
#header-extra-div-2 {
    width: var(--logo-size);
    height: var(--logo-size);
    z-index: -2;
    position: absolute;
    top: var(--logo-top);
    left: var(--logo-left);
    background-image: url("https://scp-jp.wdfiles.com/local--files/component%3Atheme/logo.png");
    -moz-background-size: var(--logo-size);
    -webkit-background-size: var(--logo-size);
    background-size: var(--logo-size);
    --logo-animation: goro-logo 3s ease-in-out infinite;
    -moz-animation: var(--logo-animation);
    -webkit-animation: var(--logo-animation);
    animation: var(--logo-animation);
    -moz-transform-origin: calc(var(--logo-size) / 2);
    -webkit-transform-origin: calc(var(--logo-size) / 2);
    transform-origin: calc(var(--logo-size) / 2);
}
@keyframes goro-logo {
    0%, 100% {
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }
    50% {
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
}
#header-extra-div-3 {
    z-index: -1;
    right: 0;
    bottom: 22px;
    width: 100%;
    height: 0px;
    background-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-29-1zem/cat.png");
    -moz-background-size: auto 100px;
    -webkit-background-size: auto 100px;
    background-size: auto 100px;
    background-position: top right;
    background-repeat: no-repeat;
    --pop-cat-animation: popup 20s ease-in-out infinite, randomCat 20s steps(1, end) infinite, randomMove 20s steps(1, start) infinite;
    -moz-animation: var(--pop-cat-animation);
    -webkit-animation: var(--pop-cat-animation);
    animation: var(--pop-cat-animation);
}
@keyframes popup {
    0%, 20%, 40%, 60%, 80%, 100% {
        height: 0px;
        margin-top: 140px;
    }
    10%, 30%, 50%, 70%, 90% {
        height: var(--pop-cat-size);
        margin-top: calc(140px - var(--pop-cat-size));
    }
}
@keyframes randomMove {
    0% {
        background-position: top right var(--right-1);
    }
    20% {
        background-position: top right var(--right-2);
    }
    40% {
        background-position: top right var(--right-3);
    }
    60% {
        background-position: top right var(--right-4);
    }
    80% {
        background-position: top right var(--right-5);
    }
}
#extrac-div-1, #extrac-div-2, #extrac-div-3 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 140px;
    pointer-events: none;
}
#extrac-div-1 {
    background-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-25-7q5x/JapaneseStyleRoom.png");
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom;
}
#extrac-div-2 {
    right: 0;
    left: 0;
    width: 100%;
    max-width: 1089px;
    margin: 0 auto;
    background-image: var(--cat-body);
    -moz-background-size: auto 140px;
    -webkit-background-size: auto 140px;
    background-size: auto 140px;
    background-position: calc(var(--cat-body-left) + 5%) top;
    background-repeat: no-repeat;
}
#extrac-div-3 {
    top: 140px;
    height: 21.9px;
    background-image: url("https://scp-jp.wdfiles.com/local--files/component%3Atheme/body_bg.png");
    background-position: top 260px left;
}
#side-bar {
    z-index: 1;
}
.codes {
    padding: 1em;
}
.codes .code {
    margin: 0;
    padding: 0;
    border: none;
    overflow: unset;
}
.codes pre {
    margin: 0;
}
@media (max-width: 479px) {
:root {
    --logo-size: 56px;
    --logo-top: 40%;
    --logo-left: 1%;
    --hand-size: calc(var(--logo-size) * 6.9);
    --cat-body-left: 150px ;
}
#login-status {
    right: 10px;
}
#search-top-box {
    top: 39px;
}
#header-extra-div-1 {
    background-image: var(--hand-mobile);
}
}
@media (min-width: 480px) and (max-width: 580px) {
:root {
    --logo-size: 66px;
    --logo-top: 35%;
    --logo-left: -1%;
    --hand-size: calc(var(--logo-size) * 6.3);
    --cat-body-left: 150px;
}
#login-status {
    right: 10px;
}
#search-top-box {
    top: 39px;
}
#header-extra-div-1 {
    background-image: var(--hand-mobile);
}
}
@media (min-width: 581px) and (max-width: 767px) {
:root {
    --logo-size: 78px;
    --logo-top: 30%;
    --logo-left: -1%;
    --cat-body-left: 139px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
:root {
    --logo-size: 88px;
    --logo-top: 27%;
    --cat-body-left: 150px;
}
}
 
/* 以下ランダム */
:root {
     --right-1: 57%;
}
:root {
     --right-2: 23%;
}
:root {
     --right-3: 58%;
}
:root {
     --right-4: 24%;
}
:root {
     --right-5: 25%;
}
@keyframes randomCat {
    80% {
        background-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-28-0pcz/tora.png");
        --pop-cat-size: 93px;
        background-position: top right var(--right-1);
    }
}
af2022jpテーマ
ページリビジョン: 4, 最終更新: 21 Jul 2022 11:55
編集 評価 (+17) タグ ディスカッション (1) 履歴 ファイル 印刷 サイトツール + オプション
特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。