/* 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; }
異常指定: SCP-2113-JP
収容等級: Euclid Kušum1
特別収容手順: N/A
特別収容手順: PoI-8291はクラスE監視対象に指定されています。PoI-8291の収容は2020/12/24に予定されています。PoI-8291の死亡後臨床解剖を行い、PoI-8291に関する情報を1981年の多財団連盟協定に基づき他タイムラインの財団組織に提供します。
説明: SCP-2113-JPはTL-████に存在していたAre We Cool Yet?構成員堂薗どうぞの 了りょう(SCP-2113-JP-A-PRIMEに指定)が自殺を行うために用いた銃弾です。SCP-2113-JPはタイムライン間を跳躍しながらSCP-2113-JP-A-PRIMEの多次元同位体(SCP-2113-JP-Aに指定)の脳組織内を移動しています。SCP-2113-JPはSCP-2113-JP-Aの右脳部に出現し左側頭骨に到達すると、最も近接しているタイムラインのSCP-2113-JP-Aに跳躍します。SCP-2113-JPは不明な理由で弾速が変化していないため、将来的に全てのSCP-2113-JP-Aを死亡させると予想されています。
SCP-2113-JP-Aの後頭葉には空間異常が発生しており、最も近接している他のSCP-2113-JP-Aの後頭葉と重複しています。回収された文書からSCP-2113-JP-A-PRIMEは他のSCP-2113-JP-Aの視覚情報を取得することができたと推測されています。他のSCP-2113-JP-Aが同様の異常性を保有していたという報告は現在までありません。
SCP-2113-JP-A-PRIMEは2020/12/18に北陽県弓ヶ浜市2で現実性低下事象を調査していたTL-████の財団に発見されました。発見時SCP-2113-JP-A-PRIMEは死亡しており、臨床解剖の結果拳銃自殺と断定されました。その後、SCP-2113-JP-A-PRIMEの異常性、SCP-2113-JPの存在が判明し協定下の財団間で情報共有が行われました。
補遺1: 以下はSCP-2113-JP-A-PRIMEが居住していた家屋から回収された文書です。
タイトル: このくそったれからの解脱
必要素材:
拳銃 1丁 (なんでもいい バーに行けば誰かから買えるだろ)
俺
要旨: 全ては一瞬で終わる。こめかみに銃を当てて引き金を引く。ただそれだけだ。
意図: これは全ての俺の終焉だ。そして銃砲で幕を上げる俺のいないcoolな世界だ。
俺は子供のころから目を逸らすと別の世界が見えた。重宝したよ、まっ暗な廃屋に閉じ込められた時とかな(目を逸らした先では殴られたりと結局散々な目に遭っていたが)。
俺はこの目を使ってそこそこいい大学に入った。だが駄目だった。退学した後、目を逸らした先で見た絵を見よう見まねで描いて売って暮らしていた。元々ゲージュツに興味がないせいか、目を逸らした先の俺はロクに絵を見ない。だからもっと目を逸らして新しい絵をパクった。
目を逸らして目を逸らして目を逸らした。そのたびにクソみてぇな自分の人生を思い知らされた。それでも目を逸らし続けた。売った絵はそれなりの値が付いた。だが目を逸らした先で見たホンモノとは比べものにならないくらい低い評価だった。もう三十路を越えた自分にも誰にも慕われない自分にも画家としてクソみてぇな自分にも目を逸らした。もうどこが元々いた世界なのか分からなくなるくらい目を逸らし続けた。目を逸らして目を逸らして目を逸らした。
そしてある日俺は気付いた。気付いてしまった。どこの俺もクソみてぇな生活しかしてないことを。他の俺はこの目を持っていないようで、だいたいが周りに迷惑をかけながら死んだほうがマシな暮らしをしていた。大したおつむを持っていないからアタリマエだ。
それでも最初は嘘だと思った。少しは希望もあった。だから目を逸らし続けた。そして目を閉じた。開いた時には現実を見ていた。もう1つしか道はなかった。
この最高にcoolじゃない”俺”を殺せば世界は少しcoolになる。
Are We Cool Yet? なんてとても言えねぇな。
補遺2: 本タイムラインのSCP-2113-JP-Aは細見ほそみ 恵吾けいご(PoI-8291に指定)として知られる日本人男性です。PoI-8291は舟橋市役所に勤務しており、3人の家族3とともに千葉県舟橋市唐品町8に居住しています。PoI-8291にAWCY?を含むあらゆる異常存在との関係は一切確認されていません。そのためPoI-8291は最も警戒度の低いクラスE監視対象に指定され、死亡予測時刻の6時間前に収容されます。
PoI-8291は2020/12/24 20時12分にSCP-2113-JPによって死亡すると予測されています。
更新[2020/12/25]: PoI-8291はサイト-81KAに収容され、死亡予測時刻にSCP-2113-JPによって死亡しました。PoI-8291関係者にはクラスA記憶処理を施した上でカバーストーリー「轢き逃げ」が適用されました。今後、本タイムラインの財団はSCP-2113-JPの収容活動を行いません。