Themes
ACRD宇宙观测所
此版式由 GodHands does not match any existing user name 创建。
@import url('https://fontlibrary.org/face/fantasque-sans-mono'); :root { --theme-base: "black-highlighter"; --theme-id: "liminal"; --theme-name: "Liminal Theme"; --logo-image: url("https://ru-backrooms-wiki.wikidot.com/local--files/theme:cbs-theme/pochemu.png"); --header-title: "KVZ 数据库"; --header-subtitle: "大千世界是一座剧场,而我们隐于它的幕后。"; --body-font: 'Noto Sans SC', 'Inter', sans-serif; --header-font: 'Fantasque Sans Mono', 'Noto Sans SC', 'Inter', sans-serif; --title-font: 'Fantasque Sans Mono', 'Noto Sans SC', 'Inter', sans-serif; --mono-font: 'Fantasque Sans Mono', 'Noto Serif SC', 'Inter', monospace; --black: 0, 0, 0; --white: 245, 245, 245; --gainsboro: 220, 220, 220; --silver: 192, 192, 192; --snow: 255, 250, 250; --darkslate: 47, 79, 79; --darkgray: 169, 169, 169; --dimgray: 105, 105, 105; --slategray: 112, 128, 144; --swatch-topmenu-border-color: var(--black); --link-color: 230, 23, 68; --hover-link-color: 230, 23, 68; --white-monochrome: var(--white); --pale-gray-monochrome: var(--gainsboro); --gray-monochrome: var(--black); --medium-accent: var(--black); --dark-accent: var(--silver); --pale-accent: var(--silver); --light-gray-monochrome: var(--gainsboro); --black-monochrome: var(--black); --bright-accent: var(--silver); --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to top, rgba(var(--black)) 0%, rgba(var(--black), 0.90) 100% ); --diagonal-stripes: linear-gradient(transparent 0); /* Primary Theme Colors */ --swatch-background: var(--white); --swatch-primary: var(--darkgray); --swatch-primary-darker: var(--dimgray); --swatch-primary-darkest: var(--black); /* Primary Text Colors */ --barColour: var(--white); --linkColour: var(--dimgray); /* Primary Menu Colors */ --swatch-menubg-color: var(--white); --swatch-menubg-light-color: var(--gainsboro); --swatch-menubg-medium-color: var(--silver); --swatch-menubg-medium-dark-color: var(--dimgray); --swatch-menubg-dark-color: var(--darkslate); --swatch-menubg-black-color: var(--dimgray); --swatch-menubg-hover-color: var(--dimgray); --swatch-menutxt-dark-color: var(--dimgray); --swatch-menutxt-light-color: var(--white); --swatch-border-color: var(--white); /* Link Colors */ --link-color: var(--darkslate); --visited-link-color: var(--dimgray); --hover-link-color: var(--darkgray); --newpage-color: var(--slategray); --sidebar-links-text: var(--black); --link-color-bright: var(--darkgray); /* CN Compatibility Fixes by Lupus Caeruleus */ --swatch-border-color: var(--black); } #skrollr-body { background-image: radial-gradient(circle, rgb(var(--black)) 50%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } #side-bar .side-block div a img { filter: grayscale(100%); } /* fix sidebar scrollbar color */ #side-bar:hover, #side-bar:active, #side-bar:focus-within { scrollbar-color: unset !important; } div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; border: none; } div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover { border: none; } #header, #top-bar { background-attachment: scroll; } #header { background-image: none; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: -10px; background-image: var(--logo-image); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.7; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } #header h1 a::before, #header h2 span::before { text-shadow: .063rem 0.1rem 0.1rem #0c0c0c; } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .styled-quote { background-color:rgb(var(--gainsboro)); border-left: 0.5rem solid rgba(var(--silver)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote { background-color:rgb(var(--silver)); border-left: 0.5rem solid rgba(var(--gainsboro)); color:rgb(var(--snow)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote a{ color: rgb(var(--darkgray)); } .light-styled-quote { background-color:rgb(var(--snow)); border-left: 0.5rem solid rgba(var(--black)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .black-styled-quote { background-color:rgb(var(--black)); border-left: 0.5rem solid rgba(var(--snow)); color:rgb(var(--snow)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .black-styled-quote a{ color: rgb(var(--darkgray)); } .slate-styled-quote { background-color:rgb(var(--silver)); border-left: 0.5rem solid rgba(var(--darkslate)); color:rgb(var(--snow)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-slate-styled-quote { background-color:rgb(var(--darkslate)); border-left: 0.5rem solid rgba(var(--silver)); color:rgb(var(--snow)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-slate-styled-quote a{ color: rgb(var(--darkgray)); } .lightblock { background-color:rgb(var(--snow)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .grayblock { background-color:rgb(var(--gainsboro)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .darkblock { background-color:rgb(var(--silver)); color:rgb(var(--snow)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.25); } .darkblock a { color: rgb(var(--darkgray)); } .blackblock { background-color:rgb(var(--black)); color:rgb(var(--snow)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.25); } .blackblock a { color: rgb(var(--darkgray)); } .slateblock { background-color:rgb(var(--darkslate)); color:rgb(var(--snow)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.25); } .slateblock a { color: rgb(var(--darkgray)); } .transparentblock { background-color: rgba(var(--darkgray), 0.4); border: 1px solid rgb(var(--black)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .page-rate-widget-box { box-shadow: 0px 0px 0px 2px rgb(var(--darkslate)); background: rgb(var(--silver)); padding: .1em; } /* TABVIEW - Abandon All Hope Ye Who Enter Here */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: rgb(var(--black)); -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 rgb(var(--white)); box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--white)); } /* Unselected Tab Values */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--darkgray)); color: rgb(var(--black)); } /* Tab Hover Values */ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: rgb(var(--dimgray)); color: rgb(var(--white)) !important; } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background: rgb(var(--darkgray)); -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--black)); box-shadow: 0 0 0 0.0625rem rgb(var(--black)); } /* Selected Tab */ .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav .selected:hover, .yui-navset .yui-navset-top .yui-nav .selected:hover { color: rgb(var(--darkslate)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgb(var(--darkslate)); } .yui-navset .yui-nav .selected a { /* Undoes a color set by wikidot's default layout */ color: rgb(252, 252, 252) !important; } .yui-navset .yui-content { background-color: rgb(var(--gainsboro)); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--black)); } .yui-navset-left .yui-content { border-left-color: rgb(var(--black)); } /* Selected tab top colour */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-color: rgb(var(--darkgray)); color: #000000; } div.blockquote, blockquote { background-color: rgba(var(--darkgray), 0.4); color: rgb(var(--black)); border: 1px solid rgb(var(--black)); } table.wiki-content-table { background-color: rgba(var(--darkgray), 0.4); color: rgb(var(--black)); border: 1px solid rgb(var(--black)); box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } table.wiki-content-table th { background-color: rgb(var(--black)); color: rgb(var(--white)); border: 1px solid rgb(var(--black)); font-weight: 700; } .footnotes-footer { background-color: rgba(var(--darkgray), 0.4); color: rgb(var(--black)); border: 1px solid rgb(var(--black)); box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } a.footnote-footer { color: rgb(var(--darkslate)) !important; } .footnote-footer>a:first-of-type { color: rgb(var(--darkslate)) !important; } .code { background-color: rgba(var(--darkgray), 0.4); color: rgb(var(--black)); border: 1px solid rgb(var(--black)); }