Level 97

+ 版式代码

/*fonty fonts*/
body p{
   font-size: 105%
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "Liminal Theme";
 
   --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
   --header-title: "The Backrooms";
   --header-subtitle: "辑录不应存世之文";
 
   --body-font:  punctuation-marks, Huiwen-mincho, '华文中宋', 'Noto Serif SC', 宋体, lisu, 'New Tegomin', sans-serif;
   --header-font: punctuation-marks, Huiwen-mincho, '华文中宋', 'Noto Serif SC', 宋体,  dejima, 'Liu ti', kaiti, 'IM Fell English SC', monospace;
   --title-font: punctuation-marks, Huiwen-mincho, '华文中宋', 'Noto Serif SC', 宋体,  dejima, 'Liu ti',  kaiti, 'IM Fell English SC', monospace;
   --mono-font: monospace;
 
   --white-monochrome: 231, 211, 156;
    /*body background color*/
   --pale-gray-monochrome: 127, 91, 40;
    /*brown accent color*/
   --light-gray-monochrome:  76, 70, 55;
   --gray-monochrome: 76, 70, 55;
   /*dark greyish brown*/
   --black-monochrome: 25, 20, 16;
   /*black*/
   --bright-accent: 138, 125, 81;
   --medium-accent: 138, 125, 81;
   --dark-accent:  138, 125, 81;
   --pale-accent:  138, 125, 81;
   /*darker body color*/
 
    /*top bar*/
   --swatch-topmenu-border-color: var(--medium-accent);
   --swatch-topmenu-bg-color: none;
 
    /*side bar*/
   --swatch-menubg-dark-color: var(--light-gray-monochrome);
   --swatch-menubg-color: var(--white-monochrome);
 
    /*link*/
   --link-color: 250,0,0;
   --visited-link-color: 153, 11, 11;
   --hover-link-color: 250,0,0;
   --newpage-color: var(--alt-accent);
 
    /*tab*/
   --tab-border-color: rgb(var(--gray-monochrome));
   --background-gradient-distance: 0rem;
 
   --gradient-header: none;
   --diagonal-stripes: none;
 
}
 
/* 中文修复 */
 .hovertip, .hovertip .content{
background-color:rgb(231, 211, 156) !important;
}
 
/**/
#skrollr-body {
   background-image:none;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
/*paper header image*/
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/private%3Aasjasjas/aaa.jpg) top left repeat-x;
    background-size: 100%;
}
 
/*gradient to blend the image with the bg*/
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(231,211,156,1) 37%);
   background-size: 16rem 37rem;
   background-attachment: scroll;
   background-repeat: repeat-x;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
   color: rgb(var(--dark-accent));
   font-size: 3rem;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   font-size: 1.2rem;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   color: rgb(var(--dark-accent));
}
 
/*change user colors*/
#login-status {
    color: rgb(var(--light-gray-monochrome));
}
 
/*self-explanatory*/
hr {
  background-color: rgb(var(--pale-gray-monochrome));
  border-color: rgb(var(--pale-gray-monochrome));
}
 
/* sd banner colours */
.sd-container {
   --sd-border:var(--pale-gray-monochrome);
   --sd-bullets:var(--sd-border);
   --sd-symbol:var(--sd-border);
}
 
#login-status a {
    color: rgb(var(--white-monochrome));
}
 
/*top bar options colors*/
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
    color: rgb(var(--gray-monochrome)) !important;
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    color: rgb(var(--white-monochrome)) !important;
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    color: rgb(var(--white-monochrome)) !important;
}
 
/*searchbox text color*/
#search-top-box input.empty{
    color: rgb(var(--white-monochrome));
}
 
/*move searchbox*/
#search-top-box {
    left: 3%;
    top: 0.5rem;
}
 
#search-top-box-form > #search-top-box-input {
    width: 7rem;
}
 
/*3bar thing on mobile*/
#top-bar>div.mobile-top-bar>div.open-menu>p>a{
color:rgb(var(--gray-monochrome))!important;
}
 
/*image block text*/
.scp-image-block .scp-image-caption {
    color: rgb(var(--white-monochrome));
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
/*content bg*/
.yui-navset .yui-content {
     background-color: rgba(var(--pale-gray-monochrome), 0.25);
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--gray-monochrome));
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--pale-accent));
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
/*idrk just testing some stuff*/
.code{
color: rgb(var(--white-monochrome));
}
 
h1{
line-height: 1.113rem;
}
 
/*table border color*/
table.wiki-content-table th {
border: 1px solid rgb(var(--pale-gray-monochrome)) !important;
}
 
table.wiki-content-table td {
border: 1px solid rgb(var(--pale-gray-monochrome)) !important;
}
/*mobile stuff*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0rem;
height: var(--header-height-on-mobile);
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/private%3Aasjasjas/aaa.jpg) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(231,211,156,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
 
#search-top-box {
    left: unset;
    top: unset;
}
 
#search-top-box-form > #search-top-box-input {
    width: 2rem;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(231,211,156,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/private%3Aasjasjas/aaa.jpg) top center repeat-x;
    background-size: 180%;
}
}
 
/*block____*/
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgb(var(--white-monochrome));
   border-color: rgb(var(--pale-gray-monochrome));
}
 
.styled-quote {
   background-color:rgb(var(--white-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.paperblock{
width: auto;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.paperblock2{
width: auto;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background: linear-gradient(180deg, rgba(235, 196, 63,.3), rgba(235, 196, 63,.3)), url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}

一群妄自尊大的僭越者，被我，和我的部队所击败，他们向着远方遁逃而去，我正领着部队回到所驻扎的城市，我却不慎与部队走散，随后，在一片蒿草从中，我起身，环视四周。

周边除了大量的草以外，别无他物，我抬腿，行走在泥泞的草野中。天色暗淡，下起了小雨，打在我的脸上，我扒开草丛，向前行走着，不禁回想起自从那次事件开始以后，我所经历的每一件事。

我出身于这个世界的一个著名家族，人们对我的家庭出身望尘莫及，后来，这里的社会秩序彻底崩坏，统治体系崩盘，统治者为许多人员相继控制，我被迫离开自己的职务所在，去到了其他地方，招募乡勇，想要有一天拯救这个崩坏的社会，在我的一位朋友带人，将控制统治者的奸佞杀光以后以后，我本以为局势会好转，但很快另一队人又杀入王城，社会再一次坠入了黑暗的深渊，我和几个朋友聚集到其他城市，纠集起一支巨大的部队，联合各路的官员与百姓，想通过这种方式成为英雄，然而，我错了，各路官员互相争权夺利，不愿发动自己的部队进兵，最终只取得些微战果便作鸟兽散，我也没有办法，回到自己的地方整顿，随后将周边的人员聚拢，终于还是有了起色，北方，我曾经的朋友却也似僭越者一样，妄图另立新统治者，自己作为掌管者，而南方，他的弟弟，则更进一步，直接自称为“统治者”，我对此深恶痛绝，带领自己的部队立刻南下进军，将这个僭越之人击溃，他赶紧遁走，而我则北归故居，随后来到了这个地方。

我深吸一口气，向前走去，曾经的事情再一次在我眼前若隐若现，我加快了脚步，后来奔跑起来，竟将一只鞋跑丢了，寻找着我想要的“拯救”的路途，我求索着，渴求着，随后，那些事情全部散去，再出现在我眼前的是生虱的铠甲，以及在路边横死的平民，蒿草周边正陈列着死人的尸骨，我跑到尽头，一座荒芜的村子里，竟没有一户人家尚有活口，我坐在墙边，思考着，不知道自己的过去是否尚有意义，我向前走去，终于见到一个男人，我向他询问这周边是否可还有其他活人，他却只是淡淡的说：周边几个村子，只剩下我一个人，曾经可有着百余人……

我突然惊坐而起，部下说我突然晕过去，随后已过去了一日之久，我急忙提起笔，写下：

关东有义士，兴兵讨群凶。

初期会盟津，乃心在咸阳。

军合力不齐，踌躇而雁行。

势利使人争，嗣还自相戕。

淮南弟称号，刻玺于北方。

铠甲生虮虱，万姓以死亡。

白骨露於野，千里无鸡鸣。

生民百遗一，念之断人肠。

+ 作者信息

作者：1453JSTD
代码+代投：haodemingzi