Manhattan Crisis Theme

Link to article: Manhattan Crisis Theme.

Module Styles

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

Inline Styles

• (none)

Includes

• (none)

CSS Classes

• code

• blockquote

• blockquote

• blockquote

• blockquote

Page Source

[[module css]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Amanhattan-crisis/1);
[[/module]]
[[iftags +theme]]

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

> **Theme Name**: Manhattan Crisis Theme
> **Creator**: Mishary

To use this theme, paste the following code into your page

[[div class="code"]]
@@[[include :scp-wiki:theme:manhattan-crisis]]@@
[[/div]]

This theme was created for the [[[1998-911-hub|Manhattan Crisis]]] series within the canon [http://scp-int.wikidot.com/1998-hub 1998]. CSS theme created by [[*user Mishary]] with modifications by [[*user ukwhatn]] for header text placement.

All header images etc. were created by [[*user Mishary]].

[[collapsible show="Image Licenses" close="Image Licenses"]]
manhattan_silhouette.svg
[[div class="blockquote"]]
**File page:** [*http://scp-jp-storage.wikidot.com/file:3438721-45-y0as Silhouette for Manhattan theme header]

**Source:** http://scp-jp-storage.wikidot.com/file:3438721-45-y0as
**License:** CC BY-SA 3.0

**Title:** Silhouette of Manhattan
**Author:** [[*user Mishary]]
**Additional Information:**
Created from the following image
[[div class="blockquote"]]
**Source:** http://scp-jp.wikidot.com/scp-2911-jp
**License:** CC BY-SA 3.0

**Title:** new-york-city-556848_1280.jpg
**Author:** [[*user islandsmaster]]
**Supplement:** The following images have been cropped and reduced in size.
[[div class="blockquote"]]
**Source:** [https://pixabay.com/ja/photos/%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%A8%E3%83%BC%E3%82%AF%E5%B8%82-%E3%82%B9%E3%82%AB%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%B3-556848/ Pixabay]
**License:** CC0 
**Author:** skeeze
[[/div]]
[[/div]]
[[/div]]

dawn.png
[[div class="blockquote"]]
**File Page:** [*http://scp-jp-storage.wikidot.com/file:3438721-45-1bim header background image for Manhattan theme Dawn]

**Source:** http://scp-jp-storage.wikidot.com/file:3438721-45-1bim
**License:** CC BY-SA 3.0

**Title:** dawn.png
**Author:** [[*user Mishary]]
[[/div]]
[[/collapsible]]

[[code type="css"]]
/*
    SCP Sigma 9: Manhattan Crisis Theme
    [2020 Wikidot Theme]
    Created by Mishary
    Edited by ukwhatn
    SCP Sigma 9 was Created as for the SCP Foundation by Aelanna
    The font Gentium Basic is under Open Font License
    CC BY-SA 3.0
*/
@import url('https://fonts.bunny.net/css2?family=Gentium+Basic:wght@700&display=swap');
 
div#container-wrap {
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amanhattan-crisis/dawn.png) top left repeat-x;
}
div#header {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:manhattan-crisis/manhattan_silhouette2.svg)  no-repeat;
}
div#header h1 a span {
    font-size: 0px;
}
div#header h1 a:before {
    font-family: 'Gentium Basic', serif;
    content: "Manhattan Crisis";
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
}
div#header h2 span {
    font-size:0px;
    padding: 4px;
}
div#header h2:before {
    font-family: 'Gentium Basic', serif;
    font-size: 16px;
    content: "        9.11 2001";
    color: #eee;
    padding: 16px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    white-space: pre;
}

#account-options {
    background: rgba(255,255,255,0.2);
    background-clip: padding-box;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: solid 1px transparent;
    border-radius: 15px 0;
    box-shadow: 10px 10px 10px rgb(48 54 60 / 3%);
}
#login-status ul a{
    color: #fff;
}
#account-options li a:hover {
    color: #d00;
    text-decoration: none;
    background: #fff;
    border-radius: 15px 0;
}

/* TOPBAR */

#top-bar {
    top: 141px;
    height: 20px;
    line-height: 20px;
}
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
    background: #fff;
}
#top-bar li:hover ul, #top-bar li.sfhover ul {
    background: rgba(255,255,255,0.2);
    background-clip: padding-box;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: solid 1px transparent;
    box-shadow: 10px 10px 10px rgb(48 54 60 / 3%);
}
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    background: transparent;
    border-top: transparent;
    box-shadow: 10px 10px 10px rgb(48 54 60 / 3%);
}
 
@media (max-width: 580px) {
  div#header h1,
  div#header h2 {
    margin-left: unset;
    text-align: center;
    width: 100%;
  }
  div#header h1 {
    margin: unset;
    padding: unset;
  }
  div#header h1 a {
    margin: 0 auto;
    padding: 80px 0 0;
  }
  div#header h1 a::before {
    width: 100%;
    display: block;
  }
  div#header h2 {
    padding: 1.5em 0 0 ;
  }
  div#header h2:before {
    content: "9.11 2001";
    padding: 0;
  }
}
 
[[/code]]
[[/iftags]]