/* 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;
}
}
/*
Penumbra Theme
[2020 Wikidot Theme]
By EstrellaYoshte
Based on:
Paperstack Theme by EstrellaYoshte
Ad Astra Theme by NatVoltaic and stormbreath
Inkblot Theme by Croquembouche
Anderson Robotics Theme by Croquembouche
BHL Style Collapsible by Monkatraz
Edited for SCP-JP by ukwhatn
*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
#page-content { font-size: .9rem; }
body {
font-family: 'Roboto', sans-serif;
color: #EDEDED;
background-color: #2F333C;
background-image: linear-gradient(
to bottom,
#21252E, #21252E 90px,
#21252E 90px, #2F333C 200px,
#2F333C 200px, #2F333C 100%);
background-repeat: no-repeat;
}
#main-content {
top: -1.2rem;
}
/* ---- SCROLLBAR ---- */
::-webkit-scrollbar {
width: 9px;
background: transparent;
}
::-webkit-scrollbar-track {
background: #21252E;
}
::-webkit-scrollbar-thumb {
background: #ededed;
border: none;
}
::-webkit-scrollbar-thumb:hover {
background: var(--accentColor);
}
/* ---- HEADER ---- */
div#container-wrap {
background-image: none;
}
div#header {
background-image: none;
}
div#extra-div-1 {
height: 164px;
width: 100%;
top: 0;
position: absolute;
background: var(--lgurl);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -1;
}
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
/* Move the subtitle down a smidge */
#header h2 { margin-top: 0.45rem; }
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
color: var(--accentColor);
font-family: 'Josefin Sans', sans-serif;
text-shadow: none;
}
/* Set the new text's content from variable */
#header h1 a::before {
content: var(--header-title, "SCP FOUNDATION");
font-weight: 300;
font-size: 1.3em;
}
#header h2::before {
content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
font-weight: 600;
font-size: 1.22em;
}
#login-status {
color: #ededed;
}
#login-status a {
color: var(--accentColor);
}
#login-status ul a {
color: #ededed;
background: #21252E;
}
#login-status ul a:hover {
color: var(--accentColor);
}
#account-topbutton{
border: solid 1px var(--accentColor);
}
#footer, #footer a {
background: transparent;
color: #ededed;
}
#license-area {
color: #ededed;
}
#search-top-box {
top: 2.2rem!important;
right: 8px;
}
#search-top-box-form > input[type=submit] {
border: solid 1px #ededed;
background: #21252E!important;
box-shadow: none;
border-radius: 0;
color: #ededed;
transition: color 0.15s linear;
}
#search-top-box-form input[type=submit]:hover {
border: solid 1px var(--accentColor);
box-shadow: none;
color: var(--accentColor);
}
#search-top-box-form > input[type=text] { display: none; }
/* ---- TOP BAR ---- */
#top-bar {
top: 8.4rem;
display: flex;
justify-content: center;
right: 0;
}
#top-bar, #top-bar a {
color: #ededed;
transition: color 0s;
}
#top-bar ul li ul {
border-color: var(--accentColor);
overflow: hidden;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-top-color: #2F333C;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: #21252E;
color: #ededed;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
background: #21252E; /* top bar hover background color */
color: var(--accentColor);
transition: color 0.1s linear;
}
/* ---- SIDE BAR ---- */
div#side-bar{
background: #21252E;
clear: both;
padding: .8em;
border-radius: 0;
box-shadow: none;
overflow-x: hidden;
}
#side-bar .heading{
color: #ededed;
font-family: 'Josefin Sans', sans-serif;
font-size: 0.94rem;
border-bottom: solid 1px #ededed;
}
#side-bar .side-block {
border: transparent;
border-radius: 0;
box-shadow: none;
background-color: #21252E!important;
}
#side-bar .side-block.media {
background-color:#21252E;
}
#side-bar .side-block.media > * {
display: flex;
justify-content: space-evenly;
}
#side-bar .side-block.resources {
background-color:#21252E;
}
.side-block .menu-item > .image {
display: none;
}
#top-bar div.open-menu a {
border-radius: 0;
box-shadow: none;
color: var(--accentColor)!important;
background-color: #21252E!important;
border: solid 1px #21252E!important;
}
@media (max-width: 767px) {
#main-content {
padding: 0;
margin: 0 5%;
border-left: none;
}
#page-title {
margin-top: 0.7em;
}
#side-bar {
background-color: #21252E;
left: -21em;
}
#side-bar:target {
border: none;
box-shadow: none;
}
#side-bar .close-menu {
transition: width 0.5s ease-in-out 0.1s,
opacity 1s ease-in-out 0s;
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: rgba(0,0,0,0.3);
background-position: 18.6em 50%;
z-index: -1;
opacity: 0;
pointer-events: none;
}
#side-bar:target .close-menu {
width: calc(100% - 18.6em);
right: 0;
left: auto;
opacity: 1;
pointer-events: auto;
}
#side-bar:target .close-menu:hover {
background: unset;
}
#page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
margin: 3em -5.5%;
}
#side-bar {
top: 0;
}
#side-bar .heading {
padding-left: 1em;
margin-left: -1em;
}
#search-top-box {
top: 107px;
}
}
/* ---- TABS ---- */
/* ---- 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: var(--accentColor);
box-shadow: none;
}
.yui-navset .yui-nav a, /* ---- Link Modifier ---- */
.yui-navset .yui-navset-top .yui-nav a{
color: #ededed;
font-weight: bold;
/* ---- Tab Background Colour | [UNSELECTED] ---- */
background-color: #21252E;
border: unset;
box-shadow: none;
box-shadow: none;
transition: background-color 0.15s linear;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus{
color: #ededed;
/* ---- Tab Background Colour | [HOVER] ---- */
background-color: var(--accentColor);
}
.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: #ededed;
background-color: #21252E;
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: var(--accentColor);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em{
border: none;
}
.yui-navset .yui-nav .selected a{
width: 100%;
color: #21252E;
font-weight: bold;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active{
color: #21252E;
background-color: var(--accentColor);
}
.yui-navset .yui-content {
background-color: #21252E;
box-shadow: none;
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content{
padding: .5em;
border: none;
}
/*---- TAB ANIMATION by Croquembouche ---- */
.yui-navset .yui-content > div {
display: block;
top: 0;
overflow: hidden;
transform-origin: 0 0;
}
#page-content .yui-navset .yui-content > div[style*="none"] {
display: block !important;
flex: 0;
max-height: 0;
padding: 0 0.5em;
border-width: 0;
/* The following transition affects the one that DISAPPEARS */
transition: padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
display: block !important;
flex: 1;
max-height: 9999rem;
/* The following transition affects the one that APPEARS */
transition: padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
@keyframes tab-disappear {
0% { max-height: 9999rem; }
1% { max-height: 100vh; }
100% { max-height: 0; }
}
@keyframes tab-appear {
0% { max-height: 0; }
99% { max-height: 100vh; }
100% { max-height: 9999rem; }
}
/* ---- INFO BAR ---- */
body{
--barColour: #21252E;
--linkColour: #ededed;
}
.info-container .collapsible-block-content{
padding: 0 .5em 30px;
}
.info-container .collapsible-block-content .wiki-content-table{
width: 100%;
}
/* Ayer's info-bar patch by Monkatraz */
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
box-shadow: none;
}
#page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before {
content: " ";
display: none;
}
#page-content .info-container .collapsible-block-content::after {
display: none;
}
/* ---- INFO PANE ---- */
#page-content .creditRate{
margin: unset;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 3px;
}
#page-content .rate-box-with-credit-button {
background-color: #21252E;
border: solid 2px #21252E;
border-radius: 0;
box-shadow: 3px 0px 0px 0px var(--accentColor);
}
#page-content .rate-box-with-credit-button .creditButton p a {
border-left-color: transparent;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
border-radius: 0;
}
#page-content .rate-box-with-credit-button div.page-rate-widget-box .rate-points {
border-left: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
border-radius: 0;
}
#page-content .rate-box-with-credit-button .fa-info {
color: #ededed;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
color: var(--accentColor);
}
#page-content .creditButtonStandalone p a {
background-color: #21252E;
border: solid 2px #21252E;
border-radius: 0;
box-shadow: 3px 0px 0px 0px var(--accentColor);
color: #ededed;
}
#page-content .creditButtonStandalone p a:hover {
color: var(--accentColor);
}
#page-content .modalbox {
background: #2F333C !important;
color: #ededed;
box-shadow: none;
}
.close-credits,
.credit-back {
filter: grayscale(100%) invert(100%) contrast(275%);
}
/* ---- Credit Module for JP ---- */
#page-content .creditRate.creditModule .rate-box-with-credit-button {
background-color: #21252E!important;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button .creditButton {
background-color: unset;
border: unset;
box-shadow: unset;
}
#page-content .creditRate.creditModule ~ #u-credit-view .modalbox .modalbox-title {
background: #21252e;
}
/* ---- PAGE RATING ---- */
.page-rate-widget-box {
margin: unset;
border-radius: 0;
border: solid 2px #21252E;
box-shadow: 3px 0px 0px 0px var(--accentColor);
background-color: #21252E;
margin-top: 4px;
margin-bottom:4px;
margin-right: 3px;
}
div.page-rate-widget-box .rate-points {
background-color: #21252E;
border: none;
color: #ededed !important;
text-transform: capitalize;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #21252E;
border-top: none;
border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #ededed;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #21252E;
color: var(--accentColor);
}
.page-rate-widget-box .cancel {
background: transparent;
background-color: #21252E;
border: none;
}
.page-rate-widget-box .cancel a {
color: #ededed;
}
.page-rate-widget-box .cancel a:hover {
background: #21252E;
color: var(--accentColor);
}
/* ---- PAGE ELEMENTS ---- */
.page-source, tt{
font-family: "Fira Code", monospace;
font-size: 0.87rem;
}
.code pre, .code p, .code {
font-family: "Fira Code", monospace;
font-size: 0.87rem;
color: #21252E;
}
h1 {
color: var(--accentColor);
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
color: #EDEDED;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}
#page-title {
color: #ededed;
font-family: 'Josefin Sans', sans-serif;
font-size: 1.65rem;
text-align: center;
border-color: #ededed;
}
/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a:visited {
color: var(--accentColor);
transition: color 0.15s linear;
}
a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
color: #ffffff;
text-decoration: none;
background-color: var(--accentColor);
}
a.newpage { filter: hue-rotate(180deg); }
/* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */
#page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover {
background: transparent;
}
.info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
background: var(--linkColour) !important;
}
hr{
background-color: var(--accentColor);
}
blockquote,
div.blockquote,
#toc {
background-color: #21252E;
border: solid 2px #2F333C;
box-shadow: -3px 0px 0px -0.1px var(--accentColor);
}
.code {
background-color: #F8F8F8;
border: solid 3px #2F333C;
box-shadow: none;
}
.scp-image-block {
border: solid 8px #21252E;
border-bottom: solid 0px #21252E;
box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
background-color: #21252E;
border: solid 4px #21252E;
color: #ededed;
font-size: 0.84rem;
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
@media (max-width: 540px) {
.scp-image-block.block-left, .scp-image-block.block-right {
float: none; clear: both; margin-left: auto; margin-right: auto;
}
}
#page-content .wiki-content-table tr th {
border: solid 1px var(--accentColor);
color: var(--accentColor);
background-color: #21252E;
/* set border for table title */
}
#page-content .wiki-content-table tr td {
border: solid 1px var(--accentColor);
/* set border for table content */
}
/* fancy collapsible */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
background: #21252E;
transition: background 0.25s linear;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
width: min-content;
white-space: nowrap;
overflow: hidden;
margin: auto;
}
#page-content .collapsible-block-folded .collapsible-block-link::before {
content: "▷ ";
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
content: "▽ ";
}
#page-content .collapsible-block-link {
text-decoration: none;
color: #ededed;
font-weight: bold;
}
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
background: var(--accentColor);
}
#page-content .collapsible-block-unfolded-link {
box-shadow: 0px -0.26rem 0px 0px var(--accentColor);
}
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
margin-top: 10px;
margin-bottom: 10px;
}
/* Selection */
::selection {
background: var(--accentColor);
color: #ffffff;
}
/* Footnotes */
.hovertip {
font-size: .9rem;
background-color: #21252E !important;
border: solid 1px var(--accentColor) !important;
}
.footnotes-footer {
background-color: #21252E;
padding-left: 1.4rem;
padding-right: 1.4rem;
padding-bottom: 1.5rem;
box-shadow: -0.24rem 0px 0px 0px var(--accentColor);
}
.footnotes-footer .title {
color: #ededed;
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
display: none;
}
/* Tags */
#main-content .page-tags a {
margin-top: .18rem;
}
.page-tags span {
border-top: 1px solid #ededed;
}
/* Pop-Up Windows */
.owindow {
background-color: #21252E;
border-color: var(--accentColor);
}
.owindow .modal-header {
background-color: #21252E;
}
.owindow .modal-body img {
background-color: transparent !important;
}
.owindow .title {
background-color: #21252E;
color: #var(--accentColor);
border-bottom: 1px solid #2F333C;
}
.owindow .button-bar a {
background-color: #21252E;
border-color: var(--accentColor);
color: #ededed;
}
.owindow .button-bar a:hover {
background-color: var(--accentColor);
}
/* Edit Buttons */
.buttons .btn {
background-color: #21252E;
border-color: var(--accentColor);
color: var(--accentColor);
padding: 3px 5px;
}
.buttons .btn:hover {
background-color: var(--accentColor);
color: #21252E;
}
/* Edit Lock Info*/
#lock-info {
background-color: #21252E;
border-color: #ededed;
}
/* Close Button for Page Source, Rating, Etc */
a.action-area-close:hover {
background-color: #21252E;
}
/* Page-History Current */
.pager .current {
background-color: var(--accentColor);
border-color: #ededed;
}
/* History Compare */
.inline-diff ins, .inline-diff del {
color: #21252E;
}
/* ---- INTERWIKI ---- */
.scpnet-interwiki-frame{
filter: invert(100%) grayscale(100%) contrast(75%);
}
/* ---- CUSTOM SYNTAX ---- */
.darkbox {
background-color: #21252E;
border-left: solid 0.26rem var(--accentColor);
border-right: solid 0.26rem var(--accentColor);
padding: .4rem;
margin-top: 12px;
margin-bottom:12px;
}
.lightbox {
background-color: #ededed;
color: #21252E;
border-left: solid 0.26rem var(--accentColor);
border-right: solid 0.26rem var(--accentColor);
padding: .4rem;
margin-top: 12px;
margin-bottom:12px;
}
.lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 {
color: #21252E;
}
.limit {
margin-bottom: -1rem;
z-index: 5;
}
.anchor {
position: sticky;
height:0;
top: 0;
z-index: 5;
}
.sidebox {
background-color: #21252E;
border-top: solid 2px var(--accentColor);
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;
}
/* Sidebox mobile optimization, courtesy of Woed */
@media (max-width: 1290px) {
.sidebox {
width: auto;
max-width: 65vw!important;
border: none;
padding-left: 0.4rem; padding-right: 0.4rem;
top: 0.75rem;
right: calc(((100vw - 45.8rem)/2) * -1);
left: initial;
-webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
-webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
-o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
overflow: visible;
}
.sidebox::before, .sidebox::after {
content: " ";
position: absolute;
right: 0;
}
.sidebox::before {
top: calc(50% - 0.75rem);
width: 0;
height: 0;
border-top: 0.75rem solid transparent;
border-bottom: 0.75rem solid transparent;
border-right: 0.75rem solid var(--accentColor);
transition: border 0.1s ease-in-out 0.1s;
z-index: 10;
}
.sidebox::after {
top: 0;
max-width: 0.75rem;
width: 100%;
height: 100%;
box-shadow: 0.15rem 0 0 0 var(--accentColor);
max-height: calc(100vh - 18rem);
background-color: #21252E;
z-index: -1;
transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
}
.sidebox > * {
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out 0.2s;
-o-transition: opacity 0.2s ease-in-out 0.2s;
transition: opacity 0.2s ease-in-out 0.2s;
}
.sidebox:hover {
overflow: visible;
-webkit-clip-path: inset(-0.125rem -0.25rem 0 0);
clip-path: inset(-0.125rem -0.25rem 0 0);
-webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
-o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
}
.sidebox:hover::before {
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
}
.sidebox:hover::after {
box-shadow: 0 -0.125rem 0 0 var(--accentColor);
right: 0;
max-width: 100%;
}
.sidebox:hover > * {
opacity: 1;
}
}
@media (max-width:768px) {
.sidebox, .sidebox:hover {
right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
}
}
:root {
--accentColor: #1EB5E8;
--lgurl: url("http://scp-jp-storage.wdfiles.com/local--files/file%3A3396310-43-tbvr/logo.png");
}
警報がサイト-118の冷たいホール全体に鳴り響き、警報灯の緊迫した赤い光が全てを満たす。
サイトのセキュリティ担当者達が銃を持って走り回るたび、金属製の床にこもった足音が鳴り響いた。彼らのしるしである黒い装甲が赤く照らされる。遠くで悲鳴が聞こえる。絶望に満ちた助けを求める声が何千もの部屋にこだまする。咆哮も少ないながらその中にはあり、耳をつんざくように通り過ぎた。
しかしながら、シギーにはそのどれも聞こえていなかった。
彼女は眠っていたからだ。
博士達が彼女を眠らせる必要があると考えて以来、シギーはずっと眠りに落ちていた。
シギーはいい子だった。彼らが彼女に麻酔をかけたとき、彼女は彼らの言ったとおりに目を閉じて眠った。
彼女が夢の世界を漂っている時、彼女の部屋は美しく彩られていた。いつもは白いはずの壁が彼女自身が描いた絵やポスターで埋め尽くされていたからだ。博士がいうにはそれは彼女の家で、彼女はここが今までで一番の家だと思った。
目覚めたとき、シギーが最初に知覚したのは暗闇だった。
常夜灯すらついていなかった部屋の中では彼女は何も見ることができなかった。彼女はポスターも、白い壁も、絵も、博士のいかなる痕跡も見つけられなかった。まるで博士がこの場所を夜にするよう決めつけたかのようだった。
シギーは夜が好きではなかった。
「ルミナ」シギーがささやくと、すぐさま彼女の指先は明るい光を放ち、部屋が照らされた。
そこで彼女は自分の絵やポスター、常夜灯が眠るときのままであることに気づいた。博士たちは何も触れていなかったのだ。
しかし直後に彼女が気付いたものは、静寂だった。
シギーの家にはいつも音楽が流れていた。彼女がそのように望んでいたからだ。優しい博士は快諾し、彼女が望んでいたようにラジオを彼女の家に置くことにした。
ラジオは彼女のベッドの隣の椅子の上にあり、彼女はいつものように光っていない方の手でボタンを押す。
音楽は、流れてこなかった。
不意に、シギーは恐怖に襲われた。
「ねえ?」彼女は呼び声を上げ、周りを見回し、光っている手で周りに人がいないか探す。「博士? 怖いよ。ライトを付けてくれない?」
答えは返ってこない。返ってくるのは、耳をかき消したかのような沈黙だけだった。
シギーは彼女のベッドから降り、いつも魔女の装束に着替えていた姿見へとゆっくり近づく。彼女は博士がそこから観察していることを知っていた。博士のラナがそう言っていた。ラナは賢い女の子で、信頼していた博士だった。
彼女はラナがくれたテディベアが今すぐ欲しかった。博士達は彼女が寝る直前にそれを取り上げたていたのだ。
彼女は姿見をノックした。
「もしもし? 博士達? 昼寝の時間は終わったわ。ライトを付けてくれない? 」
彼女は少しの間待った。反応はない。
「ねえ、お願い。常夜灯とラジオだけでもつけてくれないかしら? 私いいこにするから、約束するわ!」
答えは返ってこない。
彼女は光っている手を鏡に向けてそれを見通そうとしたが、見えるのは彼女の手から出てくる光の反射だけだった。
唇は震えていたが、彼女はなんとかそれを止めようとしていた。彼女は勇敢な子だった。とても、とても勇敢な子だ。
彼女は家の隅にあるドアへと顔を向けた。聞きたいことがあったときは、博士はいつもそこから入ってきていた。しかし彼女が外に出ようとするときは、ドアはいつも閉まっていた。
彼女はある記憶を振り払った。博士は外に出るのは悪いことだと彼女に言い聞かせていた。彼女はそのことについて、考えたくなかった。
彼女は躊躇する。
でも、彼らはここにいなかったよね?
シギーはゆっくりと近づき、ドアを押そうと彼女の光っていない方の手を伸ばす。
ゆっくりとキーーーッという音を出し、ドアは暗い暗い廊下へと開かれた。
彼女は震える足を踏み出して声を上げる。「博士? 博士?」
廊下には彼女の声がこだましたが、彼女以外誰も返事をしなかった。
その時、彼女は今こそ力を発揮するべきと気づいた。そしてそのためには、道具が必要だった。
「サモナス・ハッティウス」シギーが自身にささやくと、突然大きな紫色の帽子が彼女のブロンドヘアの柔らかい房に舞い降りた。「サモナス・ワンダス」彼女がもう一度ささやくと、光っていない方の手に杖が現れた。
「よし、行こう。」彼女はささやいて、廊下に出た。「ハロー? 私はここにいるわ! どうか迎えに来て!」
彼女は一歩踏み出す。
「怖い……」彼女は誰にも聞こえないようにつぶやいた。
ゆっくりと、光る手を前にかざしながら、彼女は廊下を歩いている。
「ハロー?」彼女は暗いカフェテリアを通りながら呼ぶ。
「ハロー?」彼女は収容ロッカーの扉を通りながら呼ぶ。
「ハロー?」彼女は大きなホールに出ながら呼ぶ。
誰も答えなかった。彼女はもう動きたくなかった。
シギーが入った大きなホールは彼女の手で前を照らすには暗すぎたため、彼女は息をひそめて他の呪文を唱えた。
「ルミナ・ブライテニア」
その瞬間、彼女の光る手は部屋全体を照らし、彼女の行き先が見通せるようになる。
そこで彼女が見たものは、世界で最も彼女が恐れるものだった。
博士達は自らの血でできたプールの中に横たわっている。黒い斑点が床に散らばっていた。まるで引き裂かれた人形のようにばらまかれた大人たちの体が、身に着けた装甲で黒く光っているのだ。
彼女は凍り付いた。心臓の鼓動がこれまでにない程早まっているのを感じる。喉に何かがせりあがってくる苦しい感触がしたが、なんとか押し下げた。
「こ、こ、こんにちは?」彼女は呼び掛けた。声は震えていた。彼女は逃げ出したかった。
しかし、彼女は勇敢な子だった。
「だ、誰かいる?」
するとずっと遠くで、大きくて黒い何か、キラキラした頭と黒いガラスの隻眼の何かが彼女の方を振り向いた。
「僕がいるよ。」明るく、邪悪な声が返ってきた。「ばぁっ!」
シギーは全力で悲鳴を上げ、持てるだけの脚力を振り絞って逃げ出した。
彼女は収容ロッカーとカフェテリアとその他たくさんの部屋を通り抜けて、ようやく彼女の家だった部屋へと戻ってきた。急いで入り、後ろのきしむドアをバタンと閉め、ベッドに飛び込んでブランケットを頭まで被った。
シギーは走っているときに帽子を無くして、手に持っていた杖が真っ二つに折れていることに気づいた。そんなことは気にならなかった。彼女はただ、博士が戻ってきて何もかもいつも通りの安全で幸せな生活に戻してくれることを望んでいた。
私は悪い子だったの? 博士達がここに置き去りにして黒い一つ目の巨大モンスターに食べさせようとするくらい? いい子にしてたのに、どうして彼らはそんなことを? どうして?
その時、廊下からやってくる重い足音が聞こえ、彼女の中で渦巻いていた思考のあれこれはピタリと収まった。
彼女は息を殺した。
彼女は震えを止めた。
彼女はじっとしていた。
ドアが開く。
グルルルルルルルルルルルル、鳴き声がする。
シギーの鼓動は早くなる。
どうか来ないで。彼女は祈る。私を食べないで。
涙がシギーの頬に伝う。死にたくない。死にたくない。どの呪文も彼女を救うことはできず、ただ死にたくないと祈ることしかできなかった。
そのとき、重々しい手が彼女の頭上のブランケットに触れるのを感じた。
瞬時にブランケットは彼女から投げ出され、皮膚にウジの湧いた血まみれの博士の死んだ目が彼女を見つめた。
「ばぁーー!」死体は叫び、シギーはかつてない程の大声で悲鳴を上げた。
その瞬間に彼女はひらめき、力いっぱい「ルミナ・ブライティア!」と唱える。
まばゆい閃光が部屋を照らし、死体をふらつかせ、シギーは逃げる選択をした。
しかし大きなものがドアを塞ぎ、彼女が逃げるのを阻止している。
「やあ、おちびちゃん、落ち着いて。」優しい声が彼女の前でした。
シギーは逆方向へと走り出し、ベッドに戻った。
「すごく怖がらせちゃったかな? ごめんね」少し口ごもって、続けた。「僕はフレンドリーだよ、マジで。心配しないで」
彼はため息をついた。
「ねえ、おちびちゃん。目を開けてくれる?」
「いや!」シギーは頬に涙を流しながら言う。「もし開けたらあなたは私を食べるんでしょ!」
「食べる? 馬鹿言っちゃいけないよ。僕はただ君を怖がらせたかっただけさ! 目を開けてみなよ」
シギ―はしばらく黙ってから、片目を開けた。
「ルミナ・スモーリア」彼女がささやくと、再び彼女の指に光が灯った。
彼女の前には、金属製のヘルメットを被った背が七フィートもあるサルがいて、奇妙にも、二本の長いアンテナと大きくて黒い丸ガラスが顔を見えないように取り付けられていた。
それは彼女が大きなホールで見たモンスターそのものだった。
シギーは叫ぶ。
すぐさまそのサルは両腕を伸ばして彼女を落ち着かせようとしたが、効果はなかった。
「僕が君を食べるなんて、そんなクソみたいな目的じゃない。心配しないで。僕は君に少しだけ怖がってほしかったのさ、ねえ」
シギーは彼の方に振り返り、目を丸くして、「じゃああなたはただ……私を怖がらせたかっただけ?」
そのサルは毛むくじゃらの腕を彼女の腰の側に置いた。「ああ、僕は怖かっただろ、なあ?」
「……ええ。」
「それが僕の一番の特技なのさ。博士がそう言ってくれた。」
博士の話題が出てきて、シギーの顔はすぐに元気になった。「博士があなたに言ってくれたの?」
猿は頭を掻く。「まあ、本当は僕は彼らのことを博士と呼ばないけれど、博士なんだろうね。」
ーは急いで数インチ離れ、膝を胸まで上げて座った。「その、あなたは博士を見たの? 私は博士のうちの一人に言いたいことがあるわ」
「博士達のことかい?」彼は頭を掻く。「みんな死んでしまったよ。僕は数か月前に収容セルから出たばかりなんだ。だから、何が起こったのかは見ていないな。」
「何が……起こったっていうの?」シギーはまるで実感がないかのように言った、無論彼女にとっては実際に知りえぬ出来事なのだが。
「ああ、そう、何かが起こったんだ。誰かが彼らを殺した。」彼は彼女を見つめ、腕を上げ、彼女を怖がらせようと指を動かした。「きっとまだこのあたりにいるかもねえぇぇぇえ—」
シギーは悲鳴を上げた。
サルはすぐに腕を降ろした。「わかったわかった! もうしない」彼はじっと彼女を見下ろした。「大人を怖がらせる分には全然いいけど、でも子供は……子供は大げさに叫びすぎちゃうんだ。」
彼女が泣いていることに彼が気が付いたのはその時だった。
「しかも……泣いちゃうんだよ。ああ、ごめんよ。」
一時間後、サルとシギーは家のベッドに三フィートの距離を保ちつつ座っていた。
シギーはほとんど壁にくっついて、膝を彼女の胸まで持ち上げている。涙の跡が頬に残っていた。
サルは両手を行儀正しく膝の上に置いている。彼はすぐ隣にいる少女から目をそらしていた。
その時彼は、これが博士の言っていた「気まずい」という言葉の表すものであると気づいた。
彼は緊張をほぐそうとした。「じゃあ、ええと……君の名前は?」
少女は無言で彼に振り返った。
彼はうなずく。「分かったよ!」
彼はため息をついた。「……分かりました。」
「あー、博士が君の面倒を見てたんだろう? 僕と同じようにね。」
彼女はうなずいた。
「えっと、話せるかい? ちょっと前には話してたし、できれば、ね……?」
彼女はうなずく。
「ファック、なんてこった、このクソみたいな部屋で一人しゃべり続けるなんてまっぴらごめんだ。」
沈黙が支配する。
そして、ついに彼女は口を開いた。それはほとんど聞こえないくらいのつぶやきだったが、彼は聞き取ることができた。
「ラナは、いい子がばっちい言葉遣いをしちゃだめって言ってた。」
「き、ばっちい? ばっちい言葉って何だい?」
シギーは大きな緑色の眼で彼を見つめ、唇を歯に押し当てた。「例えば、ffffffー、そうFワードのようなの」それから彼女は舌を上あごに当てた。「そしてsh、シから始まる……あの言葉も」
「ああ、ファック! それとシットか!」
シギーの声は数段大きくなった。「ばっちい言葉はダメ!」
サルは両手を上げて和解のジェスチャーをした。「わかった! わかった、ごめんよ。僕は、よく知らないんだその……君のことについて。」
沈黙が再び支配する。
「あなた、あの時どうやってあんな姿になったの?」シギーが言う。
サルは彼女に振り向き、困惑した。「ん? どんな姿だったかって?」
「死んだ博士のようだったってこと。」
「ああ、あのクソ博士—」
彼女は彼に侮蔑の視線を送る。
彼は人差し指を上げ、すぐに下した。「ああ、ごめん。」
彼は足をベッドのそばに引き寄せた。「まあ、人々を怖がらせることが僕の生業なんだ。博士が僕をセルに入れてから自覚したんだ、それ以来怖がらせることは僕の使命だよ。」
「でもあなたはどうやったの? その、形を変えるやつ?」
「どうも何もただやってるだけさ。僕はどんな形にもなれるんだ。」彼の顔は再び腐った死体に変わった。「ほらね?」
シギーは目を見開いた。
彼は元に戻り、ため息をついた。
「でも、どうやら君はそれが気に入らなかったみたいだね。」
シギーはうなずく。
「ええ、あー……もういいだろ! 君はどうなんだい。君は手に杖を持っていて、魔女の帽子を落とした。そして君は呪文を唱えて目くらましした。」彼は乗り出した。「君は魔女かなにかかい?」
彼女はうなずいた。「そんな感じ。博士たちはね、私はどんな呪文でも唱えていいと言ってくれたし、その呪文も教えてくれたのよ。」
サルは興味を持ち、さらに身を乗り出した。「ちょ、ちょっと待ってくれ。君は本物の、マジで、魔女なのかい?」
シギーは折れた杖を持ち上げ、呪文をつぶやいた。「フィクシオミムス」
翠緑の光が強まるとともに、杖がひとりでに結びついた。折れて二つになった杖が浮き上がり、折れた箇所が何事もなかったかのように結合して修復され始める。
サルは腕を組んでいる。「なんてこった。こりゃあクs、…すごいね。」
シギーは微笑み、目は心から幸せな光で輝いていた。
サルもヘルメットの内側で微笑んだ。「そう、その笑顔。いい笑顔だよ、魔女っ子。もっと笑ってなよ、それがいいさ。」
彼女はより大きく笑った。「あなた、モンスターにしてはいい人なのね。」
彼はより強く腕を組む。「そういわれると気分がいいね、お嬢ちゃん。ありがとう。」
彼は咳払いをする。「そういや、僕はここ数ヶ月ここから外に出られる方法がないか探してたんだ。でもクソッタレな…あー…運がないことに1つも見つけられなかったんだ。」
シギーが目を輝かせる。「あなたは誰かに会ったりしたの? 博士は見なかった?」
彼は首を振った。「いいや。死体だけだね。」
「ラナはどうなの?」
彼は首を傾げた。「ラナ?」
シギーは彼の返答に対し唇を噛んだが、再び聞いた。
「じゃあモンスターは?」
「そりゃたくさん。でもあいつらに僕を変身を見破ることなんてできなかったぜ。ああいうのとはいっしょにしてほしくないと思ったよ。」
シギーは数秒間情報を整理してからまた話し出した。「どうして、どうしてあなたはここから出たいの?」
サルは笑って答える。「それはここがク…ひどい状態だから、それに限るね! 死体たちと怒り狂うモンスターたちでいっぱいだ。決していい住処とは言えないね。」
彼は彼女に一瞥する。「一緒に来る?」
「あなたと?」
「ああ」
「どこに?」
「外。この小さな地獄の外さ。」
シギーはうつむいた。
わずかに時間が過ぎる。
「あなたは私を守ってくれる? モンスターから、守ってくれるの?」
「ああ、もちろんさ。君と僕でこの恐怖に溢れた地下室に立ち向かおうじゃないか。」
「二度と私を脅かさない?」
「誓うよ」ヘルメットの中で微笑む。「僕たちは友達、だろ? なあ親友?」
シギーはうなずき、微笑んだ。「ええ、親友ね。」
サルは立ち上がって、ドアの方へ近づいた。廊下の両側を見た後、シギーに振り向いた。「見通しがいいね」
「あなたは暗闇の中でも見えるの?」
「ああ、これも僕の能力なんだよね。」彼は再び微笑み、手招きする。「こっちだ。」
「待って」彼女はそう言って、何かつぶやく。少しすると彼女の人差し指の先端から明るい光が発せられた。
彼女は右を向いてそこにあるラジオをスツールから取り出し、懐にしまった。
シギーは足を引きずってベッドから降り、笑顔を浮かばせながら、サルの方へ向かった。
サルは彼女を見つめた。「ああ、ところでさ、僕たちが出発する前にね、」彼はしゃがみこんで、彼女の目線に合わせた。「魔女っ子、君の名前は?」
彼女は一歩近づいた。「シギー。シギー・ステ…ステファンズドッティル……」
「ふうん、シギー・ステファンズドッティル、だね。僕の名前は……」
彼は少し言い淀み、頭の中で思考をめぐらす。
シギーは彼に首を前に傾げて答えるように身振りで伝えた。「あなたには名前がないのね。」
サルはヘルメットの下で顔が赤くなるのを感じた。「……うん。」
「じゃあ私が代わりに名前を付けてあげる!」シギーは顎の下に人差し指を当ててしばらく考えていたが、突然興奮して跳び上がった。
「ロボモンキー!」
サルは鼻を鳴らした。「ロ、ロボモンキー?」
「ええ。ヘルメットを被ったあなたはロボットみたいだわ。それにあなたはモンキー、でしょ。」
サルの大きな笑い声は寒くがらんとした廊下に鳴り響いた。「気に入ったよ、魔女っ子。ロボモンキーだね。」
彼が左を向くと、床に何かあるのを見つけた。
「それは何かしら?」シギーは興味津々に問いかけた。
ロボは身をかがめて床からそれを取り、シギーの頭の上に持ち上げた。
そのとき、シギーは柔らかく慣れ親しんだそれが髪にかぶさるのを感じた。それは彼女の魔女の帽子であった。失くしたと思っていた魔女の帽子である。
「もう見つからないと思っていたわ。」彼女は微笑み、彼を見上げた。「ありがとう。」
「たいしたことないね、嬢ちゃん。名前を付けてくれたお返しだと思ってくれよ。」
彼は大きな手で彼女の手を握った。シギーの手は毛皮と筋肉に包まれほとんど見えなくなってしまっている。
「さあ、ここから冒険に出かけようか。」