Theme B

≡

工事中

タイトル

レベル2のタイトル

レベル3のタイトル

レベル4のタイトル

レベル5のタイトル

レベル6のタイトル

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

---

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

タブ1

タブ内容

タブ2

タブ内容

漢字

タブ内容

alphabet

タブ内容

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

タブ内容

画像ブロック

引用文¹

二重

Footnotes

1. 脚注

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

+ 折り畳み

折り畳みの中の何かです

---

paper block
link

+ CODE

/* ========= =
    Wikidot theme [Garage-B]
    Created_by: iti119
    Created_at: 2021
= ========= */
 
/* === Body === */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
body#html-body {
    background: url('http://1119s.wikidot.com/local--files/media:006/woodwall.png') #021d1d 0 0 / 100% 1119px;
    font-family: 'Noto serif JP', serif;
    color: #f8f8f8;
}
div#header-extra-div-1 {
    position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    background: rgba(187,255,204,0.1);
    z-index: 999999999;
    pointer-events: none;
}
 
/* === Header === */
/* Header */
div#container-wrap {
    background: none;
}
#header {
    background: none;
}
 
/* Search-box */
#search-top-box-input,
#search-top-box-form input[type=submit] {
    border: solid 1px #888;
    color: #aaa;
    background-color: #003030;
    background: #003030;
}
#search-top-box-input:hover, 
#search-top-box-input:focus,
#search-top-box-form input[type=submit]:hover, 
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #0ff;
    border-radius: 5px;
    color: #fff;
    background: #054a5a;
}
 
/* Account-Option */
#login-status {
    color: #999;
}
#login-status a {
    color: #d2691e;
}
#account-topbutton {
    border-color: #d2691e;
}
#account-options {
    background: rgba(0,0,0,0.9);
    border-color: #d2691e;
}
#account-options ul li a {
    color: #d2691e;
}
#account-options ul li a:hover {
    background: rgba(0,0,0,0.5);
    color: #d2691e;
}
 
/* Top-Bar */
#top-bar ul li.sfhover a,
#top-bar ul li.sfhover a:hover,
#top-bar ul li.sfhover ul li a {
    background: rgba(0,0,0,0.9);
    color: #d2691e;
}
#top-bar ul li.sfhover ul li.sfhover a {
    background: rgba(0,0,0,0.5);
}
 
/* === Side-Bar === */
/* Side-Bar */
#side-bar {
    display: block;
    position: fixed;
        top: 0;
        left: -25em;
    width: 17em;
    height: 100%;
    border: 1px solid #dedede;
    background: #000;
    margin: 0;
    padding: 1em 1em 0 1em;
    overflow-y: auto;
    z-index: 15;
    transition: left 0.5s ease-in-out 0.1s;
}
#side-bar:target {
    left: 0;
}
.open-menu {
    display: none !important;
}
.open-side a {
    position: fixed;
        bottom: 0.5em;
        left: 0.5em;
    width: 30px;
    height: 30px;
    border: solid #d2691e 1px;
    background-color: #000;
    border-radius: 5px;
    line-height: 1em;
    text-align: center;
    font-family: san-serif;
    font-size: 30px;
    font-weight: bold;
    color: #888;
    z-index: 10;
}
.open-side a:hover {
    text-decoration: none !important;
}
#side-bar:target + #main-content .open-side {
    display: none;
}
#side-bar:target .close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) 1px 1px repeat;
    z-index: -1;
}
@media (min-width: 767px) {
    .open-side a {
        bottom: 1em;
        width: 40px;
        height: 40px;
        font-size: 40px;
    }
}
#side-bar .side-block {
    background: none !important;
    border: solid #d2691e;
    border-width: 0 1px;
    box-shadow: none;
}
#side-bar .heading,
#side-bar .collapsible-block-unfolded-link,
#side-bar .collapsible-block-unfolded-link a.collapsible-block-link {
    color: #c90;
    border-color: #c90;
}
#side-bar div.menu-item .sub-text {
    color: #c90;
}
 
/* Side-Bar collapsible */
#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 2px no-repeat;
}
 
/* Side-bar icon */
#side-bar img:not([src*="Twitter"]):not([src*="discord"]),
#side-bar .collapsible-block-folded a.collapsible-block-link::before {
    filter: hue-rotate(60deg) brightness(3);
}
 
/* === Main Content === */
#main-content {
    margin: 0 6em;
}
@media (max-width: 479px) {
    #main-content {
        margin: 0 2em 0 2em;
    }
}
@media (min-width: 480px) and (max-width: 979px) {
    #main-content {
        margin: 0 6em 0 6em;
    }
}
@media (min-width: 980px) {
    #main-content {
        max-width: 76%;
        margin: 0 12%;
    }
}
 
/* === Page Content === */
a, a:visited {
    color: #d2691e; /*d8a224*/
}
a.newpage {
    color: #990;
}
#page-title {
    color: #d2691e;
    border-bottom-color: #d2691e;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto serif JP';
    color: #fcfcfc;
}
hr {
    background-color: #c90;
}
 
/* Table */
table.wiki-content-table tr th {
    background: #000;
}
table.wiki-content-table tr td {
}
 
/* Tabulation */
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li a:hover,
.yui-navset .yui-nav li a:focus,
.yui-navset .yui-nav li.selected a,
.yui-navset .yui-nav li.selected a:hover,
.yui-navset .yui-nav li.selected a:focus {
    background: none;
}
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li.selected a {
    border-color: #444;
    background: linear-gradient(180deg, rgba(170,170,170,0.2) 55%, rgba(170,170,170,0)) #000;
}
.yui-navset .yui-nav li a em,
.yui-navset .yui-nav li.selected a em {
    border-color: #444;
    color: #ccc;
}
.yui-navset .yui-nav li a:hover {
    background: linear-gradient(180deg, rgba(170,170,170,0.2) 55%, rgba(170,170,170,0)) #033;
}
.yui-navset .yui-nav li.selected a {
    background: linear-gradient(180deg, rgba(170,170,170,0.2) 55%, rgba(170,170,170,0)) #066;
}
.yui-navset .yui-content {
    border-color: #444;
    background: none;
}
 
/* Simple Tab */
 
/* Machine Tab */
.machineTab .yui-navset {
    max-width: 400px !important;
    border: solid 2px;
    border-color: rgba(170,170,170,0.2) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(136,136,136,0.2);
    background: url('http://1119s.wikidot.com/local--files/media:007/dirtymetal.png') #383828 0 0 / cover;
    margin: 0 auto;
    padding: 0.5em 1em 1.5em;
}
.machineTab .yui-navset .yui-nav {
    border: none 0;
    margin-bottom: 0.5em;
}
.machineTab .yui-navset .yui-nav li,
.machineTab .yui-navset .yui-nav li.selected {
    height: 27px;
    margin: 0.5em 0 0;
    padding: 0;
    pointer-events: none;
}
.machineTab .yui-navset .yui-nav li a,
.machineTab .yui-navset .yui-nav li a:hover,
.machineTab .yui-navset .yui-nav li a:focus,
.machineTab .yui-navset .yui-nav li.selected a,
.machineTab .yui-navset .yui-nav li.selected a:hover,
.machineTab .yui-navset .yui-nav li.selected a:focus {
    background: none;
}
.machineTab .yui-navset .yui-nav li a {
    border: solid;
    border-color: rgba(170,170,170,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(136,136,136,0.5);
    border-width: 1px 1px 2px 1px;
    padding: 0.25em 0.75em;
    min-width: 3.5em;
    text-align: center;
    pointer-events: auto;
}
.machineTab .yui-navset .yui-nav li:active a,
.machineTab .yui-navset .yui-nav li.selected a {
    border: solid 1px;
    border-color: rgba(170,170,170,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(136,136,136,0.5);
    transform: translateY(1px);
}
.machineTab .yui-navset .yui-nav li a em,
.machineTab .yui-navset .yui-nav li.selected a em {
        top: 0;
    border: none 0;
    padding: 0;
    color: #999;
}
.machineTab .yui-navset .yui-nav li::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid rgba(170,170,170,0.3) 2px;
    border-radius: 50%;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 0 0;
    background: radial-gradient(transparent, #000) #444208 padding-box;
    margin: auto 12px 6px 2px;
}
.machineTab .yui-navset .yui-nav li.selected::after {
    background-color: #d2691e;
}
.machineTab .yui-navset .yui-nav li:active::after,
.machineTab .yui-navset .yui-nav li.selected::after {
    transform: translateY(1px);
}
.machineTab .yui-navset .yui-content {
    border: none 0;
    background: none;
    padding: 0;
    color: #eee;
    position: relative;
}
.machineTab .yui-navset .yui-content a:hover {
    text-decoration: none;
    text-shadow: #d2691e 0 0 2px;
}
.machineTab .yui-navset .yui-content > div[id^="wiki-tab"] {
    box-sizing: border-box;
    border: solid 1px;
    border-color: rgba(0,0,0,0.5) rgba(136,136,136,0.3) rgba(136,136,136,0.3) rgba(0,0,0,0.5);
    background: #111 padding-box;
    padding: 0.25em 0.5em;
    height: 250px;
    overflow-y: auto;
}
.machineTab .yui-content > div[id^="wiki-tab"]::before,
.machineTab .yui-content > div[id^="wiki-tab"]::after {
    content: "";
    position: absolute;
        top: 1px;
        bottom: 1px;
        left: 1px;
        right: 1px;
    z-index: 2;
    pointer-events: none;
}
.machineTab .yui-content > div[id^="wiki-tab"]::before {
    animation: blink-screen 0.1s linear 0s infinite;
}
.machineTab .yui-content > div[id^="wiki-tab"]::after {
    background-image:linear-gradient(180deg, rgba(0,0,0,0.12) 0, rgba(0,0,0,0) 3px 357px, rgba(0,0,0,0.1) 360px 400px);
    background-size: auto 400px;
    animation: scan-line 8s linear 0s infinite;
}
:root {
    --blink: 68,136,136;
}
@keyframes blink-screen {
    0% { background-image:repeating-linear-gradient(rgba(var(--blink),0.12) 0, rgba(var(--blink),0) 2px 3px); }
    50% { background-image:repeating-linear-gradient(rgba(var(--blink),0) 0 1px, rgba(var(--blink),0.12) 3px); }
    100% { background-image:repeating-linear-gradient(rgba(var(--blink),0.12) 0, rgba(var(--blink),0) 2px 3px); }
}
@keyframes scan-line {
    0% { background-position:0 0; }
    100% { background-position:0 -400px; }
}
 
/* TOC / table of contents */
#toc {
    background: #000;
}
 
/* Footnote */
.hovertip {
  background: #000 !important;
  border-color: #999 !important;
}
.hovertip .content .footnote .f-footer {
    color: #999;
}
 
/* Box */
blockquote, .blockquote {
    background: #000;
}
div.sexy-box {
    background: #000;
    padding: 0.25em 0.75em;
    color: #ccc;
}
div.paper {
    background: url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg') #f2f2f2 0 0 / cover;
    margin: 1em 1em 2em;
    padding: 1px 0.75em;
    color: #000;
}
div.paper a {
    color: #000;
    text-decoration: underline;
}
div.paper a:hover {
    text-decoration: underline double;
}
.emphasis {
    text-emphasis: filled;
}
 
/* owindow */
.owindow {
    border: solid #555 2px;
    background: url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg') #fff;
    color: #000;
    position: relative;
}
.owindow .title {
    background-color: #000;
    color: #fff;
}
.owindow a,
.owindow h1 {
    color: #000;
    text-decoration: underline;
}
.owindow a:hover {
    text-decoration: underline double;
}
.owindow .button-bar a {
    border-color: #555;
    background: #000;
    color: #fff;
    text-decoration: none;
}
.owindow .button-bar a:hover {
    background: #000;
    color: #999;
}
.owindow img {
    background-color: transparent !important;
}
 
/* Editor */
#lock-info {
    border: none 0;
    background: url('http://scp-jp-storage.wikidot.com/local--files/file:5722815-1-ckql/paper.jpg') #fff 0 0 / cover;
    color: #000;
}
.preview-message {
    border-color: #660;
    background-color: #000;
    color: #bb0;
}
.preview-message a {
    color: #dd0 !important;
}
 
/* Other */
::selection {
    background: #666;
    color: #fff;
}