Onko Sinulla Nälkä? Theme

Link to article: Onko Sinulla Nälkä? Theme.

@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
#page-title { display: none }

.scp-image-block.block-right img {
    background: var(--gradient-header);
    box-sizing: border-box;
    padding: 1em;
}

.fonts-display {
    font-size: 1.25em;
}

.title-font {
    font-family: var(--title-font);
    font-weight: 700;
}
.header-font {
    font-family: var(--title-font);
    font-weight: 900;
}
.UI-font {
    font-family: var(--UI-font);
}
.mono-font {
    --MONO: 1;
    --CASL: 0;
    --CRSV: 0;
    font-family: var(--mono-font);
}

@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aonko-sinulla-nalka-theme/2")

```
text-align: center;
```
```
text-align: center;
```

```
paper
```
```
code
```
```
paper
```
```
code
```
```
paper
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
paper
```
```
fonts-display
```
```
title-font
```
```
UI-font
```
```
mono-font
```

[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[include :scp-wiki:component:centered-header-bhl]]
[[iftags +theme]]


[[module css]]
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
#page-title { display: none }

.scp-image-block.block-right img {
    background: var(--gradient-header);
    box-sizing: border-box;
    padding: 1em;
}

.fonts-display {
    font-size: 1.25em;
}

.title-font {
    font-family: var(--title-font);
    font-weight: 700;
}
.header-font {
    font-family: var(--title-font);
    font-weight: 900;
}
.UI-font {
    font-family: var(--UI-font);
}
.mono-font {
    --MONO: 1;
    --CASL: 0;
    --CRSV: 0;
    font-family: var(--mono-font);
}
[[/module]]

[[>]]
[[module Rate]]
[[/>]]

[[div class="paper"]]
++++ Wherever you are.

A theme for Onko Sinulla Nälkä; recipe blog for Nälkäns of all shapes and sizes around the globe to contribute to!

This //can// also be used for general sarkic pages... but I'd recommend changing the horizontal rule and sidebar image. They both say "Onko Sinulla Nälkä" on them. Might also want to change the fonts while you're at it. These are very soft and cutesy. Unless that's the vibe you're going for... Either way.

Come! Sit and join the meal with us.

 Hyvää ruokahalua!
-----
[[/div]]

[[=]]
+ Onko Sinulla Nälkä?
[[/=]]

This is a [theme:black-highlighter-theme Black Highlighter] theme! You will need to import the black highlighter theme to use it

[[div class="code" style="text-align: center;"]]
@@[[include :scp-wiki:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki:theme:onko-sinulla-nalka-theme]]@@
[[/div]]

-----
 _

+ Syntax Examples

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

[[collapsible show="+ Titles" hide="- Titles"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

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

A horizontal rule can be created with 5 hyphens "@@-----@@" and extends across the whole page if it's not placed inside anything (e.g. a blockquote). The lines separating sections of this document are horizontal rules.

-----
[[div class="paper"]]
A "paper" border can be used to put things in boxes! It's useful for the intro at the start of recipe pages.
[[div class="code" style="text-align: center;"]]
@@[[div class="paper"]]@@
@@Text Goes here!@@
@@[[/div]]@@
[[/div]]
[[/div]]

 _

[[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? It is very strange.]]
[[/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, created by enclosing its contents with {{[[div class="blockquote"]]}} on the line before and {{[[/div]]}} on the line after.

-----

[[div class="blockquote"]]
Blockquotes, and all divs, can be nested.
[[/div]]
[[/div]]

[[div class="paper"]]
Use the blockquote inside of a "paper" div to make a comment section! 
> Just like this!


> Rating: 𖦹𖦹𖦹⬤⬤
> [[*user IronShears]]
> 
> This is what a comment looks like! 

[[code]]
 > Rating: 𖦹𖦹𖦹⬤⬤
> [[*user IronShears]]
> 
> And this is the code for it! 
[[/code]]

[[/div]]

||~ Here's an ||~ example ||
|| of a || table ||

 _

[[=]]
[[div_ class="fonts-display"]]
[[span class="title-font"]]The title and header font is [https://fonts.google.com/specimen/Playwrite+GB+S?query=playwrite Playwrite England SemiJoined]. [[/span]]
[[span class="UI-font"]]The Body and UI font is [https://fonts.google.com/specimen/Itim Itim].[[/span]]
[[span class="mono-font"]]The monospaced font is [https://www.recursive.design/ Recursive].[[/span]]
[[/div]]

All fonts are licensed under the [http://scripts.sil.org/OFL SIL Open Font License, Version 1.1]

> **Filename:** PaperTextureSarkic.png and PaperTextureSarkicDark.png
> **Author:** DJ Pettitt
> **License:** CC-BY 2.0
> **Source Link:** https://www.flickr.com/photos/21408397@N03/4930020401
> **Additional Notes:** Edited by IronShears

> **Filename:** SarkicLogo.png
> **Author:** Metaphysician
> **License:** CC-BY-SA 3.0
> **Source Link:** https://scp-wiki.wikidot.com/sarkicism-hub
> **Additional Notes:** Edited by IronShears

All other images were created by Ironshears for this theme and are licensed under CC-BY-SA 3.0
[[/=]]


[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="CSS"]]
@import url('https://fonts.bunny.net/css2?family=Itim&display=swap');
@import url('https://fonts.bunny.net/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap');

:root{

    /* Intro */
    --theme-base: "nuscp"
        --theme-id: "onko-sinulla-nalka"
        --theme-name: "Onko Sinulla Nälkä?";


--black-monochrome: 78, 26, 26;
--dark-gray-monochrome: 135, 92, 82;
--gray-monochrome: 173, 116, 95;
--light-gray-monochrome: 189, 124, 104;
--very-light-gray-monochrome: 201, 148, 117;
--pale-gray-monochrome: 227, 181, 141;
--white-monochrome: 255, 225, 176;
--bright-accent: 78, 26, 26;
--medium-accent: 88, 36, 36;
--dark-accent: 98, 46, 46;
--newpage-color: 98, 46, 46;

--diagonal-stripes: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/PaperTextureSarkicDark.png);
--logo-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/sarkiclogo.png);

--body-font: "Itim", cursive;
--title-font: "Playwrite GB S", cursive;
--header-font:  "Playwrite GB S", cursive;
--UI-font: "Itim", cursive;

--header-title: "Onko Sinulla Nälkä?";
  --header-subtitle: "The Taste of Home.";

}

#page-title, .meta-title {
text-align: center;
}


#page-title {display: none;}

div#container-wrap {
  background-repeat: repeat-x;
  background-size: auto var(--header-height-on-desktop);
}

#main-content hr{
    display: block;
    border:0px;
    height:100px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 60%;
    background-image:url('https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/OnkoSinullaNalkaHR.png');
}

body{
font-size: 1rem;
}

    #content-wrap {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/PaperTextureSarkic.png), url("https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/OnkoSinullaNalka.png");
background-size: auto, 28%;
 background-position: left top, right top;
   background-repeat: repeat, no-repeat;
}
@media only screen and (max-width: 56.25rem) {
  #content-wrap {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aonko-sinulla-nalka-theme/PaperTextureSarkic.png);
  }
}
.paper{
background-color: rgb(var(--white-monochrome));
border: 2px solid rgb(var(--bright-accent));
padding: 60px 30px 40px 30px;
border-radius:20px;
text-align:center;
margin: 30px 0px;
}
.paper>blockquote{
text-align:left;
}

:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
  clear: both;
  background-color: transparent;
  box-shadow: none;
  border-radius: 20px;
  border: 2px solid rgb(var(--bright-accent));
}

.collapsible-block-folded, .collapsible-block-unfolded-link{
margin: 20px;
  border: 2px solid rgb(var(--bright-accent));
text-align:center;
  border-radius: 20px;
}

:where(#page-content) img{
border: 2px solid rgb(var(--white-monochrome));
border-radius:100px;
margin-top: 20px;
}
[[/code]]
[[/collapsible]]

[[/iftags]]

[[module CSS]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Aonko-sinulla-nalka-theme/2")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Aonko-sinulla-nalka-theme/2
]]

Onko Sinulla Nälkä? Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source