IJAMEA 黑标主题

此为用于“大日本帝国事务调査局”的主题。若你有任何改进建议,请知照MisharyMishary

使用方法

注意:这是一个基于黑色标记笔的主题版式。若你想使用此版式,你还需要导入黑色标记笔版式。点击这里了解更多

在你的作品开头添加如下语法以应用此版式:

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:ijamea-bhl]]


三城将军笔记,令和三年1

若你想用将军笔记,复制以下代码:

+++++ 三城将军笔记,令和三年[[footnote]]2021 CE[[/footnote]]
[[div class="generals-note"]]
若你想用将军笔记,复制这个代码。
[[/div]]

主题颜色

Usukihada--usukihada(255 245 195)
Kokibeni--kokibeni(173 31 35)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
Kareno--kareno(219 203 130)
Shiro--shiro(255, 255, 255)
Asaginezu--asaginezu(171, 186, 190)
Kuro--kuro(0, 0, 0)
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

此为分页(tab view)。


正文、标题、以及UI的字体都是Noto Serif SC.
页眉标题字体为Abril FatfaceNoto Serif SC
打字机体为 Recursive

所有字体皆符合 SIL Open Font License, Version 1.1

/*
  IAMEA 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+SC: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 SC, Inter, Verdana, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  --header-font: Abril Fatface,  Noto Serif sc, sans-serif;
  --title-font: var(--body-font);
  --UI-font: var(--body-font);
}
 
:root:lang(cn) {
  --header-title: "IJAMEA";
  --header-subtitle: "大日本帝国異常事例調査局";
  --body-font: Noto Serif SC, Inter, Verdana, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  --header-font: Abril Fatface,  Noto Serif sc, sans-serif;
  --title-font: var(--body-font);
  --UI-font: var(--body-font);
}
 
::-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;
}
::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,
.side-block {
    --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-subtest-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;
    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;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License