統合プログラム ハブ
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        bottom: 0.5em;
        left: 0.5em;
        z-index: 15;
        font-family: san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888 !important;
        background-color: #fff !important;
        border-radius: 3em;
        color: #888 !important;
        text-decoration: none!important;
}
 
@media (min-width: 768px) {
 
    .mobile-top-bar {
        display: block;
    }
 
    .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -25em;
        width: 17em;
        height: 100%;
        background-color: rgb(184, 134, 134);
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        -webkit-transition: left 0.5s ease-in-out 0.1s;
        -moz-transition: left 0.5s ease-in-out 0.1s;
        -ms-transition: left 0.5s ease-in-out 0.1s;
        -o-transition: left 0.5s ease-in-out 0.1s;
        transition: left 0.5s ease-in-out 0.1s;
    }
 
    #side-bar:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
 
    }
 
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        border: 1px solid #dedede;
        z-index: 10;
    }
 
    #side-bar:target + #main-content {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3) 1px 1px repeat;
        z-index: -1;
    }
}
:root {
    --timeScale: 1;
    --timeDelay: 0s;
}
 
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    transform: translateY(-0.74rem);
}
 
/* DIVIDER */
.anom-bar > .bottom-box::before {
    animation-name: divider;
    animation-duration: calc(0.74s * var(--timeScale));
    animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
}
 
/* CLASSIFIED LEVEL BARS */
div.top-center-box  > * {
    animation-name: bar;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
 
/* TOP TEXT */
div.top-left-box, div.top-right-box {
    clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
 
div.top-left-box > *, div.top-right-box > * {
    position: relative;
    animation-name: bottomup;
    animation-duration: calc(0.65s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    animation-name: expand2;
    animation-duration: calc(0.5s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
    animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
 
div.main-class::before, div.main-class::after {
    animation-name: iconslide;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 /* BOTTOM TEXT */
div.main-class > *,  div.disrupt-class > *, div.risk-class > * {
    white-space: nowrap;
    animation-name: flowIn;
    animation-duration: calc(0.42s * var(--timeScale));
    animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* DIAMOND */
div.arrows {
    animation-name: arrowspin;
    animation-duration: calc(0.7s * var(--timeScale));
    animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.quadrants > * {
    animation-name: fade;
    animation-duration: calc(0.3s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
    animation-name: nodegrow;
    animation-duration: calc(0.4s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.diamond-part {
    clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
    animation-name: diamondBorder;
    animation-duration: calc(0.8s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
    will-change: box-shadow;
}
 
/* MOBILE QUERY */
@media (max-width: 480px ) {
    .anom-bar > .bottom-box::before {
        display:none;
    }
    .anom-bar > .bottom-box {
        box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
    }
    div.top-center-box  > * {
        animation-name: bar-mobile;
        animation-duration: calc(0.9s * var(--timeScale));
    }
    div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
 
}
 
/*--- Motion Accessibility ---*/
@media screen and (prefers-reduced-motion: reduce) {
    div.anom-bar-container { --timeScale: 0!important; }
}
 
/*-------------------------*/
 
@keyframes divider {
    from { max-width: 0%;  }
    to { max-width: 100%; }
}
 
@keyframes bar {
    from { max-width: 0%; }
    to { max-width: 100%; }
}
@keyframes bar-mobile {
    from { max-height: 0%; }
    to { max-height: 100%; }
}
 
@keyframes bottomup {
    from { top: 100px; }
    to { top: 0; }
}
 
@keyframes expand1 {
    from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
    to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
    from { opacity: 0; transform: translateX(-5rem); }
    to { opacity: 1; transform: translateX(0); }
}
 
@keyframes expand2 {
    from { opacity: 0; width: 1%; }
    to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
@keyframes flowIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
 
@keyframes arrowspin {
    from { clip-path: circle(0%); transform: rotate(135deg); }
    to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
    from { transform: scale(0);}
    to {  transform: scale(1);}
}
@keyframes diamondBorder {
    from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
    to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}

評価: +42+x

by PlaguePJP & J Dune

ipbanner.png

最新項目


1. SCP-8596 — by RokurokubiRokurokubi
2. SCP-7522 — by meikyo_shisuimeikyo_shisui
3. SCP-3837 — by C-DivesC-Dives

訳注: 翻訳作品の場合は翻訳者が表示されます。

統合対象アノマリー

SCP-5595
ジェフリー・クインシー・ハリソン3世: サイト管理官、ガムボールマシーン
らぐー氏ハ彼ノ休暇中、さいと管理官トシテノ立場ニ代理ヲ置クタメ、正式ニ私ヲ招待シタノダ。
By PlaguePJPPlaguePJP

SCP-5104
緊急マッサージ
彼の治療が“全ての痛みを和らげた”ので“5つの赤い形を与える”と伝達しました。
By J DuneJ Dune

SCP-5175
DEATH KNIFE
すると、シノビ鎧を着た金属のガイコツ男が出て来たんだ。もしジョジョ見たことがあるなら、スタンドみたいな感じ。
By J DuneJ Dune

SCP-3837
Maize Knight
It seems that the creatures' malice does not seep into its fur. A pure diversion!
By PlaguePJPPlaguePJP & TstafforTstaffor

SCP-6483
The Polar Express
Ho ho ho! My sleigh awaits!
By RallistonRalliston & LORDXVNVLORDXVNV

SCP-6984
This Is Spın̈al Tap
It ain’t broke. Don’t break it.
By GremlinGroupGremlinGroup

SCP-6453
Shit Yeti
That thing’s poop was in my mouth. I ate its feces.
By J DuneJ Dune

SCP-6593
オンリーキャンズ
もう、イケないものを出したくなっちゃう。
By PlaguePJPPlaguePJP

SCP-7999
星空で会いましょう
芸術とは、他人に見せるために美しいものを作ることだ。
By OriTieflingOriTiefling

Plague's Proposal
The Ones That Got Away
But no, I'm the shmuck who shafted himself again because of my own inability to face the fact that I'm not good enough.
By PlaguePJPPlaguePJP

SCP-6458
penguin waiters
Not often one gets to see dancing penguins, haha!
By PrismalPrismal

SCP-6459
Any Way The Wind Blows
They placed their belief in me, and I in them, and it was through that I was able to connect to this place. We were safe and happy, and for a time, that’s all I cared about.
By AstersQuillAstersQuill

プログラムのストーリー

SCP-6599
HOGSLICE
マザーファッカー オ前ノセイデブッ壊シチマッタジャネェカ
By PlaguePJPPlaguePJP & J DuneJ Dune

SCP-6597
Whale, I'm Boned
PLEASE LEAVE ME SOME MORE DUNKING DOUGHNUT COFFEE. I WILL BE SLEEPING IN MY TABLE.
By PlaguePJPPlaguePJP

SCP-6121
CAPSLOCK CREW
HOOT HOOT.
By HarryBlankHarryBlank

Many Last Words
"You," said Lague, very slowly, "were never Site Director."
By HarryBlankHarryBlank

HOGSLICE vs bones
HOGSLICE has entered the chat.
By Uncle NicoliniUncle Nicolini

SCP-6592
The Biz Wiz Experience
I am dead and No One. I have lost (Its jaw falls to the ground. It continues speaking unabated.) my chance.
By 匿名 & RallistonRalliston

HOGSLICE、友達ができる
俺ガオ前ノ喉ヲ掴ンダラ、ソノ""吹キ出ス""トヤラモオ終イダ。コノガバ穴ガ。
By PlaguePJPPlaguePJP

SCP-7595
Telepathic Frogs
Go find frogs. Come back after you found frogs.
By PlaguePJPPlaguePJP

The Graduating Class of Site-58
These people were proof of that change. Proof that the Foundation was willing to see the value in the anomalous people they had in their custody.
By OriTieflingOriTiefling

The Holiday Special
"Who the fuck listens to Wonderful Christmastime? The last thing I need tonight is Paul goddamned MacCartney harassing me in private."
By RallistonRalliston

SCP-7596
The Incident
"I CAN'T TAKE THIS ANYMORE. I CAN'T"
By PlaguePJPPlaguePJP, RounderhouseRounderhouse, & J DuneJ Dune

SCP-7597
万能の蛾、無能の主
"UNGOCがSCP-7597を用いて多数のクーデターを引き起こそうとしていることは明らかでした。"
By PlaguePJPPlaguePJP & cocacolafiendcocacolafiend

SCP-5620
Babbles of the Badalisc
"Did you hear? Director Lague is cursed."
By PlaguePJPPlaguePJP

SCP-7522
ジェイミー・グッドワース・マクドナルド・シニア: 財政エキスパート、宇宙的構造物
イエス・キリストハ既読無視ニツイテ話ス
By J T K CJ T K C

SCP-8000
雨のち、アザラシ
"一人じゃ直せやしない。"
By PlaguePJPPlaguePJP

執筆するには

ipbanner22.png

統合プログラムはペンシルベニア州フィラデルフィアに存在する、PlaguePJPPlaguePJPのサイト-322とJ DuneJ Duneのエリア-179を基軸としたゆるいカノンです。「ゆるい」というのは、そのまま「ゆるい」という意味です。既定のキャラクターのみならず、どんなものでもサイト-322やエリア-179に入れ込むことができます。

統合プログラムは、この2つのサイトの中心軸を担います。職員連絡で述べたように、統合プログラムのSCP-5031を着想元としています。このプログラムは、アノマリーも職員も同じように快適に滞在できるようにする収容メソッドです。とは言いましても……統合プログラムが財団の便益のためだけに使われることもあるでしょう。統合対象アノマリーのほとんどはユーモラスで陽気な方々ですが、どんなトーン・ジャンルの話も展開可能です。


特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。