Themeカテゴリ下書き「Thanatomania テーマ」

このページの批評は終了しました。

評価: 0+x

使用する際は以下のincludeをページの一番上に貼り付けてください。

[[include :scp-jp:theme:thanatomania]]

テーマと画像のライセンスは以下の通りです(使用の際はクレジット不要です)。

ソース: http://scp-jp.wikidot.com/theme:thanatomania
ライセンス: CC BY-SA 3.0

タイトル: Thanatomania テーマ
著作権者: KanKan
公開年: 2020

ソース: http://scp-jp-storage.wikidot.com/file:2859452-35-fc8q
ライセンス: CC BY-SA 3.0

タイトル: thanatomania.svg
著作権者: KanKan
公開年: 2020

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
 
:root {
  --color-1: #fff;
  --color-2: #5a5e8e;
  --color-3: #999;
}
 
h1 {
  color: var(--color-2);
}
 
/* 画像ブロック */
 
.scp-image-block {
  border: none;
  box-shadow: 0 5px 10px var(--color-3);
  border-radius: 10px;
  overflow: hidden;
}
 
.scp-image-block .scp-image-caption {
  color: var(--color-1);
  border-top: none;
  background: var(--color-2);
}
 
/* ヘッダー */
 
#top-bar .mobile-top-bar {
  width: 100%;
  max-width: 100vw;
}
 
div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: relative;
    background: transparent;
    background-size: cover, cover;
    background-position: 50% 50%, 50% 50%;
    z-index: 9;
}
div#container-wrap {
    background-image: none;
}
div#extra-div-2 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: var(--color-2);
    box-shadow: 0 10px 10px var(--color-3);
    z-index: 9;
}
 
#header {
    text-align: left;
    top: 0;
    width: 100%;
    height: 140px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: transparent;
    background-size: auto 140px;
}
 
#search-top-box {
    position: absolute;
    top: 30px;
    bottom: auto;
    right: 9px;
    width: 250px;
    text-align: right;
}
#search-top-box-input {
    display: none;
    border: solid 1px /*var(--2-color)*/ transparent;
    border-radius: 5px;
    color: var(--color-2);
    background-color: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px /*var(--color-2)*/ transparent;
    color: var(--color-1);
    background-color: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
}
#search-top-box-form input[type=submit] {
    border: solid 1px /*var(--2-color)*/ transparent;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: var(--color-1);
    background-color: var(--color-2);
    background: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
    cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px /*var(--color-2)*/ transparent;
    color: var(--color-2);
    text-shadow: none;
    background-color: var(--color-2);
    background: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
}
 
#login-status {
    color: var(--color-2);
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: var(--color-2);
}
#login-status ul a {
    color: var(--color-1);
    background: transparent;
}
#account-topbutton {
    display: none;
    background: var(--color-2);
    color: var(--color-1);
}
.printuser img.small {
    margin-right: 1px;
}
 
#header h1 {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    float: center;
    max-height: 40px;
}
#header h2 {
    margin-left: 0;
    padding: 0;
    padding-left: 0;
    clear: center;
    float: center;
    font-size: 105%;
    max-height: 38px;
}
 
#header h1 a {
    display: block;
    text-align: left;
    margin: 0;
    padding: 20px 0 0;
    line-height: 100%;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: 'Odibee Sans', cursive;
    font-size: 100%;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: transparent;
    text-shadow: none;
}
 
#header h1 a:after {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    position: absolute;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: url(http://scp-jp-storage.wikidot.com/local--files/file:2859452-35-fc8q/thanatomania.svg) center 0px no-repeat;
    background-size: auto 140px;
    filter: drop-shadow(0px 5px 10px var(--color-3));
}
 
#header h1 a::before {
    content: "THANATOMANIA";
    font-size: 30px;
    color: var(--color-1);
    text-align: center;
    letter-spacing: 0;
    font-family: 'Abril Fatface', cursive;
    text-shadow: /*.05em .05em 0 var(--color-1), -.05em .05em 0 var(--color-1), .05em -.05em 0 var(--color-1), -.05em -.05em 0 var(--color-1), .05em 0 0 var(--color-1), -.05em 0 0 var(--color-1), 0 .05em 0 var(--color-1), 0 -.05em 0 var(--color-1)*/ 0px 5px 10px var(--color-3);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 1;
}
/* トップメニュー */
#top-bar {
    width: 100%;
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
#top-bar ul {
    float: left;
    display: flex;
    width: 100%;
}
#top-bar li {
    flex: 1;
    margin: 0;
}
#top-bar a {
    color: var(--color-1);
    background: transparent;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
#top-bar ul li {
    border: 0;
    position: relative;
}
#top-bar ul li ul {
    display: block;
    border: solid 1px var(--color-2);
    background: var(--color-2);
    box-shadow: 0 3px 3px var(--color-3);
    border-top: 0;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
#top-bar ul li a {
    border-left: none;
    border-right: none;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: var(--color-1);
    color: var(--color-2);
    border-left: none;
    border-right: none;
    border-radius: 5px;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    border-top: none;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--color-1);
    text-decoration: none;
}
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
#top-bar ul li ul li a {
    border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: var(--color-2);
}
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* COMMON */
blockquote, div.blockquote {
    border-width: 0;
    padding: 0.1px 1em;
    background: var(--color-1);
    box-shadow: 0 5px 10px var(--color-3);
    border-radius: 5px;
}
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1800px;
    height: auto !important;
    height: 1850px;
}
 
h1, #page-title {
    color: var(--color-2);
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
h1 {
    margin-top: 0.7em;
    padding: 0;
    font-weight: bold;
}
h2, h3, h4, h5, h6, h7 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
#page-title {
    border-color: var(--color-2);
}
ul {
    /* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */
    list-style: square;
}
#top-bar ul {
    /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}
 
a {
    color: var(--color-2);
    text-decoration: none;
    background: transparent;
}
a.newpage {
    color: var(--color-2);
    text-decoration: none;
    background: transparent;
}
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
 
hr {
    background: var(--color-2);
}
 
/* BODY */
 
body {
    background-color: var(--color-1);
    font-size: 0.80em;
}
 
/* SIDE MENU */
#side-bar .side-block {
    border: 2px solid var(--color-2);
    border-radius: 5px;
    box-shadow: none;
    background: var(--color-1) !important;
}
#side-bar .side-block a {
    color: var(--color-2);
}
#side-bar .side-block .heading {
    color: var(--color-2);
    border-bottom: solid 1px var(--color-2);
    font-weight: bold;
}
#side-bar .side-block hr {
    background: var(--color-2);
}
#side-bar div.menu-item a {
    font-weight: bold;
    color: var(--color-2);
}
#side-bar div.menu-item.inactive a {
    color: #999;
}
#side-bar div.menu-item .sub-text {
    color: #666;
}
#side-bar div.menu-item.sub-item {
}
#side-bar .collapsible-block-folded {
    background: url(http://www.scp-wiki.net/local--files/nav:side/expand.png) 0 2px no-repeat;
}
#side-bar .collapsible-block-link {
    font-weight: bold;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px var(--color-2);
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--color-2);
}
 
@media (max-width: 767px) {
#side-bar {
    background-color: var(--color-1);
}
#side-bar:target .close-menu {
   background: none;
}
}
 
/* Ratingモジュール */
 
.page-rate-widget-box {
    background-color: var(--color-2) !important;
   box-shadow: none;
}
.page-rate-widget-box .rate-points {
    background-color: var(--color-2) !important;
    border: solid 1px var(--color-2);
    color: var(--color-1);
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--color-2);
    border-top: solid 1px var(--color-2);
    border-bottom: solid 1px var(--color-2);
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: var(--color-1);
    color: var(--color-2);
    transition: all .2s ease-in-out;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: var(--3-color);
    color: var(--1-color);
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.page-rate-widget-box .cancel {
    background-color: var(--1-color);
    border: solid 1px var(--1-color);
}
.page-rate-widget-box .cancel a {
    background: transparent;
    color: var(--3-color);
}
.page-rate-widget-box .cancel a:hover {
    background: var(--color-2);
    color: var(--color-1);
    text-decoration: none;
}
.creditButton {
    background-color: var(--color-2) !important;
    box-shadow: none !important;
    border-color: var(--color-2) !important;
}
.creditButton a {
    color: var(--color-1) !important;
}
 
/* タブ */
 
@keyframes open {
  from {
    max-height: 200vh;
  }
  to {
    max-height: 0vh;
  }
}
 
.yui-navset {
  background-color: var(--border-color);
  border-radius: 10px;
  box-shadow: 0 5px 10px var(--color-3);
  overflow: hidden;
}
.yui-navset .yui-content {
  border: none;
  background-color: var(--color-1);
  word-break: break-word;
  transition: all ease-in-out calc(1s / 4);
}
.yui-navset .yui-content div[id^="wiki-tab-"] {
  animation: open calc(1s / 2) ease-out 0s 1 reverse both running;
  overflow-y: scroll;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
  margin: 0;
  margin-top: -1px;
  line-height: 100%;
  display: inline-block;
  width: calc(100% + .16em);
  max-width: none !important;
  height: 100%;
  border: none;
  background-color: var(--color-2);
  background-image: none;
  color: var(--color-1);
  transition: all ease-in-out calc(1s / 4) calc(1s / 4);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
  margin: 0;
  margin-top: -1px;
  width: calc(100% + .16em);
  max-width: none !important;
  border: none;
  background: var(--color-1);
  color: var(--color-2);
  transition: all ease-in-out calc(1s / 4);
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
  margin: 0;
  margin-top: -1px;
  width: calc(100% + .16em);
  max-width: none !important;
  border: none;
  background: var(--color-2);
  text-decoration: none;
  color: var(--color-1);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
  text-decoration: none;
  border: none;
  background-color: var(--color-1);
}
.yui-navset li {
  margin: 0;
  border: none;
  line-height: 141%;
  word-break: break-all;
  flex: 1;
}
.yui-navset ul {
  border: none;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
  border: none;
  margin: 0;
  white-space: pre-wrap;
}
.yui-navset li:nth-last-child(1) {
  box-shadow: 0 0 10px var(--color-3);
}
.yui-navset .yui-nav .selected {
  margin: 0 .16em -1px 0;
  border: none;
}

ページコンソール

批評ステータス

カテゴリ

SCP-JP

本投稿の際にscpタグを付与するJPでのオリジナル作品の下書きが該当します。

GoIF-JP

本投稿の際にgoi-formatタグを付与するJPでのオリジナル作品の下書きが該当します。

Tale-JP

本投稿の際にtaleタグを付与するJPでのオリジナル作品の下書きが該当します。

翻訳

翻訳作品の下書きが該当します。

その他

他のカテゴリタグのいずれにも当て嵌まらない下書きが該当します。

コンテンツマーカー

ジョーク

本投稿の際にジョークタグを付与する下書きが該当します。

アダルト

本投稿の際にアダルトタグを付与する下書きが該当します。

既存記事改稿

本投稿済みの下書きが該当します。

イベント

イベント参加予定の下書きが該当します。

フィーチャー

短編

構文を除き数千字以下の短編・掌編の下書きが該当します。

中編

短編にも長編にも満たない中編の下書きが該当します。

長編

構文を除き数万字以上の長編の下書きが該当します。

事前知識不要

特定の事前知識を求めない下書きが該当します。

フォーマットスクリュー

SCPやGoIFなどのフォーマットが一定の記事種でフォーマットを崩している下書きが該当します。


シリーズ-JP所属

JPのカノンや連作に所属しているか、JPの特定記事の続編の下書きが該当します。

シリーズ-Other所属

JPではないカノンや連作に所属しているか、JPではない特定記事の続編の下書きが該当します。

世界観用語-JP登場

JPのGoIやLoIなどの世界観用語が登場する下書きが該当します。

世界観用語-Other登場

JPではないGoIやLoIなどの世界観用語が登場する下書きが該当します。

ジャンル

アクションSFオカルト/都市伝説感動系ギャグ/コミカルシリアスシュールダーク人間ドラマ/恋愛ホラー/サスペンスメタフィクション歴史

任意

任意A任意B任意C

ERROR

The KanKan's portal does not exist.


エラー: KanKanのportalページが存在しません。利用ガイドを参照し、portalページを作成してください。


利用ガイド

  1. portal:2859452 (31 May 2018 22:00)
特に明記しない限り、このページのコンテンツは次のライセンスの下にあります: Creative Commons Attribution-ShareAlike 3.0 License