版式：后室装修公司

此主题版式由 PandaShark71004 创作。

如果想要在你的页面上使用这个主题，请将如下文本放置其中：

[[include :backrooms-wiki-cn:theme:backrooms-remodeling-co]]

举例

insignia

可以通过使用五个连字符来制作一个水平分割线，"-----"。这条水平分割线如果没有被放在任何其他元素里的话，那么它将横卧一整个页面。分割这张文档的线便是水平分割线。

---

标题能够通过在文本前放置一到六个"+"来制作：

+ 标题

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题

分页

用你的想象在这里放置“之乎者也”的文本

分页

这里还有更多文本

多精巧

长分页

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

这是个长tab，它包含好多文本。

空tab

空tab

空tab

空tab

空tab

空tab

笑死我了

这是个引文盒子，在一句话前加上">"和空格即可。
文本

---

上面有个水平分割线

盒中盒

这是一个脚注¹

这是个	表格
你应该	已经知道
怎么使用这个了

---

版头字体为 Share Tech Mono、字魂扁桃体
标题和正文字体为 Anonymous Pro、未来荧黑 Extended
等宽字体为 PT Mono、思源黑体

---

脚²

+ 版式代码

/*
   Remodeling Theme
   [Backrooms Remodeling Co. Theme]
   by PandaShark71004
*/
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BioRhyme&display=swap');
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'ZihunBiantaoti';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ZihunBiantaoti.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "backrooms-remodeling-co";
   --theme-name: "Remodeled Theme";
   --header-height-on-desktop: 12rem;
 
   --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/pandashark-s-author-page/icon.png");
   --header-title: "后室装修公司";
   --header-subtitle: "真正的秩序由家具传达";
 
   --body-font: 'BioRhyme', 'GlowSansSC-Extended', sans-serif;
   --header-font: 'Lobster', 'ZihunBiantaoti', sans-serif;
   --title-font:  'BioRhyme', 'GlowSansSC-Extended', sans-serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Sans SC', sans-serif;
 
   --white-monochrome: 240, 240, 255;
   --pale-gray-monochrome: 220, 220, 235;
   --light-gray-monochrome: 211, 174, 0;
   --gray-monochrome: 79, 76, 122;
   --black-monochrome: 25, 20, 76;
   --bright-accent: 240, 206, 49;
   --medium-accent: 59, 56, 102;
   --dark-accent: 79, 76, 122;
   --pale-accent: 211, 174, 0;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 211, 174, 0;
   --hover-link-color: 202, 35, 30;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 0%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 0%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: url("");
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: -1rem;
   background-image: var(--logo-image);
   background-size: auto 9rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--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(--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));
}

Footnotes

1. 就是我！

2. 注