幽鬼纪录 主题版式
黑色标记笔 主题版式 » 黑色标记笔 主题中心 » 幽鬼纪录 主题版式
此为幽鬼纪录主题,为“幽鬼纪录 ”系列书籍而制作。
使用方式
在你的作品开头添加如下语法以应用此版式:
[[include :scp-wiki-cn:wanderers:dustjacket-theme]]
[[include :scp-wiki-cn:wanderers:ghost-record-theme]]
主题组件
正文字体为 Raleway
版头字体为 New Tegomin.
标题字体为 Lato.
打字机体为 Fira Code.
此为链接:
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
此为分页(tab view)。
看,这有更多文字。
多么精巧绝伦。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
如果将“-----”放入类(class)为 “fancyhr” 的 div 元素中,则可以显示另一种水平线样式,如下所示:
[[div_ class="fancyhr"]]
-----
[[/div]]
效果如下:
任何元素添加 “fancyborder” 类(class),即可显示特殊边框。例如,这是此方块的代码:
[[div_ class="fancyborder"]]
内容在此
[[/div]]
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
/* Ghost Record Theme */ /* 2021 Wikidot Theme */ /* By UncertaintyCrossing, based off Wanderers Station theme by Rounderhouse, Dust Jacket theme by Woedenaz, with additional items taken from the Foundless Theme by Greyve and the Pernumbra theme by EstrellaYoshte */ /* All images, textures, and so on are create by me and licensed under CC BY SA 3.0. */ /* Fonts */ @import url(https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap); @import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap); @import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap); @import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap'); :root:lang(cn){ /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "nuscp"; /* must be either "nuscp" or "sigma9" */ --theme-id: "ghost-record"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Ghost Record Theme"; /* set this to your theme's full name */ * Colors */ --pale-gray-monochrome: 200, 237, 235; /* Light Teal */ --light-gray-monochrome: 35, 45, 44; /* Accent Dark Teal */ --gray-monochrome: 48, 64, 63; /* Grey Teal */ --dark-gray-monochrome: 48, 64, 63; /*Grey Teal */ --pale-gray-monochrome: 121, 154, 151; --pale-accent: 136, 198, 201; /* Pale Blue*/ --bright-accent: 171, 245, 236; /* Light Teal*/ --medium-accent: 41, 127, 128; /* Blue */ --dark-accent: 68, 92, 109; /* Dark Blue */ --newpage-color: 10, 14, 14; /* Grey Blue */ --rating-module-button-color: var(--bright-accent); --rating-module-text-color: var(--bright-accent); /* Menu Colors */ --swatch-background: var(--mid-black); --swatch-menubg-color: var(--gray-monochrome); --swatch-menubg-light-color: var(--pale-gray-monochrome); --swatch-menubg-medium-color: var(--light-gray-monochrome); --swatch-menubg-medium-dark-color: var(--black-monochrome); --swatch-menubg-dark-color: var(--dark-gray-monochrome); --swatch-menubg-black-color: var(--black-monochrome); --swatch-menubg-hover-color: var(--gray-monochrome); --swatch-menutxt-dark-color: var(--white-monochrome); --swatch-menutxt-light-color: var(--white-monochrome); --swatch-border-color: var(--black-monochrome); /* Header Colors */ --swatch-topmenu-border-color: var(--light-gray-monochrome); --swatch-topmenu-bg-color: var(--light-gray-monochrome); /* Link Colors */ --link-color: var(--bright-accent); --visited-link-color: var(--pale-gray-monochrome); --hover-link-color: var(--pale-accent); /* Box-Shadow 1px Borders */ --box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color)); --box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color)); --box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color)); --box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color)); --box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color)); /* Header */ --logo-image: url("http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/fancy%20eye.png"); --header-title: "幽鬼紀録"; --header-subtitle: "坏灭堕狱之圣歌"; /* Typefaces */ --body-font: 'Raleway', sans-serif; --header-font: 'New Tegomin', serif; --title-font: 'Lato', sans-serif; / } #header h1 a::before { content: "Ghost Record"; content: var(--header-title); color: rgb(226, 62, 16); color: rgb(var(--bright-accent)); text-shadow: inherit; } #header h1 a::after { background: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/headertexture.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); border-color: rgb(var(--dark-accent)); font-family: var(--title-font); -webkit-transition: border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); } .owindow .button-bar a:hover, .owindow .button-bar a:active, a.button:hover, a.button:active, button:hover, button:active, div.buttons input:hover, div.buttons input:active, file:hover, file:active, input.button:hover, input.button:active { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); border-color: rgb(var(--bright-accent)); } #content-wrap { background-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/hands.png); } #content-wrap { position: relative; } #content-wrap::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-repeat: repeat-x; pointer-events: none; background-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/rain%20bg%202.png); opacity: 0.3; background-color: #272727; } .page-rate-widget-box { border-radius: 0px 15px 0px 15px !important; background-color: #232d2c; } #top-bar div.top-bar > ul > li > ul { background: rgba(var(--medium-accent), 1); } #login-status, #my-account { color: rgb(var(--bright-accent)) !important; } #login-status a { color: rgb(var(--bright-accent)) !important; } #login-status > a > strong { color: rgb(var(--bright-accent)) !important; } #account-topbutton{ border: solid 1px var(--bright-accent); } #account-options { width: auto; padding: 0.5em; border-color: rgba(var(--bright-accent)); background: rgba(var(--medium-accent), 1); color: rgb(var(--swatch-text-light)); } #footer, #footer a { background:#242424; } #license-area { background:#242424; } .titlecolumn { border: 2px solid rgb(var(--dark-accent)); background-color: rgba(var(--medium-accent), 0.75); } .articlecolumn { background-color: rgb(var(--dark-accent)); } /* ---- YUI TAB BASE ---- */ .yui-navset .yui-nav a { color: rgb(var(--swatch-menutxt-light-color)); font-weight: 400 !important; -webkit-transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); will-change: color; } .yui-navset .yui-nav li { background-color: rgb(var(--swatch-menubg-dark-color)); -webkit-transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forward; -moz-animation-fill-mode: forward; -o-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .yui-navset .yui-nav li em { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: -o-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); will-change: transform; } .yui-navset .yui-nav li.selected { margin-top: -0.5em; padding-top: 0.5em; margin-right: 0.0625rem; background-color: rgb(var(--tab-border-color)) !important; -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } .yui-navset .yui-nav li.selected a em { -webkit-transform: translateY(-0.25em); -moz-transform: translateY(-0.25em); -ms-transform: translateY(-0.25em); -o-transform: translateY(-0.25em); transform: translateY(-0.25em); } .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active, .yui-navset .yui-nav a:focus-within { background-color: rgba(0, 0, 0, 0); font-family: var(--title-font); font-weight: 600; isolation: isolate; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active, .yui-navset .yui-nav a:focus-within, .yui-navset .yui-nav li.selected a { color: rgb(var(--swatch-menutxt-dark-color)) !important; } .yui-navset .yui-nav a::before, .yui-navset .yui-nav a::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; pointer-events: none; } .yui-navset .yui-nav a::before { background-image: url("http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/headertexture.png"); -webkit-background-size: 100vw 100vw; -moz-background-size: 100vw; -o-background-size: 100vw; background-size: 100vw; background-attachment: fixed; background-position: 100% 200vh; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(33%, rgba(0, 0, 0, 1)), color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); -webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%); mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(33%, rgba(0, 0, 0, 1)), color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%); -webkit-mask-size: 100% 90px; mask-size: 100% 90px; -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-position: center 0px; mask-position: center 0px; -webkit-transition: background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1); will-change: mask-position, background-position, color; pointer-events: none; } .yui-navset .yui-nav a:hover::before, .yui-navset .yui-nav a:focus::before, .yui-navset .yui-nav li.selected a::before { -webkit-mask-position: center -58px; mask-position: center -58px; background-position: top center; } .yui-navset .yui-nav li a::before { background-color: rgb(var(--tab-border-color), 1); -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forward; -moz-animation-fill-mode: forward; -o-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .yui-navset .yui-nav li.selected a::before { margin-top: -0.5em; padding: 0.5em 0; margin-right: 0.0625rem; -webkit-mask-position: center -50px; mask-position: center -50px; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } .yui-navset .yui-nav a:hover::after, .yui-navset .yui-nav a:focus::after, .yui-navset .yui-nav li.selected a::after { opacity: 0; -webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-direction: backwards; -moz-animation-direction: backwards; -o-animation-direction: backwards; animation-direction: backwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop-Up Windows */ .owindow { background-color: #232d2c; border-color: var(--bright-accent); } .owindow .modal-header { background-color: #232d2c; } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { background-color: #232d2c; color: #var(--bright-accent); border-bottom: 1px solid #2F333C; } .owindow .button-bar a { background-color: #232d2c; border-color: var(--bright-accent); color: #ededed; } .owindow .button-bar a:hover { background-color: var(--bright-accent); } #toc { background-color: rgba(var(--medium-accent)); color: rgba(var(--bright-accent)); } #top-bar div.top-bar div.newpage_dropdown div.new-page-box input { background-color: rgba(var(--bright-accent)); color: rgba(var(--medium-accent)); } #top-bar div.top-bar div.newpage_dropdown div.new-page-box input.button:hover { color: rgba(var(--bright-accent)); border: solid 2px rgba(var(--bright-accent)); } #top-bar div.mobile-top-bar > ul > li > ul > li:hover > a, #top-bar div.top-bar > ul > li > ul > li:hover > a { color: rgba(var(--medium-accent)); } .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em { color: rgba(var(--bright-accent)); } .yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a { background-color: rgba(var(--medium-accent)); } .yui-navset .yui-nav li a em:hover, .yui-navset-top .yui-nav li a em:hover, .yui-navset-bottom .yui-nav li a em:hover { color: rgba(var(--medium-accent)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgba(var(--medium-accent)); } #skrollr-body { width: 100%; height: 10rem; position: absolute; top: 0; left: 0; background-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/headertest.png); background-size: cover; background-position: 50% 50%; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"], #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]:hover { background-color: rgb(var(--medium-accent)); } #search-top-box:not(:focus-within)::before { color: rgb(var(--bright-accent)); } #search-top-box-form input[type="submit"] { background-color: rgb(var(--swatch-menutxt-dark-color)); color: rgb(var(--medium-accent)); font-size: var(--base-font-size); font-weight: 500; padding: 0 0.25em; border: none; -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-dark-color)); -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-dark-color)); box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-dark-color)); -webkit-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1); } #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { border: none; background-color: rgb(var(--dark-accent)); color: rgb(var(--swatch-menutxt-dark-color)); -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-light-color)); -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-light-color)); box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-light-color)); } #page-title { grid-area: page-title; border-color: rgb(var(--bright-accent,66,66,72)); color: rgb(var(--bright-accent,12,12,12)); } h1, h2, h3, h4, h5, h6 { color: rgba(var(--bright-accent)); } #lock-info { background-color: rgba(var(--medium-accent)); color: rgba(var(--bright-accent)); } div#page-options-bottom > a, div#page-options-bottom-2 > a { background-color: rgba(178, 210, 180, 0.25); background-color: rgba(var(--swatch-menubg-light-color), 0.25); border: 0.0625rem solid rgba(255, 219, 90, 1); border: 0.0625rem solid rgba(var(--swatch-primary), 1); color: rgba(var(--bright-accent)); } div#page-options-bottom > a:hover, div#page-options-bottom > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom-2 > a:active { background-color: rgba(30, 55, 30, 1); background-color: rgba(var(--swatch-menubg-dark-color), 1); color: rgba(255, 219, 90, 1); color: rgba(var(--bright-accent), 1); } .wl-translations { border: 1px solid rgba(var(--bright-accent), 1); border-radius: 2px; } .wl-translations a { color: rgba(var(--bright-accent), 1); } .blockquote, blockquote { background-color: rgba(var(--medium-accent)); color: rgba(var(--bright-accent)); border: .063em solid rgba(var(--bright-accent),.25) } table.wiki-content-table th { background-color: rgb(var(--medium-accent)); } table.wiki-content-table th, table.wiki-content-table tr { border: .075rem solid rgba(var(--bright-accent),.50) !important; } div.text a { color: #00B6AC; text-decoration: none; background: transparent; } div.text a.newpage { color: #03fff1; } div.text a:hover { color: #00d0c4; text-decoration: underline; background-color: #272727; padding: 1px; } div.text a:hover::before{ content: "> "; } hr { height: .125rem; border: 0; border-top: 0.0625rem solid transparent; background-color: rgba(255, 219, 90); background-color: rgba(var(--bright-accent)); background: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/headertexture.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { border: 1px solid rgb(var(--bright-accent)); } #search-top-box:not(:focus-within)::before { color: rgb(var(--bright-accent)); } .blockquote, blockquote { border: 3px ridge rgb(var(--dark-accent)); background: rgba(var(--medium-accent),0.05); } hr { height: .125rem; border: 0; border-top: 0.0625rem solid transparent; background-color: rgba(255, 219, 90); background-color: rgba(var(--bright-accent)); background: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/headertexture.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .footnotes-footer { border: 3px ridge rgb(var(--dark-accent)); background: url(http://wanderers-library.wikidot.com/local--files/component:wanderers-depths/paperdivbg.jpg); } .footnotes-footer .title { font-family: var(--title-font); } #toc { border: 3px ridge rgb(var(--medium-accent)); background: url(http://wanderers-library.wikidot.com/local--files/component:wanderers-depths/paperdivbg.jpg); } #toc .title { color: rgb(var(--bright-two)); } textarea, input.text { background-color: rgb(var(--black-monochrome)); color: rgb(var(--pale-gray-monochrome)); padding: 0.5em; } html, body { color: rgb(var(--swatch-text-light)); -webkit-font-feature-settings: "onum"0; -moz-font-feature-settings: "onum"0; font-feature-settings: "onum"0; font-variant-numeric: tabular-nums; scrollbar-color: rgb(var(--pale-gray-monochrome)) rgb(var(--dark-gray-monochrome)); } .footnotes-footer { border: 3px ridge rgb(var(--dark-accent)); background: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/div.png); } .footnotes-footer .title { font-family: var(--title-font); } #toc { border: 3px ridge rgb(var(--medium-accent)); background: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/div.png); } #toc .title { color: rgb(var(--bright-two)); } a { color: rgb(var(--bright-accent)); } a:visited { color: rgb(var(--pale-gray-monochrome)); } a:hover { color: rgba(var(--bright-two), .6); } .fancyhr hr { border-top: 2vw solid transparent; background-color: rgba(255, 219, 90, 0); background-color: rgba(var(--bright-accent), 0); height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-image-source: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/fancyhr.png); border-image-repeat: round round; background: none; border-image-slice: 80 500 80 500 fill; border-image-width: 10em 80em 10em 80em; } .fancyborder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2vw solid rgba(0, 0, 0, 0.5); -webkit-border-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/fancyborder.png) 600 round; -moz-border-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/fancyborder.png) 600 round; -o-border-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/fancyborder.png) 600 round; border-image: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/fancyborder.png) 600 round; border-image-width: 6; padding: 2vw; } /* mobile */ @media only screen and (max-width: 48rem) { div#extrac-div-3::before { text-shadow: inherit; background: url(http://wanderers-library.wdfiles.com/local--files/component%3Aghost-record-theme/headertexture.png); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; content: "Ghost Record"; content: var(--header-title); font-family: var(--header-font); font-size: 1%; width: 100%; height: 6 rem display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; right: 0; background-color: transparent; text-align: center; font-weight: 700; }