:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
商业帝国 版式是一个由
若要在您的页面使用本版式,在页面顶部加入以下代码:
[[include :backrooms-wiki-cn:theme:business-empire]]
- 应用 hidetitle=a 设置可以移除页面标题;
- 应用 wide=a 设置可以扩展页面的宽度。
元素
页面标题
标题一
标题二
标题三
标题四
标题五
标题六
常规元素
雪貂最可爱了 CC BY-SA 4.0
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最1
分页和表格
表头 | 表头 | 表头 |
---|---|---|
这玩意 | 还有谁 | |
不会做 |
本版式的生存难度组件外观设计仿照 B.N.T.G. 版式制作。
生存难度:生存難度:
等级等級 0
- {$one}
- {$two}
- {$three}
生存难度:生存難度:
等级等級 1
- {$one}
- {$two}
- {$three}
生存难度:生存難度:
等级等級 2
- {$one}
- {$two}
- {$three}
生存难度:生存難度:
等级等級 3
- {$one}
- {$two}
- {$three}
生存难度:生存難度:
等级等級 4
- {$one}
- {$two}
- {$three}
生存难度:生存難度:
等级等級 5
- {$one}
- {$two}
- {$three}
生存难度:生存難度:
等级等級 unknown
- {$one}
- {$two}
- {$three}
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
雪貂最可爱了
DIV 块
[[div class="blockquote"]]
[[/div]]
[[div class="jotting"]]
[[/div]]
[[div class="borderblock"]]
[[/div]]
[[div class="lightblock"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="styled-quote-d"]]
[[/div]]
[[div class="border-style-quote"]]
[[/div]]
标题文本
[[div class="titleblock"]]
[[span class="titlebox"]]标题文本[[/span]]
[[/div]]
排版工具组
这个版式对排版工具组做了适配,并且自动引入,也就是说你不用再次引用排版工具组。现展示部分元素如下。
标题
研究人员:XXX
报告时间:XXX
正文内容
结尾内容
这是一只雪貂
这是一个便签纸
可以显示多行文字
每行文字下会有横线
就像笔记本一样
等一下不是便签纸吗
其他未展示元素对比原版基本一致。
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap'); @font-face { font-family: 'ChillGSans'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ChillGSans.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css"); :root { --header-title: "B.N.T.G."; --header-subtitle: "后室不结盟贸易集团"; --logo-img: url(''); --accent: 86, 108, 90; --back: 220,221,215; --pale-accent: 232, 231, 213; --font: 102, 102, 102; --white-monochrome: rbg(var(--pale-accent)); --black-monochrome: rbg(var(--font)); --dark-gray-monochrome: 64, 61, 60; --link-color: 68, 117, 77; --class-1: 182, 181, 163; --header-txt-color: #dcddd7; --body-bg-color: 220, 221, 215; --header-bg-img: url('http://imgurl.diadi.cn/imgs/2023/05/8a47c101ae5f320f.jpeg'); --box-border: rgb(var(--accent)); --box-shadow: rgb(var(--accent)); --ui-font: 'Noto Serif SC', PT Serif, serif; --head-font: 'ChillGSans' , 'Staatliches', sans-serif; --page-font: 'Noto Serif SC', PT Serif, serif; --link-txt-color: rgba(var(--link-color)) ; } @media screen and (min-width: 768px) { :root { --page-font-size: 1rem; } } body { background-image: none; background-color: rgb(var(--body-bg-color)); font-family: var(--ui-font); color: rgb(var(--font)); } /* 版头 */ div#header { height: 170px; } #extra-div-6 { /* 版头图片 */ position: absolute; top: 0; left: 0; right: 0; background-image: var(--header-bg-img); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; height: 200px; } #header h2::before { content: var(--header-subtitle); font-weight: 700; font-size: 1.7em; color: rgba(var(--back)); line-height: 26px; margin-top: 1rem; display: block; text-transform: uppercase; } /* 顶栏 */ #header #top-bar a { color: rgb(var(--back)); background: transparent; font-size: 110% } #header #top-bar .open-menu a { font-size: 30px; padding: 0.25rem; background: rgba(var(--accent), 0.65); box-shadow: 0 0 0.1rem rgba(0,0,0,0.2); color: rgba(var(--back)); } #login-status { border: 2px solid rgba(var(--accent)); background-color: rgba(var(--pale-accent)); padding: 0.35rem 0.5rem; border-radius: 2px; color: rgba(var(--font)); } #search-top-box-form { margin-top: 1rem; } #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { color: rgba(var(--back)); } /* 侧栏 */ #side-bar { background: rgb(var(--pale-accent)); } #side-bar .side-block { border: #dcddd7; background: transparent } @media screen and (max-width: 767px) { #side-bar:target .close-menu { background: unset; } } /* 页面标题 */ #page-title { color: rgb(var(--font)); width: auto; position: relative; font-size: 220% } #page-title::after { content: ''; position: absolute; bottom: -0.5rem; left: calc(50% - 4rem); height: 5px; width: 8rem; } #page-content h1 { position: relative; width: fit-content } #page-content h1:not(.reportblock h1)::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0.5em; width: 100%; } h1, h2, h3, h4, h5, h6 { color: rgba(var(--font)); } /* 排版工具组 */ :root { --lh-white-bg: 245,245,245; --lh-dark-bg: var(--accent); --lh-highlighter: var(--accent); --lh-border-color: var(--accent); --lh-wiki-note-color: var(--accent); } div.wiki-note::before { color: #eee } .reportblock h1:first-child, .reportblock-dark h1:first-child { color: rgba(var(--pale-accent)); top: -1rem; left: 0 } .reportblock, .reportblock-dark { background-color: rgba(var(--pale-accent)); padding: 0.4rem 1.5rem; padding-top: 0 } .bettercollap .collapsible-block { border-radius: 3px } #page-content .bettercollap .collapsible-block-link:hover, #page-content .bettercollap .collapsible-block-link:hover a, #page-content .bettercollap .collapsible-block-link a:hover, #page-content .bettercollap .collapsible-block-link:hover a:hover { color: none; text-decoration: none } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: none; transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link { color: #dcddd7; background: rgb(var(--lh-border-color))!important; text-decoration: none } .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--back)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-accent)); border-width: 3px } .titleblock { background-color: rgb(var(--pale-accent)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid rgb(var(--accent)) 2px; } .titlebox{ position: relative; top: -1.6rem; background-color: rgb(var(--accent)); color: rgb(var(--font)); padding: 0.25rem 1rem; line-height: 0.1rem; } /* 页内标题(Headings) */ a.newpage { color: rgb(255, 140, 0) } a.newpage:hover{ background-color: rgb(255, 140, 0) } /* 分割线 */ hr { border-color: rgb(var(--accent)); background-color: rgb(var(--accent)); } /* Div块设置 */ div.blockquote, blockquote { background-color: rgb(var(--pale-accent)); border-color: rgba(var(--accent)); box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .lightblock, .darkblock, .styled-quote, .dark-styled-quote , .styled-quote-d, .border-style-quote { padding: 0 1em; margin: 0.5em 0.1em; border: 1px solid transparent ; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.10); } .borderblock { padding: 0 1em; margin: 0.5em 0.1em; border: 1px solid transparent ; } .styled-quote { border-left: .6rem solid rgb(var(--accent)) } .styled-quote-d { border-left: .5rem solid rgb(var(--accent)); border-right: .5rem solid rgb(var(--accent)); } .lightblock, .styled-quote, .styled-quote-d, .border-style-quote { background-color: rgba(var(--pale-accent)); } .border-style-quote { border: .4rem solid rgb(var(--accent)); } .darkblock ,.dark-styled-quote { background-color: rgba(var(--accent)); color: #e8e7d5 ; } .dark-styled-quote { border-left: .6rem solid rgb(var(--pale-accent)); } .darkblock hr, .dark-styled-quote hr { border-color: rgb(var(--pale-accent)); background-color: rgb(var(--pale-accent)); } .darkblock h1, .darkblock h2, .darkblock h3, .darkblock h4, .darkblock h5, .darkblock h6, .dark-styled-quote h1, .dark-styled-quote h2, .dark-styled-quote h3, .dark-styled-quote h4, .dark-styled-quote h5, .dark-styled-quote h6 { color: rgba(var(--pale-accent)); } .borderblock { border: 1px solid #c6c6c6; border-radius: 5px; } .jotting { padding: 0 1em; margin: 1em 2em } .titleblock { background-color: rgb(var(--pale-accent)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid rgb(var(--accent)) 2px; } .titlebox{ position: relative; top: -1.6rem; background-color: rgb(var(--accent)); color: rgb(var(--pale-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } code, .code { background-color: rgb(var(--pale-accent)); } /* 表格 */ table.wiki-content-table td, table.wiki-content-table th { border-color: rgb(var(--accent)); } table.wiki-content-table th { background-color: rgb(var(--accent)); color: rgb(var(--back)); } /* 分页设置 */ .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--accent)); box-shadow: 0 0 0 0.0625rem rgb(var(--accent)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--pale-accent)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { color: rgb(var(--font)); } .yui-navset .yui-content { background-color: rgb(var(--pale-accent)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { color: rgb(var(--pale-accent)); background: rgb(var(--accent)); border-color: rgba(var(--font)); } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: rgba(var(--accent)); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--accent)); } /* 芝加哥鬼灵分页效果 */ .filetabs .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { display: inline-block; } .filetabs .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { display: block; } .filetabs .yui-navset .yui-content { border-top-width: 15px; } .filetabs .yui-navset .yui-nav a, .filetabs .yui-navset .yui-navset-top .yui-nav a, .filetabs .yui-navset .yui-nav .selected a, .filetabs .yui-navset .yui-nav a:focus, .filetabs .yui-navset .yui-navset-top .yui-nav a:focus, .filetabs .yui-navset .yui-nav a:hover, .filetabs .yui-navset .yui-navset-top .yui-nav a:hover { background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' preserveAspectRatio='