Cosmonaut Theme

Link to article: Cosmonaut Theme.

@import url(https://scp-wiki.wdfiles.com/local--files/theme%3Acosmonaut/theme-cosmonaut-min.css);

@import url(https://scp-wiki.wdfiles.com/local--files/theme%3Acosmonaut/theme-cosmonaut-twili-min.css);

--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)

--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)

--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)

--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)

```
cloudbox
```
```
cloudbox
```
```
or-card
```
```
or-card
```
```
or-footer
```
```
code
```
```
or-footer
```
```
blockquote
```
```
or-excerpt
```
```
code
```
```
blockquote
```
```
or-excerpt
```
```
or-tweet
```
```
code
```
```
or-tweet
```
```
or-comment
```
```
code
```
```
or-comment
```

[[iftags +theme]]


[[>]]
[[module rate]]
[[/>]]

This is a theme of the Oneiroi Collective GoI, made by [[*user EstrellaYoshte]]  for [[*user Luxaiko]]. It is forked from the [[[theme:newspaper|Newspaper Theme]]].

To use the theme, insert the following:

> {{@@[[include :scp-wiki:theme:cosmonaut]]@@}}

To use the Twilight version, insert the following instead:

> {{@@[[include :scp-wiki:theme:cosmonaut twilight=--]]@@}}


------

[[include component:image-block name= hpl2.png|caption=Image.|width=240px]]

An ornamental horizontal rule can be created with 5 hyphens "- - - - -" as above.

Titles can be created by putting between one and six plus "+" at the start of the line.
@@ @@

[[collapsible show="+ Collapsible - Click me" hide="- Collapsible - Click me"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

++++++ Sixth Title
[[/collapsible]]

@@ @@

[[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.[[footnote]] This is a footnote. [[/footnote]]

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 Longer Tab]]
This is also a long tab. It contains a lot of text.

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

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

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

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

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

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

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

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

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

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

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

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

This is also a long tab. It contains a lot of text.
[[/tab]]

[[tab Empty Tab]]
[[/tab]]
[[/tabview]]

@@ @@

> This is a blockquote, created by putting "> " at the start of each line.
>
> More text
> -----
> That's a horizontal rule
>
>> Nested blockquotes

@@ @@

||~ This is a ||~ table ||
||You should know || how to make these ||
||||already ||

@@ @@


[[div class="cloudbox"]]

{{@@[[div class="cloudbox"]]@@}}

[[/div]]

@@ @@

[[div class="or-card"]]
{{@@[[div class="or-card"]]@@}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet enim non risus dignissim congue. Duis et eros ac diam lacinia sodales ac at urna. Vestibulum eu justo mauris. Suspendisse potenti. Cras in pretium velit. Aenean gravida, dui at tincidunt lacinia, elit arcu tempor sem, ut eleifend arcu felis fermentum diam. Aenean gravida id elit non consequat.
[[/div]]

Sed consequat bibendum leo, eu maximus felis maximus vel. Donec ac nunc quam. Etiam congue egestas metus, at rutrum ligula mollis consectetur. Praesent justo velit, bibendum ut vestibulum vel, sollicitudin eu tortor. Praesent tellus neque, tempus id tortor eget, convallis faucibus urna. Quisque congue libero nulla, dapibus ultricies sapien ultricies id. Vivamus vel nunc at elit efficitur molestie sodales eget erat. Vestibulum vehicula eu dolor sed blandit. Curabitur non nisi enim. Nunc suscipit feugiat tellus at pharetra. Phasellus faucibus hendrerit fringilla. Aliquam erat volutpat. Ut massa sem, dignissim eget metus sed, venenatis accumsan dolor. Suspendisse elit ex, auctor eu risus eget, molestie tristique nisl. Curabitur lacus urna, eleifend eu nunc nec, euismod dignissim nunc.
Cras non arcu id dolor congue vestibulum id in mauris. Donec nec eros condimentum, sodales orci sed, facilisis massa. In id viverra mi. Ut rhoncus sagittis ex, et egestas lectus auctor in. Proin ut elit dolor. Donec ullamcorper id dui vitae venenatis. Curabitur elementum ante sollicitudin, tincidunt odio quis, euismod nunc. Nam lacinia lacus condimentum urna varius, laoreet varius mauris gravida. Maecenas ac dui egestas, rhoncus quam id, vulputate nibh. Duis elit enim, auctor eget vulputate ultricies, sodales tempus enim. Quisque purus erat, molestie euismod felis eget, accumsan volutpat arcu. Nullam mauris mauris, suscipit id felis at, feugiat tempus quam. Ut eget lacus quis ipsum porta rutrum. Fusce lectus diam, euismod eleifend suscipit eu, sollicitudin eget eros. Phasellus a quam vehicula nunc blandit porttitor.

[[div class="or-footer"]]
[[span]]Last Edited 1:22PM OWST by Some Dude[[/span]]
[[span]][# VIEW EDITS][# HISTORY][# COMMENTS][[/span]]
[[/div]]

[[div class="code"]]
@@[[div class="or-footer"]]@@
@@[[span]]Last Edited 1:22PM OWST by Some Dude[[/span]]@@
@@[[span]][# VIEW EDITS][# HISTORY][# COMMENTS][[/span]]@@
@@[[/div]]@@
[[/div]]

@@ @@

[[div class="blockquote"]]
[[div class="or-excerpt"]]
Cras non arcu id dolor congue vestibulum id in mauris. Donec nec eros condimentum, sodales orci sed, facilisis massa. In id viverra mi. Ut rhoncus sagittis ex, et egestas lectus auctor in. Proin ut elit dolor. Donec ullamcorper id dui vitae venenatis. Curabitur elementum ante sollicitudin, tincidunt odio quis, euismod nunc. Nam lacinia lacus condimentum urna varius, laoreet varius mauris gravida. Maecenas ac dui egestas, rhoncus quam id, vulputate nibh. Duis elit enim, auctor eget vulputate ultricies, sodales tempus enim. Quisque purus erat, molestie euismod felis eget, accumsan volutpat arcu. Nullam mauris mauris, suscipit id felis at, feugiat tempus quam. Ut eget lacus quis ipsum porta rutrum. Fusce lectus diam, euismod eleifend suscipit eu, sollicitudin eget eros. Phasellus a quam vehicula nunc blandit porttitor.
[[/div]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet enim non risus dignissim congue. Duis et eros ac diam lacinia sodales ac at urna. Vestibulum eu justo mauris. Suspendisse potenti. Cras in pretium velit. Aenean gravida, dui at tincidunt lacinia, elit arcu tempor sem, ut eleifend arcu felis fermentum diam. Aenean gravida id elit non consequat.
[[/div]]
~~~~
[[div class="code"]]
@@[[div class="blockquote"]]@@
@@[[div class="or-excerpt"]]@@
text 1
@@[[/div]]@@
text 2
@@[[/div]]@@
@@~~~~@@
[[/div]]

@@ @@


[[div class="or-tweet" style="--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)"]]
[[span]]Frederick J. Canine  @TassleRum[[/span]]

What's with @@#StationNumber27@@? It’s interrupting existentialism within pudding.
*  28,304
*  76

[[span]]25/02/2016 4:32pm[[/span]]
[[/div]]

[[div class="code"]]
@@[[div class="or-tweet" style="--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)"]]@@
@@[[span]]Frederick J. Canine  @TassleRum[[/span]]@@

@@What's with #StationNumber27? It’s interrupting existentialism within pudding.@@
@@*  28,304@@
@@*  76@@

@@[[span]]25/02/2016 4:32pm[[/span]]@@
@@[[/div]]@@
[[/div]]

@@ @@

[[div class="or-comment" style="--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)"]]
**Person McPersonface**

BlahBlahBlahBlahBlahBlahdForTheBlahdGodBlahBlahBlahBlahBlah
@@ @@
[[span]]**Upvote Reply +Some number** - Jan 33, 2017 12:61am[[/span]]
[[/div]]

[[div class="code"]]
@@[[div class="or-comment" style="--pfp: url(https://scp-wiki.wdfiles.com/local--files/number-27-oneiroi-station/Canine.png)"]]@@
@@**Person McPersonface**@@

@@BlahBlahBlahBlahBlahBlahdForTheBlahdGodBlahBlahBlahBlahBlah@@
@@ @@
@@[[span]]**Upvote Reply +Some number** - Jan 33, 2017 12:61am[[/span]]@@
@@[[/div]]@@
[[/div]]

@@ @@
[[footnoteblock]]

-----

[[=]]
++++* Header font is Berkshire Swash.
Body font is Atkinson Hyperlegible.
@@@@
{{Monospace font is Anonymous Pro.}}
[[/=]]

Decorative ornaments are taken from the following:
[https://commons.wikimedia.org/wiki/File:Book_decoration_BPPxii.svg Wikimedia Commons 1]
[https://commons.wikimedia.org/wiki/File:Fine_Ornament_Black_L.svg Wikimedia Commons 2]
[https://commons.wikimedia.org/wiki/File:Ornamental_corner_by_S._H._Redmond_02.svg Wikimedia Commons 3]

The header logo and cloud graphics used as the background were made by [[*user Luxaiko]].
[[/iftags]]

[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--files/theme%3Acosmonaut/theme-cosmonaut-min.css);
[[/module]]

[!--   {$twilight}]
[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--files/theme%3Acosmonaut/theme-cosmonaut-twili-min.css);
[[/module]]
[!--   --]

Cosmonaut Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source