Alone-S Theme
テーマを使用するには、以下のコードを記事の最上部に挿入してください。
[[include :bokusatsu:alone-s-theme]]
例
海
罫線は、5つのハイフン「-----」を使用して作成でき、何かの内側(例: ブロック引用)に配置されていなければページ全体に適用されます。このドキュメントのセクションを区切る線は罫線です。
見出しは、行の先頭に1~6文字の「+」を置くことで作成できます
これはタブです。1
見てください、ここにもテキストがあります。
なんと奇妙な。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは長いタブです。テキストがたくさん入っています。
これは引用ブロックです。各行の先頭に半角の「> 」を置くことで作成されます。
追加のテキスト
これは罫線です
入れ子になった引用ブロック
| これは | テーブルです |
|---|---|
| もう | 作り方は |
| 知っているはずです | |
シリーズタイトル
Alone-S: 01
[[div class="series-title"]]
Alone-S: 01
[[/div]]
記事リスト
[[div class="articles"]]
[http://scp-jp.wikidot.com/about-free-lance フリーランスと君について]
[http://scp-jp.wikidot.com/alone-s-01 ALONE-S 01]
[http://scp-jp.wikidot.com/alone-s-02 ALONE-S 02]
[[/div]]
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); body { color: #000000; background: #FFFFFF; } a { color: #0000FF; } a:visited { color: #000080; } #page-content { font-size: 110%; } /* HEADER */ #header { background: none; } #header h1, #header h2 { font-size: 0; } #header h1 a, #header h2 span { text-shadow: unset !important; } #header h1 a span::before { content: 'Paranormal'; font-size: 35px; font-family: "Oswald", sans-serif; color: #000000; position: absolute; top: 40px; left: 10px; transform: scale(1, 0.9); letter-spacing: -1px; } #header h2 span::before { content: 'Free-Lance'; font-size: 35px; font-family: "Oswald", sans-serif; color: #000000; position: absolute; top: 80px; left: 10px; transform: scale(1, 0.9); letter-spacing: -1px; } div#container-wrap { background: none; } /* TOP BAR */ #top-bar { top: 95px; right: 1em; } #top-bar a { color: rgb(200, 200, 200); } #top-bar ul li ul { box-shadow: none; } #top-bar ul li a, #top-bar ul li ul, #top-bar ul li.sfhover a, #top-bar ul li:hover a, #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border: none; } /* SIDE BAR */ #side-bar .side-block { border-bottom-color: #000000; border: none; margin-bottom: 0; padding: 12px 1em; background: none; background-color: transparent !important; box-shadow: none; } #side-bar hr { margin: 0; background-color: transparent; border-top: solid 1px #000000; } #side-bar .heading { border-bottom: solid 1px #000000; margin-top: 12px; padding-left: unset; padding-bottom: 3px; color: #000000; font-size: 9pt; text-align: center; } .side-block .menu-item > img { display: none; } #top-bar .open-menu a { position: fixed; bottom: 0.5em; left: 0.5em; z-index: 15; font-family: san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888 !important; background-color: #fff !important; border-radius: 3em; color: #888 !important; text-decoration: none !important; } #top-bar .open-menu a::after { content: ""; display: block; position: absolute; top: 0; left: 0; background-size: calc(1.325em - 3px); background-position: center; width: 100%; height: 100%; } @media (min-width: 767px) { .mobile-top-bar { display: block; } .mobile-top-bar li { display: none; } #main-content { max-width: 767px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #content-wrap::after{ display: none; } #side-bar { display: block; position: fixed; top: 0; left: -25em; width: 14rem; height: 100%; background-color: #FFFFFF; overflow-y: auto; z-index: 10; padding: 0; -webkit-transition: left 0.5s ease-in-out 0.1s; -moz-transition: left 0.5s ease-in-out 0.1s; -ms-transition: left 0.5s ease-in-out 0.1s; -o-transition: left 0.5s ease-in-out 0.1s; transition: left 0.5s ease-in-out 0.1s; } #side-bar:after { content: ""; position: absolute; top: 0; width: 0; height: 100%; background-color: rgba(0, 0, 0, 0.2); } #side-bar:target { display: block; left: 0; width: 14rem; margin: 0; border: none; z-index: 10; } #side-bar:target + #main-content { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: calc(100% - 14rem); height: 100%; top: 0; left: unset; right: 0; background: rgba(0,0,0,0.3) 1px 1px repeat; z-index: -1; } } /* SEARCH BOX */ #search-top-box-input { border: solid 1px #000000; border-radius: 0px; background-color: #ffffff; box-shadow: none; color: #000000; } #search-top-box-input:hover, #search-top-box-input:focus { border: solid 1px #000000; background-color: #ffffff; box-shadow: none; } #search-top-box-form input[type=submit] { background: none; background-color: #ffffff; border: none; border-radius: 0px; box-shadow: none; color: #000000; position: relative; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background: none; background-color: #ffffff; border: none; box-shadow: 0 1px 3px #000000; color: #000000; text-shadow: none; } #search-top-box { position: absolute; top: 3em; right: 1em; width: 200px; text-align: right; } /* PAGE TITLE */ #page-title { display: none; } /* RATE */ div.page-rate-widget-box, div.page-rate-widget-box span.rate-points, div.page-rate-widget-box span.cancel { background-color: #000000 !important; border: solid 1px #000000 !important; } div.page-rate-widget-box span.rateup, div.page-rate-widget-box span.ratedown { border: solid #000000 !important; border-width: 1px 0 !important; } div.page-rate-widget-box span.rate-points, div.page-rate-widget-box span.cancel a, div.page-rate-widget-box span.cancel a:hover { color: #ffffff; } div.page-rate-widget-box span.rateup, div.page-rate-widget-box span.ratedown { background-color: #ffffff !important; } div.page-rate-widget-box span.rateup a, div.page-rate-widget-box span.ratedown a { color: #000000 !important; } div.page-rate-widget-box span.cancel a:hover, div.page-rate-widget-box span.rateup a:hover, div.page-rate-widget-box span.ratedown a:hover { background: transparent !important; color: #A5A5A5 !important; } #page-content .page-rate-widget-box .cancel a, #page-content .page-rate-widget-box .cancel a, #action-area .page-rate-widget-box .cancel a { display: inline-flex; justify-content: center; align-items: center; padding: 2px 5px; } /* CREDIT */ #page-content .rate-box-with-credit-button .creditButton { background-color: #000000 !important; border: solid 1px #000000 !important; padding: 1px 0; } #page-content .rate-box-with-credit-button .creditButton a:hover { color: #ffffff; } #html-body .modalbox .modalbox-title { background: #000000; color: #ffffff; } #html-body .modalbox { color: #000000; background: #ffffff; box-shadow: none; } /* INFO MODULE */ .rate-box-with-credit-button { background-color: #000000 !important; border: unset !important; box-shadow: unset !important; } .creditButton p a { border-left: solid 1px #FFFFFF !important; } /* HEADING */ h1 { color: #000000; } h2 { font-weight: bold; } /* TAB */ .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a { background-color: inherit; background-image: inherit } .yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus { background: inherit; text-decoration: inherit; } .yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover { color: #000000; background: inherit; } .yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav { border-color: inherit; } .yui-navset li { line-height: inherit; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; border: none; box-shadow: none; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { color: #0000FF; background-color: #FFFFFF; border: unset; box-shadow: none; box-shadow: none; padding: 8px 0 6px; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { color: #000080; background-color: #FFFFFF; } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { position: relative; display: flex; flex-grow: 2; max-width: 100%; margin: 0; padding: 0; border-color: transparent; box-shadow: none; } .yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a { display: flex; align-items: center; justify-content: center; width: 100%; } .yui-navset .yui-nav li em { border: unset; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { padding: .35em .75em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { flex-grow: 2; margin: 0; padding: 0; background-color: #FFFFFF; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border: none; } .yui-navset .yui-nav .selected a { width: 100%; color: #000000; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { color: #000000; background-color: #ffffff; } .yui-navset .yui-content { background-color: #ffffff; box-shadow: none; border: unset !important; border-top: solid 1px #000000 !important; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { padding: 0 1em; box-sizing: border-box; } /* CUSTOM */ /* SERIES TITLE */ .series-title { font-size: 60px; font-family: "Oswald", sans-serif; font-weight: bold; text-align: center; text-shadow: #000000 0px 0 3px; transform: scale(1, 0.9); letter-spacing: -1px; } /* ARTICLE */ .articles { font-size: 1.5em; line-height: 2em; padding: 2em; }
/* INTERWIKI */ #side-bar div.menu-item a, #interwiki .menu-item a { color: #0000FF; } #side-bar .side-block, #interwiki .side-block { border-bottom-color: #000000; border: none; margin-bottom: 0; padding: 12px 1em; background: none; background-color: transparent !important; box-shadow: none; } #side-bar hr, #interwiki hr { margin: 0; background-color: transparent; border-top: solid 1px #000000; } #side-bar .heading, #interwiki .heading { border-bottom: solid 1px #000000; margin-top: 12px; padding-left: unset; padding-bottom: 3px; color: #000000; font-size: 9pt; text-align: center; } .side-block .menu-item > img { display: none; }
文字数: 12797




