SCPPER-CN

评分趋势

按周聚合

加载图表中...

页面源码

页面版本:

[[iftags +版式]] [[collapsible show="+ 源代码" hide="- 收起"]] [[code type="CSS"]] /* ========================================================= 故障数据库主题版式 [2022 Wikidot Theme] by Etinjat 像素点代码来源于 http://scp-wiki-cn.wikidot.com/scp-style-resource 遵循CC-BY-SA协议 ========================================================== */ @import url("https://etinjat.wikidot.com/component:collapsible-sidebar/code/1"); @import url("https://etinjat.wikidot.com/component:centered-header-bhl/code/2"); @import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&amp;amp;display=swap'); :root:lang(cn){ --body-font: 'Dotted Songti Square', 'PT Sans', '等线', sans-serif; --header-font:'Dotted Songti Square', 'ZCOOL XiaoWei', 'Times New Roman', sans-serif; --title-font: 'Dotted Songti Square', 'Times New Roman', '华文中宋', monospace; --mono-font:'ZCOOL XiaoWei','Dotted Songti Square', 'PT Sans', '微软雅黑', monospace; } :root { /* ---------------------- 修复 --------------------- */ --hdh1-top: 1.5rem; --hdh2-top:6rem; --hdh1-top-mob:2.5rem; --hdh2-top-mob:6rem; --topbar-height-on-mobile:2.5rem; /* ---------------------- 特效 --------------------- */ --fade-in-delay: 4s; --typing-speed:6s; /* ---------------------- 基准色以及其他 --------------------- */ --white-monochrome: 3, 3, 3; /*↑ 标准色 ↑*/ --pale-gray-monochrome:50, 50, 50; /*↑ 非常浅的灰色，用于引用块 ↑*/ --light-pale-gray-monochrome: 150,150,150;/**/ /*↑ 浅灰色 ↑*/ --very-light-gray-monochrome:190,187,156;/**/ /*↑ 浅灰色 ↑*/ --light-pale-gray-monochrome: 205, 205, 205; /*↑ 浅灰色 ↑*/ --very-light-gray-monochrome: 215, 215, 215; /*↑ 浅灰色 ↑*/ --light-gray-monochrome: 240, 230, 230; /*↑ 浅灰色 ↑*/ --black-monochrome: 50, 240, 240; /*↑ 文本色 ↑*/ --pale-accent: 210,107,92;/**/ /*↑ 浅红色，链接颜色 ↑*/ --bright-accent: 100, 120, 225;/**/ /*↑ 链接 ↑*/ --medium-accent:000,000,000; /*↑ 红色 - 基准颜色 ↑*/ --dark-accent: 122,145,165; /*↑ 深色 ↑*/ --alt-accent: 221, 102, 17; /*↑ 橘色，页面不存在的链接颜色 ↑*/ --very-dark-accent: 591,5,4; /*↑ 非常深的红色 ↑*/ --alt-accent: 204,102,0; /*↑ 橘色，页面不存在的链接颜色 ↑*/ --alt-accent: 204,102,0; /*↑ 橘色，页面不存在的链接颜色 ↑*/ /*---------------------- 其他颜色 ---------------------*/ --swatch-headerh1-color:var(--swatch-text-general); --swatch-headerh2-color:var(--swatch-headerh1-color); --swatch-text-light:230,240,250; /* --swatch-menubg-medium-dark-color:50,50,100; --swatch-primary-darkest:000,000,000; */ --swatch-tertiary-color:150,158,200; --swatch-text-secondary-color:255,245,255; /*---------------------- 自设颜色 ---------------------*/ --display-green:23,230,16; --darkest-blue: 22,45,65; --pale-blue:122,145,165; --sel-txt-color:rgb(var(--display-green)); --sel-bg-color:rgba(0,0,0,0.8); --table-border-color:rgba(var(--pale-blue),0.8); --table-th-color:rgba(255,255,255,0.8); --table-th-bg:rgba(var(--darkest-blue),0.8); --color-options-btn:#000; /*--------- 修复改色 ------------*/ --dark-grey:70,67,58; --background-gradient-color:0,0,0; --header-gradient-color-top:0,0,0; --header-gradient-color-middle:0,0,0; --header-gradient-color-bottom:0,0,11; --swatch-topmenu-bg-color:var(--dark-grey); --swatch-topmenu-border-color:var(--pale-blue); /*------------------------------ 版头标题 -------------------------- */ --header-h1-font-size:170%; --header-h2-font-size:110%; --hdh1-size-mob:200%; --hdh2-size-mob:120%; /*------------- 颜色 -----------------*/ --hdtt-color-11:rgb(var(--darkest-blue)); --hdtt-color-22:rgb(var(--swatch-text-general)); --hdtt-flcl-11:yellow; --hdtt-flcl-22:purple; /*------------- 滤镜 -----------------*/ --hdtt-filter-000:drop-shadow(1px 0px 0px var(--hdtt-flcl-11)) drop-shadow(1px 2px 0px var(--hdtt-flcl-22)) saturate(100%) brightness(100%); --hdtt-filter-aaa:drop-shadow(5px 2px 1px var(--hdtt-flcl-11)) drop-shadow(2px 2px 1px var(--hdtt-flcl-22)) saturate(500%) brightness(150%); --hdtt-filter-bbb:drop-shadow(1px 0px 1px var(--hdtt-flcl-11)) drop-shadow(1px 0px 0px var(--hdtt-flcl-22)) saturate(100%) brightness(100%); --hdtt-filter-ccc:var(--hdtt-filter-000); --hdtt-filter-ddd:drop-shadow(1px 0px 0px var(--hdtt-flcl-11)) drop-shadow(1px 0px 0px var(--hdtt-flcl-22)) saturate(200%) brightness(100%) --hdtt-filter-eee:drop-shadow(1px 0px 0px var(--hdtt-flcl-11)) drop-shadow(1px 2px 0px var(--hdtt-flcl-22)) saturate(100%) brightness(100%); --hdtt-filter-fff:var(--hdtt-filter-000); --hdtt-filter-ggg:drop-shadow(2px 2px 1px var(--hdtt-flcl-11)) drop-shadow(1px 2px 0px var(--hdtt-flcl-22)) saturate(500%) brightness(150%); --hdtt-filter-hhh:var(--hdtt-filter-000); /* -------------- 文字背景色 ------------------ */ /* w 指 -webkit- 另作一项 */ --hdtt-line-a:linear-gradient(90deg, var(--hdtt-color-11) 40%, var(--hdtt-color-11) 41%, transparent 41.5%,transparent 65%, var(--hdtt-color-22) 65.5%, var(--hdtt-color-22) 90%); --hdtt-line-aw:-webkit-linear-gradient(90deg, var(--hdtt-color-11) 40%, var(--hdtt-color-11) 41%, transparent 41.5%,transparent 65%, var(--hdtt-color-22) 65.5%, var(--hdtt-color-22) 90%); --hdtt-line-0: linear-gradient(90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-22) 90%); --hdtt-line-0w: -webkit-linear-gradient(90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-22) 90%); --hdtt-line-aa: linear-gradient(-90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 21%, transparent 21.5%,transparent 25%, var(--hdtt-color-22) 25.5%, var(--hdtt-color-22) 90%); --hdtt-line-aaw: -webkit-linear-gradient(-90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 21%, transparent 21.5%,transparent 25%, var(--hdtt-color-22) 25.5%, var(--hdtt-color-22) 90%); --hdtt-line-bbw: linear-gradient(-90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 30%, transparent 31.5%,transparent 35%, var(--hdtt-color-22) 35.5%, var(--hdtt-color-22) 90%); --hdtt-line-bbw: -webkit-linear-gradient(-90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 30%, transparent 31.5%,transparent 35%, var(--hdtt-color-22) 35.5%, var(--hdtt-color-22) 90%); --hdtt-line-cc: linear-gradient(-90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 50%, transparent 50.1%,transparent 65%, var(--hdtt-color-22) 65.5%, var(--hdtt-color-22) 90%); --hdtt-line-ccw: -webkit-linear-gradient(-90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 50%, transparent 50.1%,transparent 65%, var(--hdtt-color-22) 65.5%, var(--hdtt-color-22) 90%); --hdtt-line-dd: linear-gradient(90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 50%, transparent 50.1%,transparent 65%, var(--hdtt-color-22) 65.5%, var(--hdtt-color-22) 90%); --hdtt-line-ddw: -webkit-linear-gradient(90deg, var(--hdtt-color-11) 0%, var(--hdtt-color-11) 50%, transparent 50.1%,transparent 65%, var(--hdtt-color-22) 65.5%, var(--hdtt-color-22) 90%); --hdtt-line-1:linear-gradient(-30deg, var(--hdtt-color-11) 40%, var(--hdtt-color-22) 90%); --hdtt-line-1w:-webkit-linear-gradient(-30deg, var(--hdtt-color-11) 40%, var(--hdtt-color-22) 90%); /* ------------------------- 版头logo -------------------------- */ --logo-bg-111:rgba(var(--darkest-blue),1); --logo-bg-222:rgba(255,215,0,0.5); --logo-mask-size:7rem; /* ------------------------------ 版头背景 ------------------------------ */ --content-mask-size:7.5rem; --header-mask-size:8.5rem; --header-bg-color:rgba(var(--darkest-blue),0.8); --scanline-filter-color:rgba(var(--display-green),0.5); --scanline-cl-111:rgb(var(--darkest-blue)); --scanline-cl-222:rgb(var(--swatch-text-general)); --scanline-header-height:3rem; --scanline-hd-start:calc(0% - var(--scanline-header-height)); --scanline-hd-end:calc(100% + var(--scanline-header-height)); --scanline-speed:6s; --scanline-filter:brightness(300%) saturate(120%); --hdbg-scanline-000:linear-gradient(0deg, transparent 0%, transparent 2%,var(--scanline-cl-111) 5%, var(--scanline-cl-222) 20%, var(--scanline-cl-222) 30%, var(--scanline-cl-111) 50%, transparent 90%, transparent 100%); --hdtt-scanline-00w:-webkit-linear-gradient(0deg, transparent 0%, transparent 2%,var(--scanline-cl-111) 5%, var(--scanline-cl-222) 20%, var(--scanline-cl-222) 30%, var(--scanline-cl-111) 50%, transparent 90%, transparent 100%); /*-------------------------------------------- 版头杂项 ------------------------------------------- */ --account-op-bg:#333; --account-op-bg222:#000; --account-op-bd000: 5px double #000; --account-op-bd111: 2px solid #000; --account-btn-color: #fff; --search-color:inherit; --search-bg:#000; --search-bg-hover:#333; /* -------------------------------- 正文部分 -------------------------------- */ /*-------------- 引用块 ------------------*/ --quote-bg:rgba(var(--swatch-secondary-color),0.8); --quote-bd-c11:rgba(var(--swatch-text-general),0.8); --quote-bg-box111:rgba(var(--swatch-secondary-color),0.8); --quote-bghv-box111:rgba(33,33,33,0.8); --quote-bd-sz11:2px; --quote-bd:4px solid rgba(33,33,33,0.8); /*-------------- 扫描引用块 ------------------*/ --scanlineletter-end:200%;/*文本扫描尽头*/ --scanline-ct-bg:var(--header-bg-color); --scanline-size-base:3rem; --scanline-size-width:var( --scanline-size-base); --scanline-size-height:var( --scanline-size-base); --scanline-lgsz-horiz:2rem; --scanline-lgsz-verti:2rem; --scanline-strat-verti:calc(0% - var(--scanline-size-height)) ; --scanline-strat-horiz:calc(0% - var(--scanline-size-width)) ; --scanline-limit-verti:calc(100% + var(--scanline-size-height) + 2rem) ; --scanline-limit-horiz:calc(100% + var(--scanline-size-width) + 2rem) ; --hdbg-scanline-111:linear-gradient(-90deg, transparent 0%, transparent 2%,var(--scanline-cl-111) 5%, var(--scanline-cl-222) 20%, var(--scanline-cl-222) 40%, var(--scanline-cl-111) 60%, transparent 90%, transparent 100%); --hdtt-scanline-11w:-webkit-linear-gradient(0deg,transparent 2%,var(--scanline-cl-111) 5%, var(--scanline-cl-111) 10%, var(--scanline-cl-222) 20%, var(--scanline-cl-222) 40%, var(--scanline-cl-111) 60%, transparent 90%, transparent 100%); --scanline-letter-speed:5s; --scanline-block-speed:10s; --scanline-cl-444:rgba(0,255,255,1); --scanline-cl-333:rgba(0,191,255,1); --hdbg-scanline-222:linear-gradient(-90deg, transparent 0%, transparent 2%,var(--scanline-cl-333) 5%, var(--scanline-cl-444) 20%, var(--scanline-cl-444) 40%, var(--scanline-cl-333) 60%, transparent 90%, transparent 100%) --hdbg-scanline-22w:-webkit-linear-gradient(-90deg, transparent 0%, transparent 2%,var(--scanline-cl-333) 5%, var(--scanline-cl-444) 20%, var(--scanline-cl-444) 40%, var(--scanline-cl-333) 60%, transparent 90%, transparent 100%); --hdbg-scanline-333:linear-gradient(180deg, transparent 0%, transparent 60%,var(--scanline-cl-333) 80%, var(--scanline-cl-444) 85%, var(--scanline-cl-444) 90%, var(--scanline-cl-333) 95%, transparent 98%, transparent 100%); --hdbg-scanline-33w:-webkit-inear-gradient(180deg, transparent 0%, transparent 60%,var(--scanline-cl-333) 80%, var(--scanline-cl-444) 85%, var(--scanline-cl-444) 90%, var(--scanline-cl-333) 95%, transparent 98%, transparent 100%); --hdbg-scanline-444:linear-gradient(0deg, transparent 0%, transparent 2%,var(--scanline-cl-111) 5%, var(--scanline-cl-222) 20%, var(--scanline-cl-222) 40%, var(--scanline-cl-111) 60%, transparent 90%, transparent 100%); --hdbg-scanline-44w:-webkit-linear-gradient(0deg,transparent 2%,var(--scanline-cl-111) 5%, var(--scanline-cl-111) 10%, var(--scanline-cl-222) 20%, var(--scanline-cl-222) 40%, var(--scanline-cl-111) 60%, transparent 90%, transparent 100%); /* ------------------- 图标数据 ---------------------- */ --header-image:var(--grid-image); --logo-image: var(--icon-scp) ; --icon-scp: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@SCP/LOGO_SCP.svg'); --grid-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAABoCAMAAAAD6XhRAAAAn1BMVEUAAAD////+/v7R0dHV1dXV1dXx8fGurq7+/v7S0tL9/f3////r6evS0tKDg4Pn5+fr6+v+/v7n5+fU1NTZ2dnr6+vb29u3t7dKSkpVVVXk5OT////Z2dn39/f9/f39/f3q6ur+/v79/P37+vubm5v39/f///+srKyioqLKysrz8/P4+Pjt7e2NjY36+vr////8+/zq6ur9/f3+/v7z8/M2KvSPAAAAM3RSTlMAU9Ocok4S1cJVnmGwYSn6/r+nsvv1/bIYCUJx5KiB9GO15fyPXjeZdmEVJcNVNFusuKCSbWiCAAABQ0lEQVRo3u3aXU/CMBTG8VJ1dLOTVdlUJmI3FeVF0cP3/2zecvUcEwnpzHOu/9l+ycoFJzVmEDOyZ0pxbi9wkI1dhou80BiX4pViLCUOriaVwiiDxijlWiluZKQwpjUZyTEaMsgggwwyyCCDDDLIICMBRiJ/EMg4OuNWZSiLhbumvsdFHsyshePlAQetlTkOHvcL5RE+mCcf0VjpIp5OLA5cL73DLznCR/Ha2cjq/TP+KgM6omSQQQYZZJBBBhlkkEEGGWSQQcYQGX/fb0x+wXiJDo2VzuHpxCpF30flJcG8arsvp+6+vLL7WkizhMX8NJvA6g0X+YmOqLKQHNAvhQwyyCCDDDLIIIMMMsgg4/8xErnpRMYhI40rRpl6xeg9mNUazlI8DtYbaXGwreoPXLTBfBZwdiHioIhhpz0ifHlcfP8AKMWr0khhiCAAAAAASUVORK5CYII="); } /* =================================== 主体 ================================== */ p{ font-size: 1.2em } #edit-page-textarea::selection ， ::selection { color:#cc6600; color: var(--sel-txt-color) ; background:#5a100e; background:var(--sel-bg-color) ; } ::-moz-selection { color:#cc6600; color: var(--sel-txt-color) ; background:#5a100e; background:var(--sel-bg-color) ; } #edit-page-textarea::-moz-selection, #edit-page-textarea::selection { color:#000; background:rgb(var(--pale-blue)) ; } .blinkblock ::-moz-selection, .blinkblock ::selection { background: green; color:#000 ; } div:is(.linebolck-inbox, .blockquote, blockquote) ::-moz-selection, div:is(.linebolck-inbox, .blockquote, blockquote) ::selection { background-color:rgb(var(--swatch-text-general),0.6) ; color: #000; } div:is(.et-typing, .scanline-letter-verti, .scanline-letter) *::-moz-selection, div:is(.et-typing, .scanline-letter-verti, .scanline-letter) *::-moz-selection{ background-color: rgba(var(--pale-blue), 1) ; -webkit-text-fill-color: #000; } /*-------------------------*/ #skrollr-body, #container { background-image: none; letter-spacing: 0.5px; } #container-wrap-wrap::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22)); background-size: auto, auto; z-index: -1; background-size: 100% 2px, 5px 100%;/*2 3 */ } @media (max-width: 500px){ #container-wrap-wrap::before { background-size: 100% 2px, 4px 100%; } } /* =================================== 版头标题 h1:before 修改为 after ================================== */ #header h1 a:after, #header h2 span:before{ font-weight: 500; background-image:var(--hdtt-line-1) ; background-image:var(--hdtt-line-1w) ; background-size: 1rem; background-repeat: repeat-x; text-shadow: none; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-animation: flashing 5s infinite; animation: flashing 5s infinite; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out; -webkit-filter:var(--hdtt-filter-000); filter:var(--hdtt-filter-000); } @keyframes flashing{ 0%{ opacity: 1; -webkit-filter:var(--hdtt-filter-000); filter:var(--hdtt-filter-000); background-image:var(--hdtt-line-0); background-image:var(--hdtt-line-0w); } 1%{ opacity: 0.8; -webkit-filter:var(--hdtt-filter-aaa); filter:var(--hdtt-filter-aaa); background-image:var(--hdtt-line-dd);background-image:var(--hdtt-line-dd); } 2%{ opacity: 1; -webkit-filter:var(--hdtt-filter-bbb);filter:var(--hdtt-filter-bbb); } 40%{ opacity: 1; -webkit-filter:var(--hdtt-filter-ccc);filter:var(--hdtt-filter-ccc); background-image:var(--hdtt-line-0);background-image:var(--hdtt-line-0w); } 43%{ opacity: 1; -webkit-filter:var(--hdtt-filter-ddd);filter:var(--hdtt-filter-ddd); } 44%{ opacity: 1; -webkit-filter:var(--hdtt-filter-eee); filter:var(--hdtt-filter-eee); } 80%{ opacity: 1; -webkit-filter:var(--hdtt-filter-fff); filter:var(--hdtt-filter-fff); background-image:var(--hdtt-line-0) ; background-image:var(--hdtt-line-0w) ; } 83%{ opacity: 1; -webkit-filter:var(--hdtt-filter-ggg);filter:var(--hdtt-filter-ggg); background-image:var(--hdtt-line-cc) ;background-image:var(--hdtt-line-ccw) ; } 84%{ opacity: 1; -webkit-filter:var(--hdtt-filter-hhh); filter:var(--hdtt-filter-hhh); background-image:var(--hdtt-line-0); background-image:var(--hdtt-line-0w); } 100%{ opacity: 1; -webkit-filter:var(--hdtt-filter-hhh);filter:var(--hdtt-filter-hhh); } } @media (max-width: 500px){ #header h1 a { letter-spacing: 2px; } #header h1 a { font-size: var(--header-h1-mob-size); } #header h2 span { font-size: var(--header-h1-mob-size); } } /* =================================== 版头logo ================================== */ #header::before { display: none } #header-extra-div-1:after, #header-extra-div-1:before, #header-extra-div-1{ display: block; top:0; position: absolute; width: 100%; height:var(--header-height-on-desktop); z-index: -1; background: var(--logo-image) ; background-repeat: no-repeat; background-position: 50% 50%; background-size: var(--logo-mask-size); filter: brightness(100%) drop-shadow(0 0 1px #333) drop-shadow(0 0 0px #333) drop-shadow(0 0 0px #333); } #header-extra-div-1:after, #header-extra-div-1:before{ content: ' '; mask:var(--logo-image); mask-size:var(--logo-mask-size); mask-repeat: no-repeat; mask-position: center; -webkit-mask:var(--logo-image); -webkit-mask-size: var(--logo-mask-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background-size: 50%; opacity: 0.4; } #header-extra-div-1:after{ background: var(--logo-bg-111); -webkit-animation: lg-aft 4s infinite; animation: lg-aft 4s infinite; opacity: 0.9; } #header-extra-div-1:before{ background: var(--logo-bg-222); -webkit-animation: lg-bf 4s infinite; animation: lg-bf 4s infinite; opacity: 0.5; } @keyframes lg-bf{ 0%{left:0rem; top:0rem} 0.01%{left:0.5rem; top:-0.5rem} 2%{left:0.5rem; top:-0.5rem} 2.01%{left:0rem; top:0rem} 40%{left:0rem; top:0rem} 40.01%{left:0.5rem; top:0rem} 42%{left:0.5rem; top:0rem} 42.01%{left:0rem; top:0rem} 80%{left:0rem; top:0rem} 80.01%{left:-0.5rem; top:0.2rem} 83%{left:-0.5rem; top:0.2rem} 83.01%{left:0rem; top:0rem} 100%{left:0rem; top:0rem} } @keyframes lg-aft{ 0%{left:0rem; top:0rem} 0.01%{left:0.5rem; top:0rem} 3%{left:0.5rem; top:0rem} 3.01%{left:0rem; top:0rem} 40%{left:0rem; top:0rem} 40.01%{left:-1rem; top:0rem} 43%{left:-1rem; top:0rem} 43.1%{left:0rem; top:0rem} 80%{left:0rem; top:0rem} 80.01%{left:0.5rem; top:-0.5rem} 83%{left:0.5rem; top:-0.5rem} 83.01%{left:0rem; top:0rem} 100%{left:0rem; top:0rem} } /* =================================== 版头背景 ================================== */ #extra-div-6:before, #extra-div-6:after, #extra-div-6{ position: absolute; display: block; top:0; left: 0; height: var(--header-height-on-desktop); width: 100%; } #extra-div-6{ background-color:var(--header-bg-color); mask:var(--header-image); mask-size:var(--header-mask-size); mask-repeat: no-repeat; mask-position: center; -webkit-mask:var(--header-image); -webkit-mask-size: var(--header-mask-size); -webkit-mask-repeat: repeat; -webkit-mask-position: center; opacity: 0.8; overflow-y: hidden; } #extra-div-6:before{ content: ''; display: block; z-index: -5; background-position:0% 0%; background-size:100% var(--scanline-header-height); background-repeat: no-repeat; background-image: var(--hdbg-scanline-00w); background-image: var(--hdbg-scanline-000); -webkit-filter: var(--scanline-filter); filter: var(--scanline-filter); -webkit-animation: scanline var(--scanline-speed) infinite; animation: scanline var(--scanline-speed) infinite; } /*----- 扫描线动画 -------*/ @keyframes scanline { 0%{ background-position:0% var(--scanline-hd-start); } 50%{background-position:0% var(--scanline-hd-end);} 100%{background-position:0% var(--scanline-hd-end);} } /* =================================== 新版黑标修复 ================================== */ /*-------- 背景 -------*/ #container-wrap-wrap #container-wrap{ background: none ; } /*-------- 标题 -------*/ #header h1 a:before, #header h2 span:after{ color: transparent; display: none; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; text-align: center; -webkit-text-stroke: 0; /*! left: 50%; */ /*! margin-left: 0; */ } #header h1 a:before { top: var(--hdh1-top); } #header h2 span:before { top: var(--hdh2-top); } @media only screen and (max-width: 500px){ #header h1 a:after { top: var(--hdh1-top-mob); font-size:var(--hdh1-size-mob); font-weight: 400; } #header h2 span:before { top: var(--hdh2-top-mob); font-size:var(--hdh2-size-mob); } } /*-------- 侧栏 -------*/ #side-bar div.menu-item a img { display: block; } #interwiki .heading p, #side-bar .heading p , #content-wrap #side-bar .collapsible-block a[href="javascript:;"] { color: rgb(var(--swatch-primary)); } /* =================================== 侧边栏 ================================== */ #main-content::after { filter: sepia(100%) hue-rotate(150deg); } /* 大长条 */ #main-content::before { background-color: var(--quote-bg) !important; } /* =================================== 正文 ================================== */ /* ------------ 评分 ------------------ */ .creditButtonStandalone p a{ background: rgb(var(--rating-module-bg-color)); color: rgb(var(--rating-module-text-color)) ; box-shadow: 0 0 3px rgb(var(--rating-module-bottom-border-color)); } /* ------------ 引用块 ------------------ */ /* ------------ 普通引用块 ------------------ */ .blockquote, blockquote{ background-color: var(--quote-bg); border: var(--quote-bd); box-shadow: inset 0 0 0 .0625rem rgba(var(--blockquote-border-color),.2),inset .0625rem 0 0 0 rgba(var(--blockquote-border-color),.2),inset 0 -.0625rem 0 0 rgba(var(--blockquote-border-color),.2); } .blockquote hr, blockquote hr{ opacity: 0.5; } code,.code{ border: .12rem dashed rgba(var(--swatch-border-color),.5); } /* ------------ 标题盒子 ------------------ */ .titleblock { background-color: rgb(var(--gray-monochrome)); color:rgb(var(--text-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,.5); border: solid rgb(var(--bright-accent)) 2px; } .titlebox{ color: rgba(255,255,255,0.9); position: relative; top: -1.6rem; background-color: rgb(var(--bright-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } .titleblock-green, .titleblock-green .titlebox { border: solid rgb(var(--display-green)); 2px; } .titleblock-green .titlebox{ color: rgba(0,0,0,0.9); background-color: rgb(var(--display-green)); } .titleblock-blue, .titleblock-green .titlebox { border: solid rgb(var(--display-green)); 2px; } .titleblock-blue .titlebox{ color: rgba(0,0,0,0.9); background-color: rgb(var(--pale-blue)); } .titleblock-blue, .titleblock-green .titlebox { border: solid rgba(var(--pale-blue),0.9); 2px; } /* ------------ 流光盒子 ------------------ */ .blinkblock{ padding: 0 0.5rem; background-color: rgba(10,15,12,0.8); border:3px solid green; padding: 0 0.5rem; color:rgba(var(--display-green), 0.8); -webkit-animation-timing-function:ease-out; -webkit-animation-direction:alternate; -webkit-animation: blinkborder 1s infinite; animation: blinkborder 1s infinite; animation-timing-function:ease-out; animation-direction:alternate; } .blinlbar{ opacity: 0; -webkit-animation: blinkbar 2s infinite; animation: blinkbar 2s infinite; } @keyframes blinkborder { to { border-color:rgb(var(--display-green)); } } @keyframes blinkbar { to { opacity: 1 } } /* ------------ 动线 ------------------ */ .linebolck-outbox { padding: var(--quote-bd-sz11); transition: ease-in .3s; background: linear-gradient(0, var(--quote-bd-c11) var(--quote-bd-sz11), var(--quote-bd-c11) var(--quote-bd-sz11)) no-repeat, linear-gradient(-90deg, var(--quote-bd-c11) var(--quote-bd-sz11), var(--quote-bd-c11) var(--quote-bd-sz11)) no-repeat, linear-gradient(-180deg, var(--quote-bd-c11) var(--quote-bd-sz11), var(--quote-bd-c11) var(--quote-bd-sz11)) no-repeat, linear-gradient(-270deg, var(--quote-bd-c11) var(--quote-bd-sz11), var(--quote-bd-c11) var(--quote-bd-sz11)) no-repeat; background-size: 0 var(--quote-bd-sz11), var(--quote-bd-sz11) 0, 0 var(--quote-bd-sz11), var(--quote-bd-sz11) 0; background-position: left top, right top, right bottom, left bottom; border: var(--quote-bd); } .linebolck-outbox:hover{ background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%; } .linebolck-inbox{ padding:0.5rem 1rem; background: var(--quote-bg-box111); transition: background ease-in .3s; } .linebolck-inbox:hover{ background:var(--quote-bghv-box111); transition: ease-in .3s; transition: background ease-in .3s; } /* ------------ 区块扫描线 ------------------ */ .scanline-wrap{ display: flex; flex-wrap: nowrap; align-items:stretch; width:100%; } .scanline-cell{ flex-basis:100%; } .scanline-place{ color:transparent; } .scanline-animation{ z-index: -1; margin-left: -100%; background:var(--scanline-ct-bg); mask-size:var(--content-mask-size); mask-repeat: no-repeat; mask-position: center; -webkit-mask:var(--header-image); -webkit-mask-size: var(--content-mask-size); -webkit-mask-repeat: repeat; -webkit-mask-position: center; opacity: 0.8; } .scanline-animation:before{ content: ''; display: block; z-index: -5; height:100%; width: 100%; background: var(--hdbg-scanline-11w); background: var(--hdbg-scanline-111); -webkit-filter: var(--scanline-filter); filter: var(--scanline-filter); -webkit-animation: scanline-horiz var(--scanline-block-speed) infinite; animation: scanline-horiz var(--scanline-block-speed) infinite; background-position:0% 0%; background-size:var(--scanline-size-width) 100%; background-repeat: no-repeat; } .scanline-verti .scanline-animation:before{ background: var(--hdbg-scanline-44w); background: var(--hdbg-scanline-444); -webkit-animation: scanline-verti var(--scanline-block-speed) infinite; animation: scanline-verti var(--scanline-block-speed) infinite; background-size:100% var(--scanline-size-height); background-repeat: no-repeat; } @keyframes scanline-horiz { 0%{ background-position:var(--scanline-strat-horiz) 0%; } 50%{background-position:var(--scanline-limit-horiz) 0%;} 100%{background-position:var(--scanline-limit-horiz) 0%;} } @keyframes scanline-verti { 0%{ background-position:0% var(--scanline-strat-verti);} 50%{background-position:0% var(--scanline-limit-verti);} 100%{background-position:0% var(--scanline-limit-verti);} } .scanline-intext{ padding:0 1rem; } .scanline-logo .scanline-animation{ -webkit-mask:var(--logo-image); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size:auto 60%; mask:var(--logo-image); mask-repeat: no-repeat; mask-position: center; mask-size:auto 60%; } .scanline-logo .scanline-animation:before{ background-size:var(--scanline-lgsz-horiz) 100%; } .scanline-logo.scanline-verti .scanline-animation:before{ background-size:100% var(--scanline-lgsz-verti); } /* ------------ 单行扫描线 ------------------ */ #page-content .scanline-letter-verti p, #page-content .scanline-letter p{ background-color: rgba(var(--swatch-text-general),1); background-image: var(--hdbg-scanline-11w); background-image: var(--hdbg-scanline-111); -webkit-background-clip: text; color: transparent; -webkit-animation: scanlineletter var(--scanline-letter-speed) infinite; animation: scanlineletter var(--scanline-letter-speed) infinite; background-clip: text; -webkit-text-fill-color:transparent; background-size: 1.5rem 200%; background-position: 0% 0%; background-repeat: no-repeat; } #page-content .scanline-letter-verti p{ background-size: 100% 1.5rem; background-color: rgba(var(--swatch-text-general),1); background-image: var(--hdbg-scanline-33w); background-image: var(--hdbg-scanline-333); -webkit-animation: scanlineletter-verti var(--scanline-letter-speed) infinite; animation: scanlineletter-verti var(--scanline-letter-speed) infinite; } @keyframes scanlineletter{ 0% {background-position: 0% 0%;} 100% {background-position:var(--scanlineletter-end) 0%;} } @keyframes scanlineletter-verti{ 0% {background-position: 0% 0%;} 100% {background-position:0% var(--scanlineletter-end)} } /* ------------ 表格 ------------------ */ table.wiki-content-table td, table.wiki-content-table th, table.wiki-content-table tr { border: .1rem solid var(--table-border-color) !important; } table.wiki-content-table th { color:var(--table-th-color) !important; background: var(--table-th-bg) !important; } table.wiki-content-table{ background:none !important; } table.wiki-content-table td { background: rgba(22,22,22,0.5) !important; } /* ------------ 图片框 ------------------ */ .scp-image-block { --box-shadow: rgba(var(--darkest-blue),0.8); border: .0625rem outset rgba(var(--swatch-primary),1); } /*====================== 结尾 ========================*/ #page-options-bottom a.btn { opacity: 0.8; } #footer a, #page-options-container a.btn { color:var(--color-options-btn); } /*====================== 特效 ========================*/ /* ------------ 打字机 ------------------ */ .typing-center{ font-size: 150%; text-align: center; } /* 打字机动作 */ #page-content .et-typing p{ background-image: linear-gradient(0deg, rgb(var(--swatch-text-general)) 100%, transparent); -webkit-background-clip: text; color: transparent; animation: etwww var(--typing-speed) forwards; background-clip: text; -webkit-text-fill-color:transparent; background-size: 100% 0%; background-repeat: no-repeat; } @media (max-width: 500px) { #page-content .et-typing p{ animation: etwwwmob 3s forwards; background-size: 0% 100%; } } @keyframes etwww{ 0% {background-size: 0% 100%;} 100% {background-size:100% 100%;} } @keyframes etwwwmob{ 0% {background-size: 100% 0%;} 100% { background-size:100% 100%;} } #page-content .et-typing p:nth-child(2) { animation-delay: calc(0.5 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(3) { animation-delay: calc(1 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(4) { animation-delay: calc(2 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(5) { animation-delay: calc(3 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(6) { animation-delay: calc(4 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(7) { animation-delay: calc(5 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(8) { animation-delay: calc(6 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(9) { animation-delay: calc(7 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(10) { animation-delay: calc(8 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(11) { animation-delay: calc(9 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(12) { animation-delay: calc(10 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(13) { animation-delay: calc(11 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(14) { animation-delay: calc(12 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(15) { animation-delay: calc(13 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(16) { animation-delay: calc(14 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(17) { animation-delay: calc(15 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(18) { animation-delay: calc(16 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(19) { animation-delay: calc(17 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(20) { animation-delay: calc(18 * var(--fade-in-delay)); } #page-content .et-typing p:nth-child(n+20) { animation-delay: calc(n * var(--fade-in-delay)); } [[/code]] [!----------------- cccccccccc 结束 ------------------------] [[code type="CSS"]] /* ================== 故障数据库语言框样式 22222222222222222222222 ================== */ :root { --bright-accent: 62,76,148; --medium-accent: 62,76,148; --sidebar-links-text: 255,0,255; --swatch-menutxt-general-color:122,145,165; } [[/code]] [!------------------------------- mmmmmmmmmmmmmmmmm 结束 --------------------------------------------] [[/collapsible]] [[div class="typing-center et-typing" ]] [[div class="scanline-wrap scanline-logo"]] [[div class="scanline-cell scanline-text"]] [[div class="scanline-intext"]] [[size 260%]]**警告**[[/size]] 您正试图打开一个故障的数据库。因受异常影响，其带有光敏性视觉危害。为了您的安全，如感到不适请立即登出。 [[/div]] [[/div]] [[div class="scanline-cell scanline-animation"]] [[div class="scanline-place" ]] [[/div]] [[/div]] [[/div]] [[/div]] ------ [[div class="flex-wrap"]] [[div class="flex-cell"]] [[module Rate]] [[/div]] [[div class="flex-cell"]] [[include :scp-wiki-cn:credit:start]] [[include :scp-wiki-cn:credit:end]] [[/div]] [[div class="flex-cell"]] [[include :scp-wiki-cn:credit:start-standalone]] [[include :scp-wiki-cn:credit:end-standalone]] [[/div]] [[/div]] + 使用方法 +++++ 注意：这是一个基于黑色标记笔的主题版式。若你想使用此版式，你还需要导入黑色标记笔版式。[[[theme:black-highlighter-theme|点击这里了解更多]]]。在你的作品开头添加如下语法以应用此版式： [[div class="code"]] @@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@ @@[[include :scp-wiki-cn:theme:brokedown-database]]@@ [[/div]] 若不想要版头动画，则改成这样： [[div class="code"]] @@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@ @@[[include :scp-wiki-cn:theme:brokedown-database@@ |no-animation=true ]] [[/div]] 若要更改版头标志，像这样： [[div class="code"]] @@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@ @@[[include :scp-wiki-cn:theme:brokedown-database@@ |my-logo=true |logo-url=url('图片地址') ]] [[/div]] **PS:** 可以将图片转换为base64格式，再加入module css里面，这样就可以直接修改[/fragment:brokedown-database 标志的参数]，可保留版头标志的着色，也可用于下面的标志扫描线里。 + 示例 [[div class="scp-image-block block-right" style="width:340px;background:#999"]] [[image http://scpsandboxcn.wdfiles.com/local--files/collab%3Apic-semi/IMG-wikidown.png ]] [[div class="scp-image-caption"]] wikidot药丸 [[/div]] [[/div]] 可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。 ----- 标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。 [[collapsible show="+ 标题" hide="- 标题"]] + 1 级标题 ++ 2 级标题 +++ 3 级标题 ++++ 4 级标题 +++++ 5 级标题 ++++++ 6 级标题 [[/collapsible]] @@ @@ [[tabview]] [[tab 分页]] 此为分页（tab view）。 [[/tab]] [[tab 分页]] 看，这有更多文字。多么精巧绝伦。 [[/tab]] [[tab 长 Tab]] 这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。这是一个长的 tab，它有很多文字。 [[/tab]] [[tab 由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[/tabview]] > 这是一个引用块，在一行字的起始处加上“> ”来创建。 > > 更多文字 > ----- > 一条分割线 > >> 嵌套引用块 ||~ 这是 ||~ 表格 || || 你应该老早 || 就知道怎么 || |||| 做这个了吧 || ----- [[=]] 正文字体是点点像素 {{等宽字体是站酷小薇}} [[/=]] ----- 脚[[footnote]]注[[/footnote]] 这段文本 __放在这里__ //你们就能// **看到不同** --格式以及-- {{其它东西}} 看起^^来是^^ 怎么,,运作,, [[[包括那些不存在]]] [[[theme:brokedown-database|以及存在的链接！]]] [# 天啊。] ----- [[div class="blinkblock"]] @@[[div class="blinkblock"]]@@ 光标[[span class="blinlbar"]] ▏[[/span]] @@[[span class="blinlbar"]] ▏[[/span]]@@ @@[[/div]]@@ [[/div]] ----- [[div class="linebolck-outbox"]] [[div class="linebolck-inbox"]] @@[[div class="linebolck-outbox"]]@@ @@[[div class="linebolck-inbox"]]@@ 请把鼠标移到此处 @@[[/div]]@@ @@[[/div]]@@ [[/div]] [[/div]] ------ [[div class="scanline-letter"]] @@[[div class="scanline-letter"]]@@ 横着扫描 @@[[/div]]@@ [[/div]] [[div class="scanline-letter-verti"]] @@[[div class="scanline-letter-verti"]]@@ 竖着扫描 @@[[/div]]@@ [[/div]] [[collapsible show="+ 附注" hide="- 收起"]] [[div class="scanline-letter-verti"]] 1. 该扫描线只能扫描 p 标签的段落，亦即文本段落。 @@@@ ps，为了让垂直扫描线能扫完一段而不是分行扫描，可以在另起一行时，用四个@符号作为分行符，且与前后句子相贴。像这样 @@@@ @@[[div class="scanline-letter-verti"]]@@ 正文 @@@@@@@@ 另一行 @@[[/div]]@@ @@@@ 3. 垂直扫描线会随着内容变多而扫描速度变快，为了解决这个问题，可以调节扫描用时这个参数，单位上 s ，亦即每秒。或者更改扫描结束的终点，单位百分比。 @@@@ @@[[module css]]@@ :root{ @@--scanline-letter-speed: 4s;@@ @@--scanlineletter-end:200%;@@ } @@[[/module]]@@ [[/div]] [[/collapsible]] ------ [[div class="scanline-wrap"]] [[div class="scanline-cell scanline-text"]] [[div class="scanline-intext"]] [!---------------] @@[[div class="scanline-wrap"]]@@ @@[[div class="scanline-cell scanline-text"]]@@ @@[[div class="scanline-intext"]]@@ @@@@ 横着扫描 @@@@ @@[[/div]]@@ @@[[/div]]@@ @@[[div class="scanline-cell scanline-animation"]]@@ @@[[div class="scanline-place" ]]@@ @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ [!---------------] [[/div]] [[/div]] [[div class="scanline-cell scanline-animation"]] [[div class="scanline-place" ]] [[/div]] [[/div]] [[/div]] ------ [[div class="scanline-wrap scanline-verti"]] [[div class="scanline-cell scanline-text "]] [[div class="scanline-intext"]] [!---------------] @@[[div class="scanline-wrap scanline-verti"]]@@ @@[[div class="scanline-cell scanline-text"]]@@ @@[[div class="scanline-intext"]]@@ @@@@ 竖着扫描 @@@@ @@[[/div]]@@ @@[[/div]]@@ @@[[div class="scanline-cell scanline-animation"]]@@ @@[[div class="scanline-place" ]]@@ @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ [!---------------] [[/div]] [[/div]] [[div class="scanline-cell scanline-animation"]] [[div class="scanline-place" ]] [[/div]] [[/div]] [[/div]] ------ [[div class="scanline-wrap scanline-logo"]] [[div class="scanline-cell scanline-text"]] [[div class="scanline-intext"]] [!---------------] @@[[div class="scanline-wrap scanline-logo"]]@@ @@[[div class="scanline-cell scanline-text"]]@@ @@[[div class="scanline-intext"]]@@ @@@@ 横着扫描 @@@@ @@[[/div]]@@ @@[[/div]]@@ @@[[div class="scanline-cell scanline-animation"]]@@ @@[[div class="scanline-place" ]]@@ @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ [!---------------] [[/div]] [[/div]] [[div class="scanline-cell scanline-animation"]] [[div class="scanline-place" ]] [[/div]] [[/div]] [[/div]] ----- [[div class="scanline-wrap scanline-logo scanline-verti"]] [[div class="scanline-cell scanline-text"]] [[div class="scanline-intext"]] [!---------------] @@[[div class="scanline-wrap scanline-logo scanline-verti"]]@@ @@[[div class="scanline-cell scanline-text"]]@@ @@[[div class="scanline-intext"]]@@ @@@@ 竖着扫描 @@@@ @@[[/div]]@@ @@[[/div]]@@ @@[[div class="scanline-cell scanline-animation"]]@@ @@[[div class="scanline-place" ]]@@ @@[[/div]]@@ @@[[/div]]@@ @@[[/div]]@@ [!---------------] [[/div]] [[/div]] [[div class="scanline-cell scanline-animation"]] [[div class="scanline-place" ]] [[/div]] [[/div]] [[/div]] **PS:** 可在 scanline-animation 那个 div 里，添加 style="-webkit-mask: auto 80%;mask-size: auto 80%;" 以改变 logo 尺寸，百分数是高度，默认 60% @@[[div class="scanline-cell scanline-animation" style="-webkit-mask: auto 80%;mask-size: auto 80%;" ]]@@ ----- @@@@ @@@@ [[div class="et-typing"]] @@[[div class="et-typing"]]@@ 打字机特效 @@[[/div]]@@ [[/div]] [[include :scp-wiki-cn:component:coltop ifprot=true | show=▦ 效果见此|hide= ☑ 注意事项]] [[div class="et-typing"]] 1. 打字机效果仅限于 p 标签的段落。亦即你需要单独空一行才能有先后而非同时。 2. 应尽量保持每行短小，以免段落过长自动换行。 3. 在手机窄屏下，会变成通常的从上到下的渐入。 [[/div]] [[include :scp-wiki-cn:component:colend]] @@@@ @@@@ ------ [[div class="titleblock"]] [[span class="titlebox"]]插入文本[[/span]] @@[[div class="titleblock"]]@@ @@[[span class="titlebox"]]插入文本[[/span]]@@ @@[[/div]]@@ [[/div]] [[div class="titleblock titleblock-green"]] [[span class="titlebox"]]插入文本[[/span]] @@[[div class="titleblock titleblock-blue"]]@@ @@[[span class="titlebox"]]插入文本[[/span]]@@ @@[[/div]]@@ [[/div]] [[div class="titleblock titleblock-blue"]] [[span class="titlebox "]]插入文本[[/span]] @@[[div class="titleblock titleblock-blue"]]@@ @@[[span class="titlebox"]]插入文本[[/span]]@@ @@[[/div]]@@ [[/div]] ------ = 版式由 [[*user etinjat]] 制作，显示屏像素点代码源自[http://scp-wiki-cn.wikidot.com/scp-style-resource 格式资源]。 ------ [[include :etinjat:theme:black-highlighter-theme]] [[module CSS]] .unmargined, .unmargined + hr{ display: none } .flex-wrap{ display: flex; justify-content: space-between; } [[/module]] [[/iftags]] [!----------------- nnnnnnnnnnnnnnnnnnnn 开始 ------------------------] [[include :etinjat:typeface-cn |Dotted-Songti-Square=true ]] [[module CSS]] @import url("https://scp-wiki-cn.wikidot.com/theme:brokedown-database/code/1"); [[/module]] [[iftags [[#ifexpr {$no-animation} == (true) | - ]]]] [[module CSS]] /* ============================================ 停止动画 ============================================ */ #container-wrap-wrap::before, #header-extra-div-1:before, #header-extra-div-1:after, #extra-div-6:before, #header h1 a::after, #header h2 span::before { -webkit-animation: none; animation:none; } /* ------------- 背景和logo -------------------*/ #header-extra-div-1:after, #extra-div-6:before{ -webkit-animation: none; animation:none; display: none; } #header-extra-div-1 , #header-extra-div-1::before { background: none; } /* ------------- 版头标题 -------------------*/ #header h1 a::after, #header h2 span::before { -webkit-filter: none; filter: none; background-image: none; background-color:rgba(var(--pale-blue),1); filter:brightness(100%) drop-shadow(0px 0px 5px rgba(0,10,80,0.5)); -webkit-text-stroke:0.01rem rgba(var(--pale-blue),0.5); font-weight: 900; } #header h2 span::before { background-color:rgba(var(--swatch-primary),1); } [[/module]] [[/iftags]] [[iftags [[#ifexpr {$my-logo} == (true) | - ]]]] [[module CSS]] /* ============================================ 更改logo ============================================ */ #header-extra-div-1, #header-extra-div-1:after, #header-extra-div-1:before{ mask: none; -webkit-mask:none; background: var(--logo-image); background: {$logo-url}; background-size: contain; background-repeat: no-repeat; background-position: center; } [[/module]] [[/iftags]] [[include :scp-wiki-cn:component:interwiki-style |priority=1 |type=sidebar |theme=https://scp-wiki-cn.wdfiles.com/local--code/theme%3Abrokedown-database/2 ]]

故障数据库主题版式

评分趋势

最近修订

最近投票

相关页面

页面源码