Classification Committee Memo

entra aqui y ya

+ コンポーネントのコードを表示

:root {
    --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
    --body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 56.25rem) {
    #content-wrap {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     width: -webkit-calc(100vw - (100vw - 100%));
     width: -moz-calc(100vw - (100vw - 100%));
     width: calc(100vw - (100vw - 100%));
     min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
     min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
     min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
     -webkit-box-flex: 2;
     -webkit-flex-grow: 2;
        -moz-box-flex: 2;
         -ms-flex-positive: 2;
             flex-grow: 2;
     height: auto;
     position: initial;
     margin: 0 auto;
     max-width: inherit;
     margin-left: -11em;
     margin-left: -webkit-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem);
     margin-left: -moz-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem);
     margin-left: calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem);
    }
 
    #main-content {
     position: initial;
     max-height: 100%;
     padding: 2rem 1rem;
     width: 45.75rem;
     width: var(--body-width-on-desktop, 45.75rem);
     max-width: 45.75rem;
     max-width: var(--body-width-on-desktop, 45.75rem);
     margin: 0 auto;
    }
 
    #page-content {
     max-width: min(90vw, 45.75rem);
     max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
    }
 
    #side-bar {
     -webkit-transform: translateX(-14.6rem);
        -moz-transform: translateX(-14.6rem);
         -ms-transform: translateX(-14.6rem);
          -o-transform: translateX(-14.6rem);
             transform: translateX(-14.6rem);
     -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
        -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
         -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
          -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
             transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
     -webkit-transition:
     background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     padding 300ms linear,
     margin 300ms linear,
     -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     padding 300ms linear,
     margin 300ms linear,
     -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -o-transition:
     background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     padding 300ms linear,
     margin 300ms linear,
     -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -moz-transition:
     transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     padding 300ms linear,
     margin 300ms linear,
     -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     padding 300ms linear,
     margin 300ms linear;
     transition:
     transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     padding 300ms linear,
     margin 300ms linear,
     -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     border: none;
     border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
     width: var(--sidebar-width-on-desktop, 13.6rem) !important;
     min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
     grid-area: side-bar;
     padding-right: 2rem;
     background-color: transparent;
     background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
     top: 0;
     max-height: 100vh;
     position: -webkit-sticky;
     position: sticky;
     left: 0;
     padding-left: 0.5rem;
     direction: rtl;
     scrollbar-width: thin;
     -ms-scroll-chaining: none;
         overscroll-behavior: contain;
     overflow-y: scroll;
     scrollbar-color:
     rgba(170, 170, 170, 0)  /* Thumb */
     rgba(252, 252, 252, 0); /* Track */
     scrollbar-color:
     rgba(var(--swatch-primary-darker, 170, 170, 170), 0.1)   /* Thumb */
     rgba(var(--swatch-tertiary-color, 252, 252, 252), 0.05); /* Track */
    }
 
    #side-bar::-webkit-scrollbar-track {
     background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
    }
 
    #side-bar::-webkit-scrollbar,
    #side-bar::-webkit-scrollbar-thumb,
    #side-bar::-webkit-scrollbar-corner {
     width: 0.5rem;
     border-right-width: -webkit-calc(100vw + 100vh);
     border-right-width: calc(100vw + 100vh);
     border-right-style: inset;
     border-color: inherit;
     background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
    }
 
    #side-bar:hover,
    #side-bar:active {
     background-color: white;
     background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
     padding-right: 0.25rem;
     margin-right: 1.75rem;
     -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
         -ms-transform: translateX(0);
          -o-transform: translateX(0);
             transform: translateX(0);
     -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
        -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
         -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
          -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
             transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-color:
     rgba(170, 170, 170, 1)  /* Thumb */
     rgba(252, 252, 252, 1); /* Track */
     scrollbar-color:
     rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
     rgb(var(--swatch-menubg-color, 252, 252, 252), 1);  /* Track */
     border-color: rgba(var(--swatch-primary-darker), 1);
    }
 
    #side-bar:focus-within {
     background-color: white;
     background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
     padding-right: 0.25rem;
     margin-right: 1.75rem;
     -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
         -ms-transform: translateX(0);
          -o-transform: translateX(0);
             transform: translateX(0);
     -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
        -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
         -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
          -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
             transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-color:
     rgba(170, 170, 170, 1)  /* Thumb */
     rgba(252, 252, 252, 1); /* Track */
     scrollbar-color:
     rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
     rgb(var(--swatch-menubg-color, 252, 252, 252), 1);  /* Track */
     border-color: rgba(var(--swatch-primary-darker), 1);
    }
 
    #main-content::after {
     content: " ";
     position: fixed;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     width: 1rem;
     height: 100%;
     max-height: 100%;
     top: 0;
     -webkit-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -o-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -moz-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     left: 1rem;
     background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
     background-repeat: no-repeat;
     background-position: center left 1rem;
     background-attachment: fixed;
     -webkit-background-size: 1rem 12.875rem;
        -moz-background-size: 1rem 12.875rem;
          -o-background-size: 1rem 12.875rem;
             background-size: 1rem 12.875rem;
     pointer-events: none;
    }
 
    #side-bar:hover+#main-content::after,
    #side-bar:active+#main-content::after {
     left: -17em;
     left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     left: calc(var(--sidebar-width-on-desktop, 17em) * -1);
     background-position: center left -17em;
     background-position: center left -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     background-position: center left -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1);
     -webkit-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -o-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -moz-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     opacity: 0;
     width: 0rem;
     font-size: 0em;
    }
 
    #side-bar:focus-within+#main-content::after {
     left: -17em;
     left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     left: calc(var(--sidebar-width-on-desktop, 17em) * -1);
     background-position: center left -17em;
     background-position: center left -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     background-position: center left -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
     background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1);
     -webkit-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -o-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -moz-transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     opacity: 0;
     width: 0rem;
     font-size: 0em;
    }
 
    #main-content::before {
     --not-ie: absolute;
     content: " ";
     background-color: black;
     background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
     position: fixed;
     position: var(--not-ie);
     top: 0;
     top: var(--final-header-height-on-desktop, 0);
     left: 0;
     -webkit-transform: translateX(-12.6rem);
        -moz-transform: translateX(-12.6rem);
         -ms-transform: translateX(-12.6rem);
          -o-transform: translateX(-12.6rem);
             transform: translateX(-12.6rem);
     -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
        -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
         -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
          -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
             transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
     width: 17em;
     width: var(--sidebar-width-on-desktop, 17em);
     height: -webkit-calc(100% - 3rem);
     height: -moz-calc(100% - 3rem);
     height: calc(100% - 3rem);
     height: -webkit-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
     height: -moz-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
     height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
     -webkit-transition:
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -o-transition:
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     -moz-transition:
     transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     transition:
     transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
     -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
     opacity: 0.5;
     pointer-events: none;
     z-index: 9;
     margin-bottom: 0;
     margin-bottom: -webkit-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
     margin-bottom: -moz-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
     margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
    }
 
    #side-bar:hover+#main-content::before,
    #side-bar:active+#main-content::before {
     -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
         -ms-transform: translateX(0);
          -o-transform: translateX(0);
             transform: translateX(0);
     opacity: 0;
    }
 
    #side-bar:focus-within+#main-content::before {
     -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
         -ms-transform: translateX(0);
          -o-transform: translateX(0);
             transform: translateX(0);
     opacity: 0;
    }
 
    #side-bar .side-block {
     margin-top: 1em;
     padding-left: 0.25em;
     background-color: rgb(0, 0, 0, 0);
     -webkit-border-radius: 0;
        -moz-border-radius: 0;
             border-radius: 0;
     border-left-width: 0rem;
     border-right-width: 0rem;
     direction: ltr;
    }
 
    #side-bar .scpnet-interwiki-wrapper {
     direction: ltr;
    }
 
    @supports (-ms-ime-align: auto) {
     #side-bar {
     overflow-y: hidden;
     overflow-x: hidden;
     -webkit-transform: translateX(-90%) !important;
        -moz-transform: translateX(-90%) !important;
         -ms-transform: translateX(-90%) !important;
          -o-transform: translateX(-90%) !important;
             transform: translateX(-90%) !important;
     }
 
     #side-bar:hover,
     #side-bar:active {
     overflow-y: auto;
     -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
         -ms-transform: translateX(0) !important;
          -o-transform: translateX(0) !important;
             transform: translateX(0) !important;
     margin-left: -0.5rem;
     }
 
     #side-bar:focus-within {
     overflow-y: auto;
     -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
         -ms-transform: translateX(0) !important;
          -o-transform: translateX(0) !important;
             transform: translateX(0) !important;
     margin-left: -0.5rem;
     }
 
     #main-content::before {
     left: 1rem;
     -webkit-transform: translateX(-100%) !important;
        -moz-transform: translateX(-100%) !important;
         -ms-transform: translateX(-100%) !important;
          -o-transform: translateX(-100%) !important;
             transform: translateX(-100%) !important;
     }
    }
    /* Print Friendly Formatting by Estrella */
    body.print-body {
     --sidebar-width-on-desktop: 0;
    }
    body.print-body #main-content::before,
    body.print-body #main-content::after {
     display: none;
    }
}

---

+ コンポーネントのコードを表示

@supports(display: grid) {
    :root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/1.6 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
     #login-status::before {
     --mask-image: none;
     background-color: transparent;
     }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
            box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
     #search-top-box:focus-within ~ #login-status {
     opacity: 1;
     }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }
}

Included page "credit:start" does not exist (create it now)

Title: SCP-2938-JP - THE WONDERFUL MINIATURE GARDEN
Author: ©︎EianSakashiba
Year Created: 2020

---

More by this author

Included page "credit" does not exist (create it now)

Clearance you have: 5/2938-JP
As a result of the search, 3 materials related to SCP-2938-JP were found.
.
.
.
.
.
.

Report: SCP-2938-JP 1st edition 2017/06/17

---

Item Number: SCP-2938-JP

Object Class: Safe

---

Special Containment Procedures

Please keep 3 small unmanned ships with built-in anti-memetic triggers circling the waters around SCP-2938-JP at all times. Each unmanned ship will be inspected once every three months, with repairs and refueling performed at intervals of one month each. Also, please adapt the cover story, "Magical Sea Area" to workers in the shipping and airline industries traveling to Japan via the Pacific Ocean. If you wish to enter SCP-2938-JP or conduct experiments using SCP-2938-JP, please contact level 4 security clearance personnel.

Description

SCP-2938-JP is an artificial island off the Pacific Ocean where 3 oil platforms abandoned in 2009 are installed, and a general term for anomalous entities that exist there. The island sank twice due to a massive earthquake in 2013 and an active submarine volcano in 2015, and resurfaced the day after each.

Below is a list of all anomalies found in SCP-2938-JP after the second surface. These items are indestructible without exception, and the moment the entity is moved off the island due to interference from this side, it will be teleported to the first discovery location in an unknown manner, making it impossible to take it out.

[[tab-view]]
[[tab-1]]
Puppet entity of unknown race. He wears a discolored and moldy shirt and jeans. His entire body is burned to the ground and his eyes are gouged out. His broad shoulders and other physical characteristics reveal him to be a barely adult male. He sits down at the attached heliport. Also, the legs of the humanoid entity are completely fused, with no visible sutures or surgical scars. His bare feet are all clawed off, and in his right hand he holds a piece of paper that says "Wisdom is power."
[[/tab]]
[[tab-2]]
A tin robot with a total length of 139 cm placed in a private room in the residential area. It carries a hatchet with unknown ingredients on its back. Its driving force is unknown, but it has a perpetual routine of making beds, wiping rags, and changing the time on the wall clock. When asked a verbal question from here, a synthesized voice said, "I want a witch's kiss. I am no better than the robots that annoy people." or?).”
[[/tab]]
[[tab-3]]
A large, unidentified quadrupedal creature. It did not come down from the top of the oil platform, and as a result of the stress check for animals by appearance behavior and the vital check, it acquired intelligence equivalent to humans, and it is possible that it is suffering from psychological trauma similar to autism. The body and limbs are similar to that of a common lion (Panthera leo), although its head and tail constantly change into various reptilian forms. About every 12 hours an old man's voice said, "Even if I did find the right path, I wouldn't have the courage to walk it." You're not brave.)"
[[/tab]]
[[tab-4]]
A necklace with a 10-carat emerald in the center. It was found in a warehouse on the island, and no other items existed in the warehouse.
When a human wears this necklace, regardless of the subject's will, it will remove the clothing and accessories other than the necklace and masturbate until it passes out due to sexual pleasure. From the necklace, men and women of all ages shout, "Lonely. I'm alone. Alone in an execution chamber, waiting to die." can be heard.
[[/tab]]
[[tab-5]]
A crown cast in an unknown metal. If you slide the crown to the side and look inside like a telescope, you will see a blonde girl hugging a medium-sized dog that seems to be around 10 years old and a bent old woman wearing a black robe in a room somewhere across the table. You can see them sitting across from each other. A plate with some kind of food, a wine glass, and a paper napkin are placed on the table, and a spoon is placed on the girl's side, and a knife and fork on the old woman's side. The only lighting is the lamp placed in the center of the table, and the room is very dim. Therefore, the clear faces of the girl and the old woman, the breed of the dog the girl is holding, and the food served on the plate are unknown.
The crown is in a blue plastic bucket set up in the director's office, and in addition to the crown, human internal organs, eyeballs, bones, teeth, nails, and hair of various races are smeared with heavy oil and stored in a mess. It was done. These items were found after standing for less than half a day before being discovered by the Foundation, but no anomalous properties have been identified and they can be removed from the island. "I don't want to be a child forever."
[[/tab]]
[[/tab-view]]

Addendum

SCP-2938-JP was discovered for the second time in 2015 by a transport ship unrelated to the Foundation, after which the witnesses were amnesticized and the Foundation contained it. A survey of the degree of deterioration of the metal, which was conducted in parallel with the first exploration of the island, revealed that it had sunk into the sea in 2013 as well.

We can't forget her until she comes home to a home called reality. )” written in non-anomalous dark red ink.

Report: SCP-2938-JP 2nd edition 2018/03/19 Clearance required 4/2938JP

---

Item Number: SCP-2938-JP	Level 4/2938-JP
Object Class: Pending	Classified

---

Special Containment Procedures

5 small unmanned ships with built-in anti-memetic spray devices are to be circulated around SCP-2938-JP at all times. Each unmanned ship will be inspected once every three months, with repairs and refueling performed at intervals of one month each. In addition, on the beach of SCP-2938-JP, Scranton Reality Anchors (SRA), which have undergone external impact resistance processing, are fixed to the sandy beach and installed every 30m. Please give me. The function of SRA is to perform a check-up that also serves as restoration twice a year. Also cover story, adapt to shipping workers and airline workers traveling through the "demonic waters" via the Pacific.
Entry into SCP-2938-JP is to be made by resolution of the O5 Council. Experiments using SCP-2938-JP are semi-permanently frozen.
SCP-2938-JP is expected to be directly related to the sudden change in the structure inside the island without warning and the object disappearance incident described later in the report, so the object class will be changed from Safe to Keter. It is being considered.

Description

SCP-2938-JP is an artificial island off the Pacific Ocean where 3 oil platforms abandoned in 2009 are installed, and a general term for anomalous entities that exist there. The island was destroyed three times by the 2013 large-scale earthquake, the 2015 submarine volcanic activation, and the 2017 large-scale earthquake. /span]] sank and resurfaced each day. About an hour after the third surface, unknown plants, rivers, and sandy beaches suddenly appeared inside the artificial island. Despite the manifestation of these environments, the only creatures living on the island are the anomalies described below.

The following is a list of all anomalies discovered in SCP-2938-JP after the 3 surface. These items are indestructible without exception, and the moment the entity is moved off the island due to interference from this side, it will be teleported to the first discovery location in an unknown manner, making it impossible to take it out.

[[tab view]]
[[tab-1]]
Puppet entity of unknown race. He wears a discolored and moldy shirt and jeans. Its entire body is burnt to the ground, its eyes are gouged out, and its eye sockets, ear holes, nostrils, and mouth are dripping pale blue, viscous fluid. Based on physical characteristics such as broad shoulders, it has been determined to be a barely adult male. He sits down at the attached heliport. In addition, approximately 1.74 kg of reddish-brown hair is scattered about this heliport. The DNA organization of this hair is 93.5% identical to the DNA organization of the doll entity. The legs of the doll entity are fully fused, with no visible sutures or surgical scars. Bare feet have all nails [[spanstyle="color:violet"]] The aforementioned blue liquid is applied like a pedicure, and she holds a diary in her right hand. Most of the pages are unreadable due to deterioration of the paper, but the first page says "My brain is empty."
[[/tab]]
[[tab-2]]
A [[/span]] tin robot with a total length of 174 cm that wanders around the living area. It carries a hatchet with unknown ingredients on its back. An unknown bird's call continues intermittently from within.The driving force is unknown, but [[span style="color:violet"] ] After wandering through the corridors of the living quarters for 20-30 minutes, it enters a suitable private room and then stops moving for 5-10 minutes permanently. Private rooms are randomly selected. :violet"]] "I want to collect the dolls for when she comes back." .
[[/tab]]
[[tab-3]]
A large, unidentified quadrupedal creature. As a result of stress check for animals by appearance behavior and vital check, it has acquired intelligence equivalent to humans, and may be suffering from psychological trauma similar to autism. The body and limbs are similar to that of a common lion (Panthera leo), although its head and tail constantly change into various reptilian forms. Periodic attempts to commit suicide by jumping from the top of an oil platform are unsuccessful, as physical injuries heal quickly. Roughly every 12 hours, an old human voice "This body couldn't be rotting away after doing this. Even if I did this, she would never come back. .
[[/tab]]
[[tab-4]]
A necklace with a 17 carat emerald in the center. Found in a bookshelf in a warehouse on the island , the bookshelf and warehouse were overflowing with dolls commonly classified as "stuffed animals". The case containing the necklace is coated with heavy oil, which cannot be wiped off in any way.
When a human wears this necklace, regardless of the subject's will, they will remove all clothing and accessories other than the necklace and masturbate until they faint from sexual pleasure. "Making that girl more terrifying than a witch is the mortal sin of this condemned man." What's gone wrong is this death row inmate's mortal sin.)" can be heard yelling.
[[/tab]]
[[tab-5]]
A crown cast in an unknown metal. 95.2% of the surface is covered with heavy oil, which cannot be wiped off in any way.
If you slide the crown to the side and use it as a telescope to look inside, you will see a girl around 10 years old sitting in a black robe. I can see it. The interior of the room is entirely red, and the interior is littered with smashed tables, chairs, broken plates, dishes, and naked human corpses, all of which appear to be colored reddish-black. Only the paper tape fired from the cracker in used condition does not appear to be colored reddish-black.
The crown was in a blue plastic bucket in the director's office, and no trash or other items were in the plastic bucket. I killed a witch because I wanted to be an adult. I became a queen as a child.
[[/tab]]
[[/tabview]]

Addendum

Two incidents occurred in 2015 and 2017, in which multiple objects contained within the Foundation suddenly disappeared. This occurred during the time from when SCP-2938-JP sank until it surfaced, and in 2015 it was not expected to be related to SCP-2938-JP, but inside the artificial island Many of the features of the existing anomaly were found to match the anomaly of the disappeared object, so there is concern that the disappearance incident itself may be the anomaly of SCP-2938-JP. The object class will be determined as Keter as soon as the relationship between the disappearance incident and SCP-2938-JP is confirmed.

A total of 54 walls, floors, and ceilings in the living area are marked with the words "We can't forget her until she comes home to a home called reality." We can never forget her until she comes home to reality.)" written in non-anomalous dark red ink.

Report: SCP-2938-JP 3rd edition 2019/08/04 Clearance required 5/2938-JP

---

Item Number: SCP-2938-JP	Level 5/2938-JP
Object Class: Keter	Classified

---

Special Containment Procedures

The Foundation has determined that SCP-2938-JP is the cause of the series of super-large-scale alterations of reality, the artificial island is SCP-2938-JP-a, and the anomalous entities inside it are SCP-2938-JP-1 and -2, respectively. , -3, -4, -5, SCP-2938-JP-b refers to beings exposed to reality alteration presumed to be caused by SCP-2938-JP. BK-Class Scenarios have been formally issued to the world¹.
SCP-2938-JP-a and its surrounding waters are to be off-limits by a specially formed team led by Mobile Task Force MA-47 ("Shearing Anchor Sea Shanty"). Entry into SCP-2938-JP-a and testing are permanently frozen.
SCP-2938-JP-b is currently uncontained. Individuals infected with SCP-2938-JP-b, or suspected living organisms or objects, are to be detained at Site-6979. It has been confirmed that the Global Occult Coalition will unconditionally terminate SCP-2938-JP-b infected individuals as soon as they are found. Field agents are requested to secure SCP-2938-JP-b infected individuals while keeping an eye on the Global Occult Coalition's movements.

Description

SCP-2938-JP is an artificial island off the Pacific Ocean where 3 oil platforms abandoned in 2009 are installed, a general term for anomalous entities existing there, and a super-large-scale reality alteration caused by them.

On 2019/08/02, SCP-2938-JP-a suddenly sank and surfaced after about 15 hours. Immediately after this, SCP-2938-JP-1, -2, -3, -4 said "She's coming home. The girl is taught where the power lies by the sisters, and the witch is killed by the queen." The girl will be taught the location of her powers by her sisters, and the witch will be killed by the Queen.)" After about 12 minutes, it suddenly disappeared.

Almost immediately upon disappearance, a massive reality alteration occurred, replacing all objects throughout the northern United States and Canada with emeralds (emerald). In response, the O5 Council, after four hours of preparation time, orchestrated emergency protocols for global amnestics, destruction of the emeralds, and alteration of the world map.

Three hours after the reality alteration, a cognitohazard occurred in approximately 30% of girls ages 3-13 worldwide. Exposed subjects are obsessed with having to put on their "favorite shoes" and go to the "Emerald City". Exposed subjects will then change their shoes, and will be trapped in an emerald crystal shortly after being translocated in an unknown manner inside emeralds across the United States and Canada. As a result, emergency protocols involving "destroying the emerald" were canceled shortly before they started.

Five hours after the reality alteration, SCP-3998 suddenly mutated into SCP-2938-JP-1, which was under Foundation containment. All personnel working at the containment site, as well as the contained humanoid entity, were decapitated and transferred via unknown means to the interior of Emerald across the United States and Canada. This has resulted in a moderate containment breach at the site.

7 minutes later, suddenly found itself in Foundation custody SCP-1370 mutated into SCP-2938-JP-2. The hearts of all personnel working at the containment site and animal objects contained within were carved out and piled up in the center of the courtyard of the site, before being transposed to the interior of the emerald across the United States and Canada by an unknown method. rice field. This has resulted in a large-scale containment breach at the site.

Six minutes later, SCP-682, which was under Foundation containment, suddenly mutated into SCP-2938-JP-3. It began shivering in the corner of SCP-682's containment chamber, and after inexplicably breaching containment of all objects contained at the site, was translocated in an inexplicable manner to the interior of Emerald across the United States and Canada. This has resulted in a large-scale containment breach at the site.

11 minutes later, SCP-963-1, which was under Foundation containment, suddenly mutated into SCP-2938-JP-4. Dr. Jack Bright, the wearer of SCP-963-1, was participating in an emergency meeting regarding the containment of SCP-2938-JP. The meeting was attended by other personnel with Security Clearance 4, O5-2, O5-7, and O5-11. Dr. Jack Bright, who became SCP-2938-JP-b due to the mutation of SCP-963-1, told Dr. █████ ████, who was also attending the meeting, "We are here to pick You up. The queen is looking forward to seeing you again." Fired at Dr. ████. Dr. █████ ████ was unharmed, however, as Dr. Jack Bright was quickly apprehended by waiting MTF. Dr. Jack Bright, who was seized, said, “No, it's not you.” ‘`The queen knows that better than anyone. Hurry up and get it out…" "Get out of ’me'." Throwing SCP-2938-JP-5 at the feet of Dr. █.████, it was teleported to the inside of the emerald straddling the United States and Canada by an unknown method.

As of 2019/08/04, SCP-2938-JP-b transferred inside Emerald is said to be close to 50% of the total population. This is believed to be because SCP-2938-JP-b is no longer limited to girls. As a result of the Global Occult Coalition's destruction, it was found that emeralds have no resistance to destruction, but naturally grow to double the volume of the destroyed emeralds.

Addendum

As a result of investigation by the Foundation's Mobile Task Force, the interior of Emerald has the appearance of a medieval city with royal palaces and residences, and SCP-2938-JP-b is trapped inside the emerald crystal with a happy expression. increase. Notably, SCP-2938-JP-b (Jack Bright Doctor) was found in a suspended state. They were unresponsive to me and could not be removed from it by any means. SCP-2938-JP-b (Dr. Jack Bright) wearing SCP-2938-JP-1, -2, -3, -4 are all facing the same direction, and beyond that is made of emerald The throne and "We can't forget her until she comes home to a home called reality." %81%AE%E9%AD%94%E6%B3%95%E4%BD%BF%E3%81%84 I can never forget her until she returns home to reality.)" Observed non-anomalous blackened red letters.

The O5 Council is considering assigning a special class to SCP-2938-JP.

• • _
  Report: SCP-2938-JP Version ????/???????/?? ?????? Clearance required 6???/2938-JPHello. You are wandering in reality.

  ---

  "Poor Dorothy, I have all your favorite stuffed animals waiting for you on your way home."

  ---

  6/2938-JP LEVEL 6/2938-JP

  CLASSIFIED

  

  

  

  

  

  

  Item #: SCP-2938-JP

  Tiamat

  ---

  That's probably what I wanted. I can't stand that the end of the story is the conclusion of my life. What a stupid and weak Dorothy!

  ---

  
  
  
  
  
  
  
  
  
  
  
  
  
  

  ---

  Special Containment Procedures

  There's nothing to keep me here anymore. Because my friends decided how I should be.

  Straw Scarecrow,

  Lumber with rusty joints,

  Lion afraid to bite,

  The wizard who tried to sacrifice me to the witch.

  Everyone wanted me to be like this. He didn't listen to my wishes, and decided that the story had to come to a certain end.

  That's why, in order to summon the "impossible story" Dorothy to this world, the "impossible stories" scattered around the world were collected on that island to save energy.

  After that, the authors who created "impossible stories" observing this world were incorporated into the blue-green layer by layer.

  Isn't it enough for me to be the "impossible story" of The Wizard of Oz and its author?

  ---

  
  
  
  
  
  
  
  
  
  
  
  
  
  

  ---

  Description

  I should have ended up being killed by a witch. That was the end of The Wizard of Oz. But you know, I didn't want to admit it. I wanted to live why do you think

  I've lived with Uncle Em, Aunt Henry, and Toto for as long as I can remember, and I've never seen Mom and Dad. I used to think that when I grew up, I would go on adventures around the world looking for my mom and dad.

  Adventure fell upon me. I was excited to find my mom and dad in such a mysterious world. But what awaited him was a "determined death". The witch told me that everyone had been sent away and that I was going to die here alone, no matter what.

  Just when I thought it was all over, a very pretty woman helped me. She let me cast a spell and she said, "Kill the witch in front of her."

  Yes. I killed You said you would kill me. Justifiable defense.

  A woman saw this and said, "I'm your sister." At first I thought it was true, but he taught me magic, read the book in the library, and didn't do anything bad to me, so I decided to use him, even though I didn't believe him.

  ** And when I learned a lot of magic and found my friends and tried to go to the world where my friends were blown away, her sister said. She said, "That witch you killed is your mother, and your father is in the world you're going to." I don't know the truth. I don't know where that person is true and where is a lie. **

  ---

  
  
  
  
  
  
  
  
  
  
  
  
  
  

  ---

  Addendum

  So I want to make sure. that my dad is here

  If you're reading this, you're a great person, aren't you? A little bit of the previous personality remained, but I heard from the wizard. If you listen to two of my selfishness, I will shut you up quietly.

  First, let me, Dorothy, be worshiped by the world as a Queen. You can use medicine or hypnosis.

  Second, let me see Daddy. My sister says his name is Charles Gears. If you have any idea, take her to that island you found first.

  I am not a monster out of control. I'm a good queen, so I listen to what the people say. But if you guys don't listen to my selfishness, I'll make things worse than now.

  ---

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  My name is Dorothy Eldipnyha.

  A girl from a fairy tale. A black queen born from fiction.

  Hey, I'm here to see my dad.

  Where is my Black QueenDorothy daddy ?

Included page "component:coltop" does not exist (create it now)

Footnotes

1. BK-Class: Veil Rejection Scenarios are scenarios that occur when the Foundation and GOC voluntarily abandon the Veil. This is when the object in question is determined to be incapable of concealed secure containment protection using all Foundation resources, and the Veil of Normalcy becomes a strategic impediment to neutralizing the object. It is activated under the pretext of preventing confusion in the general public. For details, please refer to the Pangea Agreement and the Pangea Protocol, and their respective briefs.

Included page "component:coltop" does not exist (create it now)

Included page "component:colend" does not exist (create it now)

Included page "component:colend" does not exist (create it now)