IJAMEA BHL Theme

Link to article: IJAMEA BHL Theme.

@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");

.title-font {
    font-family: var(--title-font);
    font-weight: 700;
}

.header-font {
    font-family: var(--title-font);
    font-weight: 900;
}

.UI-font {
    font-family: var(--UI-font);
}

.mono-font {
    --MONO: 1;
    --CASL: 0;
    --CRSV: 0;
    font-family: var(--mono-font);
}

@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aijamea-bhl/1")

(none)

```
code
```
```
generals-note
```
```
code
```
```
generals-note
```
```
fonts-display
```
```
title-font
```
```
UI-font
```
```
header-font
```
```
mono-font
```

[[iftags +theme]]
[[module CSS]]
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");

.title-font {
    font-family: var(--title-font);
    font-weight: 700;
}

.header-font {
    font-family: var(--title-font);
    font-weight: 900;
}

.UI-font {
    font-family: var(--UI-font);
}

.mono-font {
    --MONO: 1;
    --CASL: 0;
    --CRSV: 0;
    font-family: var(--mono-font);
}
[[/module]]

[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css
]]

[[include :scp-wiki:component:interwiki-style
| priority=2
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css
]]

[[>]]
Rating:
[[module rate]]
[[/>]]

[[>]]
Rating w/ Info Pane:
[[/>]]
[[include :scp-wiki:info:start]]
Info of your page
[[include :scp-wiki:info:end]]

This is a theme for the Group of Interest "[[[ijamea-hub|Imperial Japanese Anomalous Matters Examination Agency]]]". If you have any suggestions for improvement, please let [[*user Mishary]] know.

----

To use this theme on an article, paste the following into your page:

[[div class="code"]]
@@[[include :scp-wiki:theme:ijamea-bhl]]@@
[[/div]]

----

+++++ Note by General Mishiro, Reiwa 3[[footnote]]2021 CE[[/footnote]]
[[div class="generals-note"]]
If you want to use the general's notes in your article, do as follows:
[[div class="code"]]
@@+++++@@ Note by General Mishiro, Reiwa 3@@[[footnote]]@@2021 CE@@[[/footnote]]@@
@@[[div class="generals-note"]]@@
If you want to use the general's notes in your article, do as this.
@@[[/div]]@@
[[/div]]
[[/div]]

----

[[=]]
+ Theme Colors
[[/=]]

[[include :scp-wiki:component:theme-squares -=-
| color1-name=Usukihada
| color1-variable=--usukihada
| color1-info=(255 245 195)
| color2-name=Kokibeni
| color2-variable=--kokibeni
| color2-info=(173 31 35)
| color2-has-light-text=1
| subcolor1-name=Kareno
| subcolor1-variable=--kareno
| subcolor1-info=(219 203 130)
| subcolor2-name=Shiro
| subcolor2-variable=--shiro
| subcolor2-info=(255, 255, 255)
| subcolor3-name=Asaginezu
| subcolor3-variable=--asaginezu
| subcolor3-info=(171, 186, 190)
| subcolor3-has-light-text=1
| subcolor4-name=Kuro
| subcolor4-variable=--kuro
| subcolor4-info=(0, 0, 0)
| subcolor4-has-light-text=1
]]
----
[[>]]
[[module Rate]]
[[/>]]

@@ @@

[[tabview]]
[[tab Tabulator]]
This is a tab view.
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab Long Tab]]
This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.
[[/tab]]
[[tab This empty tab has a really long name for some odd reason. I wonder why? It is very strange.]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Titles Sample]]
+ First Title
++ Second Title
+++ Third Title
++++ Fourth Title
+++++ Fifth Title
++++++ Sixth Title

[[/tab]]
[[tab Table Sample]]
||~ Header||~ Header||~ Header||~ Header||
|| Cell|| Cell|||| Long Cell||

[[/tab]]
[[tab Links Sample]]
[# Unvisited Link]

[[[theme:revised-ijamea-theme|Visited Link]]] (If you can't tell the difference, try hovering over it.)
[[/tab]]
[[tab About This Theme]]
[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/theme%3Arevised-ijamea-theme/IJAMEA2.png|caption=Image Sample|width=10px]]

[[[component:ijamea-theme|The IJAMEA theme]]] was created by [[*user Dr Solo]] but it was deleted. In 2020, [[[theme:revised-ijamea-theme|A new theme]]] was created by [[*user Nanigashi Sato]].

But the revised IJAMEA theme is one of [[[sigma-9-themes|Sigma-9 themes]]] which based on [[[component:theme|the Site theme]]]. In this site, there are another mainstream of themes. It is [[[black-highlighter-themes|BHL themes]]], which is based on [[[theme:black-highlighter-theme|Black Highlighter Theme]]].

This Theme is created for meeting the demand for a BHL theme, based on the revised IJAMEA theme.

"局査調例事常異國帝本日大" is traditional notation of "大日本帝國異常事例調査局", the Japanese notation for "Imperial Japanese Anomalous Matters Examination Agency". It's written from right to left and by a traditional form of kanji used in Japan before WW II.

And this logo was created by [[*user Nanimono Demonai]], I borrowed it from [*https://scp-jp.wikidot.com/foundation-or-goi-logo his artwork in JP]. Of course, it can be used under CC BY-SA 3.0. This logo is modeled on the letter "異" in [*https://en.m.wikipedia.org/wiki/Seal_script ancient seal script] and a butterfly(蝶/chō), which is pronounced the same as "調" in Japanese. "異調" stands for "**異**常事例**調**査局(AMEA, Anomalous Matters Examination Agency)".
[[/tab]]
[[tab Special Thanks]]
* [[*user Dr Solo]] (Developer of [[[component:ijamea-theme|Original Theme]]])
* [[*user Nanigashi Sato]] (Developer of [[[theme:revised-ijamea-theme|Revised IJAMEA Theme]]] and Special Adviser)
*  [[*user Maxyfran73]] (Special Adviser)
* [[*user aismallard]] (Special Adviser)
* [[*user stormbreath]] (Special Adviser)
* [[*user Nanimono Demonai]] (Creator of the new Logo of IJAMEA)
* And all contributors of [*/system:page-tags/tag/ijamea#pages the glory of IJAMEA and their country].
[[/tab]]
[[/tabview]]
----
[[=]]
[[div_ class="fonts-display"]]
The body, [[span class="title-font"]]title[[/span]], and [[span class="UI-font"]]UI[[/span]] font is [https://fonts.google.com/noto/specimen/Noto+Serif+JP Noto Serif Japanese].
The [[span class="header-font"]]header font[[/span]] is [https://fonts.google.com/specimen/Abril+Fatface Abril Fatface] and [https://fonts.google.com/noto/specimen/Noto+Serif+JP Noto Serif Japanese].
[[span class="mono-font"]]The monospaced font is [https://www.recursive.design/ Recursive].[[/span]]
[[/div]]

All fonts are licensed under the [http://scripts.sil.org/OFL SIL Open Font License, Version 1.1]
[[/=]]

[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="css"]]
/*
  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;
}
[[/code]]
[[/collapsible]]
[[/iftags]]

[[module css]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aijamea-bhl/1")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Aijamea-bhl/1
]]

IJAMEA BHL Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source