統合プログラム ハブ

/* 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)); }
}

+ コード

/*
    BLANKSTYLE CSS
    [2021 Wikidot Theme]
    By Placeholder McD and HarryBlank
    Based on:
       Paperstack Theme by EstrellaYoshte
       Penumbra Theme by EstrellaYoshte
 
    Edited by iti119 for SCP-JP
*/
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
 
#page-content { font-size: 0.8rem; }
 
#main-content {
    top: -1.6rem;
    padding: 0.2em;
}
 
div#container-wrap {
    background-image: none;
}
 
div#header {
    background-image: none;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
#header h2 { margin-top: 0.5rem; }
#header h1 span, #header h2 span { font-size: 0; display: none;}
#header h1 a::before, #header h2::before {
    color: #000;
    letter-spacing: 1px;
    font-family: 'Montserrat', verdana, arial, helvetica, sans-serif !important;
    text-shadow: none;
}
 
#header h1 a::before {
    content: var(--header-title, "R\0026 C SITE-43");
    font-weight: 400;
    font-size: 1.3em;
}
 
#header h2::before {
    content: var(--header-subtitle, "SUBVERTING COMMON PRACTICE");
    font-weight: 700;
    font-size: 1.2em;
}
 
@media (max-width: 707px) {
    #header h1 a::before {
        font-size: 1.6em;
    }
}
 
#login-status,
#login-status a {
    color: #333333;
}
 
#page-title {
    display: none;
}
 
#footer, #footer a {
    background: transparent;
    color: #333333;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: #333333;
    box-shadow: none;
    border-radius: 0px;
    color: #efefef;
}
 
#search-top-box input.empty {
    color: #999999;
}
 
#search-top-box {
    top: 2.3rem !important;
    right: 8px;
}
 
#top-bar {
    display: flex;
    justify-content: center;
    right: 0;
    top: 7.9rem;
}
 
#top-bar, #top-bar a {
    color: #333333;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', verdana, arial, helvetica, sans-serif;
    color: #000;
    letter-spacing: 1px;
}
 
h1 {
    font-size: 2em;
}
 
h2 {
    font-size: 1.45em;
}
 
div#extra-div-1 {
    height: 160px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-45-51f1/43Head.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
 
@media (max-width: 707px) {
    div#extra-div-1 {
        top: 15px;
    }
}
 
body {
    background-image: linear-gradient(to bottom, #e0e0e0, #e0e0e0 90px, #e0e0e0 90px, #ffffff 200px, #ffffff 200px, #ffffff 100%);
    background-repeat: no-repeat;
}
 
:root {
    --timeScale: 1.5;
    --timeDelay: 1.5s;
    --posX: calc(50% - 358px - 13rem);
    --fnLinger: 1s;
}
 
#page-content hr {
    background-color: #000;
}
 
#page-content tr th {
    padding: 6px;
    border: #000 1px solid;
}
 
#page-content tr td {
    padding: 12px;
    border: #000 1px solid;
    line-height: 1.4;
}
 
#page-content .sidebox tr td,
#page-content .sidebox tr th {
    padding: 0.35em;
}
 
#side-bar {
    border-right: 1px solid #333;
    background: #DDD;
}
 
#side-bar .side-block {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    background-color: #FDF6D7;
}
 
#top-bar div.open-menu a {
    border: 1px solid #333 !important;
    border-radius: 0;
    box-shadow: none;
}
 
@media (max-width: 767px) {
    #side-bar:target {
        border: 1px black;
        box-shadow: none;
    }
}
 
#page-content .creditRate{
    margin: unset;
    margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 1px #000;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #333333;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #333333;
    color: #ffffff;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #ffffff;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    border: solid 1px #000;
    margin: unset;
    margin-bottom: 4px;
    border-radius: 0;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #ffffff;
    color: #333333;
    border: none;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #ffffff;
    border-top: none;
    border-bottom: none;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #333333;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333333;
    color: #ffffff;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: #333333;
}
.page-rate-widget-box .cancel a:hover {
    background: #333333;
    color: #ffffff;
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
 
.anchor {
    position: sticky;
    height: 0;
    top: 0;
}
.sidebox {
    padding: .14rem;
    margin-top: 0;
    margin-bottom: 8px;
    width: calc((100vw - 870px)/2);
    max-height: calc(100vh - 18rem);
    position: absolute;
    top: 0;
    left: 103.5%;
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
}
@media (max-width: 1290px) {
    .sidebox {
        display: none;
        visibility: hidden;
    }
}
 
.scp-image-block {
    box-shadow: none;
}
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: #333333;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #333333;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #efefef;
     border: unset;
     box-shadow: none;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ffffff;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #333333;
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #ffffff;
     background-color: #ffffff;
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: #333333;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #ffffff;
     background-color: #333333;
}
 .yui-navset .yui-content {
    background-color: #ffffff;
    box-shadow: none;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
    padding: .5em;
    border: 1px solid #333;
    box-sizing: border-box;
}
 
/*---- SCROLLBAR ----*/
 
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background: #FFF;
    border-left: 1px solid #333;
}
 
::-webkit-scrollbar-thumb {
     background: #CCC;
     border: #333 1px solid;
}
 
::-webkit-scrollbar-thumb:hover {
     background: #EEE;
}
 
/*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
 
.imagediv {
    float: right;
    margin: 15px
}
 
@media (max-width: 540px) {
    .imagediv {
        float: none;
        text-align:center;
        margin: auto;
    }
}
 
@media only screen and (max-width: 600px) {
    .scp-image-block.block-right{
        float: none;
        margin: 10px auto;
    }
}
 
/*---- ACS-COLORED TABLE DIVS ----*/
 
#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
    background-color: #D7EFE7;
}
 
#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
    background-color: #D8ECF4;
}
 
#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
    background-color: #FDF6D7;
}
 
#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
    background-color: #FFDABF;
}
 
#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
    background-color: #F5D8E0;
}
 
#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
    background-color: rgba(146, 0, 255, 0.2);
}
 
.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 2px;
}
 
.tableb .scp-image-block {
    border: none;
}
 
.tableb .scp-image-block img {
    border: #000 1px solid;
    box-sizing: border-box;
}
 
.tableb .scp-image-block .scp-image-caption {
    margin-top: 2px;
    border: #000 1px solid;
    box-sizing: border-box;
}
 
.top-left-box > .item {
  display: none;
}
 
/* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
span, a { word-break: normal !important }
 
.avatar-hover { display: none !important; }
 
#breadcrumbs, .pseudocrumbs {
    text-align: center;
    padding-top: 10px;
}
 
#main-content .page-tags span {
    max-width: 100%;
}
 
/* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
 
#page-content .fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-46-ec6z/wl_hr.png');
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
#page-content .fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    border-image: url('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-47-mqmb/wl_border.png') 600 round;
    border-image-width: 6;
    padding: 2vw;
}
 
/*---- Localization for JP ----*/
 
/* Rate Module */
#page-content div.page-rate-widget-box .rate-points {
    font-family: verdana,arial,sans-serif;
    font-size: 0.8rem;
}
.creditRate .page-rate-widget-box .cancel a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    padding: 2px 5px;
    box-sizing: border-box;
    color: #333333;
}
.creditRate .page-rate-widget-box .cancel a:hover {
    color: #ffffff;
}
 
/* Credit Module */
#page-content .creditRate.creditModule .rate-box-with-credit-button {
    border: none 0;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button .page-rate-widget-box {
    border: solid 1px #000;
    margin-bottom: 0;
}
.creditRate.creditModule .rate-box-with-credit-button .creditButton {
    display: inline-flex;
    width: 20px;
    height: 18px;
    background: #ffffff;
    border-color: #000;
    border-radius: 0;
    box-shadow: none;
}
.creditRate.creditModule .rate-box-with-credit-button .creditButton a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 16px;
}
 
/* Info Module */
.creditRate:not(.creditModule) .rate-box-with-credit-button .creditButton {
    width: auto;
    background: none;
    border: none 0;
    border-radius: 0;
    box-shadow: none;
}
.creditRate:not(.creditModule) .rate-box-with-credit-button .creditButton p a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    padding: 0;
}
 
/* Side Bar */
#side-bar {
    display: grid;
    grid-template-areas:
        "a"
        "a"
        "a"
        "a"
        "red"
        "blue"
        "b"
        "b";
}
#side-bar .side-block[style="background-color: #a7dba2;"] {
    background: #D7EFE7 !important;
}
#side-bar .side-block[style="background-color: #e5e5ff;"] {
    background: #D8ECF4 !important;
    grid-area: blue;
}
#side-bar .side-block[style="background-color: #fff0f0;"] {
    background: #F5D8E0 !important;
    grid-area: red;
}
#side-bar .side-block[style="background-color: #f0f0f0;"] {
    background: #FFFFFF !important;
}
@media (max-width: 767px) {
    #side-bar:target {
        display: grid;
        width: 19em;
    }
}
@media (min-width: 768px) {
    #side-bar:target {
        display: grid;
        width: 19em;
        border: none 0;
        border-right: solid 1px #333;
    }
    #side-bar:target .close-menu {
        margin-left: 21em;
        opacity: 0;
    }
}
#side-bar hr {
    margin-top: 0;
}

by PlaguePJP & J Dune

+ 職員メモを開く +

サイト-322とエリア-179は統合プログラムを

発表できますことを喜ばしく思っております！

これぞ財団のアノマリーを収容する最新の方法なのです。

ところで統合プログラムって何？

きっかけは2018年の生物収容サイト-59でした。職員がSCP-5031の状況を改善し、最終的にこれまで試された収容プロトコルはどれもアノマリーを悪化させる一途であったらしいことがわかると、サイト管理官は別の収容方法があるかもしれないと考えたのです。数ヶ月に渡る実験の末に、SCP-5031はシェフとしてサイトの体制に統合されました。

これに感銘を受けたサイト-322管理官のポール・ラグーは、「統合プログラム」の指針の下にこうした形式の収容を実施していくことにしました。

アノマリーが統合プログラムの対象と見做されるにはまず、以下の要件を最低1件は満たしている必要があります。

• アノマリーが知性ないしは自我を有する。この場合、実験は容易に済み、アノマリーの快適度を直接測ることができるためです。とはいえ例外もあります。
• アノマリーが自身と財団にとって有用なスキルを提供する。このスキルを判定するために実験を行うこともあります。

ええ、我々サイト-322としても、これが財団にとってとんでもない大変革になることは理解しています。さて、あなたがこの成果を信じられないようでしたら、統合プログラムに参加したアノマリーたちの声を聞いてみてはいかがでしょう？

SCP-5595: 私ハ トテモ 幸セデ 今ノ シゴトニ 満足シテイル。アリガトウ SCP財団。コンナモンデイイカ、クソ野──

SCP-6453: アントニン・スカリア。

エージェント・ウッドコック: ブッ殺しても捕まんねえんだぜ。嫌になる理由なんてねえよ！

どうです？ これでもまだ我々を信じられないのでしたら、ご自分でもご確認くださいね！

統合されたアノマリー

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

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

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

SCP-3837
Corn Goblin
It seems that the creatures' malice does not seep into its fur. A pure diversion!
By PlaguePJP & Tstaffor

SCP-6483
The Polar Express
Ho ho ho! My sleigh awaits!
By Ralliston & LORDXVNV

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

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

SCP-6833
The Piss World
…the most recognizable of them being a massive ocean composed of urine.
By Starch Tuber

SCP-6593
Only Cans
Fuck, you make me want to dispense something so bad.
By PlaguePJP

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

プログラムのストーリー

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

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

SCP-6121
CAPSLOCK CREW
HOOT HOOT.
By HarryBlank

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

HOGSLICE vs bones
HOGSLICE has entered the chat.
By Uncle 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 Anonymous & Ralliston

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

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

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 OriTiefling

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 Ralliston

執筆するには

バックグラウンド

統合プログラムはペンシルベニア州フィラデルフィアに存在する、PlaguePJPのサイト-322とJ Duneのエリア-179を取り巻く緩いカノンです。緩いというのは、そのまま緩いという意味です。確立されたキャラクターを除けば、あらゆるものがサイト-322とエリア-179に収まります。

統合プログラムは両サイトの中心的な焦点です。職員メモで述べたように、統合プログラムはSCP-5031からインスパイアを受けています。本プログラムは、アノマリーも職員も同じように快適に滞在できるようにする収容メソッドです。とは言いましても、統合プログラムが財団の便益のためだけに使われることもあるでしょう。統合されたアノマリーのほとんどはユーモラスで陽気ですが、あらゆるトーン・ジャンルの話を展開可能です。

キャラクター

ポール・ラグー管理官 (Director Paul Lague): 統合プログラムの設立者にして主導管理官であるラグーは、おおらかな男です。彼は財団史上最年少のサイト管理官であり、わずか20歳で昇進しています。ラグーのおおらかな態度はより保守的な同世代たちからそこそこ顰蹙を買っていますが、彼の目下にあるサイト-322の進歩・生産性については認めざるを得ません。ラグーは真面目に取り組まなければならない時を知っていますが、職員とアノマリーのことを考えて、サイト-322を穏やかな状態にしておくことを好みます。

アンソニー・コイクス博士 (Doctor Anthony Coix): “共同サイト管理官”であるアンソニー・コイクスは、サイト-322のヒエラルキーにおいてラグー管理官の直下に位置します。彼は規則第一な人間で、P.ラグーの態度や彼らが遭遇する妙ちきりんなアノマリーたちに対しツッコミ役を演じます。コイクスは一貫して損な役回りであり、その運の無さっぷりはウェトルに匹敵するほどだとよく自嘲しますが、かなり誇張してもいます。

SCP-5595/ジェフリー・クインシー・ハリソン3世 (Geoffrey Quincy Harrison III): 統合プログラムの指針下で統合された史上初のアノマリー。生意気で嫌味ったらしいながらも愛すべきガムボールマシーンは、財団経理部門を率いており、彼の仕事がどれほど素敵か教えてくれることでしょう。彼はまたあらゆる問題においてラグー管理官の右腕を務め、強情に振る舞っているアノマリーへの取り調べにおいていつも活躍してくれています。

ジェイ・デューン管理官 (Director Jay Dune): デューン管理官は会社にいるようなごますり屋のご機嫌取りです。彼は統合プログラムの案を心底嫌っていますが、エリア-179がサイト-322から車で1~2時間の距離にあることから監督者命令で無理やり参加させられました。媚びへつらっていることをひけらかしはしませんが、彼の本性を理解するのにそれほど時間はかかりません。

エリック・トレントン博士 (Doctor Eric Trenton): トレントンはエリア-179に駐在するインタビュアーです。彼は179職員の中で規則第一な、バカバカしいほど高慢ちきな人物であり、アノマリーの自由気ままぶりに我慢なりません。トレントンはただインタビューをやり過ごしたいだけなので、なるべくスムースに話を進めていこうとします。

SCP-6599-1/HOGSLICE: HOGSLICEは多弁な男であり、かの有名な頑固で無意味なCapsLockの怒涛の暴言の下には、多大なニュアンスが潜んでいます。HOGSLICEは自分の意見、世界観、事実認識を他あらゆることの上に置く、世間の逆を行くキャラクターです。HOGSLICEの見方はごく限られており、その修正を拒むことを念頭に入れておくのが重要です。彼は大声で口汚く罵るような人間ですが、それが彼のすべてでもありません。

SCP-5175/エージェント ダミアン・ウッドコック (Agent Damien Woodcock): ウッドコックは、面倒臭い問題が浮上すると統合プログラムが出してくる用心棒です。典型的なキモオタで、ありとあらゆるアニメ (特に『ジョジョの奇妙な冒険』)、ビデオゲーム、武器が大好きであり、アニメを見れば日本語を話せると思っています。彼は財団傘下の秘密の異常アサシンとして活動しており、その道のプロです──これは主に、彼の得物である“デスナイフ”と、彼曰く“スタンド”であるSCP-5175-1によるものです。

参加方法

舞台設定

サイト-322はペンシルベニア州フィラデルフィアに所在します。そこは大きなサイトであり、五百名の財団スタッフ、三百のアノマリーの収容室、数百のオフィスを備えています。サイト-322にはまた、財団経理部門、ダメージコントロール部門、そしてもちろん統合プログラムがあります。

トーン

サイト-322やエリア-179の記事がユーモラスであったり陽気でないといけないわけではありません。あらゆるジャンルがウェルカムです。とはいえ、統合プログラムに焦点を当てた記事は陽気になりがちです──脅威的だったり、危険だったり、恐ろしかったりするアノマリーがIntegrated収容クラスに収まることは困難ですから。不可能というわけではありません。私はあえてあらゆる著者に、あらゆるジャンルを持ち込んで、財団の体制に統合してみるように言ってのけます。

ちょっとしたルール

統合プログラムのガイドラインは大変緩やかです。あなたとあなたの作中キャラクターが、アノマリーが如何に財団とその日々の業務にポジティブな影響を与えるのかについて正当化された理由を用意できるのであれば、それは統合できます。

我々はアノマリー分類システムの使用を推奨しています。コードはやや煩雑になりますが、ここにテンプレートを置いておきます。

[[include :scp-jp:component:anomaly-class-bar-source

|item-number= XXXX
|clearance= 1/2/3/4/5/6
|container-class= esoteric
|secondary-class= integrated
|secondary-icon= http://scp-jp-storage.wdfiles.com/local--files/file%3A3995762-308-ulpx/integrated1.png
|disruption-class= お望みの撹乱クラス
|risk-class= お望みのリスククラス
]]

[[include :scp-jp:component:acs-peppo-split
|object= お望みのオブジェクトクラス
|object-image= アノマリー分類バーのページにあるオブジェクトクラスか、他何らかの特殊クラスの画像へのリンク。
|object-color= お望みのオブジェクトクラスカラー (収容クラスはすべて小文字で入力してください。'safe'のグリーンがよければ、ここにはsafeと入力してください)
|esoteric-color= thaumiel (これはそのまま)
]]

アノマリーが統合されるということは、それは必然的にサイト-322、ポール・ラグー管理官、アンソニー・コイクス博士、ないしはエリア-179、ジェイ・デューン管理官、エリック・トレントン博士と関わりがあるということです。彼らの詳細はキャラクタータブを見てください。

統合プログラムは、人間のキャラクターを使うのと同じやり方でアノマリーを使う必要がある設定です。既に統合済のアノマリーをあなたの記事に関与させることを恐れないでください。基本のキャラクター性以外のカノン性は大変緩いので、好き勝手書いていい余地にはかなりのものがあります。

PlaguePJPとJ Duneはきっとあなたの記事の批評を受け付けてくれます。自分たちが作り上げたもので書こうとしてくれている人がいるのを知るのは素敵ですからね。既存記事と同じキャラクターを書いている場合や、アイデア構想があれば質問も受け付けています。

記事の投稿時、ハブの適切なカテゴリの下に追記してください¹。「統合されたアノマリー」は、Integratedオブジェクトクラスの下にあるか、統合プログラムの下にあると直接言及されているSCP用です。「プログラムのストーリー」は、物語中でアノマリーが統合されるわけではないものの、サイト-322かエリア-179のキャラクターとその統合アノマリーにスポットが当たっているか、登場している記事です。以下のコードを使用し、適切なリストの最下部に記事を追記してください。

SCP報告書

[[div class="article"]]
[[size 125%]][[[SCP-XXXX]]][[/size]]
**報告書タイトル**
//1〜2文の引用//
[[size 75%]]By [[*user your username]][[/size]]

Tale

[[div class="article"]]
[[size 125%]][[[tale-url | Taleタイトル]]][[/size]]
//1〜2文の引用//
[[size 75%]]By [[*user your username]][[/size]]

Footnotes

1. 訳注: SCP-ENへ投稿する際のガイドライン。