/* ========= =
Wikidot theme [Garage-II]
Created by iti119
= ========= */
/* Font 'Noto Serif JP' is licensed under the OFL(http://scripts.sil.org/OFL). */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
/* Font 'ayu18regular' is licensed under the Public Domain
Generated by 自家製フォント工房 (http://jikasei.me/font/jf-dotfont/) on January 21, 2017
Converted by Nanimono Demonai (http://scp-jp-sandbox2.wikidot.com/inc:ayu18) */
@import url(http://scp-jp-sandbox2.wikidot.com/local--files/inc:ayu18/ayu18.css);
:root {
--dark-accent: 153, 136,119;
--bright-accent: 204, 187, 170;
--body: 17,17, 17;
--black: 0, 0, 0;
--white: 255, 255, 255;
--dark-gray: 68, 68, 68;
--light-gray: 136, 136, 136;
--pale-gray: 204, 204, 204;
--header-title: "SCP Foundation";
--header-title-after: unset;
--header-title-size: max(20px,min(4vw,24px));
--header-subtitle: "Secure, Contain, Protect";
}
/* === Body === */
html {
filter: sepia(0.3);
}
body#html-body {
background: rgb(var(--body));
font-family: 'Noto serif JP', serif;
color: rgb(var(--white));
overflow-x: hidden;
}
div#extra-div-1 {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999999999;
pointer-events: none;
}
div#extra-div-1 span {
display: block;
width: 100%;
min-width: 120vw;
height: 100%;
background-image: radial-gradient(at 50% 25%, #0000, #0002 10%, #0008 40%);
background-color: #0001;
transform: scale(2);
animation: flicker 8s ease-in-out infinite;
transform-origin: 50% 25%;
}
@keyframes flicker {
0% { transform: scale(2.2); }
50% { transform: scale(1.8); }
100% { transform: scale(2.2); }
}
div#container-wrap {
background: none;
}
div#content-wrap {
min-height: unset !important;
}
/* === Header === */
/* Header */
#header {
width: 100%;
max-width: unset !important;
height: 120px;
background: linear-gradient(#000a -30px, #fffa 150px) rgb(var(--bright-accent));
padding: 0;
}
#header h1 {
display: block;
width: 100%;
height: 100%;
max-height: unset;
background: url('http://1119s.wdfiles.com/local--files/media%3A001/scp-foundation-logo.svg') center / 100px no-repeat;
margin: 0;
}
#header h1 a {
display: flex;
align-items: center;
justify-content: center;
/* gap: 0 0.5ch; */
width: 100%;
height: 100%;
max-height: unset;
padding: 0;
font-family: 'Noto serif JP', serif;
color: #FFFd;
text-shadow: 0 -1px 5px #000, 0 -2px 5px #000;
pointer-events: none;
}
#header h1 a span {
display: none;
}
#header h1 a::before,
#header h1 a::after {
content: "";
display: flex;
align-items: center;
height: 1em;
margin: 0 0.25ch; /* gapの代わり */
font-size: var(--header-title-size);
pointer-events: auto;
}
#header h1 a::before {
content: var(--header-title);
}
#header h1 a::after {
content: var(--header-title-after);
}
#header h2 {
position: absolute;
bottom: 5px;
width: 100%;
margin: 0;
text-align: center;
font-size: 10px;
color: rgb(var(--dark-accent));
}
#header h2 span {
display: none;
}
#header h2::before {
content: var(--header-subtitle);
}
@media (max-width: 540px) {
#header h1 a {
flex-direction: column;
}
#header h1 a::before {
font-size: calc(var(--header-title-size)*1.25);
}
#header h1 a::after {
font-size: calc(var(--header-title-size)*0.875);
}
}
/* Serch Box */
#search-top-box {
display: none;
}
/* Account Option */
#account-options {
background-color: rgb(var(--black));
}
#account-options li a {
color: rgb(var(--dark-accent));
}
#account-options li a:hover {
color: rgb(var(--bright-accent));
}
/* Top Bar */
#top-bar {
display: flex;
justify-content: center;
top: 120px;
left: 0;
right: 0;
}
#top-bar > div > ul {
display: flex;
}
#top-bar > div > ul > li {
width: 10em;
}
#top-bar ul li a {
padding-left: 0;
padding-right: 0;
color: rgb(var(--white));
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
color: rgb(var(--dark-accent));
}
#top-bar ul li ul {
border-width: 0 0.5px 0.5px 0.5px;
box-sizing: border-box;
min-width: 10em;
}
#top-bar ul li ul li,
#top-bar ul li ul li a {
width: auto !important;
padding: 0 ;
text-align: center;
white-space: nowrap;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
padding: 0 1em;
}
#top-bar .mobile-top-bar {
left: unset;
}
#top-bar .mobile-top-bar ul li:last-of-type ul {
right: 0;
}
#top-bar .mobile-top-bar ul li ul li a {
width: calc(20em - 1.5px) !important;
}
/* === Side-Bar === */
/* Side-Bar */
#u-side-bar {
background-color: #987;
padding: 0 1em;
padding-top: 82px;
padding-bottom: 50vh;
direction: rtl;
}
#u-side-bar .side-block,
#u-side-bar .scpnet-interwiki-wrapper {
border: none 0;
border-radius: 0;
background: url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg') #dfd8c4 0 0 / cover !important;
box-shadow: none;
color: #000;
direction: ltr;
}
#u-side-bar a {
color: #000;
}
#u-side-bar .heading,
#u-side-bar .collapsible-block-unfolded-link,
#u-side-bar .collapsible-block-unfolded-link a.collapsible-block-link {
color: #000;
border-color: #000;
text-decoration: none;
}
#u-side-bar .collapsible-block-unfolded-link a.collapsible-block-link:hover {
color: #000;
}
#u-side-bar div.menu-item .sub-text {
color: #888;
}
#u-side-bar .side-block .menu-item img + a::before,
#u-side-bar .side-block ul.menu-item li::before,
#u-side-bar .collapsible-block-folded a.collapsible-block-link::before {
filter: brightness(0);
}
.open-side.alt {
background-color: rgb(var(--bright-accent));
color: #444;
}
.close-side .close-menu {
left: 10px;
background-color: #0008;
}
/* === Page Content === */
a, a:visited {
color: rgb(var(--dark-accent));
}
a.newpage {
color: rgb(var(--bright-accent));
}
#page-title {
border-bottom-color: rgb(var(--light-gray));
margin: 0.5em 0 1em;
padding: 0;
text-align: center;
color: rgb(var(--dark-accent));
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Noto serif JP';
}
h1 {
color: rgb(var(--dark-accent));
}
hr {
background-color: rgb(var(--light-gray));
}
/* Table */
table.wiki-content-table th {
background-color: rgba(var(--light-gray),0.25);
}
table.wiki-content-table td {
background-color: rgba(var(--black),0.25);
}
/* Tab / tabulation */
.yui-navset .yui-nav {
border-color: rgb(var(--light-gray));
}
.yui-navset .yui-nav li a {
background: linear-gradient(rgb(var(--dark-gray)) 55%, rgb(var(--black)));
color: rgb(var(--light-gray));
}
.yui-navset .yui-nav li a:hover,
.yui-navset .yui-nav li a:focus {
background: linear-gradient(rgb(var(--dark-gray)) 55%, rgb(var(--black)));
color: rgb(var(--white));
}
.yui-navset .yui-nav li.selected a,
.yui-navset .yui-nav li.selected a:hover,
.yui-navset .yui-nav li.selected a:focus {
background: linear-gradient(rgb(var(--bright-accent)) 55%, rgb(var(--dark-accent)));
color: rgb(var(--black));
}
.yui-navset .yui-content {
border-color: rgb(var(--pale-gray));
border-top-color: rgb(var(--light-gray));
background: rgb(var(--dark-gray));
}
/* Tab alt */
.tab-alt .yui-navset .yui-nav {
display: flex;
flex-wrap: wrap;
border: none 0;
background: rgb(var(--dark-gray));
padding: 0 0 1px 1px;
}
.tab-alt .yui-navset .yui-nav li {
flex-grow: 1;
display: block;
background: rgb(var(--black));
margin: 1px 1px 0 0;
text-align: center;
transition: 0.5s;
}
.tab-alt .yui-navset .yui-nav li.selected {
background: rgb(var(--dark-accent));
box-shadow: rgb(var(--light-gray)) 0 0 0 1px;
}
.tab-alt .yui-navset .yui-nav li a,
.tab-alt .yui-navset .yui-nav li a:hover,
.tab-alt .yui-navset .yui-nav li a:focus,
.tab-alt .yui-navset .yui-nav li.selected a,
.tab-alt .yui-navset .yui-nav li.selected a:hover,
.tab-alt .yui-navset .yui-nav li.selected a:focus {
background: none;
}
.tab-alt .yui-navset .yui-nav li a {
transition: 0.4s 0.1s;
}
.tab-alt .yui-navset .yui-nav li:not(.selected):hover a {
color: rgb(var(--white));
}
.tab-alt .yui-navset .yui-nav li a,
.tab-alt .yui-navset .yui-nav li a em {
border: none 0;
}
.tab-alt .yui-navset .yui-nav li.selected a em {
padding: 0.25em 0.75em;
color: rgb(var(--black));
}
.tab-alt .yui-navset .yui-content {
border: none 0;
background: unset;
padding: 0;
}
.tab-alt .yui-navset .yui-content div[id^="wiki-tab"] {
border: solid rgb(var(--light-gray));
border-width: 5px 1px 1px;
background: rgb(var(--dark-gray));
padding: 0.25em 0.5em;
}
/* Machine Tab */
.machineTab .yui-navset {
max-width: 400px !important;
border: solid 2px;
border-color: #aaa3 #0008 #0008 #8883;
background-image:
linear-gradient(#3218, #0008 120%),
repeating-linear-gradient(#8888, #4444 2px),
repeating-linear-gradient(#ccc8, #8884 20px, #ccc8 50px, #8884 60px, #ccc8 80px, #8884 90px, #ccc8 100px),
url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg');
background-color: #dfd8c4;
background-position: 0 0;
background-size: cover;
margin: 0 auto;
padding: 0.5em 1em 1.5em;
}
.machineTab .yui-navset .yui-nav {
border: none 0;
margin-bottom: 0.5em;
}
.machineTab .yui-navset .yui-nav li,
.machineTab .yui-navset .yui-nav li.selected {
display: inline-flex;
align-items: center;
height: 27px;
margin: 0.5em 0 0;
padding: 0;
pointer-events: none;
}
.machineTab .yui-navset .yui-nav li a,
.machineTab .yui-navset .yui-nav li a:hover,
.machineTab .yui-navset .yui-nav li a:focus,
.machineTab .yui-navset .yui-nav li.selected a,
.machineTab .yui-navset .yui-nav li.selected a:hover,
.machineTab .yui-navset .yui-nav li.selected a:focus {
background: none;
}
.machineTab .yui-navset .yui-nav li a {
border: solid;
border-color: #aaa8 #0008 #0008 #8888;
border-width: 1px 1px 2px 1px;
padding: 0.25em 0.75em;
min-width: 3em;
text-align: center;
pointer-events: auto;
}
.machineTab .yui-navset .yui-nav li:active a,
.machineTab .yui-navset .yui-nav li.selected a {
border: solid 1px;
border-color: #aaa8 #0008 #0008 #8888;
transform: translateY(1px);
}
.machineTab .yui-navset .yui-nav li a em,
.machineTab .yui-navset .yui-nav li.selected a em {
top: 0;
border: none 0;
padding: 0;
color: #cccc;
}
.machineTab .yui-navset .yui-nav li::after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border: solid #aaa5 2px;
border-radius: 50%;
box-shadow: #0005 1px 1px 0 0;
background: radial-gradient(#0000, #000f) #444208 padding-box;
margin-left: 3px;
margin-right: 12px;
}
.machineTab .yui-navset .yui-nav li.selected::after {
background-color: #d2691e;
}
.machineTab .yui-navset .yui-content {
border: none 0;
background: none;
padding: 0;
font-family: 'ayu18regular';
font-size: 110%;
color: #eee;
position: relative;
}
.machineTab .yui-navset .yui-content a {
font-weight: bold;
color: #d2691e;
}
.machineTab .yui-navset .yui-content a:hover {
text-decoration: none;
text-shadow: #d2691e 0 0 2px;
}
.machineTab .yui-navset .yui-content h1 {
font-family: 'ayu18regular';
color: #d2691e;
}
.machineTab .yui-navset .yui-content :is(h1,h2,h3,h4,h5,h6) {
font-family: 'ayu18regular';
}
.machineTab .yui-navset .yui-content > div[id^="wiki-tab"] {
box-sizing: border-box;
border: solid 1px;
border-color: #aaa8 #0005 #0005 #8888;
background: #111 padding-box;
padding: 0.25em 0.5em;
height: 250px;
overflow-y: scroll;
}
.machineTab .yui-content::before,
.machineTab .yui-content::after {
content: "";
position: absolute;
top: 1px;
bottom: 1px;
left: 1px;
right: 10px;
z-index: 2;
pointer-events: none;
}
.machineTab .yui-content::before {
animation: blink-screen 0.1s linear 0s infinite;
}
.machineTab .yui-content::after {
background-image: linear-gradient(#0000 0 358px, #0004 360px, #0000 400px);
background-size: auto 400px;
animation: scan-line 8s linear 0s infinite;
}
@keyframes blink-screen {
0% { background-image: repeating-linear-gradient(#4882 0, #4880 2px 3px); }
50% { background-image: repeating-linear-gradient(#4880 0 1px, #4882 3px); }
100% { background-image: repeating-linear-gradient(#4882 0, #4880 2px 3px); }
}
@keyframes scan-line {
0% { background-position: 0 0; }
100% { background-position: 0 -400px; }
}
/* Image Block */
.scp-image-block {
border-color: rgb(var(--light-gray));
margin-top: 0.5em;
}
.scp-image-block .scp-image-caption {
border-color: rgb(var(--light-gray));
background-color: rgb(var(--dark-gray));
}
.scp-image-block.block-right {
margin-right: 0;
}
/* TOC / table of content */
#toc {
border: none 0;
background: url(http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg) #dfd8c4 0 0 / cover;
padding: 0.5em 1em;
color: #000;
}
#toc .title {
text-decoration: underline;
}
#toc a {
color: #000;
}
/* Footnote */
.hovertip {
background: rgb(var(--black)) !important;
border-color: rgb(var(--light-gray)) !important;
}
.hovertip .content .footnote .f-footer {
color: rgb(var(--light-gray));
}
/* Blocks */
blockquote,
div.blockquote {
background-color: rgb(var(--dark-gray));
}
div.sexy-box {
background: rgb(var(--black));
padding: 0.25em 0.75em;
color: rgb(var(--pale-gray));
}
div.note {
border-color: rgba(var(--light-gray),0.5);
background-color: rgba(var(--light-gray),0.2);
}
div.paper {
background: url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg') #dfd8c4 0 0 / cover;
margin: 1em auto 2em;
padding: 1px 0.75em;
color: #000;
}
div.paper a {
color: #000;
text-decoration: underline double;
}
div.paper a:hover {
text-decoration: underline 2px;
}
.subheading {
display: flex;
align-items: center;
margin: 1.25em 0 0.5em;
white-space: nowrap;
}
.subheading::before,
.subheading::after {
content: "";
width: 100%;
height: 1px;
margin: auto 1em;
background: rgb(var(--light-gray));
}
.subheading + br {
display: none;
}
.emphasis {
-webkit-text-emphasis: filled dot;
text-emphasis: filled dot;
}
/* === Footer === */
#footer {
display: flex !important;
flex-direction: column;
align-items: center;
color: #cccc;
}
#footer .options {
padding: 1em 0;
text-align: center;
}
#license-area {
display: flex;
flex-direction: column;
background: #444;
color: #cccc;
}
#license-area a {
color: #fff;
}
#extrac-div-1 {
height: 100px;
background: #444;
}
#extrac-div-1 span {
display: block;
width: 100%;
height: 100%;
background: url(http://1119s.wdfiles.com/local--files/media%3A001/scp-foundation-logo.svg) center/50px no-repeat;
filter: invert(0.8);
}
/* Owindow */
.owindow {
border: solid rgb(var(--dark-gray)) 2px;
background: url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg') #dfd8c4 0 0 / cover;
color: #000;
position: relative;
}
.owindow .title {
background-color: rgb(var(--black));
color: rgb(var(--white));
}
.owindow h1 {
color: #000;
}
.owindow a {
text-decoration: underline double;
}
.owindow a:hover {
text-decoration: underline 2px;
}
.owindow .button-bar a {
border-color: rgb(var(--dark-gray));
background: rgb(var(--black));
color: rgb(var(--white));
text-decoration: none;
}
.owindow .button-bar a:hover {
background: rgb(var(--black));
color: rgb(var(--light-gray));
}
.owindow img {
background-color: transparent !important;
}
.owindow.owait,
.owindow.osuccess {
width: 300px;
margin: 0 auto;
text-align: center;
}
/* Action area */
/* Edit */
#lock-info {
border: none 0;
background: url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg') #dfd8c4 0 0 / cover;
color: #000;
}
#lock-info strong {
color: #b01;
}
.preview-message {
border-color: #660;
background-color: rgb(var(--black));
color: #bb0;
}
.preview-message a {
color: #dd0;
}
/* Files */
table.page-files .highlight {
background: unset;
}
table.page-files .options {
border: solid #888;
border-width: 0 0 1px 1px;
}
/* Selection */
::selection {
background: #888;
color: #fff;
}
/* Scrollbar */
::-webkit-scrollbar-track {
background: #8884;
}
::-webkit-scrollbar-thumb {
background: #ccc8;
}
#u-side-bar::-webkit-scrollbar {
width: 10px;
}
#u-side-bar::-webkit-scrollbar-track {
background: #888c;
}
#u-side-bar::-webkit-scrollbar-thumb {
background: #cccf;
}
.machineTab .yui-content > div[id^="wiki-tab"]::-webkit-scrollbar {
background: #444;
}
.machineTab .yui-content > div[id^="wiki-tab"]::-webkit-scrollbar-track {
background: #0000;
}
.machineTab .yui-content > div[id^="wiki-tab"]::-webkit-scrollbar-thumb {
background: #9876;
}
/* Loading Error */
.please-reload.theme_themeG {
display: none;
}
