GSK项目主题版式

[[iftags +版式]] [[module css]] @import url("https://bhl.scpwikicn.com/css/min/normalize.min.css"); @import url("https://bhl.scpwikicn.com/css/min/black-highlighter.min.css"); [[/module]] [[include :scp-wiki-cn:component:interwiki-style | priority=0 | override=1 | type=sidebar | theme=https://interwiki.scpwikicn.com/css/style-bhl.css ]] [[>]] **评分：** [[module Rate]] **评分模块与著作信息模块：** [[/>]] [[include :scp-wiki-cn:credit:start]] 页面信息 [[include :scp-wiki-cn:credit:more]] 更多页面信息 [[include :scp-wiki-cn:credit:end]] 这是一个基于[[[http://scp-wiki-cn.wikidot.com/theme:black-highlighter-theme|黑色标记笔]]]、[[[http://scp-wiki-cn.wikidot.com/theme:jakstyle|jak风格]]]的CSS，可用于任何你想使用的地方。 它是一个主要用于[[[http://scp-wiki-cn.wikidot.com/gsk-center|GSK项目]]]以及[[[http://scp-wiki-cn.wikidot.com/site-514|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数值调整时间 + 示例 [[include component:image-block name=https://scpsandboxcn.wikidot.com/local--files/eastcountry-center/site-logo.png|caption=GSK项目标志|width=200px]] 可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。[[footnote]]这是一个脚注[[/footnote]] [https://www.baidu.com 一个你可能已经访问过一次的链接，我不知道] 标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。 [[collapsible show="+ 标题" hide="- 标题"]] + 1 级标题 ++ 2 级标题 +++ 3 级标题 ++++ 4 级标题 +++++ 5 级标题 ++++++ 6 级标题 [[/collapsible]] @@ @@ [[tabview]] [[tab 分页]] 为什么铲子这么特别？ 因为这是一项突破性的发明。 [[/tab]] [[tab 分页]] 更多文字。 多么精巧绝伦。 [[/tab]] [[tab 长 Tab]] 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 [[/tab]] [[tab 这是一个名字真的非常长的 Tab。]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[/tabview]] @@ @@ > 这是一个引用块，在一行字的起始处加上“> ”来创建。 > > 更多文字 > ----- > 一条分割线 > >> 嵌套引用块 ||~ 这是 ||~ 表格 || || 你应该老早 || 就知道怎么 || |||| 做这个了吧 || @@ @@ @@ @@ @@ @@ + 针对高级语法和组件的预览与改进 +++++ 你可以在这里对大部分格式进行预览、以及找到一些有用的组件 +++++ 详见：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 @@ @@ [[collapsible show="+ 页面源代码" hide="- 隐藏"]] @@[[include :scp-wiki:component:fade-in speed=1]]@@ @@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@ @@[[include :scp-wiki-cn:theme:jakstyle]]@@ [[code type="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;     }     /* ↑标题偏移↑ */ [[/code]] [[/collapsible]] [[/iftags]] [[include :scp-wiki:component:centered-header-bhl]] [[include :scp-wiki:component:toggle-sidebar-bhl]] [[module CSS]] @import url("https://scp-wiki-cn.wdfiles.com/local--code/theme%3Ajakstyle/1"); [[/module]] [[include :scp-wiki-cn:component:interwiki-style | priority=1 | type=sidebar | theme=https://scp-wiki-cn.wdfiles.com/local--code/theme:jakstyle/2 ]] [[module 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;     }     /* ↑标题偏移↑ */ [[/module]]