/*
Poor Foundation Theme
[2023 Wikidot Theme]
Created for the Poor Foundation (poor-foundation-hab) by yzkrt, kskhorn
Based on 活人入棺 中心页 by Sekai_s
Edited by MikuKaneko
Licensed under the CC-BY SA 3.0
*/
#header h2::after,
#search-top-box,
#login-status,
#account-topbutton,
.top-bar,
.mobile-top-bar > *:not(.open-menu),
#side-bar .side-block,
#side-bar .scpnet-interwiki-wrapper,
#main-content > div:not(#page-content),
#page-content a,
div.page-rate-widget-box,
.creditButton,
.yui-nav,
.code,
#footer,
#license-area,
.monochrome {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
::selection {
background-color: #cccccccc;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
#header {
background: none;
}
#header::before {
background: url("https://scp-jp.github.io/files/util/common/media/component/theme//logo.png") 10px 40px no-repeat;
background-size: 100px 100px;
content: "";
display: block;
height: 140px;
left: 0;
position: absolute;
top: 0;
width: 90%;
z-index: -1;
}
@media (max-width: 479px) {
#header::before {
background-position: 0 5.5em;
background-size: 55px 55px;
}
}
@media (min-width: 480px) and (max-width: 580px) {
#header::before {
background-position: .5em 4.5em;
background-size: 66px 66px;
}
}
@media (min-width: 581px) and (max-width: 767px) {
#header::before {
background-position: 1em 4em;
background-size: 77px 77px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#header::before {
background-position: 1em 4em;
background-size: 88px 88px;
}
}
#header h1 a::before {
content: "まずしいざいだん";
color: #eee;
}
#header h1 a span {
font-size: 0;
}
div#header h2::after {
content: "Su, Can, Pin";
color: #f0f0c0;
font-weight: 700;
padding: 19px 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
white-space: pre;
}
div#header h2 span {
font-size: 0;
padding: 4px;
}
#header h1,
#header::before,
#header h2 {
-webkit-animation: flicker 10s infinite;
-o-animation: flicker 10s infinite;
animation: flicker 10s infinite;
}
#header::before {
-webkit-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s;
}
#header h2 {
-webkit-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s;
}
@keyframes flicker {
53% {
webkit-filter: brightness(100%);
filter: brightness(100%);
}
53.5% {
-webkit-filter: brightness(60%);
filter: brightness(60%);
}
54% {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
54.5% {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
55% {
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
64% {
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
64.5% {
-webkit-filter: brightness(40%);
filter: brightness(40%);
}
65% {
-webkit-filter: brightness(40%);
filter: brightness(40%);
}
65.5% {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
66% {
-webkit-filter: brightness(40%);
filter: brightness(40%);
}
96.5% {
-webkit-filter: brightness(40%);
filter: brightness(40%);
}
97% {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
97.5% {
-webkit-filter: brightness(40%);
filter: brightness(40%);
}
98% {
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
}
div#container-wrap {
background-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A7657035-73-0m0k/body_bg_grey.png");
background-repeat: repeat-x;
}
@media (max-width: 767px) {
#side-bar {
background: #9e9e9e;
}
}
.modalbox {
box-shadow: 0 2px 6px #33333380;
}
