deleting
: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 }
/*版式作者地插,请使用半角符号,即英文符号,该版式无偿提供给所有不会修改版式的人,但修改版式时请将相应的注释一同抄写进去*/ @import url("https://github.backroomswiki.cn/Old_BHL/css/liminal.css"); @import url(https://github.backroomswiki.cn/Old_BHL/css/sidebar.css); @import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/fonts/font-bauhaus.css');/*SCPdiv大标题的字体*/ @import url('https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe&display=swap'); @import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap"); @import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=Noto+Serif+SC&display=swap');/*基础字体,请勿删除*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap'); @import url('https://use.fontawesome.com/releases/v5.11.2/css/all.css'); @import url("https://fontsapi.zeoseven.com/79/main/result.css"); @import url("https://fontsapi.zeoseven.com/871/main/result.css"); /*其他杂七杂八的字体*/ :root { /*前六个可以起到很大程度的修改,具体的修改请见下文*/ --white-monochrome: 64, 66, 78; --gray-monochrome: 40, 41, 46;/*顶栏初始颜色*/ --black-monochrome: 198, 196, 206;/*字体颜色,特殊调节颜色外的所有字*/ --bright-accent: 178, 66, 3;/*代码块的滑动条颜色*/ --medium-accent: 40, 41, 46;/*板头背景颜色*/ --dark-accent: 40, 41, 46;/*编辑那一块的按钮颜色*/ --swatch-menubg-dark-color: 138, 136, 146; --body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif;/*正文字体*/ --header-font: "Alumni Sans Pinstripe", "Zhuque Fangsong (technical preview)", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;/*版头的字体(就是那个后室,backrooms那个)*/ --title-font: var(--header-font);/*正文你会用的标题字体*/ --mono-font: Recursive, Noto Serif SC, Consolas, monaco, monospace;/*等宽字,就是那个稍微细一点的字*/ --logo-image: url("");/*版头logo,svg(比如后室中文logo)可能加载会慢一点https://picui.ogmua.cn/s1/2026/03/13/69b3ef65b454f.webp*/ --header-title: "地插的笔记";/*版头标题(大一点的)*/ --header-subtitle: "deleting";/*版头副标题(小一点的)*/ --alt-accent: 99, 109, 135;/*黑标用作修改链接颜色,阈限版式里是备用的强调色*/ --swatch-background: var(--white-monochrome);/*页面大部分的背景颜色*/ --swatch-primary-darkest: var(--dark-accent);/*底部选项颜色与页尾颜色*/ --swatch-text-dark: var(--black-monochrome);/*大部分div块的阴影颜色*/ --swatch-text-light: var(--white-monochrome);/*用于改变版头所有标题的颜色*/ --swatch-text-general: var(--swatch-text-dark);/*默认的文本颜色和标题颜色*/ --swatch-important-text: var(--bright-accent);/*备用的强调色*/ --swatch-menubg-color: var(--white-monochrome);/*用于侧栏的一些伪类的背景颜色,同时也是讨论区部分div阴影背景颜色*/ --swatch-menubg-medium-color: var(--light-gray-monochrome);/*暗样式块和暗色块内的链接颜色*/ --swatch-menubg-medium-dark-color: var(--gray-monochrome);/*页面标题和假标题下的横线,目录边框的颜色*/ --swatch-menubg-dark-color: var(--dark-gray-monochrome);/*用于底部按钮的边框颜色,点击时变成按钮背景颜色,和顶栏颜色*/ --swatch-menubg-black-color: var(--black-monochrome);/*部分讨论区div阴影颜色*/ --swatch-menutxt-dark-color: var(--black-monochrome);/*目录的阴影颜色*/ --swatch-border-color: var(--black-monochrome);/*维基note和图片框的边框颜色*/ --swatch-secondary-color: var(--pale-gray-monochrome);/*维基note的背景颜色和讨论区主页渐变色*/ --swatch-tertiary-color: var(--swatch-menubg-medium-color);/*页面滚动条和div溢出时滚动条颜色,分割线的上边颜色,页尾文本颜色*/ --swatch-text-secondary-color: var(--swatch-menutxt-light-color);/*底部按钮的链接颜色*/ --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);/*浏览器升级div的颜色*/ --swatch-headerh1-color: var(--swatch-text-light);/*版头大标题的颜色*/ --swatch-headerh2-color: var(--swatch-text-light);/*版头副标题的颜色*/ --newpage-color: var(--alt-accent);/*还没点过的链接的颜色*/ --rating-module-button-color: var(--swatch-menutxt-dark-color);/*评分模块颜色*/ --link-color: 104, 111, 157;/*默认链接颜色*/ --hover-link-color: 99, 109, 135;/*空页面的链接颜色*/ --visited-link-color: 181, 170, 202;/*访问过的链接颜色*/ --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.999) 100%);/*用于修改点状的背景图*/ --rename-option: "你确定要删除这个页面吗?它会消失很久很久的哦?";/*在删除时你会看到的红色的提示字就是这个*/ --lh-red: #c0392b;/*用于修改红色警告和高光笔红色变种,排版工作组独有,但你可以用var引用*/ --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); /* 维基笔记的颜色 */ --lh-note-title: "批注"; /* 维基笔记的标题 */ --rateup-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Up' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='200.1,86.6 113.5,86.6 113.5,0 86.5,0 86.5,86.6 -0.1,86.6 -0.1,113.4 86.5,113.4 86.5,200 113.5,200 113.5,113.4 200.1,113.4 '/%3E%3C/svg%3E%0A");/*加分按钮的图标*/ --ratedown-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Down' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Crect x='10' y='86.6' width='180' height='26.9'/%3E%3C/svg%3E%0A");/*减分按钮的图标*/ --cancel-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Cancel' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='198.3,20.1 179.9,1.7 100,81.6 20.1,1.7 1.7,20.1 81.6,100 1.7,179.9 20.1,198.3 100,118.4 179.9,198.3 198.3,179.9 118.4,100 '/%3E%3C/svg%3E%0A");/*撤回投票的按钮图标*/ --credit-button-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Info' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpath d='M140.1,154.6c-12,23.7-29,45.4-57.7,45.4c-19,0-26.6-12-20.5-34.3l20.5-75c2.1-7.3,0.9-11.7-4.7-12L61.1,77l2.3-10.5 l66.8-8.2l1.8,2.1l-27.5,101.9c-1.8,7-2,12.6,3.2,12.6c5.9,0,16.1-14.9,22.8-26.9L140.1,154.6z M138.1,19.9 c0,15.5-10.8,24.3-24.9,24.3c-13.8,0-22-7.9-22-19.9C91.2,12.6,99.4,0,116.4,0C128.7,0,138.1,7,138.1,19.9z'/%3E%3C/svg%3E%0A");/*更多信息组件在评分模块上的的图标*/ --rating-module-height: 1.5rem;/*评分模块的高度*/ --thread-accent-color: 227, 223, 213;/*大部分讨论区div的背景颜色*/ --header-height-on-mobile: 100vh;/*移动端版头高度*/ --header-height-on-desktop: 100vh;/*电脑端版头高度*/ --topbar-height-on-desktop: 3rem;/*电脑端顶栏高度*/ --topbar-height-on-mobile: 4rem;/*移动端顶栏高度*/ --body-width-on-desktop: 44.25rem;/*正文在电脑端宽度,用于计算侧栏展开时侧栏与正文宽度比例,仅有电脑端能用*/ --sidebar-width-on-desktop: calc((var(--base-font-size) * (14/15)) * 19);/*用于侧栏在不收缩时与正文的宽度比例的计算,侧栏的左外边距,侧栏的缩放宽度计算最宽长度计算以及正文的子规则宽度计算和缩放,和侧栏的部分向左平移*/ --sidebar-width-on-mobile: calc((var(--base-font-size) * (14/15)) * 16);/*侧栏的宽度调整并参与一些平移数据计算*/ --scrollbar-width: 1rem;/*::-webkit-scrollbar的宽和高*/ --base-font-size: 0.98rem;/*页面的默认文本大小,同时也用做侧栏的链接的内边距与最大尺寸,但真实数据是通过一个复杂的计算得出的,因此修改后链接内边并不会是相同的数值*/ --base-line-height: 1.313rem;/*页面默认行高*/ --final-header-height-on-desktop: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));/*电脑端版头加顶栏的高度*/ --final-header-height-on-mobile: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile));/*移动端版头加顶栏的高度*/ --rating-module-button-plus-color: 0, 200, 0;/*点击加分的颜色*/ --rating-module-button-negative-color: 200, 0, 0;/*点击减分的颜色*/ --rating-module-button-cancel-color: var(--swatch-tertiary-color);/*点击取消分数的颜色*/ --rating-module-button-credit-color: var(--swatch-secondary-color);/*点击更多信息的颜色*/ --rating-module-bottom-border-color: var(--swatch-primary);/*评分模块的下边颜色*/ --rating-module-text-color: var(--swatch-text-tertiary-color);/*评分模块文本颜色*/ --popup-bg: var(--pale-gray-monochrome); /*修改维基伪链接背景色*/ --popup-text: var(--black-monochrome); /*修改维基伪链接文字颜色*/ --sd-font: Poppins, Noto Sans SC, Noto Serif SC;/*生存难度模块的字体*/ --sd-border: var(--gray-monochrome); /*大多数等级的边框颜色*/ --sd-border-secondary: 0, 0, 0; /*不适用等级的边框颜色*/ --sd-border-deadzone: 20, 0, 0; /*死区等级的边框颜色*/ --sd-symbol: var(--sd-border) !important; /*大多数标志的颜色*/ --sd-symbol-secondary: 255, 255, 255; /*4级以上的是白色*/ --sd-bullets: var(--sd-border) !important; /*点句符文本颜色*/ --sd-text: var(--swatch-text-secondary-color); /*顶部框文本颜色*/ --class-0: 187, 211, 202;/*0*/ --class-1: var(--white-monochrome);/*1*/ --class-2: 159, 191, 184;/*2*/ --class-3: 142, 169, 162;/*3*/ --class-4: 106, 145, 136;/*4*/ --class-5: 93, 122, 110;/*5*/ --class-unknown: 38, 38, 38;/*未知*/ --class-habitable: 26, 128, 111;/*宜居*/ --class-deadzone: 44, 13, 12;/*死区*/ --class-pending: 182, 182, 182;/*未定分级*/ --class-n-a: 38, 38, 38;/*信息不足*/ --class-amended: 185, 135, 212;/*修正*/ --class-omega: 25, 46, 255;/*终结*/ --more-a-link-color : var(--link-color);/*链接默认色*/ --more-a-hover-color : var(--pale-gray-monochrome);/*链接悬停时颜色*/ --more-a-bg-color : var(--gray-monochrome);/*悬停时背景色*/ --more-a-time : 0.7s;/*动画时间*/ --accentColor: #7B68EE;/*card的渐变色*/ --accentColor2: #1c46f7;/*card的渐变色*/ }/*根元素是方便更改的,如果你可以直接改当我没说*/ .page-tags::before { display: none; }/*隐藏原版标签前所加的东西*/ .page-tags::before { content: "标签:"; }/*隐藏后在前面增加一个“标签:”*/ .titleblock { background-color: rgb(var(--white-monochrome)); 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(--gray-monochrome)) 2px; } .titlebox { position: relative; top: -1.6rem;/*移动了span,使他在总div的上方*/ background-color: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.25rem 1rem; line-height: 0.1rem; }/*这个span用的时候可能会有挤压文字换行的情况,但不太常见*/ .lt-titlebox { position: relative; top: -0.7rem;/*移动了span,使他在总div的上方*/ right: 1.1rem; background-color: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.25rem 1rem; line-height: 0.1rem; margin: 0px 10px 10px 0px; }/*这个span用的时候可能会有挤压文字换行的情况,但不太常见*/ .hexagon { background-color: rgba(var(--gray-monochrome), 0.3); border: 1px solid rgb(var(--gray-monochrome)); box-shadow: 0px 0px 0px; border-radius: 5px; color: rgb(var(--black-monochrome)); text-align: center; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .octagon { background-color: rgba(var(--gray-monochrome), 0.3); border: 1px solid rgb(var(--gray-monochrome)); box-shadow: 0px 0px 0px; border-radius: 5px; color: rgb(var(--black-monochrome)); text-align: center; clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); } .decagon { background-color: rgba(var(--gray-monochrome), 0.3); border: 1px solid rgb(var(--gray-monochrome)); box-shadow: 0px 0px 0px; border-radius: 5px; color: rgb(var(--black-monochrome)); text-align: center; clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 95% 60%, 80% 80%, 50% 90%, 20% 80%, 5% 60%, 0% 35%, 20% 10%); } a,button,input { -webkit-tap-highlight-color:rgba(255,0,0,0); } .magicfancyhr { background: url(https://scpsandboxcn.wikidot.com/local--files/oxygen9-files-2/mdk-hr.svg) no-repeat; padding: 2rem 0rem; width: 100%; background-position: center; background-size: contain; margin: 2rem 0rem; } .magicfancyhr hr { display: none; } tt { font-family: "Clear Han Serif"; font-weight: normal; color: transparent; font-size: 0.9em; } tt:hover { color: var(--white-monochrome); } #top-bar :is(div.top-bar,div.mobile-top-bar) > ul > li > a{ transition: background 0.2s ease, transform 0.3s ease; } #top-bar :is(div.top-bar,div.mobile-top-bar) > ul > li:hover > a{ background-color: rgb(var(--bright-accent)); transform: scale(1.1); border-radius: 2px; } #top-bar div.top-bar > ul > li:hover > a { background-color: rgb(var(--black-monochrome)); transform: scale(1); border-radius: 2px; } #top-bar div.top-bar > ul > li > ul, #top-bar div.mobile-top-bar > ul > li > ul { background-color: rgb(var(--black-monochrome)); } #top-bar :is(div.top-bar,div.mobile-top-bar) > ul > li > ul > li > a{ background-color: rgb(var(--black-monochrome)); border: solid 1px rgb(var(--bright-accent)); color: rgb(var(--white-monochrome)); } div[class$="_memo"] { background: var(--memo-logo) rgba(var(--memo-color), 1); background-size: contain; background-position: top center; background-repeat: no-repeat; min-height: 4rem; margin-inline: auto; margin-block: 2rem; padding-inline: 20px; padding-block: 10px; border: solid 2px rgba(0, 0, 0, 0.1); text-align: center; } div[class$="_memo"]::before { content: var(--memo-heading); font-family: var(--UI-font); font-weight: 900; font-size: 1.3em; text-align: center; margin: 0 auto 1rem auto; display: flex; flex-direction: column; padding-top: 0.5em; } div[class$="_memo"] { background-color: rgba(var(--basalt-secondary-color), 1); border: solid 2px rgba(var(--memo-color), 1); } div[class$="_memo"]::before { color: rgb(var(--memo-color)); } div.raisa_memo { --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_DARKLOGO.png); } div.classification_memo { --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_DARKLOGO.png); } div.ettra_memo { --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png); } div.ethics_memo { --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_DARKLOGO.png); } div.temporal_memo { --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_DARKLOGO.png); --memo-color: 195, 195, 200; } div.raisa_memo { --memo-heading: "来自记录与信息安全管理部的通知"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png); --memo-color: 255, 243, 173; } div.classification_memo { --memo-heading: "分级委员会备忘录"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png); --memo-color: 237, 245, 243; } div.ettra_memo { --memo-heading: "来自潜在威胁战术响应局的通知"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png); --memo-color: 245, 215, 215; } div.ethics_memo { --memo-heading: "伦理委员会备忘录"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png); --memo-color: 255, 219, 196; } div.temporal_memo { --memo-heading: "时间异常部门"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png); --memo-color: 255, 255, 255; } .letterdeco p:first-of-type::first-letter{ margin-top: 0.3em; font-size: 2em; font-weight: bold; float: left; margin-right: 0.1em; font-family: "Noto Serif SC", serif; } .tuiwen { background-color: #f4f1e6; border: 1px solid #d6d6d6; padding: 12px 16px; margin: 16px 0; font-size: 21px; font-family:Tahoma, sans-serif; color: #333; line-height: 1.6; position: relative; border-radius: 6px; } .tuiwen::before { content: ""; position: absolute; top: 4px; left: 8px; display: block; width: 24px; height: 24px; pointer-events: none; z-index: 1; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMlptLTYgMGExIDEgMCAwIDAgMS0xVjguNTU4YTEgMSAwIDAgMC0xLTFINC42MTJjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCAzIDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMloiLz4KPC9zdmc+"); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.4; } .tuiwen::after { content: ""; position: absolute; bottom: 4px; right: 8px; display: block; width: 24px; height: 24px; pointer-events: none; z-index: 1; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMlptLTYgMGExIDEgMCAwIDAgMS0xVjguNTU4YTEgMSAwIDAgMC0xLTFINC42MTJjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCAzIDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMloiLz4KPC9zdmc+"); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.4; transform: scaleX(-1); } .tuiwenbody { font-weight: bold; color: #000; margin-bottom: 6px; padding-left: 12px; margin-left: 12px; } @media (max-width: 768px) { .tuiwenbody { font-size: 15px; } } .film-frame { display:flex; justify-content:center; padding:0 24px; position:relative; max-width:800px; margin:0 auto; box-sizing:border-box; } .film-frame::before, .film-frame::after { content:""; position:absolute; top:0; bottom:0; width:20px; background:repeating-linear-gradient(to bottom,#000 0,#000 20px,transparent 20px,transparent 35px); border-left:15px solid #000; border-right:15px solid #000; } .film-frame::before {left:0;} .film-frame::after {right:0;} .film-inner { position:relative; box-sizing:border-box; padding:32px; width:calc(100% - 48px); aspect-ratio:4/3; background:#000; } .film-inner-text { position:absolute; inset:-32px -20px; display:flex; align-items:center; justify-content:center; font-size:24px; line-height:1.6; color:#fff; z-index:2; font-family:"PT Mono","Noto Serif SC",serif; } .film-inner-img { position:absolute; inset:6% 0; box-sizing:border-box; overflow:hidden; z-index:0; } .film-inner-img img { width:100%; height:100%; object-fit:cover; } @media(max-width:768px) { .film-frame { padding:0; } .film-frame::before, .film-frame::after { width:10px; background:repeating-linear-gradient(to bottom,#000 0,#000 15px,transparent 15px,transparent 25px); border-left:15px solid #000; border-right:15px solid #000; } .film-inner { padding:16px; } .film-inner-text { inset:-12px; font-size:10px; } } .modal-header { border-radius: 4px; background: rgba(var(--gray-monochrome)); padding: 30px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); margin-bottom: 30px; transition: all 0.3s ease; color: rgba(var(--white-monochrome)); text-align:center; } #edit-save-draft-button { display: none; } .footnoteref::before { content: "["; } .footnoteref::after { content: "]"; } #main-content { border: 1px solid rgb(var(--gray-monochrome)); } #page-title { text-align: center; font-size: 50px; padding: 0.2rem; width: max-content; position: relative; } #page-title::after { content: ''; position: absolute; right: -3rem; height: 100%; width: 3rem; background: rgb(var(--black-monochrome)); clip-path: polygon(0 0,0 100%,100% 100%); top: 0px; } #page-content { padding-left: 1px; padding-right: 1px; } @media screen and (max-width: 768px) { #page-content { padding-left: 5px; padding-right: 5px; } } .page-watch-options { display: none; } .printuser.avatarhover { background-color: rgba(var(--white-monochrome), 0.3); border: 1px solid rgb(var(--gray-monochrome)); box-shadow: 0px 0px 0px; border-radius: 5px; color: rgb(var(--black-monochrome)); text-align: left; padding-right: 3px; } .tategaki span[style="text-decoration: line-through;"] > tt { line-height: 1em; } .tategaki span[style="text-decoration: line-through;"] { vertical-align: 0.3em; } .tategaki blockquote { padding: 2em 0.5em; } .tategaki { vertical-align: middle; font-family: "ヒラギノ明朝 Pro W3", "GenRyuMin", "HG明朝E", "MS P明朝", "MS 明朝", serif; } .tategaki:before { content: " "; color: rgba(51, 51, 51, 1.0); opacity: 1; transform: scale(1, 1)rotateX(0) translateY(0); } .tategaki:before { content: " "; color: rgba(51, 51, 51, 1.0); opacity: 1; transform: scale(1, 1)rotateX(0) translateY(0); } .tategaki:after { content: ""; color: rgba(51, 51, 51, 1.0); opacity: 1; transform: skewX(-10deg); } .tategaki { -webkit-columns-axis: vertical; -moz-columns: auto 20em; -moz-column-gap: 20px; -moz-column-rule: 1px solid #dddddd; -moz-column-fill: auto; -webkit-columns: auto 20em; -webkit-column-gap: 20px; -webkit-column-rule: 1px solid #dddddd; -webkit-column-fill: auto; columns: auto 20em; column-gap: 20px; column-rule: 1px solid #dddddd; column-fill: auto; font-size: small; overflow-y: scroll; width: calc(100% + 3em); padding-right: 2em; writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; font-family: "ヒラギノ明朝 Pro W3", "GenRyuMin", "HG明朝E", "MS P明朝", "MS 明朝", serif; } .tategaki { -webkit-column-axis: vertical -moz-columns: auto 20em; -moz-column-gap: 20px; -moz-column-rule: 1px solid #dddddd; -moz-column-fill: auto; -webkit-columns: auto 20em; -webkit-column-gap: 20px; -webkit-column-rule: 1px solid #dddddd; -webkit-column-fill: auto; columns: auto 20em; column-gap: 20px; column-rule: 1px solid #dddddd; column-fill: auto; font-size: small; width: calc(100% + 3em); padding-right: 2em; writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; font-family: "ヒラギノ明朝 Pro W3", "GenRyuMin", "HG明朝E", "MS P明朝", "MS 明朝", serif; } @media screen and (-webkit-min-device-pixel-ratio:0) { .tategaki { overflow-y: scroll; } } div.pseudo-tags ul { font-size: 85%; border-top: 1px solid #bbbbbb; display: inline-block; margin: 10px 0 0; padding: 0 2px; list-style: none; } div.pseudo-tags li { color: #bb0011; text-decoration: none; display: inline-block; margin: 0 1px; cursor: pointer; } :root{ --copy-box: none; } :root:has(#edit-save-button){ --copy-box: block; } /* 先把 copy-box 默认隐藏到右边外面 */ .copy-box { position: fixed; right: -100%; /* 整个盒子藏在右边 */ bottom: 3%; transition: right 0.3s ease-out; z-index: 99; margin: 5px auto 0 0; border: 4px solid rgb(var(--black-monochrome)); padding: 0 10px; border-radius: 5px; background-color: rgb(var(--white-monochrome)); max-width: 35vw; max-height: 40vh; resize: both; } /* 三角指示器:固定在右下角,一直可见 */ .copy-box::before { content: ""; position: fixed; right: 0; bottom: 3%; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 20px solid rgb(var(--black-monochrome)); /* 三角颜色 */ z-index: 100; pointer-events: none; /* 不影响 hover */ } /* hover 时盒子从右往左滑进来 */ .copy-box:hover { right: 3%; } /* 内部滚动区 */ .copy-box-in { max-height: 37vh; overflow: auto; } .copy-box-in iframe { margin-top: -4.5%; } .copy-box{ display: var(--copy-box); position: fixed; right: 3%; bottom: 3%; z-index: 99; margin: 5px auto 0 0; border: 4px solid rgb(var(--black-monochrome)); padding: 0 10px; border-radius: 5px; background-color: rgb(var(--white-monochrome)); max-width: 35vw; max-height: 40vh; resize: both; } .copy-box-in{ max-height:37vh; overflow: auto; } .copy-box-in iframe{ margin-top: -4.5%; } .test-has-yes{ display:none; } .test-has-no{ display:block; } .test-has-yes:has(p){ display:block; } .test-has-no:has(p){ display:none; } @supports (display:grid) { .blockquote>:first-child, [class*=blockquote]>:first-child, blockquote>:first-child, div.blockquote>:first-child { margin-top: 1rem; } .blockquote>:last-child, [class*=blockquote]>:last-child, blockquote>:last-child, div.blockquote>:last-child { margin-bottom: 1rem; } .broken-fancyborder { box-sizing: border-box; padding: 2vw; border: 2vw solid rgba(0, 0, 0, 0.5); border-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Afuladh-theme/cyberfancy_border.png") 600 round; border-image-width: 6; margin: 1.5rem auto; } #header h1 a::before { position: relative; top: calc(50vh - 3rem); font-size: 40px; text-align: center; } #header h2 span::before { position: relative; top: 44vh; font-size: 0px; text-align: center; } #header { width: 100%; background-image: url('https://images.unsplash.com/photo-1436891620584-47fd0e565afb?ixlib=rb-4.1.0&q=85&fm=jpg&crop=entropy&cs=srgb&dl=kazuend-2KXEb_8G5vo-unsplash.jpg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } p { line-height: 1.5; } .duanluo > p::first-letter { font-size: 250%; padding: 3px 3px; margin-right: 6px; float: left; } .transparent-hoverblock{ color:transparent; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; /* Safari */ transform: translateY(0em); } .transparent-hoverblock:hover,.transparent-hoverblock:focus{ color: rgb(var(--black-monochrome)); box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25); transform: translateY(-.3em); } .dark-hoverblock{ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; /* Safari */ transform: translateY(0em); } .dark-hoverblock:hover,.dark-hoverblock:focus{ background-color: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25); transform: translateY(-.3em); } .light-hoverblock{ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; /* Safari */ transform: translateY(0em); } .light-hoverblock:hover,.light-hoverblock:focus{ background-color: rgb(var(--pale-gray-monochrome)); box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25); transform: translateY(-.3em); } .style-block { padding: 0px; background-color: rgb(var(--pale-gray-monochrome)); border: rgb(var(--gray-monochrome)) solid 0.2rem; border-top: none; position: relative; } .style-block { margin-bottom: 1rem; } .style-block h1, .style-block h2, .style-block h3, .style-block h4, .style-block h5, .style-block h6 { background-color: rgb(var(--gray-monochrome)); color: rgb(var(--pale-gray-monochrome)); padding: 0.3em 1rem 0.3em 0.5em; margin: 0; font-size: 1.2em; } .style-block ul { padding: 1px 1em; } .style-block ul > li { padding: 0.2rem 0.3rem; } .style-block ul > li:nth-child(even) { background: rgba(var(--white-monochrome), 0.3); } .style-block h2 { display: flex; } .style-block h2 span { padding-left: 0.5em; } .style-block h2::before { margin-top: -0.9rem; content: ' '; width: 1.3rem; background: rgb(var(--pale-gray-monochrome)); display: block; clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 80%,0% 100%); border: rgb(var(--gray-monochrome)) solid 0.2rem; border-bottom: none; } .back-to-toc { position: absolute; right: 1rem; top: 0.43125rem; } .back-to-toc p { margin: 0; } .back-to-toc p a { color: rgb(var(--white-monochrome)); text-decoration: none !important; } .back-to-toc p a:hover { color: rgb(var(--pale-gray-monochrome)); } .back-to-toc p a::after { content: '回到顶部'; padding-left: 0.5em; } /* Mobile */ @media only screen and (max-width: 768px) { .style-block h1, .style-block h2, .style-block h3, .style-block h4, .style-block h5, .style-block h6 { padding: 0.5rem 0.5rem; } .style-block h2::before { width: 1rem; } } .rainbow-text { background-color: #f0f0f0; display: inline-block; background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow: none; background-image: linear-gradient( to right, red, orange, green, blue, indigo, violet ); } #main-content .page-tags > span { padding-block-start: 0.325rem; } #main-content .page-tags a { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.95em; background-color: rgb(var(--gray-monochrome)); border-radius: 0.5rem 0; padding: 0.175rem 0.375rem; box-shadow: 0.075em 0.075em 0.325em 0 var(--black-monochrome); } #main-content .page-tags a::before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; border-radius: 50%; background-color: rgb(var(--white-monochrome)); box-shadow: inset 0.075em 0.075em 0.1em 0 var(--black-monochrome); } .italic:hover { color:#black; font-weight:bold; font-style:italic; } .titleblock-new { background-color: rgb(var(--pale-gray-monochrome)); padding: 1rem 1rem 0.10rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border-top: 0.8rem solid rgb(var(--gray-monochrome)); border-bottom: 0.8rem solid rgb(var(--gray-monochrome)); } .titlebox-new{ top: -1rem; left: -1rem; font-size:120%; position: relative; background-color: rgb(var(--gray-monochrome)); background:linear-gradient(-45deg, transparent 30px, rgb(var(--gray-monochrome)) 0); color: white; padding: 0.5rem 3rem 0.5rem 1rem; line-height: 0.1rem; } .card { width: 75%; height: auto; background: #444444; position: relative; display: block; overflow: hidden; border-radius: 20px; margin: 1em auto; padding: 1em; z-index: 0; color:#fff; transition:all 0.5s; } .card:hover { transform:scale(0.98); background: #666; box-shadow:14px 14px 0px #222 } .card a,p,span,h1,h2,h3,h4,h5,h6 { position:relative; z-index:2; } @media(max-width:787px) { .card {width:95%}; } .card::before { content: ''; position: absolute; width: 100%; background-image: linear-gradient(180deg, var(--accentColor), var(--accentColor2)); height: 130%; animation: rotBGimg 3s linear infinite; transition: all 0.2s linear; } @keyframes rotBGimg { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .card::after { content: ''; position: absolute; background: #101010; inset: 5px; border-radius: 15px; } .theme-setting-preview { margin: 1rem 0; } .theme-setting-preview img { float: left; width: 50%; margin: 1rem 1rem 1rem 0; min-width: 25rem; box-sizing: border-box; border: rgba(var(--dark-color-3)) solid 0.15rem; } .theme-setting-preview .code { background: rgba(var(--light-color-1)); } @media only screen and (max-width: 720px) { .theme-setting-preview img { float: none; margin: 1rem 0 0; width: 100%; min-width: unset; } } @media only screen and (min-width: 769px) { #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem)); flex-grow: 2; height: auto; position: initial; margin: 0 auto; max-width: inherit; margin-left: calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem); } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: 45.8rem; max-width: 45.8rem; margin: 0 auto; } #main-content::before { --not-ie: absolute; content: ""; background-color: rgb(var(--black-monochrome, 0, 0, 0)); position: fixed; position: var(--not-ie); top: var(--final-header-height-on-desktop, 0); left: 0; transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); width: var(--sidebar-width-on-desktop, 17em); height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1), opacity 600ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0.5; pointer-events: none; z-index: 9; margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); } @supports (-ms-ime-align: auto) { #main-content::before { left: 1rem; transform: translateX(-100%) !important; } } #main-content::after { content: ""; position: fixed; display: flex; align-items: center; justify-content: center; width: 1rem; height: 100%; max-height: 100%; top: 0; transition: left 600ms cubic-bezier(0.4, 0, 0.2, 1), background-position 600ms cubic-bezier(0.4, 0, 0.2, 1), opacity 600ms cubic-bezier(0.4, 0, 0.2, 1); left: 1rem; background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg"); background-repeat: no-repeat; background-position: center left 1rem; background-attachment: fixed; background-size: 1rem 12.875rem; pointer-events: none; } #side-bar { transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1em)); transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1), background-color 600ms cubic-bezier(0.4, 0, 0.2, 1), padding 600ms linear, margin 600ms linear; width: var(--sidebar-width-on-desktop, 13.6rem) !important; min-width: var(--sidebar-width-on-desktop, 13.6rem) !important; grid-area: side-bar; grid-row: 1; grid-column: 1; padding-left: 0rem; padding-right: 2rem; background-color: rgba(var(--swatch-menubg-color, 255, 255, 255), 0); top: 0rem; max-height: 100vh; position: sticky; left: 0.5rem; scrollbar-width: thin; overscroll-behavior: contain; scrollbar-color: rgba(170, 170, 170, 0) rgba(170, 170, 170, 0); } #side-bar::-webkit-scrollbar { width: 0; -webkit-transition: width 600ms 50ms cubic-bezier(0.4, 0, 0.2, 1); transition: width 600ms 50ms cubic-bezier(0.4, 0, 0.2, 1); } #side-bar::-webkit-scrollbar-track, #side-bar::-webkit-scrollbar-thumb { width: 0; background-color: rgba(170, 170, 170, 0); } #side-bar:hover::-webkit-scrollbar-track { width: 0.5rem; background-color: rgb(252, 252, 252); } #side-bar:hover::-webkit-scrollbar-thumb { width: 0.375rem; background-color: rgb(170, 170, 170); } #side-bar:hover, #side-bar:active, #side-bar:focus-within { background-color: rgba(var(--swatch-menubg-color, 255, 255, 255), 1); padding-right: 0; margin-right: 2rem; /* 修改这里:展开后宽度变为页面宽度 */ width: 100vw !important; min-width: 100vw !important; transform: translateX(0); overflow-y: auto; overflow-x: hidden; scrollbar-color: rgb(170, 170, 170) rgb(252, 252, 252); /* 确保侧边栏在最上层 */ z-index: 10; } #side-bar:hover::-webkit-scrollbar, #side-bar:active::-webkit-scrollbar, #side-bar:focus-within::-webkit-scrollbar { width: 0.5rem; -webkit-transition: width 600ms cubic-bezier(0.4, 0, 0.2, 1); transition: width 600ms cubic-bezier(0.4, 0, 0.2, 1); } #side-bar:hover + #main-content::before, #side-bar:active + #main-content::before, #side-bar:focus-within + #main-content::before { transform: translateX(0); opacity: 0; } #side-bar:hover + #main-content::after, #side-bar:active + #main-content::after, #side-bar:focus-within + #main-content::after { left: calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1); transition: left 600ms cubic-bezier(0.4, 0, 0.2, 1), background-position 600ms cubic-bezier(0.4, 0, 0.2, 1), opacity 600ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; width: 0rem; font-size: 0em; } @supports (-ms-ime-align: auto) { #side-bar:hover, #side-bar:active, #side-bar:focus-within { overflow-y: auto; transform: translateX(0) !important; margin-left: -0.5rem; /* 在IE中也需要设置全宽 */ width: 100vw !important; min-width: 100vw !important; } } #side-bar .side-block { margin-top: 1rem; background-color: rgba(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } @supports (-ms-ime-align: auto) { #side-bar { overflow-y: hidden; overflow-x: hidden; transform: translateX(-90%) !important; } } } .wiki-content-table > tbody > th { background-color: rgb(var(--gray-monochrome)); } .hl-reserved { color: #D96F73; } .hl-number { color: #D5C186; } .hl-var { color: #C381B1; } .simpletodo-box { background: rgba(var(--gray-monochrome)); color: rgba(var(--white-monochrome)); border: rgba(var(--gray-monochrome)) solid 0.15rem; display: inline-block; text-align: center !important; } .simpletodo-format-table { background: rgba(var(--white-monochrome)); color: rgba(var(--gray-monochrome)); border-radius: 15px; border: rgba(var(--gray-monochrome)) solid 0.15rem; } table[style^="margin:0;"][style*="margin:0;"], table[style^="margin:0;"][style*="margin:0;"] :is(tbody, tr, td) { display: contents; } #toc { display: grid; position: relative; margin: 1rem 0px; padding: 0px; width: 60%; max-width: 100%; background: rgba(var(--white-monochrome)); color: rgba(var(--white-monochrome)); border: rgba(var(--gray-monochrome)) solid 0.15rem; } #toc .title { margin: 0px; padding: 0.2rem 1rem; font-size: 1.2rem; background: rgba(var(--gray-monochrome)); color: rgba(var(--white-monochrome)); text-align: left; font-weight: bold; } #toc #toc-action-bar { position: absolute; right: 0.5rem; top: 0.2rem; padding: 2px; } @supports (display: grid) { #header { --wght: 500; margin: 0 auto; max-width: 100%; } }
欢迎欢迎,你好啊,这里是地插的分实验室。用于在此建一些分页,放一些迭代来写文。不要擅自编辑。
[[div class="siteitems" style="background-image:url(https://backrooms-wiki-cn.wikidot.com/local--files/start/cn_logo.svg);"]]后室分部

