魔法联盟 特种版式

源页面
2025年7月17日
修订 3
评分
41
↑ 41
↓ 0
支持率
100%
总票数 41
Wilson 95% 下界
91.4%
在相同票数下更稳健的支持率估计
争议指数
0.000

评分趋势

按周聚合
加载图表中...

最近修订

1 / 2
SOURCE_CHANGED
2 个月前
SOURCE_CHANGED
2 个月前
修改标签
2 个月前
已新增标签:原创, 版式。

最近投票

1 / 5
2025-08-23
2025-08-22
2025-08-15
2025-08-15
2025-07-31
2025-07-26
2025-07-21
2025-07-19

相关页面

暂无推荐

页面源码

[[module ThemePreviewer noUi="true" theme_url="http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--theme/base/css/style.css"]] [[module CSS]] @import url(https://scp-wiki-cn.wdfiles.com/local--code/theme:mox/8); @import url(https://scp-wiki-cn.wdfiles.com/local--code/theme%3Amadoka/1); [[/module]] [[iftags +版式 +原创]] [[module CSS]] .madoka-block {     background-color: var(--mox-layer-light-2);     width: min(26rem, 70vw);     margin: 3rem auto;     padding: 0;     display: flex ;     justify-content: flex-start;     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-7.svg);     background-position: 18rem 7rem;     background-size: 31rem;     background-repeat: no-repeat;     background-attachment: fixed; } .madoka-color {     width: 5rem;     height: 5rem; } .madoka-label {     padding-left: 1rem;     width: calc(100% - 5rem);     background: rgba(255, 255, 255, 0.5);     box-shadow: inset 0rem 0rem 0 0.1rem var(--mox-layer-light-1); } span.madoka-label1 {     font-size: 1.3rem;     font-weight: bold; } span.madoka-label2 {     font-family: var(--mox-mono-font); } .madoka-block.dark>.madoka-label {     background: #000000d4;     box-shadow: none;     color: var(--mox-layer-light-1); } .madoka-color:before {     content: '';     display: block;     width: 5rem;     height: 5rem;     background: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-7.svg) no-repeat;     background-size: 8rem;     background-position: -4rem -3rem;     opacity: 0.25;     filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.4)); } [[/module]] [[>]] [[module rate]] [[/>]] **魔法联盟 特种版式**是为2025幻想月作品《吾等即战争:魔法少女们的1944》所做的CSS版式,基于[[[theme:mox |一氧化物 基础版式]]]。 在任何页面上使用 = {{@@[[include :scp-wiki-cn:theme:madoka]]@@}} 使用此版式。 ----- + 引用参数 [[div class="madoka-block"]] [[div class="madoka-color" style="background: linear-gradient(90deg, rgba(255,181,0,1) 0%, rgba(255,218,120,1) 100%);"]] [[/div]] [[div class="madoka-label"]] [[span class="madoka-label1"]]秀色[[/span]] [[span class="madoka-label2"]]|mami=*[[/span]] [[/div]] [[/div]] [[div class="madoka-block"]] [[div class="madoka-color" style="background: linear-gradient(50deg, rgb(47 122 202) 0%, rgb(80 182 255) 100%);"]] [[/div]] [[div class="madoka-label"]] [[span class="madoka-label1"]]人鱼[[/span]] [[span class="madoka-label2"]]|sayaka=*[[/span]] [[/div]] [[/div]] [[div class="madoka-block"]] [[div class="madoka-color" style="background: linear-gradient(90deg, rgba(190,63,63,1) 0%, rgba(218,0,0,1) 100%);"]] [[/div]] [[div class="madoka-label"]] [[span class="madoka-label1"]]武旦[[/span]] [[span class="madoka-label2"]]|kyoko=*[[/span]] [[/div]] [[/div]] [[div class="madoka-block dark"]] [[div class="madoka-color" style="background: linear-gradient(50deg, rgba(255,157,186,1) 0%, rgba(255,189,209,1) 100%);"]] [[/div]] [[div class="madoka-label"]] [[span class="madoka-label1"]]救济[[/span]] [[span class="madoka-label2"]]|madoka=*[[/span]] [[/div]] [[/div]] [[div class="madoka-block dark"]] [[div class="madoka-color" style="background: linear-gradient(50deg, rgb(101 0 203) 0%, rgb(156 0 234) 100%)"]] [[/div]] [[div class="madoka-label"]] [[span class="madoka-label1"]]彼岸[[size smaller]](默认暗色)[[/size]][[/span]] [[span class="madoka-label2"]]|homura=*[[/span]] [[/div]] [[/div]] [[div class="madoka-block"]] [[div class="madoka-color" style="background: linear-gradient(50deg, rgb(123 123 123) 0%, rgb(50 50 50) 100%)"]] [[/div]] [[div class="madoka-label"]] [[span class="madoka-label1"]]小说模式[[size smaller]](可以与配色参数同时引用)[[/size]][[/span]] [[span class="madoka-label2"]]|novel=*[[/span]] [[/div]] [[/div]] 启用小说模式后,页面内文字的行距、字号、字距均会适当加大,并且缩进2字符大小,字体切换为思源宋体,适宜长文本阅读。 另外,你可以启用{{|qb=*}}关闭这个高100vh的动画版头。 ----- + 页面元素展示 ++ 新增 使用如下代码创建一个华丽的分割线: {{@@[[div class="hr"]]@@}} {{@@-----@@}} {{@@[[/div]]@@}} 效果: [[div class="hr"]] ----- [[/div]] [[div class="modal magic"]] = {{@@[[div class="modal magic"]]@@}} [[/div]] ++ 预设div元素 [[div class="blockquote"]] = @@[[div class="blockquote"]]@@ [[/div]] [[div class="mox-modal"]] = @@[[div class="modal"]],[[div class="wiki-note"]],[[note]]@@ = 或 = @@[[div class="mox-modal"]]@@ [[/div]] [[div class="mox-smallmodal"]] = @@[[div class="smallmodal"]]@@ = 或 = @@[[div class="mox-smallmodal"]]@@ [[/div]] [[div class="mox-note"]] = @@[[div class="notation"]] 或 [[div class="mox-note"]]@@ [[/div]] [[div class="mox-notice"]] = @@[[div class="jotting"]],[[div class="papernote"]]@@ = 或 = @@[[div class="mox-notice"]]@@ [[/div]] [[div class="mox-card"]] = @@[[div class="document"]] 或 [[div class="mox-card"]]@@ [[/div]] [[div class="mox-card mox-dark"]] = @@[[div class="darkdocument"]] 或 [[div class="mox-card mox-dark"]]@@ [[/div]] [[div class="mox-float mox-f-left"]] = @@[[div class="floatbox"]] 或 [[div class="mox-float mox-f-left"]]@@ [[/div]] [[div class="mox-float mox-f-right"]] = @@[[div class="floatbox right"]] 或 [[div class="mox-float mox-f-right"]]@@ [[/div]] ~~~~ @@@@ ----- = [[size 1.5em]]UI字体为[[span style="font-family:'Noto Serif' , serif;"]]**思源宋体 SC** [[/span]]/ [[span style="font-family:'ZSFT-q' , serif;"]]**Cinzel**[[/span]]。[[/size]] = [[size 1.5em]]正文字体为**思源黑体**。[[/size]] = [[size 1.5em]]等宽字体为{{**Oxygen Mono**/**思源黑体**}}。[[/size]] [[collapsible show="展开源代码" hide="收起源代码"]] [[code type="CSS"]] :root {     --mox-theme-color: #8F69ED;     --mox-theme-dark-color: #634d99;     --mox-theme-light-color: #a07aff;     --mox-bg-color: #ffffff;     --mox-text-color: #141414;     --mox-layer-dark-1: #262626;     --mox-layer-dark-2: #404040;     --mox-layer-dark-3: #595959;     --mox-layer-light-1: #F2F2F2;     --mox-layer-light-2: #D9D9D9;     --mox-layer-light-3: #BFBFBF;     --mox-bgblur-front-color: rgba(255, 255, 255, 0.85);     --mox-warn-color: #bd3651;     --mox-accept-color: #37b55d;     --mox-alter-color: #debf44;     --mox-header-title: "I. A. M. A.";     --mox-header-subtitle: "国际反法西斯魔法少女联盟";     --mox-header-logo: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/iama-logo-dark.svg);     --mox-page-width: 75vw;     --mox-header-height: 3rem;     --mox-anim-duration: 0.2s;     --mox-ui-font: 'ZSFT-q', 'Noto Serif SC', serif;     --mox-text-font: 'Noto Sans', Segoe UI, Arial, sans-serif;     --mox-mono-font: 'Oxygen Mono', 'Noto Sans', Consolas; } :root {     --madoka-serif: 'ZSFT-q', 'Noto Serif SC', serif;     --madoka-content-serif: 'Noto Serif SC', serif; } @import url("https://fontsapi.zeoseven.com/285/main/result.css"); @font-face {     font-family: "ZSFT-q";     src: url("https://fontsapi.zeoseven.com/q/main.woff2") format('woff2'),         url("https://fontsapi-storage.zeoseven.com/q/main.woff2") format('woff2');     font-display: swap; } div#container {     background-image: linear-gradient(180deg, var(--mox-bg-color), rgba(255, 255, 255, 0.7) 300vh), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/madoka-bg.jpg);     background-size: contain;     background-position: center;     background-attachment: scroll;     background-repeat: no-repeat repeat; } #header h1 a span::after {     /* transform: scaleX(0.7) translateX(-2rem); */     font-family: var(--madoka-serif);     font-weight: normal; } #header h1 a span::before {     font-family: 'Noto Serif SC';     font-weight: bolder; } div#page-title {     font-family: var(--madoka-serif);     font-weight: bolder;     text-align: center; } div#header {     position: sticky;     margin-top: 100vh; } /* 页面元素 */ div.hr {     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; } div.hr hr {     display: none; } .modal.magic::before {     content: '';     display: block;     width: 2rem;     height: 2rem;     background: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-deco1.svg) no-repeat;     background-position: center;     background-size: 1.8rem;     position: absolute;     right: -1rem;     top: -1rem; } .modal.magic {     border: solid 0.15rem transparent;     background-image: linear-gradient(#FFF), radial-gradient(circle at 100% 0%, transparent 1.5rem, var(--mox-theme-color) 1.5rem);     background-clip: padding-box, border-box;     background-origin: padding-box, border-box; } #page-content h1 {     font-weight: 600; } #page-content :is(h2,h3,h4,h5,h6) {     font-weight: 400; } /* 版头 */ div#extra-div-1 {     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -20;     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-1.svg), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-5.svg), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-6.svg);     background-repeat: no-repeat;     background-position: center;     background-size: 9vw, 141vw, 97vw; } div#extra-div-2 {     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-2.svg);     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -20;     background-repeat: no-repeat;     background-position: center;     background-size: 72vh;     transform: rotate(0deg);     animation: rota 50s linear infinite; } div#extra-div-3 {     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-3.svg), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-4.svg);     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -20;     background-repeat: no-repeat;     background-position: center;     background-size: 76vh;     transform: rotate(0deg);     animation: rota 80s linear infinite;     animation-direction: reverse; } div#extra-div-4 {     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -23;     background-repeat: no-repeat;     background-position: center;     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-7.svg);     background-size: 256vw;     animation: div4 8s;     animation-timing-function: ease-out;     animation-fill-mode: both; } div#extra-div-5 {     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -19;     background-repeat: no-repeat;     background-position: -42vw 46vh, 62vw 46vh;     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-8a.svg), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-8a.svg);     background-size: 79vw, 79vw;     animation: div5 5s both;     animation-delay: 2s;     animation-timing-function: ease-in-out;     opacity: 0;     transform: scale(2) translateY(30vw);     filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); } div#extra-div-6 {     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -21;     background-repeat: no-repeat;     background-position: center;     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-8b.svg);     background-size: 300vw;     animation: div6 5s;     animation-timing-function: ease-out;     animation-fill-mode: both;     filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));     animation-delay: 4s;     opacity: 0; } div#extrac-div-1 {     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -14;     background-repeat: no-repeat;     background-position: center;     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/iama-logo-dark.svg);     background-size: 27vh;     animation: exd1 2.5s both;     animation-delay: 4s;     transform: scale(0.5) translateY(10vh) rotate(45deg);     opacity: 0;     animation-timing-function: ease-in-out;     filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 1)); } div#extrac-div-2 {     display: block;     width: 100vw;     height: 100vh;     position: fixed;     top: 0;     left: 0;     z-index: -14;     background-repeat: no-repeat;     background-position: center 69vh;     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-bg-text.svg);     background-size: 36vh;     animation: exd2 2.5s both;     animation-delay: 4.5s;     transform: scale(1.5) translateY(10vh);     opacity: 0;     animation-timing-function: ease-in-out; } #footer {     margin-top: -1px; } div#content-wrap::after {     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-end1.svg), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-end2.svg);     display: block;     width: 100%;     height: 100vh;     z-index: 0;     position: relative;     bottom: 0;     content: '';     background-size: auto 76vh, auto 88vh;     margin: 0vh 0rem 0rem 0rem;     background-position: center 45vh, center 8vh;     background-repeat: repeat-x; } div#footer::before {     filter: invert(1.1) grayscale(1);     content: '战争永不停歇'; } /* 版头动画 */ @keyframes rota { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } @keyframes div4 { 0% {background-size: 256vw;} 100% {background-size: 66vw;} } @keyframes div5 { 0% {transform: scale(2) translateY(30vw); opacity: 0;} 100% {transform: scale(1) translateY(0vw); opacity: 1;} } @keyframes div6 { 0% {background-size: 300vw; opacity: 0;} 100% {background-size: 133vw; opacity: 1;} } @keyframes exd1 { 0% {transform: scale(0.5) translateY(10vh) rotate(45deg);     opacity: 0;} 100% {transform: scale(1) translateY(0vh) rotate(0deg);     opacity: 1;} } @keyframes exd2 { 0% {transform: scale(1.5) translateY(10vh);     opacity: 0;} 100% {transform: scale(1) translateY(0vh);     opacity: 1;} } div#header::before {     content: '';     display: block;     width: 100vw;     height: var(--mox-header-height);     background-image: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-header-top.svg);     background-size: cover;     background-repeat: repeat-x;     position: relative;     bottom: calc(var(--mox-header-height) * 2);     background-position: center bottom;     /* border: solid; */     filter: drop-shadow(0px -24px 15px rgba(0, 0, 0, 0.1));     /* clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 15px), 0 calc(100% - 15px)); */ } @media screen and (max-width: 876px) {     div#header::before {     bottom: calc(var(--mox-header-height) * 4);     } } #page-content h1::before {     content: '';     color: unset;     font-size: unset;     display: inline-block;     width: 2rem;     height: 2rem;     background: url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/mdk-deco1.svg) no-repeat;     background-position: center;     background-size: 1.8rem;     position: relative;     margin: 0rem -0.7rem 1rem 0rem; } #page-content h1 span::after {     content: '';     display: inline-block;     width: 5rem;     height: 0.25rem;     background-color: var(--mox-theme-color);     margin: 0rem 0rem -0.8rem -4rem; } @media (max-width: 876px) {     div#extra-div-3 {         background-size: 90vw, 70vw;     }     div#extra-div-5 {         background-position: -50vw 68vh, 0vw 3vh;         background-size: 200vw, 100vw;     }     #header h1 a span::after {         font-size: calc(var(--mox-header-height) * 0.25) !important;         bottom: calc(var(--mox-header-height) * 0.115 + 0.125rem);     } } /* light-mode */ div#side-bar::after{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(var(--mox-header-height) * -1) / cover !important}#header #search-top-box input.button{background:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(var(--mox-header-height)* -2) center / cover !important}a.weditor-bold::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 3) center / cover !important}a.weditor-italic::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 4) center / cover !important}a.weditor-underline::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 22) center / cover !important}a.weditor-strikethrough::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 5) center / cover !important}a.weditor-quote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 6) center / cover !important}a.weditor-superscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 7) center / cover !important}a.weditor-subscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 8) center / cover !important}a.weditor-table::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 9) center / cover !important}a.weditor-code::before,a.weditor-codewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 10) center / cover !important}a.weditor-uri::before,a.weditor-uriwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 11) center / cover !important}a.weditor-pagelink::before,a.weditor-pagelinkwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 12) center / cover !important}a.weditor-image::before,a.weditor-imagewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 13) center / cover !important}a.weditor-html::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 14) center / cover !important}a.weditor-numlist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 15) center / cover !important}a.weditor-bullist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 15.8) center / cover !important}a.weditor-incindent::before,a.weditor-decindent::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 16) center / cover !important}a.weditor-deflist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 17) center / cover !important}a.weditor-footnote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 18) center / cover !important}a.weditor-bib::before,a.weditor-bibcite::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 20.8) center / cover !important}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 20) center / cover}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background-color:var(--mox-layer-dark-1);background-image:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2);background-repeat:no-repeat;background-position:left center !important;background-size:cover;background-position:-20.055rem !important;background-origin:content-box}.wd-editor-toolbar-panel ul li a::before{font-family:var(--mox-mono-font) !important;letter-spacing:-0.15rem} [[/code]] [[/collapsible]] [[/iftags]] [[module CSS]] /* {$mami}/ :root {     --mox-theme-color: #e2b61b;     --mox-theme-dark-color: #b89d40;     --mox-theme-light-color: #ffce21; } .hr, .modal.magic::before, #page-content h1::before {     filter: hue-rotate(150deg) brightness(1.3); } div#extra-div-1, div#extra-div-2, div#extra-div-3 {     filter: hue-rotate(150deg) brightness(1.4); } div#content-wrap::after {     filter: hue-rotate(150deg) brightness(1); } /{$mami} */ /* {$sayaka}/ :root {     --mox-theme-color: #3b6ab4;     --mox-theme-dark-color: #4066b8;     --mox-theme-light-color: #3c88ff; } .hr, .modal.magic::before, #page-content h1::before {     filter: hue-rotate(-20deg) brightness(1); } div#extra-div-1, div#extra-div-2, div#extra-div-3 {     filter: hue-rotate(-16deg) brightness(1); } div#content-wrap::after {     filter: hue-rotate(-16deg) brightness(1); } /{$sayaka} */ /* {$kyoko}/ :root {     --mox-theme-color: #d53333;     --mox-theme-dark-color: #b84040;     --mox-theme-light-color: #ff3c3c; } .hr, .modal.magic::before, #page-content h1::before {     filter: hue-rotate(93deg) brightness(0.9); } div#extra-div-1, div#extra-div-2, div#extra-div-3 {     filter: hue-rotate(86deg) brightness(0.8); } div#content-wrap::after {     filter: hue-rotate(86deg) brightness(1); } /{$kyoko} */ /* {$madoka}/ :root {     --mox-theme-color: #f374b3;     --mox-theme-dark-color: #a94e7b;     --mox-theme-light-color: #ff89c3;     --mox-bg-color: #000000;     --mox-text-color: #cecece;     --mox-layer-dark-1: #dcdcdc;     --mox-layer-dark-2: #d5d5d5;     --mox-layer-dark-3: #a3a3a3;     --mox-layer-light-1: #191919;     --mox-layer-light-2: #212121;     --mox-layer-light-3: #2f2f2f;     --mox-bgblur-front-color: rgb(25 25 25 / 85%); } .hr, .modal.magic::before, #page-content h1::before {     filter: hue-rotate(0deg) brightness(1.1) contrast(0.7); } div#extra-div-1, div#extra-div-2, div#extra-div-3 {     filter: hue-rotate(0deg) brightness(2.1) contrast(0.7); } div#extra-div-5 {     filter: drop-shadow(0px 0px 10px white); } div#extrac-div-3 {     display: block;     width: 100vw;     height: 100vh;     position: absolute;     top: -100vh;     left: 0;     backdrop-filter: invert(1) hue-rotate(201deg) saturate(1.5);     z-index: 10; } body {     background-color: #fff; } div#container {     background-image: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.95) 300vh), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/madoka-bg.jpg); } ::-webkit-scrollbar {     width: 0.4rem !important;     background: var(--mox-layer-light-1) !important; } ::-webkit-scrollbar-thumb {     background: var(--mox-layer-light-3) !important; } div#content-wrap::after {     filter: invert(1) hue-rotate(201deg) brightness(0.115); } div#header::before {     filter: brightness(0.95); } div#side-bar::after{background:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(var(--mox-header-height) * -1) / cover !important}#header #search-top-box input.button{background:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(var(--mox-header-height)* -2) center / cover !important}a.weditor-bold::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 3) center / cover !important}a.weditor-italic::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 4) center / cover !important}a.weditor-underline::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 22) center / cover !important}a.weditor-strikethrough::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 5) center / cover !important}a.weditor-quote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 6) center / cover !important}a.weditor-superscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 7) center / cover !important}a.weditor-subscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 8) center / cover !important}a.weditor-table::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 9) center / cover !important}a.weditor-code::before,a.weditor-codewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 10) center / cover !important}a.weditor-uri::before,a.weditor-uriwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 11) center / cover !important}a.weditor-pagelink::before,a.weditor-pagelinkwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 12) center / cover !important}a.weditor-image::before,a.weditor-imagewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 13) center / cover !important}a.weditor-html::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 14) center / cover !important}a.weditor-numlist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 15) center / cover !important}a.weditor-bullist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 15.8) center / cover !important}a.weditor-incindent::before,a.weditor-decindent::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 16) center / cover !important}a.weditor-deflist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 17) center / cover !important}a.weditor-footnote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 18) center / cover !important}a.weditor-bib::before,a.weditor-bibcite::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 20.8) center / cover !important}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 20) center / cover}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background-color:var(--mox-layer-dark-1);background-image:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1);background-repeat:no-repeat;background-position:left center !important;background-size:cover;background-position:-20.055rem !important;background-origin:content-box}#license-area{color:var(--mox-layer-light-3);background:var(--mox-layer-light-1)}#footer{background:var(--mox-layer-light-1);color:var(--mox-layer-dark-3);box-shadow:0rem -0.2rem 0rem 0rem var(--mox-layer-light-2)}#footer a{color:var(--mox-layer-dark-1)} /{$madoka} */ /* {$homura}/ :root {     --mox-theme-color: #9574f3;     --mox-theme-dark-color: #8451bd;     --mox-theme-light-color: #b089ff;     --mox-bg-color: #000000;     --mox-text-color: #cecece;     --mox-layer-dark-1: #dcdcdc;     --mox-layer-dark-2: #d5d5d5;     --mox-layer-dark-3: #a3a3a3;     --mox-layer-light-1: #191919;     --mox-layer-light-2: #212121;     --mox-layer-light-3: #2f2f2f;     --mox-bgblur-front-color: rgb(25 25 25 / 85%); } .hr, .modal.magic::before, #page-content h1::before {     filter: hue-rotate(0deg) brightness(1.1) contrast(0.7); } div#extra-div-1, div#extra-div-2, div#extra-div-3 {     filter: hue-rotate(0deg) brightness(2.1) contrast(0.7); } div#extra-div-5 {     filter: drop-shadow(0px 0px 10px white); } div#extrac-div-3 {     display: block;     width: 100vw;     height: 100vh;     position: absolute;     top: -100vh;     left: 0;     backdrop-filter: invert(1) hue-rotate(150deg);     z-index: 10; } body {     background-color: #fff; } div#container {     background-image: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.95) 300vh), url(https://scpsandboxcn.wdfiles.com/local--files/oxygen9-files-2/madoka-bg.jpg); } ::-webkit-scrollbar {     width: 0.4rem !important;     background: var(--mox-layer-light-1) !important; } ::-webkit-scrollbar-thumb {     background: var(--mox-layer-light-3) !important; } div#content-wrap::after {     filter: invert(1) hue-rotate(150deg) brightness(0.115); } div#header::before {     filter: brightness(0.95); } div#side-bar::after{background:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(var(--mox-header-height) * -1) / cover !important}#header #search-top-box input.button{background:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(var(--mox-header-height)* -2) center / cover !important}a.weditor-bold::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 3) center / cover !important}a.weditor-italic::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 4) center / cover !important}a.weditor-underline::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 22) center / cover !important}a.weditor-strikethrough::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 5) center / cover !important}a.weditor-quote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 6) center / cover !important}a.weditor-superscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 7) center / cover !important}a.weditor-subscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 8) center / cover !important}a.weditor-table::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 9) center / cover !important}a.weditor-code::before,a.weditor-codewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 10) center / cover !important}a.weditor-uri::before,a.weditor-uriwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 11) center / cover !important}a.weditor-pagelink::before,a.weditor-pagelinkwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 12) center / cover !important}a.weditor-image::before,a.weditor-imagewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 13) center / cover !important}a.weditor-html::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 14) center / cover !important}a.weditor-numlist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 15) center / cover !important}a.weditor-bullist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 15.8) center / cover !important}a.weditor-incindent::before,a.weditor-decindent::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 16) center / cover !important}a.weditor-deflist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 17) center / cover !important}a.weditor-footnote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 18) center / cover !important}a.weditor-bib::before,a.weditor-bibcite::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 20.8) center / cover !important}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1) no-repeat local calc(-2.3rem* 20) center / cover}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background-color:var(--mox-layer-dark-1);background-image:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-1);background-repeat:no-repeat;background-position:left center !important;background-size:cover;background-position:-20.055rem !important;background-origin:content-box}#license-area{color:var(--mox-layer-light-3);background:var(--mox-layer-light-1)}#footer{background:var(--mox-layer-light-1);color:var(--mox-layer-dark-3);box-shadow:0rem -0.2rem 0rem 0rem var(--mox-layer-light-2)}#footer a{color:var(--mox-layer-dark-1)} /{$homura} */ /* {$novel}/ #page-content p {     font-size: 1.25em;     line-height: 2.8em;     text-indent: 2.5em;     font-weight: lighter;     letter-spacing: 0.1em;     font-family: var(--madoka-content-serif); } /{$novel} */ /* {$qb}/ div#extrac-div-1, div#extrac-div-2, div#extrac-div-3, div#extra-div-1, div#extra-div-2, div#extra-div-3, div#extra-div-4, div#extra-div-5, div#extra-div-6 {     display: none !important; } div#header {     margin-top: 0 !important; } /{$qb} */ [[/module]]