Theme 3

工事中

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

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

タイトル

レベル2のタイトル

レベル3のタイトル

レベル4のタイトル

レベル5のタイトル

レベル6のタイトル

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

---

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

タブ1

タブ内容

タブ2

タブ内容

漢字

タブ内容

alphabet

タブ内容

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

タブ内容

画像ブロック

引用文¹

二重

Footnotes

1. 脚注

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

+ 折り畳み

折り畳みの中の何かです

---

/*@@@@@@*/
/*
  iti119s Theme3
  --author: iti119
  --source: http://1119s.wikidot.com/theme-3
  --license: CC BY-SA 3.0 ( http://creativecommons.org/licenses/by-sa/3.0 )
*/
/*@@@@@@*/
 
/* 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,#000515 0px 30px, #002535 140px);
    --c-topbar: linear-gradient(180deg,#004a5a, #003040);
}
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;
}
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;
}
 
/* Search-box */
#search-top-box-input {
    border: solid 1px #888;
    border-radius: 0;
    color: #aaa;
    background-color: #003030;
}
#search-top-box-input:hover, 
#search-top-box-input:focus {
    border: solid 1px #0ff;
    color: #fff;
    background-color: #054a5a;
}
#search-top-box-form input[type=submit] {
    border: solid 1px #888;
    border-radius: 0;
    color: #aaa;
    background-color: #003030;
    background: #003030;
}
#search-top-box-form input[type=submit]:hover, 
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #0ff;
    color: #fff;
    background: #054a5a;
}
 
/* Side-bar */
#side-bar .side-block {
    background: rgba(0,0,0,0.8) !important;
    border-style: solid;
    border-width: 3px;
    border-color: #0ef #0ac #0ef #0ef;
    border-radius: 0;
    box-shadow: none;
}
@media (max-width: 767px) {
    #side-bar {
        background: repeating-linear-gradient(225deg,transparent 0px 3px, 
rgba(255,255,255,0.15) 3px 4px), rgba(0,37,48,1);
    }
}
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: #c0c0c0;
    border-color: #c0c0c0;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #e0e0e0;
    border-color: #e0e0e0;
}/*
#side-bar img {
    filter: hue-rotate(0) brightness(1);
}*/
#side-bar img[src$="home.png"], #side-bar img[src$="default.png"], #side-bar img[src$="main.png"], #side-bar img[src$="forum.png"] {
    filter: hue-rotate(200deg) brightness(2);
}
#side-bar .collapsible-block-folded {
    filter: hue-rotate(200deg) brightness(2);
}
#side-bar .collapsible-block-folded a {
    color: #0ff;
    filter: hue-rotate(-180deg) brightness(1) saturate(300%);
}
#side-bar .collapsible-block-folded a::selection {
    filter: saturete(33.33%);
}
 
.open-menu a:hover {
    box-shadow: 0px 0px 5px 1px #0ff, 0px 0px 20px 5px #0ff inset;
}
 
/* Background */
body {
    background: #003030;
}
 
/* Colors */
body {
    color: white;
}
 
a {
    color: #0ff;
}
a:hover {
    text-decoration: underline;
}
 
a.newpage {
    color: #08f;
    cursor: default;
}
a.newpage:hover {
    text-decoration: underline dotted;
}
 
::selection {
    color: #003030;
    background: #00f8a4;
    text-decoration-color: #003030;
}
 
#page-title, h1 {
    color: #0ff;
}
 
blockquote, .blockquote {
    border: solid #0bf 1px;
    background: #153a4a;
}
 
div.sexy-box{
    border: solid #0ff 1px;
    background: rgba(0,0,0,0.5);
    padding: 0 1em;
    margin: 1em;
}
 
/* Table */
table.wiki-content-table th {
    border: 1px solid #0bf;
    background-color: #153a4a;
}
table.wiki-content-table td {
    border: 1px solid #0bf;
    background-color: rgba(0,0,0,0.3);
}
 
/* Tabs */
#page-content .yui-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: unset;
    border-bottom: solid 2px rgba(255, 255, 255, 0.15);
}
 
#page-content .yui-nav li {
    flex: 1 1;
    display: inline-block;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
 
#page-content .yui-nav li a {
    width: 100%;
    white-space: nowrap;
    text-align: center;
}
 
#page-content .yui-nav a {
    background: rgba(255, 255, 255, 0.05);
    color: white;
}
 
#page-content .yui-nav a:hover,
#page-content .yui-nav .selected a,
#page-content .yui-nav .selected a:focus,
#page-content .yui-nav .selected a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}
 
#page-content .yui-nav li * {
    border: unset;
}
 
#page-content .yui-nav li a em {
    padding 0;
    top: unset;
    padding: 0.4em 1em;
}
 
#page-content .yui-content {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.05);
}
 
/* toc */
#toc {
    border: 1px dashed #0ef;
    background-color: transparent;
    background: #153a4a;
}
 
#html-body .hovertip {
  background: rgba(0,0,0,0.8) !important;
  border-color: #0ff !important;
  /*color: white !important;*/
}
 
#html-body .hovertip .content .footnote .f-footer {
    color: #999;
}
 
::-webkit-scrollbar-thumb {
    background: rgba(60,60,60,0.5);
}
::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.5);
}
 
#lock-info {color:#333;}
.owindow {
    border: solid #060 2px;
    background-color: #020;
    color: #0b0;
}
.owindow .title {background-color:#060;}
.owindow a, .owindow h1 {color:#0f8;}
.owindow .button-bar a {color:#040;}
 
.preview-message {
    border-color: #060;
    background-color: #020;
    color: #0b0;
}
.preview-message a {color:#0f8 !important;}