做梦者之图书馆版式

著作信息

by LAN 2D

The Dreaming Eye

这是做梦者之图书馆主题。起初打算简单为

Din-Bidor做一点，但做的过程中我逐渐沉迷其中，于是就做成了现在这个样子。

如果你喜欢这个主题的外观的话，不需要专门是以梦境为主题的作品也可以使用——你可以随意更改版头标题。

使用方式

在你的作品开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:wanderers:dreamers-theme]]

主题组件

正文字体为 Skolar Sana
版头字体为 Playfair Display SC / Noto Serif SC.
标题字体为 Playfair Display SC / Noto Serif SC.
打字机体为 Recursive Mono.

此为链接：

示例

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

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

+ 标题

此为分页（tab view）。

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

一条分割线

嵌套引用块¹

如果将“-----”放入类（class）为 “fancyhr” 的 div 元素中，则可以显示另一种水平线样式，如下所示：

[[div_ class="fancyhr"]]
-----
[[/div]]

效果如下：

任何元素添加 “fancyborder” 类（class），即可显示特殊边框。例如，这是此方块的代码：

[[div_ class="fancyborder"]]
内容在此
[[/div]]

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

+ 显示代码

- 隐藏代码

@charset "UTF-8";
/* Dreamers' Library Theme by LAN 2D in 2022
*    Based on Dust Jacket by Woedenaz, Black Highlighter by Woedenaz and Croquembouche, and Ghost Record by UncertaintyCrossing
* Background and header texture's based off of webtreats: https://www.flickr.com/photos/44071822@N08/5436446554 and edited by LAN 2D, released under CC BY 2.0
* The Dreaming Eye logo based off of OpenMandriva Association: https://commons.wikimedia.org/wiki/File:Oma-logo-22042013_300pp.png and edited by LAN 2D, under CC BY-SA 3.0
* Fonts used are  */
 
@import url("https://scp-wiki-cn.wdfiles.com/local--code/wanderers%3Adustjacket-theme/1");
 
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');
 
:root:lang(cn) {
    /* If you're making a new CSS theme, please include the following three variables at minimum. */
    --theme-base: "nuscp";
    /* must be either "nuscp" or "sigma9" */
    --theme-id: "dreamers-theme";
    /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
    --theme-name: "Dreamers' Library Theme";
    /* set this to your theme's full name */
    --header-title: "做梦者之图书馆";
    --header-font: 'Playfair Display SC','Noto Serif SC', serif;
    --title-font: 'Playfair Display SC','Noto Serif SC', serif;
    --gradient-header: url("https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/baloon-bg.png");
    --logo-image: url("https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/Oma-logo-22042013_300pp.png");
    /* ===STANDARD THEME COLORS=== */
    --white-monochrome: 252, 252, 252;
    --pale-gray-monochrome: 161, 161, 161;
    --light-pale-gray-monochrome: 255, 250, 215;
    --very-light-gray-monochrome: 220, 230, 220;
    --light-gray-monochrome: 130, 160, 135;
    --gray-monochrome: 79, 79, 79;
    --dark-gray-monochrome: 82, 82, 82;
    --black-monochrome: 250, 250, 250;
    --bright-accent: 235, 235, 235;
    --medium-accent: 163, 162, 160;
    --dark-accent: var(--dark-gray-monochrome);
    --alt-accent: 166, 157, 151;
    /* ===PRIMARY COLORS=== */
    /* ===GENERAL COLORS=== */
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
    --swatch-border-color: var(--medium-accent);
    /* ===GENERAL TEXT COLORS=== */
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-important-text: var(--bright-accent);
    --newpage-color: 200, 200, 200;
    --visited-link-color: 120, 120, 120;
    /* ===BACKGROUND & HEADER COLORS=== */
    /* General Background Color */
    --swatch-background: 161, 161, 161, 1.0;
    --swatch-menubg-medium-color: var(--white-monochrome);
    --modal-body-header-txt: 0, 0, 0;
    --modal-body-text: 255, 255, 255;
    --tabs-content-bg-color: var(--swatch-secondary-color),1.0;
    /* Header H1 and H2 colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    /* ===MENU COLORS=== */
    /* ===MENU BACKGROUND COLORS=== */
    --swatch-menubg-color: var(--dark-gray-monochrome);
    /* ===MENU TEXT COLORS=== */
    --swatch-menutxt-dark-color: var(--dark-gray-monochrome);
    --swatch-menutxt-light-color: var(--bright-accent);
    /* ===TOPBAR MENU BACKGROUND COLORS=== */
    /* Colors used in the --gradient-topmenu var to give the topbar its color */
    --swatch-topmenu-bg-color: var(--dark-gray-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    /* ===LINK COLORS=== */
    --link-color: var(--medium-accent);
    --hover-link-color: var(--dark-gray-monochrome);
    --rating-module-button-color: var(--bright-accent);
    --rating-module-text-color: var(--bright-accent);
    /* ===RATING MODULE COLORS=== */
    --gradient-background: linear-gradient(to bottom,rgba(var(--background-gradient-color),0) 0,rgba(var(--background-gradient-color),0) var(--background-gradient-distance));
}
 
.page-rate-widget-box, .rate-box-with-credit-button {
    background: linear-gradient(to top, rgb(0 0 0) 0, rgb(0 0 0) 100%) !important;
    border: 0.0625rem solid rgba(81, 81, 81, 1.0) !important;
}
 
.rate-box-with-credit-button>.page-rate-widget-box {
    background: linear-gradient(to top, rgb(0 0 0) 0, rgb(0 0 0) 100%) !important;
    border: none !important;
}
 
 .rate-box-with-credit-button>.creditButton>p>a {
    background: linear-gradient(to top, rgb(0 0 0) 0, rgb(0 0 0) 100%) !important;
}
 
#edit-page-textarea {
    background-color: rgb(50, 50, 50);
}
 
.blockquote, blockquote {
    border: 3px outset rgb(var(--gray-monochrome));
    background: rgb(var(--pale-gray-monochrome));
    color: rgb(0, 0, 0);
}
 
#footer {
    color: rgb(var(--white-monochrome));
}
 
.page-tags a {
    color: rgb(var(--white-monochrome)) !important;
}
 
    .page-tags a::after {
        background-color: rgb(var(--white-monochrome)) !important;
    }
 
hr {
    background: rgb(var(--dark-gray-monochrome));
}
 
.collection > .collapsible-block {
    display: block;
    padding: 0.15em;
    border: 0.0625rem solid black;
    background-color: #202020;
    text-align: center;
}
 
.collection .collapsible-block-unfolded-link a, .collection .collapsible-block-folded a {
    color: rgb(200, 200, 200);
    font-weight: bold;
}
 
#page-title::before, .meta-title::before, #page-title::after, .meta-title::after {
    background-color: rgb(var(--swatch-primary));
    background-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/whitefoil.png);
}
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(255, 219, 90, 0);
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-image-source: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyhr.png);
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    -webkit-border-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyborder.png) 600 round;
    -moz-border-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyborder.png) 600 round;
    -o-border-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyborder.png) 600 round;
    border-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyborder.png) 600 round;
    border-image-width: 6;
    padding: 2vw;
}
 
div#extra-div-1 {
    z-index: -2;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(30, 55, 30, 1) 30%, rgba(255, 219, 90, 1) 100%);
    background: var(--gradient-header);
    background-repeat: repeat;
    background-size: var(--header-background-image-size);
}
 
body {
    background-color: black;
}
 
/* Mobile */
@media only screen and (max-width: 768px) {
 
    #skrollr-body {
        height: var(--header-height-on-mobile);
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        background-color: rgb(var(--gray-monochrome));
        border-bottom: none;
        border-right: none;
    }
}
 
.yui-navset .yui-content {
    background-color: rgba(81, 81, 81, 1.0);
}
 
a, a.newpage {
    background: transparent;
    color: rgb( 170, 170, 170);
}
blockquote a{
    color: rgb(var(--dark-gray-monochrome));
}
 
blockquote a:hover {
    color: rgb(var(--medium-accent));
}
 
#page-content table.wiki-content-table {
    display: table;
    margin: 0.5em auto;
    border-spacing: 0;
    background-color: rgb(81, 81, 81);
    color: rgb(var(--tables-body-txt));
}
 
    #page-content table.wiki-content-table th {
        --wght: calc(var(--ui-wght) + 200);
        padding: 0.5em 1em;
        background: rgb(45, 45, 45);
        color: rgb(var(--tables-header-txt));
        font-weight: var(--wght);
    }
 
#header h1 a::before {
    background-image: var(--logo-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 8rem;
    opacity: 1.0;
    pointer-events: none;
    content: "The Dreamers' Library";
    content: var(--header-title);
    color: rgb(255, 255, 255);
    text-shadow: 0 0 10px #000000, 0 0 20px #ffffff;
}
 
#header h1 a::after {
    background:  white; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
 
#content-wrap {
    background-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/backgroundfinal4.png);
}
 
#content-wrap {
    position: relative;
}
 
    #content-wrap::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-repeat: repeat-x;
        pointer-events: none;
        background-image: url(https://wanderers-library.wikidot.com/local--files/component:dreamers-theme/greyglow3.png);
        opacity: 0.7;
    }

- 隐藏代码

wanderers 版式

页面版本: 17, 最后编辑于: 11 Jul 2024 05:22

编辑评分 (+24) 标签讨论 (9) 历史记录附件打印网站工具 + 选项

SCP基金会

控制，收容，保护

著作信息

使用方式

主题组件

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题