版式：The G.C.S.

这是G.C.S.团体版式！

若需将本版式引入到你的页面中，请将以下文本放到任意位置：

[[include :backrooms-ac:theme:the-g-c-s]]

你可以使用5个连词符创建一条水平分割线，是的，你没听错，只需要5个连词符“-----”！不够？好吧，如果没有被放在任何东西（比如引用块）中，它们就会贯穿整个页面！那就成交吧，怎样？这里演示了这些连词符的强大功能！

G.C.S.版式确保水平分割线可被创建。

这是一个分页。来看看我们时尚优雅的设计！

这是我们引用块的最新设计，在每行的起始处加上“> ”来创建。
更多来自我们的语句！

和上面展示的一样，一条水平分割线！

一些嵌套的引用块……

看！更多的！

它仍没有在这里停下！

这是一个	表格
我们是	主体合作社
尽心尽力保护流浪者

[[div class="styled-quote"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

版头和标题字体为Huiwen-mincho
正文字体为LXGW WenKai
等宽字体为Noto Sans SC

友谊永远是
美德的
辅佐，
而非
罪恶的
助手。

+ 版式代码

- 关闭

@import url('http://scpsandboxcn.wikidot.com/local--files/typeface/Typeface-LXGW-WenKai.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url('http://scpsandboxcn.wikidot.com/local--files/typeface/Typeface-Huiwen-Mincho.css');
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "Liminal Theme";
 
   --logo-image: url("http://backrooms-ac.wikidot.com/local--files/the-g-c-s/GCSLogo");
   --header-title: "The G.C.S.";
   --header-subtitle: "主体合作社";
 
   --body-font: 'LXGW WenKai', serif;
   --header-font: 'Huiwen-mincho', serif;
   --title-font: 'Huiwen-mincho', serif;
   --mono-font: 'Noto Sans SC', serif;
 
   --white-monochrome: 238, 232, 170;
   --pale-gray-monochrome: 240, 230, 140;
   --light-gray-monochrome: 128, 128, 128;
   --light-monochrome: 240, 248, 255;
   --gray-monochrome: 47, 79, 79;
   --black-monochrome: 0, 0, 0;
   --bright-accent: 255, 255, 255;
   --medium-accent: 135, 206, 235;
   --dark-accent: 112, 128, 144;
   --pale-accent: 255, 255, 255;
   --swatch-headerh1-color: 245,245,245;
   --swatch-headerh2-color: var(--swatch-headerh1-color);
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 66, 0, 33;
   --hover-link-color: 255, 255, 255;
 
   --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)) 50%, 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) 50%, 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;
}
 
#page-title {
   font-family: 'Huiwen-mincho', serif;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#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;
}
 
/* sd banner colours */
 
.sd-container {
   --sd-text:255,255,255;
   --sd-symbol:var(--sd-text);
   --sd-bullets:var(--sd-text);
}
#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 {
   font-family: 'Huiwen-mincho', cursive;
   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 #660000;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
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(--light-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);
}
 
.lightblock {
   background-color:rgb(var(--pale-gray-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(--light-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:visited, .dark-styled-quote a:visited {
    color: rgb(var(184, 0, 92));
}
 
.darkblock a:visited:hover, .dark-styled-quote a:visited:hover {
color: rgb(var(255, 102, 179));
}
 
.code{
   font-family: 'Noto Sans SC', serif !important;
}
 
 /* sd banner colours */
.sd-container {
   --sd-text:255,255,255;
   --sd-symbol:var(--sd-text);
   --sd-bullets:105,105,105;
}