/* 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)); } }
/* Foxtrot Sigma-9 Theme [2022 Wikidot Theme] By Liryn Edited by iti119 for Japanese Branch */ /* FONTS */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://rsms.me/inter/inter.css'); @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@800;900&display=swap'); /* FONTS > JP */ @import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;800&display=swap'); /* VARIABLES */ :root { /* VARIABLES > Core */ --header-title: "SCP財団"; --header-subtitle: "確保、収容、保護"; --logo-img: url(http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-58-kjwu/fxtrt-scp_logo_lightmode.svg); --darkmode-logo-img: url(http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-59-l1ls/fxtrt-scp_logo_darkmode.svg); --logo-opacity: 14%; --head-font: 'Sans Normalcy', 'M PLUS 1p'; --ui-font: 'IBM Plex Sans', 'Noto Sans JP'; --mono-font: 'JetBrains Mono', 'Fira Code', monospace; --page-font: 'Inter', 'verdana', var(--yu-gothic); --base-font-size: 0.9rem; --page-font-size: 1rem; --yu-gothic: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic'; /* VARIABLES > Misc */ --header-txt-color: #333333; --subheader-txt-color: rgb(var(--accent)); --misc-txt-color: #464646; --link-txt-color: #E6283C; --link-hover-txt-color: white; /* VARIABLES > Color Accents */ --accent: var(--acc-default); --acc-default: 59, 59, 59; --acc-wyoming: 142, 0, 18; --acc-canada: var(--acc-default); --acc-poland: 87, 44, 17; --acc-slothspit: 27, 60, 133; --acc-vanguard: 0, 153, 75; --acc-threshold: 121, 113, 130; --acc-overwatch: 28, 37, 56; --acc-spc: 0, 165, 200; --acc-fishing: 67, 111, 145; --acc-nightfall: 151, 0, 2; --acc-hybrasil: 27, 60, 133; --acc-goc: 39, 84, 149; --acc-spooky: 252, 112, 40; /* VARIABLES > BetterFootnotes */ --fnColor: var(--link-txt-color); --fnLinger: 1s; } /* VARIABLES > Info Bar */ .info-container { --barColour: rgb(var(--accent)); --linkColour: #EDEDED; } /* MAIN */ html { scroll-behavior: smooth; overflow-x: hidden; } body { font-family: var(--ui-font), sans-serif; font-size: var(--base-font-size); color: rgb(51, 51, 51); background-image: linear-gradient(to bottom, #e0e0e0, #fff 200px); text-rendering: optimizeLegibility; overflow-wrap: break-word; } div#container-wrap { background: none; } #content-wrap { margin: 2em auto 0; } #page-content { font-family: var(--page-font), var(--ui-font), sans-serif; font-size: var(--page-font-size); font-weight: 440; } #page-content strong { font-weight: 700; } tt, .page-source, pre, #edit-page-textarea { font-family: var(--mono-font); } ol li { margin: 0 0 1em; } ul { margin: 1em 0; } li, p { line-height: 1.5; text-underline-offset: 40%; } ::selection { background: rgb(var(--accent)); color: #fff; } /* Clicky links */ a, a.newpage, a:visited, #side-bar a:visited { color: var(--link-txt-color); } a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover { color: var(--link-hover-txt-color); text-decoration: none; background-color: var(--link-txt-color); } a { transition-duration: 0.1s; } /* 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; } /* MAIN > Header */ div#header { background: none; height: 160px; } #header h1 span, #header h2 span { font-size: 0; display: none; } #header h1 a::before, #header h2::before { color: var(--header-txt-color); letter-spacing: 1px; font-family: var(--head-font), sans-serif !important; font-weight: 900; text-shadow: none; } #header h1 { margin-top: -0.3rem; } #header h1 a { width: fit-content; margin: auto; } #header h1 a::before { content: var(--header-title); font-size: 1.3em; } #header h2::before { content: var(--header-subtitle); font-family: var(--ui-font) !important; font-weight: 700; font-size: 1.4em; color: var(--misc-txt-color); line-height: 26px; margin-top: 0.35rem; display: block; text-transform: uppercase; } #header h1, #header h2 { margin-left: 0; float: none; text-align: center; } #header h1 span, #header h2 span { font-size: 0; display: none; } div#extra-div-1 { height: 160px; width: 100%; top: 7px; position: absolute; background: var(--logo-img) 10px 30px no-repeat; background-size: 130px; background-repeat: no-repeat; background-position: 50% 50%; z-index: -1; opacity: var(--logo-opacity); } /* MAIN > Header > Search Box */ #search-top-box-form>input[type=text] { display: none; } #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: rgb(var(--accent)); box-shadow: none; border-radius: 5px !important; color: #efefef; font-family: var(--ui-font); font-size: calc(var(--page-font-size) - 10%); } #search-top-box input.empty { color: #999999; } #search-top-box { position: absolute; top: 47px; width: unset; } /* MAIN > Header > Top Bar */ #top-bar, #top-bar a { top: 10rem; } #header #top-bar ul { border-radius: 10px; border: none; background: rgb(var(--accent)); padding-left: 15px; padding-right: 15px; } #header #top-bar a { color: white; background: rgb(var(--accent)); font-weight: bold; } #header #top-bar ul li ul { padding: 0px; border-radius: 0px; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { border-left: solid 1px #FFF; border-right: solid 1px #FFF; } #top-bar ul li ul li a:hover { color: rgba(255, 255, 255, 0.83) !important; line-height: 230%; text-indent: 3px; } #top-bar { display: flex; justify-content: center; right: 0; } .mobile-top-bar { left: unset; } /* MAIN > Header > Login Info */ #login-status { top: 19px; } #login-status, #login-status a { color: #333333; } @media (max-width: 767px) { #header .printuser { font-size: 0; } } .printuser a { margin: 0; } .printuser img.small { width: 18px; height: 18px; padding: 1px 4px 0 0; background-image: none !important; } @media (max-width: 767px) { #header .printuser img.small { transform: translate(0, 4px); } } #my-account { display: none; } @media (max-width: 767px) { #account-topbutton { margin: 0 0 0 5px; } } /* MAIN > Header > Side Bar */ #top-bar .open-menu a { border-radius: 0px; border: none; background: rgb(var(--accent)); color: white; } #side-bar { background: #FFF; } @media (min-width: 768px) { #side-bar { padding: 0.3em 0.6em 0 0.6em; width: 18.75em; transition: left 0.2s ease-in-out; direction: rtl; text-align: left; border-right: none; } } #side-bar .side-block, #side-bar .side-block.resources, #side-bar .side-block.media, #interwiki .side-block { border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 0px; box-shadow: none; margin-bottom: 6px; direction: ltr; background: transparent; } #side-bar .side-block.resources { text-align: center; } #side-bar .heading { color: var(--misc-txt-color); border-bottom: solid 2px #cfcfcf; font-size: 9pt; font-family: var(--head-font); font-weight: 800; text-transform: uppercase; } /* CONTENT */ /* CONTENT > Blockquotes, Custom Divs */ .blockquote, div.blockquote, blockquote { border: solid 2px rgba(0, 0, 0, 0.15); background: #f7f7f7; } .jotting { padding: 1.3em; margin: 1em 4.5em; border: dashed 2px rgba(0, 0, 0, 0.2); background: #f7f7f7; } .notation { padding: 1em 1.5em; margin: 1em 3em; border-left: solid 3px rgba(0, 0, 0, 0.35); border-right: solid 3px rgba(0, 0, 0, 0.35); background: #f7f7f7; } .modal { padding: 1.2em; margin: 1em 3em; border: solid 5px rgba(0, 0, 0, 0.15); background: #fbfbfb; } .quote { padding: 0.4em 2em; margin: 3em auto; border-left: solid 3px #bbb; max-width: 500px !important; } .paper { padding: 1.5em; margin: 2em; background: #FFF; box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2); } .box { padding: 1px 9px; border: solid 3px #bbb; margin: 0.5em 1em; } div.note { font-size: unset; border: 2px solid #afafaf; background-color: #fff; } .round { border-radius: 10px; } /* CONTENT > Headings, Titles */ #page-title, .meta-title { font-family: var(--ui-font), sans-serif; font-weight: 800; color: #3b3b3b; border-bottom: solid 2px rgba(0, 0, 0, 0.2); width: fit-content; margin: 0 auto 1.5rem; } #page-title, .meta-title, #breadcrumbs, .pseudocrumbs { text-align: center; } h1, h2, h3, h4, h5, h6 { font-family: var(--head-font), sans-serif; font-weight: 800; color: #3b3b3b; } h1, h2 { font-weight: 800; } .footnotes-footer .title { font-family: var(--head-font), sans-serif; color: #3b3b3b; font-weight: 800; } /* CONTENT > Rate Module */ #page-content .creditRate { margin: unset; font-family: var(--ui-font); float: unset !important; } #page-content .rate-box-with-credit-button { background-color: #fff; border: solid 1px #bbb; box-shadow: none; border-radius: 0; } #page-content .rate-box-with-credit-button .fa-info { border: none; color: #333; } #page-content .rate-box-with-credit-button .fa-info:hover { background: #333; color: #fff; } .rate-box-with-credit-button .cancel { border: solid 1px #fff; } .page-rate-widget-box { box-shadow: none; border: solid 1px #bbb; margin: unset; margin-bottom: 4px; border-radius: 0; font-family: var(--ui-font); } .page-rate-widget-box .rate-points { background-color: #fff !important; color: #333 !important; border: none !important; border-radius: 0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: #fff; border-top: none; border-bottom: none; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: #333; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #333; color: #fff; } .page-rate-widget-box .cancel { background: #fff; border: none; border-radius: 0; display: inline-block; } .page-rate-widget-box .cancel a { color: #333; } .page-rate-widget-box .cancel a:hover { background: #333; color: #fff; border-radius: 0; } #page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; } /* CONTENT > Rate Module > Author Label */ .authorlink-wrapper { --author-top-adjust: 0; --author-bottom-adjust: 0; --author-right-adjust: 0; font-family: var(--ui-font); font-size: var(--base-font-size); } /* CONTENT > Side Box */ .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; } } /* CONTENT > Image Block */ .scp-image-block .scp-image-caption { background-color: #f4f4f4; color: #3b3b3b; border: solid 2px rgba(0, 0, 0, 0.1); margin-top: 10px; box-sizing: border-box; border-radius: 5px; } .scp-image-block { border: none; box-shadow: none; } .scp-image-block img { border: solid 2px rgba(0, 0, 0, 0.1); box-sizing: border-box; } .imagediv { float: right; margin: 15px } @media (max-width: 540px) { .imagediv { float: unset; text-align: center; margin: 1.3rem auto 1.3rem auto; } } @media only screen and (max-width: 600px) { .scp-image-block.block-right { float: none; margin: 10px auto; } } /* CONTENT > Tables Base */ #page-content tr th { padding: 6px; border: 2px solid rgba(0, 0, 0, 0.2); } #page-content tr td { padding: 12px; border: 2px solid #bfbfbf; line-height: 1.4; } #page-content .sidebox tr td, #page-content .sidebox tr th { padding: 0.35em; } /* CONTENT > Tables Customization (Table Coloring System) */ /* CONTENT > Tables Customization (Table Coloring System) > Table Headings, Image Captions */ #page-content .table1 tr th, #page-content .table1 .scp-image-block .scp-image-caption { background-color: #E0FFD4; } #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: #FFDFCD; } #page-content .table5 tr th, #page-content .table5 .scp-image-block .scp-image-caption { background-color: #FFCFCF; } #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; } /* CONTENT > Tables Customization (Table Coloring System) > Other Colored Divs */ .table1 .blockquote, .table1 div.blockquote, .table1 blockquote, .table1 .jotting, .table1 .notation, .table1 .modal, .table1 .paper, .blockquote.table1, div.blockquote.table1, .jotting.table1, .notation.table1, .modal.table1, .paper.table1 { background: rgb(224, 255, 212); } .table2 .blockquote, .table2 div.blockquote, .table2 blockquote, .table2 .jotting, .table2 .notation, .table2 .modal, .table2 .paper, .blockquote.table2, div.blockquote.table2, .jotting.table2, .notation.table2, .modal.table2, .paper.table2 { background: rgb(226, 244, 255); } .table3 .blockquote, .table3 div.blockquote, .table3 blockquote, .table3 .jotting, .table3 .notation, .table3 .modal, .table3 .paper, .blockquote.table3, div.blockquote.table3, .jotting.table3, .notation.table3, .modal.table3, .paper.table3 { background: rgb(255, 245, 189); } .table4 .blockquote, .table4 div.blockquote, .table4 blockquote, .table4 .jotting, .table4 .notation, .table4 .modal, .table4 .paper, .blockquote.table4, div.blockquote.table4, .jotting.table4, .notation.table4, .modal.table4, .paper.table4 { background: rgb(255, 223, 205); } .table5 .blockquote, .table5 div.blockquote, .table5 blockquote, .table5 .jotting, .table5 .notation, .table5 .modal, .table5 .paper, .blockquote.table5, div.blockquote.table5, .jotting.table5, .notation.table5, .modal.table5, .paper.table5 { background: rgb(255, 207, 207); } .table6 .blockquote, .table6 div.blockquote, .table6 blockquote, .table6 .jotting, .table6 .notation, .table6 .modal, .table6 .paper, .blockquote.table6, div.blockquote.table6, .jotting.table6, .notation.table6, .modal.table6, .paper.table6 { background: rgb(255, 218, 255); } /* CONTENT > Tabs 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 } /* CONTENT > Tabs 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; } /* CONTENT > WORDS NO BROKEY. CROQ HAS SPOKEY. and other things */ span, a { word-break: normal !important } .avatar-hover { display: none !important; } #main-content .page-tags span { max-width: 100%; } /* CONTENT > Dustjacket Assets */ .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%3A5722815-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; } .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%3A5722815-47-mqmb/wl_border.png') 600 round; border-image-width: 6; padding: 2vw; } /* CONTENT > Collapsibles */ #page-content a.collapsible-block-link:hover { text-decoration: underline; color: var(--link-txt-color); } #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) { text-decoration: none; font-weight: bold; color: white; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 9px; background: rgb(var(--accent)); border-radius: 6px; margin-top: 5px; font-family: var(--ui-font); font-size: var(--base-font-size); box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4); transition-duration: 0.4s; display: inline-block; } #page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover { background: rgba(var(--accent), 0.7); box-shadow: none; } /* CONTENT > ACS Adjustments */ .top-left-box>.item { display: none; } .anom-bar-container { margin-top: 1.1rem; } .anom-bar-container, .anom-bar-container * { font-family: var(--head-font), Inter, sans-serif !important; } .acs-extra-1, .acs-extra-2, .acs-extra-3, .acs-extra-4 { font-family: var(--head-font), Inter, sans-serif !important; } .anom-bar > .top-box { text-transform: none; } /* CONTENT > Woed Bar Adjustments */ div.scale div.item1>div { color: #333; font-family: var(--head-font); font-size: 1.4em; text-transform: uppercase; letter-spacing: 2px; line-height: unset; } div.scale div.class1>div { color: #333; font-family: var(--head-font); font-size: 2em; line-height: 0.9em; letter-spacing: 2px; } div.scale { --woedbar-class-bar-color: #333 !important; } div.scale div.obj { height: 1.7em; } div.scale div.obj>div { font-size: 1.55em; } /* MISC */ #page-content hr { height: 2px; } .bt { color: rgb(var(--accent)); font-weight: bold; } #footer { background: transparent; color: #444; margin-top: 45px; } #footer a { color: #7b7b7b; } .footer-wikiwalk-nav { font-weight: 700; font-size: 88%; word-spacing: 5px; } #page-info-break { height: 10px; } #page-options-container { border-top: solid 1px rgba(213, 213, 213, 0.5); padding-top: 1rem; } .page-watch-options { padding-bottom: 0.6rem; font-size: 77%; } .page-options-bottom { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; } .page-options-bottom a { margin: 3px; color: #FFF; background: rgb(var(--accent)); padding: 5px 13px 5px 13px; text-decoration: none; font-size: 90%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .page-options-bottom a:hover { background: rgba(var(--accent), 0.8); } #page-info-break { height: 6px; } #license-area { color: #5f5f5f; background: #ecf2f1; border-top: solid 2px #d9d9d9; margin-top: 10px; } #license-area a::after { content: "."; } @media (min-width: 768px) { #main-content .page-tags { padding-right: 16rem; } } #main-content div.page-tags::before { content: "tags "; color: var(--misc-txt-color); font-family: var(--head-font); font-weight: 800; font-size: var(--page-font-size); } #main-content .page-tags a { display: inline-block; height: .8125rem; margin: 0 0 .5rem .75rem; padding: .1875rem .3125rem .1875rem 0; color: #FFF; background-color: rgb(var(--accent)); border-bottom-right-radius: .25rem; border-top-right-radius: .25rem; line-height: 13px; line-height: .8125rem; font-size: calc(var(--page-font-size) - 10%); font-weight: bold; } #main-content .page-tags a::before { width: 0; height: 0; top: -.1875rem; left: -.625rem; padding: 0 .0625rem .1875rem; border-color: transparent rgb(var(--accent)) transparent transparent; border-style: solid; border-width: .5rem .5rem .5rem 0; } #main-content .page-tags a::before, #main-content .page-tags a::after { content: ""; position: relative; float: left; } #main-content .page-tags a::after { width: .25rem; height: .25rem; top: .2813rem; left: -.5rem; background-color: #FFF; border-radius: .125rem; } #main-content .page-tags span { max-width: 100%; border-top: .5rem solid transparent; } #page-tags-input { font-weight: bold; word-spacing: 8px; } #edit-page-form input.text { font-family: var(--head-font), sans-serif; font-weight: 800; font-size: 150% !important; padding: 4px; } #edit-page-form>table.form>tbody>tr>td:nth-child(1) { font-weight: bold; } .edit-help-34 { font-size: 85%; opacity: 60%; transition-duration: 0.3s; width: fit-content; } .edit-help-34:hover { opacity: 100%; } .edit-help-34 a { margin-right: 3px; margin-left: 10px; } table.edit-page-bottomtable { width: 100%; } #edit-page-comments { height: 86px; } #lock-info { background-color: transparent; margin: 0.8em; line-height: 1.7; font-size: 86%; border: none; } #lock-info::before { content: "!"; padding-right: 12px; font-weight: bold; font-size: 110%; opacity: 60%; } #lock-timer { font-size: 115%; margin: 0 5px; } #lock-timer::before { content: "⏲ "; opacity: 80%; } textarea, #edit-page-form input.text { outline: none; border: 1px solid #ccc; transition-duration: 0.3s; transition-property: box-shadow; } textarea:focus-visible, #edit-page-form input.text:focus-visible { box-shadow: 0px 0px 0px 1px #a3a3a3; border: 1px solid #a3a3a3; } #action-area>p { font-size: 85%; color: darkslategrey; } #action-area>p:nth-child(5)>a { display: block; text-align: center; font-size: 120%; font-weight: bold; } #who-rated-page-area>div { column-count: 4; } @media (max-width: 900px) { #who-rated-page-area>div { column-count: 3; } } @media (max-width: 700px) { #who-rated-page-area>div { column-count: 2; } } @media (max-width: 540px) { #who-rated-page-area>div { column-count: 1; } } #page-content .content-warning.creditRate { padding-top: 8px; padding-right: 21px; } .preview-message { right: 0em; top: 2em; border: unset; padding: 1em 1.5em; background-color: rgba(0, 0, 0, 0.9); max-width: 29em; opacity: 1; z-index: 100; line-height: 1.7; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2)); color: #EDEDED; } .error-block { background-color: rgba(255, 0, 48, 0.1); text-align: center; border: none; border-top: solid 3px #B00; border-top-left-radius: 6px; border-top-right-radius: 6px; } table.page-history tbody tr:nth-child(2n) { background: rgba(var(--accent), 0.05); } .owindow { animation: fade 0.5s; } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .owindow .button-bar a { border: solid 2px rgba(0, 0, 0, 0.1); margin: 11px; padding: 0.5em 2em; border-radius: 4px; } .owindow .button-bar a:hover { background-color: var(--link-txt-color); color: var(--link-hover-txt-color); border-radius: 0px; } .owindow .button-bar { padding: 1.2em 1em 1.2em; } .owindow .table { margin-bottom: 1.5rem; } .owindow .title { cursor: default; font-family: var(--head-font); font-weight: 800; font-size: 155%; text-align: center; padding: 0.5em 1em; border-bottom: solid 2px rgba(187, 187, 187, 0.4); background-color: #F7F7F7; } .owindow.owait .content { padding: 0.5em 0.5em 2em; background-image: none; } .owindow.owait .content::after { content: " "; display: block; width: 1.5rem; height: 1.5rem; margin: -0.9rem auto; margin-top: 1rem; animation: loading 1.2s linear infinite; border-top: 0.4rem solid grey; border-right: 0.4rem solid transparent; border-bottom: 0.4rem solid grey; border-left: 0.4rem solid transparent; border-radius: 50%; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .owindow.osuccess { padding: 0.5em; } .owindow div.content:nth-child(2)>img:nth-child(1) { margin-right: 1.2rem; margin-top: 1rem; } .odialog-shader { background-color: #262a39; } .btn { transition-duration: 0.15s; } .btn:not(#main-content .btn, #search-top-box-form input[type="submit"]), .btn.btn-primary, div.buttons input, input.button:not(#search-top-box-form input[type="submit"]) { padding: 0.5em; margin: 11px; border-radius: 3px; font-family: var(--ui-font); cursor: pointer; } #edit-cancel-button, #edit-diff-button, #edit-preview-button, #edit-save-draft-button, #edit-save-continue-button, #edit-save-button { background: #fff; border: solid 1px #ccc; cursor: pointer; font-family: var(--ui-font); color: #333; padding: 0.5rem 14px; margin: 1px; font-size: 90%; border-radius: 3px; } #edit-cancel-button:hover, #edit-diff-button:hover, #edit-preview-button:hover, #edit-save-draft-button:hover, #edit-save-continue-button:hover, #edit-save-button:hover { background-color: #eaeaea; } #edit-save-continue-button, #edit-save-button { background: #dbffd6; transition-duration: 0.3s; color: #005a0a; } #edit-save-continue-button:hover, #edit-save-button:hover { color: #fff; background: #0d951c; } #edit-cancel-button { background: #ffe1e1; transition-duration: 0.3s; color: #c52727; } #edit-cancel-button:hover { color: #fff; background: #c5272e; } table.page-history tbody tr { color: #757575; } .fncon { font-size: var(--page-font-size) !important; line-height: 1.4; border: 2px solid rgba(0, 0, 0, 0.2); } .fncon::before { font-size: var(--page-font-size) !important; } .hovertip { border: none !important; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); background: #FFF; padding: 3px; max-width: 400px; } input.checkbox, .page-history input, #h-perpage { cursor: pointer; } input, textarea { font-family: var(--ui-font); } #breadcrumbs, .pseudocrumbs { font-weight: bold; font-size: 110%; font-family: var(--ui-font); } /* ---- REDUCED MOTION ACCESSIBILITY ---- */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; } } /* @MEDIA */ @media (max-width: 850px) { #header h2::before { font-size: 1.4em; } } @media (max-width: 700px) { #header h2::before { font-size: 1.2em; margin-top: 0.3rem; } #top-bar, #top-bar a { top: 8.8rem; font-size: 90%; } } @media (max-width: 620px) { #header h2::before { font-size: 1em; margin-top: 0.15rem; } #top-bar, #top-bar a { top: 8.3rem; font-size: 90%; } div#header { height: 123px; } } @media (max-width: 520px) { #header h2::before { line-height: 16px; margin-top: 0.5rem; } #top-bar, #top-bar a { top: 9.3rem; } div#header { height: 145px; } } /* LOCALIZATION FOR JP BRANCH */ /* CREDIT MODULE */ #page-content .creditRate.creditModule { float: right !important; } #page-content .creditRate.creditModule .rate-box-with-credit-button { border: none 0; } #page-content .creditRate.creditModule .page-rate-widget-box { border: solid 1px #bbb; margin-bottom: 0; } #page-content .creditRate.creditModule .page-rate-widget-box .cancel, #page-content #u-credit-view .modalbox .page-rate-widget-box .cancel, #action-area .page-rate-widget-box .cancel { display: inline-flex; } #page-content .creditRate.creditModule .page-rate-widget-box .cancel a, #page-content #u-credit-view .modalbox .page-rate-widget-box .cancel a, #action-area .page-rate-widget-box .cancel a { display: inline-flex; justify-content: center; align-items: center; padding: 2px 5px; height: 16px; box-sizing: border-box; color: #000; } #page-content .creditRate.creditModule .page-rate-widget-box .cancel a:hover, #page-content #u-credit-view .modalbox .page-rate-widget-box .cancel a:hover, #action-area .page-rate-widget-box .cancel a:hover { color: #fff; } #page-content .creditRate.creditModule .creditButton { box-sizing: border-box; height: 20px; border: solid 1px #bbb; border-radius: 0; background: none; box-shadow: none; padding: 0 2px; } #page-content .creditRate.creditModule .creditButton a { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; height: 16px; } #page-content #u-credit-view .modalbox .credit-license a:hover { background-color: transparent; } /* SIDE BAR */ #side-bar:target { width: 19em; border: none 0; } #side-bar:target .close-menu { margin-left: 20.2em; opacity: 0; } #side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame { width: 100%; margin: 0 0 2em; } #top-bar .open-menu a { top: unset; border: none 0 !important; background: rgb(var(--accent)) !important; color: white !important; } #side-bar .side-block .collapsible-block-folded { background: none; } #side-bar .side-block .collapsible-block-folded a.collapsible-block-link { margin-left: 0; } #side-bar .side-block .collapsible-block-folded::before { content: ""; display: inline-block; background: url('http://scp-jp.wikidot.com/local--files/nav:side/expand.png') 0 2px no-repeat; width: 13px; height: 13px; margin-right: 2px; } #side-bar .side-block .collapsible-block-folded::before, #side-bar .side-block .menu-item img:not([src*="twitter" i]):not([src*="discord" i]) { filter: invert(37%) sepia(90%) saturate(6233%) hue-rotate(341deg) brightness(93%) contrast(92%); -webkit-user-select: none; user-select: none; } /* 圏点 */ .kt { -webkit-text-emphasis-style: filled dot; text-emphasis-style: filled dot; } /* RUBY */ .ruby, .rt { border-collapse: collapse; }
/* 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)); } }

2018/06/01 - PM02:17
初夏。バルト海の収容活動の中心、サイト-PL-69にも夏特有の美しい芳香が微かに香り始めていた。長期休暇まで残り2ケ月程。無論、財団職員という職の常としてアノマリー1つが暴発したおかげで、夏のプランが全壊する危険性もあるのだが……やはり、夏の休暇は誰にとっても蠱惑的なものだった。そして夏には海という存在を欠かすことはできない。
海とは何か? 白い砂浜と水色の空、黄色い日照りのコントラスト。波の心地よい音の中で冷たい甘味が喉を通る。緑の草木は威勢よく天へと伸び、この風景をより鮮やかにしてくれる。
イェンドジェイ・シュルツという老人にとって、海はこんなものではなかった。まあ、ティンバークのアップルミントだけは、シュルツが明確に好むトロピカルなものではあったかもしれなかったが……ともかく、彼にとって海は優雅な夏を共にする存在では決してない。
彼にとって海はどこまでも不可思議で、内に入り込むほどに秘密に満ちており、そしてサンドイッチを作るためのサケやサバを提供してくれる場所だった。人生の中で最も重要な発見に取り組み続けてきたここ数年は、特にその考えを深く濃いものにしてくれた。
バルト海溝。ある程度この海を知っている者が聞いたら鼻で笑うだろう、平均180フィートの浅い海じゃないか、と。だがヴェールのこちら側では少々事情が異なる。
水深13km。8年前、自身が指揮する調査船はそれを見つけた。あらゆる巨大を飲み込まんとするような、でっぷりした大口。あれ以来、信じられない位足早に時は過ぎていったが、当然というべきか退屈することは一度もなかった。海溝のサイトの長となり、奇妙な魚の群れと深海生物の数々が収容され、海中に適応した妖精フェイ族と遭遇し、3年前はサイトの浸水をもたらした不幸な事件の対応に当たった。本当にじゃじゃ馬のような8年だった。
いつもの癖で、パイプをコートのポケットから取り出そうとしたが、すぐにここが400m下の海であることを思い出す。調査船内で喫煙するのは適切ではないだろう。代わりに目の前の台に置いておいた、昼食の残りに手を付けた。パンとトマト、そして焼いたサケの味が口中に広がる。ソースの濃い味は縦の味だが、赤身魚の繊細な旨味は明らかに横に伸びる味だ。美味い、このサケは前の休暇に財団の釣りクラブで自分が仕留めた獲物の1つだった。
「サー、昼食が足りなかったのですか?」
パジエフスキが彼独特の微笑を浮かべて、こちらを見る。MTFガンマ-9の隊長にして、海中アノマリー収容エキスパートの1人。信頼と信用、どちらにも値する律儀な男だ。
「いいや、この年では1度に全部は食えんようになってしまってな。まあ、折角のごちそうをすぐに食ってしまうのも惜しいだろう」
「その"ごちそう"はご自身が釣り上げたものなのでしょうね?」
自分が大の釣り好きであることは、彼に限らずここの職員の大半が知っている周知の事実だったが、パジエフスキは自分の趣味に付き合ってくれる友人でもあった。
「君も来るか? 最近、良い穴場を見つけたところでな」
本格的に夏が始まれば、ボラにマダイ、メルルーサが釣れるようにだろう。長期休暇であれば早朝から1日中釣りに挑むことが出来る。定年通り、今年もこの何物にも耐えがたい時間を楽しみたいものだ……予想外の出来事が起こらない限りは。
「何だあれは?」
室内に嫌な緊張が走った。パジエフスキが即座に声を出した搭乗員の傍に近寄り、映像をのぞき込む。
「構造物……いや、動いているぞ。だが、この大きさは……まさか」
「15……違う、17mはある」
良くも悪くも海は自分を退屈させてはくれないらしい。
特別収容プロトコル: 確立されていません。現在、担当チームらによるURA-3843-JPの確保作戦が立案予定です。
説明: URA-3843-JPは神Deity1と推定される大型の魚類型実体です。回収された歴史的資料によれば、URA-3843-JPは少なくとも紀元前27万年前後からバルト海にて活動しており、これに基づけば極めて長期に渡って存在を保ち続けている神格存在です。URA-3843-JPを崇拝する宗教組織や個人は不明ですが、URA-3843-JPが極めて動的に行動していることから、依然として中~大規模のものが存在する可能性が高いものと思われます。研究が進行中です。
補遺 歴史
URA-3843-JPは2010/04/10の財団によるバルト海溝の発見2に続いて継続している、第12次探査(実施日: 2018/06/01)の過程で目録化されました。財団調査船は数度に渡って大型の魚類実体を観測しており、未確認のスケールとこのような生物がバルト海で発見されていなかったことからこの実例をURA-3843-JPとして分類しました。
歴史部門による研究は、URA-3843-JPの伝承的な側面を明らかにしました。広範囲に編纂された資料に着目した結果、部門員らはURA-3843-JPは過去にバルト海の沖合や沿岸に姿を現していた可能性が高いことに注目しました。以下に資料として3件の調査記録を抜粋します。
偉大なる海の存在(Wielkie Morze)
偉大なる海の存在(Wielkie Morze)は紀元前27万5千年頃の不明な時期に現在のポーランド北部にあたる領土で作成された、海の象徴である神格に捧げられた一連の詩です。古代の妖精語で記されており、文体と紋章からおそらく貴族階級によって執筆されたことが伺えます。
詩の主題は海神と称される神格を芸術的に賛美し、それに守護された妖精族が野人や人間より優位な存在であることを表現したものです。執筆者は妖精帝国4に対する強い愛国心を抱いていると見られ、しばしば海神をマブ女帝の別の側面や様式として崇拝しています。最も特筆すべき点は、海神の忠実な下僕として扱われている"全喰い"の怪物であり、URA-3843-JPとの強い類似性が確認できます。仮に詩の内容が真実であった場合、この時期に相当数の人間が海神の供物のために"全喰い"の生贄となりました。情報が不足しているものの、生贄を主導したのはバルト海沿岸で繁栄していた妖精の一派であると推定されます。
しかしながら、海神とマブ女帝の関係については幾つかの異なった解釈が唱えられており、海神は実際には別のアノマリーについて描写されたものである可能性があります。その解釈を採用する場合既知の文献との齟齬が生じるため、より包括的な研究が予定されています。
天啓手記(Uwagi na temat Objawienia)
取得: SCP財団創設に伴う文書統合、1870/12/29。

ジョン・ディーの肖像(1527-1608)。
天啓手記(Uwagi na temat Objawienia)はジョン・ディー5によって1580年代に執筆された旅行手記です。当時、ジョン・ディーは神秘家のエドワード・ケリーと共にポーランド王国を遍歴しており、その記述からこの手記はURA-3843-JPの見聞からインスピレーションを受けたものだと推測されます。
錬金術の基本概念である根源力エレメンタル・フォースを理解していた彼はURA-3843-JPを水の属性に当てはめ、ヨーロッパ各国の流伝や神格との比較検討を行いました。彼にとって神格の実際の目撃は極めて衝撃的な出来事であったようであり、この時期に彼が執筆した文書には"水の驚異たるトピェレツ6の王"として独自の分析が記録されていました。
ジョン・ディーの死後、記録は当時の正常審問機関によって回収され、イングランド国内に保管されました。URA-3843-JPは長らく異端審問官らによって強力かつ残忍な"悪魔"とされており、民間の知識から消去されていました。
バルト海における未確認実体に関する報告: 1942-1944(Berichte über unbekannte Entitäten in der Ostsee: 1942-1944)
取得: オブスクラ軍団解体に伴う文書押収、1945/02/03。
バルト海における未確認実体に関する報告: 1942-1944 (Berichte über unbekannte Entitäten in der Ostsee: 1942-1944)はオブスクラ軍団によって記録/分析されたURA-3843-JPの発見報告書の総体です。当文書はドイツ占領下のポーランド・西ポモージェ県のバルト海に出現したURA-3843-JPを描写したものであり、初期報告はオカルトに熟達していたナチ党幹部の関心を寄せました。オブスクラによって収集されていた超常存在の文献がこれを後押しし、奇跡術や民間呪術を用いた様々なアプローチが試みられました。多くは何らかの手法によってURA-3843-JPを人為的に沿岸に召集するために実施されましたが、一部は明確にURA-3843-JPを生体兵器として召喚することを目的としていました。
しかしながら、研究はドイツの戦況悪化によって徐々に縮小し、1944年7月に決定的にこのプロジェクトは打ち切られました。破棄を免れた資料によれば、プロジェクト末期では危険な儀式的介入が行われ、結果的に数名のオブスクラメンバーがURA-3843-JPに抹消されました。
これらの資料を基に担当職員らは、幾つかの奇跡術を用いた相互作用の試みを立案しました。しかしながら、これらの確保アプローチは実を結ばず収容は難航しました。以下は当案件に関する会議記録(日付: 2018/07/14)です。
[サイト-PL-69のガンマセクター内ミーティングルームが映し出される。近代的なミーティングルームの中央には円形の机と8つの椅子が確認できる。画面から最も右上の椅子にイェンドジェイ・シュルツ管理官が腰かけている。シュルツ管理官は水色と白のストライプシャツを着用し、グラスから冷えたティンバークのアップルミントを飲んでいる]
[部屋の扉が開き、ボグスワフ・クビツァ博士、コンラッド・パジエフスキ隊長が入室する。クビツァ博士はシュルツ管理官の格好に明らかに困惑しつつも、彼と反対側の椅子に着席する。パジエフスキ隊長もそれにならう]
シュルツ管理官: 珍しく定刻通りに揃ったな。早速だが、現在のURA-3843-JP収容分析の報告を聞かせてもらおう。
パジエフスキ隊長: 了解です、サー。今年6月初めにURA-3843-JPにナンバリングされた魚類型実体は、依然として未収容です。実体はバルト海溝深水での活動が確認されており、特筆すべきことに時おり-
クビツァ博士: 待ってください。管理官殿のスタイルについて何の説明もないとは思いませんでしたよ。
シュルツ管理官: 7月の腹、つまり猛暑だ。年寄りは日照りに気をつけなきゃならん。
クビツァ博士: このサイトのミーティングルームは海中8.500メートル下にあったと記憶しておりますが。
シュルツ管理官: 海兵並みのコートを年中着るわけにもいかんだろう。君らを見るだけで暑くてかなわん。
クビツァ博士: あなたはキャプテンでサイト管理官なんですよ、このサイトの約100人のトップ。
パジエフスキ隊長: [せき込む] お2人とも……よろしいですか?
[部屋内の全員が沈黙する。パジエフスキ隊長は2人を見て、報告を再開する]
パジエフスキ隊長: アノマリーは時おり海の比較的浅い場所、深水200m~1000m即ち中深層トワイライトゾーン7に姿を現します。このタイミングを狙ってこれまでに、基礎から高レベルまでの儀式的召喚の試み、象徴シンボルを用いた誘い込み、実用占術、逆説的な崇拝による存在への干渉、果てには"引き寄せの法則"までもが収容作戦として立案されましたが、どれもはとんど、あるいは全く効果が見られませんでした。
クビツァ博士: 事態は緊迫しています。未知の神が海溝の中に潜んでいる。神が何をしているのか、何ができるのか、あらゆる情報が不足していますが、確実に危険なものであるのは確かです。
[8秒程の沈黙。シュルツ管理官はゆっくりとクビツァ博士を見る]
シュルツ管理官: ……ドクター・クビツァ、君はこのアノマリーをどのようなものであると考えている?
クビツァ博士: 私の見解ですか? 他の研究員のものと大きくは変わらないと思いますよ。
[クビツァ博士は手元の資料を数ページ捲る]
クビツァ博士: 水性ウォーターエレメンタルと密接に結び付き合った類たぐいの存在力学的実体。詳細な分類は早計かもしれませんが、歴史的な記述に基づけばおそらくクラス⊿、概ねKeter、Dangerの存在力学的実体に相当します。
シュルツ管理官: だとすると……我々はどういう策を練るべきだと思う?
クビツァ博士: えーと……初期に行われた標準的な神格の確保収容手段が頓挫した事実から考えると……より、強力な対抗手段を取らなければならないでしょうね。ただ、対神格兵器を海中で発動させるのは……まあ、賢い選択ではないでしょう。最も有効なのは奴への信仰の供給を断つことです。
パジエフスキ隊長: ただ、残念なことにカルトの秘密結社どころか、既知の要注意団体のメンバーデータを漁っても、URA-3843-JPの崇拝者は全く見つかっていない。文字通りゼロです。
クビツァ博士: また忌々しい反ミームですか! それか認識阻害だ。あの手の検査機器を借りるのに何枚申請書を書かなきゃいけないのか……ひょっとすると休暇中もこれに取り組まないといけないかも-
シュルツ管理官: その手続きを行う必要はないかもしれんぞ、ドクター。
クビツァ博士: [態度を正す] それはありがたいですね。ですが、そうなると管理官殿が少なくとも3枚は複雑な文書を書くはめになりますよ?
シュルツ管理官: [微かに笑う] いいや、そういうことじゃない。別の収容アプローチを考案出来たということだ。確証はないが、これだけ様々なアプローチが考えられたのならば、それほど奇抜なものでもないだろうしな。
クビツァ博士: あーそれは本当ですか? 聞かせてください。
シュルツ管理官: ドクター、海釣りにいったことは?
[クビツァ博士は無表情になり黙り込む。シュルツ管理官とパジエフスキ隊長は顔を見合わせ、声を出して笑う]
イェンドジェイ・シュルツサイト管理官の判断によりアプローチはより古典的な手法、端的に言えば物理的実体の捕獲を行うことに変更されました。パジエフスキ隊長によって機動部隊ガンマ-9("ニシンを捕まえた")のメンバーが準備され、前述の会議の3日後に収容作戦が開始されました。
[00:00]: サイト-PL-69の実体検知フィールドが、水深1000m前後で大型実体の動きを感知する。感知とほとんど同時に実体の映像がサイト司令部に伝達される。映像は不明瞭であるものの、ストックされた動的データから、実体はURA-3843-JPと判断された。

海溝内で作戦中の財団調査船。
[01:56]: 収容作戦のため待機中であったMTFガンマ-9の隊員らが財団調査船に搭乗する。URA-3843-JPは水深900mを移動している。
[02:33]: 財団調査船がサイト-PL-69から出航する。財団調査船の真下には、調査船に付属したアームによって肉塊が吊り下げられるように配置されている。
[05:29]: 財団調査船は水深200m付近で待機している。同時刻に同水深の海洋生物収保全区域で不可視障壁として動作していた、スクラントン現実錨 (Scranton Reality Anchor)とアシュワース=リベラ導管 (Asheworth-Rivera Conduit)の一部が職員によって停止される。
[09:08]: URA-3843-JPは水深550m付近まで上昇する。
[13:20]: URA-3843-JPが財団調査船と同じ水深200mまで接近する。財団調査船とURA-3843-JPの間には70m程度の距離が存在する。財団調査船の搭乗員はURA-3843-JPに接近するよう指示される。
[14:04]: 財団調査船がURA-3843-JPに大幅に接近する。
[14:46]: URA-3843-JPが突如として、財団調査船に接近する。海洋生物保全区域の不可視障壁の半分が停止する。
[15:38]: URA-3843-JPの速度に対応し、財団調査船のスピードを上昇させる。同時刻、海洋生物収容区域の不可視障壁は完全に停止する。
[16:13]: 財団調査船が海洋生物収保全区域に侵入すると同時に、アームによって肉塊が切りはなされる。保全区域内に侵入したURA-3843-JPは肉塊の方へ急速に移動する。不可視障壁を作り出していた全てのシステムが再起動する。
サイト-PL-69職員へ通達
以下の文章はクリアランスレベル1情報に指定されており、サイト-PL-69の全職員がアクセス可能です。同サイトのバルト海溝探査志望者は学習のため、次回のサイトへの出勤までに閲覧が推奨されています。
イェンドジェイ・シュルツ、サイト-PL-69管理官。

非異常のオニボウズギス(Chiasmodon niger)のスケッチ。描写されたものは、SCP-3843-JPの約57分の1サイズ。
特別収容プロトコル: SCP-3843-JPはサイト-PL-69周辺に建造された大規模海洋生物保全区域内8に収容されます。週に2度、収容区域内に定量のヨーロッパオオヤリイカ(Loligo forbesii)を餌として投入します。
定期的に機動部隊ガンマ-9("ニシンを捕まえた")が、排出されたオブジェクトの収集及びSCP-3843-JPの体調を分析する目的で区域内にアクセスします。回収されたオブジェクトはサイト-PL-69のデルタセクターで職員によって精査されます。
説明: SCP-3843-JPは全長17m程度のオニボウズギス(Chiasmodon niger)です。SCP-3843-JPは一般のオニボウズギスの種よりも遙かに巨大な体を有しており、老化の兆候を示しません。また、体内にも複数の特徴から成る異常性質を示しています。これらの異常はSCP-3843-JPの胃(以下、SCP-3843-JP-1)を焦点としています。以下は撮影機器を備えた小型の生物医療用ドローンによって確認された、SCP-3843-JP-1の異常の列記です。
構造 | 空間異常 | オブジェクト |
---|---|---|
SCP-3843-JP-1はSCP-3843-JPの面積の約57%を占めています。内部構造は極めて複雑であり、多数の入れ子的な小部屋によって特徴づけられています。また、小部屋同士を繋ぐ無数の管が存在しており、一部は捕食された生物の居住地として機能しています。 | SCP-3843-JP-1内はタイプA-UE9非ユークリッド的時空間異常の性質を示しています。当該異常によって空間内は高度に拡大されており、その全貌は不明確です。 | SCP-3843-JP-1内には多数のオブジェクトが散乱しており、そのいくつかは明確にアノマリーとしての性質が確認できます。これらのオブジェクトは、長期間に渡るSCP-3843-JPの捕食活動によって蓄積したと推定され、不特定のものがおそらく依然として内部に残存しています。 |
SCP-3843-JPは不定期にSCP-3843-JP-1の内容物を吐き戻す習性が確認されています。10以下はSCP-3843-JP-1から回収されたアイテムからの抜粋です。

SCP-3843-JP-1から回収された、精査中のドラム缶。
- 消化により損傷した魚類及び貝類の死骸。
- 多種多様な不燃ごみ。
- 未開封の缶詰(1940年代頃にポーランド国内で販売されていたものと一致)。
- モササウルス(Mosasaurus)の下顎骨。
- 成人男性の白骨死体(死体はナチス政権下ドイツの軍服とヘルメットで装備されていた)。
補遺 長期休暇前日の管理官スピーチ
知っての通り、明日から我々の休暇が始まる。そこで、諸君と私の頭が休みのことでいっぱいになる前に、最近の収容施行について話させてもらおうと思う。
SCP-3843-JP、ついこないだまではURA-3843-JPあるいは"休暇の敵"と呼ばれていた実体は保全区域内で適切に収容されている。丸5日かけて行われていた神学的分析も今日日付が変わった際に結果が出た。曰く"サイズと寿命と胃、そして食欲は異常であるが、それ以外は単なるでかい魚"だそうだ。伝説はしばしばこういうことがあるな。この職場だとしょっちゅうとも言えるかもしれんが。
実際、私もアノマリーが定期的に深海から中深層トワイライトゾーンに移動している事実と、深海の魚類が餌の多い中層へ狩りに向かう事実を結び付けられていなかったら気づけなかっただろう。釣りをしてるとこういったことも知れる……釣りは良いものだ、何人かは私と朝から張り込んでくれるようで、無事今年も釣りクラブとして行事を執り行うことが出来そうだ。一緒に行きたいものは歓迎する。
まあ、このサイトの管理官として言いたいことはこれだけだ。では、各々良い休暇を。