破碎的世界 BHL 主题
2019年6月8日
修订 306
评分
36
↑ 38
↓ 2
支持率
95%
总票数 40
Wilson 95% 下界
83.5%
在相同票数下更稳健的支持率估计
争议指数
0.190
评分趋势
按周聚合 加载图表中...
最近修订
1 / 103
最近投票
1 / 4
2024-09-03
2024-09-03
2024-09-03
2024-09-03
2024-09-03
2024-09-03
2023-01-09
2022-12-11
2022-11-05
2022-05-24
相关页面
暂无推荐
页面源码
[[iftags +版式]]
[[include :etinjat:theme:black-highlighter-theme]]
[[module css]]
@import url(http://etinjat.wikidot.com/css:float-memu-source/code/1);
@import url(http://etinjat.wikidot.com/component:vol-title-source/code/1);
.tt-txt h1{
font-family:'ZCOOL XiaoWei';
}
.my-font h1, .my-font h2, .my-font h3,
.my-font h4, .my-font h5, .my-font h6{
font-family:'思源宋体 CN';
}
.mmposter-cell .page-rate-widget-box{
float: right;
}
.mmposter-wrap{
display: flex;
justify-content: center ;
flex-wrap: wrap;
}
.mmposter-cell{
flex-basis: 50%;
justify-self: center;
}
/**/
.no-sel tt{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
color:#555;
padding:0 0rem 0 0rem;
}
.no-sel tt:before {
content:" ← "
}
/*
-----------------------
其他
-----------------------
*/
.unmargined{
background-color: #5f5f5f !important;
font-family: '等线';
}
#breadcrumbs{
text-align: center;
}
.heritage-rating-module{display:none!important}
.help {
display: flex;
align-content: stretch;
padding-top: 1em;
}
.help blockquote {
margin: 0;
font-size: 85%;
}
.help blockquote > p {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
margin-right: 0;
min-height: 2rem;
margin: 0;
}
.help blockquote > p * {
margin: 0 0.1rem;
height: 100%;
}
.help blockquote:nth-of-type(1) {
background: transparent;
border: unset;
box-shadow: unset;
text-align: right;
margin-right: 0;
padding: 0;
}
.help blockquote:nth-of-type(1) > p {
justify-content: flex-end;
}
.help blockquote:nth-of-type(2) {
margin-left: 1em;
width: 50%;
}
[[/module]]
[[div id="ch-top"]]
[[/div]]
[[include :etinjat:css:float-memu-start]]
[#u-ch1 主题颜色]
[#u-ch2 著作信息块]
[#u-ch3 使用方法]
[#u-ch4 示例]
[#u-ch5 源代码]
[[include :etinjat:css:float-memu-end]]
[[include :etinjat:component:vol-title
|chapter-num=1
|chapter-img=var(--img-1)
|main-title=主题颜色
|use-sub-tt=none
|font-size=2.5rem
|phone-font-size=1.5rem
]]
[[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=May Black
| color2-variable=--bright-accent
| color2-info=(0, 0, 0)
| color2-has-light-text=1
| subcolor1-name=Solder Paste
| subcolor1-variable=--light-gray-monochrome
| subcolor1-info=(150,150,150)
| subcolor2-name=May White
| subcolor2-variable=--pale-gray-monochrome
| subcolor2-info=(244, 244, 244)
| subcolor3-name=Metal Powder
| subcolor3-variable=--dark-gray-monochrome
| subcolor3-info=(35, 35, 35)
| subcolor3-has-light-text=1
| subcolor4-name=Iron Sheet
| subcolor4-variable=--swatch-menubg-light-color
| subcolor4-info=(180, 180, 180)
| subcolor4-has-light-text=1
| subcolor5-name=Still Black
| subcolor5-variable=--dark-accent
| subcolor5-info=(0,0,0)
| subcolor5-has-light-text=1
| subcolor6-name=Scarlet King
| subcolor6-variable=--newpage-color
| subcolor6-info=(105,32,32)
]]
------
[[div style="font-family:'思源宋体 CN', '宋体';font-size: 120%;"]]
//或曰：奭、衍之谈天雕龙，大道之破碎也。今曰其源出於大《易》，岂不荒经而蔑古乎？答曰：此流别之义也。官司失其典守，则私门之书，推原古人宪典，以定其离合；师儒失其传授，则游谈之书，推原前圣经传，以折其是非。其官无典守，而师无传习者，则是不根之妄言，屏而绝之，不得通於著录焉。其有幸而获传者，附於本类之下，而明著其违悖焉。是则著录之义，固所以明大道而治百家也。何为荒经蔑古乎？//
[[>]]
————《校雠通义》
[[/>]]
[[/div]]
[[include :etinjat:component:vol-title
|chapter-num=2
|chapter-img=var(--img-1)
|main-title=著作信息块
|use-sub-tt=none
|font-size=2.5rem
|phone-font-size=1.2rem
]]
[[div class="mmposter-wrap" ]]
[[div class="mmposter-cell" ]]
[[>]]
**评分模组：**
[[module Rate]]
[[/>]]
[[/div]]
[[div class="mmposter-cell" ]]
[[>]]
**著作信息块：**
[[/>]]
[[include :scp-wiki-cn:credit:start]]
你页面的信息
[[include :scp-wiki-cn:credit:end]]
[[/div]]
[[/div]]
[[include :etinjat:component:vol-title
|chapter-num=3
|chapter-img=var(--img-1)
|main-title=使用方法
|use-sub-tt=none
|font-size=2.5rem
]]
[[div class="my-font"]]
++ 注意：这是一个基于黑色标记笔的主题版式。若你想使用本主题，你还需要导入黑色标记笔主题。[http://scp-wiki-cn.wikidot.com/theme:black-highlighter-theme 点击这里了解更多。]
**//PS1：**不知为何在样板页多语言栏会有问题，但在其他地方使用时是正常的。//
**//PS2：本主题是在火狐{{（Firefox）}}上开发的，故用火狐浏览器可能会取得更贴近设计意图的画面。//**
------
[[=]]
[[collapsible show="+ 火狐浏览器上的显示效果 +" hide="- 隐藏 -"]]
[[image http://scp-wiki-cn.wdfiles.com/local--files/black-highlighter-themes/View-the-broken-world-theme.png]]
[[/collapsible]]
[[/=]]
------
+++ **在你的作品开头添加如下语法以应用此版式：**
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki-cn:theme:broken-world]]@@
[[/div]]
[[/div]]
[[include :etinjat:component:vol-title
|chapter-num=4
|chapter-img=var(--img-1)
|main-title=示例
|use-sub-tt=none
|font-size=2.5rem
]]
[[div class="scp-image-block block-right" style="width:100px;background:var(--gradient-header)"]]
[[image http://scp-wiki-cn.wdfiles.com/local--files/theme:broken-world/Logo-broken-1.png ]]
[[div class="scp-image-caption" style="width:width:100px;;"]]
破碎教会标志
[[/div]]
[[/div]]
++ **水平线**
可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
-----
++ **标题**
[[collapsible show="+ 查看标题" hide="- 查看标题"]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/collapsible]]
标题可通过在一行字起始处输入1至6个加号“+”来创建
------
[[tabview]]
[[tab 分页]]
此为分页（tab view）。
* [[[theme:broken-world|浏览过的链接]]]
* [# 未浏览过的链接]
* [[a href="#" class="newpage"]]空链接[[/a]]
[[/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]]
[[tab 自定义选项：替换LOGO]]
[[=]]
------
+++ [/fragment:broken-world 图标]
------
[[/=]]
[[div align="center"]]
[[div class="scp-image-block block-right" style="width:40px; margin:0.5em;float:left; background:var(--gradient-header)"]]
[[image Logo-broken-1.png ]]
[[div class="scp-image-caption"]]
= 1. 破碎教会
= //The Broken Church//
[[/div]]
[[/div]]
[[div class="scp-image-block block-right" style="width:40px; margin:0.5em;float:left; background:var(--gradient-header)"]]
[[image Logo-broken-2.png ]]
[[div class="scp-image-caption"]]
= 2. 齿轮正教
= //Cogwork Orthodox Church//
[[/div]]
[[/div]]
[[div class="scp-image-block block-right" style="width:40px; margin:0.5em;float:left; background:var(--gradient-header)"]]
[[image Logo-broken-3.png]]
[[div class="scp-image-caption"]]
= 3. 麦克斯韦宗
= //Church of Maxwellism//
[[/div]]
[[/div]]
[[div class="scp-image-block block-right" style="width:40px; margin:0.5em; float:left; background:var(--gradient-header)"]]
[[image Logo-Xia.png]]
[[div class="scp-image-caption" ]]
= 4. 夏异常文化群
= Xia Anomalous Culture Group
[[/div]]
[[/div]]
[[div class="scp-image-block block-right" style="width:40px; margin:0.5em; float:left; background:var(--gradient-header)"]]
[[image Logo-CN-hub.png "]]
[[div class="scp-image-caption" ]]
= 5. 中文分部龙标
= 控制，收容，保护
[[/div]]
[[/div]]
[[/div]]
[[div class="scp-image-block block-right" style="width:40px; margin:0.5em; float:left; background:var(--gradient-header)"]]
[[image https://bhl.scpwikicn.com/img/logo.svg ]]
[[div class="scp-image-caption" ]]
= 6. 基金会标志
= 控制，收容，保护
[[/div]]
[[/div]]
[[div style="width:100%;clear: both;"]]
@@ @@
[[/div]]
[[=]]
------
+++ 代码
------
[[/=]]
[[div class="blockquote no-sel"]]
@@ @@
@@[[include :scp-wiki-cn:theme:broken-world@@ {{ 代码块的起始，**需完整地黏贴在开头** }}
{{选择以下代码之一：}}
|Logo-Broken=true {{破碎教会 }}
|Logo-Cogwork=true{{齿轮正教 }}
|Logo-Maxwellism=true{{麦克斯韦宗 }}
|Logo-Xia=true{{夏异常}}
|Logo-CN=true{{中分龙标 }}
|Logo-SCP=true{{基金会标志 }}
{{@@ @@}}
|Logo-Mine=true {{填此使用自己的图片 }}
|set-url={{自定义logo的地址 }}
{{@@ @@}}
@@]]@@{{结束引用块 }}
[[/div]]
++++ 特殊样式：烫金版头标题
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:theme:broken-world@@
|my-golden-header=true
]]
[[/div]]
* 该代码可以配合改LOGO和改标题自定义代码组合。
@@@@
@@@@
[[/tab]]
[[tab 自定义选项：替换版头标题]]
[[=]]
------
+++ 此处可与上述改变logo的代码并放。
------
[[/=]]
[[div_ class="help"]]
> include组件代码块的起始，**需完整地黏贴在开头** ↦
>
> 可不填。填true时启用自定义页眉标题 ↦
>
> 大标题文本 ↦
>
> 次标题文本 ↦
>
> 移动端大标题文本 ↦
>
> 移动端次标题文本 ↦
>
> 大标题字体 ↦
>
> 次标题字体 ↦
>
> 结束引用块 ↦
>
> @@[[include :scp-wiki-cn:theme:broken-world@@
>
> |my-title=true
>
> |header-title='注意用半角引号框起来'
>
> |header-subtitle='xxx'
>
> |phone-title=
>
> |phone-subtitle=
>
> |header-title-font=
>
> |header-subtitle-font=
>
> @@]]@@
>
[[/div]]
@@@@
@@@@
[[/tab]]
[[/tabview]]
> 这是一个引用块，在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块[[footnote]] 这里是个脚注。 [[/footnote]]
||~ 这是 ||~ 表格 ||
||你应该老早 || 就知道怎么 ||
||||做这个了吧 ||
@@@@
------
@@@@
@@@@
你可能需要些字体，详情请看[http://etinjat.wikidot.com/typeface-hub 此处]。
[[include :etinjat:component:vol-title
|chapter-num=5
|chapter-img=var(--img-1)
|main-title=源代码
|use-sub-tt=none
|font-size=2.5rem
]]
[[div id="ch-bottom"]]
[[/div]]
[[collapsible show="+ 代码" hide="- 隐藏"]]
+++++ 主题代码
[!---xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx--------------------------------]
[[code type="CSS"]]
/*=========================================================
⚙️ 羽天一的破碎世界BHL版主题 ⚙️
------------------------------------------------
破碎之神教会的LOGO由Sunyclocwork设计
侧边栏和版头logo的衬图由Woednaz制作
遵循CC-BY-SA协议
==========================================================*/
@import url("https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/Comportment_collapsible-sidebar_000.css");
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css?family=Iceberg');
/* ============================================
赋值
============================================*/
:root:lang(cn), :root {
--body-font: 'Iceland', '微软雅黑', '等线', 'Noto Sans SC', 'Noto Sans TC', 'Merriweather', 'Iceberg', 'Noto Serif SC', monospace;
--header-font: 'Noto Serif SC', 'Noto Serif TC', 'Noto Serif', '思源宋体 CN', '华文中宋', '宋体', lisu, '楷体', 'ZCOOL XiaoWei', 'Iceberg' , 'Noto Serif SC', sans-serif;
--sub-header-font: '楷体', 'Noto Serif SC', 'ZCOOL XiaoWei', 'Iceberg' ,sans-serif;
--page-title-font: 'ZCOOL XiaoWei', 'Iceberg', '装甲明朝', '华文中宋', '思源宋体 CN', 'Noto Serif SC', CTWeiBeiSJ, '楷体', 'Ivymode' , 'Iceberg' ,sans-serif;
--title-font: 'Noto Serif SC', '思源宋体 CN', 'Noto Sans SC', 'Noto Serif SC', 'ZCOOL XiaoWei', '新宋体', 'Kumar One', 'Turnip' , 'Iceberg' , sans-serif;
--mono-font: '仿宋', 'pennsylvania ', monospace, 'ZCOOL XiaoWei', sans-serif;
/* 版头文字 */
--header-title:"破碎之神教会";
--header-subtitle:"修补这个破碎的世界";
--phone-title: var(--header-title);
--phone-subtitle: var(--header-subtitle);
--cobg-image:url(https://fastly.jsdelivr.net/gh/Etinjat/CSS@SCP/LOGO_COBG-Broken_white.svg);
}
:root{
--theme-base: "black-highlighter";
--theme-id: " broken-world-bhl";
--theme-name: "Etinjats Broken world BHL theme";
/* logo遮罩 */
--gradient-logo-under: linear-gradient(180deg,#2e2c2c 0%, #333 0%, #000 0%);
--gradient-logo-cover: linear-gradient(rgb(145, 145, 145,0.5) 0%, rgb(44,46, 44,0.8) 30%, rgb(51, 51, 51,0.8) 100%);
/* 版头遮罩 */
--gradient-header: linear-gradient(50deg, #151515, #141414,#3b3b3b,#342f2f,#2a2a2a,#000);
--gradient-header-line: repeating-linear-gradient(50deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .4vh);
--header-title-cover: linear-gradient(120deg,#e8e8e8 0%, #a2a2a2 10%, #fff 50%);
--gradient-header-webkit: -webkit-linear-gradient(50deg, #151515, #141414,#3b3b3b,#342f2f,#2a2a2a,#000);
--header-title-cover-webkit: -webkit-linear-gradient(120deg,#e8e8e8 0%, #a2a2a2 10%, #fff 50%);
/* */
/* 颜色与阴影遮罩 */
/* */
/* 侧边栏遮罩 */
--gradient-sidebar-cover: linear-gradient(150deg,#2e2c2c 0%, #333 20%, #000 100%);
--gradient-sidebar-line: repeating-linear-gradient(60deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .6vh);
--gradient-sidebar-btn: linear-gradient(10deg, rgba(44,46,46,0.1),rgba(88,76,26,0.2),rgba(0,0,0,0.6));
--gradient-sidebar-txt-line:repeating-linear-gradient(20deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .6vh);
/* 基准色以及其他 */
--bright-accent:0,0,0;
--medium-accent:grey;
--dark-accent:0,0,0;
--white-monochrome: 250, 250, 250;
--pale-gray-monochrome: 244, 244, 244;
--light-pale-gray-monochrome: 225, 225, 225;
--very-light-gray-monochrome: 215, 215, 215;
--light-gray-monochrome: 150, 150, 150;
--black-monochrome: 5, 5, 5;
--swatch-menubg-light-color:180,180,180;
--tabs-selected-txt:#000;
/* 评分颜色 */
--rating-module-button-plus-color: none;
/*↑ 好评背景颜色 - 绿色 ↑*/
--rating-module-button-negative-color: none;
/*↑ 差评背景颜色 - 红色 ↑*/
--rating-module-button-cancel-color: none;
/*
--gray-monochrome: 30, 36, 30;
--dark-gray-monochrome: 25, 25, 25;
--dark-gray-monochrome:77,77,77;
*/
/* 链接颜色 */
--link-color:118,36,36;
--visited-link-color:90,90,90;
--hover-link-color:165,42,42;
--newpage-color: 105,32,32;
--sidebar-links-text:255,255,255;
--sidebar-headlink-color:grey;
/*------------------ 图片 ---------------------- */
--logo-image: var(--cobg-image);
--ironhide-image: url("http://scp-wiki-cn.wdfiles.com/local--files/theme:broken-world/Bgr-wanderers-goldfoil.png");
--scp-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
/* --------------------------著作信息文件夹 -----------------------*/
--linkColour: #999 !important;
--barColour: linear-gradient(0deg, #555, #3b3b3b,#342f2f,#2a2a2a,#333) !important;
/* 滚动条 */
scrollbar-color: rgba(128,128,128, 1) rgba(51,51,51, 0.50);
}
/*
=====================================
主体
=====================================
*/
#page-content{
letter-spacing:0.5px;
}
@media (max-width: 479px) {
#page-content{
letter-spacing:auto;
}
}
/*
============================================
版头
============================================
*/
div#container-wrap {
background-image: var(--gradient-header-line);
}
#header h2 span {
line-height: 2.5;
font-weight: 500;
padding: 0.05rem 0rem 0rem 0.2rem;
font-family: var(--sub-header-font);
}
@media (max-width: 500px) {
#header h1 a::before {
padding: 0 0 0 0.5rem;
content: var(--header-title);
content: var(--phone-title);
}
#header h2 span::before {
content: var(--header-subtitle);
content: var(--phone-subtitle);
}
#header h1 a::before,#header h2 span{
font-size:120% ;
}
#header h2 span {
font-size:100% ;
}
}
/*
============================================
3d 版头标题
============================================
*/
/* 限电脑屏幕 */
@media screen and (min-width: 475px){
#header h1 a::before,#header h2 span::before{
background-image:var(--header-title-cover);
-webkit-background-size: cover;
background-size: cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
overflow-wrap: normal;
--tt-text-shadow: rgb(var(--swatch-text-dark,12,12,12,));
text-shadow: .063rem .063rem .063rem #0c0c0c;
text-shadow: .063rem .063rem .063rem var(--tt-text-shadow);
filter: brightness(160%);
-webkit-filter: brightness(160%);
}
}
@media screen and (max-width: 475px){
#header h1 a::before,#header h2 span{
font-size:120% ;
}
#header h2 span a:before{
font-size:100% ;
padding: 0;
margin: 0;
}
}
/*
============================================
LOGO
此处代码修改自超形而上学主题中Woedenaz制作的层叠logo代码
我不知道怎么回事反正整整就能用作3d效果的了
============================================
*/
/* 限电脑屏幕 */
@media screen and (min-width: 500px){
#header {
background-image: none;
}
/* 插入div格式，背景图片 */
#header #header-extra-div-1,
#header #header-extra-div-2{
display: flex;
position: absolute;
width: 6.250rem;
height: 6.250rem;
display: flex;
position: absolute;
left: 0.15rem;
top:0.55rem;
}
#header #header-extra-div-1::before,
#header #header-extra-div-2::before {
content: "";
width: 6.250rem;
height: 6.250rem;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
flex: 1;
}
/* 层叠1 主要底图*/
#header #header-extra-div-1::before {
z-index: 1;
background: var(--ironhide-image),
var(--gradient-logo-under);
mask:var(--logo-image);
mask-size: cover;
-webkit-mask:var(--logo-image);
-webkit-mask-size: cover;
background-size: cover;
}
/* 层叠2 滤镜*/
#header #header-extra-div-2::before {
background:var(--gradient-logo-cover);
mask:var(--logo-image);
mask-size: cover;
-webkit-mask:var(--logo-image);
-webkit-mask-size: cover;
z-index: 2;
}
}
/*
============================================
标题
============================================
*/
#page-title, .meta-title {
font-family:var(--page-title-font);
font-size: 300% ;
/*! text-align: center ; */
/*! font-weight: normal ; */
text-shadow: 0 0.2rem 1rem #7b7b7b;
padding:0.8rem 0;
margin: 1.5rem 0;
border-bottom: 3px double #666;
}
#page-title::after, .meta-title::after ,
#page-title::before, .meta-title::before {
flex-grow:1;
content: " ";
height: 40%;
margin:0 1rem;
background-color:#444;
background-repeat: repeat-x;
/*! content: " "; */
}
#page-title::before, .meta-title::before {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
@media (max-width: 500px) {
#page-title, .meta-title {
border-top: 0px solid #333;
}
/*
#page-title::after, .meta-title::after ,
#page-title::before, .meta-title::before {
flex-grow:0;
}
*/
}
#breadcrumbs, .pseudocrumbs {
align-items: center;
}
/*
============================================
搜索框 和 用户栏
============================================
*/
#account-topbutton{
-webkit-touch-callout: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
#login-status {
font-family: var( --title-font);
}
#login-status #account-options {
overflow: visible;
background: #e8e8e8;
color: #333;
border:4px double #444;
}
#login-status #account-options ul li a{
color: #333 ;
border: 4px double #666;
padding: 0.1rem 0.5rem;
width: auto;
display: block;
overflow: hidden
}
#login-status #account-options ul li a:hover{
color: #fff ;
border: 4px double #888;
}
#login-status #account-options ul li a:before{
left: -5%;
width: 110%;
}
#login-status #account-options ul ,
#login-status #account-options ul li {
display: block;
font-size: 1rem;
overflow: hidden;
}
#login-status #account-options li > a[href*="/messages"] {
position: relative;
top: 0;
left: 0;
height: 100%;
font-size: 1rem;
color: inherit;
width: 83%;
}
#login-status #account-options li a:hover::after,
#login-status:lang(cn) #account-options li > a[href*="/messages"]:hover::after,
#login-status #account-options li > a[href*="/messages"]:hover::after {
position: absolute;
left:3rem;
font-size: 1rem;
content: '⌖';
}
#login-status #account-options li > a[href="https://www.wikidot.com/account/messages"]::after {
content: "";
padding-left: 0.5rem;
}
#login-status #account-options li > a[href*="/messages"]::after ,
#login-status:lang(cn) #account-options li > a[href*="/messages"]::after {
content: "";
}
@media only screen and (max-width: 56.25rem){
div.mobile-top-bar {
z-index: 10;
}
}
#login-status #account-options ul {
z-index:100 ;
position: relative;
}
/*
============================================
著作信息文件夹
============================================
*/
.info-container{
background: transparent;
}
.info-containere{
background-image: var(--ironhide-image) !important;
background-size: contain;
}
.info-container .list-pages-item iframe{
background: var(--ironhide-image);
border: 0.5rem groove #333;
}
/*
============================================
评分栏
============================================
*/
#page-content .rate-box-with-credit-button,
.page-rate-widget-box {
background:grey;
border: 0.2rem ridge grey;
}
.creditButton p,
.page-rate-widget-box > span.rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .cancel,
.page-rate-widget-box .ratedown {
background:radial-gradient(#ecd5d5,#afb3af,grey);
border-left:0.1rem groove grey;
border-right:0.1rem groove grey;
-webkit-filter: brightness(1) drop-shadow(1px 3px 1px #333);
filter: brightness(1) drop-shadow(1px 3px 1px #333);
bottom: 0.15rem;
height: auto;
width:auto;
}
.creditButton p:hover,
.page-rate-widget-box .rateup:hover,
.page-rate-widget-box .cancel:hover,
.page-rate-widget-box .ratedown:hover {
border: 0.1rem outset grey;
filter: brightness(1) drop-shadow(2px 1px 1px #333);
-webkit-filter: brightness(1) drop-shadow(2px 1px 1px #333);
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
background:radial-gradient(#ecd5d5, grey,#afb3af);
}
.creditButton p:hover a:before {
background:#e8e8e8 !important;
}
.creditButton a:hover,
.upbtn .rateup a:hover,
.downbtn .ratedown a:hover,
.cancelbtn .cancel a:hover {
/*width: 30px;
height: 30px;*/
border-radius: 5px;
color:#bab8b5;
background-color: transparent !important;
}
/*
============================================
鼠标选择色
============================================
*/
::selection {
color: #e8e8e8;
background:#4d4d4d;
color:rgb(var(--pale-gray-monochrome));
background:rgb(var(--gray-monochrome));
}
::-moz-selection {
color: #e8e8e8;
background:#4d4d4d;
color:rgb(var(--pale-gray-monochrome));
background:rgb(var(--gray-monochrome));
}
/*
============================================
顶栏
============================================
*/
#top-bar ul li a {
color: gainsboro;
}
#top-bar ul li a:hover {
color: grey;
}
#top-bar ul li ul a{
color: #000;
}
#top-bar ul li:hover a:hover {
background: #000;
color:#f4f4f4;
color: rgb(var(--pale-gray-monochrome));
text-decoration: none;
}
/*
============================================
侧边栏
============================================
*/
.side-bar-container{
background-color: var(--gradient-sidebar-line);
}
/*
-------------------------------
侧边栏样式
------------------------------
*/
/* 底部颜色 */
#side-bar,#side-bar:hover {
border:0.5em groove #2e2c2c;
background-color: grey;
background-image: var(--gradient-sidebar-line);
}
/* 引导链接文字 */
#side-bar .heading ,#side-bar {
color: #600;
border: groove 0.5rem #4D4D4D;
padding-left: 15px;
margin-bottom: 5px;
font-weight: bold;
background-color:#2c2e2e;
background-image:var(--gradient-sidebar-txt-line);
}
#side-bar .sub-text,
#side-bar .side-block span {
color: #969696 ;
width: 95%;
}
#side-bar .heading p{
color: #fff;
font-size: 1rem;
height:auto;
padding: 0.1rem 0rem;
margin: 0;
}
#side-bar .heading{
display:block;
text-align: center;
}
/* 菜单 */
#side-bar .side-block {
width: 90% ;
padding: 0px;
margin: 0rem 0.1rem 0 0.5rem;
border: 1rem ridge #555 !important;
border-radius: 0px;
box-shadow: 2px 2px 6px var(--dark-gray-monochrome);
/*background-color: #2e2c2c; */
background-image: repeating-linear-gradient(20deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .8vh);
background-image:
var(--ironhide-image),
var(--gradient-sidebar-cover);
background-blend-mode: overlay, normal;
background-size: cover, 100% 260%;
}
#side-bar .side-block.resources,
#side-bar .side-block.media {
background-image: repeating-linear-gradient(20deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .8vh);
background-image:
var(--ironhide-image),
var(--gradient-sidebar-cover);
background-blend-mode: overlay, normal;
background-size: cover, 100% 260%;
}
/* 菜单链接 */
#side-bar div.menu-item a{
background-image: var(--gradient-sidebar-btn);
filter: brightness(1) drop-shadow(5px 3px 1px #000);
border: 0.2rem outset #2c2e2e;
}
#side-bar div.menu-item a:hover{
color: gray;
filter: brightness(2) drop-shadow(2px 2px 1px #000);
border: 0.2rem inset #2c2e2e;
top: 0.2rem;
}
/* 文本上下 */
#side-bar .heading,
#side-bar .menu-item {
margin: 0.2rem 0 !important;
}
/* 侧边栏链接样式 */
#container #side-bar a {
color:#fff;
}
#side-bar a:visited {
color: #e8e8e8;
}
#side-bar div.menu-item.inactive a {
color: #fff;
}
#interwiki div.heading a::before, #side-bar div.heading a::before,
#container #side-bar .heading a:hover{
border: none;
background: none;
top: 0;
color: var(--sidebar-headlink-color) !important;
filter: none;
text-shadow: none
}
/*
因nu主题又变而修改，用auto可能比较合适，但丑
因弹性布局被废弃。
#side-bar div.menu-item > a:last-of-type {
width: 85%;
}
*/
/*
---------------------------
图片
---------------------------
*/
#container #side-bar div.side-block.media a{
display: inline-flex;
margin: 0 0.2rem;
}
#container #side-bar div.side-block.media img{
display: block;
}
/*
---------------------------
弹性布局
---------------------------
*/
#side-bar .side-block, #side-bar div[style*="center"], #side-bar div[style*="center"] > div {
display: block;
}
#content-wrap #side-bar * {
height: auto;
}
#side-bar div.menu-item.scp-series a, #side-bar div.menu-item.scp-tales a, #side-bar div.menu-item a[href*="scp-series"] {
justify-content: center;
width: auto;
padding: 0 .5em;
text-indent: 0;
white-space: wrap !important;
display: block !important;
text-align: center ;
}
/* 鼠标移过灌注修正 */
#side-bar div.menu-item a::before, #side-bar div.menu-item a:hover::before {
width: 220%;
}
/*
插入语，弃用
#side-bar .scpnet-interwiki-wrapper:after {
content: "⚙️ 神虽破裂，人必完整 ⚙️";
border: 0.2rem inset #2c2e2e;
padding: 0.2rem;
background: var(--gradient-sidebar-btn);
width: auto;
color: #000;
font-family:STXingkai,'微软简行楷',Kaiti,SimSun,sans-serif ;
font-size: 130%;
}
*/
/*
---------------------------
媒体与管理
---------------------------
*/
#container #side-bar .collapsible-block{
padding: 0.5rem 0;
min-height:3rem ;
width: 86%;
}
#container #side-bar .collapsible-block a{
padding: 0.5rem 0;
margin: 0rem;
}
#container #side-bar .collapsible-block .menu-item:first-child a{
margin: 1rem 0 0 0;
}
#container #side-bar .collapsible-block .menu-item a{
padding: 0.1rem;
margin: 0.05rem;
}
#side-bar div.collapsible-block div.collapsible-block-folded > a.collapsible-block-link::after {
background: #fff;
}
#container #side-bar:lang(cn) div.side-block.media,
#side-bar:lang(cn) div.side-block.media + div[style*="#f0f0f0"]{
display: block !important;
grid-column:2;
margin: 0rem -45% 0 0;
width: 130% ;
}
/*
-----------------------------
通常手机下的侧边栏
-----------------------------
*/
/* 手机样式 */
.mobile-top-bar .open-menu a::after{
display: block !important;
width: 100% !important;
}
@media (max-width: 479px) {
#side-bar,#side-bar:hover {
border:none;
padding: 0 1rem 0 0rem;
}
#side-bar .side-block {
border: 0rem double #2B2B2B;
}
#side-bar:target .close-menu {
border-left: 0.2rem solid #2e2c2c;
}
#side-bar {
/* height: 700px;*/
overflow:scroll;
border: none !important;
}
#side-bar div.menu-item a {
width: 85% !important;
word-wrap: break-word;
word-break: normal;
text-align: center !important;
}
#side-bar div.menu-item {
display: block;
}
#side-bar:not(#side-bar:target) {
left: -20rem !important;
}
#side-bar:target ~ #side-bar {
left: 0rem !important;
}
#container #side-bar:target .close-menu {
width: 100%;
height: 100%;
}
}
/*
=====================
滑动侧边栏，基于 Woednaz
http://www.scpwiki.com/component:collapsible-sidebar
=====================
*/
/* 底部颜色 */
#side-bar,#side-bar:hover {
border:0.5rem groove #2e2c2c;
background-color: grey;
background-image: var(--gradient-sidebar-line);
}
#side-bar {
opacity: 0;
}
#side-bar:hover {
opacity: 1;
}
@media screen and (max-width: 475px){
#side-bar,
#side-bar:not(:target) {
opacity: 0;
transition:all 0.5s;
}
#side-bar:target {
opacity: 1;
transition:all 0.5s;
}
}
/*
============================================
tab格式
============================================
*/
/* tab：内容页 */
.yui-navset .yui-content{
border: 0.2rem inset #5E5E5E;
}
/* tab：边框 */
.yui-navset .yui-nav a,
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav a{
border: 0.2rem outset #5E5E5E;
color: #444;
}
.yui-nav{
background:#888;
}
/* tab：未被选中 */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
filter: drop-shadow(2px 10px 10px #333);
-webkit-filter: drop-shadow(2px 10px 10px #333);
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a,
.yui-navset .yui-nav a::before, .yui-navset .yui-nav a:hover::before,
.yui-navset .yui-nav .selected:active a::before, .yui-navset .yui-nav .selected:focus a::before, .yui-navset .yui-nav .selected:hover a::before, .yui-navset .yui-nav .selected a::before {
background:radial-gradient(#ecd5d5,#afb3af,grey);
transition: none ;
}
/* tab：被选中时 */
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selecteda:focus,
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
filter: sepia(15%) drop-shadow(0px -3px 1px #333);
-webkit-filter: sepia(15%) drop-shadow(0px -3px 1px #333);
}
.yui-navset .yui-nav .selected {
z-index: 10;
margin: 0;
padding: 0;
box-shadow: none;
}
/* tab：鼠标移过 */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
filter: sepia(15%) drop-shadow(2px 8px 8px #000);
-webkit-filter: sepia(15%) drop-shadow(2px 8px 8px #000);
}
/* tab：移过和选择 */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav li:hover,
.yui-navset .yui-nav .selected {
color: #333;
}
.yui-navset .yui-nav li:hover,
.yui-navset .yui-nav .selected {
color: #333;
transform-origin: bottom;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
transform:rotateX(25deg);
-webkit-transform:rotateX(25deg);
-moz-transform:rotateX(25deg);
}
/* tab：被选择时，顶部选页的文字样式 */
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
color: #000 !important;
}
/*
============================================
表格与目录
============================================
*/
#toc #toc-action-bar, #toc .title,
#page-content div.b-tables table.wiki-content-table th, #page-content table.wiki-content-table th {
background-color: rgb(85, 83, 83);
}
/*
============================
图片框
============================
*/
:is(div.image-block, div.scp-image-block,scp-image-caption) {
border: rgb(var(--light-gray-monochrome)) solid 3px;
}
div.scp-image-block .scp-image-caption{
border-top: rgb(var(--light-gray-monochrome)) solid 3px;
}
/*
============================================
页面信息折框
============================================
*/
#page-info-break{
margin-top: 2rem;
}
#page-options-container #page-info ,
#page-options-container .page-watch-options {
width: 100%;
max-width:80vw;
padding-right: 5rem ;
margin-right: 5rem ;
overflow: hidden ;
text-overflow:ellipsis ;
white-space: nowrap;
}
#page-info span,
.page-watch-options a[href*="faq:watching"] {
padding-right: 0.5rem ;
margin-right: 0rem ;
}
.page-watch-options:not(a) {
font-size: 0;
}
.page-watch-options a {
font-size: 0.8rem;
}
.page-watch-options a:after {
font-size: 0.8rem;
content: ' |';
}
.page-watch-options a[onclick*="site"]:before {
content: '关注';
font-size: 0.8rem;
}
#page-info :after{
content: ' ';
border-top: 2px solid #444;
border-right: 2px solid #444;
position: absolute;
height: 2.5rem;
width:5rem;
margin-left: -4.5rem;
margin-top: -2.3em;
z-index: -1
}
@media (max-width:700px) {
#page-info :after{
margin-top: -3em;
}
}
@media (max-width:410px) {
#page-options-container #page-info span:after{
margin-left:0;
padding-right: 0rem;
right:5.8vw;
}
#page-options-container #page-info ,
#page-options-container .page-watch-options {
left: -5rem;
margin-left: -5%;
}
}
@media (max-width:310px) {
#page-info span:after{
margin-left:-15.5em;
}
}
/*
============================================
标签
============================================
*/
#main-content .page-tags::before {
content: "\f02c 标签 ";
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
top: -2rem;
width: 4rem;
font-size: 0.8rem;
font-family: FontAwesome, var(--body-font);
letter-spacing: 0.1rem;
/*
padding: 0.5rem;
content: "标签 ▼";
top:-2.5rem;
font-size: 1rem;
width: 4.8rem;
*/
margin: 0;
background-image: linear-gradient(-110deg, transparent 0rem, transparent 1.5rem, #333 1.6rem,#000 100%);
background-color: transparent;
}
#main-content .page-tags span{
margin: 0 0 0 0rem;
}
#main-content .page-tags,
#main-content .page-tags span {
height: auto;
}
#main-content .page-tags a {
color: #000;
transition: all 0.5s;
margin: 0.2rem;
text-decoration:none;
font-size: 120%;
height: 100%;
}
#main-content .page-tags a:hover {
transition: all 0.5s;
border: 2px double grey;
color: #f4f4f4;
color:rgb(var(--pale-gray-monochrome));
background-color:rgb(var(--dark-gray-monochrome));
}
.page-watch-options a {
color: #242424;
color:rgb(var(--gray-monochrome));
}
#main-content .page-tags a::after {
content: '○' ;
display: block;
left: 0;
color: #333;
font-size: 60%;
left: 0.3rem;
position: absolute;
}
#main-content .page-tags a:hover::after {
content: '●' ;
display: block;
left: 0;
color: #e8e8e8;
font-size: 60%;
left: 0.3rem;
position: absolute;
}
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]){
padding: 0.2rem 0.5rem 0.2rem 1rem;
margin-right:0.4rem;
}
#main-content .page-tags,
#main-content .page-tags span {
display: block ;
height: auto;
width: 100%;
visibility: visible;
clip-path:none;
display: block;
}
#main-content .page-tags span a,
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]):not(:last-child),
#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]):not(:last-child) {
border: 2px solid #333;
border-right: 2px solid #333;
}
@media (max-width: 600px) {
#main-content .page-tags::before {
padding: 0.5rem 0.5rem 0.1rem 0.5rem;
top: -1.5rem;
width: 3.5rem;
font-size: 0.6rem;
}
}
/*
============================================
底部按钮
============================================
*/
.page-options-bottom a {
display: inline-block;
white-space: nowrap;
}
div[id*="page-options-bottom"]{
justify-content:flex-end ;
margin-top: 0rem;
}
/* 因为nu主题受修改 */
#main-content .page-options-bottom a,
#main-content #action-area div #edit-page-form .buttons.alignleft input {
cursor: pointer;
padding: 0.2rem;
margin: 0.1rem;
text-decoration:none;
transition: filter 0.5s;
filter: drop-shadow(2px 2px 3px #000);
-webkit-filter: drop-shadow(2px 2px 3px #000);
}
#content-wrap #main-content .page-options-bottom a,
#content-wrap #main-content #action-area div #edit-page-form .buttons.alignleft input {
border: 3px double #343434;
}
#content-wrap #main-content .page-options-bottom a:hover,
#main-content .page-options-bottom a:hover {
border: 3px double #e8e8e8;
filter: drop-shadow(0.4em 0.6em 0.1em #333);
-webkit-filter: drop-shadow(2px 5px 2px #333);
}
#content-wrap #main-content .page-options-bottom a:hover:before,
#main-content .page-options-bottom a:hover:before {
content: '|';
color: #e8e8e8;
position: absolute;
left: 1.5em;
font-size: 1.2rem;
}
@media (max-width: 500px) {
div[id*="page-options-bottom"] {
justify-content: center;
}
#content-wrap #main-content .page-options-bottom a:hover:before,
#main-content .page-options-bottom a:hover:before {
left: calc(var(--icon-size) - .6em);
}
}
/*
============================================
底部
============================================
*/
#footer {
background: linear-gradient(120deg, #030303, #2c2c2c,#323131,#545353,#1c1919,#1b1818);
width:inherit;
flex-wrap: revert;
}
#footer .options {
width: 100%;
justify-content: right
}
#license-area {
background-color: #666;
}
/*
============================================
其他
============================================
*/
.page-tags *, #page-options-container,
#page-options-container #page-options-bottom a,
#page-options-container #page-options-bottom-2 a,
.hovertip * {
font-family: var(--body-font) ;
}
table.wiki-content-table th {
background: #bfbfbf;
color: #000;
}
/* 懒人组件 */
.list-pages-box div.preview {
display: block;
}
/* 页面修改之处的颜色 */
div.inline-diff del {
background-color: #FCC;
}
div.inline-diff ins {
background-color: #DDF;
}
/* 悬浮脚注里的引用块 */
.footnote blockquote, .footnote div.blockquote {
background-color: rgb(var(--light-gray-monochrome));
border: 1px solid rgb(var(--dark-gray-monochrome));
}
.footnote .f-heading{
background-color: rgb(var(--dark-gray-monochrome));
}
[[/code]]
[!---xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx--------------------------------]
+++++ 英文字体
[[code type="CSS"]]
/*
============================================
破碎的世界 英文字体引用
22222222222222222222222222
============================================
*/
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
@import url('https://fonts.font.im/css?family=Kumar+One');
/*
@import url('https://fonts.googleapis.com/css?family=Iceberg');
@import url('https://fonts.font.im/css?family=Iceland');
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
@import url("https://use.typekit.net/nxg5itx.css");
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700,900|Roboto+Mono:400,500,700|Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
*/
[[/code]]
[[code type="CSS"]]
/*
============================================
破碎的世界 多语言框样式
33333333333333333333333333333333333333333
============================================
*/
:root {
--ironhide-image: url("https://scp-wiki.wikidot.com/local--files/theme:broken-world/ICON_iron-sheet.png");
--gradient-sidebar-cover: linear-gradient(150deg,#2e2c2c 0%, #333 20%, #000 100%);
--gradient-sidebar-line: repeating-linear-gradient(60deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .6vh);
--gradient-sidebar-btn: linear-gradient(10deg, rgba(44,46,46,0.1),rgba(88,76,26,0.2),rgba(0,0,0,0.6));
--gradient-sidebar-txt-line:repeating-linear-gradient(20deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .6vh);
--bright-accent: 0,0,0;
--medium-accent: 250,250,250;
--sidebar-links-text: 255,250,255;
--swatch-menutxt-general-color:200,200,200;
}
.side-block {
margin: 0rem 0rem 0 0rem;
border: 1rem ridge #555 !important;
background-image: var(--ironhide-image), var(--gradient-sidebar-cover);
background-blend-mode: overlay, normal;
background-size: cover, 100% 260%;
}
/* 菜单链接 */
.heading {
color: #600;
border: groove 0.5rem #4D4D4D;
background-color:#2c2e2e;
background-image:var(--gradient-sidebar-txt-line);
}
.heading p{
width: 100%;
text-align: center ;
font-size: 120% !important;
}
.side-block div.menu-item a:first-of-type{
}
.side-block div.menu-item{
margin: 0.2rem 0;
}
div.menu-item a{
background-image: var(--gradient-sidebar-btn);
filter: brightness(1) drop-shadow(2px 3px 1px #000);
border: 0.2rem outset #2c2e2e;
}
div.menu-item a:hover{
filter: brightness(2) drop-shadow(2px 2px 1px #000);
border: 0.2rem inset #2c2e2e;
top: 0.2rem;
}
[[/code]]
[[/collapsible]]
@@@@
@@@@
@@@@
@@@@
------
@@@@
@@@@
[[/iftags]]
[[module CSS]]
@import url(https://scp-wiki-cn.wikidot.com/theme:broken-world/code/1);
[[/module]]
[[iftags [[#ifexpr {$my-logo} == (true) | - ]]]]
[[module CSS]]
/*
=====================
自定义图标
=====================
*/
@import url("https://scp-wiki.wikidot.com/fragment:broken-world/code/2");
:root{
--Set-logo-0: url("{$set-url}");
--logo-image:var(--Set-logo-{$set-logo}) !important;
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$collapsible-sidebar} == (true) | - ]]]]
[!---选项已取消，留空-----]
[[/iftags]]
[[iftags [[#ifexpr {$my-title} == (true) | - ]]]]
[[module CSS]]
/*
=====================
自定义版头文本
=====================
*/
#header h1 a::before {
content: {$header-title};
}
#header h2 span::before {
content: {$header-subtitle};
}
@media (max-width: 500px) {
#header h1 a::before {
padding: 0 0 0 0.5rem;
content: {$header-title};
content: {$phone-title};
}
#header h2 span::before {
content: {$header-subtitle};
content: {$phone-subtitle};
}
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$my-golden-header} == (true) | - ]]]]
[[module CSS]]
/*
=====================
烫金版头
=====================
*/
:root {
--gold-image: url("http://wanderers-library.wdfiles.com/local--files/component%3Atheme/goldfoil.png");
}
@media screen and (min-width: 475px){
#header h1 a::before,#header h2 span::before{
background-image:var(--gold-image);
}
#header #header-extra-div-1::before {
background: var(--gold-image);
background-size:10%;
}
#header #header-extra-div-2::before {
background:var(--gradient-logo-cover);
}
}
[[/module]]
[[/iftags]]
[[iftags [[#ifexpr {$English} == (true) | - ]]]]
[[module CSS]]
/*
=====================
EN VERSION
=====================
*/
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumar+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Iceland&display=swap');
:root, :root:lang(cn){
/* ------------- Fonts ------------- */
--body-font: 'Iceland', 'Iceberg', sans-serif;
--header-font:'Iceberg', 'Iceland', sans-serif;
--sub-header-font: 'Iceberg', 'Iceland', 'Kumar One', 'Iceberg', 'Iceland', sans-serif;
--page-title-font: 'Black Ops One', 'Kumar One', 'Iceberg', 'Iceland', sans-serif;
--title-font:'Kumar One', 'Black Ops One', 'Iceberg', 'Iceland', sans-serif;
--mono-font: "Space Mono", monospace;
/* ------------- Header text ------------- */
--header-title:"Church of the Broken God";
--header-subtitle:"To Repair This Broken World";
--phone-title:"Broken Church";
--phone-subtitle:"Repair This World";
}
/*=============================
BODY
==============================*/
#side-bar .heading p {
margin-top: 0.5rem;
}
#main-content .page-tags::before {
content: "\f02c TAGs";
}
[[/module]]
[[/iftags]]
[[include :scp-wiki-cn:component:interwiki-style
|priority=3
|type=sidebar
|theme=https://scp-wiki-cn.wdfiles.com/local--code/theme%3Abroken-world/3
]]