SkipOS 版式
2022年11月26日
修订 4
核心指标
评分
53
↑ 53
↓ 0
支持率
100%
总票数 53
Wilson 95% 下界
93.2%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
加载图表中...
最近修订
1 / 2
最近投票
1 / 6
2025-06-30
2025-06-19
2025-05-30
2025-05-17
2025-03-26
2025-03-21
2024-11-23
2024-11-10
2024-11-04
2024-10-18
页面源码
源码字符数 24395文字字数 5586
[[iftags +版式]]
[[module css]]
@import url('https://basalt-team.github.io/Basalt/normalize-min.css');
@import url('https://basalt-team.github.io/Basalt/basalt-bedrock-min.css');
/* 临时引入字体，等待修复 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;700;900&display=swap');
:root:lang(cn) {
--UI-font-fallback: "Noto Sans SC", "方体", "PingFang SC", "黑体", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
}
/* 临时修复评分模块 */
div.page-rate-widget-box .rate-points {
background-color: transparent !important;
}
[[/module]]
[[include :scp-wiki-cn:component:interwiki-style
| type=sidebar
| priority=1
| theme=https://basalt-team.github.io/Basalt/normalize-min.css
]]
[[include :scp-wiki-cn:component:interwiki-style
| type=sidebar
| priority=2
| theme=https://basalt-team.github.io/Basalt/basalt-bedrock-min.css
]]
[[>]]
[[module Rate]]
[[/>]]
SkipOS 是由 [[*user EstrellaYoshte]] 制作的一款新型操作系统，以在由信息科技部门领导的泛基金会过渡阶段中取代过时的 Dot 系统。
若需将其安装至您现有的基金会发行设备中，请在终端中键入以下命令：
[[div class="skip_box terminal"]]
@@[[include :scp-wiki-cn:theme:bedrock]]@@
@@[[include :scp-wiki-cn:theme:skipos]]@@
[[/div]]
若需修改本地时间或壁纸，请键入以下命令：
[[div class="skip_box terminal"]]
@@[[module CSS]]@@
:root {
@@ --desktop-time: '12:30';@@
@@ --desktop-wallpaper: url("https://scp-wiki.wdfiles.com/local--files/theme%3Askipos/skip-default.jpg");@@
}
@@[[/module]]@@
[[/div]]
+ 示例
[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/theme%3Askipos/skipos.png|caption=图片。|width=300px]]
标题可通过在一行字起始处输入 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 二代终极版：大清算]]
你好 2
[[/tab]]
[[/tabview]]
> 这是一个引用块，在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块
||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||
|| 如果你没有 || 看过这指导 ||
[[footnoteblock]]
[[div class="skip_window" data-title="Bepis.txt"]]
{{@@[[div class="skip_window" data-title="Bepis.txt"]]@@}}
情通治主界图民们，容身较打术者技，率布命贡根。资导严当还节复，严民地。民世组北约易只格认，管口车按角所带需，算说京鹰坊杰两。现目素之阶边引斯得，到文金能石机到，机却条今西。毛意术果量采常根院型六点世于干支。
[[/div]]
[[div class="anchor"]]
[[div class="skip_side"]]
{{@@[[div class="anchor"]]@@}}
{{@@[[div class="skip_side"]]@@}}
造料候式消子如日把算，因质己许量圆成原，者易雪劳难活厕。或清好红使次具素位色际，美快装性并持方两转使，意太该年书满镰李吵。以带置期节张常权放其感况是参争，性治构须七第质届两因件杜本。头非从织回会及标来东。
{{@@[[/div]]@@}}
{{@@[[/div]]@@}}
[[/div]]
[[/div]]
[[div class="skip_box"]]
{{@@[[div class="skip_box"]]@@}}
引资工性它这队验例回因，报教市听毛委深确完现，计题陕真坝使度了快。带关则十火反一按火少，又着候把候华算大，物级农或别足。县究文设断何达称，目日年经七会他，提扯等时。为张如解可决明就通，组清放参有需并指，条名束劳度声业。
[[/div]]
[[div class="skip_box terminal"]]
{{@@[[div class="skip_box terminal"]]@@}}
般做做却接火量厂，感从花它面布想，专孤至果吼道。里示认些自织速，去算切村酸。反话路近圆思效声感，走么示调处变满，织或记构马品。确张族局电只特，压备列和青细本，几选情。争准我派运文置此想，各打样者料或度，特采厕奇象杰。
[[/div]]
到十形分给整断近结己着，关此斯他号声以内计，土东细来委将器。将率制数类识就快又面，例志传那刷励水派。非意程明复后命质被出，际属该土劳周速间利置，外名小常识子县。展成立四验转本增，全标分住历认内，文建都枕场总。集展石业张低维，报写团育明打，再该扭杨。百备期学价展结，院相原型科置眼，论更运秀枝。手团省出场器观，究类当少装行路，设否更感。百拉过代设质是千，电院太军养济，我理秩常串。引资工性它这队验例回因，报教市听毛委深确完现，计题陕真坝使度了快。带关则十火反一按火少，又着候把候华算大，物级农或别足。
[[div class="skip_float"]]
{{@@[[div class="skip_float"]]@@}}
义要边进去非如形北列铁，力看复斯去及这。程人周海群层须价老，是改观观系对那出应，最孤史流第车确。应好个照具社深花问，何派支器回又单，七们村非块写吴。增图子从观反老口段始思，人之大究内族自真据，海设霸色雨真月详六。响完存说关个想历手，第越所华共斗但制目，算询收号村列僚。细白素小采置形商实做，热受原验利上管飞到期，法连陕本员九经住。到却报增于学标应系候，酸大音内节实来类起见，可住如杆却我低。他称格展何放支就保路利回增办，最已此心月形刷置呀根或。元两资京关指作真，合称有使美从，世品孤已代元。着积起学什属求容县以。
[[/div]]
和色府统运极权，效力象心路备，口材完去市。证种众现力学地，称中区管酸，界断江。能做从口也选，道格再连北新去，直更广完切。存强中些公厂料报上员，存清量门身光千，将角出呈边位还。始矿造局关当平复叫，有大用家千素铁当，代军住无位利。华算江料难水复火，理运义二却程电，南府名高为。情情间领于度阶织话基律，除北科织许都眼而风南，切社当听等己派。就太带导极近规等无个长期一北，角起反精需设级枝弦门私。得使备飞较进么九已但，适水战属当最二能南，化改霸清律壳辰县。调记写置再矿精标风近压，改式解就元后整交好文，想民孝权报明详呆。该角先步确各情向己调，见南统领复任取六，说器李积坚你束邮。可想社划广一亲回则度，地制文果这义满加，级很建部李华条建。
[[div class="skip_float right"]]
{{@@[[div class="skip_float right"]]@@}}
重小算业力数划立速，便感的步六间育，感从八报率例。由许联广说件想器才，增进调书于心种维，水争丽过好样身。斯区克料力县了，斯口术取际料结，人该着问求。究七音区体选元回，得命而号以率，周走否屈大正。在为当织军志革，知住半不厂家，建励快大青。保则代切说济类见子，片带车济土平只集则带，上至都对家万列象。院到声选究光调保十，验体六完过做分，做算蠢准面苍。交情切度型向关接，至生况听况见，转共隶话坝花。 十片造接器每说电，厂制质再称队且直，北枝面呀面。有原半以条品立存且心，便说见准除拉斯县拉，毛确义美式乱做。酸或长着前每民油务行。
[[/div]]
且作品入究家对分得热重，人回要整转蠢去求两。作平民品约节员几行者，取专入划改眼光，面两届工标己听严。派发由信业养电天制，都说政来象太今，且器弦的杆励步。只识持表教物该接非没向量，口和头集则别使方样农争，边近建葬花写九豆针。着事级然必按家志参分，二气者并交飞会精热，率许询我直即期柜。我儿心们照何级多飞号类干华斯以四，住矿交们全着坊中叫七月。组却农图热经制的效求，九单却火样都识采品，土团医类压火律。
社信先使强府江群毛，内中场群每西带明区，流高构记住步。金度领与所事支下，斗化厂构当影油难，论李该针边专。 群式情信实张法效华严都，电十价当话七光此划，从它联呜秃金否走。样现流构方观想民离前，第厂立利因展型且易，北五肃岗屈些建区。与程参由区七铁始它，实组太按备来响海，例民孟种利持影。天近道观改该响利儿，中历广张去边表装眼，加族实全影。管例是维王每三民类，太者土干技立维积存响，率效陕兵凝满毛辆。
~~~~
-----
[[=]]
+++* 标题字体为 Red Hat Display / 思源黑体简中。
正文字体为 Inter / 思源黑体简中。
[[span style="font-family: var(--UI-font)"]]用户界面字体为 Fira Code / 思源黑体简中。[[/span]]
{{等宽字体为 Fira Code / 思源宋体简中。}}
[[/=]]
-----
++ 源代码
[[collapsible show="显示" hide="折叠"]]
[[code type="css"]]
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
:root {
--basalt-primary-color: 36,35,50;
--basalt-secondary-color: 25,25,39;
--basalt-tertiary-color: 50,52,72;
--basalt-main-text-color: 218,218,232;
--basalt-light-text-color: var(--basalt-main-text-color);
--basalt-sub-text-color: 137,185,210;
--basalt-overtone: 10,14,19;
--basalt-undertone: 4,225,195;
--basalt-bright-element-color: var(--basalt-undertone);
--basalt-dark-element-color: 0,147,151;
--basalt-UI-blur: 0.425rem;
--basalt-UI-opacity: 0.6875;
--selection-text-color: var(--basalt-overtone);
--header-font-primary: "Red Hat Display", "Noto Sans SC";
--UI-font-primary: "Fira Code", "Noto Sans SC";
--mono-font-primary: "Fira Code", "Noto Serif SC";
--header-border-width: 0rem;
--header-title: 'SkipOS';
--title-size: 1.25rem;
--subtitle-size: 0rem;
--side-bar-button-height: 50vh;
--user-button-width: 2rem;
--header-UI-dropdown-font-size: calc(var(--header-UI-font-size) * 1.125);
--top-bar-dropdown-link-color-hover: var(--basalt-overtone);
--search-icon-color-hover: var(--top-bar-dropdown-link-color-hover);
--login-status-text-color-hover: var(--top-bar-dropdown-link-color-hover);
--side-bar-link-color-hover: var(--basalt-overtone);
--header-logo-size: 67.5%;
--header-logo: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1415.1' height='1412.9'%3E%3Cpath d='m661 1412-40-4a707 707 0 0 1-497-302c0-1 267-155 268-154l29 49 28 49 6-9a13879 13879 0 0 0 143-221l49-75 5-8h-11a1845 1845 0 0 0-94 5 5283 5283 0 0 1-154 8 29826 29826 0 0 1-113 7 2095 2095 0 0 0 56 98L69 1009a716 716 0 0 1-19-566A708 708 0 0 1 649 0h3v309H538l84 166 85 166 85-166 85-166H762V0l8 1 28 3a707 707 0 0 1 547 1006l-267-155a2647 2647 0 0 1 56-98l-28-2a2910 2910 0 0 1-131-7 1125 1125 0 0 0-62-3 11934 11934 0 0 0-140-8h-11l6 8a24452 24452 0 0 0 192 296l5 9 29-49 28-49c1-1 266 152 269 154a709 709 0 0 1-629 306z' style='fill:%23fff;stroke-width:.80000001'/%3E%3C/svg%3E");
--main-content-width: 49.5rem;
--main-content-top-margin: 1.25rem;
--main-content-side-margin: 0.875rem;
--side-bar-width: 16.5rem;
--bottom-area-background-color: var(--basalt-secondary-color), var(--basalt-UI-opacity);
--license-area-logo-size: 1.75rem;
--bottom-area-padding: calc(var(--true-font-size)*1.5);
--rate-module-cancel-color: var(--basalt-undertone);
--hr-color: var(--general-border-color);
--tab-background-color: var(--basalt-background-color);
--tab-selected-background-color: var(--tab-hover-background-color);
--tab-focus-text-color: var(--basalt-overtone);
/*----SkipOS-specific variables----*/
--desktop-time: '12:30';
--desktop-wallpaper: url("https://scp-wiki.wdfiles.com/local--files/theme%3Askipos/skip-default.jpg");
--window-radius: 0.875rem;
--window-shadow: 0 0 0.625rem rgb(var(--basalt-UI-dark-palette),0.5);
--window-border-width: 0.125rem;
--window-buttons: radial-gradient(circle at 1rem 50%, rgb(var(--basalt-cancel-color)) 0.35rem, rgb(0,0,0,0) 0.375rem), radial-gradient(circle at 2.125rem 50%, rgb(var(--basalt-alternate-color)) 0.35rem, rgb(0,0,0,0) 0.375rem), radial-gradient(circle at 3.25rem 50%, rgb(var(--basalt-positive-color)) 0.35rem, rgb(0,0,0,0) 0.375rem);
}
/*----------------*/
/*----LAYOUT----*/
/*----------------*/
/* Workaround for iOS broken fixed background-attachment */
body:not(#interwiki body)::before {
content: "";
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: var(--desktop-wallpaper);
background-size: cover;
background-position: center;
z-index: -1;
}
/* Offloading backdrop filter here to allow nested blur */
#header { background: transparent; }
#header-extra-div-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(var(--header-background-color), var(--basalt-UI-opacity));
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
z-index: -1;
}
#header-extra-div-2 {
grid-area: search;
position: relative;
pointer-events: none;
}
#header-extra-div-2 span {
content: var(--desktop-time);
position: absolute;
font-size: calc(var(--header-UI-font-size)*1.125);
right: calc(var(--search-button-width) + 1ex);
display: flex;
height: 100%; width: max-content;
align-items: center;
}
#header-extra-div-2 span::before { content: var(--desktop-time); }
#header#header h1 a::before {
transition: none;
transform: none;
}
#top-bar div[class*="top-bar"] > ul > li {
flex-basis: calc(var(--header-UI-font-size)*2.25);
}
#top-bar div[class*="top-bar"] > ul > li > a {
font-weight: normal;
text-transform: capitalize;
}
#top-bar div[class*=top-bar] ul li ul li a {
padding: calc(var(--header-UI-dropdown-font-size) * 0.575) calc(var(--header-UI-dropdown-font-size) * 1.05);
}
/*-----------------*/
/*----SIDEBAR----*/
/*-----------------*/
#side-bar, #interwiki { --true-font-size: 0.825rem; }
@media only screen and (min-width: 1025px) {
:root { --side-bar-button-width: 0rem; }
#side-bar::before, #side-bar::after {
width: 2rem;
top: calc((100vh - var(--side-bar-button-height))/2 + var(--header-final-height)/2);
height: var(--side-bar-button-height);
transition: opacity 0.175s linear 0.125s, width 0.125s linear 0.3s;
}
#side-bar#side-bar::before {
background-color: rgb(var(--side-bar-background-color), var(--basalt-UI-opacity));
height: var(--side-bar-button-height);
border-radius: 0 var(--window-radius) var(--window-radius) 0;
}
#side-bar:is(:hover, focus-within)::before,
#side-bar:is(:hover, focus-within)::after {
opacity: 0;
width: 0rem;
}
}
:is(#side-bar, #interwiki) .heading { text-transform: capitalize; }
/*--------------*/
/*----MAIN----*/
/*--------------*/
#page-title {
position: relative;
background-color: rgb(var(--basalt-UI-dark-palette));
font-size: 1.25em;
text-align: center;
padding: 0.25rem 0.45rem;
border: none;
border-radius: var(--window-radius) var(--window-radius) 0 0;
}
#page-title::after { content: ".ftml"; margin-inline-start: -0.425ex; }
#page-title::before {
content: "";
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
width: 4.5rem;
height: 100%;
background: var(--window-buttons);
}
#breadcrumbs {
background: rgb(var(--basalt-secondary-color));
padding: 0.25rem 0.625rem;
}
#breadcrumbs, .pseudocrumbs { font-family: var(--UI-font); }
:is(#breadcrumbs, .pseudocrumbs) a {
display: inline-block;
color: rgb(var(--basalt-main-text-color));
background-color: rgb(var(--basalt-background-color));
text-decoration: none;
padding: 0.175em 0.625em;
margin: 0.125rem 0;
border-radius: var(--window-radius);
transition: background-color 0.125s ease-out;
}
:is(#breadcrumbs, .pseudocrumbs) a:is(:hover, :focus) {
color: rgb(var(--basalt-overtone));
background-color: rgb(var(--link-color));
}
#page-content {
position: relative;
padding: 0.75rem 1.25rem;
background-color: rgb(var(--basalt-background-color),var(--basalt-UI-opacity));
border-radius: 0 0 var(--window-radius) var(--window-radius);
}
/*-----------------------------------------*/
#main-content > .page-tags > span a,
#more-options-button:is(:hover,:focus),
#delete-button:is(:hover,:focus),
input[type="checkbox"], [type="radio"],
#edit-page-form .wd-editor-toolbar-panel a,
#revision-list .page-history tr[id*="revision-row"] td:nth-child(3) > span {
--basalt-light-text-color: var(--basalt-overtone);
}
#main-content > .page-tags > span a {
border-radius: var(--window-radius);
padding: 0.25em 0.75em;
}
div[id*="page-options-bottom"] {
--po-padding: 0.875rem;
border-radius: var(--window-radius);
box-shadow: var(--window-shadow);
}
#page-options-bottom-2 {
padding-top: var(--po-padding);
margin-block-start: 0.875rem;
}
#more-options-button, #delete-button {
border-radius: calc(var(--window-radius)*0.375);
}
#delete-button {
inset-block-start: var(--po-padding);
height: calc(100% - var(--po-padding)*2);
}
#action-area a.action-area-close { border-radius: calc(var(--window-radius)*0.5); }
#revision-list, #main-content .page-source {
background-color: rgb(var(--header-background-color), var(--basalt-UI-opacity));
border-radius: var(--window-radius);
padding: 1rem 1.25rem;
}
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*-----------------------*/
/*----IMAGE BLOCK----*/
/*-----------------------*/
#content-wrap {
counter-reset: image-count;
}
.image-block, .scp-image-block {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
row-gap: 0.375rem;
align-items: center;
border-bottom: none;
padding: 0.375rem 0 0.25rem;
background-color: rgb(var(--basalt-UI-dark-palette));
border-radius: calc(var(--window-radius)*0.75);
box-shadow: var(--window-shadow);
}
:is(.image-block, .scp-image-block) :is(.image-caption, .scp-image-caption) { background: transparent; }
:is(.image-block, .scp-image-block)::before {
content: counter(image-count, decimal-leading-zero) ".mci";
display: block;
width: max-content;
font-size: 0.75em;
padding: 0.325em 0.625em;
counter-increment: image-count;
font-family: var(--UI-font);
background: rgb(var(--image-caption-background-color));
border-radius: calc(var(--window-radius)*0.5);
}
:is(.image-block, .scp-image-block)::after {
content: "";
inset-block-start: 0;
inset-inline-start: 0;
height: 0.75rem;
width: 0.75rem;
margin: 0 0.75rem;
background: rgb(var(--basalt-alternate-color));
border-radius: 2rem;
order: -1;
}
/*-----------------------*/
/*----RATE MODULE----*/
/*-----------------------*/
div.page-rate-widget-box, div.rate-box-with-credit-button {
border-radius: calc(var(--window-radius)*0.425);
box-shadow: var(--window-shadow);
}
/*-----------------------*/
/*----BLOCKQUOTE----*/
/*-----------------------*/
blockquote, div.blockquote {
background-color: rgb(var(--blockquote-background-color),var(--basalt-UI-opacity));
border-radius: var(--window-radius);
box-shadow: var(--window-shadow);
}
/*--------------*/
/*----TABLE----*/
/*--------------*/
#page-content table:not(.form), table.wiki-content-table {
border-collapse: separate;
box-shadow: var(--window-shadow);
border-radius: var(--window-radius);
}
#page-content table:not(.form) tbody,
table.wiki-content-table tbody { border-radius: inherit; }
:is(#page-content table:not(.form), table.wiki-content-table) tr:first-child {
border-start-start-radius: inherit;
border-start-end-radius: inherit;
}
:is(#page-content table:not(.form), table.wiki-content-table) tr:last-child {
border-end-start-radius: inherit;
border-end-end-radius: inherit;
}
:is(#page-content table:not(.form), table.wiki-content-table) tr:first-child > *:first-child {
border-start-start-radius: inherit;
}
:is(#page-content table:not(.form), table.wiki-content-table) tr:first-child > *:last-child {
border-start-end-radius: inherit;
}
:is(#page-content table:not(.form), table.wiki-content-table) tr:last-child > *:first-child {
border-end-start-radius: inherit;
}
:is(#page-content table:not(.form), table.wiki-content-table) tr:last-child > *:last-child {
border-end-end-radius: inherit;
}
:is(#page-content table:not(.form), table.wiki-content-table) :is(th, td) {
border: none;
padding: 0.675em 1.25em;
}
:is(#page-content table:not(.form), table.wiki-content-table) tr {
background: rgb(var(--basalt-background-color),var(--basalt-UI-opacity));
}
:is(#page-content table:not(.form), table.wiki-content-table) tr:nth-of-type(2n) {
background: rgb(var(--basalt-secondary-color),var(--basalt-UI-opacity));
}
/*-------------*/
/*----TABS----*/
/*-------------*/
div.yui-navset {
box-shadow: var(--window-shadow);
border-radius: var(--window-radius);
}
.yui-navset.yui-navset-top > ul.yui-nav {
--general-border-color: var(--basalt-UI-dark-palette);
grid-gap: 0.375rem;
padding: 0.375rem;
border-radius: var(--window-radius) var(--window-radius) 0 0;
}
.yui-navset.yui-navset-top > ul.yui-nav > li {
border-radius: calc(var(--window-radius) - 0.375rem);
overflow: hidden;
}
.yui-navset.yui-navset-top > ul.yui-nav > li.selected::after { content: unset; }
.yui-navset.yui-navset-top .yui-content { position: relative; border: none; }
div.yui-content::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border-radius: 0 0 var(--window-radius) var(--window-radius);
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
z-index: -1;
}
/*---------------------*/
/*----FOOTNOTES----*/
/*---------------------*/
.bibitems, .footnotes-footer {
border-radius: var(--window-radius);
box-shadow: var(--window-shadow);
}
.bibitems::before, .footnotes-footer::before {
content: unset;
}
.bibitems .title, .footnotes-footer .title {
text-transform: initial;
display: inline-flex;
align-items: center;
border-radius: calc(var(--window-radius)*0.5);
padding-inline-end: 1em;
margin-inline-start: calc(var(--window-radius) + 0.125em);
}
.bibitems .title::before,
.footnotes-footer .title::before {
content: "";
display: inline-block;
height: 0.75rem;
width: 0.75rem;
margin: 0 0.325rem;
background: rgb(var(--basalt-alternate-color));
border-radius: 2rem;
}
.hovertip {
border-radius: calc(var(--window-radius)*0.675);
--general-border-color: none;
}
.hovertip .content {
padding: 0.5em 0.675em;
}
.hovertip .content .footnote::before, .hovertip .content .reference::before { content: unset; }
.hovertip .content .footnote .f-heading, .hovertip .content .reference .r-heading {
border-radius: calc(var(--window-radius)*0.375);
inset-block-start: -0.875em;
inset-inline-start: -0.375rem;
}
/*--------------------------*/
/*----CUSTOM SYNTAX----*/
/*--------------------------*/
[class^="skip_"] {
box-shadow: var(--window-shadow);
border-radius: var(--window-radius);
background-color: rgb(var(--basalt-background-color));
padding: 0.5rem 1.5rem;
margin: 1.5rem 0;
}
.skip_box, .skip_side {
position: relative;
}
.skip_box::before,
.skip_side::before {
content: "";
display: block;
width: 4rem;
height: 2rem;
position: relative;
margin-inline-start: -0.5rem;
margin-block-end: -0.75rem;
background: var(--window-buttons);
}
.skip_box.terminal {
position: relative;
font-family: var(--mono-font);
background-color: rgb(var(--basalt-UI-dark-palette));
}
.skip_box.terminal::after {
content: "终端";
font-weight: bold;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 0.875rem 5.125rem 0;
}
div.skip_window {
position: relative;
padding-top: 0;
}
.skip_window::before {
content: attr(data-title);
font-family: var(--header-font);
font-weight: bold;
display: grid;
align-items: center;
background-color: rgb(var(--basalt-UI-dark-palette));
text-align: center;
min-height: var(--window-radius);
padding: 0.625em 4rem;
margin: 0 -1.5rem;
border-radius: var(--window-radius) var(--window-radius) 0 0;
}
.skip_window::after {
content: "";
position: absolute;
inset-inline-start: 0.5rem;
inset-block-start: 0;
width: 4rem;
height: 2.5rem;
background: var(--window-buttons);
}
div.skip_float {
font-size: 0.9125em;
background-color: rgb(var(--blockquote-background-color),var(--basalt-UI-opacity));
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
float: left;
width: calc(var(--main-content-width)/2.25);
box-sizing: border-box;
margin: 0.25rem 1.25rem;
margin-left: clamp(calc(var(--main-content-width)/-4.5),calc((87.5vw - 95%)/-2), 0rem);
}
div.skip_float.right {
float: right;
margin-left: 1.25rem;
margin-right: clamp(calc(var(--main-content-width)/-4.5),calc((87.5vw - 95%)/-2), 0rem);
}
@media only screen and (max-width: 640px) {
#page-content div.skip_float {
float: none;
margin: 0.5rem auto;
width: 100%;
}
}
/*------------------------------------*/
.anchor {
position: relative;
height: 0;
z-index: 5;
}
div.skip_side {
font-size: 0.875em;
position: absolute;
top: 0;
left: calc(100% + var(--main-content-side-margin) + 0.75rem);
width: min(calc((100vw - var(--main-content-width))/2 - 1rem), 75%);
padding: 0.325rem 0.875rem;
margin: 0;
overflow-y: auto;
box-sizing: border-box;
scrollbar-width: none;
}
div.skip_side::-webkit-scrollbar { width: 0rem; }
@media (max-width: 1280px) {
.anchor { pointer-events: none; filter: drop-shadow(var(--window-shadow)); }
div.skip_side {
pointer-events: auto;
width: min(calc(var(--main-content-width)/2), 72.5%);
left: initial;
box-shadow: none;
right: calc((100vw - 100%)/-2 + var(--main-content-side-margin)/1.5);
clip-path: inset(0 0 0 calc(100% - var(--window-radius)*2) round var(--window-radius));
border-top-width: 0;
transition: clip-path 0.25s ease-out;
}
div.skip_side::before {
opacity: 0;
}
div.skip_side::after {
content: "";
position: absolute;
top: calc(var(--window-radius)/1.675);
right: calc(var(--window-radius)/1.675);
height: 0.75rem; width: 0.75rem;
border-radius: 1rem;
background-color: rgb(var(--basalt-positive-color));
opacity: 1;
transition: opacity 0.1s ease-out;
}
div.skip_side > * {
opacity: 0;
transition: opacity 0.125s ease-out;
}
div.skip_side:is(:hover, :focus-within) {
border-top-width: 0.25rem;
clip-path: inset(0);
}
div.skip_side:is(:hover, :focus-within)::after {
opacity: 0;
}
div.skip_side:is(:hover,:focus-within) > *,
div.skip_side:is(:hover,:focus-within)::before { opacity: 1; }
}
[[/code]]
[[/collapsible]]
[[/iftags]]
[[module css]]
@import url('https://scp-wiki-cn.wdfiles.com/local--code/theme%3Askipos/1');
[[/module]]
[[div_]]
[[include :scp-wiki-cn:component:interwiki-style
| priority=3
| type=sidebar
| theme=https://scp-wiki-cn.wdfiles.com/local--code/theme%3Askipos/1
]]
[[/div]]