网站的版式

注意

此页为规则怪谈档案馆维基内部使用的“组件”页。该页面旨在供其它页面使用，作为功能性或美观性组件。

未经组件作者或工作人员允许，请勿修改此页的内容。

---

说明

本版式修改自SCP中分维基的Dr Hormress制作的平行 版式，针对全局应用修复了一些bug（例如讨论区），对顶栏的渐变颜色稍作修改，微调了字号、字间距以及logo大小。平行版式基于基岩和后来的玄武岩版式。

若要增加新样式，请最好用注释注明其用途，方便其它人理解与维护。

---

因近日Wikidot附件站（*.wdfiles.com）出现访问异常，目前本版式托管在JSDelivr上。

托管版版式复制并替换掉了其它所有原本引用自wdfiles.com的代码片段（组件）和图片资源（logo）。完整源代码见此。

---

+ 展开源代码

@import url("https://rule-wiki.wdfiles.com/local--files/component%3Atheme/parallel-theme-20251028.css");
@import url("https://area-cn-02.wikidot.com/component:bedrock-mobile-account-options-fix/code/1");
@import url("https://area-cn-02.wikidot.com/component:bedrock-mobile-account-options-fix/code/2");
 
:root {
    --header-logo: url("https://rule-wiki.wikidot.com/local--files/component:theme/rule-wiki-new-white.svg");
 
    --title-size: 1.8rem;
    --subtitle-size: 0.9rem;
 
    --header-color-one: 160, 0, 0;
    --header-color-two: 17, 0, 40;
    --link-color: 200, 0, 0;
}
 
:root:lang(cn) {
    --header-title: "规则怪谈档案馆";
    --header-subtitle: "记住它们，或者被它们记住";
}
 
/* 微调版头 */
#header h1 a span::after{
    margin-bottom: 1px;
}
 
#header h1 a span::before, 
#header h1 a span::after {
    letter-spacing: 1px;
    font-weight: 700;
}
 
#header h1 a {
    padding-left: calc(var(--base-header-height)* 0.15);
    padding-right: calc(var(--base-header-height)* 0.5);
    gap: calc(var(--base-header-height)* 0.2);
}
@media (max-width: 360px) {
    :root {
        --title-size: calc(-1rem + 12vw);
        --subtitle-size: calc(-0.5rem + 6vw);
    }
}
 
/* 讨论区首页显示 */
.forum-group table tr td {
    word-break: break-all;
}
 
.forum-group table tr td.name {
    width: 40%;
}
 
.forum-group table tr td.threads{
    width: 10%;
}
 
.forum-group table tr td.posts {
    width: 10%;
}
 
.forum-group table tr td.last {
    width: 40%;
}
 
/* 回帖标题强调 */
.thread-container .post .head, 
.thread-container .post.folded .short {
    border-left: 4px solid #aaa;
}
 
/* 警告条纹条 */
div.bar {
    background-color: rgb(var(--header-color-two));
    background-image: var(--header-stripes), var(--header-gradient);
    color: white;
}
 
div.bar a {
    color: rgb(255, 197, 175);
}
 
/* 修复附件信息窗口溢出 */
div.owindow {
    max-height: 90vh;
}
 
/* 修复附件小图预览太大 */
div.owindow>div.modal-body>div {
    height: auto !important;
    max-height: 240px;
}
 
div.owindow>div.modal-body {
    overflow-wrap: anywhere;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--header-color-two)) rgb(var(--pale-gray-monochrome));
    grid-template-columns: unset;
    max-height: 80vh;
    max-width: 90vw;
}
 
/* 用户信息窗口换行 */
.modal-body table td em {
    white-space: pre-wrap;
}
 
/* 跨站评分 */
div.interwiki-rate-block .creditRate .page-rate-widget-box .number iframe{
    height: 20px;
}