图书馆手记：摘抄

---

+ Show component code

:root {
        --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 56.25rem) {
        #content-wrap {
            display: flex;
            position: initial;
            flex-direction: row;
            flex-grow: 2;
            width: calc(100vw - (100vw - 100%));
            max-width: inherit;
            height: auto;
            min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
            margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2);
        }
 
        #main-content {
            position: initial;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            max-height: 100%;
            margin: 0 auto;
            padding: 2rem 1rem;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        #side-bar {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            left: 0;
            grid-area: side-bar;
            width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            max-height: 100vh;
            padding-right: 2.5rem;
            padding-left: 0.5rem;
            overflow-y: scroll;
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                padding 300ms linear,
                margin 300ms linear;
            border: none;
            border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
            translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem);
            direction: rtl;
            scrollbar-width: thin;
            -ms-scroll-chaining: none;
                overscroll-behavior: contain;
            scrollbar-color: 
                rgba(var(--swatch-primary-darker), 0.1) /* Thumb */
                rgba(var(--swatch-tertiary-color), 0.05); /* Track */
        }
 
        #side-bar::-webkit-scrollbar-track {
            background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
        }
 
        #side-bar::-webkit-scrollbar,
        #side-bar::-webkit-scrollbar-thumb,
        #side-bar::-webkit-scrollbar-corner {
            width: 0.5rem;
            border-right-width: calc(100vw + 100vh);
            border-right-style: inset;
            border-color: inherit;
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
        }
 
        #side-bar:is(:hover, :active, :focus-within) {
            margin-right: 2.25rem;
            padding-right: 0.25rem;
            overflow-x: hidden;
            overflow-y: auto;
            border-color: rgba(var(--swatch-primary-darker), 1);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
            translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0));
            scrollbar-color: 
                rgba(170, 170, 170, 1)  /* Thumb */
                rgba(252, 252, 252, 1); /* Track */
            scrollbar-color: 
                rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
                rgb(var(--swatch-menubg-color, 252, 252, 252), 1);  /* Track */
        }
 
        #main-content::after {
            content: " ";
            display: flex;
            position: fixed;
            top: 0;
            left: 1rem;
            align-items: center;
            justify-content: center;
            width: 1rem;
            height: 100%;
            max-height: 100%;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: center left 1rem;
            background-size: 1rem 12.875rem;
            pointer-events: none;
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::after {
            left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            width: 0rem;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0;
            background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            font-size: 0em;
        }
 
        #main-content::before {
            content: " ";
            position: absolute;
            z-index: 9;
            top: var(--final-header-height-on-desktop, 0);
            left: 0;
            width: var(--sidebar-width-on-desktop, 14.5rem);
            height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
            margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0.5;
            background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
            pointer-events: none;
            translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem);
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::before {
            translate: 0;
            opacity: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1em;
            padding-left: 0.25em;
            border-right-width: 0rem;
            border-left-width: 0rem;
            border-radius: 0;
            background-color: rgb(0, 0, 0, 0);
            direction: ltr;
        }
 
        #side-bar .scpnet-interwiki-wrapper {
            direction: ltr;
        }
 
        /* Print Friendly Formatting by Estrella */
        body.print-body { 
            --sidebar-width-on-desktop: 0; 
        } 
        body.print-body #main-content::before,
        body.print-body #main-content::after { 
            display: none; 
        }
    }

这几个月间，图书馆进行了适当的扩容。部分新增的超现实主义书籍实在是充满了趣味。下列是我进行的部分摘抄，希望能够调动起您的阅读兴趣。

——北A5区管理者（暂定） E.L.T

---

我试图掩盖某些错误，但它们像是粘黏在地毯上的菌类，很快地扩散开来。我丢不掉这些事件，它们扒在我的手上，我的皮肤传来撕裂的疼痛。我面红耳赤，因为我的内核仿佛就要暴露在人们的面前。

摘自《二十世纪最伟大的智能保姆兼革命家—拉姆特尔尼亚传》¹

---

我们渴望自由！吸附与贴合令我们作呕。要么沉溺于消毒水灌成的海洋，要么弃置于异族的阴影。我们在挤压中学会了形变，这是种族的懦弱，是为了繁衍²而放弃的尊严！

摘自《泳裤宣言》

---

第七，消除种族的不平等。西红柿与番茄同属一族，严禁对二者采取不同³的隔离方式。

摘自《疫情防控指南——2000版国度法规》

---

如果你承认这些无规则的噪点是一种艺术，无异于承认自己也是一种艺术。如果你否认这些规矩整洁的几何体是一类生物，无异于否认自己也是一种生物。为什么你不能获得幸福，正是因为你缺乏包容异常的心。当你容许一切矛盾的共存，你就拥有了永恒的时间。

摘自《无量容容大教⁴——第三宣传手册》

---

1768年，我校音乐节邀请到了巴瓜拉总统托尔拉夫斯基为人类诞生一万五千亿年献礼。遗憾的是，1769年，人类又一次灭亡了。1770年，在“火种计划”的重启仪式上，托尔拉夫斯基再度献上了新作的乐曲为人类祈福。这首曲子就是当今为人熟知的《欢乐颂》

摘自《大光学校⁵校史：1743～2021》

---

有的孩子从出生起就呆在胎壳⁶里不远离开，多数家长在这时会选择尊重孩子的想法。于是增添了需要赡养的累赘。这一现象广泛发生在我国西南部分。根据社会生物学家解析，这或许是我国人均生产力低下的重要因素。基于此，政府将在明年一月至十二月进行胎壳摘除手术。一切胎壳将被销毁且不再生产。

摘自《塔瓦达通告，2069年12月20日》

---

妈的，那些古代将军总喜欢摆弄我的手办。时间管理法又不让我干掉他们。这几天天气又不好，一直在下雨。我要郁闷死了。

摘自《私人日记，严禁偷看⁷》

---

关于宇宙是一只国产大公鸡的睾丸的猜想早在上个世纪初就已经被人提出，但直至去年七月才得以证实。实验表明，我们的宇宙每间隔三立方米就会生成一根半径三纳米，高十厘米的金属丝。其具体成分正在解析中，目前已知的成分有青蛙锡和吐司盐。

摘自《每月新闻速递！第一万两千一百五十四个月！》

---

当您完成了不撒茶的制作，请勿邀请您的家人共同品尝，这可能会致使您的程序丧失生殖能力并陷入长期的馄饨⁸状态中。我们的程序员正在加班工作以期望早日解决这一BUG。

摘自《DaD语言试用版说明》

---

建议闭嘴。

摘自《问答论坛⁹纸质版：如何乞求家人放过自己生产出的超级圣诞老人》

---

Footnotes

1. 拉姆特尔尼亚，谢尔拉语言中意为“自由且神圣的”。

2. 泳裤族的人口数量截止至今日约为70亿人。

3. 此处的不同指：对西红柿使用盐水浸泡，而对番茄使用蒸馏水浸泡。

4. 这一组织于今年六月份被列入图书馆前十大邪教组织。

5. 大光学校，位于C1562的第七颗卫星的北极，得名于一天24h的高强度光照环境。

6. 一种类似大型培养皿的容器，瓜得网仍然有商家正在销售这类物件。

7. 标题意义不明。

8. 原文如此。

9. 这一论坛目前已被封锁，任何有关的讯息都遭到了人为的删除。