黑色标记笔版式 - 开发版本
主题颜色
Madras--dark-accent#222200
Chenin--bright-accent#FFB961
Pacifika--terminal-medium#857625
Anzak--medium-accent#0F1442
使用方法
注意:这是一个基于黑色标记笔的主题版式。本主题默认引用了黑色标记笔的版式。点击这里了解更多。
在你的作品开头添加如下语法以应用此版式:
[[include :under-welkin:component:black-highlighter-theme-dev]]
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入1至6个加号“+”来创建。
此为分页(tab view)。
看,这有更多文字。
多么精巧绝伦。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
以及更多1
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
页眉字体为 Russo One。
正文字体为 Noto Sans SC。
标题字体为 Exo。
等宽字为 PT Mono / Noto Serif SC。
/* ———————————————————————————————— [2020 Wikidot Theme] The Code of The Part of Tabview is Partly Changed From Ar-Theme, made by Croquembouche, with help from Jacob Conwell and OthellotheCat. The Theme Are Consulted From Black Highlightyear made By Rounderhouse, which is based off Ad Astra theme by Stormbreath and NatVoltaic Editted By Chen XX. The Header Pictures Are Created By Chen XX. Under CC BY SA 3.0. ————————————————————————————————— */ /* Fonts */ @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800'); @import url('https://fonts.googleapis.com/css?family=Exo:400,800'); @import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap'); /* Powered on 2019/09/06 03:05:59 [2019 Wikidot Theme] Created by hey_kounoike CC BY-SA 3.0 */ @import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC|Noto+Serif+SC|Noto+Sans+TC|Noto+Serif+TC&display=swap'); /* All Vars Used */ :root { --theme-base: "nuscp"; --theme-id: "welkin-theme"; --theme-name: "Under-Welkin"; /* Header */ --logo-image: url("http://under-welkin.wikidot.com/local--files/component:theme/header"); --header-title: "天穹敻远"; --header-subtitle: "列星安陈,众线何参"; /* Typefaces */ --body-font:"Noto Sans SC", 'Lato', sans-serif; --header-font: 'Russo One', sans-serif; --title-font: 'Exo', sans-serif; --mono-font: "PT Mono", 'Noto Serif SC', "Andale Mono", "Courier New", Courier, monospace; /* Standard Colors */ --white-monochrome: 252, 252, 252; /* white */ --pale-gray-monochrome: 244, 244, 244; /* v light gray for blockquotes and stuff */ --light-gray-monochrome: 170, 170, 170; /* light accent gray for login status */ --gray-monochrome: 66, 66, 72; /* gray */ --dark-gray-monochrome: 48, 48, 52; /* dark accent gray for sidebar background */ --black-monochrome: 12, 12, 12; /* black */ --bright-accent: 255, 185, 97; /* gold */ --medium-accent: 15, 20, 66; /* maroon */ --dark-accent: 36, 65, 103; /* idk */ --newpage-color: 221, 102, 17; /* pale orange */ --bg: 11, 20, 47; /* background */ /* Primary Theme Colors */ --swatch-background: var(--bg); --swatch-primary: var(--medium-accent); --swatch-primary-darker: var(--bright-accent); --swatch-primary-darkest: var(--bright-accent); /* Primary Text Colors */ --swatch-text-dark: transparent; --swatch-text-light: var(--white-monochrome); --swatch-important-text: var(--bright-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--bg); --swatch-menubg-light-color: var(--dark-accent); --swatch-menubg-medium-color: var(--dark-accent); --swatch-menubg-medium-dark-color: var(--black-monochrome); --swatch-menubg-dark-color: var(--medium-accent); --swatch-menubg-black-color: var(--black-monochrome); --swatch-menubg-hover-color: var(--dark-accent); --swatch-menutxt-dark-color: var(--bright-accent); --swatch-menutxt-light-color: var(--bright-accent); --swatch-border-color: var(--bright-accent); /* Primary Header Colors */ --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--bright-accent); --swatch-topmenu-border-color: var(--bright-accent); --swatch-topmenu-bg-color: var(--medium-accent); --rating-module-button-color: var(--bright-accent); --rating-module-text-color: var(--bright-accent); /* Spacing Measurements */ --offset-from-page-top: 1.2rem; /* space between the top of the page and the start of the header */ --body-width-on-desktop: 44.25rem; --sidebar-width-on-desktop: calc(var(--base-font-size)*19); --sidebar-width-on-mobile: 14rem; --scrollbar-width: 0.5625rem; --border-styling: solid 0.0625rem rgb(var(--swatch-border-color)); --border-radius-width: 0.0625rem; /* 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)); /* Sidebar */ --sidebar-transition-timing: 0.5s ease-in-out 0.1s; --sidebar-internal-border-thickness: 0.125rem; --background-gradient-color: 36, 38, 114; --background-gradient-distance: 10rem; /* Dynamic Font Sizing */ /* This set of vars will make the base font size vary with screen width */ /* base font size ranges */ --unitless-min-font-size: 0.8; --unitless-max-font-size: 1; /* base viewport size ranges */ --unitless-min-viewport: 768; --unitless-max-viewport: 900; /* base line height size ranges */ --min-lineheight: 1.2; --max-lineheight: 1.5; /* calculating size differences */ --font-size-difference: calc(var(--unitless-max-font-size) - var(--unitless-min-font-size)); --lineheight-difference: calc(var(--max-lineheight) - var(--min-lineheight)); --viewport-range-difference: calc(var(--unitless-max-viewport) - var(--unitless-min-viewport)); --min-viewport-difference: calc(100vw - (var(--unitless-min-viewport) * 1px)); /* responsive fluid type formula */ --font-calc: calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); --line-calc: calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); /* final values */ --base-font-size: var(--font-calc); --base-line-height: var(--line-calc); --diagonal-stripes: none; --rating-module-button-plus-color: 36, 70, 59; --rating-module-button-negative-color: 48, 36, 95; } #top-bar .list-pages-box{ display:none; } .open-themes .themes-white, .open-themes .themes-white, .open-themes-container { display: none; } #page-title { text-align: center ; font-family: var(--header-font); font-size: 240%; } @media (max-width: 767px) { .owindow .content, .owindow .title { color: #FFF !important; } } #skrollr-body { width: 100%; position: absolute; top: 0; left: 0; background-image: url(https://i.loli.net/2020/03/30/GrKCsS8ghfoQDep.png); background-repeat: repeat-x; } body { color: #c5c5c5; } #header h2 span { line-height: 1 !important; } html, body, #side-bar:hover { scrollbar-color: rgb(var(--bright-accent)) rgb(var(--dark-accent)); } ::selection { background-color: rgba(78,82,193,.25) !important ; } ::-webkit-scrollbar, #side-bar:hover::-webkit-scrollbar { background-color: rgb(var(--dark-accent)); } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--bright-accent)); } #top-bar div.top-bar>ul>li>ul>li>a:before, #top-bar div.top-bar>ul>li>ul>li>a:hover:before, #top-bar div.top-bar>ul>li>ul>li>ul>li>a:before { background: rgba(var(--dark-accent),1); } #side-bar .heading { border-top: 0px solid transparent !important; padding: .25rem !important; background: rgba(78,82,193,0.05) !important ; } .scp-image-block .scp-image-caption { font-size: .8em; background-color:rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } h1, h2, h3, h4, h5, h6 { color: rgb(var(--bright-accent)); } #search-top-box input.empty { background-color: #122235; color: #c5c5c5; } #search-top-box-input, #search-top-box-input { background: #163356; } @media (min-width: 767px) { #search-top-box-form input[type=submit] { padding: 0 0.325em; margin-left: 0.4em; border: 1px solid #122235 !important; border-radius: 0!important; color: #c1c1c1!important; background: #19314e!important; font-family: 微软雅黑,monospace; } } span.printuser { color: rgb(var(--bright-accent)); } #page-title { border-color: rgb(var(--bright-accent)); text-transform: uppercase; font-variant: small-caps; color: rgb(var(--bright-accent)); } #lock-info { background-color: #0b0c1d; border: 1px solid #ffb961; padding: 0.5em 1em; margin: 1em 0; border: solid 1px #ffb926; } div#page-options-bottom-2 > a, div#page-optionssea-bottom > a, div#page-options-bottom > a, div#page-optionssea-bottom > a { border: .125rem solid #0b297d; background-color: #0e2052; color: rgb(var(--bright-accent)); } div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:hover, div#page-options-bottom > a:hover, div#page-options-bottom > a:hover { border: .125rem solid #0b297d; background-color: rgb(var(--bright-accent)); color: #0e2052; } @media only screen and (max-width: 768px) { #top-bar>div.mobile-top-bar>div.open-menu>p>a { width: 3em !important; } } @media only screen and (max-width: 768px) { #header h2 { overflow: hidden; height: 100%; pointer-events: none; } #header h1 span { font-size: 75%; } #top-bar { font-size: calc(var(--base-font-size)*0.70); } #skrollr-body { width: 100%; background-image: url(https://i.loli.net/2020/03/30/GrKCsS8ghfoQDep.png); background-size: inherit; } #top-bar .list-pages-box{ display: block !important; } } element > .img { border: 2px solid rgb(var(--bright-accent))!important; background-color: transparent!important; } /* Code */ .code { border: 1px dashed #666; background-color: transparent; font-family: "Consolas", "Courier New", "Roboto Mono", monospace; } /* code highlighter stuff */ .hl-identifier, .hl-code, .hl-brackets { color: #ccc; } .hl-var { color: #ccc; } .hl-special { color: #ccc; } .hl-reserved { color: #ccc; } .hl-number, .hl-string { color: #ccc; } del { color: #ccc; } ins { color: #ccc; } del { color: #ccc; } ins { color: #ccc; } /* Highlight-content */ .hl { color: #ffbe3d; font-weight: bold; } .hl-c { color: #ffbe3d; } .hl-m { color: #ffbe3d; font-weight: 900; } /* RATING AND INFO MODULES */ .page-rate-widget-box { box-shadow: 0px 0px 0px 2px #ffb961; background-color: #0f335f !important; padding: .1em; border-radius: 0px 7px 0px 7px; } .page-rate-widget-box .rate-points { background-color: #0f335f !important; border: none; color: #ffb961 !important; text-transform: capitalize; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color:#0f335f; border-top: none; border-bottom: none; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: #0f336f; color: #ffb961; transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -webkit-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; } } .page-rate-widget-box .cancel { background: transparent; background-color: #0f336f; border: none; } .page-rate-widget-box .cancel a { color: #ffb961; } /* Credit Module */ #page-content .rate-box-with-credit-button { background-color: rgb(var(--medium-accent)); border: 1px solid rgb(var(--medium-accent)); border-radius: 0px 10px 0px 10px; box-shadow: 0px 0px 0px 2px #ffb961; } #page-content .rate-box-with-credit-button .creditButton p a { border-left-color: #ffb961; } #page-content .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } #page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points { border-left: 0; } #page-content .rate-box-with-credit-button .fa-info { border-color: #ffb961 ; color: #ffb961 ; } #page-content .rate-box-with-credit-button .fa-info:hover { color: white; } #page-content .modalbox { background: #101d2e !important; color: #ccc; box-shadow: 0px 0px 0px 2px #ffb961; } .close-credits, .credit-back { filter: hue-rotate(60deg) brightness(400%); } .hovertip { border: solid 2px #ccc!important; border-radius: 4px!important; background-color: #1b304d!important; /* black shadow at the top of the terminal */ background-image: radial-gradient(ellipse 1000% 100% at 50% 90%, transparent,#1b284d)!important; background-position: center!important; display: block; /* shadow around the terminal */ box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5)!important; } .hovertip .content { padding: 0.2em 0.5em; color: #c2c2c2; } .footnotes-footer > .title, .hovertip > .title { text-decoration: underline; } .footnotes-footer { border: 1px solid black; border: solid 2px #BBBBBB; border-radius: 4px; background-color: #1b304d; /* black shadow at the top of the terminal */ background-image: radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #1b284d); background-position: center; display: block; /* shadow around the terminal */ box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5); /* prevents scanline from forming a scrollwheel */ overflow:hidden; } a { color: #c1cada; text-decoration: none; background-color: transparent; transition: color .4s ease-in-out; -moz-transition: color .4s ease-in-out; -webkit-transition: color .4s ease-in-out; -o-transition: color .4s ease-in-out; } a:visited { color: #a0a8b7; } a:hover { color: #ffd88a; text-decoration: underline; background-color: #272727; padding: 0; } #side-bar a:visited { color: #ffbe3d; } /* Ayer's Info Module */ :root { --barColour: #5C1D24; --linkColour: #ffb961; } .info-container .collapsible-block-unfolded { border-color: #ffb961; } /* PAGE ELEMENTS */ blockquote{ margin: 1em 0; border: 2.5px solid #ccc; border-radius: 8px; background-color: rgba(33,33,45); } .wiki-content-table tr th { background: #1b304d; color: #ffb961; border-color: #ffb961; } table.wiki-content-table th, table.wiki-content-table tr { border: .0625rem solid rgba(var(--bright-accent),.5) !important; }
Footnotes
1. 这里是脚注!