Thalassophobia Theme (Sigma-9)

Link to article: Thalassophobia Theme (Sigma-9).

:root {
   --lgurl: url(your url);
   --header-title: "HEADER TITLE";
   --header-subtitle: "header subtitle";
   --accentColor: COLOR;
}

@import url(https://scp-wiki.wdfiles.com/local--code/theme:thalassophobia-sigma/2);

a,
a.newpage,
#side-bar a,
#sidebar a:visited {
    color: rgb(235, 112, 68);
}

a:visited {
    color: #F55836;
    transition: none;
}

a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .cancel a:hover {
    color: rgb(235, 112, 68);
}

::-webkit-scrollbar-thumb {
  background: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded {
    color: rgb(235, 112, 68);
}

div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: rgb(235, 112, 68);
    border-color: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: rgb(235, 112, 68);
}

:root {
   --fnColor: rgb(235, 112, 68);
}

div#container-wrap {
     background-image: url(http://waltz-sandbox.wdfiles.com/local--files/thasalophobia-sigma/gradient-red);
}

a,
a.newpage,
#side-bar a,
#sidebar a:visited {
    color: rgb(235, 112, 68);
}

a:visited {
    color: #F55836;
    transition: none;
}

a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .cancel a:hover {
    color: rgb(235, 112, 68);
}

::-webkit-scrollbar-thumb {
  background: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded {
    color: rgb(235, 112, 68);
}

div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: rgb(235, 112, 68);
    border-color: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: rgb(235, 112, 68);
}

:root {
   --fnColor: rgb(235, 112, 68);
}

:root {
    --header-title: "ABYSSAL AREA-7";
    --header-subtitle: "OPUS EST MAIOR NAVI";
    --colorTwo: #00AABD;
}

/* ----------- */
.bt {font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; color: #00aabd;}
h4 {color: #00aabd;}
.email h6 {color: #00aabd; border-bottom: #00aabd 1px solid;}

hr {background-color: transparent; border-bottom: 1px solid #00aabd;}
.darkbox {background-color: transparent;}
.darkbox hr {border-color: #6e4b00;}

/* ---------- */
.document {
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 26px auto 0; max-width: 550px;
    min-height: 300px;
    padding: 24px;
    padding-top: 25px;
    position: relative;
    width: 80%;
    color: #333333;
    --fnColor: #333399;
}

.document:before,
.document:after {
    content: "";
    height: 98%;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.document:before {
    background: #fafafa;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}

.document:after {
    background: #f6f6f6;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    right: -3px; top: 1px;
    transform: rotate(1.4deg);
}

.document hr {border-bottom: 1px solid #333333;}
.document .bt {color: #333333;}
.document a {color: #333399;}

.document .fnnum:hover::after {color: #fefefe;}
.document .fncon {background: #fefefe;}
.document .fncon::before {color: #fefefe;}

.document h1 {margin-bottom: 0px}
.document *::selection {
    background-color: #333399;
    color: white;
}

/* ----------- */
::selection {color: #020408;}
.page-rate-widget-box {box-shadow: -3px 0px 0px 0px var(--accentColor), 3px 0px 0px 0px var(--accentColor);}


/* ---------- */
.mobile {display: none;}
@media (max-width: 768px) {
    .mobile {
        display: unset;
    }
    .pc {
        display: none;
    }
}

```
width:300px;
```
```
width:width:300px;;
```
```
width:300px;
```
```
width:width:300px;;
```
```
width:300px;
```
```
width:width:300px;;
```
```
display: none;
```

```
blockquote
```
```
scp-image-block
```
```
block-right
```
```
scp-image-caption
```
```
code
```
```
scp-image-block
```
```
block-right
```
```
scp-image-caption
```
```
scp-image-block
```
```
block-right
```
```
scp-image-caption
```
```
blockquote
```
```
fnnum
```
```
fncon
```
```
darkbox
```
```
darkbox
```
```
lightbox
```
```
lightbox
```
```
limit
```
```
anchor
```
```
sidebox
```
```
blockquote
```
```
limit
```
```
anchor
```
```
sidebox
```

[[iftags +theme]]
[[=]]
[[module rate]]
[[/=]]
[[include :scp-wiki:component:author-label-source start=--
|name=TheDarkArtist
|center=*]]
"Lorem ipsum"
[[include :scp-wiki:component:author-label-source end=--]]

----
[[=]]
++ Dive deep, deep diver.
[[/=]]
[[div class="blockquote"]]
@@ @@ @@ @@ [[size 200%]]tha·las·so·pho·bi·a.[[/size]]

@@ @@ @@ @@ /θˌalɐsəfˈə͡ʊbi͡ə/

//noun//

@@ @@ the irrational fear of the ocean or deep bodies of water.
[[/div]]
----
[[=]]
The purpose of this theme is for the Fish Council's Deep Sea Site-72, a collaborative project about an ocean based Foundation facility in the mid-1900s, dedicated to research and containment, ten thousand meters below the surface. Think bathyscaphes, acoustic sonar technology, and copper diving suits you'd see out of //Bioshock//.

Although it's not limited to just that. If you want anything to do with deep sea analog horror, or just underwater vibes in general, you've come to the right place. Slap this theme on it and you're good to go.
[[/=]]
----
[[=]]
+ It's getting so cold and dark.
[[/=]]

-----

[[div class="scp-image-block block-right" style="width:300px;"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Athalassophobia-sigma/image]]
[[div class="scp-image-caption" style="width:width:300px;;"]]
Tangled icon. Lost. Irretrievable.
[[/div]]
[[/div]]

This is a version of the [https://scp-wiki.wikidot.com/theme:thalassophobia BHL Thalassophobia Theme] by Fish^12, and it is an extension of [https://scp-wiki.wikidot.com/theme:penumbra Penumbra] by EstrellaYoshte.

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@

Copy paste this in there to get the theme:

[[div class="code"]]
@@[[include :scp-wiki:theme:thalassophobia-sigma]]@@
[[/div]]

This theme comes with [https://scp-wiki.wikidot.com/component:betterfootnotes Better Footnotes] integration, [https://scp-wiki.wikidot.com/component:centered-header-sigma-9 Centered Header Sigma-9].
It also changes [https://scp-wiki.wikidot.com/component:classified-bar-woed Classified Bar Woed] to make the text visible on the dark background.

----

You can change the logo, title, subtitle, and, technically, accent color by including the following module after the include for the theme:[[footnote]]I will say however that changing the accent color //will// likely cause it to look way worse, but if you can make it work, go nuts[[/footnote]]

[[code]]
[[module CSS]]
:root {
   --lgurl: url(your url);
   --header-title: "HEADER TITLE";
   --header-subtitle: "header subtitle";
   --accentColor: COLOR;
}
[[/module]]
[[/code]]

[[div class="scp-image-block block-right" style="width:300px;"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Athalassophobia-sigma/coppermode]]
[[div class="scp-image-caption" style="width:width:300px;;"]]
**Copper Mode**
Add {{|copper-mode=a}} to the include module to use it.
[[/div]]
[[/div]]


[[div class="scp-image-block block-right" style="width:300px;"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Athalassophobia-sigma/copperlinks]]
[[div class="scp-image-caption" style="width:width:300px;;"]]
**Copper Links**
Add {{|copper-links=a}} to the include module to use them.
[[/div]]
[[/div]]


[[=]]
+ Formatting Examples
[[/=]]

What's this? A horizontal line! "@@-----@@" You make it with four dashes.

-----

[# A link] | [https://scp-wiki.wikidot.com A link you have probably visited]

Titles. But not subtitles. Or header titles. Use the "+" to make 'em.

[[collapsible show="Titles" hide="Titles"]]
+ 1 meter

++ 10 meter

+++ 100 meter

++++ 1000 meter

+++++ 10000 meter

++++++ 100000 meter

[[/collapsible]]

@@ @@

[[tabview]]


[[tab Tabulator]]
Just use your imagination and pretend there's `Lorem Ipsum` here.
[[/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 Empty Tab]]
@@ @@
[[/tab]]
[[tab Empty Tab]]
@@ @@
[[/tab]]
[[tab Empty Tab]]
@@ @@
[[/tab]]
[[tab Empty Tab]]
@@ @@
[[/tab]]
[[tab Empty Tab]]
@@ @@
[[/tab]]
[[tab Empty Tab]]
SCP-7714-A measures approximately 11 kilometers in length, though exact measurements are difficult to determine due to 37% of SCP-7714-A being currently covered by the seafloor.

The decay of SCP-7714-A's carcass causes the expulsion of extremally large amounts of CH4, which if left unchecked could threaten the veil.

SCP-7714-A-1 designates the edifices which were constructed by the humanoid race that inhabited SCP-7714-A. These structures have been determined to have served as residences, and evidence of rudimentary agriculture has been identified in their vicinity.
[[/tab]]

[[/tabview]]

@@ @@
> Did you know that you can make these without the stupid looking >?
>
> Observe this horizontal line.
> -----
>
> Like this! @@[[div class="blockquote"]]@@
>> What? It goes deeper!
>>> Deeper! All the way down to the bottom![[footnote]]Surprise! I live here! But you haven't gone down far enough yet.[[/footnote]]
>>>> Deeper!!! Deeper!!![[span class="fnnum"]].[[/span]][[span class="fncon"]]I am a BetterFootnote, and I live //here!//[[/span]]
@@ @@
||~ Why ||~ would ||
|| you || use ||
|||| tables? ||

Being a Penumbra extension, it also comes with several custom divs, such as...

[[div class="darkbox"]]
The @@[[div class="darkbox"]]@@ div...
[[/div]]

@@@@
[[div class="lightbox"]]
The @@[[div class="lightbox"]]@@ div...
[[/div]]

And the sidebox div!

[[div class="limit"]]
[[div class="anchor"]]
[[div class="sidebox"]]
Such as this one!
[[/div]]
[[/div]]

[[div class="blockquote"]]
@@[[div class="limit"]]@@
@@[[div class="anchor"]]@@
@@[[div class="sidebox"]]@@
Some sidebox text here.
@@[[/div]]@@
@@[[/div]]@@

Text where sidebox scroll past.

@@[[/div]]@@
[[/div]]
[[/div]]
@@@@
----
[[collapsible show="Source Code" hide="Source Code"]]
[[code type="CSS"]]
/*
   Thalassophobia (Sigma) Theme
   [2022 Wikidot Theme]
   by TheDarkArtist
   Sigma-9 adaptation of Thalassophobia Theme, and is an extension of the Penumbra Theme.
*/

:root {
   --lgurl: url(https://scp-wiki.wdfiles.com/local--files/theme%3Athalassophobia-sigma/logo);
   --header-title: "DEEP SEA SITE-72";
   --header-subtitle: "ABYSSUS CUSTODIENS SUB LUMINE";
   --accentColor: #E8BA56;
   --fnColor: #00AABD;
}

#header h1 a::before{
     font-weight: bold;
     color: var(--accentColor);
     text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 2px #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000;
}

#header h2::before{
     font-weight: bold;
     color: var(--accentColor);
     text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 2px #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000;
}

body {
    background: linear-gradient(-90deg, #020411, #000000, #020411, #000000);
    color: var(--accentColor);
}

::selection {color: #020411;}

div#container-wrap {
     background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Athalassophobia-sigma/gradient);
}

div#extra-div-1 {
    background: none;
}

 #header::before{
     opacity: 80%;
}

#page-title {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--accentColor);
}

blockquote,
div.blockquote,
#toc {
    background-color: transparent;
    border: solid 1px #3a3a40;
    box-shadow: 0px 0px 0px -0.1px var(--accentColor);
}

a,
a.newpage,
#side-bar a,
#sidebar a:visited {
    color: #00AABD;
    transition: none;
}

a:visited {
    color: rgb(1, 131, 157);
    transition: none;
}

a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: #00AABD;
    background: transparent;
    text-decoration: underline;
}

.fncon {
    background: linear-gradient(-90deg, #010507, #000000, #001012, #020411);
    border: solid 1px #3a3a40;
}

/* ---- Link Modifier ---- */
 .yui-navset .yui-nav a,
 .yui-navset .yui-navset-top .yui-nav a{
     color: var(--accentColor);
     background-color: #010507;
     border-bottom: 3px solid var(--accentColor);
}

 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #010507;
     background-color: var(--accentColor);
}

 .yui-navset .yui-content {
    background: transparent;
    border-bottom: 3px dotted var(--accentColor);
}

.darkbox {
    background-color: #010507;
    border-left: solid 0.26rem #6E4B00;
    border-right: solid 0.26rem #6E4B00;
}

.lightbox {
    border-left: solid 0.26rem #BA7F00;
    border-right: solid 0.26rem #BA7F00;
}

.hovertip {
    font-size: .9rem;
    background-color: #010507 !important;
    border: solid 1px #BA7F00 !important;
}

.footnotes-footer {
    background-color: #010507;
    box-shadow: -0.24rem 0px 0px 0px #6E4B00;
}

.footnotes-footer .title {
    color: var(--accentColor);
}

.scp-image-block {
    border: solid 8px #010507;
    border-bottom: solid 0px #010507;
    box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
    box-sizing: border-box;
    background: linear-gradient(-90deg, #080808, #001012, #080808, #001012);
}

.scp-image-block .scp-image-caption {
    background-color: #010507;
    border: solid 4px #010507;
    color: var(--accentColor);
    font-size: 0.84rem;
}

.page-rate-widget-box {
     border: solid 1px #3a3a40;
     background-color: #010507;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #010507 !important;
    color: var(--accentColor) !important;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #010507;
}

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

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #000000;
    color: #00AABD;
}

.page-rate-widget-box .cancel {
    background-color: #010507;
}

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

.page-rate-widget-box .cancel a:hover {
    background: #000000;
    color: #00AABD;
}

.page-tags span {
    border-top: 1px solid var(--accentColor);
}

#page-content .wiki-content-table tr th {
    border: solid 1px var(--accentColor);
    color: #010507;
    background-color: var(--accentColor);
}

#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    background: #010507;
    border: solid 1px #3a3a40
}

#page-content .collapsible-block-link {
    color: var(--accentColor);
}

#page-content .collapsible-block-unfolded-link {
    box-shadow: 0px -0.26rem 0px 0px var(--accentColor);
}

.sidebox {
    background-color: #010507;
}

@media (max-width: 1290px) {
    .sidebox::after {
        background-color: #010507;
    }
}

::-webkit-scrollbar-track {
  background: #010507;
}

::-webkit-scrollbar-thumb {
  background: #00AABD;
}

#top-bar, #top-bar a {
     color: var(--accentColor);
}

#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: #010507;
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #010507;
    color: var(--accentColor);
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--accentColor);
    color: #010507;
}

#search-top-box-form > input[type=submit] {
    border: solid 1px var(--accentColor);
    background: #010507!important;
    color: var(--accentColor);
}

.scale, .level-text, .class-text, .itemnum {
   color: var(--accentColor)!important;
}

.obj-text {
   color: #010507;
}

div.scale {
    --woedbar-lvl1-color: var(--accentColor);
    --woedbar-lvl2-color: var(--accentColor);
    --woedbar-lvl3-color: var(--accentColor);
    --woedbar-lvl4-color: var(--accentColor);
    --woedbar-lvl5-color: var(--accentColor);
    --woedbar-lvl6-color: var(--accentColor);
    --woedbar-class-bar-color: var(--accentColor);
}

div#side-bar{
    background: #010507;
}
 
#side-bar .heading{
    color: var(--accentColor);
    border-bottom: solid 1px var(--accentColor);
}

#side-bar .side-block,
#side-bar .side-block.media,
#side-bar .side-block.resources {
    background-color:#010507;
}

#top-bar div.open-menu a {
    background-color: #010507;
    border: solid 1px #010507;
}

#side-bar .collapsible-block-unfolded {
    color: #00AABD;
}

.fnnum:hover::after {
    color: #010507;
}

.fncon::before {
    color: #010507;
}

div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #00AABD;
    border-color: #00AABD;
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #00AABD;
}
[[/code]]
[[/collapsible]]
[[/iftags]]



[[div style="display: none;"]]
[[include :scp-wiki:theme:penumbra]]
[[include :scp-wiki:component:betterfootnotes]]
[[include :scp-wiki:component:centered-header-sigma-9]]
[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme:thalassophobia-sigma/2);
[[/module]]
[[/div]]

>[[ift{$copper-links}gs -theme]]
>[[iftags]]
[[module CSS]]
a,
a.newpage,
#side-bar a,
#sidebar a:visited {
    color: rgb(235, 112, 68);
}

a:visited {
    color: #F55836;
    transition: none;
}

a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .cancel a:hover {
    color: rgb(235, 112, 68);
}

::-webkit-scrollbar-thumb {
  background: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded {
    color: rgb(235, 112, 68);
}

div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: rgb(235, 112, 68);
    border-color: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: rgb(235, 112, 68);
}

:root {
   --fnColor: rgb(235, 112, 68);
}
[[/module]]
>[[/iftags]]
>[[/ift{$copper-links}gs]]



>[[ift{$copper-mode}gs -theme]]
>[[iftags]]
[[module CSS]]
div#container-wrap {
     background-image: url(http://waltz-sandbox.wdfiles.com/local--files/thasalophobia-sigma/gradient-red);
}

a,
a.newpage,
#side-bar a,
#sidebar a:visited {
    color: rgb(235, 112, 68);
}

a:visited {
    color: #F55836;
    transition: none;
}

a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    color: rgb(235, 112, 68);
}

.page-rate-widget-box .cancel a:hover {
    color: rgb(235, 112, 68);
}

::-webkit-scrollbar-thumb {
  background: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded {
    color: rgb(235, 112, 68);
}

div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: rgb(235, 112, 68);
    border-color: rgb(235, 112, 68);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: rgb(235, 112, 68);
}

:root {
   --fnColor: rgb(235, 112, 68);
}
[[/module]]
>[[/iftags]]
>[[/ift{$copper-mode}gs]]

>[[ift{$eldritch-vikings}gs -theme]]
>[[iftags]]
[[module CSS]]
:root {
    --header-title: "ABYSSAL AREA-7";
    --header-subtitle: "OPUS EST MAIOR NAVI";
    --colorTwo: #00AABD;
}

/* ----------- */
.bt {font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; color: #00aabd;}
h4 {color: #00aabd;}
.email h6 {color: #00aabd; border-bottom: #00aabd 1px solid;}

hr {background-color: transparent; border-bottom: 1px solid #00aabd;}
.darkbox {background-color: transparent;}
.darkbox hr {border-color: #6e4b00;}

/* ---------- */
.document {
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 26px auto 0; max-width: 550px;
    min-height: 300px;
    padding: 24px;
    padding-top: 25px;
    position: relative;
    width: 80%;
    color: #333333;
    --fnColor: #333399;
}

.document:before,
.document:after {
    content: "";
    height: 98%;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.document:before {
    background: #fafafa;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}

.document:after {
    background: #f6f6f6;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    right: -3px; top: 1px;
    transform: rotate(1.4deg);
}

.document hr {border-bottom: 1px solid #333333;}
.document .bt {color: #333333;}
.document a {color: #333399;}

.document .fnnum:hover::after {color: #fefefe;}
.document .fncon {background: #fefefe;}
.document .fncon::before {color: #fefefe;}

.document h1 {margin-bottom: 0px}
.document *::selection {
    background-color: #333399;
    color: white;
}

/* ----------- */
::selection {color: #020408;}
.page-rate-widget-box {box-shadow: -3px 0px 0px 0px var(--accentColor), 3px 0px 0px 0px var(--accentColor);}


/* ---------- */
.mobile {display: none;}
@media (max-width: 768px) {
    .mobile {
        display: unset;
    }
    .pc {
        display: none;
    }
}
[[/module]]
>[[/iftags]]
>[[/ift{$eldritch-vikings}gs]]

Thalassophobia Theme (Sigma-9)

Module Styles

Inline Styles

Includes

CSS Classes

Page Source