Theme 6

工事中

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

Foundation--bright-accent(187,0,17) / #b01

Fantasma--dark-accent(119,1,19) / #770113

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Fixer--medium-accent(153,0,17) / #901

WHITE--white(252,252,255) / #FCFCFF

BLACK--black(48,48,51) / #303033

GRAY-0--pale-gray(240,240,244) / #F0F0F4

GRAY-1--light-gray(196,200,204) / #C8C8CC

GRAY-2--gray(150,150,153) / #969699

GRAY-3--dark-gray(96,96,102) / #606066

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

タイトル

レベル2のタイトル

レベル3のタイトル

レベル4のタイトル

レベル5のタイトル

レベル6のタイトル

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

---

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

タブ1

タブ内容

タブ2

タブ内容

漢字

タブ内容

alphabet

タブ内容

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

タブ内容

画像ブロック

引用文¹

二重

Footnotes

1. 脚注

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

+ 折り畳み

折り畳みの中の何かです

---

+ CODE

/*
    Fanta-3 [2020 wikidot theme]
    Created by iti119
*/
 
:root {
/* colors */
    --bright-accent: 187,0,17;
    --dark-accent: 119,1,19;
    --medium-accent: 153,0,17;
    --white: 252,252,255;
    --black: 48,48,51;
    --pale-gray: 240,240,244;
    --light-gray: 196,200,204;
    --gray: 150,150,153;
    --dark-gray: 96,96,102;
    --link-newpage: 221,102,17;
/* title */
    --header-title-text: "SCP財団";
    --header-title-color: rgb(252,252,255);
    --header-subtitle-text: "確保、収容、保護。";
    --header-subtitle-color: rgb(196,200,204);
}
 
/* Body */
body#html-body {
    background: rgb(var(--white));
    color: rgb(var(--black));
}
 
/* Header */
div#container-wrap {
    background-image: linear-gradient(180deg, rgb(0,0,0,0.9) 0px, rgba(0,0,0,0.4) 60px 100px, rgb(0,0,0) 100px, transparent 102px 121px, rgb(0,0,0) 123px), linear-gradient(180deg, rgb(var(--bright-accent)) 100px, rgb(var(--dark-gray)) 100px 123px);
    background-size: auto 123px;
    background-repeat: repeat-x
}
#header {
    height: 80px;
    background: url(http://www.scp-wiki.net/local--files/component:theme/logo.png) no-repeat;
    background-position: 20px 20px;
    background-size: 80px 80px;
}
#header h1 a span {
    font-size: 0px;
    position: relative;
}
#header h1 a span::before {
    position: absolute;
        bottom: 24px;
        left: 0;
    letter-spacing: 0.8px;
    white-space: nowrap;
    content: var(--header-title-text);
    font-size: 36px;
    color: var(--header-title-color);
}
#header h2 span {
    font-size: 0px;
    position: relative;
}
#header h2 span::before {
    position: absolute;
        bottom: 48px;
        left: 0;
    white-space: nowrap;
    content: var(--header-subtitle-text);
    font-size: 12px;
    color: var(--header-subtitle-color);
}
 
/* Top-Bar */
#top-bar {
    position: absolute;
        top: 100px;
        left: 0;
    height: 23px;
    /*padding: 11px 0;
    line-height: 18px;
    font-size: 18px;*/
}
#top-bar ul li.sfhover a {
    background: rgb(var(--light-gray));
    color: rgb(var(--bright-accent));
}
#top-bar ul li.sfhover ul li a {
    background: rgb(var(--pale-gray));
    color: rgb(var(--bright-accent));
}
#top-bar ul li.sfhover ul li.sfhover a {
    background: rgb(var(--bright-accent));
    color: rgb(var(--pale-gray));
}
 
/* Search-Box */
#search-top-box {
    position: absolute;
        top: 40px;
        right: 10px;
    width: 250px;
}
 
/* Content */
#page-title {
    color: rgb(var(--medium-accent));
    border-color: rgb(var(--medium-accent));
}
h1 {
    color: rgb(var(--black));
}
a {
    color: rgb(var(--bright-accent));
}
a.newpage {
    color: rgb(var(--link-newpage));
}
 
/* Table */
table.wiki-content-table tr th {
    border: solid rgb(var(--gray)) 1px;
    background-color: rgb(var(--light-gray));
}
table.wiki-content-table tr td {
    border: solid rgb(var(--gray)) 1px;
    background-color: rgb(var(--white));
}
 
/* Tab */
.yui-navset .yui-nav li a {
    border-color: rgb(var(--light-gray));
    background: rgb(var(--pale-gray));
}
.yui-navset .yui-nav li a em {
    border-color: rgb(var(--light-gray));
    color: rgb(var(--black))
}
.yui-navset .yui-nav li a:hover {
    border-color: rgb(var(--dark-gray));
    background: rgb(var(--light-gray));
}
.yui-navset .yui-nav li a:hover em {
    border-color: rgb(var(--dark-gray));
}
.yui-navset .yui-nav li.selected a,
.yui-navset .yui-nav li.selected a:hover,
.yui-navset .yui-nav li.selected a:focus {
    border-color: rgb(var(--dark-gray));
    background: rgb(var(--dark-accent));
}
.yui-navset .yui-nav li.selected a em,
.yui-navset .yui-nav li.selected a:hover em,
.yui-navset .yui-nav li.selected a:focus em {
    border-color: rgb(var(--dark-gray));
    color: rgb(var(--white));
}
.yui-navset .yui-nav {
    border-color: rgb(var(--dark-gray));
}
.yui-navset .yui-content {
    border-color: rgb(var(--dark-gray));
    border-top: none;
    background: rgb(var(--pale-gray));
}
 
/* Tab alt */
.themealt > .yui-navset .yui-nav {
    display: flex;
    flex-wrap: wrap;
    background: rgb(var(--light-gray));
    padding: 0 0 1px 1px;
}
.themealt > .yui-navset .yui-nav li {
    flex-grow: 1;
    display: block;
    background: rgb(var(--pale-gray));
    margin: 1px 1px 0 0;
    text-align: center;
}
.themealt > .yui-navset .yui-nav li:hover {
    background: rgb(var(--light-gray));
}
.themealt > .yui-navset .yui-nav li.selected {
    background: rgb(var(--dark-accent));
    box-shadow: rgb(var(--dark-gray)) 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;
    color: rgb(var(--black));
}
.themealt > .yui-navset .yui-nav li.selected a em {
    padding: 0.25em 0.75em;
    color: rgb(var(--white));
}
.themealt > .yui-navset .yui-content {
    border-color: rgb(var(--dark-gray));
    botlrder-top: none 0;
    background: rgb(var(--pale-gray));
}
 
/* Toc */
#toc {
    border: dashed rgb(var(--medium-accent)) 1px;
    background-color: rgb(var(--pale-gray));
}
 
/* Hover Tip */
.hovertip {
    background: rgba(var(--pale-gray),0.95) !important;
    border-color: rgb(var(--dark-gray)) !important;
}
.hovertip .content .footnote .f-footer {
    color: rgb(var(--gray));
}
 
/* Box */
blockquote, div.blockquote {
    border: dashed rgb(var(--dark-gray)) 1px;
    background: rgb(var(--pale-gray));
}
.sexy-box{
    border: solid rgb(var(--light-gray)) 1px;
    background: rgb(var(--pale-gray));
    margin: 1em;
    padding: 0 1em;
}
.code {
    border: dashed rgb(var(--light-gray)) 1px;
    background: rgb(var(--pale-gray));
}
 
/* Collapsible alt */
.themealt > .collapsible-block a.collapsible-block-link {
    display: block;
    border-bottom: solid rgb(var(--bright-accent)) 3px;
    background: rgba(var(--gray),0.2);
    padding: 3px 0;
    text-align: center;
    color: rgb(var(--bright-accent));
}
.themealt > .collapsible-block a:hover.collapsible-block-link {
    background: rgba(var(--gray),0.4);
    text-decoration: none;
}
.themealt > .collapsible-block .collapsible-block-unfolded-link a.collapsible-block-link {
    border-color: rgb(var(--medium-accent));
}
 
/* Window */
.owindow {
    border: solid rgb(var(--dark-accent)) 2px;
    background-color: rgb(var(--dark-gray));
    color: rgb(var(--pale-gray));
}
.owindow .title {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--white));
}
.owindow a, div.owindow h1 {
    color: rgb(var(--white));
}
.owindow > a {
    text-decoration: underline;
    transition: 0.2s;
}
.owindow a:hover {
    background: rgb(var(--light-gray));
}
.owindow .button-bar a {
    border: solid rgb(var(--gray)) 1px;
    background: rgb(var(--light-gray));
    color: rgb(var(--bright-accent));
}
.owindow .button-bar a:hover {
    border: solid rgb(var(--light-gray)) 1px;
    background: rgb(var(--gray));
    color: rgb(var(--dark-accent));
}
.modal-body img {
    background-color: transparent !important;
}
 
#lock-info {
    border: solid rgb(var(--light-gray)) 1px;
    background: rgb(var(--pale-gray));
}
.preview-message {
    border-color: rgb(var(--medium-accent));
    background-color: rgb(var(--pale-gray));
}
 
/* Others */
::-webkit-scrollbar-thumb {
    background: rgba(68,68,68,0.5);
}
::-webkit-scrollbar-track {
    background: rgba(170,170,170,0.8);
}
 
::selection {
    background: rgba(var(--medium-accent),0.3);
}
 
@media (max-width:840px) {
#header h1 a span::before {
    letter-spacing: 0.5px;
    font-size: 30px;
}/*
#header {
    background-position: 20px 20px;
    background-size: 75px 75px;
}*/
}
@media (max-width:480px) {
#header h1 a span::before {
    letter-spacing: 0.2px;
    font-size: 24px;
}
#header {
    background-position: 5px 40px;
    background-size: 55px 55px;
}
}