@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap');
body {
font-family: 'Noto Serif SC', 'Noto Serif TC', "宋体", serif;
font-display: swap;
}
a,a:visited {
color: rgba(53,121,166,1);
}
a:visited {
color: rgba(0,49,84,1);
}
body {
background-color: rgba(220,220,220,1);
}
div#container-wrap {
background-image: url(http://area-cn-02.wikidot.com/local--files/sketchy-newspaper-theme/paper-texture.png),
linear-gradient(to bottom,
rgba(0,0,0,0) 0px,
rgba(0,0,0,0) 139px,
rgba(50,50,50,1) 139px,
rgba(50,50,50,1) 163px,
rgba(220,220,220,1) 163px),
url(http://area-cn-02.wikidot.com/local--files/sketchy-newspaper-theme/building.jpg);
background-size: 300px, cover, contain;
background-position: 0 163px, 0 0, 0 -8%;
}
@media (min-width: 480px) and (max-width: 767px) {
div#container-wrap {
background-position: 0 163px, 0 0, 0 -4%;
}
}
@media (max-width: 479px) {
div#container-wrap {
background-position: 0 163px, 0 0, 0 0;
}
}
h1, #page-title, .meta-title {
color:rgba(53,121,166,1);
}
div.content.modal-body,
div.title.modal-header,
div.button-bar.modal-footer,
div#owindow-1,
#account-options,
input#edit-page-title.text,
textarea#edit-page-textarea,
textarea.form-control,
div#lock-info,
#edit-page-comments,
table#wiki-content-table tr th,
.wiki-content-table tr th,
input.text,
input.autocomplete-input.text.yui-ac-input,
blockquote,
div.blockquote,
.yui-content,
.scp-image-block .scp-image-caption,
input.btn.btn-default,
input.btn.btn-primary,
input.btn.btn-danger,
input.btn.btn-info {
background-color: rgba(255,255,255,0.3) !important;
}
@keyframes spinning
{
0%{-transform:rotateY(0deg) rotateZ(0deg);
-webkit-transform:rotateY(0deg) rotateZ(0deg);
filter:hue-rotate(0deg) invert(100%) blur(0px);}
50%{-transform:rotateY(180deg) rotateZ(180deg);
-webkit-transform:rotateY(180deg) rotateZ(180deg);
filter:hue-rotate(180deg) invert(0%) blur(5px);}
100% {-transform:rotateY(360deg) rotateZ(360deg);
-webkit-transform:rotateY(360deg) rotateZ(360deg);
filter:hue-rotate(360deg) invert(100%) blur(0px);}
}
@keyframes coloring
{
0%{filter:hue-rotate(0deg);}
50%{filter:hue-rotate(180deg);}
100% {filter:hue-rotate(360deg);}
}
