SkipOS 版式

SkipOS 是由 EstrellaYoshte 制作的一款新型操作系统，以在由信息科技部门领导的泛基金会过渡阶段中取代过时的 Dot 系统。

若需将其安装至您现有的基金会发行设备中，请在终端中键入以下命令：

[[include :scp-wiki-cn:theme:bedrock]]
[[include :scp-wiki-cn:theme:skipos]]

若需修改本地时间或壁纸，请键入以下命令：

[[module CSS]]
:root {
--desktop-time: '12:30';
--desktop-wallpaper: url("https://scp-wiki.wdfiles.com/local--files/theme%3Askipos/skip-default.jpg");
}
[[/module]]

示例

图片。

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

这是一个长的 tab，它有很多文字。¹

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

空 Tab

空 Tab

超级巨大 Tab

你好

超级无敌极品超长巨大 Tab 二代终极版：大清算

你好 2

这是一个引用块，在一行字的起始处加上“> ”来创建。

更多文字

---

一条分割线

嵌套引用块

这是	表格
你应该老早	就知道怎么
做这个了吧
如果你没有	看过这指导

Footnotes

1. 这是一个脚注。

[[div class="skip_window" data-title="Bepis.txt"]]

情通治主界图民们，容身较打术者技，率布命贡根。资导严当还节复，严民地。民世组北约易只格认，管口车按角所带需，算说京鹰坊杰两。现目素之阶边引斯得，到文金能石机到，机却条今西。毛意术果量采常根院型六点世于干支。

[[div class="anchor"]]
[[div class="skip_side"]]
造料候式消子如日把算，因质己许量圆成原，者易雪劳难活厕。或清好红使次具素位色际，美快装性并持方两转使，意太该年书满镰李吵。以带置期节张常权放其感况是参争，性治构须七第质届两因件杜本。头非从织回会及标来东。
[[/div]]
[[/div]]

[[div class="skip_box"]]
引资工性它这队验例回因，报教市听毛委深确完现，计题陕真坝使度了快。带关则十火反一按火少，又着候把候华算大，物级农或别足。县究文设断何达称，目日年经七会他，提扯等时。为张如解可决明就通，组清放参有需并指，条名束劳度声业。

[[div class="skip_box terminal"]]
般做做却接火量厂，感从花它面布想，专孤至果吼道。里示认些自织速，去算切村酸。反话路近圆思效声感，走么示调处变满，织或记构马品。确张族局电只特，压备列和青细本，几选情。争准我派运文置此想，各打样者料或度，特采厕奇象杰。

到十形分给整断近结己着，关此斯他号声以内计，土东细来委将器。将率制数类识就快又面，例志传那刷励水派。非意程明复后命质被出，际属该土劳周速间利置，外名小常识子县。展成立四验转本增，全标分住历认内，文建都枕场总。集展石业张低维，报写团育明打，再该扭杨。百备期学价展结，院相原型科置眼，论更运秀枝。手团省出场器观，究类当少装行路，设否更感。百拉过代设质是千，电院太军养济，我理秩常串。引资工性它这队验例回因，报教市听毛委深确完现，计题陕真坝使度了快。带关则十火反一按火少，又着候把候华算大，物级农或别足。

[[div class="skip_float"]]
义要边进去非如形北列铁，力看复斯去及这。程人周海群层须价老，是改观观系对那出应，最孤史流第车确。应好个照具社深花问，何派支器回又单，七们村非块写吴。增图子从观反老口段始思，人之大究内族自真据，海设霸色雨真月详六。响完存说关个想历手，第越所华共斗但制目，算询收号村列僚。细白素小采置形商实做，热受原验利上管飞到期，法连陕本员九经住。到却报增于学标应系候，酸大音内节实来类起见，可住如杆却我低。他称格展何放支就保路利回增办，最已此心月形刷置呀根或。元两资京关指作真，合称有使美从，世品孤已代元。着积起学什属求容县以。

和色府统运极权，效力象心路备，口材完去市。证种众现力学地，称中区管酸，界断江。能做从口也选，道格再连北新去，直更广完切。存强中些公厂料报上员，存清量门身光千，将角出呈边位还。始矿造局关当平复叫，有大用家千素铁当，代军住无位利。华算江料难水复火，理运义二却程电，南府名高为。情情间领于度阶织话基律，除北科织许都眼而风南，切社当听等己派。就太带导极近规等无个长期一北，角起反精需设级枝弦门私。得使备飞较进么九已但，适水战属当最二能南，化改霸清律壳辰县。调记写置再矿精标风近压，改式解就元后整交好文，想民孝权报明详呆。该角先步确各情向己调，见南统领复任取六，说器李积坚你束邮。可想社划广一亲回则度，地制文果这义满加，级很建部李华条建。

[[div class="skip_float right"]]

重小算业力数划立速，便感的步六间育，感从八报率例。由许联广说件想器才，增进调书于心种维，水争丽过好样身。斯区克料力县了，斯口术取际料结，人该着问求。究七音区体选元回，得命而号以率，周走否屈大正。在为当织军志革，知住半不厂家，建励快大青。保则代切说济类见子，片带车济土平只集则带，上至都对家万列象。院到声选究光调保十，验体六完过做分，做算蠢准面苍。交情切度型向关接，至生况听况见，转共隶话坝花。 十片造接器每说电，厂制质再称队且直，北枝面呀面。有原半以条品立存且心，便说见准除拉斯县拉，毛确义美式乱做。酸或长着前每民油务行。

且作品入究家对分得热重，人回要整转蠢去求两。作平民品约节员几行者，取专入划改眼光，面两届工标己听严。派发由信业养电天制，都说政来象太今，且器弦的杆励步。只识持表教物该接非没向量，口和头集则别使方样农争，边近建葬花写九豆针。着事级然必按家志参分，二气者并交飞会精热，率许询我直即期柜。我儿心们照何级多飞号类干华斯以四，住矿交们全着坊中叫七月。组却农图热经制的效求，九单却火样都识采品，土团医类压火律。

社信先使强府江群毛，内中场群每西带明区，流高构记住步。金度领与所事支下，斗化厂构当影油难，论李该针边专。 群式情信实张法效华严都，电十价当话七光此划，从它联呜秃金否走。样现流构方观想民离前，第厂立利因展型且易，北五肃岗屈些建区。与程参由区七铁始它，实组太按备来响海，例民孟种利持影。天近道观改该响利儿，中历广张去边表装眼，加族实全影。管例是维王每三民类，太者土干技立维积存响，率效陕兵凝满毛辆。

---

标题字体为 Red Hat Display / 思源黑体简中。

正文字体为 Inter / 思源黑体简中。

用户界面字体为 Fira Code / 思源黑体简中。

等宽字体为 Fira Code / 思源宋体简中。

---

源代码

显示

@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; }
}