Af2020theme
このページはコンポーネントページです
Wiki内で使用されているコンポーネントページです。このページを編集することはできません。
編集が必要だと思われる場合は、このページのディスカッションか、サイトスタッフまでご連絡ください。

今日の一言:

メークインの方が美味しいっておばあちゃんが言ってた

男爵は甘みが足りないって。


Tips For April Fool

本日用のスペシャルな記事には「af2020」をつけてください。

イモイモしていられないほど重要なお知らせ

【2019/11/2】下書きフォーラム閉鎖のお知らせ。

2019/11/8 23:59よりSCP-JPの下書き批評の場として設けられていた翻訳議論 / ヘルプ:翻訳及び 執筆支援 / ヘルプ:下書きと批評の閉鎖が実施されます。

2019/11/9以降、批評を行う際はサンドボックス3をご利用ください。


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

100kb以下のみアップロード可能とします。

詳細はこちら

注目のイモ

採れたてのジャガイモ

I_am_potato

農業サイト-8181緊急告知

アルバイトDクラス職員募集中


大自然の恵みを身近に感じてみませんか?やりがいのある仕事です。

時給: 未定(応相談

注目のSCP

SCP-1080-JP: たまご綴じ


失敗したら、たまごに全部包んじゃえばいいからさ。

注目のTale


俺は"旅人"になる。

注目の翻訳SCP

SCP-3074: カフカの駐車場


区画、ゾーン、数字または文字。

注目の翻訳Tale

by MontalaMontala


この世界は、我々の知るこの世界は根底から覆った。

ニュース

08 Nov 2021 15:00

茜刺財団新聞 令和三年十月号が発行されました。

19 Oct 2021 15:00

合作記事のガイドラインが改訂され、有識者会議に関するルールが整備されました。

18 Oct 2021 15:00

Wikiのモデレーターを務めていただける方を募集しています。詳しくは募集スレッドをご覧下さい。

06 Oct 2021 15:00

茜刺財団新聞 令和三年九月号が発行されました。

07 Sep 2021 15:00

タグガイドタグリストなどのガイドに大規模な改訂が加えられました。タグ変更時に報告義務が発生するようになったなど大きな変更がされているためガイドの再読をよろしくお願いします。詳細はこちら


SCP International

int.png SCP-INT — International Translation Archive

SCP財団の国際的コミュニティのための集会場。各国の記事を英訳して掲載するサイトです。翻訳はこちら


各国のサイト

us.png SCP-EN — SCP Foundation

英語のSCPサイトで、SCP財団の本家です。翻訳はこちら

ru.png SCP-RU — SCP Foundation (Russian Branch)

ロシア語のサイトです。SCP-RUは一番歴史が長い翻訳サイトです。翻訳はこちら

kr.png SCP-KO — SCP 재단

韓国語のサイトです。翻訳はこちら

cn.png SCP-CN — SCP基金会

中国語のサイトです。翻訳はこちら

fr.png SCP-FR — Fondation SCP

フランス語のサイトです。翻訳はこちら

pl.png SCP-PL — SCP Polska Filia

ポーランド語のサイトです。翻訳はこちら

es.png SCP-ES — La Fundación SCP

スペイン語のサイトです。翻訳はこちら

th.png SCP-TH — สถาบัน SCP

タイ語のサイトです。翻訳はこちら

de.png SCP-DE — SCP Deutschland

ドイツ語のサイトです。翻訳は こちら

it.png SCP-IT — Fondazione SCP

イタリア語のサイトです。翻訳は こちら

ua.png SCP-UA — SCP Foundation(Ukraine Branch)

ウクライナ語のサイトです。翻訳はこちら

pt.png SCP-PT/BR — Lusófona Branch

ポルトガル語のサイトです。翻訳は こちら

cz.png SCP-CZ — SCP Nadace

チェコ語のサイトです。翻訳はこちら


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


/*
    Potato Chips Theme
    [2020 Wikidot Theme]
    Created by 7happy7, ukwhatn, WotaliaSD
 
    Header image:
        (CC0) https://publicdomainq.net/potato-vegetable-food-0028807/
*/
:root {
    --ratio: 1;
 
    --big: normal calc(2.25rem * var(--ratio)) BauhausLTDemi;
    --small: normal calc(1.35rem * var(--ratio)) BauhausLTDemi;
}
body {
   background: white;
   background-image: url('http://scp-jp.wdfiles.com/local--files/component:af2020theme/potato1.svg'),url('http://scp-jp.wdfiles.com/local--files/component:af2020theme/potato2.svg'),url('http://scp-jp.wdfiles.com/local--files/component:af2020theme/potato3.svg'),url('http://scp-jp.wdfiles.com/local--files/component:af2020theme/potato4.svg'),url('http://scp-jp.wdfiles.com/local--files/component:af2020theme/potato5.svg'),url('http://scp-jp.wdfiles.com/local--files/component:af2020theme/potato6.svg'),url('http://scp-jp.wdfiles.com/local--files/component:af2020theme/potato7.svg');
   animation: gamingpotato 3s linear infinite;
   background-size: 150px 150px;
}
@keyframes gamingpotato {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 150px 150px;
  }
}
div#container-wrap {
    background: none;
}
 
#header {
    background: none;
}
#header h1 {
    width: 100%;
    margin: 0;
}
#header h1 a {
    position: relative;
    font-size: 0;
    padding: 0;
    width: 100%;
}
#header h1 a:before {
    content: "";
    --size: calc(150px * var(--ratio));
    animation: nice-potato .35s ease-in-out infinite alternate;
    background: url(/local--files/component:af2020theme/potato.png) center/contain no-repeat;
    display: block;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
}
#header h1 a:after {
    animation: nice-potato-min .35s ease-in-out infinite alternate;
    content: "SCP財男爵芋";
    color: #ff0;
    display: block;
    font-size: calc(1.8rem * var(--ratio));
    height: 3rem;
    position: absolute;
    text-align: center;
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
}
#header h1 a span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 130px;
    width: 140px;
    z-index: -1;
}
@keyframes nice-potato {
    from {
        transform: skew(10deg, 10deg);
        filter: drop-shadow(2px 4px 6px #af0) hue-rotate(0deg);
    }
    to {
        transform: skew(-10deg, -10deg);
        filter: drop-shadow(2px 4px 6px #f08) hue-rotate(360deg);
    }
}
@keyframes nice-potato-min {
    from {
        filter: hue-rotate(0deg);
    }
    to {
        filter: hue-rotate(360deg);
    }
}
 
#header h2 {
    display: none;
}
 
#extrac-div-1 {
    animation: super-potato 3s linear infinite;
    background: #fff url(/local--files/component:af2020theme/potato.png) 0%/70px repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 140px;
    width: 100%;
}
@keyframes super-potato {
    0% {
        background-position: 0% 0%;
    }/*
    25% {
        background-position: -2rem 25%;
    }
    50% {
        background-position: 0% 50%;
    }
    75% {
        background-position: 2rem 75%;
    }*/
    100% {
        background-position: 0% 100%;
    }
}
#extrac-div-2 {
    background: #333;
    position: absolute;
    top: 140px;
    left: 0;
    height: 21px;
    width: 100%;
}
 
#extra-div-3, #extra-div-4, #extra-div-5 {
    color: #ff0;
    display: inline;
    pointer-events: none;
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    margin: auto;
    text-shadow: 1px 1px 8px #000;
    width: calc(85px * var(--ratio));
    z-index: 10;
}
#extra-div-3 {
    transform: translateX(-100%);
}
#extra-div-5 {
    transform: translateX(100%);
    width: calc(95px * var(--ratio));
}
 
@keyframes pop {
    0% {
        filter: hue-rotate(0deg);
        transform: scale(1, 1);
    }
    33% {
        transform: scale(1.1, 0.9) translate(0, 10%);
    }
    40% {
        transform: scale(0.95, 1.05) translate(0, -5%);
    }
    50%, 100% {
        filter: hue-rotate(360deg);
        transform: scale(1, 1);
    }
}
 
#extra-div-3:before {
    content: "S";
    animation: pop 1.15s .15s infinite;
    display: inline-block;
    font: var(--big);
}
#extra-div-3 span:before {
    content: "hining";
    animation: pop 1.15s .3s infinite;
    display: inline-block;
    font: var(--small);
}
 
#extra-div-4:before {
    content: "C";
    animation: pop 1.15s .45s infinite;
    display: inline-block;
    font: var(--big);
}
#extra-div-4 span:before {
    content: "olorful";
    animation: pop 1.15s .6s infinite;
    display: inline-block;
    font: var(--small);
}
 
#extra-div-5:before {
    content: "P";
    animation: pop 1.15s .75s infinite;
    display: inline-block;
    font: var(--big);
}
#extra-div-5 span:before {
    content: "otato";
    animation: pop 1.15s .9s infinite;
    display: inline-block;
    font: var(--small);
}
 
#search-top-box {
    bottom: 25px;
    position: absolute;
    top: unset;
    right: 0;
    left: -2em;
    margin: 0 auto;
    width: 11.5rem;
}
#search-top-box-form {
    background: #fff;
    border-radius: 5px;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
    display: flex;
    transition: all ease .25s;
    width: 10rem;
}
#search-top-box-form:hover {
    box-shadow: inset 1px 1px 5px rgba(0,0,0,.75);
}
#search-top-box-form:not(:focus-within):before {
    content: "Search potato chips";
    color: #aaa;
    padding: 0 .25em;
    pointer-events: none;
    position: absolute;
    transition: all ease .25s;
    transform: scale(0.95, 1);
    transform-origin: 0 0;
}
#search-top-box-form:hover:before {
    color: #999;
}
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #aaa;
    flex-grow: 1;
    height: 1em;
    outline: none;
    padding: .25em 1em .25em .25em;
    width: unset!important;
}
#search-top-box-form:not(:focus-within) #search-top-box-input,
#search-top-box input.empty {
    color: transparent;
}
#search-top-box-form input[type=submit] {
    background: #fff;
    color: #aaa;
    transition: all .25s ease;
    transform: translateX(50%);
    width: unset!important;
    -webkit-appearance: none;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    animation: pop-btn 1.2s both;
    background: #fff0f0;
    color: #b01;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}
 
@keyframes pop-btn {
    0% {
        filter: hue-rotate(0deg);
        transform: translateX(50%) scale(1, 1);
    }
    33% {
        transform: translateX(50%) scale(1.1, 0.9) translate(0, 10%);
    }
    40% {
        transform: translateX(50%) scale(0.95, 1.05) translate(0, -5%);
    }
    50%, 100% {
        filter: hue-rotate(360deg);
        transform: translateX(50%) scale(1, 1);
    }
}
 
@media (max-width: 767px) {
    :root {
        --ratio: .9;
    }
    #side-bar:target {
        z-index: 11;
    }
}
@media (max-width: 580px) {
    :root {
        --ratio: .85;
    }
}
 
@media (max-width: 479px) {
    :root {
        --ratio: .8;
    }
}
特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。