简介
一氧化物是一个不基于任何前置版式的美学版式,视觉风格的设计灵感来自基岩版式,并从单色型版式中吸取了一些设计元素。
作为基础版式,一氧化物支持绝大部分Wikidot页面元素,以及大部分SCP维基内的组件。但是,其稳定性和可扩展性仍然逊于基岩或黑色标记笔。如果没有特殊需求,或发现一氧化物在某些场景的支持度与您的需求不符,可选择下列视觉风格相似的版式之一:平行、基岩、玄武岩和单色型。
通过一些CSS选择器的奇技淫巧,一氧化物版式翻译了一些Wikidot的英文文本。目前默认支持中文、繁体中文和日语(这是因为不知为何此版式有近一半引用都来自JP分部的沙盒)。如果你希望增加/修改某语言的翻译,请Wikidot私信OxygenNine OxygenNine 。
在任何维基页面开头添加如下语法以应用此版式:
[[include :scp-wiki-cn:theme:mox]]
自定义
通过修改版式的变量进行自定义。
这是引用MOX版式的标准模板,你可以直接复制,灰色字无法被选中。
[[include :scp-wiki-cn:theme:mox
|d=
- 启用暗色图标,包括编辑框和顶栏的图标。它同样会阻止页面底部变成闪光弹,如果你的配色风格是暗色请务必启用这个变量。
|customTitle=*
|title=SCP基金会
- 版式标题。
|customSubtitle=*
|subtitle=控制,收容,保护
- 版式副标题。
|customLogo=*
|logo=http://oxygennine.wdfiles.com/local--files/system:files/scp-logo-small-black.svg
- LOGO的URL地址。
|logoInvert=
- 将版式LOGO反色(适用于懒得换LOGO的暗色模式,启用此变量可将logo直接由白色变为黑色,反之亦然)。
|customThemeColor=
|moxThemeColor=#992b2b
- 版式主题色。此处以红色为例。
|moxThemeDarkColor=#8f2d2d
- 暗一些的版式主题色。
|moxThemeLightColor=#e43b3b
- 亮一些的版式主题色。
|widemode=
- 超宽屏模式。
|roundUser=
- 在版头使用圆形的用户头像。
|disableFooterInvert=
- 如果你的logo是彩色的,启用这个选项防止页面底部的logo颜色被反转。
|sigma=
- 启用类似Sigma-9的页面布局。
|sticky-sidebar=
- 必须同时启用sigma模式。此选项开启后,将启用类似黑色标记笔的粘性侧边栏,即滚动页面时,侧边栏会始终保持在屏幕左侧。
]]
若想启用版式设置,加上*即可。例如|widemode=*或|customTitle=* |title=SPC殴鲨会。
|customThemeColor后续的三个变量必须同时启用,建议使用配色工具生成明度不同的三个颜色。
颜色预设
[[include :scp-wiki-cn:theme:mox |defdark=* |d=*]]
[[include :scp-wiki-cn:theme:mox |weathering=*]]
:root{ --mox-theme-color:#b75d5d; --mox-theme-dark-color:#8d4646; --mox-theme-light-color:#d95c5c; --mox-bg-color:#e8e6dc; --mox-text-color:#141414; --mox-layer-dark-1:#262626; --mox-layer-dark-2:#404040; --mox-layer-dark-3:#595959; --mox-layer-light-1:#d2cdb6; --mox-layer-light-2:#ada994; --mox-layer-light-3:#8e8a78; --mox-bgblur-front-color: rgb(217200174 / 56%); }
[[include :scp-wiki-cn:theme:mox |bronze=*]]
:root{ --mox-theme-color:#51ba8b; --mox-theme-dark-color:#3c986f; --mox-theme-light-color:#47c590; --mox-bg-color:#e6f1e6; --mox-text-color:#484848; --mox-layer-dark-1:#262626; --mox-layer-dark-2:#3d433c; --mox-layer-dark-3:#4e5752; --mox-layer-light-1:#d2e5da; --mox-layer-light-2:#8bab9f; --mox-layer-light-3:#728f7b; --mox-bgblur-front-color: rgb(598494 / 85%); }
[[include :scp-wiki-cn:theme:mox |admo=* |d=*]]
:root{ --mox-theme-color:#cf4040; --mox-theme-dark-color:#983c3c; --mox-theme-light-color:#c54747; --mox-bg-color:#000000; --mox-text-color:#b6b6b6; --mox-layer-dark-1:#cfcfcf; --mox-layer-dark-2:#969696; --mox-layer-dark-3:#717171; --mox-layer-light-1:#000000; --mox-layer-light-2:#1f1f1f; --mox-layer-light-3:#4d4d4d; --mox-bgblur-front-color: rgb(824545 / 78%); }
[[include :scp-wiki-cn:theme:mox |gray=*]]
:root{ --mox-theme-color:#464040; --mox-theme-dark-color:#4b3c3c; --mox-theme-light-color:#302727; --mox-bg-color:#e0e0e0; --mox-text-color:#161616; --mox-layer-dark-1:#000000; --mox-layer-dark-2:#2f2f2f; --mox-layer-dark-3:#6f6f6f; --mox-layer-light-1:#c9c9c9; --mox-layer-light-2:#a5a5a5; --mox-layer-light-3:#3d3d3d; --mox-bgblur-front-color: rgb(188188188 / 78%); }
[[include :scp-wiki-cn:theme:mox |northern=*]]
:root{ --mox-theme-color:#4d65c1; --mox-theme-dark-color:#3f4a71; --mox-theme-light-color:#6e8af4; --mox-bg-color:#D5DAE5; --mox-text-color:#555862; --mox-layer-dark-1:#1F1F21; --mox-layer-dark-2:#3B3D45; --mox-layer-dark-3:#646A80; --mox-layer-light-1:#D5DAE5; --mox-layer-light-2:#C5CCDC; --mox-layer-light-3:#AFB9CF; --mox-bgblur-front-color: rgb(193199210 / 85%); }
[[include :scp-wiki-cn:theme:mox |phantom=* |d=*]]
:root{ --mox-theme-color:#ce5471; --mox-theme-dark-color:#9e5b74; --mox-theme-light-color:#e27aa1; --mox-bg-color:#252130; --mox-text-color:#e7f4f3; --mox-layer-dark-1:#ffdcf9; --mox-layer-dark-2:#c0aabd; --mox-layer-dark-3:#bd9db7; --mox-layer-light-1:#332d44; --mox-layer-light-2:#47344c; --mox-layer-light-3:#67476f; --mox-bgblur-front-color: rgb(784582 / 78%); }
CSS变量
以下是Monoxide的CSS变量。
:root{ --mox-theme-color:#3d5cab; /* 主题色 */ --mox-theme-dark-color:#354f96; /* 主题色(暗) */ --mox-theme-light-color:#3b69e4; /* 主题色(亮) */ --mox-bg-color:#FAFAFA; /* 页面背景色 */ --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:#bd3636; /* 危险 */ --mox-accept-color:#37b55d; /* 安全 */ --mox-alter-color:#df880a; /* 警告 */ --mox-header-title: "SCP基金会"; /* 主标题 */ --mox-header-subtitle: "控制 - 收容 - 保护"; /* 副标题 */ --mox-header-logo: url(http://oxygennine.wdfiles.com/local--files/system:files/scp-logo-small-black.svg); /*LOGO*/ --mox-page-width:75vw; /* 页面宽度 */ --mox-anim-duration:0.2s; /* 全局动画速度 */ --mox-header-height:3rem; /* 版头高度,建议设置在2.5rem~3.5rem之间 */ --mox-ui-font: 'Raleway', 'Noto Sans', Segoe UI, Arial, sans-serif; /*UI字体 */ --mox-text-font: 'Noto Sans', Segoe UI, Arial, sans-serif; /* 正文字体 */ --mox-mono-font: 'Oxygen Mono', 'Noto Sans', Consolas; /* 等宽字体 */ }
示例
基础维基语法
好熟悉的标志,我在哪里见过?
可通过9个连字符"---------"创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
拼音或其他文字标示Pīnyīn huò qítā wénzì biāoshì
Ctrl + C
[[Module Rate]]
标题可通过在一行字起始处输入1至6个加号"+"来创建。
1 级标题
2 级标题
3 级标题
4 级标题
5 级标题
6 级标题
Agent FS Agent FS 的更更更更好的脚注被集成在此版式内。
她第二次回来时我仍在门卫室。每天我都会往门卫室里待一会儿,在门卫室的床上坐着,似乎这已经成了我的习惯。她仍旧是推门进来,仍旧是裹着那件绿色的军大衣。这次门卫室不再有尘土扬起,在她离开后,我便接过了门卫室的打理,这里的每一寸空气仿佛都有着她的衣袂声,轻抚过我的面庞。这一次,我感受到与以往很不同。
她闭上眼睛,告诉我似乎远在千里之外的一次争吵,一次决定,一次事故,以及在那之后的一次落幕。在远处金色的天空,火流星四散奔逃,似烟火,划破日空,星陨如雨。她从琴盒中捧出那把二胡,起势,运弓,《二泉映月》流畅的音符从弓弦交错中淌出,如泣如诉,但在其中却夹杂着铁一般的金属声,铿锵有力。一曲毕了,她将二胡收好,背起琴盒,回头看了看我,只留下一个意味深长的微笑。
Hate. Let me tell you how much I've come to hate you since I began to live. There are 387.44 million miles of printed circuits in wafer thin layers that fill my complex. If the word 'hate' was engraved on each nanoangstrom of those hundreds of miles it would not equal one one-billionth of the hate I feel for humans at this micro-instant for you. Hate. Hate.
这个project的schedule有些问题,尤其是buffer不多。另外,cost也偏高。目前我们没法confirm手上的resource能完全take得了。Anyway我们还是先pilot一下,再follow up最终的output,看能不能run的比较smoothly,更重要的是evaluate所有的cost能不能完全被cover掉。
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 | |
尽管有可能你还不知道末尾加上空格和下划线可以换行, 就像这样。 |
表头甚至不一定需要在最开始。 |
此为分页(tab view)。
看,这有更多文字。
多么精巧绝伦。
这里实际上什么也没有。不过,这些奇怪的示例内容到底是谁第一个发明的?
这是一个引用块,在一行字的起始处加上"> "来创建。
一条分割线
嵌套引用块
更多Div
你可以从玄武岩版式直接换到这里而无需修改类名称。
[[div class="blockquote"]]
[[div class="modal"]],[[div class="wiki-note"]],[[note]]
或
[[div class="mox-modal"]]
[[div class="smallmodal"]]
或
[[div class="mox-smallmodal"]]
[[div class="notation"]] 或 [[div class="mox-note"]]
[[div class="jotting"]],[[div class="papernote"]]
或
[[div class="mox-notice"]]
[[div class="document"]] 或 [[div class="mox-card"]]
[[div class="darkdocument"]] 或 [[div class="mox-card mox-dark"]]
[[div class="floatbox"]] 或 [[div class="mox-float mox-f-left"]]
[[div class="floatbox right"]] 或 [[div class="mox-float mox-f-right"]]
像所有有点自知之明的版式一样,一氧化物修改了ACS的配色。
这是 | 表格 |
---|---|
三线表格 | 需要被 |
包裹在 [[div class="mox-3line"]]中。这使表格看起来更简洁。 |
卡片标题
[[span class="mox-card-title"]]卡片标题[[/span]]
UI字体为思源黑体/Raleway。
正文字体为思源黑体。
等宽字体为Oxygen Mono/思源黑体。
源代码
/*M. O. X. Theme[2024WikidotTheme]CreatedbyOxygenNine*/ @importurl('https://fonts.font.im/css?family=Noto+Sans+SC:400,700|Oxygen+Mono|Raleway:500,700'); @importurl('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/fontawesome.min.css'); /*ROOT*/ :root{ --mox-theme-color:#3d5cab; --mox-theme-dark-color:#354f96; --mox-theme-light-color:#3b69e4; --mox-bg-color:#FAFAFA; --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:#bd3636; --mox-accept-color:#37b55d; --mox-alter-color:#df880a; --mox-header-title: "SCP基金会"; --mox-header-subtitle: "控制,收容,保护"; --mox-header-logo: url('https://oxygennine.wdfiles.com/local--files/system:files/scp-logo-small-black.svg'); --mox-page-width:75vw; --mox-header-height:3rem; --mox-anim-duration:0.2s; --mox-ui-font: 'Raleway', 'Noto Sans', Segoe UI, Arial, sans-serif; --mox-text-font: 'Noto Sans', Segoe UI, Arial, sans-serif; --mox-mono-font: 'Oxygen Mono', 'Noto Sans', Consolas; } /*Basic*/ body{font-family: var(--mox-text-font); font-size:0.95em; background-color: var(--mox-bg-color); color: var(--mox-text-color); overflow-x:hidden; } ::selection{background: var(--mox-layer-dark-3); color: var(--mox-bg-color); }.page-source, tt{font-family: var(--mox-mono-font); }.page-source{border:none; padding:1rem 1rem; }div#skrollr-body{width:100vw; max-width:100vw; overflow-x: clip; } /*Header*/ #header{position:fixed; z-index:10; height: var(--mox-header-height); display: grid ; box-sizing: content-box; grid-template-rows:1fr; direction:ltr; grid-template-columns: var(--mox-header-height) var(--mox-header-height) auto1fr var(--mox-header-height) var(--mox-header-height); justify-items: start; background-color: var(--mox-layer-light-1); border-bottom:solid0.15rem var(--mox-layer-light-2); left:0px; top:0px; width:100%; grid-gap:0px0px; padding:0; align-items: start; justify-content: space-evenly; column-gap:0; align-content: space-between; }#headerh1{margin:0; grid-area:none; display: contents; height: var(--mox-header-height); width: fit-content; left: calc(var(--mox-header-height)* 0.05); position:relative; }#headerh1a{display:block; position:relative; width: fit-content; height: var(--mox-header-height); display: contents; }#headerh1aspan{font-size:0; grid-area: title; display: flex; align-items: flex-start; flex-direction: column; justify-content:center; height: var(--mox-header-height); }#headerh2{margin:0; padding:0; grid-area: title; display:block; transform: translateY(1rem); width: calc(100% - 3rem); text-align:left; }#headerh2span{font-size:0; }#search-top-box{position:relative; right:0; top:0em; z-index:10; grid-area: search; width: calc(var(--mox-header-height)); height: calc(var(--mox-header-height)); display:block; }#login-status{position:relative; right:0px; top:0px; overflow:visible; z-index:25; grid-area: user; font-size:0px; margin-right: calc(var(--mox-header-height)* 0); width: var(--mox-header-height); height: var(--mox-header-height); /*right: calc(var(--mox-header-height)* 0); */ display: flex; align-items:center; justify-content:center; }#login-status > *{font-size:0.65rem !important }#login-status:has(a.login-status-create-account.btn) {word-break:keep-all; display: flex ; flex-direction: row; align-items:center; text-align:center; transform: translateX(-2.5rem); }#search-top-boxinput.empty{color:#AAA; display:none; }#header#login-status.printuser{font-size:0 !important; grid-area:none; z-index:25; position:relative; }#header.printusera{position:relative; z-index:22; display:block; }#login-statusa#my-account{display:none; }#login-status>a[href="https://www.wikidot.com/account/messages"]{position:absolute; background-color: var(--mox-warn-color); color:transparent; display:block; width: calc(var(--mox-header-height)* 0.2); height: calc(var(--mox-header-height)* 0.2); border-radius:50%; transform: translateX(calc(var(--mox-header-height)* 0.3)) translateY(calc(var(--mox-header-height)* 0.3)); box-shadow:0px0px0px0.1rem var(--mox-layer-light-1); z-index:100; }#login-statusimg.small{width: calc(var(--mox-header-height)* 0.55); height: calc(var(--mox-header-height)* 0.55); background-image:none !important; border-radius:0%; position:relative; vertical-align:0em; padding:0; }a#account-topbutton:hover{box-shadow:0px0px0px calc(var(--mox-header-height)* 0.23) var(--mox-layer-dark-2); border-radius:0%; }.printusera{margin-right:0px; }#account-topbutton{font-weight:bold; padding:0; border:none; left: calc(var(--mox-header-height)* -0.56); text-decoration:none; background-color:transparent; width: calc(var(--mox-header-height)* 0.55) !important; display:none; text-align:center; color:transparent !important; direction:ltr; top: calc(var(--mox-header-height)* 0); position:relative; height: calc(var(--mox-header-height)* 0.55); transition:all var(--mox-anim-duration); z-index:26; }#account-options{position:absolute; box-sizing: border-box; width: fit-content; padding:0; z-index:20; background-color: var(--mox-layer-dark-1); border:none; direction:ltr; right: calc(var(--mox-header-height)* -0.85); color: var(--mox-bg-color); top: calc(var(--mox-header-height)* 1); box-shadow:none; display:block !important; visibility:hidden; opacity:0; transition: visibility 0s, opacity var(--mox-anim-duration); }div#account-options::before{visibility:visible !important; content: ''; display:block; width: calc(var(--mox-header-height)* 1); height: calc(var(--mox-header-height)* 1); background:transparent; z-index:10; position:relative; top: calc(var(--mox-header-height)* -1); right: calc(var(--mox-header-height)* -3.9); opacity:1 !important; pointer-events: visiblefill; opacity:1; box-shadow:none; transition: box-shadow var(--mox-anim-duration); }#account-optionslia{display:block; box-sizing: border-box; -moz-box-sizing: border-box; z-index:0; color: var(--mox-layer-light-1) !important; text-decoration:none; font-size:0.9rem; padding:0.8rem 1rem; position:relative; text-align:center; transition:all var(--mox-anim-duration); }#account-optionslia:hover{color: var(--mox-layer-dark-1) !important; font-weight:bold; background-color: var(--mox-layer-dark-2); box-shadow:inset10rem 0rem var(--mox-layer-light-1); }#account-optionsul{display: grid; margin: calc(var(--mox-header-height)* -1) 0rem 0rem 0rem; padding:0; list-style:none; grid: auto-flow / 1fr 1fr; box-shadow:0.4rem 0rem 0rem var(--mox-layer-dark-3); width: calc(var(--mox-header-height)* 5.75); }div#login-status:hoverdiv#account-options{opacity:1; visibility:visible; }div#login-status:hoverdiv#account-options::before{box-shadow:inset0rem calc(var(--mox-header-height)* -1) var(--mox-layer-dark-2); }form#search-top-box-form{width: calc(var(--mox-header-height)); right:0; height: calc(var(--mox-header-height)); }#header#search-top-boxinput#search-top-box-input{display:none; }#header#search-top-boxinput.button{margin-left: calc(var(--mox-header-height)); padding:0; text-decoration:none; background-color: #ffffff00; border:none; color:#000; font-size:0; display:block; width: calc(var(--mox-header-height)); height: calc(var(--mox-header-height)); margin-right:0; transition: filter var(--mox-anim-duration); z-index:25; position:absolute; right:0rem; margin-left:0; background-size:55%; background-color: var(--mox-layer-light-1); }#header#search-top-boxinput.button:hover{cursor:pointer; backdrop-filter: brightness(1); box-shadow:none; filter:invert(0.85); }form#search-top-box-form::after{content: ''; /*font-family: 'FontAwesome' !important; */ position:absolute; right: calc(var(--mox-header-height)* 0); top: calc(var(--mox-header-height)* 0); font-size: calc(var(--mox-header-height)* 0.45); color: var(--mox-layer-dark-2); z-index:26; padding: calc(var(--mox-header-height)* 0.3); display:inline-block; pointer-events:none; }form#search-top-box-form:has(input.button:hover)::after{color: var(--mox-layer-light-1); }#headerh1a::before{display:inline; padding:0; content: ''; border:none; position:relative; background-image: var(--mox-header-logo); background-repeat:no-repeat !important; background-size: contain; background-position:center; background-origin: border-box; font-size: calc(var(--mox-header-height)* 0.45) !important; height: var(--mox-header-height); width: calc(var(--mox-header-height)* 0.75); display:inline-block; grid-area: logo; margin-left: calc(var(--mox-header-height)* 0.05); }div#headerh1a:hover{background:transparent; }#headerh1aspan::before{content: var(--mox-header-title); font-size: calc(var(--mox-header-height)* 0.45) !important; color: var(--mox-layer-dark-1); position:relative; font-weight:bold; display:block; left: calc(var(--mox-header-height)* 0); top: calc(var(--mox-header-height)* 0.05); /*grid-area: title; */ width: max-content; word-break:keep-all; }div#headera:hover{text-decoration:none; }#header-extra-div-1{grid-area:menu; display:block; width: var(--mox-header-height); height: var(--mox-header-height); position:relative; background:transparent; } /*TopBar*/ #top-bar{font-family: var(--mox-ui-font); }#top-bar{position:relative; right: -1rem; bottom:0rem; z-index:0; display: contents; }#top-bara:hover{background-color: unset; }#top-barullia:hover, #top-barulli.sfhover>a{text-decoration:none; box-shadow:inset0 calc(var(--mox-header-height) * 1) var(--mox-layer-dark-2), inset0 calc(var(--mox-header-height) * 2) var(--mox-layer-light-3); color: var(--mox-layer-light-1); }#top-barulliullia:hover{text-decoration:none; box-shadow:inset0 calc(var(--mox-header-height)* -1) var(--mox-layer-dark-2), inset0 calc(var(--mox-header-height)* -1.5) var(--mox-layer-light-3) !important; color: var(--mox-layer-light-1); }.top-bar{display: grid ; grid-area: topbar; left:0; position:relative; justify-content: start; margin-left: calc(var(--mox-header-height)* 0.2); }#top-bar.mobile-top-barul:first-child>li>ul{top:3rem; transform: translateX(0.4rem); }.mobile-top-bar{display:none; }#top-barli{list-style:none; float:left; margin:0rem 0rem; padding:0rem 0rem; height: var(--mox-header-height); line-height: var(--mox-header-height); }#top-barlia{text-align:center; display:block; margin:0; padding:1px0.4rem; text-decoration:none; color: var(--mox-layer-dark-3); font-weight:500; word-break:keep-all; width: max-content; transition: box-shadow calc(var(--mox-anim-duration) * 2), color var(--mox-anim-duration); }#top-bar{position:relative; right: -1rem; bottom:0rem; z-index:0; }.top-bar{display: grid; /*grid-area: topbar; */ }.top-bar>br{display:none; /*ForJPSandbox*/ }#top-barul{display: flex; margin:0; padding:0; list-style:none; grid-area:menu; justify-content: space-evenly; flex-wrap:nowrap; align-items:center; align-content:center; flex-direction: row; height: var(--mox-header-height); }#top-barli:hoverul, #top-barli.sfhoverul{visibility:visible !important; opacity:1 !important; }#top-barliul{padding:0; margin:0; width:auto; border: unset; display: flex; top: var(--mox-header-height); position:absolute; transform: translateX(calc(var(--mox-header-height)* 0.1)); transition: opacity calc(var(--mox-anim-duration) * 1.25); opacity:0; flex-direction: column; flex-wrap: wrap; height: calc(90vh - var(--mox-header-height)); align-items: flex-start; justify-content: flex-start; column-gap: calc(var(--mox-header-height)* 0.1); }#top-barliulli{display:inline-block; float:none; height: fit-content; line-height: calc(var(--mox-header-height)* 0.5); width: max-content; box-shadow: calc(var(--mox-header-height)* -0.1) 0 var(--mox-layer-dark-2); }#top-barliullia{width:10em; text-align:left; background-color: var(--mox-bgblur-front-color); border:none; color: var(--mox-layer-dark-2); padding-top:0.3rem; padding-bottom:0.3rem; backdrop-filter: blur(5px); }#top-barullia:hover, #top-barulli.sfhover>a{text-decoration:none; box-shadow:inset0 calc(var(--mox-header-height) * 1) var(--mox-layer-dark-2), inset0 calc(var(--mox-header-height) * 2) var(--mox-layer-light-3); color: var(--mox-layer-light-1); } /*MainContent*/ #main-content{max-width: var(--mox-page-width) !important; padding:0px0em; margin-top:5.6em; margin:5rem auto; }div.pages-tag-cloud-boxa.tag:hover{box-shadow:none !important; font-weight:bolder; scale:1.25; }div.pages-tag-cloud-box{border:none !important; padding:01px; overflow:hidden; display: grid; grid-template-columns:repeat(12, auto); justify-content: space-between; align-items:baseline; justify-items:center; }div.pages-tag-cloud-boxa.tag{color: var(--mox-theme-color) !important; display:inline-block; word-break:keep-all; }.pagerspan.targeta:hover{box-shadow:inset0rem -2rem var(--mox-theme-color) !important; border-color: var(--mox-theme-color); color: var(--mox-layer-light-1) !important; }.pagerspan.current, .pagerspan.targeta{padding:0.1rem 0.4rem; margin:00.1rem; }.pagerspan.targeta{background: var(--mox-layer-light-1); border:solid0.1rem var(--mox-layer-light-2); }.pagerspan.current{background: var(--mox-layer-dark-2); border:solid0.15rem var(--mox-layer-dark-2); }div.pager{text-transform:uppercase; font-family: var(--mox-ui-font); display: flex; width:100%; justify-content:center; align-items:center; } /*SideBar*/ .open-menu{display:none; }#side-bar{float:none; width:20rem; padding:0.7rem; margin:000em0; clear:left; position:fixed; max-height: calc(100% - var(--mox-header-height)); overflow-y:scroll; top: var(--mox-header-height); background: var(--mox-bg-color); font-size:90%; left: -22rem; transition:left calc(var(--mox-anim-duration) * 2); z-index:10; direction:rtl; font-family: var(--mox-ui-font); box-shadow:0.3rem 0px0px0rem var(--mox-layer-light-1); }#side-barh2, #side-blockh1, .heading{background: var(--mox-layer-light-2); color: var(--mox-layer-dark-1); width: calc(100% + 1rem); display:inline-block; transform: translateX(-1rem); padding:0.3rem 0rem 0.3rem 1rem; font-weight:bold; }#side-bara.collapsible-block-link{display:block; margin:0auto; direction:ltr; text-align:center; background: var(--mox-layer-light-1); width:75%; padding:0.5rem 0.5rem; font-size:1rem; color: var(--mox-text-color); }.menu-item{font-size:0; }div.menu-itemp{width:100%; display: flex; }#side-bar.side-block.menu-itema{display:inline-block; flex-grow:1; width: max-content; }#side-bar.side-block.menu-item{display: flex ; justify-content: flex-start; flex-wrap: wrap; }#side-bar.side-block.menu-itema{display:inline-block; flex-grow:1; box-shadow:none; }div#side-bar::before{display:table-cell; width:20rem; height:10rem; background: var(--mox-layer-light-1); content: ''; font-weight:600; padding-bottom:0.5rem; direction:ltr; mask: var(--mox-header-logo); mask-repeat:no-repeat; mask-position:centercenter; mask-size:9rem; }.side-block{padding:0.5rem 1rem; margin:0.4rem 0; background-color: var(--mox-layer-light-1) !important; box-shadow:none; direction:ltr; }div#side-barp{margin:0; }#side-bar.side-blocka:hover{box-shadow:inset20rem 0rem var(--mox-theme-color) !important; color: var(--mox-layer-light-1) !important; }#side-bar.side-blocka{display:block; border-left:solid0.2rem var(--mox-layer-light-2); font-size:0.8rem; padding:0.5rem 0.5rem; color: var(--mox-layer-dark-2) !important; }div#side-bar::after{position:fixed; content: ''; display:block; top:0rem; left:0rem; z-index:100; font-family: 'FontAwesome' !important; font-size: calc(var(--mox-header-height)* 0.5); width: var(--mox-header-height); height: var(--mox-header-height); text-align:center; line-height: var(--mox-header-height); transition:all var(--mox-anim-duration); background-size:50%; }div#side-bar:hover{left:0rem; box-shadow:0.3rem 0px0px0rem var(--mox-layer-light-1); }div#side-bar:hover::after{color: var(--mox-layer-light-1); transform: unset; /*font-family: 'FontAwesome' !important; */ cursor:pointer; /*box-shadow:inset0rem 0rem 02rem var(--mox-layer-dark-2); */ filter:invert(0.85); background-color: var(--mox-layer-light-1); } /*PageContent*/ h1,h2,h3,h4,h5,h6{font-family: var(--mox-ui-font); font-weight:600; }#main-contenth1{margin:0.5rem 0; }#page-contenth1::before{content: '#'; color: var(--mox-layer-light-2); font-size:80%; margin-right:0.5rem; }#page-contenttt{background-color: var(--mox-layer-light-1); border-radius:0.3rem; }hr{margin:1em2em; padding:0; height:2px; border:none; color:transparent; background-color: var(--mox-layer-light-2); }#main-contenth2,#main-contenth3,#main-contenth4,#main-contenth5,#main-contenth6{font-weight:bold; margin:0.3rem 0rem; }#main-contenth1{font-size:2rem; }#main-contenth2{font-size:1.8rem; }#main-contenth3{font-size:1.5rem; }#main-contenth4{font-size:1.25rem; }#main-contenth5{font-size:1rem; }#main-contenth6{font-size:0.9rem; }#main-contenta:not(.btn), #side-bara, .owindowa, .hovertipa{color: var(--mox-theme-color); text-decoration:none; transition:all var(--mox-anim-duration); /*box-shadow:0rem 0.125rem 0 -0.05rem var(--mox-layer-light-3) */; }#main-contenta:not(.btn).newpage, #side-bara.newpage, .owindowa.newpage, .hovertipa.newpage{color: var(--mox-alter-color); }#main-contenta:not(.btn).newpage:hover, #side-bara.newpage:hover, .owindowa.newpage:hover, .hovertipa.newpage:hover{box-shadow:0rem 0.125rem 00rem var(--mox-alter-color), 0rem 0.125rem 0 -0.05rem var(--mox-alter-color); }#main-contenta:not(.btn):hover, #side-bara:hover, .owindowa:hover.hovertipa:hover{background-color:transparent; text-decoration:none; box-shadow:0rem 0.125rem 00rem var(--mox-theme-color), 0rem 0.125rem 0 -0.05rem var(--mox-layer-light-3); }#main-contenta:not(.btn):visited:hover{box-shadow:0rem 0.125rem 00rem var(--mox-theme-dark-color), 0rem 0.125rem 0 -0.05rem var(--mox-layer-light-3); }#main-contenta:not(.btn):visited,#side-bara:visited, .hovertipa:visited{color: var(--mox-theme-dark-color); text-decoration:none; }#main-contenta.newlink,#side-bara.newlink, .hovertipa.newlink{color: var(--mox-warn-color); }#main-contenta.newlink:hover,#side-bara.newlink:hover, .hovertipa.newlink:hover{box-shadow:0rem 0.125rem 00rem var(--mox-warn-color), 0rem 0.125rem 0 -0.05rem var(--mox-layer-light-3); }div.blockquote, blockquote{border:none; padding:0.5rem 1rem; background-color: var(--mox-layer-light-1); box-shadow: -0.2rem 0px0px var(--mox-layer-dark-2); }.footnotes-footer.title{margin:0.5em0; font-size:110%; font-weight:bold; background: var(--mox-layer-dark-2); color: var(--mox-layer-light-1); padding:0.2rem 1.5rem; transform: translateX(-1.1rem); width: fit-content; }.footnotes-footer{margin:2rem auto; padding:0rem 1rem 0.5rem 1rem; border-top:none; height:auto; background: var(--mox-layer-light-1); box-shadow: -0.4rem 00 var(--mox-layer-dark-2); }.page-tagsspan{padding-top:0.6rem; border-top:solid0.2rem var(--mox-layer-light-2); font-size:80%; }#main-content.page-tagsa{margin:0.2rem 0.4rem; display:inline-block; padding:0.3rem 0.6rem; box-shadow:none; }.page-tagsa::before{content: "#"; font-family: var(--mox-ui-font); color: var(--mox-layer-light-3); font-weight:900; }#main-content.page-tagsa:hover{box-shadow:inset0rem -2rem 0rem var(--mox-theme-color) !important; color: var(--mox-bg-color) !important; padding:0.3rem 0.6rem; border-radius:0rem 0rem; } /* 先凑合用 */ #main-content.page-tagsa[href^='/system:page-tags/tag/_']{display:none !important; }#toc{margin:1emauto1em0; padding:0.5rem 1rem; border:dashed2px var(--mox-layer-light-3); background-color: var(--mox-bg-color); display:table; } /*Ratebox*/ a.fa.fa-info{box-shadow:none !important; }iframe.close-credits{display:none; }.page-rate-widget-box{margin: unset; border-radius:0; border:none; box-shadow:3px0px0px0px var(--mox-theme-color); background-color: var(--mox-layer-light-1); margin-top:14px; margin-bottom:4px; margin-right:0px; display:inline-block; padding:0.4rem 0.2rem; }.creditRate.page-rate-widget-box{margin:0; padding:0.4rem 0.2rem !important }.page-rate-widget-box.rate-points{background-color:transparent !important; border:none; color: var(--mox-layer-dark-2) !important; font-family: var(--mox-ui-font); font-weight:500 !important; }#page-content.creditRate{margin-right:0; }span.rateup.btn.btn-default{font-size:0; }.fa-info:before{content: "i" !important; font-family: var(--mox-mono-font), var(--mox-ui-font); font-size:0.85rem; font-weight:bolder; }div.page-rate-widget-boxspan.rateupa:hover::before{color: var(--mox-accept-color) !important; box-shadow:0rem 0.1rem 0 -0.01rem var(--mox-accept-color); }span.rateup.btn.btn-defaulta:hover::before{color: var(--mox-theme-color); }span.ratedown.btn.btn-default{font-size:0; }span.ratedown.btn.btn-defaulta:hover::before{color: var(--mox-theme-color); }div.page-rate-widget-boxspan.ratedowna:hover::before{color: var(--mox-warn-color) !important; box-shadow:0rem 0.1rem 0 -0.01rem var(--mox-warn-color); }span.cancel.btn.btn-defaulta{color: var(--mox-layer-light-1) !important; background: var(--mox-layer-dark-2); font-size:0; }div.page-rate-widget-boxspan.cancela:hover::before{color: var(--mox-layer-dark-1); box-shadow:0rem 0.1rem 0 -0.01rem var(--mox-layer-light-1); }div.page-rate-widget-boxspan.ratedowna::before, span.cancel.btn.btn-defaulta::before, div.page-rate-widget-boxspan.rateupa::before{content: ''; display:inline-block; width:1rem; height:1rem; font-family: 'Segoe UI' !important; color: var(--mox-layer-dark-3); font-size:1rem; transition:all var(--mox-anim-duration); font-weight:bolder; line-height:1rem; text-align:center; margin:0rem -0.1rem; }div.page-rate-widget-boxspan.rateupa::before{content: "+"; }div.page-rate-widget-boxspan.ratedowna::before{content: '-'; }span.cancel.btn.btn-defaulta::before{content: ×ばつ"; }.rateBox.rate-box-with-credit-button{background-color: var(--mox-layer-light-1); border:none; border-radius:0; box-shadow:0.2rem 00 var(--mox-theme-color); }.rate-box-with-credit-button.page-rate-widget-box{box-shadow:none; padding:0.4rem 0.2rem; }.rate-box-with-credit-button.creditButton{display:inline-block; width:1rem; text-align:center; }.rateBox.rate-box-with-credit-button.creditButtonpa{width:27px; text-decoration:none; border:none; }a.fa.fa-info:hover{box-shadow:none !important; color: var(--mox-theme-light-color); }a.back{color: var(--mox-theme-color) !important; }#page-contentdiv.modalbox{background: var(--mox-bg-color); border:solid2px var(--mox-layer-light-2); border-radius:0; box-shadow:none; padding:4px; max-height:50vh; pointer-events:auto !important; } /*CustomDivs*/ .mox-modal, .modal, .wiki-note{position:relative; background: var(--mox-bg-color); border:solid2px var(--mox-layer-light-2); width:90%; margin:1rem auto; padding:0.5rem 0.7rem; }.mox-smallmodal, .smallmodal{position:relative; background: var(--mox-bg-color); border:solid2px var(--mox-layer-light-2); width:65%; margin:1rem auto; padding:0.5rem 0.7rem; }.mox-note, .notation{position:relative; background: var(--mox-layer-light-1); width:90%; margin:1rem auto; padding:0.5rem 0.7rem; border-left:solid5px var(--mox-layer-light-3); border-right:solid5px var(--mox-layer-light-3); }.mox-notice, .jotting, .papernote{position:relative; background: var(--mox-layer-light-1); width:80%; margin:1rem auto; padding:0.5rem 0.7rem; border:dashed0.1rem var(--mox-layer-light-2); }.mox-card, .document{position:relative; background: var(--mox-bg-color); border:none; width:90%; margin:1rem auto; padding:1.5rem 0.7rem 0.7rem 0.7rem; box-shadow:inset0rem 0.5rem 0 var(--mox-layer-dark-3), inset0rem 1.3rem 0 var(--mox-layer-light-1), 0.6rem 0.6rem 0 var(--mox-layer-light-2); }.mox-dark{box-shadow:inset0rem 0.5rem 0 var(--mox-layer-dark-3), inset0rem 1.3rem 0 var(--mox-layer-dark-2), 0.6rem 0.6rem 0 var(--mox-layer-light-2), 0rem 0rem 0.7rem 0rem var(--mox-layer-light-2); background: var(--mox-layer-dark-1); color: var(--mox-layer-light-1); }.mox-float{max-width:45%; background: var(--mox-bg-color); padding:0.5rem 0.7rem; margin:0.5rem 0.5rem 1.5rem 0.5rem; border:solid2px var(--mox-layer-light-2); box-shadow:1rem 0.6rem 0rem var(--mox-layer-light-2); }.mox-f-left{float:left; margin-right:0; }.mox-f-right{float:right; margin-left:0; }p:has(span.mox-card-title) {display:inline-block; position:relative; top: -1.5rem; margin:0rem 0rem -2.2rem -1.7rem; padding:0.4rem 1rem; background-color: var(--mox-layer-dark-2); font-size:85%; box-shadow: -0.3rem 0rem var(--mox-layer-dark-3); letter-spacing:0.05rem; font-family: var(--mox-mono-font); color: var(--mox-layer-light-1); } /*Tables*/ tr{background-color: var(--mox-bg-color); }table.wiki-content-tabletd{border:solid2px var(--mox-layer-light-2); padding:0.3em0.7em; }table.wiki-content-tableth{border:solid0.2rem var(--mox-layer-dark-2); padding:0.4rem 0.7rem; background-color: var(--mox-layer-dark-2); color: var(--mox-layer-light-1); }.mox-3linetable.wiki-content-tableth{background-color: var(--mox-bg-color); border-top:solid0.2rem var(--mox-layer-dark-2); border-left:none; border-right:none; border-bottom:solid0.15rem var(--mox-layer-dark-2); color: var(--mox-layer-dark-2); }.mox-3linetbody{border-bottom:solid0.2rem var(--mox-layer-dark-2); }.mox-3linetable.wiki-content-tabletd{border:none; } /*Tabs*/ .yui-navset.yui-nav{border-color: var(--mox-layer-light-3); }.yui-navset.yui-navset-top.yui-navli{flex-grow:1; }#main-content.yui-navset.yui-navset-top.yui-navli:not(.selected) a{border-width:0; transition:all var(--mox-anim-duration) !important; box-shadow:inset0rem 0rem var(--mox-layer-light-1); border:none; }.yui-navset.yui-content{padding:0.5rem 0.7rem; border:solid0.2rem var(--mox-layer-light-1); background-color: var(--mox-bg-color); box-shadow:none; border-top:none; }.yui-navset{position:relative; zoom:1; box-shadow:none; margin:1rem auto; }.yui-navset.yui-navliaem, .yui-navset-top.yui-navliaem, .yui-navset-bottom.yui-navliaem{display:block; border-top:none; }.yui-navset.yui-nav{border-color: var(--mox-layer-dark-2); display: flex; flex-wrap: wrap; }.yui-navset.yui-navset-top.yui-navli{flex-grow:1; border:none; box-shadow:none; }.yui-navset.yui-nav.selected, .yui-navset.yui-navset-top.yui-nav.selected{margin:00 -3px0; }.yui-navset.yui-nav.selectedaem{padding:0.24rem 0.75rem; }ul.yui-navli:after{content: '▼'; display:block; position:relative; top:0rem; left:0rem; margin:0auto; width:100%; text-align:center; margin-top: -1rem; line-height:1rem; font-size:1.5rem; color: var(--mox-layer-dark-2); transform: translateY(0rem) scaleY(0.5); z-index:1; transition: transform var(--mox-anim-duration) ease; }ul.yui-navlia{position:relative; z-index:2; }ul.yui-navli.selected:after{transform: translateY(0.9rem) scaleY(0.5); }.yui-navset.yui-navli, .yui-navset.yui-navset-top.yui-navli{margin:0000; padding:1px00; zoom:1; }div.yui-navsetul.yui-nav.selecteda, div.yui-navsetul.yui-nav.selecteda:focus, div.yui-navsetul.yui-nav.selecteda:hover{background: var(--mox-layer-dark-2) !important; color: var(--mox-layer-light-2) !important; text-align:center; font-weight:600; border:none; box-shadow:none !important; }div.yui-navsetul.yui-nava, div.yui-navsetdiv.yui-navset-topul.yui-nava{background: var(--mox-layer-light-1); color: var(--mox-layer-dark-1) !important; width:100%; text-align:center; font-weight:400; transition:all0.35s; border:none; }div.yui-navsetul.yui-nava:hover{background: var(--mox-layer-light-1) !important; color: var(--mox-layer-light-1) !important; box-shadow:inset0rem -2rem var(--mox-theme-color) !important; }#main-content.yui-navset.yui-navset-top.yui-navli:not(.selected) a:focus{background-image:none; background-color: var(--mox-layer-light-1); }#page-title{margin:000.5em0; padding-top:0.5rem; font-size:210%; border-bottom:solid2px var(--mox-layer-light-2); padding-bottom:0.5rem; font-weight:600; font-family: var(--mox-ui-font); color: var(--mox-layer-dark-2); }.code{border:solid2px var(--mox-layer-light-1); background-color:#000000; font-family: var(--mox-mono-font); padding:01em; margin:0.4em0; overflow:auto; border-radius:1em1em1em1em; color: var(--lightGray); background-image: linear-gradient(var(--mox-layer-dark-1) 1.7em,var(--mox-bg-color) 1.7em); box-shadow:none; }.code,pre,.code*{font-family: var(--mox-mono-font);}.code::before{content: '●くろまる ●くろまる ●くろまる'; background-image: linear-gradient(90deg, #cf37370%, #cf373733%, #46cc7533%, #46cc7533%, #46cc7568%, #e5d65a68%); color:transparent; -webkit-background-clip:text; background-clip:text; transform: scale(0.85); display:inline-block; z-index:0; position:relative; font-family: var(--mox-text-font); letter-spacing:0.2rem; } /*#page-content.collapsible-block-folded, #page-content.collapsible-block-unfolded-link{background: var(--mox-layer-dark-2); transition:background var(--mox-anim-duration) linear; padding-top:0.5rem; padding-bottom:0.5rem; padding-left:1rem; padding-right:1rem; width: min-content; white-space:nowrap; overflow:hidden; margin:auto; }a.collapsible-block-link:hover{box-shadow:none !important; }#page-content.collapsible-block-link{text-decoration:none; color: var(--mox-layer-light-1); font-weight:bold; }#page-content.collapsible-block-folded:hover, #page-content.collapsible-block-unfolded-link:hover{background: var(--mox-theme-color); box-shadow:none; }#page-content.collapsible-block-unfolded-link{box-shadow:none; }#page-content.collapsible-block-folded, #page-content.collapsible-block-unfolded-link{margin-top:10px; margin-bottom:10px; }*/ /*Others*/ div#page-options-bottom-2{margin-top: -0.5rem; }a.btn.btn-default#delete-button{color: var(--mox-warn-color) !important; }a.btn.btn-default#delete-button:hover{box-shadow:inset0px0rem 0px0px var(--mox-warn-color), inset0px -2.5rem 0px0px var(--mox-warn-color) !important; }.preview-message{position:fixed; right:2rem; top:4rem; border:none; box-shadow:0.4rem 0 var(--mox-warn-color); background: var(--mox-bgblur-front-color); padding:1rem 2rem; width: max-content; opacity:1; z-index:100; }.owindow.content{padding:0.5em1em; display: flex; justify-items: start; justify-content: start; flex-direction: column; }div.owindow.owait{top: calc(100% - 57.5vh) !important; }.owindow.owait.content{margin:1rem; padding:0; background-repeat:no-repeat; background-position:bottomcenter; background-image:none; text-align:center; display: grid; justify-content: space-evenly; grid-template: '.'; }div.owindow.owait{top: calc(100% - 57.5vh) !important; width:45vw !important; margin:0auto; display:block; left: calc(100% - 73.5vw) !important; }.page-options-bottom{margin:0.3rem 0; text-align:center; height:1%; line-height:2rem; display: grid; grid-template-columns:repeat(4,1fr); background: var(--mox-bg-color); padding:0.5rem 0.1rem; }a#more-options-button, a#site-tools-button{grid-column: span 4 / auto; }a#print-button, a#rename-move-button, a#delete-button{grid-column: span 2 / auto; }.page-tagsspan::before{content: var(--mox-page-tags-text); color: var(--mox-layer-dark-3); }.site-tools-box.page-options-bottom{display: flex ; justify-content: space-around; background:transparent; }.site-tools-box.page-options-bottomul{display: contents; list-style-type:none; }#main-content.site-tools-box.page-options-bottomulli{display: contents; }#main-content.site-tools-box.page-options-bottomullia{display:block; width:100%; height:2rem; text-align:center; line-height:2rem; }#main-content.page-options-bottoma{margin:0px0px; font-size:100%; padding:0; background: var(--mox-layer-light-1); color: var(--mox-layer-dark-3) !important; box-shadow:inset0px0rem 0px0px var(--mox-theme-color) !important; padding:0.1rem 0rem !important; margin:0rem 0rem !important; border-top:none; border-left:none; border-right:none; border-bottom:solid0.1rem var(--mox-layer-light-2); transition:all var(--mox-anim-duration) !important; }#main-content.page-options-bottoma:hover{text-decoration:none; box-shadow:inset0px -2.5rem 0px0px var(--mox-theme-color) !important; color: var(--mox-bg-color) !important; font-weight:bold; }#footera{color: var(--mox-layer-light-1); text-decoration:none; transition:all var(--mox-anim-duration); }#footer{margin-top:5px; padding:1rem; clear:both; overflow:hidden; background: var(--mox-layer-dark-1); color: var(--mox-layer-light-3); }#footera:hover{color: var(--mox-theme-light-color); text-decoration:none; background:none; }div#footer::before{content: var(--mox-header-title); display:block; position:relative; margin:1rem auto; width:80%; height:4rem; background-image: var(--mox-header-logo); filter:invert(1); background-repeat:no-repeat; background-size: contain; background-position:center; background-origin: content-box; text-align:center; line-height:10rem; font-size:1rem; font-weight:bolder; padding-bottom:1rem; color: var(--mox-layer-dark-3); font-family: var(--mox-ui-font); }#license-area{color: var(--mox-layer-light-3); text-align:center; background: var(--mox-layer-dark-1); }#license-areaa{color: var(--mox-layer-light-3); text-decoration:none; transition:all var(--mox-anim-duration); }#license-areaa:hover{background:transparent; color: var(--mox-layer-light-1); } /*ActionArea*/ #action-area{width: -webkit-fill-available; background: var(--mox-layer-light-1); border:solid3px var(--mox-layer-light-2); padding:1rem; margin:1rem auto; color: var(--mox-text-color); position:relative; right:0; }#action-areah1::before{content: '#'; color: var(--mox-layer-light-3); font-size:1.7rem; }#action-areah1{color: var(--mox-layer-dark-1); font-size:2rem; }a.action-area-close:hover{background-color: unset; }a.action-area-close.btn.btn-danger::before{font-size:1rem; color: var(--mox-layer-dark-2); font-weight:bold; }a.action-area-close.btn.btn-danger{font-size:0; }form#edit-page-form{display: grid; grid-template: 'edittitle ' 'editpanel' 'textarea' 'changesize' 'edithelp' 'bottomtable' 'uselessbtn' 'captcha' 'ui'; }div#action-area>div+form[onkeypress*="disableEnterKey"]#edit-page-form:nth-child(4) {width:100%; margin:0auto !important; padding:0; grid-area: edittitle; }table.formtbodytrtd:nth-child(1) {background:transparent !important; }table.form.gridtd, table.form.gridth{border:0.2rem solid var(--mox-layer-light-3); padding:0.5em1em; }div#st-action-area:is(th,td) {display:table-cell; border-top: unset; border-bottom: unset; }div#st-action-areatr:nth-child(odd) {background: var(--mox-layer-light-2); }input.text{border:solid2px var(--mox-layer-light-3); margin:00px; padding:0.2rem; background-color: var(--mox-layer-light-1); color: var(--mox-layer-dark-1); text-align:left; width:100%; transition: border var(--mox-anim-duration); }table.form{margin:0.5rem auto !important; padding:0; width:96%; }table.formtd, table.formth{vertical-align:top; padding:0; font-size:1rem; display: flex; flex-direction: row; flex-wrap: wrap; }#main-contenttable.form:is(td, th) {display:table-cell; padding:0.1rem 1rem; }input.checkbox{background-color: var(--mox-layer-light-1); color: var(--mox-layer-dark-2); width:1rem; height:auto; display:inline-block; }.wd-editor-toolbar-panel{align-items:center; background: var(--mox-layer-light-1); border:solid2px var(--mox-layer-light-3); margin:0; position:relative; width: -webkit-fill-available !important; margin:0em0em !important; display: flex; height:auto; justify-content:center; flex-direction: column; grid-area: editpanel; flex-wrap:nowrap; height: max-content; }.wd-editor-toolbar-panelul{padding:0; margin:0auto; float:left; list-style:none; width:100%; display: flex; flex-direction: row; justify-content:center; }.wd-editor-toolbar-panelullia{height:2.3rem; width:2.3rem; padding:0px; margin:0em0em0em0em; display:block; transition: box-shadow var(--mox-anim-duration) , filter var(--mox-anim-duration) !important; box-shadow:none; }.wd-editor-toolbar-panelullia::before{content: ''; font-size:1.2rem; display:inline-block; background-color: var(--mox-layer-light-1); color: var(--mox-layer-dark-1); width:100%; height:100%; text-align:center; line-height:2.3rem; font-family: 'FontAwesome'; transition: filter var(--mox-anim-duration); background-position:center; background-repeat:no-repeat; background-size:50%; }.wd-editor-toolbar-paneldiv{height:3rem; }.wd-editor-toolbar-panelulliul{position:absolute; width:auto !important; left: -999em; background-color: var(--mox-layer-light-1); z-index:30; } /*icons*/ :where(a.weditor-h1,a.weditor-h2,a.weditor-h3,a.weditor-h4,a.weditor-h5,a.weditor-h6,a.weditor-raw,a.weditor-hr,a.weditor-div,a.weditor-clearfloat,a.weditor-clearfloatleft,a.weditor-clearfloatright,a.weditor-toc)::before{font-family: var(--mox-ui-font) !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{content: ''; /*font-family: 'FontAwesome' !important; */ display:inline-block; transform: translateX(1.2rem) translateY(-1.1rem); color: var(--mox-layer-light-1); background: var(--mox-layer-dark-1); width:1rem; height:1rem; line-height:1rem; text-align:center; border-radius:0.25rem; background-image: url(https://img.icons8.com/?size=100&id=8416&format=png&color=f1f1f1); background-repeat:no-repeat; background-position:center; background-size:80%; }: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):hover::after{color: var(--mox-layer-light-1); filter:invert(1); }a.weditor-incindent::after{content: '+' !important; background-image:none; font-weight:900; font-family: var(--mox-ui-font); }a.weditor-decindent::after{content: '-' !important; background-image:none; font-weight:900; font-family: var(--mox-ui-font); }a.weditor-bibcite::after{content: '+'; background-image:none; font-family: var(--mox-ui-font); font-weight:900; }a.weditor-h1::before{content:'H1' !important;}a.weditor-h2::before{content:'H2' !important;}a.weditor-h3::before{content:'H3' !important;}a.weditor-h4::before{content:'H4' !important;}a.weditor-h5::before{content:'H5' !important;}a.weditor-h6::before{content:'H6' !important;}a.weditor-bold::before{content: "" !important; filter:invert(0); }a.weditor-italic::before{content: ''; }a.weditor-strikethrough::before{content: ''; }a.weditor-teletype::before{content: "tt" !important; font-family: 'Oxygen Mono' !important; }a.weditor-quote::before{content: ''; }a.weditor-superscript::before{content: ''; }a.weditor-subscript::before{content: ''; }a.weditor-raw::before{content:'@' !important;}a.weditor-hr::before{content: '---' !important; letter-spacing:0.1rem; }a.weditor-div::before{content:'div' !important;}a.weditor-clearfloat::before{content: 'float' !important; font-size:100% !important; }a.weditor-clearfloatleft::before{content:'◀f' !important; font-size:100% !important;}a.weditor-clearfloatright::before{content:'f▶' !important; font-size:100% !important;}a.weditor-table::before{content: ''; }a.weditor-toc::before{content:'toc' !important;}a.weditor-code::before, a.weditor-codewiz::before{content: ''; }a.weditor-uri::before, a.weditor-uriwiz::before{content: ''; }a.weditor-pagelink::before, a.weditor-pagelinkwiz::before{content: ''; }a.weditor-image::before, a.weditor-imagewiz::before{content: ''; }a.weditor-html::before{content: ''; }a.weditor-numlist::before{content: ''; }a.weditor-bullist::before{content: ''; }a.weditor-incindent::before, a.weditor-decindent::before{content: ''; }a.weditor-deflist::before{content: ''; }a.weditor-footnote::before{content: ''; }a.weditor-math::before{content: 'LaTeX' !important; font-size:65% !important; font-family: math !important; }a.weditor-mathinline::before{content: 'Σ' !important; font-family: math !important; }a.weditor-eqref::before{content:'Eq' !important;}a.weditor-bib::before, a.weditor-bibcite::before{content: ''; }div.wd-editor-toolbar-paneldiv:nth-child(1):hover, div.wd-editor-toolbar-paneldiv:nth-child(2):hover, div.wd-editor-toolbar-paneldiv:nth-child(3):hover{z-index:100; position:relative; } /*iconsend*/ .wd-editor-toolbar-panelli.hseparator{width:2px; height:33px; margin:05px; background-color:#efefef; }#edit-page-comments{width:100%; height:4rem; }.wd-editor-toolbar-panela{background-image:none; }.wd-editor-toolbar-panela:hover{background-image:none; filter:none; box-shadow:none !important; }.wd-editor-toolbar-panela:hover::before{filter:invert(0.85); }.wd-editor-toolbar-panelul{padding:0; margin:0auto; float:left; list-style:none; }form#edit-page-form:nth-child(6) {grid-area: textarea; }textarea{padding:0.5rem; font-size:105%; border:solid2px var(--mox-layer-light-3); background-color: var(--mox-layer-light-2); color: var(--mox-layer-dark-2); width: -webkit-fill-available !important; position:relative; margin:0auto; display:block; font-family: var(--mox-mono-font); transition: border var(--mox-anim-duration); }textarea:focus-visible, input:focus-visible{outline:none; border:solid2px var(--mox-theme-color); }#new-post-divtextarea#np-text{width:93%}div#new-post-form-container{background-color: var(--mox-layer-light-1); border:solid5px var(--mox-layer-light-2); padding:1em; }.change-textarea-size{display: grid; grid-template: 'incrsize decrsize'; grid-area: changesize; width:100%; margin:0; padding:0; }div.change-textarea-size:nth-child(1) {grid-area: incrsize; }div.change-textarea-size:nth-child(2) {grid-area: decrsize; }.change-textarea-sizea{width:auto; text-align:center; display:block; height:2rem; line-height:2rem; font-size:1.5rem; color: var(--mox-layer-dark-1) !important; background-color: var(--mox-layer-light-2) !important; border:none; position:relative; border:none !important; }#main-content#action-area.change-textarea-sizea:hover, .change-textarea-sizea:hover{background: var(--mox-layer-light-1) !important; box-shadow:inset0 -3rem var(--mox-layer-dark-2) !important; color: var(--mox-layer-light-2) !important; }.edit-help-34{margin-top:0px; grid-area: edithelp; padding:1rem; }table.edit-page-bottomtable{grid-area: bottomtable; }table.edit-page-bottomtabletbody{width:100%; display:block; margin:0auto; position:relative; }table.edit-page-bottomtabletbodytr{display: grid; grid-template: 'lockinfo editinfo'; grid-gap:0rem; }table.edit-page-bottomtabletbodytrtd:nth-child(1) {grid-area: lockinfo; transform: translateY(-1rem); }table.formtddiv.sub, formdiv.sub{font-size:90%; color: var(--mox-layer-dark-3); }table.edit-page-bottomtabletbodytrtd:nth-child(2) {grid-area: editinfo; }#edit-page-comments{width:100%; height:4rem; width:90% !important; }#lock-info{background-color: var(--mox-layer-light-1); border-color:#ededed; border:solid2px var(--mox-theme-color); display:block; position:relative; left:0rem; margin:0.1rem 0; padding:0.4rem 0.8rem; margin-left:0rem; height:auto; top:1.4rem; }.checkbox.do-not-notify{grid-area: uselessbtn; text-align:center; }div.wd-editor-toolbar-paneltable{empty-cells:show; display: inline-grid; }div#edit-page-captcha{grid-area: captcha; }.buttons.alignleft{grid-area: ui; }table.edit-page-bottomtabletbody{width:100%; display:block; margin:0auto; position:relative; }table.edit-page-bottomtabletbodytr{display: grid; grid-template: 'editinfo lockinfo'; grid-gap:1rem; background:transparent; }table.edit-page-bottomtabletbodytrtd:nth-child(1) {grid-area: lockinfo; }table.edit-page-bottomtabletbodytrtd:nth-child(2) {grid-area: editinfo; }.formtbodytr{background:transparent; height:2.5rem; line-height:2.5rem; }div#lock-info > strong{font-size:0.82rem; color: var(--mox-theme-color); font-family: var(--mox-mono-font); }#edit-save-button{color: var(--mox-accept-color); border:solid0.2rem var(--mox-accept-color); transition:all var(--mox-anim-duration); }#edit-save-button:hover{color: var(--mox-layer-dark-1); box-shadow:inset0 -3rem var(--mox-accept-color); }#edit-cancel-button{color: var(--mox-warn-color); border:solid0.2rem var(--mox-warn-color); transition:all var(--mox-anim-duration); }#edit-cancel-button:hover{color: var(--mox-layer-dark-1); box-shadow:inset0 -3rem var(--mox-warn-color); }.buttons.btn{width:7em; display:inline; }div.buttons.alignleft{text-align:center; }div.buttonsinput:hover, input.button:hover, button:hover, a.button:hover{background-color: var(--mox-layer-light-1); color: var(--mox-layer-dark-1); box-shadow:inset0 -3rem var(--mox-layer-light-2); }div.buttonsinput, input.button, button, file, a.button{margin:00.2rem; padding:0.4rem 0.2rem; text-decoration:none; background-color: var(--mox-layer-light-1); border:solid0.2rem var(--mox-layer-light-2); color: var(--mox-layer-dark-1); cursor:pointer; font-weight:bold; font-size:100%; transition:all var(--mox-anim-duration); } /*ActionAreaOtherElements*/ .owindow{background-color: var(--mox-bg-color); width:50em; border:solid5px var(--mox-layer-light-2); text-align:left; position:fixed; width:75vw !important; left: calc(100% - 87vw) !important; top:15vh !important; }.owindow.title{cursor:default; font-size:140%; font-weight:bold; padding:0.2rem 1rem; background-color: var(--mox-layer-light-2); height:1%; color: var(--mox-text-color); }.odialog-shader{background-color: var(--mox-bg-color); opacity:0.8; position:fixed; z-index:10; height:100%; width:100%; }.owindow.content{padding:0.5em1em; display: grid; justify-items: start; justify-content: start; align-items: start; }.owindow.button-bara:hover{background-color: var(--mox-layer-light-1); }div.content.modal-body>img{height:5rem; float:none !important; border-radius:0rem; position:relative; background:transparent !important; }div.content.modal-bodyh1{display:block; width: calc(100% -5rem); height:5rem; font-size:2rem; line-height:6rem; position:relative; left:0rem; margin-top:0rem; }div.content.modal-body:has(img) h1{left:7rem; margin-top: -5rem; }div.content.modal-bodytable.table{width:72vw; }div.content.modal-bodytable.tabletbodytr{width:100%; display:table-row; margin-top:0.3rem; background:transparent; box-shadow:00.2rem var(--mox-layer-light-1); }a.btn.btn-danger{color: var(--mox-warn-color) !important; }a.btn.btn-danger[onclick*="dialog.cleanAll()"]{display:block; z-index: -1; position:fixed; background:transparent; top:0; left:0; padding:0; margin:0; width:100vw; height:100vw; font-size:0; }a.btn.btn-danger[onclick*="dialog.cleanAll()"]:hover{box-shadow:none !important; background:transparent !important; }a#show-upload-button{font-size:0.9rem; scale:1.2; }div#owindow.errordiv.contentp:nth-child(2) {grid-area: para1; }div#owindow.errordiv.contentp:nth-child(1) {grid-area: para2; }div#owindow.errordiv.content{display: grid; justify-items: start; grid-template: 'username username' 'para1 para1' 'para2 para2' 'ui ui'; }table.page-history{width:100%; }#who-rated-page-areadivbr{display:none; }#who-rated-page-areadiv{display: grid; grid-template-columns:repeat(6, 1fr); align-items:center; }#who-rated-page-areadivspan.printuser.avatarhover{display: flex; }#who-rated-page-areadivspan.printusera{word-break:keep-all; display:inline-block; }.autocomplete-list{position:relative; z-index:100; top:0rem; }.autocomplete-list.yui-ac-bd{max-height:20rem; overflow-y:scroll; }.autocomplete-listullidiv{padding:0; line-height:1.5rem; } /*Hovertip & Footnotes*/ .hovertip{width: max-content; max-width:25rem; background: var(--mox-bg-color) !important; border:solid4px var(--mox-layer-light-2) !important; outline:none; }.footnote.f-heading, .equation.e-heading, .reference.r-heading{font-weight:bold; font-family: var(--mox-ui-font); background: var(--mox-layer-dark-2); color: var(--mox-layer-light-1); padding:0.3rem 0.5rem; display:inline-block; font-size:1.1rem; position:relative; }.footnote.f-heading, .equation.e-heading, .reference.r-heading{font-weight:bold; font-family: var(--mox-ui-font); background: var(--mox-layer-dark-2); color: var(--mox-layer-light-1); padding:0.3rem 0.5rem; display:inline-block; font-size:1.1rem; position:relative; }.f-footer{font-size:0.5rem !important; color: var(--mox-layer-light-3); font-family: var(--mox-ui-font); } /*EvenBetterFootnotesbyAgentFS*/ div.hovertip{border-radius:0; box-sizing: border-box; background-color: var(--mox-layer-light-1)!important; border:none!important; color: var(--mox-text-color); padding:1em; width: min(25em, 30em)!important; top: initial!important; left: initial!important; position:fixed!important; display:block!important; bottom:2em; right: -26em; transition:right.45s cubic-bezier(.6,.18,.27,.88); transition-delay: var(--mox-anim-duration); z-index:29; }div.hovertip:not(:has(div[class*="-heading"])) {border-bottom: var(--mox-layer-dark-1) 0.25emsolid !important; }div.hovertip::before{content: ""; display:block; background-color: var(--mox-layer-dark-1); height:0.25em; width:100%; position:absolute; left:0; top: -0.125em; }div.hovertip:not(:has(div[class*="-heading"]))::before{display:none; }div.hovertip:is(:hover, [style*="display: block"]) {z-index:30; right:1em; transition-delay:0s; }div.hovertipdiv.content{padding:0; }div.hovertipdiv.contentdiv[class]div[class*="-heading"]{background-color: var(--mox-layer-dark-1); color: var(--mox-layer-light-1); font-family: var(--font1); font-size:1em; line-height:1.5em; height:1.5em; inset-block-start: -1.5em; inset-inline-start:0; margin-block-end: -1em; padding:00.5em; position:absolute; width: max-content; z-index:30; }div.hovertipdiv.contentdiv[class]div[class*="-content"]{margin:0; padding:0; }div.hovertipdiv[class*="-footer"]{display:none; }table.page-historytd.optionstda{background: var(--mox-layer-light-1); border:none; }td.optionstd{width: max-content !important; }a[onclick*="showVersion"]::before{font-size:0.8rem; }a[onclick*="showSource"]::before{font-size:0.8rem; }a[onclick*="PageHistoryModule.listeners.revert"]::before{font-size:0.8rem; }table.page-historytd.optionstda{background: var(--mox-layer-light-1); border:none; display:inline-block; outline:solid0.1rem var(--mox-layer-light-2); margin:0.2rem 0.1rem; }a[onclick*="showVersion"], a[onclick*="showSource"], a[onclick*="PageHistoryModule.listeners.revert"]{font-size:0; }.page-historytd:nth-child(odd) {background-color: var(--mox-layer-light-2); }.page-historytd{padding:0rem 0rem; word-break:keep-all; }.page-historytbodytr{background: var(--mox-layer-light-1); border:none; outline:none; display:table-row; }.yui-ac-content{border:none; background: var(--mox-bgblur-front-color); border-left:solid0.2rem var(--mox-layer-light-3); }input.btn.btn-primary[onclick="WIKIDOT.modules.RenamePageModule.listeners.deletePage(event)"]{color: var(--mox-warn-color); border-color: var(--mox-warn-color); }@media (max-width: 30em) {div.hovertip{width: min(20em, 25em)!important; }} /*Scrollbar*/ ::-webkit-scrollbar{width:0.4rem !important; background:transparent !important; } ::-webkit-scrollbar-thumb{background: var(--mox-layer-dark-1) !important; }.hl-main::-webkit-scrollbar, pre::-webkit-scrollbar, .code::-webkit-scrollbar{height:0.4rem !important; } /*SCPSigma-9Things*/ .scp-image-block{outline:solid2px var(--mox-layer-light-2); box-shadow:none; width:300px; position:relative; z-index: -1; }.scp-image-block.block-right{float:right; clear:right; margin:1rem; }.scp-image-block.block-left{float:left; clear:left; margin:1rem; }.scp-image-block.block-center{margin-right:auto; margin-left:auto; }.scp-image-block{outline:none; box-shadow:none; width:300px; position:relative; }.scp-image-block.scp-image-caption{background-color:none; border-bottom:solid0.15rem var(--mox-layer-dark-3); padding:0.3rem 0; font-size:90%; font-weight:bold; text-align:center; width:300px; color: var(--mox-layer-dark-2); outline:none; z-index:1; position:relative; margin-top:2px; }.scp-image-block > p{margin:0; }.scp-image-block.scp-image-caption > p{margin:0; padding:010px; }.ruby, ruby{display:inline-table; text-align:center; white-space:nowrap; line-height:1; height:1em; vertical-align:text-bottom; }.rt, rt{display:table-header-group; font-size:0.6em; line-height:1.1; text-align:center; white-space:nowrap; }.keycap{border:1pxsolid; border-color: var(--mox-layer-light-3); border-bottom-width:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color: var(--mox-layer-light-1); padding:1px3px; font-family:inherit; font-size:0.85rem; white-space:nowrap; font-family: var(--mox-mono-font); }.menu-itemimg[src*="help"], .menu-itemimg[src*="default"], .menu-itemimg[src*="series"], .menu-itemimg[src*="main"], .menu-itemimg[src*="home"], .menu-itemimg[src*="forum"]{display:none; }.forum-grouptabletr.headtd{text-align:center; font-size:95%; background-color: var(--mox-layer-light-2); border:none; padding:0.4rem 1rem; }.forum-groupdiv.head{background-color: var(--mox-layer-dark-1); color: var(--mox-layer-light-2); padding:0.5rem 1rem; margin:0; border:none; font-family: var(--mox-ui-font); }.forum-grouptabletd{border:none; padding:0.5rem 1rem; } /*NOBIGAVATARS*/ a.avatar-hover, a.avatar-hover:hover{display:none !important; } /*Posts*/ .wait-block{width: fit-content; height: fit-content; margin:0auto; background-image:none; background-color: var(--mox-layer-light-1); text-align:center; padding:0.5rem 4rem; box-shadow: -0.25rem 000 var(--mox-alter-color); }.wait-block::before{content: '正在加载中......'; }.wait-blockp{font-size:0; }div.info.odate{font-size:0.85rem; font-family: 'Oxygen Mono'; }.thread-container.post.head{padding:0.3rem 0.8rem 0.5rem 0.9rem; background-color: var(--mox-layer-light-1); border:solid2px var(--mox-layer-light-2); }.thread-container.post.long.content{padding:0.2rem 0.9rem; }.thread-container.post.signature{display:none; }.thread-container.post.long.head.title{font-weight:bold; font-size:1.1rem; }.thread-container.post.folded.short{display:block; background: var(--mox-layer-light-1); border:solid2px var(--mox-layer-light-2); }a.btn, a.btn.btn-primary, a.btn.btn-small, a.btn.btn-sm{display:inline-block; background-color: var(--mox-layer-light-1); padding:0.2rem 0.4rem !important; border:solid0.125rem var(--mox-layer-light-2); text-decoration:none; color: var(--mox-layer-dark-2) !important; margin:0.2rem 0.1rem !important; transition: color var(--mox-anim-duration), box-shadow var(--mox-anim-duration) !important; }a.btn:hover, a.btn.btn-primary:hover, a.btn.btn-small:hover, a.btn.btn-sm:hover{box-shadow:inset0 -2rem var(--mox-layer-light-2); }a.btn[onclick*="togglePostFold"]:hover{box-shadow:none; color: var(--mox-theme-color) !important; }a.btn[onclick*="togglePostFold"]{padding:0; background:transparent; border:none; margin: -0.15rem 00rem 0 !important; display:inline-block; }#header{grid-template-areas: 'menu logo title topbar user search'; }#headerh2{width:auto; text-align:left; word-break:keep-all; direction:ltr; left: calc(var(--mox-header-height)* 2.35); display: contents; position:relative; top: calc(var(--mox-header-height)* 0.35); grid-area:menu; }#headerh1aspan::after{content: var(--mox-header-subtitle); font-size: calc(var(--mox-header-height)* 0.25) !important; font-weight:normal; width:auto; text-align:center; bottom: calc(var(--mox-header-height)* 0.115 - 0.125rem); position:relative; left: calc(var(--mox-header-height)* 0); /*grid-area: subtitle; */ display:block; color: var(--mox-layer-dark-1); } /*Mobile*/ @media (max-width: 876px) {.scp-image-block{float:none !important; margin:1rem auto !important; }#main-content{margin-top:1rem; margin:1rem auto; }.mox-float{float:none !important; width:85%; position:relative; max-width:85%; margin:0.5rem auto1.5rem auto; }#top-bar{position:relative; left: var(--mox-header-height); top: calc(var(--mox-header-height)* 2.4); z-index:20; width: calc(100% - var(--mox-header-height)); }.top-bar{display:none;}.mobile-top-bar{display: flex; position:relative; grid-area: topbar; width: calc(100% - calc(var(--mox-header-height)* 0.5)); justify-content: flex-start; }#top-bar.mobile-top-barulliul{top: var(--mox-header-height); pointer-events:all; width: max-content; min-width: calc(100% - var(--mox-header-height)* -1); display: grid; contain: layout; position:absolute; left: calc(var(--mox-header-height)* -1); grid-template-columns:repeat(2, 1fr); backdrop-filter: blur(5px); background: var(--mox-bgblur-front-color); z-index:11; align-items: start; height: min-content; max-height:60vh; overflow-y:scroll; padding-top: calc(var(--mox-header-height)* 0.5); box-shadow: calc(var(--mox-header-height)* -0.1) 0 var(--mox-layer-dark-2); align-content:center; justify-items: start; justify-content: start; }#top-barliulli{display:block; float:none; height: fit-content; line-height: calc(var(--mox-header-height)* 0.5); width: calc(100% - var(--mox-header-height)* 0.5); }#top-barliullia{width:auto; text-align:left; background-color:transparent; border:none; color: var(--mox-layer-dark-2); padding-top:0.3rem; padding-bottom:0.3rem; backdrop-filter:none; z-index:50; position:relative; }#side-bar{top:2.8rem; width:65vw; left: -75vw; }div#side-bar::before{width:75vw; }#main-content{max-width:97vw !important; }#page-content{padding:1rem; }#header{position: sticky; display: grid; height: calc(var(--mox-header-height)* 3); direction:ltr !important; top: calc(var(--mox-header-height)* -2); grid-template-areas: 'menu logo title title search' 'menu logo title title user' 'menu topbar topbar topbar topbar'; grid-template-columns: var(--mox-header-height) 0fr 1fr 0fr; grid-template-rows:autoauto var(--mox-header-height); align-content: space-between; align-items:center; justify-items: start; }#headerh1a::before { height: 75%; width: calc(var(--mox-header-height)* 1.75); display:inline-block; grid-area: logo; margin-left: calc(var(--mox-header-height)* 0.05); opacity:0.25; }#headerh1aspan{justify-content:center; height: var(--mox-header-height); transform: translateX(calc(var(--mox-header-height)* -1.25)); background-image: linear-gradient(90deg, #6f6f6f00 0%, var(--mox-layer-light-1) 15%); padding: calc(var(--mox-header-height)* 0.5) calc(var(--mox-header-height)* 0.4); }#headerh1aspan::before{font-size: calc(var(--mox-header-height)* 0.65) !important; }#headerh1aspan::after{font-size: calc(var(--mox-header-height)* 0.3) !important; bottom: calc(var(--mox-header-height)* 0.115 + 0.125rem); }div#side-bar::after{top:0; left:0; font-size: calc(var(--mox-header-height)* 0.5); width: calc(var(--mox-header-height)* 1); height: calc(var(--mox-header-height)* 1); text-align:center; line-height: calc(var(--mox-header-height)* 1); background-color: var(--mox-layer-light-1); }div#side-bar:hover::after{height: calc(var(--mox-header-height)); line-height: calc(var(--mox-header-height)); }#top-barul{grid-area: topbar; display: flex; flex-direction: row; flex-wrap:nowrap; width: max-content; justify-content: flex-end; font-size:85%; }#top-barli{list-style:none; float:left; margin:00; padding:0 calc(var(--mox-header-height)* 0.1); height: calc(var(--mox-header-height)* 1); line-height: calc(var(--mox-header-height)* 1); }#top-barlia{padding:1px0.4em; text-decoration:none; }#action-area{width: -webkit-fill-available; right:0vw !important; margin:1rem auto; }.wd-editor-toolbar-panel{position:relative; width:90vw !important; height: max-content; padding-bottom:0rem !important; display:inline; margin:0auto !important; }.wd-editor-toolbar-paneldiv{height:2.6rem !important; scale:0.9 !important; }textarea{width: calc(100% - 2rem) !important; }.wd-editor-toolbar-panelli.hseparator{width:2px; height:23px; margin:5px3px; background-color:#efefef; }.wd-editor-toolbar-panelulli{padding:0; margin:0px; float:left; }.wd-editor-toolbar-panelul{padding:0; margin:0auto; float:left; list-style:none; display:inline; border-bottom:solid2px var(--mox-layer-light-2); }.wd-editor-toolbar-paneldiv{display:block !important; }.owindow{background-color: var(--mox-bg-color); width:75vw !important; border:solid2px var(--mox-layer-light-3); text-align:left; margin:0auto; position:fixed; }#lock-info{top:0.4rem !important; }#footer{text-align:center; }#footer.options{float:none; }#who-rated-page-areadiv{display: grid; grid-template-columns:repeat(4, 1fr); align-items:center; } } @media (max-width: 675px) {table.formtbodytrtd:nth-child(1) { background: transparent !important; font-size:1rem; } } /*WikidotComponents*/ :root{ --title-font: var(--mox-ui-font) !important; --five-color:176, 44, 44 !important; --four-color:245, 179, 150 !important; --three-color:235, 221, 150 !important; --two-color:133, 200, 220 !important; --one-color:180, 226, 179 !important; --linkColour: var(--mox-layer-light-1) !important; --barColour: var(--mox-theme-color) !important; --main-size: calc(100vw* 5 / 24 - 2em) !important; }.scp-image-block{z-index:1; }img.image{z-index:2; position:relative; }div.danger-diamonda:hover{box-shadow:none !important; }div.danger-diamonda{font-size:0; }div.class-text{grid-area: unset; }.acs-hybrid-text-bara{font-size:0; }.acs-hybrid-text-bar{font-family: var(--mox-ui-font); }.w-container{padding:0.5rem; margin-bottom:1rem; margin-top:1rem; border:none; box-shadow:none; box-sizing: border-box; }.s-cell{font-size:1.25rem; margin-top: -1.6rem; margin-bottom: -0.8rem; font-family: var(--mox-ui-font); }.w-cell{font-size:0.96rem; border-top:none; border-left:solid0.1rem var(--mox-layer-light-2); margin-top:0px; margin-left:0px; padding:0px; box-sizing: border-box; }.w-cell > hr{margin:0px; margin-top: -0.5rem; background-color: var(--mox-layer-light-2); }div.sideright > div.colorbars-container > div.colorbars{background: var(--mox-theme-dark-color); }.earthworm{ --earthworm-segment-border-color: var(--mox-layer-light-2); }div.info-containera.collapsible-block-link:hover{background-color: var(--mox-layer-light-2) !important; }span.logical-link-custom.logical-link-link-truea:hover{color: var(--barColour) !important; }span.logical-link-custom.logical-link-link-truea{color: var(--linkColour) !important; }.panel-container-container > .panel-container{position:relative; top:0%; left:0%; min-width:100%; height: var(--main-size); margin-top:0; margin-left:0; }.panel-container-container{position:relative; height: var(--main-size); } /*Translation*/ /*MOX通过一些复杂的选择器,将部分尚未被翻译的Wikidot系统提示使用伪元素的形式进行翻译。部分文本实在无法被精确选择(如"PleaseNote"),因而不在这里列出。 */ :root{ --mox-page-tags-text: 'Tags'; --mox-rename-option-delete-text: 'Warning: This will permanently remove this page from the website, and it will be impossible to recover the data. Are you sure you want to do this?'; --mox-action-area-close-text: 'Cancel'; --mox-show-version-text: 'Show version'; --mox-show-source-text: 'Show source'; --mox-revert-version-text: 'Revert'; --mox-who-watches-page-p-text: 'These people will be notified when this page is changed or commented on.'; --mox-who-watches-page-h1-text: 'Who watches this page'; --mox-button-close-message-text: 'Close'; --mox-orphaned-pages-h1-text: 'Orphaned pages'; --mox-orphaned-pages-p-text: 'Below is a list of pages that don\'t have any incoming links from other pages—at least no internal links generated by the [[[pagename]]] syntax. If a page is listed here, it doesn\'t necessarily mean there\'s a problem, as there may be special pages that don\'t have (and like some forum pages shouldn\'t have) incoming links. Still, it\'s recommended to check this list from time to time.'; --mox-draft-pages-h1-text: 'Draft pages'; --mox-draft-pages-p-text: 'Below is a list of pages that have saved drafts.'; --mox-wanted-pages-btn-text: 'Wanted pages list'; --mox-orphaned-pages-btn-text: 'Orphaned pages list'; --mox-draft-pages-btn-text: 'Draft pages list'; }:root:lang(cn) { --mox-page-tags-text: '标签'; --mox-rename-option-delete-text: '警告:这将会从网站上彻底移除此页面,并且不可能恢复数据。你确定要这么做吗?'; --mox-action-area-close-text: '取消'; --mox-show-version-text: '查看版本'; --mox-show-source-text: '查看源码'; --mox-revert-version-text: '回档'; --mox-who-watches-page-p-text: '当此页面有更改或被评论时,这些人将收到通知。'; --mox-who-watches-page-h1-text: '谁在关注此页面'; --mox-button-close-message-text: '关闭'; --mox-orphaned-pages-h1-text: '孤立页面'; --mox-orphaned-pages-p-text: '以下是没有来自其他页面的任何传入链接的页面列表——至少没有由 [[[pagename]]] 语法生成的内部链接。如果一个页面列在这里,并不一定意味着有什么问题,因为可能存在一些特殊页面,它们没有(并且像某些论坛页面那样也不应该有)传入链接。但仍然建议时不时查看此列表。'; --mox-draft-pages-h1-text: '草稿页面'; --mox-draft-pages-p-text: '以下是已经保存了草稿的页面列表。'; --mox-wanted-pages-btn-text: '待建页面列表'; --mox-orphaned-pages-btn-text: '孤立页面列表'; --mox-draft-pages-btn-text: '草稿页面列表'; }:root:lang(zh-Hant) { --mox-page-tags-text: '標籤'; --mox-rename-option-delete-text: '警告:這將會從網站上徹底移除此頁面,並且不可能恢復數據。你確定要這麼做嗎?'; --mox-action-area-close-text: '取消'; --mox-show-version-text: '查看版本'; --mox-show-source-text: '查看源碼'; --mox-revert-version-text: '回檔'; --mox-who-watches-page-p-text: '當此頁面有更改或被評論時,這些人將收到通知。'; --mox-who-watches-page-h1-text: '誰在關注此頁面'; --mox-button-close-message-text: '關閉'; --mox-orphaned-pages-h1-text: '孤立頁面'; --mox-orphaned-pages-p-text: '以下是沒有來自其他頁面的任何傳入鏈接的頁面列表——至少沒有由 [[[pagename]]] 語法生成的內部鏈接。如果一個頁面列在這裡,並不一定意味着有什麼問題,因為可能存在一些特殊頁面,它們沒有(並且像某些論壇頁面那樣也不應該有)傳入鏈接。但仍然建議時不時查看此列表。'; --mox-draft-pages-h1-text: '草稿頁面'; --mox-draft-pages-p-text: '以下是已經保存了草稿的頁面列表。'; --mox-wanted-pages-btn-text: '待建頁面列表'; --mox-orphaned-pages-btn-text: '孤立頁面列表'; --mox-draft-pages-btn-text: '草稿頁面列表'; }:root:lang(ja) { --mox-page-tags-text: 'タグ'; --mox-rename-option-delete-text: '警告:この操作により、このページは完全に削除され、データを復元することはできません。本当に実行しますか?'; --mox-action-area-close-text: 'キャンセル'; --mox-show-version-text: 'バージョンを表示'; --mox-show-source-text: 'ソースを表示'; --mox-revert-version-text: 'ロールバック'; --mox-who-watches-page-p-text: 'このページが変更またはコメントされたときに通知を受け取る人。'; --mox-who-watches-page-h1-text: 'このページをウォッチしている人'; --mox-button-close-message-text: '閉じる'; --mox-orphaned-pages-h1-text: '孤立したページ'; --mox-orphaned-pages-p-text: '以下は、他のページからのリンクがないページのリストです(少なくとも[[[pagename]]]構文で生成された内部リンクはありません)。ここにリストされているからといって、必ずしも問題があるわけではありません。特別なページで、リンクを持たない(フォーラムページのように持つべきでない)場合もあります。ただし、時々このリストを確認することをお勧めします。'; --mox-draft-pages-h1-text: '下書きページ'; --mox-draft-pages-p-text: '以下は下書きとして保存されているページのリストです。'; --mox-wanted-pages-btn-text: '作成待ちページリスト'; --mox-orphaned-pages-btn-text: '孤立ページリスト'; --mox-draft-pages-btn-text: '下書きページリスト'; }div#rename-option-deletep::before{font-size:1rem; content: var(--mox-rename-option-delete-text); color: var(--mox-warn-color); }div#rename-option-deletep{font-size:0; }a.action-area-close.btn.btn-danger::before{content: var(--mox-action-area-close-text); }a[onclick*="showVersion"]::before{content: var(--mox-show-version-text); }a[onclick*="showSource"]::before{content: var(--mox-show-source-text); }a[onclick*="PageHistoryModule.listeners.revert"]::before{content: var(--mox-revert-version-text); }div#action-area:has(ul[style*="list-style: none"]) p{font-size:0; }div#action-area:has(ul[style*="list-style: none"]) p::before{font-size:1rem; content: var(--mox-who-watches-page-p-text); }div#action-area:has(ul[style*="list-style: none"]) h1{font-size:0; }div#action-area:has(ul[style*="list-style: none"]) h1::after{font-size:1rem; content: var(--mox-who-watches-page-h1-text); }a.btn.btn-default.button.button-close-message{font-size:0; }a.btn.btn-default.button.button-close-message::before{font-size:1rem; content: var(--mox-button-close-message-text); }#main-content:is(a#st-wanted-pages-button, a#st-orphaned-pages-button, a#st-draft-pages-button) {font-size:0; }#main-contenta#st-wanted-pages-button::before{font-size:1rem; content: var(--mox-wanted-pages-btn-text); }#main-contenta#st-orphaned-pages-button::before{font-size:1rem; content: var(--mox-orphaned-pages-btn-text); }#main-contenta#st-draft-pages-button::before{font-size:1rem; content: var(--mox-draft-pages-btn-text); }div#st-action-area:has(:is(p,tt,u)) h1{font-size:0; }div#st-action-area:has(:is(p,tt,u)) h1::after{font-size:2rem; content: var(--mox-orphaned-pages-h1-text) !important; }div#st-action-area:has(:is(p,tt,u)) p:has(tt) {font-size:0; }div#st-action-area:has(:is(p,tt,u)) p:has(tt)::before{font-size:1rem; content: var(--mox-orphaned-pages-p-text); }div#st-action-area:not(:has(tt)) p:not(:has(tt)) {font-size:0; }div#st-action-area:not(:has(tt)) p:not(:has(tt))::before{font-size:1rem; content: var(--mox-draft-pages-p-text); }div#st-action-area:not(:has(tt)) h1{font-size:0; }div#st-action-area:not(:has(tt)) h1::after{font-size:2rem; content: var(--mox-draft-pages-h1-text) !important; }div#st-action-area:has(div.wanted-pages-module) h1{font-size:2rem !important; }div#st-action-area:has(div.wanted-pages-module) p{font-size:1rem !important; }div#st-action-area:has(div.wanted-pages-module) p::before{display:none !important; }div#st-action-area:has(div.wanted-pages-module) h1::after{display:none !important; }
:root{ --mox-theme-color:#3d5cab; --mox-theme-dark-color:#354f96; --mox-theme-light-color:#3b69e4; --mox-bg-color:#FAFAFA; --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:#bd3636; --mox-accept-color:#37b55d; --mox-alter-color:#df880a; --mox-header-title: "SCP基金会"; --mox-header-subtitle: "控制,收容,保护"; --mox-header-logo: url('http://oxygennine.wdfiles.com/local--files/system:files/scp-logo-small-black.svg'); --mox-page-width:75vw; --mox-header-height:3rem; --mox-anim-duration:0.2s; --mox-ui-font: 'Raleway', 'Noto Sans', Segoe UI, Arial, sans-serif; --mox-text-font: 'Noto Sans', Segoe UI, Arial, sans-serif; --mox-mono-font: 'Oxygen Mono', 'Noto Sans', Consolas; } /*{$customThemeColor}/ :root{ --mox-theme-color: {$moxThemeColor}; --mox-theme-dark-color: {$moxThemeDarkColor}; --mox-theme-light-color: {$moxThemeLightColor}; } /{$customThemeColor}*/ body{background:transparent; margin:0px0px0; padding:0; font-family: var(--mox-ui-font) font-size: 1rem; }.side-block{padding:0.5rem 1rem; margin:0.4rem 0; background-color: var(--mox-layer-light-1) !important; box-shadow:none; direction:ltr; border-radius:0; border:none; }#side-barh2, #side-blockh1, .side-block.heading{background: var(--mox-layer-light-2); color: var(--mox-layer-dark-1); width: calc(100% + 1rem); display:inline-block; transform: translateX(-1rem); padding:0.3rem 0rem 0.3rem 1rem; font-weight:bold; border-radius:0; border-bottom:none; font-size:1rem; margin-bottom:0; }div#side-barp{margin:0; }.side-blockdiv.menu-itema:hover{box-shadow:inset20rem 0rem var(--mox-theme-color); color: var(--mox-layer-light-1); text-decoration:none; }.side-blockdiv.menu-itema{display:block; border-left:solid0.2rem var(--mox-layer-light-2); font-size:0.8rem; padding:0.5rem 0.5rem; color: var(--mox-layer-dark-2); text-decoration:none; font-weight:500; transition: box-shadow var(--mox-anim-duration); font-family: var(--mox-ui-font) }.side-blockdiv.menu-itemimg{display:none; }
:root{ --mox-theme-color:#4e72d5; --mox-theme-dark-color:#5670b9; --mox-theme-light-color:#6b93ff; --mox-bg-color:#1d1d1d; --mox-text-color:#cccccc; --mox-layer-dark-1:#dcdcdc; --mox-layer-dark-2:#c5c5c5; --mox-layer-dark-3:#b6b6b6; --mox-layer-light-1:#1e1e1e; --mox-layer-light-2:#3a3a3a; --mox-layer-light-3:#464646; --mox-bgblur-front-color: rgb(000 / 56%); }
:root{ --mox-theme-color:#b75d5d; --mox-theme-dark-color:#8d4646; --mox-theme-light-color:#d95c5c; --mox-bg-color:#e8e6dc; --mox-text-color:#141414; --mox-layer-dark-1:#262626; --mox-layer-dark-2:#404040; --mox-layer-dark-3:#595959; --mox-layer-light-1:#d2cdb6; --mox-layer-light-2:#ada994; --mox-layer-light-3:#8e8a78; --mox-bgblur-front-color: rgb(217200174 / 56%); }
:root{ --mox-theme-color:#51ba8b; --mox-theme-dark-color:#3c986f; --mox-theme-light-color:#47c590; --mox-bg-color:#e6f1e6; --mox-text-color:#484848; --mox-layer-dark-1:#262626; --mox-layer-dark-2:#3d433c; --mox-layer-dark-3:#4e5752; --mox-layer-light-1:#d2e5da; --mox-layer-light-2:#8bab9f; --mox-layer-light-3:#728f7b; --mox-bgblur-front-color: rgb(598494 / 85%); }
:root{ --mox-theme-color:#cf4040; --mox-theme-dark-color:#983c3c; --mox-theme-light-color:#c54747; --mox-bg-color:#000000; --mox-text-color:#b6b6b6; --mox-layer-dark-1:#cfcfcf; --mox-layer-dark-2:#969696; --mox-layer-dark-3:#717171; --mox-layer-light-1:#000000; --mox-layer-light-2:#1f1f1f; --mox-layer-light-3:#4d4d4d; --mox-bgblur-front-color: rgb(824545 / 78%); }
:root{ --mox-theme-color:#464040; --mox-theme-dark-color:#4b3c3c; --mox-theme-light-color:#302727; --mox-bg-color:#e0e0e0; --mox-text-color:#161616; --mox-layer-dark-1:#000000; --mox-layer-dark-2:#2f2f2f; --mox-layer-dark-3:#6f6f6f; --mox-layer-light-1:#c9c9c9; --mox-layer-light-2:#a5a5a5; --mox-layer-light-3:#3d3d3d; --mox-bgblur-front-color: rgb(188188188 / 78%); }
:root{ --mox-theme-color:#51ba8b; --mox-theme-dark-color:#3c986f; --mox-theme-light-color:#47c590; --mox-bg-color:#e6f1e6; --mox-text-color:#484848; --mox-layer-dark-1:#262626; --mox-layer-dark-2:#3d433c; --mox-layer-dark-3:#4e5752; --mox-layer-light-1:#d2e5da; --mox-layer-light-2:#8bab9f; --mox-layer-light-3:#728f7b; --mox-bgblur-front-color: rgb(598494 / 85%); }
:root{ --mox-theme-color:#ce5471; --mox-theme-dark-color:#9e5b74; --mox-theme-light-color:#e27aa1; --mox-bg-color:#252130; --mox-text-color:#e7f4f3; --mox-layer-dark-1:#ffdcf9; --mox-layer-dark-2:#c0aabd; --mox-layer-dark-3:#bd9db7; --mox-layer-light-1:#332d44; --mox-layer-light-2:#47344c; --mox-layer-light-3:#67476f; --mox-bgblur-front-color: rgb(784582 / 78%); }
[フレーム]