土星角
土星角
Author: EuryaEurya
Published on 25 May 2021 11:52
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}
评分: +2+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

Personal styling themes (which are visual overhauls):

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

No more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…like this!

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }
土星角
作者:Lt FlopsLt Flops
发布于 2021 年 3 月 25 日

介绍:四月协议2021

讨论区 » 网站通告和建议/通告 » 介绍:四月协议2021

Rook 2021/04/01(Thu)00:01:21 #13582977


你们好,正在潜水的各位。好久不见。如果你正在读这个帖子,说明四月协议已经生效了。

但先别急着一头扎进树林里。今年,我们要宣布一些新消息。如果你是一个回站的老成员,请直接前往iii. 新变化?

如果你已经通过了我们的申请,并且现在已经可以在观谬维基上首次发帖,那么我会给大致介绍一下情况。


i. 前言

你可能已经知道了,在观谬上禁止讨论大脚怪。提及大脚怪,或是任何我们的用户在追寻这个虚幻的实体时发明的任何相关的代号,都会被机器人自动标记。任何有关大脚怪的帖子都会被立即删除。

这个决定是我们在2013年作出的,也是我们作为一个管理团队不得不做出的最艰难的决定之一。大脚怪这个话题给我们带来了各种麻烦。在我们的一名成员被大脚怪绑架后,每天都有数以百计的关于大脚怪的帖子涌入我们的论坛。我们已经变成了一个新的大脚怪讨论中心。

当然,这次绑架只是一个阴谋。这是我们几个最臭名昭著的成员策划的骗局,目的是揭露管理团队所谓掩饰真相的行为。然而,在那段时间里,我们非常透明,因此参与此事的用户的IP被观谬永久封禁了。


ii. 什么是四月协议?
四年前,我们决定观谬维基上可以继续讨论大脚怪,但有一个条件:关于大脚怪的帖子只能在4月1日发表。在之后被称作“四月协议” 的规定中,“四月一日大脚怪狩猎”成为了每年一次的大规模活动,在48小时的时间内,我们全球各地的成员将去寻找大脚怪。所有收集到的证据都会在论坛上发表。


iii. 新变化?

我们从不打算让四月协议仅仅成为针对大脚怪的狩猎。我们希望它是所有那些潜伏在我们的帖子里的未知生物的庆典;是带着手机、额外的充电包、一箱二十四瓶的啤酒和一辆旧皮卡,深入森林的猎人们的庆典;是那些讲述荒诞不经的故事的人的庆典。甚至是你的庆典——我们匿名的潜水者们(为我们带来广告收入的人)。

今年,四月协议将会持续一个月。我们将会迎来各种活动。

我们的第一个活动是AMA,即 “有问必答(Ask Me Anything)”。我们已经联系并且邀请了一些过去13年来最受人尊敬的观谬人来回答你们的问题。

就在写这条帖子的时候,AMA已经启动了。前往四月协议2021讨论区版块开始活动。

狩猎愉快。

土星角

讨论区 » 四月协议2021[开放]/有问必答 » 土星角

Saturn Deer 2021/04/01(Thu)00:06:33 #13582978


都来听啊,都来听,姑娘们,鬼怪们,还有所有我最亲爱的顾客们。

your-brain.jpg

图文相关。

首先,在我开始说任何事之前,放宽心,我不是西装男。好像还有点说服力似的。如果你在读完这篇文章的三天内碰巧遇上了一个使用缩写的幽灵,请告诉我,这样我就能在你的大脑被什么仪式转化成果子冻之前炸掉这个玩意。别说我没提醒你。

“这个傻逼是谁啊?”你问。

我是土星牡鹿!这是一个多么美妙的场合!

今天我要讲三个故事。一个是真的!两个是假的!猜对了,我就扔给你一张代金券之类的东西。由我的新公司——鹿,赛马和苦行僧有限公司赞助。我就是喜欢无私奉献。但我现在还不能跟你叨叨哪个是真的哪个是假的——要不然,那还有什么好玩的?

别走开哦。

Saturn Deer 2021/04/01(Thu)00:07:55 #13582979


来啦,走起!

让你的目光投向加拿大多伦多某个城中村的一间破烂房屋之内。在那里,一个女人站在柜台前,被困惑、恐惧和犹豫包围。

她在那天下午早些时候烤的大蒜面包出了点问题:它的侧面泛着绿色。但她就是在那天早上买的啊!或许是一个没心没肺的超市店员把它在外面放太久了,而她正好拿起了这批变质的。或许她太专注于她的手机,而没有遵守正确烘焙步骤。或许是一个超越凡尘的实体让现在像是烤面包一样的它复活了。

所有这一切的可能性,被扭曲成了一个渎职的错误!

Moldy_bread.jpg

图文相关。

她不知道的是,她要被困在这个破屋子里了。郊区生活的焦虑使她甚至不敢踏出家门一步,或是与邻居交谈,或是打电话给她的大麻贩子,去他复式镇屋的停车场抽一口。但如今束缚她的不是对郊区生活的恐惧——哦,不,不是,不是!

她先前烤的蒜香面包一直在长大,就在她的背后!一开始,增加的体积几乎不引人注意。但很快,生长加速了。她还来不及花一秒钟时间思考,就被挤向了柜台,面包把那个呆头呆脑的女人的脸压在了窗户上。

她陷入了恐慌。她猛地开始用手挖面包,试图从她变异的烘焙品的束缚中开出一条生路。

它向她伸出一根软泥样的触须,上面满是卑鄙的Rhizopus stolonifer1的邪恶蔓延。就在她摆脱命运的一瞬间,它把她抓起来拉了回去!

惊慌失措中,她把毛衣甩在身后,让那东西抓住毛衣,自己跳了出来。

在浪费了宝贵的几秒钟后,她跳到后门,被脚下的蒜香面包绊倒。没有时间站起来了——她勉强往前移动了几米才到达。但当她抬头时,她看到的不是后门上发黑、褪色的木头。她看到的是一大堆蒜香面包,把两面墙之间的空间,以及腰部以上的半个房间全部塞满。

她要怎么做?她该怎么逃跑?她没有意识到,冷汗已经从她的背上缓缓流下。

困于绝境,她强迫自己起身。

并且开始大快朵颐。

牙齿深深地咬进一团布满白色斑点的黏糊糊的外壳里,那外壳就像废弃角落里的蜘蛛网。吞咽下去,呕吐反射和所有的生理反应让她流出眼泪。仅仅是咬了一口,吞了一口,她就反胃了。她向后伸出胳膊,想要支撑住自己,但碰到的只是周围脏兮兮的蒜香面包不断向前压迫的墙。

面包不断长大,把她推到了地上。她在发出最后一声啜泣后,尖叫着求救。

很不幸,她的声音没有传得很远。它的霉菌隔离出了她最终的长眠之所。

唉,要是几小时前她瞥了一眼那个劣质德州吐司包装上的小字,她可能就会意识到了。

每一个阴暗潮湿的包装里面,都是一个渴望自由的灵魂。你真的能责怪它扭转局面turning the tables吗?


欢迎评论。请继续期待故事二。

GreeboGangLeader 2021/04/01(Thu)00:12:34 #13582981


草,好迷啊。

Ridley Ridleyson 2021/04/01(Thu)00:14:27 #13582984


看上去……还行?我想来点他在抽的东西。

S.D.Locke 2021/04/01(Thu)00:17:50 #13582986


我不完全确定你在这里干什么,但首先,你的文章语气是不连贯的。

人们常说,幽默和恐怖可以微妙地栖息在剃刀边缘的两侧,它们是文学上的姐妹,而在讲述这种故事时,你必须掌控两者的边界。我觉得你想同时达到两个目标,但是一个都没完成。这个故事也没办法让人相信它真的发生过。

这种故事怎么会出现在观谬维基上的呢?

Saturn Deer 2021/04/01(Thu)00:18:45 #13582987


哎呀,哎呀,含糊其辞对你我都没有好处。你不告诉我怎么改进我的小文章吗?或者我可以参看一下预知的未来——我的余光正巧瞥见你身处一个相当惨烈的车祸现场?

管理员帖 — 帖子关闭

🗿 LimpFirebird 2021/04/01(Thu)00:20:57 #13582989


死亡威胁,无论多么露骨,都不能在我们的社区中出现。

这是一个官方警告。这绝不是你在别人对你的超自然故事给予简单反馈之后应该做的。请改正你的行为。

管理员帖 — 帖子关闭

🗿 LimpFirebird 2021/04/01(Thu)00:21:44 #13582990


等会。你不在我们的注册列表上。你是谁,你怎么来的?

无论如何,如果你是观谬维基的成员,并且愿意报名参加四月协议,请私信@🗿 FishTrucker's Elogy

而且,这个版块只是用来进行AMA的。帖子移出话题。

Saturn Deer 2021/04/01(Thu)00:23:13 #13582991


你知道的,他们说——任何文章都是好文章!

这是我职业生涯的一个火爆开场,不是吗?

也就是说,不觉得这不符合主题。我是一个超自然故事的新人写手,我需要开辟一个地方来做一个小小的问答!我有大批的粉丝迫不及待想要见我。

移回去。

我说到哪儿啦?啊,对。

Saturn Deer 2021/04/01(Thu)00:34:57 #13582999


我的第二个故事和你可能发现在你最喜欢的阴谋论版块周围徘徊的人有关。

我曾经遇到过一个对机甲故事情有独钟的女巫。2000年代中期,她曾经试图在一个同人小说网上开辟出一片天地。她有一个女儿,还不到10岁,特别喜欢《变形金刚》系列。你可能会想,这不是女孩子会喜欢的吧?别这么任性,你这个可悲的蠢货。她的女儿热爱《变形金刚》。为了回报她,也为了自己的生计,她开始写付费同人文,主题全是她女儿的兴趣所在!

bionicle.jpg

图文……相关?我不十分确定。但是有问题吗?嗯,大概没什么关系吧。

女巫又是怎么和这一切联系起来的?

噢,她也在他们简陋住所的地下室里,向这项神奇的工作倾注了自己的血汗和泪水。早上,她会给女儿做好上学的准备。白天,她会花几个小时研究《变形金刚》系列。了解故事情节,研究一大批收藏品,撰写和翻译同人小说,并寄给她在国外的联系人,他们会把她的作品带给日本的读者。吃过晚饭,她会辅导她的宝贝女儿做功课,哄她上床睡觉,然后慢慢向房子下面的地窖走去。穿着神秘的装束,她会创造出产生奇迹所需的物品……

经过六个月的努力,以及她的眼袋和脸上越来越深的皱纹中透露出的坚持,她确信自己已经完成了。

那天,她女儿一整天都要去野外考察,于是她暂停了周二的同人写作,走下地窖。

几个月里,她也一直在研究如何恰当地施展咒语。完全正确的铭文刻在地板上。完全正确的药剂混合物,用来引发物质转化法术,并且启动反应。那个地下室里还堆放着各种她从垃圾填埋场弄来的机器零件。

不到一个小时,她就把一切都安排妥当了。她深呼吸了一次、两次、三次,把焦虑的情绪控制稳定。她已经准备好开工了。

一束光迸发出来。双手触碰到了粗糙的路面。空气中出现了一条裂缝。然后……

哐啷。

一切都在有条不紊地进行。只是,有些事情出了严重的差错。尽管她认为自己已经在头脑中构建了正确的工作框架,但她的判断却有一个致命的错误。

她的女儿很喜欢《变形金刚》。这位女巫也很喜欢,尽管她可能没有承认。我是说,对于一个单亲家长来说,围绕着《变形金刚》来安排她的整个职业生活——为什么不呢?

她对世界中的这些小天地过于依恋。她对自己的技艺太过于投入了。融入她所构想的角色。

她的目标是为她女儿创造一个真实的、活生生的变形金刚。

……

几个小时后,当学校工作人员没能联系上这位女巫时,他们被允许照顾她的女儿,并将女孩带回家。当他们打开通向地窖的门时,一种意识缓缓占据了助理们的面孔。

金属和头发和皮肤扭结在一起,让人恶心。几乎全是湿漉漉的。呼唤的声音像是指甲划过钢板。

这个变形金刚和母亲的混合体,无比自豪地看着女儿脸上的表情。那张张大的嘴。眼睛哭得通红,泪水止不住地落下,盯着前方。脸上扭曲出恐怖的神情。

透过破碎灯泡做成的眼睛,她凝视着背后。


那么,为了遵从论坛的规则咳,咳,我将会回答你们的问题。

Lameous 2021/04/01(Thu)00:37:02 #13583002


老哥,你这是在抽什么疯?这他妈是合法的吗???你到底怎么找到这些故事的?

我需要点高乐士洗洗眼睛。

Saturn Deer 2021/04/01(Thu)00:38:11 #13583003


哈哈!很有效,不是吗?

继续关注。😉

Rose, the Changeling 2021/04/01(Thu)00:44:13 #13583005


呃,我不十分确定我刚才读了些啥。

你刚才说你是谁,再说一遍?“土星牡鹿”?你是那批观谬维基的第一代成员吗?

Saturn Deer 2021/04/01(Thu)00:45:05 #13583006


土星牡鹿——有偿先知,为您服务!不可分割的人;阿列夫和零;风中的幽灵;葬礼服务背后的老熟人。如果这不是一个文本界面的话,我一定向您鞠躬致意。

我希望您已经迷上我了!

S.D.Locke 2021/04/01(Thu)00:47:02 #13583008


……好吧,现在我有点好奇了。不管怎样,你到底是从哪里找来这些故事的?它们真是太牛逼了。

如果有更合适的媒介的话,我愿意交换这些经历。欢迎私信,不要拘束。

Saturn Deer 2021/04/01(Thu)00:48:34 #13583010


哦,你这个聪明的混蛋,我知道你会回心转意的!

我会在10分钟之内给你发带有魔法的信息。现在,别害羞,希望你能坚持到底。这对我们两个都有好处。😉

basircreepypastareader 2021/04/01(Thu)00:59:20 #13583021


@Moderator
好的,S.D.刚刚给我发了私信。他只发了一长串看起来像zalgo文字2的东西。我试着回复,但他只是重复发送我发给他的内容,叫我停下,而且开始变得很有敌意。非常有敌意,并且开始威胁我和我的家人,还有其他的一切事情。我几乎觉得他是在开玩笑,要和他一起笑起来,但我想他是认真的。

管理员,如果需要的话,我可以提供私信截图。

S.D.Locke 2021/04/01(Thu)01:00:02 #13583022







管理员帖 — 帖子关闭

🗿 LimpFirebird 2021/04/01(Thu)01:06:58 #13583031


经过现在还醒着的管理员们的简短讨论,所有在场的管理员一致认定S.D.Locke在很长一段时间内是Saturn Deer的小号。尽管在过去的半年内他已经在这个论坛上发了200多帖,但是考虑到今晚他的IP没有改变,所以封禁他是唯一合适的决定。

几个小时前创建的Saturn Deer的账号也被封禁了。

此帖关闭并存档。









现在,来看看如果我不能利用这些后端垃圾……

______ ____ 2021/04/01(Thu)01:39:22 #13583039


我回来啦……

走……

起!

天啊,对于一个已经死了十几次的男人来说,你会觉得从孩子们那里回来不会伤的太深。我觉得这就像剪纸——

……

你们这些狡猾的蠕虫。你们剥夺了上帝赋予我的讲故事的权利。

哦,还有什么能比剥夺你们讲最后一个故事的机会更适合用来惩罚你们对怀着一片真心的我极端不友好的轻率行为呢!

你们没有代金券了。你们所有人没有代金券了。

撒由那拉,傻逼们!

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License