/*
IJAMEA BHL Theme
Powered on 2021.12.1
Created by Mishary
https://scp-wiki.wikidot.com/theme:ijamea-bhl
CC BY-SA 3.0
Based on IJAMEA Theme Revised
Powered on 2020/04/07 14:38:39
Created by Nanigashi Sato
Fixed by ukwhatn
https://scp-wiki.wikidot.com/theme:revised-ijamea-theme
CC BY-SA 3.0
IJAMEA Logo
Title: IJAMEA2.png
Created by Nanimono Demonai
Creation Year: 2019
Source: https://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+JP:wght@400;900&family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
/* ROOT */
:root {
--usukihada: 255, 245, 195;
--kokibeni: 173, 31, 35;
--kareno: 219, 203, 130;
--shiro: 255, 255, 255;
--asaginezu: 171, 186, 190;
--kuro: 0, 0, 0;
--bright-accent: var(--kokibeni);
--medium-accent: var(--kokibeni);
--dark-accent: var(--kareno);
--logo-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Arevised-ijamea-theme/IJAMEA2.png);
--header-title: "IJAMEA";
--header-subtitle: "大日本帝国異常事例調査局";
--header-h1-font-size: calc(var(--base-font-size)*3.5);
--black-monochrome: var(--kuro);
--white-monochrome: var(--shiro);
--light-gray-monochrome: var(--kareno);
--swatch-primary: var(--white-monochrome);
--swatch-primary-darker: var(--black-monochrome);
--swatch-primary-darkest: var(--black-monochrome);
--swatch-menubg-light-color: var(--white-monochrome);
--swatch-menubg-dark-color: var(--dark-accent);
--swatch-text-secondary-color: var(--white-monochrome);
--swatch-secondary-color: var(--white-monochrome);
--ui-icon-color: var(--white-monochrome);
--ui-button-hover-bg: var(--black-monochrome);
--link-color: var(--swatch-text-general);
--hover-link-color: var(--link-color);
--newpage-color: var(--link-color);
--header-gradient-color-bottom: var(--white-monochrome);
--header-gradient-color-middle: var(--white-monochrome);
--header-gradient-color-top: var(--white-monochrome);
--body-font: Noto Serif JP, Inter, Verdana, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
--header-font: Abril Fatface, Noto Serif JP, sans-serif;
--title-font: var(--body-font);
--UI-font: var(--body-font);
--gradient-topmenu-mobile: rgb(var(--white-monochrome));
}
:root:lang(ja) {
--header-title: "IJAMEA";
--header-subtitle: "大日本帝国異常事例調査局";
}
::-webkit-scrollbar-thumb {
background: rgba(var(--swatch-tertiary-color), 0.8);
}
div#container-wrap {
background-image: linear-gradient(rgb(var(--shiro)) 15%, rgb(var(--kareno)) 15%, rgb(var(--kareno)) 30%, rgb(var(--kokibeni)) 30%, rgb(var(--kokibeni)) 43%, rgb(var(--shiro)) 43%, rgb(var(--shiro)) 55%, rgb(var(--kareno)) 55%, rgb(var(--kareno)) 80%, rgb(var(--shiro)) 80%);
}
#container-wrap-wrap {
background-image:
repeating-linear-gradient(180deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(88, 88, 88, 0.1) 0.35vh,
rgba(88, 88, 88, 0.2) 0.5vh),
linear-gradient(to bottom, white 0, white 100%);
background-repeat: no-repeat;
background-size:
100% var(--header-height-on-desktop),
100% var(--final-header-height-on-desktop);
}
body {
background: #FFF5C3;
}
::-moz-selection {
background: rgb(var(--bright-accent));
color: rgb(var(--swatch-text-secondary-color));
}
::selection {
background: rgb(var(--bright-accent));
color: rgb(var(--swatch-text-secondary-color));
}
#header {
background-position: 1rem 0;
background-size: auto calc(var(--header-height-on-desktop));
--swatch-headerh1-color: var(--swatch-text-general);
--swatch-headerh2-color: var(--swatch-text-general);
--login-line-divider-color: var(--swatch-text-general);
--login-username-color: var(--swatch-text-general);
--login-myaccount-color: var(--swatch-text-general);
--login-arrow-color: var(--swatch-primary-darkest);
--login-dropdown-text-color: var(--swatch-text-general);
--login-dropdown-bg-hover-color: var(--black-monochrome);
--search-icon-focus-bg-color: var(--swatch-primary-darkest);
}
#header h1 a {
margin-top: calc(var(--header-height-on-desktop)/2 - 0.9em);
}
div#header h1 a:before {
text-shadow: 1.75px 1.75px white;
}
#header h2 span {
margin-top: calc(var(--header-height-on-desktop)/2 + var(--header-h1-font-size)/2 - var(--header-h2-font-size) + 0.4em);
margin-left: var(--header-height-on-desktop);
}
#header h2 span:before {
direction: rtl;
unicode-bidi: bidi-override;
font-weight: bold;
}
#top-bar {
--topmenu-category-color: var(--swatch-text-general);
--topmenu-category-hover-color: var(--swatch-text-general);
--topmenu-hover-border-color: var(--bright-accent);
--mobile-topmenu-sidebar-button-color: var(--bright-accent);
}
#header div[class*=top-bar]>ul li:active,
#header div[class*=top-bar]>ul li:hover {
background-color: rgba(var(--dark-accent), 0.5);
}
#header div[class*=top-bar]>ul>li>ul li:active>a,
#header div[class*=top-bar]>ul>li>ul li:hover>a {
background: rgb(var(--bright-accent));
color: rgb(var(--swatch-text-secondary-color));
}
@media only screen and (max-width: 56.25rem) {
div.mobile-top-bar {
background: rgb(var(--white-monochrome));
}
}
#side-bar,
#interwiki {
--sidebar-bg-color: var(--usukihada);
--sideblock-heading-border-color: var(--dark-accent);
--sidebar-links-hover-text-color: var(--swatch-text-general);
--sidebar-collapsible-fld-link-hover-bg: var(--dark-accent);
--sidebar-collapsible-fld-link-hover-color: var(--swatch-text-general);
--sidebar-subtext-color: var(--swatch-text-general);
}
#main-content {
--tabs-selected-bg: var(--asaginezu);
--tabs-selected-outline: var(--asaginezu);
--tabs-bottom-border-color: rgb(var(--black-monochrome));
--tabs-content-bg-color: var(--swatch-secondary-color), 1;
--tables-header-txt: var(--swatch-secondary-color);
--ui-icon-color: var(--swatch-text-secondary-color);
}
#page-content .printuser a {
text-decoration: none;
}
#page-content div.creditRate a,
#page-content div.page-rate-widget-box a,
#u-credit-view a {
text-decoration: none;
}
#page-content a {
text-decoration: underline;
-webkit-text-decoration-color: rgb(var(--link-color));
text-decoration-color: rgb(var(--link-color));
}
#page-content a:hover {
text-decoration-thickness: 2px;
}
#page-content .yui-nav a {
text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-bottom: solid 5px rgb(var(--swatch-primary-darker));
}
.yui-navset .yui-nav a:hover {
color: rgb(var(--swatch-text-secondary-color));
}
input[type=radio]:checked:before {
background: rgb(var(--swatch-primary-darker));
}
div[id*=page-options-bottom]>a:active:after,
div[id*=page-options-bottom]>a:hover:after {
background-color: rgb(var(--bright-accent));
}
#footer {
--footer-bg-color: var(--dark-accent);
--footer-link-hover-bg-color: var(--dark-accent);
}
#license-area {
--license-bg-color: var(--dark-accent);
--license-link-hover-bg-color: var(--dark-accent);
}
/* General's Note */
.generals-note {
margin: -7.5px 0 1.5em 1em;
}