Theme 1

工事中

[[include :1119s:theme-1]]

タイトル

レベル2のタイトル

レベル3のタイトル

レベル4のタイトル

レベル5のタイトル

レベル6のタイトル

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

---

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

タブ1

タブ内容

タブ2

タブ内容

漢字

タブ内容

alphabet

タブ内容

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

タブ内容

画像ブロック

引用文¹

二重

Footnotes

1. 脚注

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

+ 折り畳み

折り畳みの中の何かです

---

+ CODE

/* ======== ==
    Wikidot Theme [Teal-Sand]
    Created by iti119
    CC BY-SA 3.0
== ======== */
 
:root {
    --teal3: 0, 51, 51;
    --teal6: 0, 102, 102;
    --teal9: 0, 153, 153;
    --tealC: 153, 204, 204;
}
 
/* Content */
body {
    color: #333;
}
a,a:visited {
    color: rgb(var(--teal9));
}
a.newpage {
    color: #d61;
}
#page-title {
    color: rgb(var(--teal6));
}
h1 {
    color: rgb(var(--teal6));
}
 
/* Header */
div#container-wrap {
    background: url(http://scp-jp-sandbox3.wdfiles.com/local--files/component%3Atheme/body_bg.png) top left repeat-x;
}
 
/* Side Bar */
#side-bar a {
    color: rgb(var(--teal6));
}
div#side-bar div.side-block {
    background: #f0f4f4;
    border-color: rgb(var(--teal6));
    border-width: 2px;
    border-radius: 0;
    box-shadow: none;
}
#side-bar .heading,
#side-bar .collapsible-block-unfolded-link {
    border-bottom-color: rgb(var(--teal3));
}
#side-bar .heading,
#side-bar .collapsible-block-unfolded-link a.collapsible-block-link {
    color: rgb(var(--teal3));
}
#side-bar .collapsible-block-unfolded-link a.collapsible-block-link:hover {
    color: rgb(var(--teal9));
}
@media (max-width: 767px) {
    .open-menu a {
        border-color: rgb(var(--teal6)) !important;
        color: rgb(var(--teal6)) !important;
    }
}
#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 .side-block ul.menu-item {
    margin-left: 0;
    padding: 0;
}
#side-bar .side-block ul.menu-item li {
    list-style-image: none !important;
}
#side-bar .collapsible-block-folded a.collapsible-block-link::before,
#side-bar .side-block ul.menu-item li::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    transform: translateY(2px);
}
#side-bar .collapsible-block-folded a.collapsible-block-link::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/expand.png') 0 0 no-repeat;
}
#side-bar .side-block ul.menu-item li.main::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/main.png') 0 0 no-repeat;
}
#side-bar .side-block ul.menu-item li.home::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/home.png') 0 0 no-repeat;
}
#side-bar .side-block ul.menu-item li.forum::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/forum.png') 0 0 no-repeat;
}
#side-bar .side-block ul.menu-item li.help::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/help.png') 0 0 no-repeat;
}
#side-bar .side-block ul.menu-item li.default::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/default.png') 0 0 no-repeat;
}
#side-bar .side-block img:not([src*="twitter" i]):not([src*="discord" i]),
#side-bar .side-block a.collapsible-block-link::before,
#side-bar .side-block ul.menu-item li::before {
    filter: hue-rotate(190deg) saturate(0.8);
}
#side-bar div.side-block[style="background-color: #fff0f0;"] {
    --teal3: 153, 0, 17;
    --teal6: 187, 0, 17;
    --teal9: 187, 0, 17;
}
#side-bar .side-block[style="background-color: #fff0f0;"] img:not([src*="twitter" i]):not([src*="discord" i]),
#side-bar .side-block[style="background-color: #fff0f0;"] a.collapsible-block-link::before,
#side-bar .side-block[style="background-color: #fff0f0;"] ul.menu-item li::before {
    filter: none;
}
 
/* Tab */
.yui-navset .yui-nav li a {
    border-color: #999;
    background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.2)), #f3f3f3;
}
.yui-navset .yui-nav li a em {
    border-color: #999;
}
.yui-navset .yui-nav li a:hover {
    background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.2)) 80%, rgb(var(--tealC));
}
.yui-navset .yui-nav li.selected a,
.yui-navset .yui-nav li.selected a:hover,
.yui-navset .yui-nav li.selected a:focus {
    background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.5)) 80%, rgb(var(--teal6));
}
 
/* Tab alt */
.themealt > .yui-navset .yui-nav {
    display: flex;
    flex-wrap: wrap;
    background: #ccc;
    padding: 0 0 1px 1px;
}
.themealt > .yui-navset .yui-nav li {
    flex-grow: 1;
    display: block;
    background: #f3f3f3;
    margin: 1px 1px 0 0;
    text-align: center;
}
.themealt > .yui-navset .yui-nav li:hover {
    background: #ccc;
}
.themealt > .yui-navset .yui-nav li.selected {
    background: rgb(var(--teal6));
    box-shadow: #666 0 0 0 1px;
    margin: 1px 1px 0 0;
}
.themealt > .yui-navset .yui-nav li a,
.themealt > .yui-navset .yui-nav li a:hover,
.themealt > .yui-navset .yui-nav li a:focus,
.themealt > .yui-navset .yui-nav li.selected a,
.themealt > .yui-navset .yui-nav li.selected a:hover,
.themealt > .yui-navset .yui-nav li.selected a:focus,
.themealt > .yui-navset .yui-nav li a em {
    border: none 0;
    background: none;
}
.themealt > .yui-navset .yui-nav li.selected a em {
    padding: 0.25em 0.75em;
}
.themealt > .yui-navset .yui-content {
    border-color: #666;
    botlrder-top: none 0;
    background: #f3f3f3;
}
 
/* Collapsible alt */
.themealt > .collapsible-block a.collapsible-block-link {
    display: block;
    border-bottom: solid rgb(var(--teal9)) 3px;
    background: rgba(60,66,66,0.1);
    padding: 3px 0;
    text-align: center;
    color: rgb(var(--teal9));
}
.themealt > .collapsible-block a.collapsible-block-link:hover {
    background: rgba(60,60,66,0.2);
    text-decoration: none;
}
.themealt > .collapsible-block .collapsible-block-unfolded-link a.collapsible-block-link {
    border-color: rgb(var(--teal6));
}
 
/* Window */
.owindow {
    border-color: rgb(var(--teal6));
    backgound: #f4f4f4;
}
.owindow .title {
    background-color: rgb(var(--teal6));
    color: #f4f4f4;
}
.preview-message {
    background-color: rgba(var(--tealC),0.8);
}
 
/* Other */
::selection {
    background: rgba(var(--teal9),0.3);
}