终极阅读器版式

评分: +39

终极阅读器版式是一个Sigma+版式,旨在提供更简洁的页面布局,以及适于阅读的大字号正文区域。

使用以下代码引入终极阅读器版式:

[[include :scp-wiki-cn:theme:ultimate-reader]]

终极阅读器版式自带一个"终极模式",包含折叠式版头、更宽的页面内容区域以及启用思源宋体作为正文字体,这将使得页面整体视觉效果与常见的阅读器版式相类似。你可以使用如下代码引入版式并启用"终极模式":

[[include :scp-wiki-cn:theme:ultimate-reader ultimate-mode=*]]

或者,若你只希望使用"终极模式"的一部分特性,下面这些代码可以帮助你进行调整:

只启用切换版头:

[[include :scp-wiki-cn:theme:ultimate-reader toggle-header=*]]

更多CSS变量:(以下提供的是不启用"终极模式"时的默认值)

:root{
 --header-title: "SCP基金会";
 /* 主标题 */
 --header-subtitle: "控制,收容,保护";
 /* 副标题 */
 --sp_area-max-width:45rem;
 /* 正文宽度 */
 
 --ur_title-font: "Noto Serif SC", serif;
 /* 标题字体 */
 --ur_body-font: "Noto Sans SC", sans-serif;
 /* 正文字体 */
 
 --ur_marble:#DDE;
 /* 主题颜色:大理石 */
 --ur_concrete:#FFF;
 /* 主题颜色:混凝土 */
 --ur_redstone:#F05F57;
 /* 主题颜色:红石 */
 --ur_basalt:#360940;
 /* 主题颜色:玄武岩 */
 --ur_bedrock:#222;
 /* 主题颜色:基岩 */
 --ur_stone:#333;
 /* 主题颜色:石头 */
}

示例

ARED_2_i.svg

一张图片

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

标题	标题	标题	标题	标题	标题
子内容	子内容	子内容	子内容	子内容	子内容

标签内容

Table of Contents

引用

嵌套引用

/*ULTIMATEREADERThemebyDrHormressBasedonSigma+ byEstrellaYoshteSCPLogobyWoedenaz[2023WikidotTheme]*/
 
@importurl('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;700;900');
@importurl('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900');
 
:root{
 --sp_header-title-scale:0.8;
 --sp_header-height:7rem;
 
 --sp_header-logo: url(https://sigma9.scpwikicn.com/cn/img/logo.png);
 --sp_header-logo-size:5rem;
 --sp_header-logo-adaptive-size: min(var(--sp_header-logo-size), calc(var(--sp_header-logo-size)*0.575 + 5vw));
 
 --sp_header-gradient-top-color: var(--ur_basalt);
 --sp_header-gradient-top-stop:0;
 --sp_header-gradient-bottom-color: var(--ur_bedrock);
 --sp_header-gradient-bottom-stop:1;
 
 --sp_diagonal-stripes-angle:45deg;
 --sp_diagonal-stripes-width:.22rem;
 --sp_diagonal-stripes-gap:.44rem;
 --sp_diagonal-stripes-color: var(--ur_basalt);
 
 --sp_top-bar-height:1.75rem;
 --sp_top-bar-gradient-top-color: var(--ur_stone);
 --sp_top-bar-gradient-bottom-color: var(--ur_stone);
 
 --sp_top-bar-link-color: var(--ur_concrete);
 --sp_top-bar-link-hover-color: var(--ur_redstone);
 --sp_top-bar-link-hover-background: var(--ur_basalt);
 
 --sp_dropdown-width: calc(8.25rem + 2.25vw);
 --sp_dropdown-background: var(--ur_stone);
 --sp_dropdown-link-color: var(--ur_marble);
 --sp_dropdown-link-hover-color: var(--sp_top-bar-link-hover-color);
 --sp_dropdown-link-background:transparent;
 --sp_dropdown-link-border:0.05rem solidtransparent;
 
 --sp_side-bar-width:15rem;
 
 --sp_area-max-width:45rem;
 --sp_area-min-margin:1.5rem;
 
 --sp_rate-module-text-color:inherit;
 --sp_rate-module-background: var(--ur_stone);
 --sp_rate-module-sub-color:transparent;
 
 --sp_rate-module-button-color: var(--ur_marble);
 --sp_rate-module-button-background:transparent;
 --sp_rate-module-button-hover-color: var(--ur_concrete);
 --sp_rate-module-button-hover-background:transparent;
 
 --sp_tab-text-color:inherit;
 --sp_tab-background: var(--ur_basalt);
 --sp_tab-border-color:transparent;
 --sp_tab-hover-text-color: var(--sp_tab-text-color);
 --sp_tab-hover-background: var(--ur_basalt);
 --sp_tab-hover-border-color: var(--sp_tab-border-color);
 --sp_tab-selected-text-color: var(--ur_concrete);
 --sp_tab-selected-background: var(--ur_redstone);
 --sp_tab-selected-border-color:transparent;
 
 --sp_hovertip-background: var(--ur_stone);
 --sp_hovertip-border:0.05rem solidtransparent;
 
 --title-font: var(--ur_title-font);
 --black-monochrome:255, 255, 255;
 
 --ur_title-font: "Noto Serif SC", serif;
 --ur_body-font: "Noto Sans SC", sans-serif;
 
 --ur_marble:#DDE;
 --ur_concrete:#FFF;
 --ur_redstone:#F05F57;
 --ur_basalt:#360940;
 --ur_bedrock:#222;
 --ur_stone:#333;
 
 --ur_circle-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='SCP_Logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0AviewBox='0022152080' style='enable-background:new 0022152080;' xml:space='preserve'%3E%3Cpath id='Outer_Circle' d='M2215,1351.8l-125-139.7c5-40.5,7.5-81.3,7.5-122.1c0-410-249.3-761.8-604.6-912.2L1434.5,0h-654%0Al-58.4,177.9C366.8,328.2,117.5,680,117.5,1090c0,40.8,2.5,81.6,7.5,122.1L0,1351.8l327,566.4l183.5-38.4%0Ac166,125.7,372.8,200.2,597,200.2s431-74.5,597-200.2l183.5,38.4L2215,1351.8L2215,1351.8z M1683,1794.4%0Ac-156.7,128.5-357.1,205.6-575.5,205.6c-218.4,0-418.8-77.1-575.5-205.6l-164.2,34.4l-270-467.7l112.3-125.4%0Ac-7.6-47.5-11.6-96.1-11.6-145.8c0-389,243.9-721.1,586.9-851.2L837.5,80h540l52.1,158.8c343.1,130.2,586.9,462.2,586.9,851.2%0Ac0,49.6-4,98.3-11.6,145.8l112.3,125.4l-270,467.7L1683,1794.4z'/%3E%3C/svg%3E");
 --ur_arrow-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='SCP_Logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0AviewBox='0022152080' style='enable-background:new 0022152080;' xml:space='preserve'%3E%3Cpath d='M1771.8,1427.4l-82.4-47.5c43.5-87.3,68-185.7,68-289.8c0-345.6-269.6-628.1-610-648.8V346h-80v95.2%0Ac-340.4,20.7-610,303.2-610,648.8c0,104.1,24.5,202.6,68,289.8l-82.4,47.5l40,69.3l82.4-47.6C682,1624.4,881.3,1740,1107.5,1740%0As425.5-115.6,541.9-290.9l82.4,47.6L1771.8,1427.4z M1107.5,1620c-181.8,0-342.3-91.6-437.7-231.1l206.6-119.3l42.5,73.6l154-233.3%0Al-279,16.7l42.5,73.6l-206.6,119.3c-33.5-69.5-52.2-147.4-52.2-229.7c0-279.3,216-508.1,490-528.5V800h-85l125,250l125-250h-85%0AV561.5c274,20.4,490,249.3,490,528.5c0,82.3-18.8,160.2-52.2,229.7l-206.6-119.3l42.5-73.6l-279-16.7l154,233.3l42.5-73.6%0Al206.6,119.3C1449.8,1528.4,1289.3,1620,1107.5,1620z'/%3E%3C/svg%3E");
}
 
/*MAIN*/
 
body{font-size:1rem;
 color: var(--ur_marble);
 font-family: var(--ur_body-font);
 background-color: var(--ur_bedrock);
}*{font-family:inherit;
}a,
a:visited,
a:hover,
a.newpage{color:inherit;
 text-decoration:none;
}div#main-contenta,
div#main-contenta:link,
div#main-contenta:visited,
div#main-contenta.newpage,
div#side-bara:visited,
a.btn{color:inherit;
 border:none;
 background-color:transparent;
 background-image: linear-gradient(to bottom, transparent calc(50% - 0.125rem), var(--ur_redstone) calc(50% - 0.125rem), var(--ur_redstone) 100%, transparent100%);
 background-size:100%200%;
 background-repeat:no-repeat;
 background-position:centertop;
 transition: ease 0.125s;
}div#main-contenta:hover,
div#main-contenta:focus,
a.btn:hover,
a.btn:focus{color: var(--ur_concrete);
 border:none;
 background-color:transparent;
 text-decoration:none;
 background-position:centerbottom;
}div#main-content{max-width: min(100%, var(--sp_area-max-width));
}
 
/*BUTTONLINKFIX*/
 
a.button.btn,
div.owindowa.btn,
div.optionsinput.btn,
div.optionsinput.btn.btn-default,
div.optionsinput.btn.btn-primary,
div.optionsinput.btn.btn-sm,
div.optionsinput.btn.btn-small,
div.optionsa.btn,
div.optionsa.btn.btn-default,
div.optionsa.btn.btn-primary,
div.optionsa.btn.btn-sm,
div.optionsa.btn.btn-small,
div.buttonsinput.btn,
div.buttonsinput.btn.btn-default,
div.buttonsinput.btn.btn-primary,
div.buttonsinput.btn.btn-sm,
div.buttonsinput.btn.btn-small,
div.buttonsa.btn,
div.buttonsa.btn.btn-default,
div.buttonsa.btn.btn-primary,
div.buttonsa.btn.btn-sm,
div.buttonsa.btn.btn-small,
div.button-barinput.btn,
div.button-bara.btn,
div.button-bara,
div.page-options-bottominput.btn,
div.page-options-bottoma.btn{color:inherit;
 border:none;
 background-color:transparent;
 background-image: linear-gradient(to bottom, transparent calc(50% - 0.125rem), var(--ur_redstone) calc(50% - 0.125rem), var(--ur_redstone) 100%, transparent100%);
 background-size:100%200%;
 background-repeat:no-repeat;
 background-position:centertop;
 transition: ease 0.125s;
}a.button.btn:hover,
div.owindowa.btn:hover,
div.optionsinput.btn:hover,
div.optionsa.btn:hover,
div.buttonsinput.btn:hover,
div.buttonsa.btn:hover,
div.button-barinput.btn:hover,
div.button-bara.btn:hover,
div.button-bara:hover,
div.page-options-bottominput.btn:hover,
div.page-options-bottoma.btn:hover,
a.button.btn:focus,
div.owindowa.btn:focus,
div.optionsinput.btn:focus,
div.optionsa.btn:focus,
div.buttonsinput.btn:focus,
div.buttonsa.btn:focus,
div.button-barinput.btn:focus,
div.button-bara.btn:focus,
div.button-bara:focus,
div.page-options-bottominput.btn:focus,
div.page-options-bottoma.btn:focus{color: var(--ur_concrete);
 border:none;
 background-color:transparent;
 text-decoration:none;
 background-position:centerbottom;
}
 
/*SEARCHBOXFIX*/
 
#search-top-box-input{display:none;
}div#search-top-boxinput[type="submit"],
div#search-top-boxinput[type="submit"]:hover{color: var(--ur_marble);
 border-color:transparent;
 border-radius:0;
 background-image:none;
 box-shadow:none;
 background-color: var(--ur_stone);
 transition: ease 0.125s;
}div#search-top-boxinput[type="submit"]:hover{color: var(--ur_concrete);
 background-color: var(--ur_redstone);
}
 
/*HEADERLOGO*/
 
div#header::before,
div#headerdiv#header-extra-div-1{content: "";
 display:block;
 background-image:none;
 mask: var(--ur_circle-mask) no-repeatcenter;
 mask-size: contain;
 -webkit-mask: var(--ur_circle-mask) no-repeatcenter;
 -webkit-mask-size: contain;
 grid-row:2/6;
 grid-column:2/3;
 width: var(--sp_header-logo-adaptive-size);
 background-color: var(--ur_concrete);
}div#headerdiv#header-extra-div-1{mask: var(--ur_arrow-mask) no-repeatcenter;
 -webkit-mask: var(--ur_arrow-mask) no-repeatcenter;
 background-color: var(--ur_redstone);
}
 
/*HEADER*/
 
div#headerh1a{color: var(--ur_redstone);
 font-family: var(--ur_title-font);
 font-weight:900;
 text-shadow:none;
}div#headerh2span{color: var(--ur_marble);
 font-family: var(--ur_title-font);
 text-shadow:none;
}
 
/*TOPBAR*/
 
div#top-barulliul{border:none;
 box-shadow:none;
}
 
/*SIDEBAR*/
 
div#top-bardiv.open-menua{border:solid0.05rem transparent;
 background-color: var(--ur_stone);
 border-radius:0;
 color: var(--ur_concrete);
 transition: ease 0.125s;
 opacity:0.6;
 box-shadow:none;
}div#top-bardiv.open-menua:hover{opacity:1;
 box-shadow:none;
}div#side-bar,
div#side-bar:target{border:none;
 width: var(--sp_side-bar-width);
 background: var(--ur_bedrock);
}div#side-bara{color: var(--ur_redstone);
}div#side-bardiv.side-block{border:none;
 border-radius:0;
 box-shadow:none;
 background-color: var(--ur_bedrock) !important;
}div#side-bar.side-block:not(.media) .menu-itemimg{display:none;
}div#side-bar.collapsible-block-folded{background-image:none;
}div#side-bar.collapsible-block-link{margin:0;
}div#side-bar.heading,
div#side-bar.collapsible-block-unfolded-link,
div#side-bar.collapsible-block-unfolded-link.collapsible-block-link,
div#side-bar.collapsible-block-unfolded-link.collapsible-block-link:hover{padding-left:0;
 margin-left:0;
 text-align:center;
 color: var(--ur_concrete);
 border-color: var(--ur_stone);
 border-width:0.125rem;
 font-size:1.125rem;
 font-weight:normal;
 font-family: var(--ur_title-font);
}
 
/*PAGECONTENT*/
 
div#page-title{text-align:center;
 font-family: var(--ur_title-font);
 font-size:2rem;
 font-weight:900;
 color: var(--ur_concrete);
 border-color: var(--ur_stone);
}div#page-content{font-family: var(--ur_body-font);
 font-size:1.125rem;
 font-weight:300;
 line-height:1.5;
 letter-spacing:0.15rem;
 text-align:justify;
 justify-align:both;
}h1{color: var(--ur_redstone);
}h1, h2, h3, h4, h5, h6{font-family: var(--ur_title-font);
 font-weight:700;
}strong{font-weight:700;
}div.page-rate-widget-box,
div.rate-box-with-credit-button,
div.page-rate-widget-boxspan.cancela:hover{border:none;
 border-radius:0;
}div.page-rate-widget-box,
div.rate-box-with-credit-button{box-shadow:0000.25rem var(--ur_bedrock);
}div.modalbox{background-image:none;
 background-color: var(--ur_bedrock);
 border:none;
}div.scp-image-block{background-color: var(--ur_stone);
 border:solid0.25rem var(--ur_stone);
 box-shadow:0000.25rem var(--ur_bedrock);
}div.scp-image-block.block-right{margin-right:0;
}div.scp-image-block.block-left{margin-left:0;
}div.scp-image-blockimg{width:auto !important;
}div.scp-image-blockdiv.scp-image-caption{width:auto !important;
 background-color: var(--ur_bedrock);
 border-top:solid0.25rem var(--ur_stone);
}blockquote,
div.blockquote,
#toc{background-color: var(--ur_stone);
 border:none;
 padding:0.25rem 1.325rem;
 box-shadow:0000.25rem var(--ur_bedrock);
}div.code{border-color: var(--ur_stone);
 background-color:transparent;
 box-shadow:0000.25rem var(--ur_bedrock);
}
 
/*CODEHIGHLIGHT*/
 
.hl-identifier,
.hl-code,
.hl-brackets{color: var(--ur_marble);
}.hl-var{color: var(--ur_redstone);
}.hl-special,
.hl-quotes{color: var(--ur_redstone);
}.hl-reserved{color: var(--ur_concrete);
}.hl-number,
.hl-string{color: var(--ur_redstone);
}hr{margin-left:0;
 margin-right:0;
 height:0.125rem;
 background-color: var(--ur_stone);
 box-shadow:00.125rem 0 var(--ur_bedrock);
}.anom-bar-containera{opacity:0;
}
 
/*TABLES*/
 
table.wiki-content-table{border:solid0.25rem var(--ur_stone);
 box-shadow:0000.25rem var(--ur_bedrock);
}table.wiki-content-tableth{background-color: var(--ur_stone);
 border:solid0.125rem var(--ur_stone);
}table.wiki-content-tabletd{border:solid0.125rem var(--ur_stone);
}
 
/*YUITABS*/
 
.yui-navset{border:solid0.25rem var(--ur_stone);
}.yui-navset.yui-nav{border:none;
}.yui-nav*{flex-grow:1;
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selecteda:hover,
.yui-navset.yui-nav.selecteda:focus{background-color: var(--ur_redstone) !important;
}.yui-navset.yui-content{border:none;
 background-color: var(--ur_stone);
}.yui-navset.yui-navset-top.yui-navlia{border:none;
}
 
/*OWINDOW*/
 
div.owindow{border:none;
 background-color: var(--ur_stone);
 box-shadow:none;
}div.owindowdiv.title.modal-header{background-color: var(--ur_basalt);
}
 
/*EDITOR*/
 
input#edit-page-title{max-width:100%;
 width:100%;
}input,
input#np-title,
input#ep-title,
input#edit-page-title,
input#page-tags-input,
input#upload-userfile,
input#upload-dfilename,
input#move-new-page-name,
input.text,
textarea,
textarea#np-text,
textarea#ep-text,
textarea#edit-page-textarea,
table.edit-page-bottomtabletddiv:not(.sub) textarea#edit-page-comments[name="comments"]{border:solid0.125rem var(--ur_stone);
 background-color: var(--ur_bedrock);
 color: var(--ur_marble);
}div#main-contentdiv.change-textarea-sizea.btn,
div#main-contentdiv.change-textarea-sizea.btn:hover,
div#main-contentdiv.change-textarea-sizea.btn:focus{border:none;
 background-color: var(--ur_stone);
}table.edit-page-bottomtabletddiv#lock-info{border:none;
 background-color: var(--ur_stone);
}.wd-editor-toolbar-panela{position:relative;
 display:inline-block;
 width:1.5rem !important;
 height:1.5rem !important;
 padding:0 !important;
 background-color: var(--ur_stone) !important;
}.wd-editor-toolbar-panelulul{border:none !important;
 background-color: var(--ur_bedrock);
}.wd-editor-toolbar-panela::before{content: "";
 display:block;
 position:absolute;
 left:0;
 top:0;
 width:1.5rem;
 height:1.5rem;
 text-align:center;
 line-height:1.5rem;
 white-space:nowrap;
 font-size:0.8rem;
 z-index:5;
}.wd-editor-toolbar-panela::after{content: "";
 display:block;
 position:absolute;
 right:0;
 bottom:0;
 width:1.5rem;
 height:1.5rem;
 text-align:center;
 line-height:1.5rem;
 white-space:nowrap;
 font-size:0.8rem;
}.wd-editor-toolbar-panela.weditor-codewiz::after,
.wd-editor-toolbar-panela.weditor-uriwiz::after,
.wd-editor-toolbar-panela.weditor-pagelinkwiz::after,
.wd-editor-toolbar-panela.weditor-imagewiz::after{background-image:
 repeating-linear-gradient(var(--sp_diagonal-stripes-angle),
 var(--sp_diagonal-stripes-color), var(--sp_diagonal-stripes-color) var(--sp_diagonal-stripes-width),
 transparent var(--sp_diagonal-stripes-width), transparent var(--sp_diagonal-stripes-gap));
 opacity:0.3;
}.wd-editor-toolbar-panela.weditor-h1::before,
.wd-editor-toolbar-panela.weditor-h2::before,
.wd-editor-toolbar-panela.weditor-h3::before,
.wd-editor-toolbar-panela.weditor-h4::before,
.wd-editor-toolbar-panela.weditor-h5::before,
.wd-editor-toolbar-panela.weditor-h6::before{content: "H1";
 font-size:0.65rem;
 font-family: var(--ur_title-font);
 font-weight:700;
}.wd-editor-toolbar-panela.weditor-h2::before{content: "H2";
}.wd-editor-toolbar-panela.weditor-h3::before{content: "H3";
}.wd-editor-toolbar-panela.weditor-h4::before{content: "H4";
}.wd-editor-toolbar-panela.weditor-h5::before{content: "H5";
}.wd-editor-toolbar-panela.weditor-h6::before{content: "H6";
}.wd-editor-toolbar-panela.weditor-bold::before{content: "B";
 font-weight:900;
}.wd-editor-toolbar-panela.weditor-italic::before{content: "i";
 font-style:italic;
}.wd-editor-toolbar-panela.weditor-underline::before{content: "U";
 text-decoration:underline;
}.wd-editor-toolbar-panela.weditor-strikethrough::before{content: "S";
 text-decoration:line-through;
}.wd-editor-toolbar-panela.weditor-teletype::before{content: "tt";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-quote::before{content: "\f10e";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-superscript::before{content: "\f12b";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-subscript::before{content: "\f12c";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-raw::before{content: "R";
}.wd-editor-toolbar-panela.weditor-hr::before{content: "—";
}.wd-editor-toolbar-panela.weditor-div::before{content: "div";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-clearfloat::before{content: "\f0ec";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-clearfloatleft::before{content: "\f177";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-clearfloatright::before{content: "\f178";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-table::before{content: "\f0ce";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-toc::before{content: "toc";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-code::before,
.wd-editor-toolbar-panela.weditor-codewiz::before{content: "\003c\002f\003e";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-uri::before,
.wd-editor-toolbar-panela.weditor-uriwiz::before{content: "\f0c6";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-pagelink::before,
.wd-editor-toolbar-panela.weditor-pagelinkwiz::before{content: "\f0c1";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-image::before,
.wd-editor-toolbar-panela.weditor-imagewiz::before{content: "\f03e";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-html::before{content: "\f1c9";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-numlist::before{content: "\f0cb";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-bullist::before{content: "\f0ca";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-incindent::before{content: "\f03c";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-decindent::before{content: "\f03b";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-deflist::before{content: "\f03a";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-footnote::before{content: "\f1ea";
 font-family: "FontAwesome";
}.wd-editor-toolbar-panela.weditor-math::before{content: "√x";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-mathinline::before{content: "x/2";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-eqref::before{content: "Eq";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-bib::before{content: "Bib";
 font-size:0.7rem;
 font-family:monospace;
}.wd-editor-toolbar-panela.weditor-bibcite::before{content: "[n]";
 font-size:0.7rem;
 font-family:monospace;
}
 
/*{$ultimate-mode}/
 
:root{
 --sp_area-max-width:60rem;
 --ur_body-font: var(--ur_title-font);
}div#header{z-index:5;
 position:relative;
 top: calc(var(--sp_final-header-height) * -1);
 margin-bottom: calc(var(--sp_final-header-height) * -1);
 transition: ease 0.5s;
}div#header:hover{top:0;
}div#header::after{content: "顶部导航";
 display:block;
 width:6rem;
 text-align:center;
 background-color: var(--ur_stone);
 position:absolute;
 top: var(--sp_final-header-height);
 left: calc(50% - 3rem);
}
 
/{$ultimate-mode}*/
 
/*{$toggle-header}/
 
div#header{z-index:5;
 position:relative;
 top: calc(var(--sp_final-header-height) * -1);
 margin-bottom: calc(var(--sp_final-header-height) * -1);
 transition: ease 0.5s;
}div#header:hover{top:0;
}div#header::after{content: "顶部导航";
 display:block;
 width:6rem;
 text-align:center;
 background-color: var(--ur_stone);
 position:absolute;
 top: var(--sp_final-header-height);
 left: calc(50% - 3rem);
}
 
/{$toggle-header}*/

原创版式

页面版本: 8, 最后编辑于: 20 May 2023 08:10

讨论 (10)