掌上风露 版式

[[div style="display: none;"]] [[include :scp-wiki-cn:theme:basalt wide=a|hidetitle={$hidetitle}|centertitle={$centertitle}|acs-itemnum={$acs-itemnum}|disable-acs-anim={$disable-acs-anim}]] [[/div]] [[module css]] :root {     --header-title: "风 露 旅 社";     --header-subtitle: "沐风饮露 倘徉八方";     --header-logo: url("http://scpsandboxcn.wdfiles.com/local--files/breaddddd/wdh.png");     --basalt-primary-color: 254,254,254;     --basalt-secondary-color: 248,240,237;     --basalt-tertiary-color: 234,220,211;     --basalt-main-text-color: 20,20,20;     --basalt-overtone: 35,0,0;     --basalt-undertone: 90,51,5;       --basalt-bright-element-color: 140,106,82;     --basalt-dark-element-color: 66,70,93;     --basalt-cancel-color: var(--basalt-negative-color);     --basalt-sub-text-color: 155,154,162;     --basalt-light-text-color: var(--basalt-primary-color);       --basalt-UI-dark-palette: var(--basalt-overtone);     --basalt-focus-color: var(--basalt-undertone);     --basalt-background-color: var(--basalt-primary-color); /*     --header-title-color: var(--basalt-secondary-color);     --header-background-color: var(--basalt-bright-element-color);     --header-subtitle-color: var(--header-title-color);     --top-bar-link-color: var(--header-title-color);     --top-bar-dropdown-link-color: var(--basalt-main-text-color);     --search-icon-color: var(--basalt-primary-color);     --side-bar-button-color: var(--top-bar-link-color);     --side-bar-button-color-hover: var(--top-bar-link-color-hover); */     --bottom-area-text-color: var(--basalt-secondary-color);     --bottom-area-background-color: 32,5,90;     --footer-divider-color: var(--basalt-tertiary-color);     --footer-link-color: 234,194,52;     --license-area-divider-color: var(--basalt-tertiary-color);     --bg-img: url(https://scpsandboxcn.wikidot.com/local--files/collab:zhongfenzhutibanshi/xs);     --display-mode: 86vh;     --background-logo: var(--trans-logo);     --trans-logo: url(https://scpsandboxcn.wikidot.com/local--files/jr-reboot/wdh-trans.png); } body:not(#interwiki body)::before {     content: " ";     position: fixed;     display: block;     z-index: -2;     opacity: 0.3;/*透明度*/       top: 0;     width: 100%;     height: 100vh;     background: var(--bg-img);     background-size: cover;     background-position: center; } #header h1 {     margin: 0;     padding: 0; } :is(span.specialtext, span.st) {     text-decoration: underline 2px;     text-underline-offset: 3px; } .tablewinddew {     --basalt-th-background-color: var(--basalt-bright-element-color); } div.winddew_memo {     --memo-heading: "风露旅社提示你！";     --memo-logo: var(--trans-logo);     --memo-color: var(--basalt-tertiary-color); } div.blockquote {     background-image: var(--background-logo);     background-blend-mode: multiply;     background-size: contain;     background-position: center center;     background-repeat: no-repeat; } div.notation {     background-image: var(--background-logo);     background-blend-mode: multiply;     background-size: contain;     background-position: center center;     background-repeat: no-repeat; } div.jotting {     background-image: var(--background-logo);     background-blend-mode: multiply;     background-size: contain;     background-position: center center;     background-repeat: no-repeat; } div.papernote {     background-image: var(--background-logo);     background-blend-mode: multiply;     background-size: contain;     background-position: center center;     background-repeat: no-repeat; } [[/module]] [[iftags +版式]] [[>]] [[module rate]] [[/>]] 此版式由[[*user Jonuarl Reden]]基于玄武岩及[*https://scpsandboxcn.wikidot.com/collab:zhongfenzhutibanshi 和风之旅]主题版式而创作。 若需使用此版式，请插入以下文字： > {{@@[[include :scp-wiki-cn:theme:winddew-in-hand]]@@}} ------ +* 版式设置 由于这是一个基于玄武岩的版式，可直接按照如下方式设置： **{{@@[[include @@[[span style="opacity: 70%;"]]@@:scp-wiki-cn:@@[[/span]]@@theme:winddew-in-hand @@##green|版式设置##@@]]@@}}** **{{@@[[include @@[[span style="opacity: 70%;"]]@@:scp-wiki-cn:@@[[/span]]@@theme:winddew-in-hand @@##green|版式设置##|##purple|另一个版式设置##@@]]@@}}** ++* 玄武岩基本设置 具体设置请参见[[[theme:basalt|此处说明]]]。 **本版式不支持深色模式。** [[div style="margin-top: 6.5rem;"]] [[/div]] +* 页面元素 @@ @@ = [[span class="st"]]@@[[span class="st"]]@@[[/span]] [[span class="noclick"]] @@ @@ [[/span]] [[span class="specialtext"]]@@[[span class="specialtext"]]@@[[/span]][[span class="fnnum"]].[[/span]][[span class="fncon"]]是的没错我加的下划线，从[[[theme:admo|告诫]]]抄过来的。顺带一提这个更好的脚注其实从玄武岩那里就有了。[[/span]] = [[span class="bt"]]@@[[span class="bt"]]@@[[/span]] [[span class="noclick"]] @@ @@ [[/span]] [[span class="bigtext"]]@@[[span class="bigtext"]]@@[[/span]] @@ @@ [[=]] [[div class="blockquote"]] **{{@@[[div class="blockquote"]]@@}}** [[/div]] [[div class="notation"]] **{{@@[[div class="notation"]]@@}}** [[/div]] [[div class="jotting"]] **{{@@[[div class="jotting"]]@@}}** [[/div]] [[div class="modal"]] **{{@@[[div class="modal"]]@@}}** [[/div]] [[div class="smallmodal"]] **{{@@[[div class="smallmodal"]]@@}}** [[/div]] [[div class="papernote"]] **{{@@[[div class="papernote"]]@@}}** [[/div]] [[/=]] @@ @@ [[div class="floatbox"]] **{{@@[[div class="floatbox"]]@@}}** 这是浮动框（floatbox）。你可以在里面塞入任何类型的内容（除了更好的脚注之外，暂时如此）。这些内容会相对于围绕在其旁边的内容浮动在页面的一侧。 [[/div]] [[div class="floatbox right"]] **{{@@[[div class="floatbox right"]]@@}}** [[/div]] @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ [[div style="display: flex; flex-flow: row wrap; justify-content: space-between; gap: 2.5rem;"]] [[div class="document" style="padding-bottom: 23rem; flex-grow: 1;"]] **{{@@[[div class="document"]]@@}}** [[/div]] [[div class="darkdocument" style="padding-bottom: 23rem; flex-grow: 1;"]] **{{@@[[div class="darkdocument"]]@@}}** [[/div]] [[/div]] @@ @@ [[div class="raisa_memo"]] **{{@@[[div class="raisa_memo"]]@@}}** [[/div]] [[=]] [[collapsible show="+ 更多备忘" hide="- 收起"]] 与玄武岩板式同款 [[div class="classification_memo"]] **{{@@[[div class="classification_memo"]]@@}}** [[/div]] [[div class="ettra_memo"]] **{{@@[[div class="ettra_memo"]]@@}}** [[/div]] [[div class="ethics_memo"]] **{{@@[[div class="ethics_memo"]]@@}}** [[/div]] [[div class="temporal_memo"]] **{{@@[[div class="temporal_memo"]]@@}}** [[/div]] [[div class="overwatch_memo"]] **{{@@[[div class="overwatch_memo"]]@@}}** [[/div]] [[div class="miscomm_memo"]] **{{@@[[div class="miscomm_memo"]]@@}}** [[/div]] ------ 以及全新的风露旅社提示！ [[div class="winddew_memo"]] **{{@@[[div class="winddew_memo"]]@@}}** [[/div]] [[/collapsible]] [[/=]] 如果你想改标题 [[code type="css"]] :root {     --header-title: "主标题";     --header-subtitle: "副标题"; [[/code]] 如果你想改图标 [[code type="css"]] :root { --logo: url('图片url'); } [[/code]] [[include component:image-block name= https://scptestwiki.wdfiles.com/local--files/sigma%3Aspace/spacelogo.png |caption=图像。|width=270px]] 可通过Gp个连字符[[footnote]] 不是，哥们？ [[/footnote]]“- - - - -”创建如上方般的装饰性水平分割线。 标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。 @@ @@ [[collapsible show="+ 折叠 - 点我" hide="- 折叠 - 点我"]] + 1 级标题 ++ 2 级标题 +++ 3 级标题 ++++ 4 级标题 +++++ 5 级标题 ++++++ 6 级标题 [[/collapsible]] @@ @@ [[tabview]] [[tab 分页]] 此为分页（tab view）。 [[/tab]] [[tab 分页]] 我偷懒了所以只改了头尾、配色，然后又加了一张背景图。 [[/tab]] [[tab 长 Tab]] 这是一个长的 tab，它有很多文字。[[footnote]]这是一个脚注[[/footnote]] 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 [[/tab]] [[tab 更长的 Tab]] 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 这也是一个长的 tab，它有很多文字。 [[/tab]] [[tab 空 Tab]] 嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎 [[/tab]] [[/tabview]] ||~ 这是 ||~ 表格 || ||你应该老早 || 就知道怎么 || ||||做这个了吧 ||= [[div style="margin-top: 6.5rem;"]] [[/div]] +* 着色 这和玄武岩是一样的。除了多出来风露配色。 @@ @@ [[div style="display: flex; flex-flow: row wrap; gap: 2.5rem;"]] [[div class="table1"]] ||~ {{.table1}} || ||= 这里是文本 || ||= 这里是文本 || ||= 这里是文本 || [[/div]] [[div class="table2"]] ||~ {{.table2}} || ||= 这里是文本 || ||= 这里是文本 || ||= 这里是文本 || [[/div]] [[div class="table3"]] ||~ {{.table3}} || ||= 这里是文本 || ||= 这里是文本 || ||= 这里是文本 || [[/div]] [[div class="table4"]] ||~ {{.table4}} || ||= 这里是文本 || ||= 这里是文本 || ||= 这里是文本 || [[/div]] [[div class="table5"]] ||~ {{.table5}} || ||= 这里是文本 || ||= 这里是文本 || ||= 这里是文本 || [[/div]] [[div class="table6"]] ||~ {{.table6}} || ||= 这里是文本 || ||= 这里是文本 || ||= 这里是文本 || [[/div]] [[div class="tablewinddew"]] ||~ {{.tablewinddew}} || ||= 这里是文本 || ||= 这里是文本 || ||= 这里是文本 || [[/div]] [[/div]] [[=]] [[div style="font-size: 1.5em !important;"]] [[span style="font-family: var(--header-font);"]]页眉字体与用户界面字体为 **Sofia Sans** / **思源黑体**。[[/span]] 正文字体为 **Inter** / **思源黑体**。 {{等宽字体为 **JetBrains Mono** / **思源宋体**。}} [[/div]] [[/=]] [[/iftags]]