Theme 4

工事中

このテーマを使うためには、Sigma-9が使用されたページで以下の構文をCSSに導入してください。

@import url(http://1119s.wikidot.com/theme-1/code/1);

タイトル

レベル2のタイトル

レベル3のタイトル

レベル4のタイトル

レベル5のタイトル

レベル6のタイトル

太字 | 下線 | 取り消し線 | テレタイプ　テキスト ^上付き_下付き

---

ヘッダー	長ーーーーーーいヘッダー	リンク	リンク
セル内容	長ーーーーーーいセル内容	リンク	リンク

タブ1

タブ内容

タブ2

タブ内容

漢字

タブ内容

alphabet

タブ内容

長ーーーーーーーーーーいタブ

タブ内容

画像ブロック

引用文¹

二重

Footnotes

1. 脚注

リンク (多分訪問したはずのリンク) (未作成ページのリンク)

+ 折り畳み

折り畳みの中の何かです

---

/*@@@@@@*/
/*
  iti119s Theme4
  --author: iti119
  --source: http://1119s.wikidot.com/theme-4
  --license: CC BY-SA 3.0 ( http://creativecommons.org/licenses/by-sa/3.0 )
*/
/*@@@@@@*/
 
/* Body */
body {
    background-color: #222;
    color: #ccc;
}
a, a:visited {
    color: #0b0;
}
a.newpage {
    color: #084;
}
#page-title, h1 {
    color: #fff;
}
::selection {
    color: #000;
    background: #0b0;
}
 
/* Header */
/*
  Sigma9 Customizable Header
  --author: ukwhatn
  --source: http://scp-jp-sandbox3.wikidot.com/draft:3396310-168-9905
  --license: CC BY-SA 3.0 ( http://creativecommons.org/licenses/by-sa/3.0 )
*/
#container-wrap {
    --c-header: linear-gradient(180deg,#333 0px 10px, #222 10px 30px, #333 30px, #000 100px 140px);
    --c-topbar: linear-gradient(180deg,#555, #333);
}
div#container-wrap {
    background: url("http://expunged.xyz/css/sigma9/origin/header-bg.png") top left repeat-x, var(--c-header) top left repeat-x;
    background-size: 100px 141px;
}
#header h2 span {
    color: #0b0;
}
#header h2::after {
    color: #0b0 !important;
}
#login-status {
    color: #bbb;
}
#login-status a {
    color: #0b0;
}
#account-options {
    background-color: rgba(0,0,0,0.9);
    border: solid #0b0 1px;
}
#account-options li a:hover {
    color: #0f8;
}
#login-status ul a {
    color: #0b0;
}
 
/* Top Bar */
div#container-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 140px;
    left: 0;
    width: 100%;
    height: 23px;
    box-shadow: 3px 2px 25px -2px rgba(0,0,0,0.75);
    background: var(--c-topbar) top left repeat-x;
}
#top-bar ul li a:hover, #top-bar ul li.sfhover a, #top-bar ul li:hover a {
    color: #0a1 !important;
}
#top-bar ul li.sfhover a:hover {
    background: rgba(0,0,0,0.5);
}
#top-bar ul li:hover a:hover {
    background: rgba(0,0,0,0.95);
}
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
    background: rgba(0,0,0,0.95);
}
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    border-top: none;
}
#top-bar ul li:hover a:hover {
    color: #0f8 !important;
}
 
/* Search Box */
#search-top-box-input {
    border: solid 1px #666;
    border-radius: 0;
    color: #aaa;
    background-color: #000;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #080;
    color: #ccc !important;
    background-color: #666;
}
#search-top-box-form input[type=submit] {
    border: solid 1px #666;
    border-radius: 0;
    color: #aaa;
    background-color: #000;
    background: #000;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #080;
    color: #ccc;
    background: #666;
}
 
/* Side Bar */
#side-bar .side-block {
    background: rgba(0,0,0,0.8) !important;
    border-style: solid;
    border-width: 3px;
    border-color: #ccc #666 #ccc #ccc;
    border-radius: 0;
    box-shadow: none;
}
@media (max-width: 767px) {
    #side-bar {
        background: rgba(0,0,0,0.8);
    }
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-folded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
div#side-bar div.collapsible-block-folded-link div.collapsible-block-link {
    color: #ccc;
    border-color: #ccc;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #eee;
    border-color: #eee;
}
#side-bar .collapsible-block-folded {
    background: none;
}
#side-bar a.collapsible-block-link {
    margin-left: 0;
}
#side-bar .collapsible-block-unfolded a.collapsible-block-link {
    margin-left: 15px;
}
#side-bar .collapsible-block-folded a.collapsible-block-link::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/expand.png') 0 0 no-repeat;
    transform: translateY(2px);
}
#side-bar img:not([src*="twitter" i]):not([src*="discord" i]),
#side-bar .collapsible-block-folded a.collapsible-block-link::before {
    filter: hue-rotate(170deg) saturate(7.8);
}
 
/* Table */
table.wiki-content-table th {
    border: solid #888 1px;
    background-color: #222;
}
table.wiki-content-table td {
    border: solid #888 1px;
    background-color: #444;
}
 
/* Tab */
 
#page-content .yui-navset .yui-nav a em,
#page-content .yui-navset .yuinavset-top .yui-nav a em {
    top: 0;
}
#page-content .yui-nav li a {
    display: block;
    border: none !important;
}
#page-content .yui-nav li a em {
    display: block;
    color: #888;
    background: #222;
    border: solid 1px #888;
}
#page-content .yui-navset ul.yui-nav a:hover,
#page-content .yui-navset ul.yui-nav a:focus {
    border-color: #0b0;
}
#page-content .yui-nav li.selected a em {
    color: #ccc;
    background: #444;
    border: solid 1px #0b0;
    box-shadow: 0 0 0 1px #0b0 inset;
}
#page-content .yui-navset .yui-nav, #page-content .yui-navset .yui-navset-top .yui-nav {
    border-color: #ccc;
}
#page-content .yui-content {
    color: #ccc;
    background: no-repeat center #444;
    border: solid 1px #ccc;
    margin: 0;
}
 
/* toc */
#toc {
    border: 1px dashed #080;
    background-color: transparent;
    background: #222;
}
 
/* Hover Tip */
#html-body .hovertip {
  background: rgba(0,0,0,0.8) !important;
  border-color: #0b0 !important;
}
#html-body .hovertip .content .footnote .f-footer {
    color: #666;
}
 
/* Box */
blockquote, div.blockquote {
    border: solid #888 1px;
    background: #444;
}
div.sexy-box{
    border: solid #0b0 1px;
    background: rgba(0,0,0,0.75);
    margin: 1em;
    padding: 0 1em;
}
/*div.code {
    border: solid #888 2px;
    border-radius: 3px;
    background: #113;
    color: #fff;
}*/
 
/* Window */
#lock-info {color:#333;}
.owindow {
    border: solid #060 2px;
    background-color: #020;
    color: #ccc;
}
.owindow .title {
    background-color:#060;
    color: #ccc;
}
.owindow a, .owindow h1 {color:#0b0;}
.owindow .button-bar a {color:#060;}
.modal-body img {
    background-color: transparent !important;
}
 
.preview-message {
    border-color: #060;
    background-color: #020;
    color: #ccc;
}
.preview-message a {color:#0b0 !important;}
 
/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: rgba(60,60,60,0.5);
}
::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.8);
}