身先士卒 版式
2025年11月6日
修订 37
核心指标
评分
-13
↑ 0
↓ 13
支持率
0%
总票数 13
Wilson 95% 下界
0.0%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
加载图表中...
最近修订
1 / 13
最近投票
1 / 2
2025-11-06
2025-11-06
2025-11-06
2025-11-06
2025-11-06
2025-11-06
2025-11-06
2025-11-06
2025-11-06
2025-11-06
页面源码
源码字符数 19573文字字数 2375
[[module CSS]]
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
/*Base*/
@supports(display: grid) {
:root {
--header-title: "基金会武装部队";
--header-subtitle: "搜索，作战，守护";
/* Standard theme colors */
--bright-accent: 143,151,121;
--medium-accent: 108,124,89;
--dark-accent: 68,76,56;
--newpage-color: 181,195,0;
--sidebar-quotes: 215,218,210;
--header-gradient-color-bottom: 108,124,89;
--diagonal-stripes: unset;
}
}
/* Sidebar */
#side-bar {
background-color: rgba(var(--sidebar-quotes));
}
/* Scan overlay */
#extra-div-1 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 8;
background-image:
repeating-linear-gradient(135deg, rgba(255,255,255,0.12) 0px, rgba(255,255,255,0.12) 2px, transparent 4px),
linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px);
background-size: 8px 8px, 40px 40px, 40px 40px;
opacity: 0.55;
animation: hud-scan 9s linear infinite;
}
@keyframes hud-scan {
0% { background-position: 0 0, 0 0, 0 0; }
100% { background-position: -200px 200px, 0 40px, 40px 0; }
}
/* Header Titles */
h1, h2 {
color: rgb(var(--medium-accent));
font-weight: 700;
}
/* Base blockquote */
.blockquote-s {
width: 80% !important;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
font-weight: 600;
padding: 1em;
margin: 1.2em 0;
background-color: rgb(var(--sidebar-quotes)) !important;
border-top: 1px solid rgb(var(--dark-accent));
border-left: 1px solid rgb(var(--dark-accent));
border-bottom: 1px solid rgb(var(--dark-accent));
border-right: 1px solid rgb(var(--dark-color)); /* ensure right border visible */
pointer-events: auto;
background-image: none;
box-shadow: none;
}
.blockquote-s::before {
content: "";
width: 100%;
display: none;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 0;
}
.blockquote > * {
position: relative;
z-index: 1;
}
/* Link colors */
a {
color: rgb(var(--bright-accent));
font-weight: 600;
text-decoration: none;
transition: color 0.2s;
}
a:hover { text-decoration: underline; color: rgb(120,130,100); }
a:active { color: rgb(90,100,75); }
a:visited { color: rgb(130,140,110); }
/* Header text shadow */
#header h1 a::before,
#header h2 span:before {
text-shadow: 2px 2px #000;
}
/* Scan adapts on mobile */
@media (max-width: 768px) {
#extra-div-1 {
background-size: 6px 6px, 30px 30px, 30px 30px;
opacity: 0.65;
animation-duration: 7s;
}
}
[[/module]]
[[iftags [[#ifexpr {$army} == (true) | - ]]]]
[[module CSS]]
/*Army*/
:root {
--header-title: "基金会陆军";
--header-subtitle: "侦察，占领，投送";
}
#extra-div-1 { display: none; }
#extra-div-2 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-image: url("https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit/multi.svg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
}
.blockquote-s {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit/multi.svg); /* respective army/navy camo */
background-size: cover;
background-position: center;
border: 2px solid rgb(var(--dark-accent)); /* fix right border */
color: black !important;
}
.blockquote-s::before {
display: block;
background-color: rgba(255,255,255,0.8);
border: 2px solid rgb(var(--dark-accent)); /* fix right border */
}
.blockquote-s > * {
position: relative;
z-index: 1; /* text above overlay */
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$navy} == (true) | - ]]]]\
[[module CSS]]
/*Navy*/
@supports(display: grid) {
:root {
--header-title: "基金会海军";
--header-subtitle: "航行，拒止，巡逻";
--bright-accent: 75,156,211;
--medium-accent: 38,97,156;
--dark-accent: 0,35,102;
--newpage-color: 153,102,204;
--sidebar-quotes: 213, 234, 250;
--header-gradient-color-bottom: 38,97,156;
}
}
#extra-div-1 { display: none; }
#extra-div-3 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0; left: 0;
pointer-events: none;
background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/57/NFP-navy.jpg");
background-size: 100% auto;
background-position: center top;
}
.blockquote-s {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/57/NFP-navy.jpg); /* respective army/navy camo */
background-size: cover;
background-position: center;
border: 2px solid rgb(var(--dark-accent)); /* fix right border */
}
.blockquote-s::before {
display: block;
background-color: rgba(255,255,255,0.8);
border: 2px solid rgb(var(--dark-accent)); /* fix right border */
}
.blockquote-s > * {
position: relative;
z-index: 1; /* text above overlay */
}
/* Navy link hover override remains same style */
a:hover {
color: rgb(50,120,180);
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$alert} == (true) | - ]]]]\
[[module CSS]]
/*Alert*/
@supports(display: grid) {
:root {
--header-title: "基金会武装部队";
--header-subtitle: "箭在弦上";
/* ===STANDARD THEME COLORS=== */
--bright-accent: 237, 41, 57;
--medium-accent: 237, 27, 36;
--dark-accent: 150, 0, 24;
--sidebar-quotes: 218, 200, 210;
--newpage-color: 181, 195, 0;
/* ===HEADER GRADIENT=== */
/* ===HEADER GRADIENT=== */
--header-gradient-color-bottom: 237, 27, 36;
}
#extra-div-1 { display: none; }
#extra-div-4 {
content: ""; /* required */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: var(--header-height-on-desktop);
pointer-events: none;
z-index: 0; /* below header text */
/* Background gradient + stripes */
background: linear-gradient(
90deg,
rgba(var(--bright-accent),0.4) 0%,
rgba(var(--medium-accent),0.2) 50%,
rgba(var(--bright-accent),0.4) 100%
);
background-size: 20px 20px;
background-repeat: repeat;
/* Animation: flashing and movement */
animation: alert-flash 1.5s ease-in-out infinite, alert-move 2s linear infinite;
}
/* Flashing opacity */
@keyframes alert-flash {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.7; }
}
/* Slight diagonal movement */
@keyframes alert-move {
0% { background-position: 0 0; }
100% { background-position: 40px 40px; }
}
/* Optional mobile adaptation */
@media (max-width: 768px) {
#extra-div-3 {
background-size: 15px 15px;
}
}
/* ===Blockquote=== */
.blockquote-s {
background-image: none !important;
border: 2px solid rgb(var(--dark-accent)) !important;
background-color: rgb(var(--sidebar-quotes)) !important;
}
.blockquote-s::before {
display: none !important;
}
.blockquote-s a,
.blockquote-s {
color: rgb(var(--dark-accent)); /* base alert red */
}
/* === Link Colors=== */
a {
color: rgb(var(--bright-accent)); /* base red */
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: rgb(200, 30, 45);
text-decoration: underline;
}
a:active {
color: rgb(150, 0, 24);
}
a:visited {
color: rgb(180, 20, 35);
}
a:new-page {
color: rgb(var(--newpage-color));
}
[[/module]]
[[/iftags]]
[[iftags +版式]]
+ 这是什么？
这是一个由[[*user Agt Darkwall]]制作的有关[https://scp-wiki-cn.wikidot.com/slipping-desolation 荏苒荒凉]设定的主题板式。
本板式基于[https://scp-wiki-cn.wikidot.com/theme:black-highlighter-theme 黑色标记笔]。
在你的作品开头添加如下语法以应用此版式：
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki-cn:theme:lead-by-example]]@@
[[/div]]
考虑到荏苒荒凉设定的适用范围较小，如果有作者想要在基金会武装部队之外的背景使用本板式，本板式同样支持自定义标题与标志。
换句话说：如果你觉得，”我真喜欢这个板式，但是基金会标志不彳亍，必须换成我心仪的演绎部/圆头耄耋/侯国玉/丰川祥子“，那就在以上代码的后面再加一个这玩意，然后放手一搏吧。
[[div class="code"]]
@@[[module CSS]]@@
@@:root {@@
@@ --lgurl: url('图源放这 url');@@
@@}@@
@@:root:lang(cn) {@@
@@ --header-title: "标题";@@
@@ --header-subtitle: "副标题";@@
@@}@@
@@[[/module]]@@
[[/div]]
@@@@
@@@@
@@@@
+ 主题颜色
[[include :scp-wiki:component:theme-squares -=-
| color1-name=Payne's Grey
| color1-variable=--gray-monochrome
| color1-info=(66, 66, 72)
| color1-has-light-text=1
| color2-name=Asparagus
| color2-variable=--bright-accent
| color2-info=(143, 151, 121)
| color2-has-light-text=1
| subcolor1-name=Alto
| subcolor1-variable=--very-light-gray-monochrome
| subcolor1-info=(215, 215, 215)
| subcolor2-name=White Smoke
| subcolor2-variable=--pale-gray-monochrome
| subcolor2-info=(244, 244, 244)
| subcolor3-name=Bastille
| subcolor3-variable=--dark-gray-monochrome
| subcolor3-info=(48, 48, 52)
| subcolor3-has-light-text=1
| subcolor4-name=Resada Green
| subcolor4-variable=--medium-accent
| subcolor4-info=(108, 124, 89)
| subcolor4-has-light-text=1
| subcolor5-name=Rifle Green
| subcolor5-variable=--dark-accent
| subcolor5-info=(68, 76, 56)
| subcolor5-has-light-text=1
| subcolor6-name=Olive Chatreuse
| subcolor6-variable=--newpage-color
| subcolor6-info=(181, 195, 0)
]]
@@@@
@@@@
@@@@
+ 示例
可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
-----
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
[[collapsible show="+ 标题" hide="- 标题"]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/collapsible]]
@@@@
@@@@
@@@@
[[tabview]]
[[tab 分页]]
此为分页（tab view）。
[[/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 自然段]]
99式主战坦克（编号ZTZ-99，工程代号WZ-123）是中国人民解放军最新的主战坦克。与另一款较新的主战坦克96式相比，其制造成本与性能更高，它具备优异的防弹外型，其炮塔和车体均采用第三代复合装甲，是中国陆军集团军重型合成旅的主要突击力量，被称为中国陆战王牌。99式主战坦克及其后续型号在1999年国庆50周年阅兵式以来历次阅兵上均为装甲方阵第一方队，体现出99式在解放军中的重要地位。其重大改进型99A式坦克在2014年“和平使命-2014”联合军演中首次公开亮相。（摘自维基百科）
[[/tab]]
[[tab 神秘链接]]
https://www.bilibili.com/video/BV1GJ411x7h7
会是什么呢？真好奇呀
[[/tab]]
[[/tabview]]
@@@@
@@@@
@@@@
> 这是一个引用块，在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块
@@@@
@@@@
@@@@
如下一般使用div可提供另一种风格的引用块：
@@@@
[[div class="code"]]
@@[[div class="blockquote-s"]]@@
这是另一种引用块。
第34特遣舰队现在何处？重复一遍，现在何处？全世界都想知道。
注意：在使用此div时行数尽量放在40行以下，否则迷彩背景会过度拉伸或过度放大。我正在想办法解决这个问题。
@@[[/div]]@@
[[/div]]
@@@@
[[div class="blockquote-s"]]
这是另一种引用块。
第34特遣舰队现在何处？重复一遍，现在何处？全世界都想知道。
注意：在使用此div时行数尽量放在40行以下，否则迷彩背景会过度拉伸或过度放大。我正在想办法解决这个问题。
[[/div]]
@@@@
||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||
@@@@
@@@@
@@@@
+ 预设项
本板式内置了一些预设的视觉效果，可以通过在引入时修改参数来改变其外观。
@@@@
[[include component:image-block name=https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit-0/army2.png|caption=陆军迷彩 预设|width=auto]]
引入方式：
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki-cn:theme:lead-by-example |army=true]]@@
[[/div]]
@@@@
[[include component:image-block name=https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit-0/navy2.png|caption=SCP 海军迷彩 预设|width=auto]]
引入方式：
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki-cn:theme:lead-by-example |navy=true]]@@
[[/div]]
@@@@
[[include component:image-block name= https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit-0/alert3.png|caption=SCP 最高警戒 预设|width=auto]]
引入方式：
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki-cn:theme:lead-by-example |alert=true]]@@
[[/div]]
@@@@
@@@@
@@@@
[[=]]
一切字体与中文黑标相同，未做改动。
感谢ChatGPT指导提供的代码帮助，你是我爹。
[[/=]]
@@@@
------
@@@@
[[collapsible show="+ 显示源代码" hide="- 隐藏源代码"]]
[[code type="CSS"]]
/*Base*/
@supports(display: grid) {
:root {
--header-title: "基金会武装部队";
--header-subtitle: "搜索，作战，守护";
/* Standard theme colors */
--bright-accent: 143,151,121;
--medium-accent: 108,124,89;
--dark-accent: 68,76,56;
--newpage-color: 181,195,0;
--sidebar-quotes: 215,218,210;
--header-gradient-color-bottom: 108,124,89;
--diagonal-stripes: unset;
}
}
/* Sidebar */
#side-bar {
background-color: rgba(var(--sidebar-quotes));
}
/* Scan overlay */
#extra-div-1 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 8;
background-image:
repeating-linear-gradient(135deg, rgba(255,255,255,0.12) 0px, rgba(255,255,255,0.12) 2px, transparent 4px),
linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px);
background-size: 8px 8px, 40px 40px, 40px 40px;
opacity: 0.55;
animation: hud-scan 9s linear infinite;
}
@keyframes hud-scan {
0% { background-position: 0 0, 0 0, 0 0; }
100% { background-position: -200px 200px, 0 40px, 40px 0; }
}
/* Header Titles */
h1, h2 {
color: rgb(var(--medium-accent));
font-weight: 700;
}
/* Base blockquote */
.blockquote-s {
width: 80% !important;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
font-weight: 600;
padding: 1em;
margin: 1.2em 0;
background-color: rgb(var(--sidebar-quotes)) !important;
border-top: 1px solid rgb(var(--dark-accent));
border-left: 1px solid rgb(var(--dark-accent));
border-bottom: 1px solid rgb(var(--dark-accent));
border-right: 1px solid rgb(var(--dark-color)); /* ensure right border visible */
pointer-events: auto;
background-image: none;
box-shadow: none;
}
.blockquote-s::before {
content: "";
width: 100%;
display: none;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 0;
}
.blockquote > * {
position: relative;
z-index: 1;
}
/* Link colors */
a {
color: rgb(var(--bright-accent));
font-weight: 600;
text-decoration: none;
transition: color 0.2s;
}
a:hover { text-decoration: underline; color: rgb(120,130,100); }
a:active { color: rgb(90,100,75); }
a:visited { color: rgb(130,140,110); }
/* Header text shadow */
#header h1 a::before,
#header h2 span:before {
text-shadow: 2px 2px #000;
}
/* Scan adapts on mobile */
@media (max-width: 768px) {
#extra-div-1 {
background-size: 6px 6px, 30px 30px, 30px 30px;
opacity: 0.65;
animation-duration: 7s;
}
}
[[/module]]
[[iftags [[#ifexpr {$army} == (true) | - ]]]]
[[module CSS]]
/*Army*/
#extra-div-1 { display: none; }
#extra-div-2 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-image: url("https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit/multi.svg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
}
.blockquote-s {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/theme%3Aeatshit/multi.svg); /* respective army/navy camo */
background-size: cover;
background-position: center;
border: 3px solid rgb(var(--dark-accent)); /* fix right border */
}
.blockquote-s::before {
display: block;
background-color: rgba(255,255,255,0.8);
border: 3px solid rgb(var(--dark-accent)); /* fix right border */
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$navy} == (true) | - ]]]]\
[[module CSS]]
/*Navy*/
@supports(display: grid) {
:root {
--bright-accent: 75,156,211;
--medium-accent: 38,97,156;
--dark-accent: 0,35,102;
--newpage-color: 153,102,204;
--sidebar-quotes: 213, 234, 250;
--header-gradient-color-bottom: 38,97,156;
}
}
#extra-div-1 { display: none; }
#extra-div-3 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0; left: 0;
pointer-events: none;
background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/57/NFP-navy.jpg");
background-size: 100% auto;
background-position: center top;
}
.blockquote-s {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/57/NFP-navy.jpg); /* respective army/navy camo */
background-size: cover;
background-position: center;
border: 3px solid rgb(var(--dark-accent)); /* fix right border */
}
.blockquote::before {
display: block;
background-color: rgba(255,255,255,0.8);
border: 3px solid rgb(var(--dark-accent)); /* fix right border */
}
/* Navy link hover override remains same style */
a:hover {
color: rgb(50,120,180);
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$alert} == (true) | - ]]]]\
[[module CSS]]
/*Alert*/
@supports(display: grid) {
:root {
/* ===STANDARD THEME COLORS=== */
--bright-accent: 237, 41, 57;
--medium-accent: 237, 27, 36;
--dark-accent: 150, 0, 24;
--sidebar-quotes: 218, 200, 210;
--newpage-color: 181, 195, 0;
/* ===HEADER GRADIENT=== */
/* ===HEADER GRADIENT=== */
--header-gradient-color-bottom: 237, 27, 36;
}
#extra-div-1 { display: none; }
#extra-div-4 {
content: ""; /* required */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: var(--header-height-on-desktop);
pointer-events: none;
z-index: 0; /* below header text */
/* Background gradient + stripes */
background: linear-gradient(
90deg,
rgba(var(--bright-accent),0.4) 0%,
rgba(var(--medium-accent),0.2) 50%,
rgba(var(--bright-accent),0.4) 100%
);
background-size: 20px 20px;
background-repeat: repeat;
/* Animation: flashing and movement */
animation: alert-flash 1.5s ease-in-out infinite, alert-move 2s linear infinite;
}
/* Flashing opacity */
@keyframes alert-flash {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.7; }
}
/* Slight diagonal movement */
@keyframes alert-move {
0% { background-position: 0 0; }
100% { background-position: 40px 40px; }
}
/* Optional mobile adaptation */
@media (max-width: 768px) {
#extra-div-3 {
background-size: 15px 15px;
}
}
/* ===Blockquote=== */
.blockquote-s {
background-image: none !important;
border: 2px solid rgb(var(--dark-accent)) !important;
background-color: rgb(var(--sidebar-quotes)) !important;
}
.blockquote-s::before {
display: none !important;
}
.blockquote-s a,
.blockquote-s {
color: rgb(var(--dark-accent)); /* base alert red */
}
/* === Link Colors=== */
a {
color: rgb(var(--bright-accent)); /* base red */
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: rgb(200, 30, 45);
text-decoration: underline;
}
a:active {
color: rgb(150, 0, 24);
}
a:visited {
color: rgb(180, 20, 35);
}
a:new-page {
color: rgb(var(--newpage-color));
}
[[/module]]
[[/iftags]]
[[/code]]
[[/collapsible]]
[[/iftags]]