テーマカラー
これはEstrellaYoshteによる、SCP-5999のビジュアルから派生してBlack Highlighterを基盤としたテーマです。
このテーマを使用するには、Black Highlighterテーマも貼り付ける必要があります。詳しくはこちらを参照してください。
このテーマを使用するには、次のコードをページに貼り付けてください:
[[include :scp-jp:theme:black-highlighter-theme]]
[[include :scp-jp:theme:isolated-terminal]]

画像。
分割線は5個のハイフン(-)で作ることができ、何かの中でない限り(例えば引用符)ページ全体に展開されます。このページを区切る線が分割線です。
タイトルは行の先頭に1から6個のプラス(+)を置くことで作れます。
第1見出し
第2見出し
第3見出し
第4見出し
第5見出し
第6見出し
これはタブです。
おや見てください、ここにも文章が。
奇妙なり。
長いタブです。たくさん文章が詰まっています。1
長いタブです。たくさん文章が詰まっています。
長いタブです。たくさん文章が詰まっています。
長いタブです。たくさん文章が詰まっています。
長いタブです。たくさん文章が詰まっています。
長いタブです。たくさん文章が詰まっています。
長いタブです。たくさん文章が詰まっています。
長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これも長いタブです。たくさん文章が詰まっています。
これは引用符です。各行の先頭に大なり記号と半角スペース(>)を置くことで作れます。
たくさんの文章
分割線
入れ子にされた引用符
これは | テーブルです |
---|---|
もう既に | 作り方は |
知っていますね |
[[div class="expoblock"]]
expoblock div内の分割線。
[[span class="hilighter"]]
素晴らしすぎて置き場所に困る - 大体どういうことかお分かりでしょう。
追加設定
走査線フィルターを無効にするには、次のコードをページに貼り付けてください:
[[module CSS]]
div#extrac-div-1, div#extrac-div-2 {
display: none;
}
[[/module]]
このテーマは現状のままで使用されることを想定していますが、[[include]]の後に次のコードを貼り付けることで色を変更することができます:
:root {
--accentColor: 246,196,3;
--darkColor: 40,26,8;
}
--accentColorは主要な強調色(デフォルトで黄色)を操作します。
--darkColorはテーマの背景と暗い色合いを操作します。
RGBフォーマットでお好きな色に変更してみましょう。
背景に澄んだ黒を使用しないことを推奨します。
ヘッダーフォントはIBM VGA8x16とDotGothic16。
bodyフォントはTerminusとSawarabi Mincho。
等幅フォントはProFontWindowsとNasuフォント。
ソースコード
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/terminus.css'); @import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/profontwindows.css'); @import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/vga8.css'); @import url('http://scp-jp-storage.wikidot.com/local--files/file:6673216-74-lj3n/index.css'); @import url('http://scp-jp-storage.wikidot.com/local--files/file:6673216-76-xor3/index.css'); @import url('http://scp-jp-storage.wikidot.com/local--files/file:6673216-75-rgyr/index.css'); #main-content { padding: 1rem; margin-top: 0; } :root { /* S-CSS-P統合 */ /* 新規にCSSテーマを作成する場合は、最低でも以下の3つの変数を組み込んでください。 */ --theme-base: "black-highlighter"; /* "black-highlighter"または"sigma9"のいずれかでなければいけません */ --theme-id: "isolated-terminal"; /* テーマページのURLに配置してください - 例: "component:ar-theme"の場合、"ar-theme"に配置してください */ --theme-name: "Isolated Terminal Theme"; /* テーマの名前に配置してください */ /* ヘッダーの寸法 */ --header-height-on-desktop: 12.4rem; --header-height-on-mobile: 12rem; --header-h1-font-size: calc(var(--base-font-size) * 3); /* 活字書体 */ --body-font: 'terminus_ttfmedium', 'SawarabiMincho', sans-serif; --header-font: 'mxplus_ibm_vga_8x16regular', 'DotGothic', sans-serif; --title-font: 'mxplus_ibm_vga_8x16regular', 'DotGothic', sans-serif; --mono-font: 'profontwindowsregular', 'Nasu', monospace; --base-font-size: 1.11rem; /* nullロゴ */ --logo-image: none; /* タイトル変更 */ --header-title: "SCP財団"; /* ヘッダーのグラデーション */ --diagonal-stripes: initial; /*----*/ --accentColor: 246,196,3; --darkColor: 40,26,8; --bright-accent: var(--accentColor); --dark-accent: var(--accentColor); --pale-accent: var(--accentColor); --medium-accent: var(--accentColor); --black-monochrome: var(--accentColor); --dark-gray-monochrome: var(--darkColor); --gray-monochrome: var(--darkColor); --light-pale-gray-monochrome: var(--darkColor); --pale-gray-monochrome: var(--accentColor); --very-light-gray-monochrome: var(--darkColor); --white-monochrome: var(--darkColor); --rating-module-button-color: var(--white-monochrome); --rating-module-button-credit-color: var(--white-monochrome); --rating-module-text-color: var(--white-monochrome); --rating-module-button-cancel-color: var(--gray-monochrome); --swatch-headerh1-color: var(--black-monochrome); --swatch-menubg-medium-color: var(--bright-accent); --swatch-menubg-light-color: var(--gray-monochrome); --swatch-menutxt-light-color: var(--black-monochrome); --swatch-menubg-medium-dark-color: var(--black-monochrome); --swatch-primary-darker: var(--bright-accent); --swatch-primary-darkest: var(--gray-monochrome); --swatch-text-light: var(--bright-accent); --swatch-topmenu-bg-color: var(--bright-accent); --gradient-header: none; --gradient-background: rgb(var( --gray-monochrome)); /* デスクトップ・サイドバー・ボタン */ --toggle-button-bg: rgb(var(--black-monochrome)); --toggle-border-width: 0; --toggle-icon-color: rgb(var(--swatch-primary-darkest)); --toggle-roundness: 0; } /* ------------------------------- */ /* ヘッダータイトル調整 */ #header::before { opacity: 1; } /* ロゴの不透明度を変更する */ #header { filter: none; } #header h1, #header h1 a, #header h1 a::before { top: 1.46rem; text-shadow: none; letter-spacing: 0.1rem; } #header h2 { display: none; } /* ヘッダーの小見出しを非表示にする */ /* svg logo mask */ #header::before { background-color: rgb(var(--black-monochrome)); -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E"); -webkit-mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem); mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem); -webkit-mask-position: center 0; mask-position: center 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media only screen and (max-width: 768px) { :root { --header-h1-font-size: calc(var(--base-font-size) * 2.25); } #header h1, #header h1 a, #header h1 a::before { top: 1.91rem; } #header::before { top: 1.25rem; -webkit-mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem); mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem); -webkit-mask-position: center 0.8rem; mask-position: center 0.8rem; } } /* アカウントスタッフ */ #login-status .printuser { color: rgb(var(--pale-gray-monochrome)); } #account-options { background: var(--gradient-background); } /* 検索バー */ @media only screen and (min-width: 769px) { #search-top-box-form input[type="submit"], #search-top-box-input:focus, #search-top-box-input:hover, #search-top-box-form>input { box-shadow: none; border: var(--border-styling); } #search-top-box-form input[type="submit"]:hover { color: rgb(var(--swatch-primary-darkest)); border-width: 0; } } /* デスクトップ・トップバー・コンフィグ */ @media only screen and (min-width: 769px) { #top-bar div.top-bar>ul>li>ul>li>a:hover { color: rgb(var(--gray-monochrome)); } } /* モバイル・トップバー・コンフィグ */ @media only screen and (max-width: 768px) { :root { --swatch-menutxt-light-color: var(--white-monochrome); } #top-bar div.mobile-top-bar>ul>li>ul>li>a { color: rgb(var(--swatch-menubg-medium-dark-color)); } #top-bar div.mobile-top-bar > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li.sfhover > a { color: rgb(var(--black-monochrome)); } #top-bar div.mobile-top-bar>ul>li>a { letter-spacing: -0.07rem; } #search-top-box:not(:focus-within):before { background-color: rgb(var(--black-monochrome)); } } #side-bar .side-block.media, #side-bar .heading, #side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded { background-color: rgb(var(--swatch-primary-darker))!important; } #side-bar .heading p { text-shadow: none; color: rgb(var(--swatch-primary-darkest)); } /* ----- ページ内要素 ----- */ body { font-size: calc(var(--base-font-size) * 1.2); letter-spacing: -0.063rem; line-height: calc(var(--base-font-size) * 1.57); text-shadow: 0 0 5px rgba(var(--black-monochrome), 0.13); /* Ayers情報バー */ --barColour: rgb(var(--black-monochrome)); --linkColour: rgb(var(--white-monochrome)); } #page-title { line-height: calc(var(--base-font-size) * 2); } #page-title, h1, h2, h3, h4, h5, h6 { letter-spacing: 0.07rem; } /* パンくずリスト */ #breadcrumbs, .pseudocrumbs { font-size: calc(var(--base-font-size) * 1.1); } /* テレタイプ */ tt { font-size: calc(var(--base-font-size) * 1.12); letter-spacing: 0; } /* Rateモジュール */ .page-rate-widget-box, #page-content .rate-box-with-credit-button { box-shadow: none; border: none; background: rgb(var(--pale-gray-monochrome)); } #page-content .page-rate-widget-box .rateup a:hover { background-color: rgba(var(--rating-module-button-plus-color), 0.8); } #page-content .page-rate-widget-box .ratedown a:hover { background-color: rgba(var(--rating-module-button-negative-color), 0.8); } #page-content .page-rate-widget-box .cancel a:hover { background-color: rgba(var(--rating-module-button-cancel-color), 0.8); } #page-content .modalbox { background: rgb(var(--swatch-menubg-light-color)) !important; box-shadow: none; border: solid 1px rgb(var(--black-monochrome)); border-radius: 0; } #page-content .modalbox hr { margin: 1em; margin-left: -0.25em; margin-right: -0.25em; } .close-credits, .credit-back { filter: hue-rotate(70deg) brightness(4); } /* 引用符スタイル */ blockquote, div.blockquote, #toc { border: var(--border-styling); background-color: rgba(var(--pale-gray-monochrome), 0.04); } /* コード */ div.code { background-color: #f4f4f4; text-shadow: none; } /* hr */ hr { background-color: rgb(var(--swatch-menubg-medium-color)); height: 0; margin-top: 1.5em; margin-bottom: 1.5em; } blockquote > hr, div.blockquote > hr { margin-left: calc(-1em - 0.7px); margin-right: calc(-1em - 0.7px); } /* リンク */ a, a:visited, a:hover { font-weight: bold; color: rgb(var(--gray-monochrome)); background-color: rgb(var(--black-monochrome)); } a:hover { box-shadow: 0 0 0.7em 0.1em rgba(var(--black-monochrome),0.3); } #content-wrap a { padding: 0.13em; } /* patch */ span.printuser a:not(a:last-child) { background-color: initial; padding: 0; box-shadow: initial; } #header a:hover { box-shadow: initial; /* ヘッダーリンクが影響を受けないようにする */ } form#edit-page-form a, div#action-area a { color: rgb(var(--swatch-menubg-light-color)); } /* 義務的ACS互換性 */ .danger-diamond a, .danger-diamond a:hover { background: initial; text-shadow: none; box-shadow: none; } /* 表 */ table.wiki-content-table th { color: rgb(var(--white-monochrome)); } #page-content .wiki-content-table tr th, #page-content .wiki-content-table tr td { border: solid 1px rgb(var(--black-monochrome)); } /* 画像ブロック */ .scp-image-block { box-sizing: border-box; box-shadow: none; border-color: rgba(var(--black-monochrome), 0); border-width: 0; } .scp-image-block .scp-image-caption { color: rgb(var(--swatch-menubg-light-color)); background-color: rgb(var(--swatch-text-light)); border-color: rgba(var(--swatch-menubg-light-color),0); padding: 0.125rem; margin-top: 6px; } /* ポップアップ・ウィンドウ */ .owindow { border-color: rgb(var(--black-monochrome)); } /* カスタムブロック */ .expoblock { box-sizing: border-box; border: solid 0.7rem rgb(var(--black-monochrome)); padding: 1rem; } .expoblock hr { height: 0.6rem; margin: 1.5em 0; } span.hilighter { background-color: rgb(var(--black-monochrome)); color: rgb(var(--gray-monochrome)); font-weight: bold; padding: 0.2em; font-size: 108%; line-height: 1.2; } /* その他 */ /*licencebox リンクの上書き */ .licensebox .collapsible-block-link { color: rgb(var(--gray-monochrome)); } form#edit-page-form .wd-editor-toolbar-panel a { padding: 0; } #lock-info { background-color: rgb(var(--swatch-menubg-light-color)); border-color: rgb(var(--swatch-text-light)); } div#ohandle-1.title { color: rgb(var(--swatch-primary-darkest)); background-color: rgb(var(--swatch-menubg-medium-dark-color)); } div.page-source { border-color: rgb(var(--swatch-text-light)); } /* タグ */ #main-content .page-tags a { padding: 0.2em; padding-top: 0; padding-bottom: 0; margin: .25rem .2rem; .5rem .2rem; } .page-tags span { border-top: 1px solid rgb(var(--swatch-text-light)); } /* 記事下のボタン */ div#page-options-bottom > a, div#page-options-bottom-2 > a, div#page-options-bottom > a:hover, div#page-options-bottom-2 > a:hover { color: rgb(var(--swatch-text-light)); background-color: rgb(var(--swatch-menubg-light-color)); border-color: rgb(var(--swatch-text-light)); border-radius: 0; } /* その他のボタン */ div#revision-list a { background-color: rgb(var(--swatch-text-light)); } table.page-history td.optionstd a, .buttons .btn, .owindow .button-bar a { color: rgb(var(--swatch-text-light)); background-color: rgb(var(--swatch-menubg-light-color)); border-color: rgb(var(--swatch-text-light)); } .buttons .btn:hover, .owindow .button-bar a:hover { color: rgb(var(--swatch-menubg-light-color)); background-color: rgb(var(--swatch-text-light)); border-color: rgb(var(--swatch-menubg-light-color)); } #license-area { color: rgb(var(--swatch-text-light)); } #action-area span.printuser a:not(a:last-child) { background-color: initial; padding: 0; box-shadow: initial; } /* 走査線 */ div#extrac-div-1 { position: fixed; width: 100vw; height: 100vh; pointer-events: none; background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0)); background-size: auto 8px; opacity: 0.7; z-index: 997; } div#extrac-div-2 { position: fixed; width: 100vw; height : 1rem; top: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,250,250,1) 50%,rgba(255,255,255,0.98) 51%,rgba(255,0,0,0) 100%); opacity : .1; animation: scanm 6s linear infinite; z-index: 998; } @keyframes scanm { 0% { top: -1rem; opacity : .05;} 25% { top: 50%; opacity: .03;} 37.5% { top: 75%; opacity: 0.06;} 50% { top: 100%; opacity: .03;} 100% { top: 100%;} } div#extrac-div-3 { position: fixed; width: 100vw; height: 100vh; pointer-events: none; background-image: radial-gradient(circle, rgb(230,210,200) 0%, rgb(177,158,152) 53%, rgb(55,28,30) 100%); opacity: 0.25; mix-blend-mode: color-dodge; background-repeat: no-repeat; background-size: cover; z-index: 999; } /* Chromeバグ修正 */ html { background: rgb(var(--dark-gray-monochrome)); }