E.S.T.版式测试

此版式由Minecraft_windows11制作。

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

[[include :arma3:br:esttheme]]

由于民间沙盒的神奇问题，部分字体与背景重叠。在MA沙盒中测试无问题已解决

示例

这是E.S.T.，负责保护流浪者（鬼知道以后会不会变成和M.E.G.一样的）

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

---

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

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

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

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

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

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

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

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

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

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

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

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

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

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

由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

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

---

一条分割线

嵌套引用块

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

+ 版式代码

:root {
    --body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif;
    --header-font: Inter, Noto Sans SC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --firstAccent:255, 255, 255;
    --secondAccent: 15, 53, 15;
 
    --white-monochrome: 32, 32, 32;
    --pale-gray-monochrome: 58, 58, 58, 1;
    --light-gray-monochrome: var(--firstAccent);
    --gray-monochrome: var(--secondAccent);
    --black-monochrome: var(--firstAccent);
    --bright-accent: 148, 136, 126;
    --medium-accent: 39, 39, 39;
    --dark-accent: 140, 136, 126;
    --pale-accent: 140, 136, 126;
    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 230, 23, 68;
    --hover-link-color: 230, 23, 68;
    --background-gradient-distance: 0rem;
    --gradient-header: linear-gradient(to bottom, rgba(0,0,0) 0%, rgba(var(--black-monochrome), 0.90) 100% );
    --swatch-text-secondary-color: 255, 255, 255;
    --swatch-text-primary-color: 255, 255, 255;
    --swatch-headerh1-color: 255, 255, 255;
    --swatch-headerh2-color: 255, 255, 255;
}
#footer {
    background: rgb(var(--pale-gray-monochrome,100,3,15));
}
#login-status a {
    color: rgb(var(--black-monochrome));
}
#login-status {
    border-radius: 5px;
    background-color: rgb(var(--medium-accent));
    padding: 5px;
    border: 2px solid rgb(var(--black-monochrome));
}
#skrollr-body {
    background-image: none;
}
#top-bar>ul>li>:after, #top-bar>ul>li>:before {
    position: absolute;
    transition: width .3s cubic-bezier(.4,0,.2,1);
    background-color: rgba(var(--black-monochrome),.5);
    width: 0;
    height: .1875rem;
    pointer-events: none;
    content: " ";
}
#search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    box-shadow: none;
    background: #64030f;
    background: rgb(var(--medium-accent));
    color: #fcfcfc;
    color: rgb(var(--black-monochrome));
}
#account-options {
    background-color: rgb(var(--white-monochrome));
    display: none;
}
#account-options li a:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
#header::before {
    content: "";
    margin-top: -13px;
    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.5;
}
div#page-options-bottom-2 > a, div#page-options-bottom > a {
    border: 2px solid rgb(var(--black-monochrome));
    background-color: rgb(var(--pale-gray-monochrome));
}
div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:hover {
    border: 2px solid rgb(var(--black-monochrome));
    background-color: rgb(var(--white-monochrome));
}
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
    border: .125rem solid rgba(var(--black-monochrome,48,48,52),1);
    background-color: rgba(var(--pale-gray-monochrome,100,25,15),1);
}
.owindow .button-bar a:hover, a.button:hover, button:hover, div.buttons input:hover, file:hover, input.button:hover {
    border: .125rem solid rgba(var(--black-monochrome,48,48,52),1);
    background-color: rgba(var(--white-monochrome,100,3,15),1);
}
.top-box {
   filter: grayscale(100%);
}
.bottom-box {
   filter: grayscale(100%) brightness(2);
}
.scp-image-block.block-right {
    border-radius: 5px;
    background-color: rgb(var(--medium-accent));
    padding: 5px;
    border: 2px solid rgb(var(--black-monochrome));
    width: 100px;
}
@media only screen and (max-width: 768px) {
     #header::before {
          margin-top: 0;
     }
     #login-status {
          border-radius: 0px;
          background-color: transparent;
          padding: 0px;
          border: none;
    }
}
.yui-navset .yui-nav .selected a {
    border: 2px solid rgb(var(--black-monochrome));
}
.yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a {
    border: 2px solid rgb(var(--black-monochrome));
}
hr {
    height: 0;
}
.yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover {
    background-color: rgb(var(--white-monochrome));
    color: rgb(var(--black-monochrome));
}
#top-bar div.mobile-top-bar>ul>li>a:after, #top-bar div.mobile-top-bar>ul>li>a:before, #top-bar div.top-bar>ul>li>a:after, #top-bar div.top-bar>ul>li>a:before {
    background-color: rgba(var(--black-monochrome),.5);
}
:root {
    --theme-name: "E-S-T-THEME";
    --theme-id: "estTheme";
    --logo-image: url("http://backrooms-p-cn.wikidot.com/local--files/groups-list/586392cddf49780b.jpg");
    --header-title: "E.S.T.";
    --header-subtitle:"我们为流浪者服务";
}
#container {
    background-color: #232526;
}
#page-title {
    color: white;
}
#action-area h1 {
    color: white;
}
.form td {
    color: white;
}
.edit-help-34 {
    color: white;
}
td {
    color: white;
}
label {
    color: white;
}
#page-info {
    color: white;
}
.page-source {
    color: white;
}
#page-title,h1 {
    color: white;
}
span {
    color: white;
}
#lock-timer {
    color: white;
}
p {
    color: white;
}
.content modal-body p{
    color: white;
}
a:hover::before {
    content: ">  ";
}
table.wiki-content-table th {
background-color: rgb(var(--pale-gray-monochrome)) !important;
color: rgb(var(--black-monochrome));
border-color: rgb(var(--black-monochrome));
}
:root {
   --fade-in-delayq: 3s; /* Change the speed here. */
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delayq)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delayq)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delayq)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delayq)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delayq)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delayq)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delayq)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delayq)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delayq)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delayq)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delayq)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delayq)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delayq)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delayq)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delayq)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delayq)); }