版式：U.I.U档案

该版式由NoRaNetaN基于Excel2020制作的不可思议的考古学家版式进行修改。

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

[[include :kp-backrooms:theme:uiu-file-storage]]

示例

U.I.U的Logo由Anrka制作

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

---

标题可通过在一行字起始处输入 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

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

---

一条分割线

嵌套引用块

这个	似乎
是一个非常	可爱的表格
确实很可爱呢SO CUTE!!!

---

无意义文本(

---

这个它似乎是¹
正常的文本
下划线文本
文本有点斜
看！粗文本
文本被删除
艺术的等宽
它好像^跳起来了
它怎么_在下面
不存在的奇怪链接
它的链接似乎存在

---

[[div class="lightblock"]]

[[/div]]

---

[[div class="darkblock"]]

[[/div]]

---

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

[[/div]]

---

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

[[/div]]

---

[[div class="logoblock"]]

[[/div]]

---

[[div class="border-logoblock"]]

[[/div]]

---

[[div class="dark-borderblock"]]

[[/div]]

---

[[div class="light-borderblock"]]

[[/div]]

---

插入文本
[[div class="titleblock"]]
[[span class="titlebox"]]插入文本[[/span]]

---

[[/div]]

展开代码

[[div class="code"]]

@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
 
@font-face {
    font-family: 'LXGW WenKai GB';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/LxgwWenKaiGB-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'JasonHandwriting';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/JasonHandwriting1-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
    /* S-CSS-P Integration */
    /* If you're making a new CSS theme, please include the following three variables at minimum. */
    --theme-base: "black-highlighter";
    /* must be either "black-highlighter" or "sigma9" */
    --theme-id: "sam-theme";
    /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
    --theme-name: "Archeolodzy Theme";
    /* set this to your theme's full name */
 
   --logo-image: url("http://backroomssandboxcn.wikidot.com/local--files/attachment-of-the-picture/U.I.U%20Logo-Not");
   --header-title: "U.I.U档案储存中心";
   --header-subtitle: "现实与异常的交接处";
 
   --body-font: 'Quintessential', 'LXGW WenKai GB', cursive;
   --header-font: 'Quintessential', 'LXGW WenKai GB', cursive;
   --title-font: 'Quintessential', 'LXGW WenKai GB', cursive;
   --mono-font: 'Courier', monospace;
 
   --white-monochrome: 222, 223, 225;
   --pale-gray-monochrome: 163, 176, 204;
   --light-gray-monochrome: 160, 160, 160;
   --dark-gray-monochrome: 71, 71, 71;
   --gray-monochrome: 106, 116, 255;
   --black-monochrome: 26, 20, 7;
   --bright-accent: 92, 135, 255;
   --medium-accent: 25, 20, 68;
   --dark-accent: 147, 4, 49;
   --pale-accent: 147, 4, 49;
 
   --swatch-topmenu-border-color: var(--medium-accent);
   --swatch-menubg-dark-color: var(--light-gray-monochrome);
 
   --link-color: 190, 4, 0;
   --hover-link-color: 210, 0, 0;
 
   --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: none
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: none
}
 
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: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0.1rem;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 19rem;
   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;
}
 
#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;
}
 
span.printuser {
    color: rgb(var(--pale-gray-monochrome))
}
 
.code {
    border: 2px dashed rgb(var(--pale-gray-monochrome));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.lightstyled-quote {
   background-color:rgb(var(--bright-accent));
color:rgb(0, 0, 0);
   border-left: 0.5rem solid rgba(var(--dark-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);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   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);
}
 
.darkstyled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--bright-accent));
color:rgb(0, 0, 0);
   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(--dark-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);
}
 
.dark-borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 .light-borderblock {
    background-color:rgb(var(--bright-accent));
    color:rgb(0, 0, 0);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--dark-gray-monochrome));
 }
 .border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backroomssandboxcn.wikidot.com/local--files/attachment-of-the-picture/U.I.U%20Logo-Not) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .logoblock{
    padding: 0.01rem 1rem;
    color:rgb(255, 255, 255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backroomssandboxcn.wikidot.com/local--files/attachment-of-the-picture/U.I.U%20Logo-Not) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.titleblock {
        background-color: rgb(var(--dark-gray-monochrome));
        color:rgb(var(--white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebox{
       color: rgb(var(--dark-gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

---

Footnotes

1. 一个可爱的脚注