/*
IJAMEA Theme Revised - Grey White Minimal Version
Powered on 2020/04/07 14:38:39
[2020 Wikidot Theme]
Created by Nanigashi Sato
Fixed by ukwhatn
Modified by Assistant - Grey white & float effect
CC BY-SA 3.0
This theme is based on the IJAMEA Theme by Dr Solo.
IJAMEA Logo
Title: IJAMEA2.png
Created by Nanimono Demonai
Creation Year: 2019
Source: http://scp-jp.wikidot.com/foundation-or-goi-logo
Note: The background of this image was permeabilized by Nanigashi Sato.
CC BY-SA 3.0
*/
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
/* -- 全局灰白色调 -- */
#html-body {
background-color: #f8f9fa; /* 灰白主背景 */
color: #1e1e1e; /* 深灰色文字，保持可读 */
font-family: 'Noto Serif SC', sans-serif;
}
/* 容器背景：去掉原顶部条纹图，改为纯灰白 */
div#container-wrap {
background: #f8f9fa; /* 与原body背景一致 */
}
/* Header */
div#header {
background: url('https://scp-jp-storage.wdfiles.com/local--files/file%3A3282741-9-p47y/IJAMEA2.png') 10px 40px no-repeat;
background-position: 1em 1.5em;
background-size: 70px;
/* 确保徽章位置不变 */
}
div#header h1 a {
padding: 60px 0 28px;
}
div#header h1 a span {
font-size: 0px;
}
div#header h1 a:before {
content: "IJAMEA";
color: #1e1e1e; /* 深灰 */
font-size: 115%;
font-family: 'Abril Fatface', cursive;
text-shadow: 1.75px 1.75px #e0e0e0; /* 浅灰阴影，柔和过渡 */
/* 添加浮动动画 */
display: inline-block;
animation: fadeInUp 0.6s ease-out;
}
div#header h2 span {
font-size:0px;
padding: 3.5px;
}
div#header h2:after {
content: "局査調例事常異國帝本日大";
font-family: 'Noto Serif SC', sans-serif;
font-weight: bold;
color: #1e1e1e;
padding: 15px 0;
text-shadow: none;
white-space: pre;
/* 添加浮动动画 */
display: inline-block;
animation: fadeInUp 0.6s ease-out 0.1s both; /* 微延迟，更富层次 */
}
div#search-top-box {
top: 58px;
}
/* Header for Smartphone */
@media (max-width: 580px) {
div#header {
background-position: 0.3em 1.5em;
}
}
@media (max-width: 479px) {
div#header {
background-position: -0.3em 1.5em;
}
#search-top-box-input {
display: none;
}
div#header h1 a {
padding: 62.5px 0 21px 10px;
}
div#header h1 a:before {
font-size: 40px;
text-shadow: 1.75px 1.75px #e0e0e0;
}
div#header h2:after {
padding-left: 10px;
}
div#search-top-box {
top: 57px;
}
}
/* -- 文字浮动动画 (极简淡入上浮) -- */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(12px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* 应用于主要内容区域，使其加载时平滑浮现 */
#page-content {
animation: fadeInUp 0.6s ease-out;
}
/* Body 内链接、文本等 */
#html-body a,
#side-bar a:visited {
color: #1e1e1e;
}
#page-content a {
text-decoration: underline;
text-decoration-color: #1e1e1e;
}
#page-content a:hover {
text-decoration-thickness: 2px;
}
#page-content a:visited {
text-decoration-color: #a0a0a0; /* 浅灰 */
}
#page-content .printuser a {
text-decoration: none;
}
#page-content .h0, h1, h2, h3, h4, h5, h6 {
color: #1e1e1e;
font-family: 'Noto Serif SC', sans-serif;
}
#page-content .heading {
color: #1e1e1e;
}
#container a.collapsible-block-link {
color: #1e1e1e;
}
table.wiki-content-table th {
color: #1e1e1e;
}
/* Tab 极简灰白 */
#container .yui-content {
color: #1e1e1e;
}
div.yui-navset div.yui-content {
background: #ffffff; /* 纯白，与灰背景区分 */
background-image: none;
border: 1px solid #e0e0e0;
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
background: #f0f0f0;
color: #1e1e1e;
background-image: none;
border: 1px solid #e0e0e0;
border-bottom: none;
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
background: #e0e0e0;
color: #1e1e1e;
background-image: none;
text-decoration: none;
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
background: #d0d0d0;
color: #1e1e1e;
background-image: none;
}
#page-content .yui-nav a {
text-decoration: none;
}
/* Module Rate 重构为灰白调 */
#container .page-rate-widget-box {
border: 1px solid #cccccc;
background: #f0f0f0;
border-radius: 3px;
}
#container .page-rate-widget-box .rate-points {
background-color: #e0e0e0 !important;
border-color: #cccccc;
color: #1e1e1e;
}
#container .page-rate-widget-box .rateup,
#container .page-rate-widget-box .ratedown {
background-color: #ffffff;
border-color: #cccccc;
}
#container .page-rate-widget-box .rateup a:hover {
background-color: #c0c0c0;
}
#container .page-rate-widget-box .ratedown a:hover {
background-color: #b0b0b0;
}
#container .page-rate-widget-box .cancel {
background-color: #d0d0d0;
border-color: #cccccc;
}
#container .page-rate-widget-box .cancel a {
color: #1e1e1e;
}
#container .page-rate-widget-box .cancel a:hover {
background-color: #b0b0b0;
color: #000000;
}
/* Credit Box 灰白适配 */
#page-content .rate-box-with-credit-button {
background-color: #f0f0f0;
border: solid 1px #cccccc;
}
#page-content .rate-box-with-credit-button > .page-rate-widget-box {
border-radius: 0px;
border: none;
}
#page-content .rate-box-with-credit-button > .page-rate-widget-box .rate-points {
border: none;
}
#page-content .rate-box-with-credit-button > .page-rate-widget-box .rateup,
#page-content .rate-box-with-credit-button > .page-rate-widget-box .ratedown {
border-top: none;
border-bottom: none;
}
#page-content .rate-box-with-credit-button > .page-rate-widget-box .cancel {
border: none;
}
#page-content .rate-box-with-credit-button > .page-rate-widget-box .cancel a:hover {
border-radius: 0;
}
#page-content .creditButton p a {
color: #1e1e1e;
border-left: solid 1px #cccccc;
}
#page-content .creditButton p a:hover {
color: #000000;
background-color: #e0e0e0;
}
#page-content div.creditRate a,
#page-content div.page-rate-widget-box a,
#u-credit-view a {
text-decoration: none;
}
#page-content .creditButtonStandalone p a {
background-color: #e0e0e0;
color: #1e1e1e;
border: 1px solid #cccccc;
}
#page-content .creditButtonStandalone p a:hover {
background-color: #c0c0c0;
}
#page-content .modalbox {
background-image: linear-gradient(#e0e0e0 51px,#fefefe 51px,#fefefe);
}
/* Side Bar 极简灰白，去掉重阴影 */
#side-bar .side-block {
border: 1px solid #dddddd;
box-shadow: 0 1px 4px rgba(0,0,0,0.05); /* 极淡阴影 */
background-color: #ffffff !important;
}
#side-bar .heading {
color: #1e1e1e;
border-bottom: 1px solid #dddddd;
}
#side-bar .collapsible-block-unfolded-link {
border-bottom: 1px solid #dddddd;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
color: #1e1e1e;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
color: #000000;
}
/* 侧栏图标去色保留（原有风格） */
.side-block .menu-item > .image, #side-bar .collapsible-block-folded {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
@media (max-width: 767px) {
#side-bar{
background-color: #f0f0f0; /* 移动端适配灰白 */
}
}
/* Search Box 柔和灰 */
#search-top-box-input {
border: solid 1px #bbbbbb;
border-radius: 5px;
background-color: #ffffff;
box-shadow: none;
color: #1e1e1e;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
border: solid 1px #909090;
background-color: #f5f5f5;
box-shadow: none;
color: #1e1e1e;
}
#search-top-box-form input[type=submit] {
padding: 2px 5px;
border: solid 1px #bbbbbb;
border-radius: 5px;
background: none;
background-color: #e0e0e0;
box-shadow: none;
color: #1e1e1e;
font-size: 90%;
font-weight: bold;
cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
border: solid 1px #909090;
background: none;
background-color: #c0c0c0;
box-shadow: none;
text-shadow: none;
color: #000000;
}
/* General's Note */
.generals-note{
margin: -7.5px 0 1.5em 1em;
}
/*
For J-style
It was edited by Nanigashi Sato
Original is http://scp-jp.wikidot.com/component:jstyles
Original was created by Nanimono Demonai
*/
tt {
font-family: 'Noto Serif SC', sans-serif;
}