破碎的世界 BHL 主题

隐藏 移出鼠标 | 关闭

+ 进行评分

---

主题颜色

著作信息块

使用方法

示例

源代码

---

回到标题

跳至底部

主题颜色

{$sub-title}

Payne's Grey--gray-monochrome(66, 66, 72)

May Black--bright-accent(0, 0, 0)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Solder Paste--light-gray-monochrome(150,150,150)

May White--pale-gray-monochrome(244, 244, 244)

Metal Powder--dark-gray-monochrome(35, 35, 35)

Iron Sheet--swatch-menubg-light-color(180, 180, 180)

Still Black--dark-accent(0,0,0)

Scarlet King--newpage-color(105,32,32)

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

---

或曰：奭、衍之谈天雕龙，大道之破碎也。今曰其源出於大《易》，岂不荒经而蔑古乎？答曰：此流别之义也。官司失其典守，则私门之书，推原古人宪典，以定其离合；师儒失其传授，则游谈之书，推原前圣经传，以折其是非。其官无典守，而师无传习者，则是不根之妄言，屏而绝之，不得通於著录焉。其有幸而获传者，附於本类之下，而明著其违悖焉。是则著录之义，固所以明大道而治百家也。何为荒经蔑古乎？

————《校雠通义》

著作信息块

{$sub-title}

评分模组：

著作信息块：

著作信息

---

你页面的信息

---

使用方法

{$sub-title}

注意：这是一个基于黑色标记笔的主题版式。若你想使用本主题，你还需要导入黑色标记笔主题。点击这里了解更多。

PS1：不知为何在样板页多语言栏会有问题，但在其他地方使用时是正常的。

PS2：本主题是在火狐（Firefox）上开发的，故用火狐浏览器可能会取得更贴近设计意图的画面。

---

+ 火狐浏览器上的显示效果 +

---

在你的作品开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:broken-world]]

示例

{$sub-title}

破碎教会标志

水平线

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

---

标题

+ 查看标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

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

---

分页

此为分页（tab view）。

• 浏览过的链接
• 未浏览过的链接
• 空链接

分页

看，这有更多文字。

多么精巧绝伦。

长Tab

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

空tab

空tab

空tab

空tab

空tab

空tab

自定义选项：替换LOGO

---

图标

---

1. 破碎教会

The Broken Church

2. 齿轮正教

Cogwork Orthodox Church

3. 麦克斯韦宗

Church of Maxwellism

4. 夏异常文化群

Xia Anomalous Culture Group

5. 中文分部龙标

控制，收容，保护

6. 基金会标志

控制，收容，保护

---

代码

---

[[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的地址

]]结束引用块

特殊样式：烫金版头标题

[[include :scp-wiki-cn:theme:broken-world
|my-golden-header=true
]]

• 该代码可以配合改LOGO和改标题自定义代码组合。

自定义选项：替换版头标题

---

此处可与上述改变logo的代码并放。

---

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=

]]

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

---

一条分割线

嵌套引用块¹

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

---

你可能需要些字体，详情请看此处。

源代码

{$sub-title}

+ 代码

主题代码

/*=========================================================
              ⚙️ 羽天一的破碎世界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);
}
 
 /*
============================================
 页面信息折框
============================================
 */
 
#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%;
}
 
#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));
}

英文字体

/* 
============================================
破碎的世界 英文字体引用 
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');
*/

/* 
============================================
破碎的世界 多语言框样式
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;
}

---

脚注

1. 这里是个脚注。