SAPPHIRE Theme Redux

Link to article: SAPPHIRE Theme Redux.

@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asaphir/1);
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asaphir/2);

```
color: #d61
```
```
font-family: var(--sub-font)
```
```
font-family: var(--euphoric-font)
```
```
display: none
```

```
pseudocrumbs
```
```
blockquote
```
```
templateInfo
```
```
templateInfo
```
```
code
```
```
terminal
```
```
templateInfo
```
```
templateInfo
```
```
blockquote
```
```
templateInfo
```
```
keycap
```
```
code
```
```
blockquote
```
```
templateInfo
```
```
sapphire-block
```
```
lite-heading
```
```
code
```
```
slim
```
```
sapphire-block
```
```
code
```
```
slim
```
```
code
```
```
slim
```
```
lite-heading
```
```
code
```
```
slim
```
```
excerpt
```
```
excerpt
```
```
code
```
```
slim
```
```
code
```
```
slim
```
```
saphir-nav
```
```
code
```
```
saphir-nav
```
```
templateInfo
```
```
centered
```
```
footing
```
```
blockquote
```

[[iftags +theme]]

[[div class="pseudocrumbs"]]
[[[sigma-9-themes|Sigma Themes]]] >> SAPPHIRE Theme Redux
[[/div]]

@@ @@

= **Rating**
[[module Rate]]

= **Rating + Info Module**
[[include :scp-wiki:info:start]]
[[div class="blockquote"]]
**SAPPHIRE Theme Redux**
**Original Author:** [[*user DrGemini]]
**Forked by:** [[*user Lt Flops]]
**Published on 02 May 2024**
----
**Original Creation Date:** 3 June 2019
**Original:** [[[https://fondationscp.wikidot.com/theme:saphir|Thème de SAPHIR]]] from the French branch (SCP-FR) of the SCP Foundation
[[/div]]
[[include :scp-wiki:info:end]]

= **Standalone Info Module**
[[include :scp-wiki:info:start-standalone]]
= **##indigo|⛧ Hail Satan ⛧##**

@@ @@

= [[size 200%]]😈[[/size]]
[[include :scp-wiki:info:end-standalone]]

@@ @@

[[div class="templateInfo"]]
+ What Is This?
----
= This is a fork of “SAPPHIRE's Theme”, originally created by [[*user DrGemini]].
[[/div]]

@@ @@

[[div class="templateInfo"]]
+ How to Use
----
= Copy this syntax and paste it onto the top of your page:

[[div class="code terminal"]]
= **##var(--c-keyword)|[[include##** ##var(--c-symbol)|:scp-wiki:theme:saphir##**##var(--c-keyword)|]]##**
[[/div]]
[[/div]]

[[div class="templateInfo"]]
= ,,This theme makes use of the following components and their variables:,,

* ,,[[[theme:flopstyle|]]] by [[user Lt Flops]],,
* ,,[[[component:centered-header-sigma-9|]]] by [[user Lt Flops]],,
[[/div]]

[[div class="templateInfo"]]
= **__What is this theme used for?__**

= This theme represents the Group of Interest [[[saphir-centre|SAPPHIRE]]] from the **[[[https://fondationscp.wikidot.com/|French SCP Branch]]]**.

= For further information:

  [[div class="blockquote"]]
The **Society of the Atheist Partisans of Progress for the Halt of the Irrational and Religious Enemy**, better known as "**SAPPHIRE**" ("SAPHIR" in French, //La Société Athée Pour la Halte de l'Idéologie Religieuse//), is a Group of Interest most established in Western Europe, but also present in Eastern countries, Northern Africa, and the East Coast of the United States.

The oldest known actions linked to SAPPHIRE date back to 1909, although the organization remained obscure until the 1960s, when SAPPHIRE seemingly went through a major expansion. The precise cause for this is unknown.

SAPPHIRE opposes all forms of belief, religion, and superstition, which they regard as the underlying cause of the woes affecting mankind, as well as SCP objects, which they consider to be the source of the aforementioned beliefs, religions, and superstitions.

In spite of the ideal of rationality and humanism SAPPHIRE claims to adhere to, they do not hesitate to use anomalous means for terrorist purposes, committing attacks against both traditional and occult religions, the primary victims of these attacks often being civilians. Attacks can also be directed against superstitions, targeting [[[scp-227-fr|civilian clairvoyance enthusiasts]]], or rival organizations (including the Foundation).
----
[[>]]
-- Selection from the **[[[saphir-centre|SAPPHIRE Hub]]]**
//Created and written by// [[*user DrGemini]]
//Translated into English by// [[*user Skodamz]]
[[/>]]
  [[/div]]
[[/div]]

@@ @@

[[div class="templateInfo"]]
+ Example Formatting
[[/div]]

@@ @@

[[=]]
[[collapsible hideLocation="both" show="+ Show Formatting +" hide="− Hide Formatting −"]]
[[<]]

@@ @@

[[include component:image-block
|width=200px
|name=https://scp-wiki.wdfiles.com/local--files/theme%3Asaphir/sapphire-logo.png
|caption=Image Block
]]

||~ header ||~ header ||~ header ||
|| cell-content || cell-content || cell-content ||
~~~~
+* L1 Heading
++* L2 Heading
+++* L3 Heading
++++* L4 Heading
+++++* L5 Heading
++++++* L6 Heading

= **bold** | //italic// | __underline__ | --strikethrough-- | {{teletype}} | ^^superscript^^,,subscript,,

= Type 4 hyphens [[span class="keycap"]]@@----@@[[/span]] to create a horizontal rule.
----
[[toc]]

[[div class="code"]]
@@ fake code selector {@@
@@	fake code property: fake code value;@@
@@}@@
[[/div]]

[# A link]
[*https://www.google.com/ A link you have probably visited]
[[a href="/newpage" style="color: #d61"]] A link that does not exist[[/a]]

# numbered list
# list item
# list item

* bulleted list
* list item
* list item

[[tabview]]
[[tab Tabulator]]
This is a tab view.
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab Long Tab]]
This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.
[[/tab]]
[[tab This empty tab has a really long name for some odd reason. I wonder why that is?]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[/tabview]]

[[div class="blockquote"]]
This is a blockquote.

More text
-----
That's a horizontal rule.

> Nested blockquote
[[/div]]

@@ @@

[[/<]]
[[/collapsible]]
[[/=]]

@@ @@

[[div class="templateInfo"]]
+ Example GOI Format
[[/div]]

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

[[module Rate]]

[[=image https://scp-wiki.wdfiles.com/local--files/theme%3Asaphir/sapphire-logo.png width="400px"]]

++* Title
+++* By Firstname Bunchofnumbers

[[div class="lite-heading"]]
----
++++ SECTION HEADING
----
[[/div]]

The SAPPHIRE Format is known in-universe as the “Zetetic Bulletin”.[[footnote]]Fun fact! The Flat Earth Society was originally known as the Universal Zetetic Society. [[/footnote]] For an example of the format in action, see:

* **[[[zetetic-bulletin-wu-xing-iris|The Myth of the Wu Xing Iris]]]** by **[[*user Uncle Nicolini]]**.

Open the format by pasting the following div //before// or //after// the rating module:[[footnote]] If you ask me, it looks cleaner //before//. [[/footnote]]

[[div class="code slim"]]
@@[[div class="sapphire-block"]]@@
[[/div]]

The SAPPHIRE Format is a mock essay or dissertation. Each paragraph is **indented**[[footnote]] Except for the introductory paragraph. [[/footnote]] and the entire format's text is **justified**. Both these properties are pre-baked into the theme's CSS.

Next, indicate the format's title and in-universe author's name (not your own):

[[div class="code slim"]]
@@++* Title@@
@@+++* By Name@@
[[/div]]

Then, a section heading, which is often used several times throughout the format:

[[div class="code slim"]]
@@[[div class="lite-heading"]]@@
@@----@@
@@++++ SECTION HEADING@@
@@----@@
@@[[/div]]@@
[[/div]]

For quoted passages:

[[div class="code slim"]]
@@[[div class="excerpt"]]@@
Text here.
@@[[/div]]@@
[[/div]]

Example:

[[div class="excerpt"]]
Ignorance more frequently begets confidence than does knowledge: it is those who know little, and not those who know much, who so positively assert that this or that problem will never be solved by science.[((bibcite darwin))]
[[/div]]

If your article has any footnotes or bibliographic citations, place their respective blocks at the end of all inner elements. If you're unsure about how to set up a bibliography, [*https://www.wikidot.com/doc-wiki-syntax:bibliography Wikidot provides a short explanation]. Any bibliography section should come after the footnotes:

[[div class="code slim"]]
@@~~~~@@
@@[[footnoteblock]]@@
[[/div]]

Finally, close the format. Include SAPPHIRE's watchword for extra points:

[[div class="code slim"]]
@@----@@
@@+++* When in doubt, doubt.@@
@@[[/div]]@@
[[/div]]

And you're done!
----
[[footnoteblock]]

[[bibliography]]
: darwin : Darwin, C. R. (1874). //The Descent of Man, and Selection in Relation to Sex// (2nd ed.). John Murray: p. 3. (Original work published 1871)
[[/bibliography]]
----
+++* //When in doubt, doubt.//
[[/div]]



= The following is for a Series and is __not__ a part of the SAPPHIRE Format:

[[div class="saphir-nav"]]
<< [[size 120%]][[[non-prophet-organization-hub|A NON-PROPHET ORGANIZATION]]][[/size]] >>
[[/div]]

[[div class="code"]]
@@[[div class="saphir-nav"]]@@
@<&lt;&lt;>@ @@[[size 120%]][[[non-prophet-organization-hub|A NON-PROPHET ORGANIZATION]]][[/size]]@@ @<&gt;&gt;>@
@@[[/div]]@@
[[/div]]

@@ @@

[[div class="templateInfo"]]
+ Source Code
[[/div]]

@@ @@

[[=]]
[[collapsible hideLocation="both" show="+ Show CSS +" hide="− Hide CSS −"]]
[[<]]

@@ @@

[[code type="CSS"]]
/* ==== FONTS ==== */

/**
 * Merriweather
 *
 * By
 *	Sorkin Type
 * License
 *	Open Font License (OFL)
 * Source Link
 *	https://fonts.google.com/specimen/Merriweather/about
**/

 @import url(https://fonts.bunny.net/css2?family=Merriweather:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap);

/**
 * Special Elite
 *
 * By
 *	Astigmatic
 * License
 *	Apache License, Version 2.0 (Apache-2.0)
 * Source Link
 *	https://fonts.google.com/specimen/Special+Elite/about
**/

 @import url(https://fonts.bunny.net/css2?family=Special+Elite&display=swap);

/**
 * Tinos
 *
 * By
 *	Steve Matteson
 * License
 *	Apache License, Version 2.0 (Apache-2.0)
 * Source Link
 *	https://fonts.google.com/specimen/Tinos/about
**/

 @import url(https://fonts.bunny.net/css2?family=Tinos&display=swap);
[[/code]]

[[code type="CSS"]]
/* ==== SAPPHIRE Theme Redux ==== */

/**
 * [2024 Wikidot Theme]
 * Forked by Lt Flops
 * Originally Created by DrGemini
 *
 * Based On
 *	Thème de SAPHIR by DrGemini
 * Source Link
 *	https://fondationscp.wikidot.com/theme:saphir
**/

/* ==== HEADER AREA ==== */

/* == COMMON == */

 :root {
    /* = SITE BANNER = */
    --header-title: "SAPHIR";
    --header-subtitle: "WHEN IN DOUBT, DOUBT";
    --titleColor: var(--key);
    --subtitleColor: var(--midnight-blue);
    --lgurl: none;
}

 :root {
    /* = OVERALL COLOUR DEFINITIONS = */
    --alpha: hsl(0, 0%, 100%);
    --key: hsl(0, 0%, 5%);

    --dark-forest: hsl(0, 0%, 13%);
    --eggshell: hsl(66, 41%, 87%);
    --pale-goldenrod: hsl(66, 41%, 77%);
    --grey: hsl(204, 4%, 65%);
    --rifle-green: hsl(204, 4%, 23%);
    --platinum: hsl(236, 29%, 90%);
    --ultramarine: hsl(236, 80%, 60%);
    --desat-dark-blue: hsl(236, 20%, 50%);
    --navy-blue: hsl(236, 100%, 25%);
    --midnight-blue: hsl(236, 64%, 23%);
    --onyx: hsl(238, 49%, 10%);
    --patriarch: hsl(296, 100%, 25%);
    
    /* = SAPHIR NAV COLOUR DEFINITIONS = */
    --mid-jungle-green: hsl(206, 49%, 14%);
    --carolina-blue: hsl(236, 65%, 80%);
}

 :root {
    /* = FONTS = */
    --body-font: "Merriweather", serif;
    --sub-font: "Special Elite", system-ui;
    --euphoric-font: "Tinos", serif;
}

 body {
    font-family: var(--body-font);
}

 #content-wrap {
    padding-top: 5.8rem;
}
 
/* == SITE BANNER == */

 div#container-wrap {
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Asaphir/saphir-header.png) top left repeat-x;
}

 #header :is(h1 a, h2)::before {
    text-shadow:
    	-2px -2px var(--alpha),
    	0    -2px var(--alpha),
    	2px  -2px var(--alpha),
    	2px   0   var(--alpha),
    	2px   2px var(--alpha),
    	0     2px var(--alpha),
    	-2px  2px var(--alpha),
    	-2px  0   var(--alpha);
}

 #header h1 a::before {
    top: 2rem;

    font-family: var(--body-font);
    font-weight: 900;
}

 #header h2::before {
    top: 3rem;

    font-family: var(--sub-font);
    font-size: 20pt;
}

 #page-title, 
 .meta-title {
    color: var(--midnight-blue);

    font-family: var(--sub-font);
    font-weight: 700;
}

/* == SEARCH == */

 #search-top-box-input,
 #search-top-box-form input[type="submit"] {
    color: var(--dark-forest);
    background-color: var(--eggshell);
    border-color: var(--dark-forest);
}

 #search-top-box-input:is(:hover, :focus),
 #search-top-box-form input[type="submit"]:is(:hover, :focus) {
    color: var(--key);
    background-color: var(--pale-goldenrod);
    border-color: var(--key);
}

/* == TOP MENU == */

 #top-bar {
    top: 14.55rem;
}

 #top-bar ul li:is(.sfhover, :hover) a {
    color: var(--navy-blue);
}

/* == LOGIN == */

 #login-status,
 #login-status a {
    color: var(--key);
}

 #login-status {
    padding: 2px 5px;
    font-family: var(--sub-font);

    background: var(--eggshell);
    border: thin solid var(--key);
}

 #login-status ul a {
    color: var(--navy-blue);
}

 #account-topbutton {
    padding: 0;

    border: 0;
}

 #account-options {
    margin-top: 2px;

    background: var(--eggshell);
    border-color: var(--key);
}

 #account-options li a:hover {
    background: var(--pale-goldenrod);
}

/* == SIDE MENU == */

 #top-bar .open-menu a {
    color: var(--midnight-blue);
    background: var(--eggshell);
    border-color: var(--key);
}

/* ==== CONTENT AREA ==== */

/* == INFO BAR == */

 .info-container {
    --barColour: var(--rifle-green);
}

/* == PAGE RATING == */

 .page-rate-widget-box {
    display: flex;
    width: max-content;
    margin: auto;
}

 div.page-rate-widget-box .rate-points {
    background: var(--rifle-green);
    border-color: var(--rifle-green);
}

 .page-rate-widget-box :is(.rateup, .ratedown) {
    border-top-color: var(--rifle-green);
    border-bottom-color: var(--rifle-green);
}

 .page-rate-widget-box .cancel {
    background: var(--rifle-green);
    border-color: var(--rifle-green);
}

 .page-rate-widget-box :is(.rateup, .ratedown) a {
    color: var(--rifle-green);
}

 .page-rate-widget-box .cancel a {
    color: var(--grey);
}

 .page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:hover {
    color: var(--alpha);
    background: var(--rifle-green);
}

/* == INFO MODULE == */

 #page-content .creditRate {
    float: none;
    display: flex;
    align-items: center;
    width: max-content;
    margin: auto !important;
}

 #page-content .rate-box-with-credit-button {
    background: var(--rifle-green);
    border-color: var(--rifle-green);
}

 #page-content .creditRate .page-rate-widget-box {
    display: inline;
}

 .creditButton p a {
    margin-left: -2px;

    border-left-color: var(--grey);
}

 .creditButtonStandalone p a {
    background: var(--rifle-green);
    border: thin solid var(--rifle-green);
    border-radius: 0;
    box-shadow: none;
}

 .creditButtonStandalone p a:hover {
    background: var(--rifle-green);
    text-decoration: none;
}

/* == FORMATTING | [GENERAL] == */

 #page-content :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--body-font);
}

 h1 {
    color: var(--midnight-blue);
}

 #page-content h1 {
    font-style: italic;
}

 a,
 #side-bar a {
    color: var(--navy-blue);
}

 a:visited {
    color: var(--patriarch);
}

 ul {
    list-style-type: "⬥ ";
}

/* == FORMATTING | [SPECIAL] == */

 .footing,
 .footing::before {
    border-bottom-color: var(--rifle-green);
}

/* == SAPPHIRE GOI FORMAT == */

 .sapphire-block {
    margin: 1rem 0;
    padding: 1rem 1rem .5rem;

    color: var(--dark-forest);
    background: var(--carolina-blue);
    border: thick solid var(--onyx);

    font-family: var(--euphoric-font);
    font-size: 14pt;
    text-align: justify;
    word-break: unset;
}

 .sapphire-block p:not(:first-of-type) {
    text-indent: 2rem;
}

 .sapphire-block a {
    text-indent: 0;
}

 .sapphire-block :is(h1, h2, h3, h4, h5, h6) {
    color: var(--midnight-blue);
}

 .sapphire-block h2 {
    font-size: 150%;
    font-weight: bold;
}

 .sapphire-block h3 {
    font-size: 130%;
}

 .sapphire-block h4 {
    font-size: 120%;
}

 .sapphire-block hr {
    border-color: var(--onyx);
    border-width: medium;
}

 .sapphire-block h3:last-of-type {
    font-style: italic;
}

 .sapphire-block .lite-heading h4 {
    color: var(--midnight-blue);
}

 .sapphire-block .excerpt {
    margin: 1rem 2rem;
    padding: 0 1rem;

    background-color: var(--platinum);
    border: thin solid var(--onyx);
}

/* == SAPPHIRE RATING ALTERATION == */

 .sapphire-block
     :is(div.page-rate-widget-box .rate-points) {
    	background: var(--midnight-blue);
    	border-color: var(--midnight-blue);
}

 .sapphire-block
     .page-rate-widget-box :is(.rateup, .ratedown) {
    	border-top-color: var(--midnight-blue);
    	border-bottom-color: var(--midnight-blue);
}

 .sapphire-block
     .page-rate-widget-box .cancel {
    	background: var(--midnight-blue);
    	border-color: var(--midnight-blue);
}

 .sapphire-block
     .page-rate-widget-box :is(.rateup, .ratedown) a {
    	color: var(--midnight-blue);
}

 .sapphire-block
     .page-rate-widget-box .cancel a {
    	color: var(--desat-dark-blue);
}

 .sapphire-block
     .page-rate-widget-box :is(.rateup, .ratedown, .cancel) a:hover {
    	color: var(--alpha);
    	background: var(--midnight-blue);
}

/* == SAPPHIRE INFO MODULE ALTERATION == */

 .sapphire-block
     .rate-box-with-credit-button .creditButton {
    	background: var(--midnight-blue);
}

 .sapphire-block
     .creditButtonStandalone p a {
    	background: var(--midnight-blue);
    	border-color: var(--midnight-blue);
}

 .sapphire-block
     .creditButtonStandalone p a:hover {
    	background: var(--midnight-blue);
}

/* == NAVIGATION == */

 .saphir-showcase,
 .saphir-nav {
    color: var(--key);
    background: var(--carolina-blue);
    border: thin solid var(--mid-jungle-green);
    border-radius: .6rem;
    box-shadow:
    	inset 0 -5px 0 hsla(0, 0%, 0%, .2),
    	inset 0 1px hsla(0, 100%, 100%, .3),
    	inset 0 5px hsla(0, 100%, 100%, .2),
    	inset 0 5px 10px hsla(0, 100%, 100%, .25),
    	inset 0 -7.5px 15px hsla(0, 0%, 0%, .1);
    	
    text-shadow: 1px 1px 2px hsla(0, 0%, 0%, .35);
}

 .saphir-showcase {
    margin-bottom: 1.6rem;
    padding: 1.6rem;
}

 .saphir-nav {
    margin: 1rem 0;
    padding: 0 .8rem .4rem;

    font-weight: bold;
    font-size: 85%;
    text-align: center;
}

.saphir-showcase :is(h3, h4) {
    color: var(--midnight-blue);
}

 .hub-entry table {
    line-height: 1.5;
}

 .hub-entry table :is(td, th) {
    padding: .4rem;

    border: thin solid var(--desat-dark-blue);
}

 .hub-entry table th {
    color: var(--alpha);
    background: var(--desat-dark-blue);
}

 .hub-entry table th:nth-child(2) {
    width: 30%;
}

/* ==== YUI TABS ==== */

/* == YUI TAB CUSTOMIZATION == */

 :is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav {
    border-color: var(--rifle-green);
}

 :is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav a {
    /* = Tab Background Colour | [UNSELECTED] = */
    background: var(--grey);
    /* == */
}
 
 .yui-navset .yui-nav li {
    background: var(--rifle-green);
}

 .yui-navset .yui-nav .selected {
    /* = Tab Background Colour | [SELECTED] = */
    background: var(--rifle-green);
    /* == */
}
 
.yui-navset .yui-nav .selected a {
    background: var(--rifle-green);
}

 .yui-navset .yui-nav a:is(:hover, :focus) {
    /* = Tab Background Colour | [HOVER] = */
    background: var(--ultramarine);
    /* == */
}
 
 .yui-navset .yui-nav .selected a:is(:hover, :active, :focus) {
    background: var(--rifle-green);
}

/* ==== BREAKPOINTS ==== */

/* == BREAKPOINTS KEY == */

/**
 *	Dbl-Extra-Small:	≤383.9px
 *	Extra-Small:		384px	…	575.9px
 *	Small:			576px	…	767.9px
 *	Medium:			768px	…	983.9px
 *	Large:			984px	…	1199.9px
 *	Extra-Large:		1200px	…	1391.9px
 *	Dbl-Extra-Large:	≥1392px
**/

/* == DBL-EXTRA-SMALL MEDIA QUERY == */

 @media (max-width: 383.9px) {
     .sapphire-block .excerpt {
    	margin: 1rem 0;
    }
}

/* == EXTRA-SMALL MEDIA QUERY == */

 @media (min-width: 384px) and (max-width: 575.9px) {
     .sapphire-block .excerpt {
    	margin: .5rem;
    }
}

/* == SMALL MEDIA QUERY == */

 @media (max-width: 767.9px) {
     #search-top-box {
    	margin-top: 7px;
    }

     #login-status {
    	margin-top: 4px;
    }
    
     #account-options {
    	right: -1px;
    }
}

/* == MEDIUM MEDIA QUERY == */

 @media (min-width: 768px) and (max-width: 983.9px) {
     #login-status {
    	margin-left: 1.2rem;
    }
}

 @media (min-width: 768px) {
     #account-options {
    	left: 6px;
    }
}
[[/code]]

@@ @@

[[/<]]
[[/collapsible]]
[[/=]]

@@ @@

[[div class="centered"]]
++* The HEADER and BODY font is [*https://fonts.google.com/specimen/Merriweather Merriweather].
+++* [[span style="font-family: var(--sub-font)"]]The SPECIAL font is [*https://fonts.google.com/specimen/Special+Elite Special Elite].[[/span]]
+++* [[span style="font-family: var(--euphoric-font)"]]The GOI FORMAT font is [*https://fonts.google.com/specimen/Tinos Tinos].[[/span]]
[[/div]]

@@ @@

[[div class="footing"]]
[[/div]]

[[include :scp-wiki:component:license-box-theme]]
[[div class="blockquote"]]
**Filename(s):** saphir-header.png, sapphire-logo.png
**Name(s):** SAPHIR Header, SAPHIR Logo
**Author:** [[*user DrGemini]]
**License:** [*https://creativecommons.org/licenses/by-sa/3.0/  Attribution-ShareAlike 3.0 Unported  (CC BY-SA 3.0)]
[[/div]]

> This presentation page contains an excerpt from //[*https://en.wikisource.org/wiki/The_Descent_of_Man_(Darwin) The Descent of Man, and Selection in Relation to Sex]// (1874) by Charles Darwin (Public Domain).
[[include :scp-wiki:component:license-box-end]]

[[/iftags]]

[[div style="display: none"]]
[[include :scp-wiki:theme:flopstyle]]
[[/div]]
[[include :scp-wiki:component:centered-header-sigma-9]]

[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asaphir/1);
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asaphir/2);
[[/module]]

[[include :scp-wiki:component:interwiki-style
|priority=2
|theme=https://scp-wiki.wdfiles.com/local--code/theme%3Asaphir/2
]]

SAPPHIRE Theme Redux

Module Styles

Inline Styles

Includes

CSS Classes

Page Source