Theme of the Information Inquiry Terminal-GengWu-23

Theme of the Information Inquiry Terminal-GengWu-23

クレジット

タイトル: Theme of the Information Inquiry Terminal-GengWu-23
著者: ©︎Blood_and_Salt
作成年: 2021

読者の皆様、こんにちは！　ここは全12ページに及ぶ長編記事『SCP-1534-JP - 八目の怪物』の1ページ目『資料照会ターミナル-庚午-23』のために作られたテーマの、ソースコードを格納しているページです。

このテーマを使用するには、次のコードをページに貼り付けてください。

[[include :pseudo-scp-jp:bas:theme-of-iit-g23]]

資料照会ターミナル-庚午-23のブロックは、次のコードを貼りつけることで使用できます。

[[div class="gengwu-23"]]
ここに任意の文章を入れてください。
[[/div]]

ここに任意の文章を入れてください。

入力のウィンドウについても、同様に使用できます。

[[div class="input"]]
**今日の夕食:** カレーライス
[[/div]]

今日の夕食: カレーライス

擬似タイトルもこの通りです！

[[div class="fake-title-t"]]
甘口カレーのレシピ
[[/div]]

甘口カレーのレシピ

記事にCSSテーマを使用する際の参考になれば幸いです。

---

+ ソースコード

/*
Theme of the Information Inquiry Terminal-GengWu-23
  [2021 Wikidot Theme]
  --author: Blood_and_Salt
  --source: http://pseudo-scp-jp.wikidot.com/bas:theme-of-iit-g23
  --license: CC BY-SA 3.0 ( http://creativecommons.org/licenses/by-sa/3.0 )
*/
 
/*
Image Credits:
 
  raisa-logo.png
    --author: aismallard
    --source: https://scp-wiki.wikidot.com/theme:raisa
    --license: CC BY-SA 3.0 ( http://creativecommons.org/licenses/by-sa/3.0 )
    --release-year: 2021
 
  body_bg.png
    --author: shfoakdls
    --source: http://scpsandbox-jp.wikidot.com/component:theme
    --license: CC BY-SA 3.0 ( http://creativecommons.org/licenses/by-sa/3.0 )
    --release-year: 2014
*/
 
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@700&display=swap');
 
#header {
    background: url('http://scp-jp-storage.wdfiles.com/local--files/file%3A7255862-50-zf3a/raisa-logo.png') 10px 50px no-repeat;
    background-size: 100px 100px;
}
#header h1 a span {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: 'Verdana', Arial, sans-serif;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.9px;
}
#header h1 a:before {
    content: "資料管理サーバー";
    color: #eee;
    text-shadow: 3px 3px 5px #000;
}
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: transparent;
    text-shadow: none;
}
#header h2 span:before {
    content: "記録・情報保安管理局";
    color: #eee;
    text-shadow: 1px 1px 1px #000;
}
div#container-wrap {
    background: url('http://scp-jp-storage.wdfiles.com/local--files/file%3A7255862-24-ndfr/body_bg_scpsandbox-jp.png') top left repeat-x;
}
#search-top-box {
    top: 36px;
}
@media (max-width: 479px) {
  #header {
    background-position: 0 5.5em;
    background-size: 55px 55px;
  }
}
@media (min-width: 480px) and (max-width: 580px) {
  #header {
    background-position: 0.5em 4.5em;
    background-size: 66px 66px;
  }
}
@media (min-width: 581px) and (max-width: 767px) {
  #header {
    background-size: 77px 77px;
  }
}
 
#page-title {
    display: none;
}
.fake-title-t {
    font-size: 200%;
    color: #990011;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    border-bottom: 1px solid #bbb;
    font-weight: normal;
}
.fake-title-t p {
    padding: 0;
    margin: 0;
}
 
.gengwu-23 {
    color: #fff;
    border-left: solid 5px #00008b;
    background: #000;
    padding: 0.5em 1em;
    margin: 1em 3em;
}
.input {
    color: #000;
    border: 2px dashed #808080;
    border-radius: 15px;
    background: #c0c0c0;
    padding: 0 1em;
    margin: 1em 3em;
}
@media (max-width: 479px) {
  .gengwu-23, .input {
    margin: 1em 0;
  }
}
@media (min-width: 480px) and (max-width: 580px) {
  .gengwu-23, .input {
    margin: 0.5em;
  }
}