Dark Sushi Theme

Link to article: Dark Sushi Theme.

@import url(https://scp-wiki.wikidot.com/local--code/theme:yamisushi/1);

```
color:black
```

```
code
```

[[module CSS]]
@import url(https://scp-wiki.wikidot.com/local--code/theme:yamisushi/1);
[[/module]]

[[iftags +theme]]

[[include :scp-wiki:info:start]]
**Dark Sushi Theme**
Translated from [http://scp-jp.wikidot.com/theme:yamisushi#u-credit-view SCP-JP]. Original theme by [[*user tutuji]], adjusted by [[*user tetsusquared]].
[[include :scp-wiki:info:end]]

To use this theme, put the following code on the page!
[[div class="code"]]
[[span style="color:black"]]
@@[[include :scp-wiki:theme:yamisushi]]@@
[[/span]]
[[/div]]

> **Theme Name**: Dark Sushi Theme
> **Author**: tutuji
> **Translated by**: tetsusquared

This theme was made with Dark Sushi files in mind!!

Below is a demo:

[[include component:image-block
name=yamisushi.png|
caption=Image description!!]]

+ h1 Dark Sushi has completed a CSS Theme! Takao-kun!

++ h2 Really!? That's amazing, Doc!

+++ h3 Woaaaaaah!!!

++++ h4 It's burning!!!!!

+++++ h5 It's delicious!!

++++++ h6 Spinning!!!

[[size 0%]]　[[/size]]

[[tabview]]
[[tab It's a tab!]]
Shall you use it?
[[/tab]]
[[tab It's a tab!]]
Do you wish for power?
[[/tab]]
[[/tabview]]

[[collapsible show="+ Our battle" hide="- starts here!!"]]
> Dark Sushi is the strongest Sushiblade!![[footnote]]Currently airing![[/footnote]]
[[/collapsible]]

[[size 0%]]　[[/size]]

[[code type="css"]]
/*
    Powered on 2020/02/12 18:24:34
    [2020 Wikidot Theme]
    Created by tutuji
    CC BY-SA 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

/* FONTS AND COLORS */

body {
    background: rgb(40, 40, 40);
    color: rgb(190, 190, 190);
    font-family: 'Source Serif Pro', serif;
}
a,a:visited,#side-bar a,#side-bar a:visited {
    color: rgb(198, 188, 252);
}
h1,h2,h3,h4,h5,h6 {
    color: rgb(198, 188, 252);
    font-family: 'Source Serif Pro', serif;
}
blockquote, div.blockquote, #toc {
    border: 1px dashed #c5bcfb;
    background: #414243;
}
div#page-title {
    color: #c5bcfb;
}

/* HEADER */

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

div#header {
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ayamisushi/yamisushi.png) 10px 40px no-repeat;
    background-position: -1em 0.5em;
    background-size: 140px 140px;
}
div#header h1 a span {
    font-size: 0px;
}
div#header h1 a:before {
    content: "Dark Sushi";
    color: rgb(0, 0, 0);
    text-shadow: -1px -0.5px 4px #ffffff;
    font-family: 'Source Serif Pro', serif;
}
div#header h2 span {
    font-size:0px;
    padding: 4px;
}
div#header h2:after {
    content: "Strongest Invincible Sushi";
    font-weight: bold;
    color: rgb(0, 0, 0);
    padding: 19px 0;
    text-shadow: -1px -1px 3px rgba(255, 255, 255, 10);
    white-space: pre;
}

/* SIDE-BAR */

div#side-bar div.side-block,
div#side-bar div.side-block.resources {
    background: rgb(102, 102, 102);
    border: 1px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 5);
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

/* Mobile code */
@media (max-width: 767px) {
    #side-bar{
        background-color: transparent;
    }
}

/* Interwiki */

div.scpnet-interwiki-wrapper {
    filter: hue-rotate(240deg) grayscale(35%) invert(20%);
}
div.yui-navset div.yui-content {
    background: rgb(20, 20, 20);
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: rgb(204, 204, 204);
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: rgb(102, 102, 102);
}

/* Rating module */

div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel,
div.rate-box-with-credit-button {
    background-color: rgb(102, 102, 102);
    border: solid rgb(102, 102, 102) 1px;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    border: solid rgb(102, 102, 102);
    border-width: 1px 0!important;
}
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel a,
div.page-rate-widget-box span.cancel a:hover {
    color: rgb(255, 255, 255);
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    background-color: rgb(255, 255, 255);
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
    color: rgb(102, 102, 102);
}
div.page-rate-widget-box span.cancel a:hover,
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
    background: transparent;
    color: transparent;
}

/* Credit */

#page-content .rate-box-with-credit-button .creditButton {
  background-color: rgb(102, 102, 102);
  border: 1px solid rgb(102, 102, 102);
  color: white;
}
#page-content .rate-box-with-credit-button .creditButton:hover {
  background-color: rgb(132, 132, 132);
  border: 1px solid rgb(102, 102, 102);
  color: black;
}
#page-content .rate-box-with-credit-button .creditButton a:hover {
    color: white;
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: rgb(255, 255, 255);
}
#page-content .modalbox .credit {
  color: black
}
#page-content .modalbox .printuser a {
    color: #b01;
}
#page-content .modalbox .close-credits a {
    color: rgb(107,103,128);
}
#page-content .modalbox h2 {
    color: black;
}

div.open-menu a {
    color: rgb(204, 204, 204)!important;
    border-color: rgb(204, 204, 204)!important;
}

/* IMAGES */

#page-content .scp-image-block {
    border-color: #cccccc;
    box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
    border-color: #cccccc;
    background-color: #000000;
}
table.wiki-content-table th {
    background-color: #ffffff;
}
hr {
    background-color: #ffffff;
}
.code {
    border: 1px dashed #9400D3;
    background-color: #FFF5EE;
}


/* Footnote hovers */

.hovertip {
    width: 20em;
    padding: 0.5em;
    border: 1px solid transparent !important;
    border-radius: 0.5em;
    background-color: #000000ee !important;
    box-shadow: 0 0 6px 1px #000000aa;
    z-index: 100;
}
.hovertip .f-heading {
    color: #cccccc;
}
[[/code]]
[[/iftags]]

Dark Sushi Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source