先锋 版式
主题颜色
WikiJump include 未展开： 本地数据库中没有当前版本（:scp-wiki:component:theme-squares）
这是什么？
这是先锋版式，由
MisterFrown为监督者协会创建。该主题基于其在狐步舞内部使用的子主题。
将以下代码放置于任意页面顶部即可使用：
[[include :scp-wiki-cn:theme:black-highlighter-theme]][[include :scp-wiki-cn:theme:vanguard]]
此主题还内置了暗色模式。使用以下代码即可启用：
[[include :scp-wiki-cn:theme:black-highlighter-theme]][[include :scp-wiki-cn:theme:vanguard
|dark=--]
]]
由于该主题基于黑色标记笔主题，如果希望使用本主题，则也必须同时使用该主题。有关更多信息，请参阅此页面。
示例
这是一个图片块。
示例链接
标题1
标题2
标题3
标题4
标题5
这是引用块的样子。
而这是一个嵌套引用块。
| 表格 | 示例 |
|---|---|
| 单元格内容 | 单元格内容 |
测试
测试
测试
Div与Span元素
div class="twosideblock"
span class="vantitle"
[[=]]
源代码
展开版式源代码
[[/=]]
/* Vanguard Theme by MisterFrown */
/* Fonts */
@import url('https://fonts.bunny.net/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.bunny.net/css2?family=Alegreya+SC:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,500;1,700;1,800;1,900&display=swap');
/* Main Root Block */
:root:lang(cn) {
--theme-base: "black-highlighter";
--theme-id: "vanguard";
--theme-name: "Vanguard Theme";
--logo-image: url("https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/vanguard%20transparent.png");
--header-title: "先锋";
--header-subtitle: "庇护, 常化, 通报";
--header-h2-font-size: 1.1em;
--header-font: 'Zilla Slab', serif;
--medium-accent: 0, 102, 0;
--dark-accent: 0, 153, 75;
--bright-accent: 102, 205, 170;
--white-monochrome: 240, 255, 255;
--gray-monochrome: var(--dark-accent);
--swatch-secondary-color: 248, 248, 248;
--swatch-tertiary-color: var(--dark-accent);
--link-color: var(--dark-accent);
--visited-link-color: var(--bright-accent);
--hover-link-color: var(--medium-accent);
--newpage-color: var(--medium-accent);
--rating-module-bg-color: var(--swatch-secondary-color);
--rating-module-bottom-border-color: var(--dark-accent);
--header-height-on-desktop: 11rem;
--header-height-on-mobile: 11rem;
--background-gradient-color: var(--dark-accent);
--background-gradient-distance: 18rem;
--diagonal-stripes: none;
--gradient-topmenu: linear-gradient(
180deg,
rgb(var(--medium-accent)) 0%,
rgb(var(--dark-accent)) 5%,
rgb(var(--dark-accent)) 95%,
rgb(var(--medium-accent)) 100%
);
--toggle-border-color: rgb(var(--dark-accent));
--toggle-icon-color: rgb(var(--dark-accent));
--toggle-roundness: 1%;
--zero: 0;
}
#header h2 {
top: 0.7em;
left: 0.7em;
}
/* Main Content Block */
#main-content {
--tabs-bg: var(--dark-accent);
}
/* Header Code modified from SCP-6500 */
#header::before {
left: -9.5rem;
filter: brightness(125%);
opacity: 1;
}
@media (max-width: 767px) {
#header::before {
left: -7rem;
}
#header h1 {
top: 0.5em;
left: 0.5em;
}
}
/* Header */
#extra-div-2 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-color: rgb(72,209,204);
background-image: linear-gradient(
180deg,
rgba(72,209,204,1) 4%,
rgba(153,230,179,1) 48%,
rgba(253,253,150,1) 80%
);
}
@media (max-width: 400px) {
#extra-div-2 {
background-size: calc(var(--header-height-on-desktop) * 3);
}
}
/* Image Block */
:is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
color: #ffffff;
background: rgb(var(--dark-accent));
font-family: var(--header-font);
}
/* Divs */
:is(blockquote, div.blockquote, [class*="blockquote"]) {
background-color: rgb(var(--swatch-secondary-color));
border-left: 5px solid rgb(var(--dark-accent));
}
/* Spans */
.vantitle {
font-family: 'Copperplate Gothic', 'Alegreya SC', sans-serif;
color: #1328B4;
font-size: 280%;
font-weight: bold;
}
.twosideblock {
margin-left: auto;
margin-right: auto;
width: 90%;
background: rgb(var(--swatch-secondary-color));
border-left: solid 3.5px rgb(var(--dark-accent));
border-right: solid 3.5px rgb(var(--dark-accent));
margin-bottom: 7px;
padding-right: 15px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 0px 0px 2px rgb(var(--bright-accent));
}/* Dark Mode */
:root:lang(cn) {
--medium-accent: 0, 102, 0;
--dark-accent: 50,205,50;
--bright-accent: 102,205,170;
--white-monochrome: 19, 42, 74;
--gray-monochrome: var(--dark-accent);
--swatch-secondary-color: 12, 26, 46;
--rating-module-text-color: var(--swatch-text-light);
--swatch-text-light: var(--light-pale-gray-monochrome);
--swatch-text-general: var(--swatch-text-light);
--swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
--swatch-menutxt-light-color: var(--swatch-text-light);
--gradient-topmenu: linear-gradient(
180deg,
rgb(var(--medium-accent)) 0%,
rgb(var(--dark-accent)) 2%,
rgb(var(--dark-accent)) 98%,
rgb(var(--medium-accent)) 100%
);
--hoverblock-bg: var(--white-monochrome);
--hoverblock-txt: var(--swatch-text-light);
--hoverblock-header-bg: var(--dark-accent);
--hoverblock-header-txt: var(--white-monochrome);
}
/* Main Content */
#main-content {
--ui-button-bg-color: var(--rating-module-bg-color);
--ui-icon-color: var(--medium-accent);
--ui-icon-hover-color: var(--dark-accent);
--ui-button-txt: var(--swatch-text-light);
--ui-button-hover-txt: var(--swatch-text-light);
}
/* Header */
#header {
--login-username-color: var(--swatch-text-light);
--login-myaccount-color: var(--swatch-text-light);
--search-icon-color: var(--swatch-text-light);
--login-dropdown-text-hover-color: var(--swatch-text-light);
--login-line-divider-color: var(--swatch-text-light);
}
/* Top Bar */
#top-bar {
--dropdown-links-hover-color: var(--swatch-text-light);
--topmenu-category-hover-color: var(--swatch-text-light);
--topmenu-category-color: var(--swatch-text-light);
--mobile-topmenu-sidebar-button-color: var(--swatch-text-light);
}
#interwiki .heading p,
#side-bar .heading p,
#side-bar .collapsible-block .collapsible-block-link {
color: rgb(var(--dark-accent));
}
.bibitems,
.footnotes-footer {
background-color: rgb(var(--swatch-secondary-color));
}
.bibitems .bibitem::after,
.footnotes-footer a[href*="javascript"]::before {
background-color: rgb(var(--swatch-secondary-color));
}
.vantitle {
color: rgb(var(--dark-accent));
}‡ 授权 / 引用
请按如下方式引用此页：
“先锋 版式”，作者 MisterFrown，来自 SCP 维基。原文链接：https://scp-wiki.wikidot.com/theme:vanguard。译者 Nodear，来自 SCP-CN 维基。译文链接：/theme:vanguard。遵循 CC BY-SA 协议。
更多详情请参阅授权指南。
Filename: Example image
Name: Glowing Bar City Street Night Lights
Author: epSos.de
License: CC by-SA 2.0
Source Link: https://commons.wikimedia.org/wiki/File:Glowing_Bar_City_Street_Night_Lights.jpg
Footnotes
1. 示例脚注
页面版本：0, 最后编辑于: 2026/8/10 21:19:53 (36 日前), 现时评分: 15