全线战争 主题版式（黑标）

评分：

评分模块与著作信息模块：

著作信息

---

页面信息

---

这是为“全线战争”设定所制作的版式。对应的基于 Sigma-9 的版本见于此处。注意，黑色标记笔主题版式必须与此版式一同引用和使用。

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

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:war-on-all-fronts-bhl]]

由 EstrellaYoshte 制作的图像。

标题

2 级标题

3 级标题

未访问的链接（已访问的链接）

你可以使用此版式中包含的一种特殊水平分割线（见于下方），代码如下：

[[div_ class="woaf-hr"]]
[[/div]]

/* ---------------------------------
War on All Fronts (Black Highlighter)
2020 Wikidot Theme
Created by stormbreath
Header image created by EstrellaYoshte
--------------------------------- */
 
/* -------------- ROOT -------------- */
@import url('https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap');
 
:root {
    /* S-CSS-P Integration */
    --theme-base: "black-highlighter";
    --theme-id: "woaf-bhl";
    --theme-name: "War on All Fronts Theme (BHL)";
 
    /* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awar-on-all-fronts-bhl/mksjr3.png");
    --header-title: "War on All Fronts";
    --header-subtitle: "We're Going to Need a Bigger Boat";
 
    /* Typefaces */
    --header-font: 'Saira Stencil One', cursive;
    --title-font: 'Saira Stencil One', cursive;
 
    /* Standard Colors */
    --white-monochrome: 245, 245, 245;
    --pale-gray-monochrome: 235, 235, 235;
    --pale-accent: 60, 40, 230;
    --bright-accent: 5, 0, 133;
    --medium-accent: 44, 46, 100;
    --dark-accent: 15, 3, 100;
    --alt-accent: 17, 102, 221;
    --deepsea: linear-gradient(to bottom,rgb(0,0,101),rgb(23,0,82),rgb(0,0,0));
 
    /* Header Gradients */
    --gradient-header: var(--deepsea);
    --diagonal-stripes: none;
 
    /* Other Variables */
    --rating-module-bg-color: var(--pale-gray-monochrome);
}
 
:root:lang(cn) {
    /* Header */
    --header-title: "全线战争";
    --header-subtitle: "我们需要一艘更大的船";
 
    /* Typefaces */
    --header-font: 'Saira Stencil One', "Noto Sans SC", cursive;
    --title-font: 'Saira Stencil One', "Noto Sans SC", cursive;
}
 
#side-bar {
    --sidebar-links-text: 173,171,181;
    --sideblock-heading-text-color: var(--white-monochrome);
}
 
/* -------------- HEADER -------------- */
#header h1 a:before,
#header h2 span:before {
    color: rgb(173,171,181);
    font-variant: small-caps;
}
 
#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
     background-image: var(--deepsea);
}
 
/* -------------- SIDE-BAR -------------- */
#side-bar {
    background-image: var(--deepsea);
    background-attachment: fixed;
    background-size: unset;
}
 
#side-bar div.menu-item a:hover {
    background-color: rgba(173,171,181,.15);
    color: white;
}
 
#side-bar div.menu-item a:before,
#side-bar div.menu-item a:hover:before {
    background-color: rgba(173,171,181,.25);
}
 
#side-bar .side-block[style*="background-color"] {
    background: transparent !important;
}
 
#side-bar .heading p,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
     font-family: var(--header-font);
     font-weight: initial;
}
 
#side-bar::-webkit-scrollbar-track {
    background-image: var(--deepsea);
}
 
#side-bar::-webkit-scrollbar,
#side-bar::-webkit-scrollbar-thumb,
#side-bar::-webkit-scrollbar-corner {
    border-color: rgba(71, 79, 107, .6);
}
 
/* -------------- BODY -------------- */
#page-title {
     color: rgb(var(--medium-accent));
     border-color: rgb(var(--medium-accent));
     text-align: center;
}
 
.close-credits,
.credit-back {
     filter: hue-rotate(260deg)
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(0, 0, 100,.5);
    background: linear-gradient(
        rgb(200,200,200) 51px,
        rgb(240,240,240) 51px,
        rgb(240,240,240)) !important;
}
 
.info-container {
    --barColour: #336;
}
 
.anom-bar-container {
     --title-font: 'Roboto', sans-serif;
}
 
blockquote,
div.blockquote {
    background: rgb(var(--pale-gray-monochrome));
}
 
div.woaf-hr {
     height: .3em;
     background: linear-gradient(to right,
         rgb(0,0,0),
         rgb(23,0,82),
         rgb(0,0,101),
         rgb(23,0,82),
         rgb(0,0,0));
     margin: 1em 0;
     border-radius: 5px;
}
 
div.woaf-hr p,
div.woaf-hr ul {
    display: none;
}
 
#footer a,
#footer a:visited {
     color: white;
}

:root {
    --header-font: 'Saira Stencil One', "Noto Sans SC", cursive;
    --title-font: 'Saira Stencil One', "Noto Sans SC", cursive;
    --white-monochrome: 245, 245, 245;
    --bright-accent: 5, 0, 133;
    --medium-accent: 44, 46, 100;
    --dark-accent: 15, 3, 100;
}
.side-block {
    --sideblock-heading-text-color: var(--white-monochrome);
    --sidebar-links-text: 173, 171, 181;
}
.side-block .heading p {
    font-family: var(--header-font);
    font-weight: initial;
}
.side-block div.menu-item a:hover {
    background-color: rgba(173, 171, 181, .15);
    color: white;
}
.side-block div.menu-item a:before,
.side-block div.menu-item a:hover:before {
    background-color: rgba(173, 171, 181, .25);
}