GSK项目主题版式

评分:

Rating: +20

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

Rating: +20

这是一个基于黑色标记笔jak风格的CSS,可用于任何你想使用的地方。
它是一个主要用于GSK项目以及Site-514的版式。
在你的作品开头添加如下语法以应用此版式:

[[include :scp-wiki:component:fade-in speed=1]][[include :scp-wiki-cn:theme:black-highlighter-theme]][[include :scp-wiki-cn:theme:jakstyle]][[include :scp-wiki-cn:theme:gsk]]

其中的[[include :scp-wiki:component:fade-in speed=1]]是渐入,可以通过speed数值调整时间

示例

site-logo.png

GSK项目标志

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。1

一个你可能已经访问过一次的链接,我不知道

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题- 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题

分页分页长 Tab这是一个名字真的非常长的 Tab。空 Tab空 Tab空 Tab空 Tab空 Tab

为什么铲子这么特别?

因为这是一项突破性的发明。

这是一个引用块,在一行字的起始处加上“> ”来创建。

更多文字


一条分割线

嵌套引用块

这是表格
你应该老早就知道怎么
做这个了吧



针对高级语法和组件的预览与改进

你可以在这里对大部分格式进行预览、以及找到一些有用的组件
详见:https://scpsandboxcn.wikidot.com/1-1-11

由于大部分不是我们原创的,因此放在了沙盒页中
代码来自于指导中心的:
维基语法:http://scp-wiki-cn.wikidot.com/wiki-syntax
SCP格式资源:http://scp-wiki-cn.wikidot.com/scp-style-resource

+ 页面源代码- 隐藏

[[include :scp-wiki:component:fade-in speed=1]]
[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:jakstyle]]

css
:root {
    --header-title: "GSK Project";
    --header-subtitle: "Supervise, Cooperation, Protect";     
    /* 这里的和上一行只有英文阅读者才能看到 */

    --dark-accent: 26, 26, 26;
    --pale-accent: 94, 219, 148;
    --bright-accent: 94, 219, 148;
    --light-gray-monochrome: 152, 154, 162;
    --dark-gray-monochrome: 26, 26, 26;
    --black-monochrome: 26, 26, 26;
    --medium-accent: 228, 228, 228;
    --tab-border-color: 94, 219, 148;
    --rating-module-button-color: 94, 219, 148;
    --rating-module-button-credit-color: 94, 219, 148;
    --swatch-background: var(--dark-accent);
    --swatch-menutxt-general-color: 94, 219, 148;
    --swatch-menubg-black-color: var(--dark-gray-monochrome);
    --barColour: var(--dark-accent);
    /* 主题颜色设置 */

     --header-height-on-desktop: 12.4rem;
     --header-height-on-mobile: 12rem;

    /* 这里是LOGO */
    --logo-image: url('https://scpsandboxcn.wikidot.com/local--files/eastcountry-center/site-logo.png');
    --logo-image-size: 200px auto;
    --lgurl: url('https://scpsandboxcn.wikidot.com/local--files/eastcountry-center/site-logo.png');
    --accentColor: 30,181,232;
    --ui-wght: 800;
    --ui-hvr-wght: 500;

    /* 背景和标题颜色 */
    --background-color: var(--dark-accent);

    /* 主要文本颜色 */
    --swatch-text-light: 228, 228, 228;
    --swatch-text-general: 228, 228, 228;

    /* 主菜单颜色 */
    --swatch-menubg-color: var(--dark-accent);

    /* 二级和三级项目的颜色,如 Blockquote 和 UI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    --swatch-alternate-color: var(--swatch-menubg-medium-color);
    --sidebar-links-hover-text-color: var(--dark-accent);

    /* 辅助和第三项的文本颜色,例如侧边栏标题和顶栏菜单文本 */
    --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);

    /* 主要标题颜色 */
    --swatch-topmenu-border-color: 94, 219, 148;
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);

    --rating-module-text-color: 94, 219, 148;
    --rating-module-button-cancel-color: 94, 219, 148;
    ;

    --gradient-header: linear-gradient(to bottom,
            rgb(94, 219, 148) 0%,
            rgb(94, 219, 148) 90%,
            rgb(94, 219, 148) 100%);

    --diagonal-stripes: repeating-linear-gradient(45deg,
            hsla(0, 0%, 100%, 0),
            hsla(0, 0%, 100%, 0) 0.25vh,
            rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
            rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);

  /* 侧边栏按钮 */
  --toggle-button-bg: ;
  --toggle-border-width: 0;
  --toggle-icon-color: rgb(94, 219, 148);
  --toggle-roundness: 0;
}

:root:lang(cn) {
    --header-title: "GSK项目";
    --header-subtitle: "监视,合作,保护";
    --logo-image: url('https://scpsandboxcn.wikidot.com/local--files/eastcountry-center/site-logo.png');
    --logo-image-size: 200px auto;
    --lgurl: url('https://scpsandboxcn.wikidot.com/local--files/eastcountry-center/site-logo.png');
    --accentColor: 30,181,232;
     --ui-wght: 800;
    --ui-hvr-wght: 500;
    /* ↑这里是LOGO和标题,防止加载不出,再来一次↑ */

    --body-font: 'Times New Roman', '黑体';
    --header-font: 'Times New Roman', '黑体';
    --title-font: 'Times New Roman', '黑体';
    --mono-font: 'Times New Roman', '黑体';
    --UI-font: 'Times New Roman', '黑体';

    --swatch-text-light: 228, 228, 228;
    --swatch-text-general: 228, 228, 228;
}
    /* ↑这里是页面标题(中文)↑ */

#extra-div-1 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height-on-desktop);
    pointer-events: none;
    background-image: url('https://scpsandboxcn.wikidot.com/local--files/eastcountry-center/hubble.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
    /* ↑这里是替换banner图片↑ */

body {
    color: #e4e4e4;
}
blockquote {
    color: #e4e4e4
}
/* ↑正文颜色↑ */

.yui-navset .yui-nav .selected a {
    border-color: #e4e4e4;
    color: rgb(var(--dark-accent)) !important;
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    background: rgb(var(--dark-accent));
    color: #e4e4e4;
}
.yui-navset-bottom .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset .yui-nav li a {
    background: rgb(var(--dark-gray-monochrome));
    color: #e4e4e4;
}
/* ↑tab栏颜色↑ */

    a.footnoteref {
        padding: 0.05em;
        color: rgb(var(--swatch-primary));
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1);
        transition:
            box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
            color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
            padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
            margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
     a.footnoteref:hover {
        box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1);
        text-decoration: none;
        color: rgb(var(--black-monochrome))
    }
     .footnotes-footer a[href*="javascript"]::before,
    .bibitems .bibitem::after,
    .footnotes-footer {
        background-color: rgb(var(--black-monochrome));
    }
/* ↑脚注颜色↑ */

#page-content div.b-tables table.wiki-content-table td, #page-content div.b-tables table.wiki-content-table th, #page-content table.wiki-content-table td, #page-content table.wiki-content-table th {
    border: .0625rem solid rgb(80, 58, 246) !important;
}

#page-content div.b-tables table.wiki-content-table th, #page-content table.wiki-content-table th {
    background: rgb(80, 58, 246);
}
/* ↑表格颜色↑ */

    #header::before {
    background-image: var(--lgurl);
    background-size: 15rem;
    background-position-y: -2.5rem;
    opacity: 0.20;
    }
    #header h1,
    #header h1 a {
    },
        #header h1 a::before {
        opacity: 1;
    }
    #header h1 a::after {
        opacity: 1;
    }
    #header h2,
    #header h2 span{
    },
    #header h2 apan::before {
       opacity: 1;
    }
    #header h2 apan::after {
       opacity: 1;
    }
    /* ↑标题偏移↑ */

Footnotes
  1. 1.这是一个脚注
页面版本:⁨0⁩, 最后编辑于: ⁨2022/12/16 09:31:09⁩ (⁨⁨1370⁩ 日前⁩), 现时评分: 20