SAPPHIRE 版式

评分：

rating: +8+–x

评分模块与著作信息模块：

rating: +8+–x

著作信息

SAPPHIRE 版式
作者：Lt FlopsLt Flops
发布于 2019 年 06 月 19 日

特别感谢 Uncle NicoliniUncle Nicolini 和 stormbreathstormbreath 提供的帮助。

rating: +8+–x

这是什么？

这是为法国相关组织“SAPPHIRE”（蓝宝石）所制作的版式。

使用方法

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

[[include :scp-wiki-cn:theme:sapphire]]

这个版式是干什么用的？

这个版式代表了对法国 SCP 分部相关组织“蓝宝石”的其中一种诠释。更多信息：

无处不在的反危险性及妨碍性制度化宗教无神论者结社，又称“蓝宝石”是一个主要建立在西欧地区的相关组织，其也在东欧国家、北非以及美国东海岸有一定活动。

已知最早的与蓝宝石有关的行动可以追溯到 1909 年，尽管该组织直到 20 世纪 60 年代才明确表态，当时蓝宝石似乎经历了一次重大的扩张。造成这种情况的确切原因尚不清楚。

SAPPHIRE 提倡与任何形式的信仰、宗教和迷信作斗争，他们认为这些信仰、宗教和迷信是影响人类的灾难的根本原因，包括他们认为是上述信仰、宗教和迷信的根源的 SCP 对象。

尽管 SAPPHIRE 声称坚持理性和人文主义的理想，但他们毫不犹豫地为恐怖主义目的使用异常手段对传统宗教和神秘宗教进行攻击，攻击的主要受害者往往是平民。这些攻击也可以针对迷信或包括基金会在内的敌对组织。

—节选自蓝宝石中心页
作者 DrGeminiDrGemini
英语版本译者 SkodamzSkodamz
中文版本译者 MeowaitMeowait

此版式适用于蓝宝石 GoI 格式、故事及其他页面。

示例

sapphire-logo.png

插图方块

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题

粗体 | 斜体 | 下划线 | 删除线 | teletype text 上标下标

标题 标题 标题 标题 标题 标题
子内容 子内容 子内容 子内容 子内容 子内容

标签内容

引用

未访问的链接（已经访问的链接）

+ 一个折叠

GoI 格式示例

sapphire-logo.png

占位符

By 作者

章节标题


在世界观内 SAPPHIRE 格式被称之为“调查报告”（Zetetic Bulletin）。格式的实例请参考：五行虹天目的神话传说，作者 Uncle NicoliniUncle Nicolini。

格式背景和边框：

[[div class="sapphire-block"]]

SAPPHIRE 格式模仿说明文或论文。每个新段落都要缩进，整篇格式的文本两端对齐。对齐方式和字体属性已经预先整合到代码中。

接下来，是格式标题和世界观内的作者姓名：

= [[span class="sapphire-heading-2"]]占位符[[/span]]
= [[span class="sapphire-heading-3"]]By 作者[[/span]]

在整篇格式当中，会用到数次章节标题：

[[div class="sapphire-lite-hr"]]
----
[[/div]]
= [[span class="sapphire-heading-4"]]章节标题[[/span]]
[[div class="sapphire-lite-hr"]]
----
[[/div]]

引用的文本段落：

[[div class="sapphire-excerpt"]]
文本。
[[/div]]

示例：

有所怀疑，
便去怀疑。

最后，在所有内部元素的下方添加如下代码闭合背景、边框和字体：

[[/div]]

有所怀疑，便去怀疑。

源代码

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC&display=swap');
 
/* SAPPHIRE Theme
 * [2019 Wikidot Theme]
 * Based on Aelanna's Sigma-9 Theme as edited by Dr Devan
 * Inspired by DrGemini's SCP-FR Group of Interest "SAPHIR"
 * Created by stormbreath, Lt Flops, and Uncle Nicolini for the 2019 International GOI Contest
 * Logo Design by Ihp sourced from https://pixabay.com/vectors/diamond-cut-polished-jewelry-312696/
 */
 
/* GLOBAL WIDTH */
body {
     background-color: #e5e5e5;
     color: #0c0c0c;
 
     --neutral: #e5e5e5;
     --key: #17181c;
     --sapphire-muted: #151a61;
     --sapphire: #000880;
     --sapphire-mid: #2634f2;
     --sapphire-light: #666999;
     --white-sapphire: #ebebf0;
     --gray-sapphire: #5b5b5d;
     --light: #bbb;
     --mid-light: #999;
     --mid: #9b9ca1;
     --mid-dark: #666;
     --dark: #333;
     --grad-1: #5b5b5b;
     --grad-2: #878787;
}
div#container-wrap {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Asapphire/sapphire-body-bg.png);
}
 
/* COMMON */
 h1,
 #page-title {
     color: #151a61;
     color: var(--sapphire-muted);
}
 h1 {
     margin-top: 0;
     padding: 0;
     font-weight: bold;
}
 #page-title {
     border-color: #0d0e26;
}
 a {
     color: #000880;
     color: var(--sapphire);
}
 a.newpage {
     color: #151a61;
     color: var(--sapphire-muted);
     font-weight: bold;
}
 #side-bar a:visited {
     color: #151a61;
     color: var(--sapphire-muted);
}
 a:visited {
     color: #151a61;
     color: var(--sapphire-muted);
}
 a.collapsible-block-link {
     font-weight: bold;
}
 hr{
     display: block;
     background: #0d0e26;
     border: 0;
     padding: 0;
     margin: 1em 0;
     height: 1px;
}
 
/* HEADER */
 #header {
     background: none;
}
 #header h1 {
     background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Asapphire/sapphire-header.png) no-repeat; /* Logo modified by Ihp under CC BY-SA 3.0 */
     background-size: contain;
     display: block;
     height: 139px;
     max-height: 139px;
     width: 100%;
     max-width: 271px;
     position: relative;
     top: 32px;
}
 #header h1 a {
     display: block;
     margin: 0;
     padding: 0;
     height: 139px;
     max-height: 139px;
     width: 100%;
     max-width: 271px;
}
 #header h2 {
     display: none;
}
 #search-top-box-input {
     border: solid 1px #e5e5e5;
     border: solid 1px var(--neutral);
     color: #2634f2;
     color: var(--sapphire-mid);
     background-color: #17181c;
     background-color: var(--key);
}
 #search-top-box-input:hover,
 #search-top-box-input:focus {
     border: solid 1px #ebebf0;
     border: solid 1px var(--white-sapphire);
     color: white;
     background-color: #5b5b5d;
     background-color: var(--gray-sapphire);
}
 #search-top-box-form input[type=submit] {
     border: solid 1px #e5e5e5;
     border: solid 1px var(--neutral);
     color: #e5e5e5;
     color: var(--neutral);
     background-color: #333;
     background-color: var(--dark);
     background: linear-gradient(to bottom, #878787, #5b5b5b, #333);
     background: linear-gradient(to bottom, var(--grad-2), var(--grad-1), var(--dark));
}
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus {
     border: solid 1px white;
     color: white;
     text-shadow: 0 0 1px rgba(255,255,255,.25);
     background-color: #9b9ca1;
     background-color: var(--mid);
     background: linear-gradient(to bottom, #e5e5e5, #878787, #5b5b5b);
     background: linear-gradient(to bottom, var(--neutral), var(--grad-2), var(--grad-1));
}
 #login-status {
     color: #e5e5e5;
     color: var(--neutral);
}
 #login-status a {
     color: #e5e5e5;
     color: var(--neutral);
}
 #login-status ul a {
     color: #000880;
     color: var(--sapphire);
}
 #account-topbutton {
     background: #bbb;
     background: var(--light);
     color: #000880;
     color: var(--sapphire);
}
 
/* ADJUST MOBILE IMAGE SIZE */
 #header h1 {
     padding: 0;
     float: left;
     max-height: 95px;
}
 @media (max-width: 479px) {
     #header {
         background-size: 150px 75px;
         background-position: 1em;
    }
}
 @media (min-width: 480px) and (max-width: 580px) {
     #header {
         background-size: 180px 90px;
         background-position: 1em;
    }
}
 @media (min-width: 581px) and (max-width: 767px) {
     #header {
         background-size: 210px 105px;
         background-position: 1em;
    }
}
 @media (min-width: 768px) and (max-width: 979px) {
     #header {
         background-size: 240px 120px;
         background-position: 1em;
    }
}
 @media (max-width: 979px) and (min-width: 768px) {
     #header {
         background-size: auto 88px;
    }
}
 @media (max-width: 767px) and (min-width: 581px) {
     #header {
         background-size: auto 77px;
    }
}
 @media (max-width: 580px) and (min-width: 480px) {
     #header {
         background-size: auto 66px;
    }
}
 @media (max-width: 479px) {
     #header {
         background-size: auto 65px;
    }
}
 
/* HIDE THE HEADER TEXT */
 #header h1 a {
     color: transparent;
     text-shadow: none;
}
 #header h2 span {
     color: transparent;
     text-shadow: none;
}
 
/* TOP MENU */
 #top-bar a {
     color: #bbb;
     color: var(--light);
}
 #top-bar ul li ul {
     border: solid 1px #666;
     border: solid 1px var(--mid-dark);
     box-shadow: 0 2px 6px rgba(0,0,0,.5);
}
 #top-bar ul li a {
     border-left: solid 1px rgba(64,64,64,.1);
     border-right: solid 1px rgba(64,64,64,.1);
}
 #top-bar ul li.sfhover a,
 #top-bar ul li:hover a {
     background: #333;
     background: var(--dark);
     color: #e5e5e5;
     color: var(--neutral);
     border-left: solid 1px rgba(64,64,64,1);
     border-right: solid 1px rgba(64,64,64,1);
}
 #top-bar ul li.sfhover ul li a,
 #top-bar ul li:hover ul li a {
     border-top: 1px solid #333;
     border-top: 1px solid var(--dark);
}
 #top-bar ul li.sfhover a:hover,
 #top-bar ul li:hover a:hover {
     background: #999;
     background: var(--mid-light);
}
 #top-bar ul li ul a,
 #top-bar a:hover {
     color: #e5e5e5;
     color: var(--neutral);
}
 
/* SIDE MENU */
 .menu-item > .image {
     filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
     -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important;
}
 #side-bar .side-block {
     border: 1px solid #333;
     border: 1px solid var(--dark);
     background: #e5e5e5;
     background: var(--neutral);
     border-radius: 0px;
     box-shadow: 0 2px 6px rgba(102,102,102,.5);
}
 #side-bar .heading {
     color: #333;
     color: var(--dark);
     border-bottom: solid 1px #000880;
     border-bottom: solid 1px var(--sapphire);
}
 #side-bar p {
     margin: 0;
}
 #side-bar div.menu-item {
     margin: 2px 0;
}
 #side-bar .collapsible-block-folded {
     background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Asapphire/sapphire-expand.png) 0 2px no-repeat;
}
 #side-bar .collapsible-block-unfolded-link {
     border-bottom: solid 1px #333;
     border-bottom: solid 1px var(--dark);
}
 #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
     color: #333;
     color: var(--dark);
}
 #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
     color: #666;
     color: var(--mid-dark);
}
 #side-bar .floating-ad img {
     border-radius: 0px;
     filter: hue-rotate(236deg) saturate(50%) brightness(111%);
     -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%);
}
 
/* SIDEBAR CHANGES PER NAV UPDATE */
 #side-bar .side-block[style="background-color: #f0fff6;"] {
     background-color: #E5E5E5 !important;
     background-color: var(--neutral) !important;
}
 #side-bar .side-block[style="background-color: #e7e5e8;"] {
     background-color: #E5E5E5 !important;
     background-color: var(--neutral) !important;
}
 #side-bar .side-block[style="background-color: #fff0f0;"] {
     background-color: #E5E5E5 !important;
     background-color: var(--neutral) !important;
}
 #side-bar .side-block[style="background-color: #e5e5ff;"] {
     background-color: #E5E5E5 !important;
     background-color: var(--neutral) !important;
}
 
/* YUI-TABS */
 .yui-navset .yui-content {
     background-color: #e5e5e5;
     background-color: var(--neutral);
}
 .yui-navset .yui-nav a,
 .yui-navset .yui-navset-top .yui-nav a {
     background-color: #333;
     background-color: var(--dark);
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a:focus, /* NO FOCUS EFFECT FOR SELECTED */
 .yui-navset .yui-nav .selected a:hover { /* NO HOVER EFFECT FOR SELECTED */
     background: #333;
     background: var(--dark); /* SELECTED TAB BACKGROUND */
     color: white;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus {
     background: #bbb;
     background: var(--light);
     text-decoration: none;
}
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav {
     border-color: #333;
     border-color: var(--dark);
}
 .yui-navset li {
     line-height: normal;
}
 
/* AYERS' INFO MODULE */
 :root {
     --cutColour: #050505;
     --barColour: #151A61;
}
 
/* INFO PANE */
 .rate-box-with-credit-button {
     background-color: #151a61 !important;
     background-color: var(--sapphire-muted) !important;
     border: 1px solid #151a61 !important;
     border: 1px solid var(--sapphire-muted) !important;
     border-radius: 0 !important;
     box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
}
 .rate-box-with-credit-button .creditButton p a {
     border-left-color: #666999 !important;
     border-left-color: var(--sapphire-light);
}
 .rate-box-with-credit-button .page-rate-widget-box .cancel {
     border-radius: 0;
}
 .rate-box-with-credit-button .fa-info:hover {
     color: #666999 !important;
     color: var(--sapphire-light) !important;
}
 .rate-box-with-credit-button .page-rate-widget-box .rate-points {
     border-left: 0;
}
 .close-credits {
     filter: hue-rotate(236deg);
}
 .modalbox {
     box-shadow: 0 1px 10px rgba(39,51,221,.3) !important;
}
 
/* RATING MODULE */
 .page-rate-widget-box .rate-points {
     background-color: #151a61 !important;
     background-color: var(--sapphire-muted) !important;
     border: solid 1px #151a61;
     border: solid 1px var(--sapphire-muted);
     border-radius: 0;
}
 .page-rate-widget-box .rateup,
 .page-rate-widget-box .ratedown {
     background-color: #e5e5e5;
     background-color: var(--neutral);
     border-top: solid 1px #151a61;
     border-top: solid 1px var(--sapphire-muted);
     border-bottom: solid 1px #151a61;
     border-bottom: solid 1px var(--sapphire-muted);
     font-weight: bold;
}
 .page-rate-widget-box .rateup a,
 .page-rate-widget-box .ratedown a {
     background: none;
     color: #151a61;
     color: var(--sapphire-muted);
     padding: 0 4px;
     margin: 0 1px;
}
 .page-rate-widget-box .rateup a:hover,
 .page-rate-widget-box .ratedown a:hover {
     background: #151a61;
     background: var(--sapphire-muted);
     color: white;
     text-decoration: none;
}
 .page-rate-widget-box .cancel {
     background-color: #151a61;
     background-color: var(--sapphire-muted);
     border: solid 1px #151a61;
     border: solid 1px var(--sapphire-muted);
     border-left: 0;
     border-radius: 0;
}
 .page-rate-widget-box .cancel a {
     background: transparent;
     color: #666999;
     color: var(--sapphire-light);
}
 .page-rate-widget-box .cancel a:hover {
     border-radius: 0;
     background: #151a61;
     background: var(--sapphire-muted);
     color: white;
     text-decoration: none;
}
 @media (max-width: 767px) {
     #top-bar .open-menu a {
         border: 0.2em solid #999;
         border: 0.2em solid var(--mid-light);
         background-color: white;
         color: #999;
         color: var(--mid-light);
    }
     #side-bar {
         background-color: #666999;
         background-color: var(--sapphire-light);
    }
}
 
/* SAPPHIRE FORMAT */
 .sapphire-block {
     border: 5px solid #0d0e26;
     background-color: #abafed;
     padding: 0 1em;
     margin: 1em 0;
 
     color: #222;
     font-family: 'Noto Serif SC', serif;
     font-size: 12.5pt;
     text-align: justify;
     word-break: unset;
}
 .sapphire-block hr {
     background-color: #0d0e26;
     border: none;
     margin: auto;
     height: 2px;
     width: 100%;
}
 .sapphire-lite-hr hr {
     background-color: #0d0e26;
     border: none;
     margin: auto;
     height: 2px;
     width: 45%;
}
 div.sapphire-excerpt {
     border: 1px solid #0d0e26;
     background-color: #dedfed;
     padding: 0 1em;
     margin: 1em 2em;
}
 .sapphire-heading-2,
 .sapphire-heading-3,
 .sapphire-heading-4 {
     color: #151a61;
     color: var(--sapphire-muted);
     font-weight: bold;
     word-break: unset;
     line-height: 120%;
}
 .sapphire-heading-2 { font-size: 150%; }
 .sapphire-heading-3 { font-size: 130%; }
 .sapphire-heading-4 { font-size: 120%; }
 
/* MOBILE VIEW */
 @media (max-width: 479px) {
     div.sapphire-excerpt {
         margin: 1em 0;
    }
}
 @media (min-width: 480px) and (max-width: 580px) {
     div.sapphire-excerpt {
         margin: 0.5em;
    }
}
版式
page revision: 11, last edited: 12 Mar 2021 06:40
Edit Rate (+8) Tags Discuss (2) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License