SCP-2951坍塌的入口。
特殊收容措施：禁止未授权人员进入柠檬采石场，基金会人员伪装为当地执法部门在周围建立隔离栏。闯入隔离栏者将被施以记忆删除后移交当地政府。
当前禁止对SCP-2951展开探索任务。
描述：SCP-2951是印第安纳州格思里一处废弃的石灰石矿。矿洞最初由B.G. Hoadley矿业集团所有，直至1944年发生事故。该采石场的偏远位置及恶化的结构状况使得平民闯入很少发生。因此，该区域多年来几乎未受干扰。
SCP-2951的内部出现无规律时空异常。探索队报告其中存在未知异常实体。这些实体似乎与1944年的事故有关，更多信息见下。
SCP-2951的主要入口在1944年事故中崩塌，无法通行。次要通行井位于一间残破的仓库内，仍可使用。
SCP-2951副通行井所在建筑。
附录2951.1：1944年事故与塌方
备注：下列信息采集自全球超自然联盟调查对象及Kervier公司管理员J. Howard Barnes的个人办公室内。在他死后，基金会获得了许多属于他的资产，包括原以为已遭销毁的1944柠檬采石场坍塌事件相关情报。
1944年8月23日，柠檬采石场下方出现地震活动，采石场监督员派出一支勘探组进入矿内评估结构损伤。三小时后，组员返回并报告称一处重要通行隧道已经坍塌。
在一番争论后，监督员组织了更多的工人前去清障。工人下降到坍塌点，开始清理落石，准备将更大型的机械搬入。然而在这期间又发生了第二次地震1，使得清理队后方的隧道坍塌。
在接下来的数小时内，队员在两头清障，移开阻碍的同时也试图救出清理队。约4:00PM EST，堵塞被移除，最初的清理队从矿井内现身。这些工人报告主要通行隧道仍被堵塞，但一条新隧道在第二轮的地震活动中被打开；矿业集团未曾开辟该条隧道，也没有被画在地图上。另一支更小的队伍被派去收集情报。
主通行隧道的阻塞，图片从Kervier事故记录中找到。
第二隧道被描述为经过了光滑切割，但并无反常，且一直向下延伸到西北方向。集团监督员猜测这是最初的通行隧道，可能是在矿井构建初期开凿（在其被B.G. Hoadley购买前），只是没被正确记录而已。监督员希望该通道能与被阻塞的主隧道相通，于是组织了23人的队伍。他们被派去经由第二隧道抵达堵塞后方，评估结构状况，确认是否适合使用炸药清理隧道。
在队伍进入矿洞后，仅有极少信息被记录。一段时间后发生了第三轮地震活动，使得矿洞入口通道崩塌。地面上的队伍在三天内移除了覆盖入口的石块，监督员和其他工人则试图以伸入副通行井的电话线与队伍取得联系。在第三日晚上，就在B.G. Hoadley管理员准备从附近矿业集团请求支援时，有一未知人员从副通行井中出现。对此事件唯一的记录是下面的电报，被发往B.G. Hoadley在路易斯维尔的办公室：
26 8 1944
矿洞废弃。隧道仍然坍塌。23人损失。
有一个从井里出来。我们把它丢了回去。不对头。
GPE
附录2951.2：1998年事故
1998年6月4日，在Site-81南部侦测到低级别地震活动。基金会地质学家队被派去收集情报，但无法指出扰动的确切位置。预计会有余震后，在周边城镇安放了多台地震仪。
6月16日，当地警方记录到失踪人口报告，一名15岁学生Tevin Napier在和朋友一起闯入废弃的柠檬采石场后失踪。队伍对采石场进行了搜索，最后在采石场内找到了残破的维护建筑和副通行井。
维护建筑下方的副通行井。
搜索救援小组被派入井下，希望能找回Napier的尸体。然而因该通行井的陡峭深度，小组只能撤回，准备更长的安全配备。此时，没有找到对该井深度的记录，人员也不知其原本深度记录为约120米；而救援人员的估算深度与之全然不符，他们估测其深度达约240米。
救援人员终于下降到通行井最底部后，并没有发现Napier尸体的踪迹。然而，人员很快报告情绪激动，并感觉对周围矿井的感知出现问题。在探索中，五名救援人员偶然报告称有七或八名队员，有一人报告称他们到此矿井“找金子”。在进入井下43分钟后，小队的无线电通信中断。地面队员很快开始回撤系绳，但发现回撤到的系绳长度已经超出了原先伸入矿井内的长度。在回撤出400米系绳后，绞车无法继续工作，回撤只能停止。
此时，基金会人员被警报柠檬采石场可能存在异常活动，以联邦搜查救援队的掩护接管救援工作。在使用更强力的绞车后，基金会人员找回了5名救援队员中的两人，他们仍然与各自的系绳相连。第一人Able Parker在回到地面后变得激动且暴力，相信自己仍然在矿井中。第二人Greg Hamilton最初被认为陷入昏迷，但在回到地面20分钟后开始说出无法理解的话语。然而，最初的救援队伍确认Hamilton所发出的声音不是他自己的，而是井下救援队中的另一人Jeremy Livingston。此二人被镇静后送去Site-81进行分析。
其他三条系绳中，两条在末端被整齐切断。第三条似乎是被尖利岩石切断，覆盖着13米长的人类血迹。
在找回Parker与Hamilton后，基金会人员很快对所有涉事非基金会人员施以记忆删除，并对矿井内事件安排了掩盖故事。Site-81申请立即将该矿井编为SCP-2951，编类委员会于6月18日批准。
附录2951.3：探索记录
备注：在1998年6月16日的事件后，机动特遣队Trotter-5“地狱英雄”被指派对SCP-2951进行进一步分析。他们被指派的目标是接触SCP-2951的异常性质，并寻找其他三名失踪的救援队员，还有仍然处于失踪中的Tevin Napier。四人小组从副通行井进入SCP-2951，在矿井内停留不超过40分钟。
MTF Trotter-5拍摄的照片。
[开始记录]
T5-1：话筒开了。
T5-4：开启。
T5-2：检查。
T5-3：在这里。
T5-1：好了。我们下去吧。（停顿）这里要小心，不要踩上去。那是松的。
T5-3：你们不会让我们半路松掉吧，嗯？（话筒外笑声，T5-3笑）我是说你的文书记录。
T5-2：别他妈开这种玩笑，Kevin。
T5-3：好，好。
（T5队员进入井内。T5-4记录深度。在抵达120米处后，T5-1停下。）
T5-2：怎么了？
T5-1：就这了。我们到了多深？
T5-4：120米。
T5-1：这不对。状态监控的伙计说我们进到了200米深以下。
T5-2：也许这里突然转向了？只是在拐弯处附近，可能还在往下些。
T5-1：你觉得我们可以看到些钩子之类的，对吧？之前那些人留下的。
T5-3：没那种东西。但是有脚印，肯定是他们之前来过的地方。
T5-1：打开手电，看看前面有什么吧。
（队员解开系绳，从通行井向拐角靠近。）
T5-1：Davies你有开表吗？
T5-2：开了，一落地就开了。
T5-1：很好。每十分钟通告一次。
T5-2：明白。
T5-4：队长，这边。墙上有东西。
T5-3：是系绳。被石头割断了。有多少？
T5-4：就两条。
T5-2：奇怪了。
T5-1：拍几张照，我们继续前进，时间不多。
（队伍向深处前进。略去多余对话。）
T5-2：十分钟。
T5-1：哈。
T5-2：咋了？
T5-1：感觉不止这么久。
T5-2：（停顿）时钟正常工作，电池充足。
T5-1：只是这么觉得。
T5-3：各位，这里太窄了吧。真的是通行井？
T5-1：对。应该是和矿洞其他地方连着的，但这就是个紧急出口。重新联系以后会有更多空间呼吸的。
T5-4：我们得排成一列通过。
T5-1：我来打头。跟上。
（队员排成一列通过隧道。过去相当久的时间，但队员间交流不多。）
T5-1：钟上过了多久？
T5-2：（停顿）17分钟。
T5-3：这绝对不对头。
T5-4：时间异常？
T5-1：看起来是。（停顿）你们怎么看？
T5-5：什么？
T5-2：光线？
T5-1：肯定是其他矿洞了。不用走多久了。
T5-4：我听到什么。
T5-3：也许是风。
T5-4：不，在我们下面，深处。
T5-2：也许是地震活动。
T5-5：绝对不对头。
T5-1：那我们就出洞吧，洞在这里，我们就跟面包片似的。
（队员很快向前方光源前进。通道逐渐开阔。）
T5-2：这里怎么会有光的？
T5-4：也许是其他救援队？他们有灯，我觉得。
T5-2：对，但已经过去几天了，他们不可能等这么久。
T5-6：钟上多久了？
T5-2：呃……17分钟。
T5-3：操。
T5-2：这不对劲。
T5-4：还有多深？
T5-5：不，在我们下面，深处。
T5-1：嗯，也许还有二十米。
T5-2：动动屁股伙计，我感觉很有意思。
T5-3：如果你们要吐，先咽下去—
T5-4：闭嘴。
T5-7：我们在？
T5-1：10米。
T5-2：就感觉我们被钉进—
T5-5：还有多深？
T5-3：操！
T5-4：光到哪去了？
T5-1：等下。我的灯也出问题了。
T5-6：操！
T5-2：有东西在动。
T5-5：在我们下面。深处。
T5-1：你们能不能冷静个五秒。
T5-3：黑暗里什么都看不清，队长。
T5-1：我有火柴。
（沉默。火柴亮起。）
T5-1：好了，隧道堵上了。
T5-2：也许是地质活动造成的。
T5-4：不，很稳固，已经在这里有段时间了。
T5-1：这隧道，不过—
T5-5：不，它是—
T5-1：看起来切割得很整齐。你们能看到什么？
T5-3：没多少。就只是往下。
T5-2：我闻到什么了。臭氧。
T5-1：对我也是。表上怎样了？
T5-3：墙上写了什么，我看不清。
T5-2：13分钟。
T5-1：我们待了太久了。
T5-5：太久。
T5-3：你想回头？
T5-1：我觉得我们需要更多设备，也许更多—
T5-6：太久。
T5-2：我没事。但也不想继续下去了。
T5-4：我走第一个。所有人跟上。
T5-7：在火里太久。
T5-1：走吧。
（略去多余对话。过一段时间后。）
T5-2：感谢上帝，我又能看见了。
T5-3：那里是通行井。
T5-4：等下，你说什么了吗？
T5-3：没啊？
T5-4：谁—操你是什么？
T5-2：只有我们四个，对吧？
T5-6：只有我们四个，对吧？
T5-1：耶稣这他妈—
T5-7：只有—
（枪声）
T5-5：太久在火里，太久在火里，太久在火里，太—
T5-1：操快他妈开枪Daniel，我不管那声音像是谁。
（枪声）
T5-6：我们在下面已经太久了。
（枪声）
T5-1：谁他妈—
T5-3：他们穿着我们的制服，这怎么—
T5-4：那个在冒烟，它着火—
T5-1：后退！
（剧烈爆炸）
T5-2：它在说什么？
T5-1：快他妈—
（剧烈爆炸，所有记录仪器停止工作。）
[记录结束]
备注：事件后，MTF T-5从通行井撤出，接受生理和心理检查。T5-1、-3与-4因爆炸受轻微撕裂伤和烧伤，T5-2因伤势被送往Site-81。
三名攻击队员的未辨识人员均穿戴与队员完全相同的服装和设备，还被确认能完全模仿队员的声音。确信这一因素，加上井下低光环境及狭窄空间，使得队员未能及时分辨出究竟有多少人。
心理检查音频抄录
备注：下面是对MTF T-5-3的心理检查音频。
Rosstetler博士：在我们对音频文件的分析中，我们发现你的队友多次提到时间流逝出现异常。你能证实吗？
T5-3：对，我能。我也遇到了类似状况，时间膨胀之类的。你开始失去时间观念，就算你知道是在流逝。我不知道我们在下面待了多久，但我觉得…大概四小时？
Rosstetler博士：你的记录器开启了五小时三十三分钟，特工。
T5-3：我绝对不会去回顾的时间，对。这边记录我们下去了多久？
Rosstetler博士：十九分钟。
T5-3：耶稣基督啊。那我收回这话，我从来没遇到过类似的情况。
Rosstetler博士：你有感觉到任何有害影响吗，心理上的，从这种时间膨胀中？
T5-3：有点。就像是，陷住，当你在里面的时候。你会开始觉得思绪有些厚重，对吧？事情还在发生但并不真的清醒，就算是刚刚的事你也记不起来到底是何时发生的，就这样。是迷失方向。
Rosstetler博士：明白了。在抵达通行井之前，你可在任何时候注意到我们回收的那三名人员？
T5-3：回收这个词说的很重。
Rosstetler博士：我是说他们的尸首。
T5-3：我还是不明白它们是怎么变出来的。它们有名牌还有一切，只是身份烧没了。真是怪了。（停顿）注意到它们……没有。在黑暗中，你知道的，就是一条线。我在看着Daniel……我是说我以为。但那里的传音状况真的很糟，也分不清声音是从哪来的。就是一直从身后听到他。我觉得是。我不知道，就像我说的；你就是知道周围有情况，还能做出反应，但全都感觉……不对。
Rosstetler博士：我明白了。
T5-3：他们最后也没找到那孩子对吧？他再没出来？
Rosstetler博士：没有。
T5-3：呃，该死。（停顿）Davies怎样了？
Rosstetler博士：（沉默）
T5-3：Armin拜托，你知道—
Rosstetler博士：他还是一句话不说，Kevin。有几次张开了口，但什么都没说出来。甚至都不看着你。
T5-3：天杀的。
Rosstetler博士：（停顿）你要记忆删除吗？我可以帮你预订点，或者—
T5-3：不了。要是一个月后我还会梦到那东西用我的声音嚎，再让你帮我预订吧。
附录2951.4：对Gorman P. Ellis的采访
在附录2951.3的事件后，基金会研究人员开始收集关于柠檬采石场和该矿洞的资料。然而这被发现极为困难：原来的B.G. Hoadley公司已破产近40年，所有公司记录被推测已遭销毁。此外Kervier国际2可能的异常性质令对其记录的接触也十分困难。不过，在Bedford附近的一处B.G.Hoadley废弃办公室内找到的联系名单让基金会联系到了Mr. Gorman P. Ellis，一位年老退休的B.G. Hoadley调查员。
Ellis先生在接触后保持配合，与基金会调查员会面。此次会面中基金会人员被提醒Kervier公司管理员J. Howard Barnes处持有情报，之后在调查中也对其进行了收集评估。下面是对由特工Young对Ellis先生进行采访的录音抄录。
[开始记录]
Young：很高兴您能与我们会面，Ellis先生。我们保证不会占用太多时间。
Ellis：很好。很好。
Young：对您在B.G. Hoadley的工作经历有什么可说的吗？
Ellis：嗯，我是作为散工被雇用，和我父亲一样。我小时候他就是公司的一个工头，我叔叔James Ellis也是如此。我叔叔曾经是Hoadley先生和Hedgewater先生的下属，两人都是30和40年代的石灰石大亨。我在联合石灰石给Hedgewater打了会儿工，父亲退休后就转业去了Hoadley，也当了工头。
Young：你在公司工作期间被派去了哪个基地？
Ellis：哦我看看……北边有斯普林维尔基地，奥尔良旁边37有一个。两边都待了差不多几年时间。然后我们开了米切尔西边的大基地，我在那里干到退休。
Young：你对格思里的柠檬基地知道些什么吗？
Ellis：我觉得是。
Young：你在那里工作过吗？
Ellis：不，我不能这么说。那是，嗯……Ron Pitts，我觉得。就是个熟人，不是很了解。
Young：你知道—
Ellis：其实，既然你都这么说，我确实是在柠檬那里待过。只是…记不清了。我在那边关停后跟着一帮小伙子去清理收尾。然后发生了地震，看，把隧道震塌方了。据说那不是地质活动的声音。
Young：有什么不对劲？
Ellis：我一直觉得那里有古怪。这地方周围没地震。还有那些石灰石，你知道的，在南部或其他地方都会减缓震动。
Young：他们有和你说过其他关于这座矿的事吗？
Ellis：噢，已经过去很久了。我们只是要搬些机器，装上卡车搬去南方。我不觉得我甚至有和在那里的工头们们聊过天。那时候基本都是些外来人了，只是在用Hoadley的设备。
Young：明白了。那关于塌方呢？有无伤亡？
Ellis：我记得他们，嗯……损失了几个小伙子。但我说不准。那时候常有这种事，你知道的。回想起来，不如今天这么仔细小心。虽然如此，这也不是件经常被提起的事情。
Young：我们的记录显示B.G. Hoadley把这座矿在坍塌后卖给了Kervier。你对这种举动能想出什么理由吗？
Ellis：嗯…不，不明白为什么。联合有买过几个，但一般都是为开新矿顺便搞的生意。Kervier不是本地的，他们是外州的。这种集团买矿不常见，特别是像柠檬这样的小矿。
Young：明白了。还有什么要说的吗Ellis博士？
Ellis：看看你们能不能去找一位绅士，叫…呃，我想想。是Jim？Jeff？总之他姓Barnes。他比我要老些，所以可能已经过世了，但我记得他有参加清理收尾。我工作的时候他是Hedgewater与Kervier一方的联络人，我和他说过几次话。多深入一下，也许他能给你们说些什么。
Young：谢谢您，我—
Ellis：你要知道……我一直在想。收尾时候还有其他事情有些蹊跷。我们带着几十号人来装载机器，但还有另外几十号人是Kervier派来收拾他们的东西的，还有大概五六个Hoadley的人也在做一样的事情。这可能是我们做过最安静的工作了。我不知道他们中间有谁和我们说过哪怕一句话。
[记录结束]
附录2951.5：收集到的J. Howard Barnes私人通信
Jeremiah，
我不知道你有听说没有，但格思里的矿井出事了。一个矿洞被地震弄垮了。有20多个小伙子被困在下面。他们在试着派队伍下去弄开石头，但不顺利。
觉得你该知道一下，如果你需要叫律师的话。明天我会去通知办公室。
最好的祝愿，
Trent
Jeremiah，一帮穿制服的今天冒出来问洞里的事。我们不知道他们是律师还是谁，但他们一直问的很奇怪。想听塌方时候的石头和东西，就像在试图听到什么一样。你知道些什么吗？
Nate Wabash
Barnes先生，
我们的组织最近收购了对格思里柠檬采石场的所有权，并对你可能持有的相关情报抱有兴趣。我们的代表将在下周前往你处，会很高兴与你谈论此事，以及在我组织内你可能感兴趣的一些机遇。
你忠实的，
David P. Whitinger
Kervier国际
我亲眼看到了，Jeremiah。我看到有个像人的东西从洞里爬出来。它冒着烟窜着火，用别人的声音嚎叫着。这就是从地狱里爬出来的怪物，我毫无疑问。
Geist来的那个人自言自语的说过，支撑世界的支柱将会破裂崩塌，基底将变得松垮。在下面的就要重见天日，它的力量将落在顺服者上。我亲眼见证了，我知道这是真的。
我还听得到它的话，Jeremiah。“一万年。”像只野狗嚎叫，像被逼到墙角般狂吠，“一万年在火中。”
附录2951.6：收集到的Gorman P. Ellis通信
2003年4月19日，Gorman P. Ellis先生去世。因其属于关注人士，基金会人员前去收集其资产进行分析。下面这份信件被认为是Ellis先生书写、寄往某一与SCP-2951有关的未知收件人。
一共二十三人。二十三个可怜人被困在那墙后面。我们听他们在石头后面大喊着，我们听他们听了好几天，在石头背后大喊着，而我们却坐在原地什么也没做。
你有在熄灯的期间下到矿里去过吗，Kim？让我告诉你好了。先是一阵恐慌，所有人大喊着想知道发生了什么。然后，随着大家冷静下来，你会开始试着让眼睛适应周围的黑暗。但你不可能适应得了，因为没什么可看。这不是夜晚的黑暗，你还能看到星光或者街灯之类。被熄灭的矿洞里没有光线。那里什么都看不见。
然后你开始听到些声音。有些人听到了声音，或者动物，或者任何本来不在那里的东西。有些会游荡走开最后迷路，他们不会顺着绳子回来了。有些人会掉进井下或者裂缝里，你再也见不到他们。然后就真的安静了。
我有在塌方前看到过他们找到的那条隧道。很古怪，Kim。看起来不像用工具凿的，不合适。都还没来得及在里面挂上灯，看看它通往哪里。我不知道下面是什么。总之，我想说的是，我还没怎么思考过地狱，但我觉得我们该下地狱。不管那些小伙子遇到了什么，只要他们还在那下面，就都是我们的错。我们错在什么都没做。
黑暗改变人们。
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
