SCP-1473-RU
ОБЪЕКТ №:SCP-1473-RU | УРОВЕНЬ 2/1473 |
КЛАСС: Евклид-alterius 1 | ограничен |
Особые условия содержания: Камера содержания SCP-1473 должна быть не менее, чем 12 на 12 метров, и 20 метров в высоту. В камере содержания должна поддерживаться определённая температура и влажность воздуха, также нежелательно давать SCP-1473, продолжительное время находиться в полной или частичной темноте ввиду положительного воздействия темноты на рост и размножение особей паразитов. В камере содержания должны быть так же дёрн и пара деревьев для создания благоприятного микроклимата экосистемы.
.jpg)
Одна из особей
SCP-1473 при обнаружение
От 10.██.20██
Добавлено: Ассистентом доктора де Лант — Е███████ Софи.
Добавлено к условиям содержания. : Входя в камеру содержания SCP-1473 испытуемые2 или сотрудники обязаны быть одеты в яркого цвета одежду, кроме красных, синих, фиолетовых и желтых оттенков. Все остальные яркие и насыщенные цвета предотвращают кол-во нападений SCP-1473 на сотрудников, исследователей и испытуемых.
Описание: SCP-1473 представляет собой растение, Цветок-паразит (лат. Flos parasiticus). Тёмно-бирюзовые цветы, внешне похожи чем-то на лилии. Цветы SCP-1473 передвигаются на чёрных лозах с шипами и такими же чёрными листьями. Вместо характерной для цветка лилии (или к какому они более ближе по семейству) сердцевинки с рыльцем и пыльниками имеется некое образование, которое немного светится. На обратной стороне же особей нет завязки — лишь основание для лоз и большее количество тонких и гибких шипов.
Заражённых паразитами вылечить невозможно в силу их неимоверно быстрого вплетаясь в структуру сердечно-сосудистой системы, оплетает так же кости и органы своего носителя, создавая сложную, не поддающуюся хирургическому вмешательству сеть тонких и маленьких лоз.
Если же человек или животное заразились через споры SCP-1473, то заражение начинается из лёгких откуда уже и распространяется на всё тело поражённого. Физически паразит себя начинает показывать лишь, если заражённый ранится, тогда на месте раны появляются цветы, причиняя неимоверную боль носителю.
После эксперимента 1473-2 и 1473-3 было выяснено так же, что объект имеет коллективный разум для соответственных целей. Так же после стало известно насколько далеко то действует — около 36-52 метров. Варьируется от особо к особи.
Также особи Цветков-паразитов достаточно умны и обладают не плохим интеллектом.
Дата и место обнаружения: ██.06.20██. США, Штат Калифорния, город ██████.
Место нынешнего содержания: Зона № 66.
Протокол эксперимента 1473-1
Исследователь: Д-р де Лант
Цель: Изучение способов возможного заражения SCP-1473.
Ход испытания:
В камеру содержания был отправлен сотрудник класса D. Несмотря на обычное для себя агрессивное состояние SCP-1473 ко всем, кто хорошо может передвигаться, в этот раз они начали отходить от испытуемого. Эксперимент был прекращен спустя двадцать минут после его начала. После трёхчасового карантина сотрудник класса D не был зафиксирован как зараженный.
Протокол эксперимента 1473-2
Исследователь: Д-р де Лант
Цель: Повторное изучение необычного поведения SCP-1473, после эксперимента 1473-1.
Ход испытания:
В камеру содержания было отправлено три сотрудника класса D, за ними же следом еще один из сотрудников службы безопасности. Испытуемых особи SCP-1473 обошли стороной, держась на расстоянии около полуметра, однако, на сотрудника безопасности с удовольствием напали сразу, впиваясь через слабые места гибкими шипами в плоть. Сотрудники класса D помогли вывести раненого агента █████, после чего его отправили на предварительный карантин в три часа, позже на обследование.
[0:11:34] Агент █████ ещё не сильно оправился от шока, лежит на полу карантинной комнаты и стонет от боли в ноге и паразита, что нашёл для себя нового носителя.
[0:36:12] Агент начал кричать от нестерпимой боли.
[1:03:45] Р█████ Э███████ вновь лёг на пол и перестал подавать признаки сознания.
[3:01:12] Агента переместили из комнаты карантина в стационар для обследования и дальнейшего изучения SCP-1473 на носителе.
Эксперименты с SCP-1473 будут временно приостановлены, из-за более детальных исследований с агентом █████. — Д-р де Лант. [Неактуально]
Эксперименты с SCP-1473 вновь возобновлены с ██.██.████.. — Д-р де Лант.
Приложение 1473-1: Объект проявляет сильную агрессию и стремление заполучить более развитое и мобильное в перемещении тело. SCP-1473 чаще всего нападают группой на другое живое существо.
После инцидента на эксперименте 1473-2, было выявлено полное поражение сердечно-сосудистой системы, обвития мелких и тонких лоз вокруг костей и органов агента █████, из-за чего удаление цветка-паразита невозможно. Так же, не смотря на то количество, что напало на агента особей 1473, из всех цветков был только один, что намертво вцепился в тело ныне заражённого. Походу, независимо от количество нападающих, только один паразит способен занять тело, и это только сильнейшая особь.
Приложение 1473-2:
После инцидента на эксперименте 1473-2, агент █████ был отправлен на более подробное обследование, во время которого было выяснено, как именно и по какому принципу распространяется паразит по телу своего носителя.
SCP-1473 поражает тело заражённого им существа:
- Сердечно-сосудистую систему.
- Кости, обвивая все доступные на начале развития своими более тонкими и мелкими аналогами лоз.
- Органы, в частности сердце и лёгкие.
Питается паразит исключительно за счёт своего носителя высасывая из того всё что тому нужно для развития.
Опрашиваемый: агент █████ — Р█████ Э███████
Опрашивающая: Доктор де Лант Карен
Д-р де Лант: Привет, Р█████. Как себя чувствуешь?
Агент █████: Будто мне ногу вспороли и чем-то обвили кости ноги, после грубо зашив.
Д-р де Лант: Ты как всегда, любишь ты красиво рассказать что-то.. подобное...
[указала на ногу, где сидит паразит]
Д-р де Лант: Что-то сможешь рассказать из того что чувствуешь насчёт этого нечто?
Агент █████: Честно ощущения странные и мало понятные. С одной стороны меня в первые часы будто реально ногу вспороли, кости чем-то перемотали внутри меня самого, а после огнём обливали, сейчас уже полегче стало что ли? Ещё я.. я ощущаю себя, но как будто при этом же не ощущаю себя самим собой... Будто в голову кого-то подсадили. Множество кого-то...
Д-р де Лант: То есть ты слышишь этого паразита или...?
Агент █████: Скорее множество, будто это не просто один кто-то, а все сразу и где-то далеко от меня...
Д-р де Лант: Значит теории о коллективном разуме у SCP-1473 подтвердились...
[Продолжительное молчание]
Агент █████: Когда меня устранять?
Д-р де Лант: Прости, как бы мне сейчас не хотелось тебе что-то об этом сказать, но я не могу...
Агент █████: Ничего, я понимаю...
Д-р де Лант: Может ещё что-то можешь сказать? Это было бы очень даже кстати.
Агент █████: На вряд ли, до сих пор не пришёл в себя как положено...
Д-р де Лант: Ладно, даже так спасибо, что хоть что-то рассказал. К тебе через время придёт кто-то из другого персонала, потому отдыхай.
Агент █████: Был рад с тобой повидаться, Карен. До следующей встречи... [говорит тише] если та у нас будет...
[Запись окончена]
Протокол эксперимента 1473-3:
Исследователь: Д-р де Лант.
Цель: Проверка возможностей коллективного разума у особей SCP-1473.
Ход испытания:
Из камеры содержания SCP-1473 были перемещены в контейнерах две особи паразитов. После этого тех разместили в испытательной комнате, что разделена на две части перегородкой.
[Запись эксперимента]
[1:23] — особи SCP-1473 вышли из переносных контейнеров и начали рассматривать каждый свою часть испытательную комнаты.
[1:25] — паразиты подошли уже к основному испытанию и начали рассматривать то своими лозами. (Интересно, что те двигаются и перемещаются почти одновременно и параллельно друг другу)
[1:37] — SCP-1473 решили первую головоломку на перемещение геометрических фигур в их ячейки. Достаточно быстро для подобного вида существа как они. Значит интеллект у этих паразитов точно присутствует.
[2:56] — оба паразита разобрались со второй головоломкой на логику, где нужно выбрать третье лишнее.
[3:07] — объект застрял на цветной головоломке не решаясь прикоснуться к цветным кнопкам.
[Запись завершена]
По окончанию эксперимента все особи SCP-1473 по участвовавшие в испытаниях, были ликвидированы.
[Пометка]: Полученные данные были внесены в описание объекта.
Протокол эксперимента 1473-4:
Исследователь: Д-р де Лант.
Цель: Изучение странного поведения и отношения SCP-1473 к ярким цветам.
Ход испытания:
В камеру содержания SCP-1473 по одному заводили сотрудников класса D переодетых в другую цветную одежду.
На испытуемых в одежде зелёного, голубо-бирюзового, оранжевого и лилового цветов паразиты не нападали, хотя к испытуемым в зелёной и лиловой одежде всё же был интерес. На всех остальных сотрудников класса D SCP-1473 нападали без исключения.
Однако в какой-то момент особи SCP-1473 начали источать из себя споры и даже те что только недавно переселились на испытуемых.
Эксперимент был принудительно закончен. Всех сотрудников класса D отправили на трёхчасовой карантин, после же на обследование.
На обследованиях показало, что все без исключения испытуемые заражены цветками-паразитами. По окончанию обследования дополнительных экспертиз, все сотрудники класса D участвовавшие в испытание были ликвидированы.
Приложение 1473-3: SCP-1473 имеет коллективный разум и интеллект не уступающий человеческому. Выяснено так же что особи могут без проблем делиться между собой информацией не смотря на расстояния между теми.
Приложение 1473-4: SCP-1473 не переносит определённые яркие цвета — оранжевый и голубо-бирюзовый наиболее неприятные для паразитов оттенки. Всё остальные же либо только больше привлекают внимание особей объекта, либо просто игнорируются теми.
Приложение 1473-5: Основной тип размножения у SCP-1473 являются пересадка на своего носителя и так называемое "цветение". Цветение происходит у Цветов-паразитов лишь, когда начинаются сильно благоприятные условия или когда сами особи SCP-1473 понимают, что могут куда большее количество живых существ заразить подобными себе благодаря своим спорам из-за "цветения".
Также это показывает, что особи SCP-1473 имеют достаточный интеллект для применения каких-либо тактик в распространении себе подобных.
Личное дело де Лант карен
.jpg)
де Лант Карен на момент
поступления в Фонд
Тема для этой статьи
[[include theme:foxtrot wide=a| hidetitle=a]]
[[module CSS]] :root { --header-title: "Отдел Кадров"; --logo-img: url(https://scpfoundation.net/local--files/draft:licnoe-delo-dzona-kinli/Logo); --head-font: var(--ui-font); --accent: 0, 60, 60; } [[/module]]
ФИО: де Лант Карен . Известна также под псевдонимом Mistrik, "наивная" или же доктор де Лант.
Уровень допуска: третий.
Профессия: Учёный-исследователь, в области биологии и химии.
Место работы: Участок 23(Биоисследовательский Участок 23). Зона №66 (Биологическая Зона содержания 66, Биозона 66), отдел исследования.
Краткая характеристика:
Рассказ: Половина от креста
— Кхм-кхм... Даже не знаю как начать... Наверное с~? — Рассказчица настроила камеру, что прикрепила на верхнюю часть монитора своего компьютера. — Ммм... День 1. Запись № 1. От 02.[Помехи].
Говорит де Лант Карен, учёная-исследователь зоны №66, второго уровня допуска для персонала. Сегодня будет проведён первый эксперимент с SCP-1473 и мой лично первый эксперимент как уже не ассистента. Очень волнуюсь, пусть даже по мне не особо видно как-то...
— День 1. Запись №2. От 02.[Помехи]. Говорит де Лант Карен, учёная-исследователь зоны №66, второго уровня допуска для персонала. Эксперимент прошёл не очень хорошо. Появились только другие вопросы насчет этих паразитов. Что ещё странно так это [Помехи] и то как [Помехи] — запись неожиданно стала глючить и терять своё качество, однако, сама учёная не обратила внимания продолжая что-то говорить, но зрителю уже ничего не разобрать.
[ЗАПИСЬ ОБОРВАНА]
— День 2. Запись №3. От 04.[Помехи]. Говорит де Лант Карен, учёная-исследователь зоны №66, второго уровня допуска для персонала. Начала более углубленно разбираться с объектом и его собственным строением. Как оказалось убить особь SCP-1473 легче-лёгкого стоит всего застать ту врасплох. Вскрытие же показало строение этого растительного паразита схоже как у
SCP-1420-RU
[[include theme:flopstyle]]
[[include component:centered-header-sigma-9]]
[[module CSS]]
/* == ITEM INFO == */
.itemInfo {
position: relative;
top: .5em;
width: 100%;
max-width: 100%;
font-size: 135%;
text-transform: uppercase;
white-space: nowrap;
}
.itemInfoHeading {
font-weight: 900;
}
.alignL {
position: relative;
right: .195em;
}
.alignR {
position: relative;
left: .195em;
text-align: right;
}
.infofield_1,
.infofield_2,
.infofield_3 {
font-weight: inherit;
}
/* == DISRUPTION CLASS == */
a.disruptionHeader {
display: inline-block;
width: 100%;
padding: .3em 0 .4em;
color: hsl(0, 0%, 94%);
transition: color .15s linear;
font-size: 145%;
line-height: 1;
text-align: center;
text-decoration: none;
text-shadow:
.5px .9px 0 hsla(0, 0%, 0%, .3),
1.5px 2.6px 0 hsla(0, 0%, 0%, .3);
text-transform: uppercase;
}
a.disruptionHeader:hover {
color: white;
background-color: transparent;
text-decoration: none;
}
[[/module]]
(Для Статьи в дальнейшем)
Объект №: SCP-1420
Класс объекта: Безопасный. Нейтрализован.
Особые условия содержания:
Описание: Объект представляет собой обычное зеркало в полный рост среднестатистического человека с рамкой из олова. Установлено что само стекло зеркала является очень хрупким и тонким. Странности с SCP-1420 начинаются когда кто-то из живых существ подходит к зеркалу — в самом зеркале не видно человека что мог бы там отражаться.
Приложение 1:
Приложение 3: Во время последующих экспериментов и испытаний было выяснено, что стекло зеркала куда прочнее, чем было установлено изначально.
Приложение 4:
**Инцидент
[Запись телефонного звонка между Д-р де Лант и Д-р Софи, после инцидента на зоне № 66]
[Начало записи звонка:]
<Д-р Софи> Карен, я потерялась...
<Д-р де Лант> В смысле? Ты потерялась в двух коридорах? Серьёзно? Ты думаешь я поверю в этот бред?
<Д-р Софи> Карен, твою мать я абсолютно серьёзно и реально не могу понять где я! Тут очень темно, но при этом я вижу себя просто прекрасно! А ещё звуки... я слышу шаги периодически, но те очень быстро проходят мимо...
<Д-р де Лант> М-мх попробуй найти откуда идут сами шаги, я не знаю...
[продолжительно молчание]
Д-р Софи3: Карен...? Кажется у нас проблемы, подруга...
[Доктор де Лант обернулась на звук голоса Софи]
Д-р де Лант: Какого хера...
[Запись окончен]
После окончания разговора между Карен и Софи было выяснено, что ассистентка де Лант оказалась внутри SCP-1420, что недавно поступил на содержание. Данное событие вызвало массу негодования и вопросов как у двух исследователей, так и у другого персонала.
Заготовка
Коды и фишки оформления, что я использую:
- Тема Flopstyle: LITE
- Фишки темы Flopstyle: LITE
- Тема: бумага и скрепки
- Плашки в начале статей и их варианты
- Темы:
- [[include theme:flopstyle]]
- [[include component:centered-header-sigma-9]]
- Модуль CSS плашки Flops:
- [[module CSS]] /* == ITEM INFO == */ .itemInfo { position: relative; top: .5em; width: 100%; max-width: 100%; font-size: 135%; text-transform: uppercase; white-space: nowrap; } .itemInfoHeading { font-weight: 900; } .alignL { position: relative; right: .195em; } .alignR { position: relative; left: .195em; text-align: right; } .infofield_1, .infofield_2, .infofield_3 { font-weight: inherit; } /* == DISRUPTION CLASS == */ a.disruptionHeader { display: inline-block; width: 100%; padding: .3em 0 .4em; color: hsl(0, 0%, 94%); transition: color .15s linear; font-size: 145%; line-height: 1; text-align: center; text-decoration: none; text-shadow: .5px .9px 0 hsla(0, 0%, 0%, .3), 1.5px 2.6px 0 hsla(0, 0%, 0%, .3); text-transform: uppercase; } a.disruptionHeader:hover { color: white; background-color: transparent; text-decoration: none; } [[/module]]
/* ==== DOCUMENTATION ==== */
.code {
text-align: left;
}
.code.slim {
width: 60%;
margin: 1rem auto;
color: black;
}
.templateInfo {
margin: 1rem 0;
padding: 0 1rem;
background: hsla(0, 0%, 97%);
border: thin solid;
border-bottom-width: medium;
border-color: hsl(0, 0%, 87%) hsl(0, 0%, 73%);
}
/* ==== UNADAPTED STYLING BY WOEDENAZ ==== */
:root {
—white-monochrome: hsl(0, 0%, 95%);
}
span.pointer {
font-family: var(—mono-font);
display: inline-block;
height: .8125rem;
line-height: .75rem;
line-height: .8125rem;
font-size: .625rem;
font-size: .6875rem;
background: var(—accentColor);
color: var(—white-monochrome);
-webkit-border-bottom-right-radius: .25rem;
-moz-border-radius-bottomright: .25rem;
border-bottom-right-radius: .25rem;
-webkit-border-top-right-radius: .25rem;
-moz-border-radius-topright: .25rem;
border-top-right-radius: .25rem;
margin: 0 0 0 .75rem;
padding: .1875rem .3125rem .1875rem 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
span.pointer::before, span.pointer::after {
float: left;
position: relative;
}
span.pointer::before {
content: "";
top: -.1875rem;
left: -.625rem;
width: 0;
height: 0;
border-color: transparent var(—accentColor) transparent transparent;
border-style: solid;
border-width: .5rem .5rem .5rem 0;
padding: 0 .0625rem .1875rem;
}
span.pointer::after {
content: "";
top: 0;
left: -.5rem;
width: .5rem;
height: 1rem;
color: var(—white-monochrome);
font-size: 1rem;
line-height: .6em;
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.5933838 19.6584473' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='26.5933838,5.1333008 7.7148438,5.1333008 7.7148438,0 0,9.6740723 7.7148438,19.6584473 7.7148438,14.0671387 26.5933838,14.0671387 '/%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 1rem auto;
mask-size: 1rem auto;
background: var(—white-monochrome);
}
@media only screen and (max-width: 575.9px) {
span.pointer {
width: -webkit-calc(100% - 1rem);
width: -moz-calc(100% - 1rem);
width: calc(100% - 1rem);
height: auto;
padding-left: .5rem;
line-height: 1.5em;
}
span.pointer::after {
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.6584473 26.5933838' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='14.5251465,26.5933838 14.5251465,7.7148438 19.6584473,7.7148438 9.984375,0 0,7.7148438 5.5913086,7.7148438 5.5913086,26.5933838 '/%3E%3C/svg%3E%0A");
-webkit-mask-size: contain;
mask-size: contain;
mask-position: center center;
}
}
/* Отвечает за отображение блока authorbox исключтельно на этой странице */
.authorbox {
position: absolute;
width: calc((100vw - 870px) / 2);
max-height: calc(100vh - 18rem);
margin-right: 8px;
padding: .3rem 1.5rem;
box-sizing: border-box;
z-index: 5;
}
.authorbox {
top: .5rem;
right: 103.5%;
max-width: calc((100vw - 921.2px) / 2) !important;
padding-right: 1rem;
font-size: 95%;
}
.authorbox tr :is(th, td) {
padding: .2rem !important;
}
[[/module]]
[[module CSS]]
/* ==== FONTS ==== */
/
- Architects Daughter
- By
- Kimberly Geswein
- License
- Open Font License (OFL)
- Source Link
- https://fonts.google.com/specimen/Architects+Daughter/about
/* Architects Daughter был заменён на форк с кириллицей, найденный где-то в китайском интернете */
@font-face {
font-family: "Architects Daughter Cyr";
src: url("https://scpfoundation.net/local--files/theme:flopstyle/ArchitectsDaughterCyr.ttf") format('truetype');
}
/
- Montserrat
- By
- Julieta Ulanovsky, Sol Matas, Juan Pablo del Peral, Jacques Le Bailly
- License
- Open Font License (OFL)
- Source Link
- https://fonts.google.com/specimen/Montserrat/about
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
/* ==== Flopstyle: LITE ==== */
/
- [2020 Wikidot Theme]
- Created by Lt Flops
- Select CSS Styles Are Credited Where Necessary
/* ==== HEADER AREA ==== */
/* == COMMON == */
:root {
/* = COLOUR SCHEME = */
—alpha: hsl(0, 0%, 100%);
—key: hsl(0, 0%, 5%);
—accentColor: hsl(0, 100%, 30%);
—vivid-lime-green: hsl(112, 77%, 48%);
}
:root {
/* = YUI TAB COLOUR SCHEME = */
—darkAccent: hsl(360, 94%, 20%);
—liteAccent: hsl(360, 100%, 27%);
—alfaAccent: hsl(360, 100%, 95%);
}
:root {
/* = FONTS = */
—header-font: "Montserrat", sans-serif;
—script-font: "Architects Daughter Cyr", cursive;
}
body {
color: var(—key);
}
/* == SITE BANNER == */
#header h1 a,
#header h1 a::before {
color: hsl(0, 0%, 93%);
font-family: var(—header-font);
font-weight: 800;
text-shadow: none;
}
#header h2 span,
#header h2 span::before {
color: hsl(60, 62%, 85%);
font-family: var(—header-font);
font-weight: 400;
text-shadow: none;
}
/* == SEARCH == */
#search-top-box-input,
#search-top-box-form input[type="submit"] {
background: hsl(0, 0%, 20%);
border-color: hsl(0, 0%, 60%);
border-radius: 0;
}
#search-top-box-form input[type="submit"] {
font-size: unset;
}
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
background: hsl(0, 0%, 30%);
border-color: hsl(0, 0%, 70%);
}
/* == TOP MENU == */
#top-bar ul li ul {
top: 21px; /* при 22px (как в оригинале), появляется зазор, достаточный, чтобы выпадающее меню исчезло при попытке навестись на него */
}
/* == SIDE MENU == */
#top-bar .open-menu a {
border-radius: unset;
}
#side-bar .side-block {
border-color: hsl(0, 0%, 20%);
border-radius: 0;
}
#side-bar .heading {
color: var(—key);
border-bottom: 1px solid hsl(0, 0%, 20%);
}
/* == INTERWIKI == */
div.scpnet-interwiki-wrapper {
margin-bottom: 2rem;
}
iframe.scpnet-interwiki-frame {
width: 15.127rem;
min-height: 8rem;
margin-left: 4px;
background: hsl(127, 050%, 94%);
border: 1px solid hsl(0, 0%, 20%);
}
#interwiki body {
overflow: hidden;
}
#interwiki .side-block {
padding: 5px;
background: 0;
border: 0;
box-shadow: none;
}
#interwiki .heading {
color: var(—key);
border-bottom: 1px solid hsl(0, 0%, 20%);
}
#interwiki .menu-item img {
display: none;
}
/* ==== CONTENT AREA ==== */
/* == SIDEBOXES == */
/
- Adapted From
- Penumbra Theme by EstrellaYoshte
.limit {
line-height: 1.5;
z-index: 5;
}
.limit br {
display: block;
}
.anchor {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 5;
}
.sidebox {
position: absolute;
width: calc((100vw - 870px) / 2);
max-height: calc(100vh - 18rem);
margin-right: 8px;
padding: .3rem 1.5rem;
box-sizing: border-box;
z-index: 5;
}
.sidebox {
left: 103.5%;
margin-left: 1rem;
padding-left: 1rem;
background: var(—alpha);
border: 1px solid hsl(0, 0%, 73%);
border-left: 8px solid var(—accentColor);
}
.sidebox tr :is(th, td) {
padding: .2rem !important;
}
.flavorbox {
width: 75%;
margin: auto auto 5px;
padding: 0 1rem;
border: 1px solid #888;
}
/* == SIDEBOX MOBILE CUSTOMIZATION == */
/
- Courtesy Of
- Woedenaz
@media (max-width: 767.9px) {
.sidebox,
.sidebox:hover {
right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem);
}
}
/* фикс съезжающих сайдбоксов */
@media (min-width: 768px) {
.sidebox {
right: calc(((100vw - 45.8rem) / 2) * -1);
}
}
/**/
@media (max-width: 1199.9px) {
.authorbox {
display: none;
visibility: hidden;
}
.sidebox {
top: .75rem;
left: initial;
width: auto;
max-width: 65vw !important;
padding: 0 .4rem;
background: var(—accentColor);
border: 1px solid hsl(0, 0%, 73%);
border-left: 8px solid var(—accentColor);
border-radius: 0;
overflow: visible;
-webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
-webkit-transition:
color .2s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s;
-o-transition:
color .2s ease-in-out .1s,
box-shadow .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s;
transition:
color .2s ease-in-out .1s,
box-shadow .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s;
}
.sidebox::before,
.sidebox::after {
content: " ";
position: absolute;
right: 0;
}
.sidebox::before {
top: calc(50% - .75rem);
width: 0;
height: 0;
border-top: .75rem solid transparent;
border-right: .75rem solid var(—accentColor);
border-bottom: .75rem solid transparent;
transition: border .1s ease-in-out .1s;
z-index: 10;
}
.sidebox::after {
width: 100%;
max-width: .75rem;
height: 100%;
max-height: calc(100vh - 18rem);
top: 0;
background: var(—alpha);
transition:
max-width .5s ease-in-out .1s,
box-shadow .5s ease-in-out .1s;
z-index: -1;
}
.sidebox > * {
opacity: 0;
-webkit-transition: opacity .2s ease-in-out .2s;
-o-transition: opacity .2s ease-in-out .2s;
transition: opacity .2s ease-in-out .2s;
}
.sidebox:hover {
overflow: visible;
-webkit-clip-path: inset(-.125rem -.25rem 0 0);
clip-path: inset(-.125rem -.25rem 0 0);
-webkit-transition:
right .5s ease-in-out .1s,
color .5s ease-in-out .2s,
-webkit-box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s;
-o-transition:
right .5s ease-in-out .1s,
color .5s ease-in-out .2s,
box-shadow .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s;
transition:
right .5s ease-in-out .1s,
color .5s ease-in-out .2s,
box-shadow .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s;
}
.sidebox:hover::before {
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
}
.sidebox:hover::after {
right: 0;
max-width: 100%;
}
.sidebox:hover > * {
opacity: 1;
}
}
/* == COLLAPSIBLES == */
.collapsible-block-link {
font-size: 120%;
font-weight: bold;
}
:is(div) .collapsible-block {
/* = For Collapsibles Inside Divs = */
padding: 1rem 0;
}
.licensebox .collapsible-block-folded,
.licensebox .collapsible-block-unfolded-link {
margin: auto;
text-align: center;
}
.licensebox .collapsible-block-content {
text-align: center
}
.licensebox :is(blockquote, div.blockquote) {
text-align: left;
}
/* == INFO BAR == */
.info-container {
—barColour: hsl(0, 89%, 18%);
}
.info-container .collapsible-block-link {
font-size: 100%;
}
.info-container div.collapsible-block-content {
padding: 0 .6rem 3rem;
}
.info-container .wiki-content-table {
width: 90%;
}
/* == PAGE RATING == */
.page-rate-widget-box,
div.page-rate-widget-box .rate-points {
border-radius: 0;
text-transform: capitalize;
}
.page-rate-widget-box {
margin-right: 0;
}
.page-rate-widget-box .cancel,
.page-rate-widget-box .cancel a:hover {
border-radius: 0 !important;
}
/* == INFO MODULE == */
.creditRate {
margin-right: 0 !important;
}
.rate-box-with-credit-button {
border-radius: 0 !important;
box-shadow: none !important;
}
:is(.creditButton, .creditButtonStandalone) p a:hover {
color: var(—vivid-lime-green) !important;
}
div.credit.first .wiki-content-table {
width: 100%;
}
/* == FORMATTING | [GENERAL] == */
#page-title,
.meta-title {
padding-bottom: 0;
font-family: var(—header-font);
font-weight: 600;
}
#page-content :is(h1, h2, h3, h4, h5, h6) {
display: flex;
flex-direction: column;
justify-content: center;
font-family: var(—header-font);
font-weight: 600;
line-height: 1.2;
text-align: center;
text-underline-offset: 25%;
word-break: unset;
}
#page-content h2 {
font-weight: bold;
}
#page-content a {
padding-bottom: 1px;
border-bottom: thin solid;
}
#page-content :is(.disruptionHeader, .footnoteref, .bibcite),
#page-content :is(.rateup a, .ratedown a, .cancel a, .yui-nav a) {
/* = Avoid Special Links = */
border: 0;
}
#page-content :is(.creditButton, .creditButtonStandalone) p a {
/* = Avoid Special Links = */
border-bottom: 0;
}
#page-content a:hover {
border-bottom-width: 2px;
text-decoration: none;
}
#page-content .footnoteref a:hover {
text-decoration: underline;
}
#main-content :is(#breadcrumbs, #page-options-container) a:hover,
:is(#footer, #license-area) a:hover {
padding-bottom: 1px;
border-bottom: thin solid;
text-decoration: none;
}
hr {
height: 0;
margin: 1rem 0;
background: 0;
border-top: 1px solid hsl(0, 0%, 67%);
}
ol li {
margin: 0 0 1rem;
}
ul {
margin: 1rem 0;
}
li, p {
text-underline-offset: 30%;
}
#toc {
line-height: 1.5;
}
.footnotes-footer,
.bibitems {
padding: 0 0 .5rem;
}
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus,
#top-bar ul li ul,
#side-bar .side-block,
.page-rate-widget-box,
.scp-image-block {
box-shadow: none;
}
/* == IMAGE BLOCK == */
.scp-image-block .scp-image-caption {
font-size: 95%;
line-height: 1.35;
text-underline-offset: 30%;
}
.scp-image-block.block-right {
margin: 0 0 1rem 2rem;
}
/* == CUSTOM DIV BLOCKS == */
.raisa-header,
.pink-header,
.oracle-header,
.cicapoco-header {
margin-bottom: 1rem;
padding: 0 .5rem;
border: 1px solid;
text-align: center;
}
.raisa-header {
/* = RAISA Notice Header = */
background: hsl(60, 65%, 85%);
border-color: hsl(0, 0%, 60%);
}
.pink-header {
/* = Pretty Header = */
background: hsl(350, 100%, 85%);
border-color: hsl(0, 4%, 36%);
}
.pink-header hr {
border-color: hsl(0, 4%, 36%);
}
.oracle-header {
/* = SPC From the Desk of ORACLE Header = */
color: hsl(208, 100%, 97%);
background: hsl(208, 67%, 44%);
border-color: var(—key);
}
.oracle-header hr {
border-color: hsl(208, 100%, 97%);
}
.img-resize img {
/* = Header Icons = */
float: left;
width: auto;
height: 8rem;
margin: .5rem;
}
.cicapoco-header {
/* = SPC's RAISA-Equivalent Header = */
background: lightblue;
border-color: hsl(195, 50%, 39%);
}
.cicapoco-header hr {
border-color: hsl(195, 50%, 39%);
}
.content-warning {
/* = Content Warning = */
width: 75%;
margin: 1rem auto;
padding: 0 1rem;
background: var(—alpha);
border: 3px double var(—key);
text-align: center;
}
blockquote, div.blockquote,
.alt-blockquote, .lightweight {
margin: 1rem 3rem;
padding: 0 1rem;
}
blockquote, div.blockquote {
/* = Regular Quote Block = */
background: hsl(0, 0%, 96%);
border: 3px double hsl(0, 0%, 60%);
}
:is(blockquote, div.blockquote) table.wiki-content-table th {
background: hsl(0, 0%, 89%);
}
.alt-blockquote {
/* = Alternative Quote Block = */
background: hsl(0, 0%, 96%);
border: 1px solid hsl(0, 0%, 60%);
border-radius: 1rem;
}
.lightweight {
/* = Lightweight Quote Block = */
background: hsl(0, 0%, 90%);
}
.card-block {
/* = Decorative Quote Block = */
margin: 1rem 0;
padding: .6rem 1.2rem;
background: hsl(220, 15%, 93%);
border-left: 8px solid var(—accentColor);
border-radius: .5rem;
}
blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr {
border-color: hsl(0, 0%, 67%);
}
.log-header {
/* = Interview/Exploration Log Header = */
margin-bottom: 1rem;
padding: 0 1rem;
background: hsl(0, 0%, 96%);
border: 3px dashed hsl(0, 0%, 60%);
border-radius: 2rem;
}
.report-box {
/* = Report Block = */
margin: 1rem 0;
padding: 0 1rem;
background: var(—alpha);
border: medium solid var(—key);
}
.report-box hr {
border-color: var(—key);
}
.realistic-shadow {
/* = Better Shadows = */
margin: 1rem 0 2rem;
box-shadow:
0 1px 1px hsla(0, 0%, 0%, .23),
0 2px 2px hsla(0, 0%, 0%, .18),
0 4px 4px hsla(0, 0%, 0%, .15),
0 8px 8px hsla(0, 0%, 0%, .13);
}
.report-box.red-tint {
/* = Alternative Report Block Variants = */
background: hsl(360, 91%, 86%);
border-color: hsl(360, 62%, 66%);
}
.report-box.red-tint hr {
border-color: hsl(360, 62%, 66%);
}
.report-box.orange-tint {
background: hsl(30, 91%, 86%);
border-color: hsl(30, 62%, 66%);
}
.report-box.orange-tint hr {
border-color: hsl(30, 62%, 66%);
}
.report-box.yellow-tint {
background: hsl(60, 91%, 86%);
border-color: hsl(60, 62%, 66%);
}
.report-box.yellow-tint hr {
border-color: hsl(60, 62%, 66%);
}
.report-box.green-tint {
background: hsl(120, 91%, 86%);
border-color: hsl(120, 62%, 66%);
}
.report-box.green-tint hr {
border-color: hsl(120, 62%, 66%);
}
.report-box.cyan-tint {
background: hsl(180, 91%, 86%);
border-color: hsl(180, 62%, 66%);
}
.report-box.cyan-tint hr {
border-color: hsl(180, 62%, 66%);
}
.report-box.blue-tint {
background: hsl(240, 91%, 86%);
border-color: hsl(240, 62%, 66%);
}
.report-box.blue-tint hr {
border-color: hsl(240, 62%, 66%);
}
.report-box.magenta-tint {
background: hsl(300, 91%, 86%);
border-color: hsl(300, 62%, 66%);
}
.report-box.magenta-tint hr {
border-color: hsl(300, 62%, 66%);
}
.report-box.grey-tint {
background: hsl(210, 9%, 86%);
border-color: hsl(210, 15%, 42%);
}
.report-box.grey-tint hr {
border-color: hsl(210, 15%, 42%);
}
.report-box:is(.red-tint, .orange-tint, .yellow-tint, .green-tint, .cyan-tint, .blue-tint, .magenta-tint, .grey-tint) blockquote hr,
.report-box:is(.red-tint, .orange-tint, .yellow-tint, .green-tint, .cyan-tint, .blue-tint, .magenta-tint, .grey-tint) div.blockquote hr {
border-color: hsl(0, 0%, 67%);
}
div.o5-box {
/* = Overseer Document Block = */
margin: 1rem 6rem;
padding: 0 1rem;
background: hsl(0, 0%, 75%);
border: medium solid var(—key);
}
div.o5-box hr {
border-color: var(—key);
}
.faux-source {
/* = Mimics Page Source = */
margin-bottom: 1rem;
padding: 0 2rem;
background: var(—alpha);
border: 1px dashed hsl(0, 0%, 67%);
font-family: var(—mono-font);
}
.narration {
/* = Mimics the Pages of a Book = */
margin: 1rem 0;
padding: 0 1rem;
background: var(—alpha);
border: 1px solid hsl(0, 0%, 63%);
}
.warning-notice {
/* = Simple Warning Block (Adapted From SCP-3143) = */
padding: 0 1rem;
background: var(—alpha);
background-image: url(https://scpfoundation.net/local--files/theme:flopstyle/scp_trans.png);
background-position: center;
background-repeat: no-repeat;
border: medium solid var(—key);
text-align: center;
}
.warning-notice hr {
border-color: var(—key);
}
.journal {
/* = Journal Block (Adapted From SCP-4003) = */
margin: 1rem 0;
padding: .9rem;
background-image:
linear-gradient(to top,
hsl(201, 33%, 84%) 0%,
hsl(60, 29%, 89%) 8%);
background-position: 0 8px;
background-size: 100% 1.3rem;
border: 1px solid hsl(0, 0%, 80%);
border-radius: .9rem;
font-family: var(—script-font);
}
.journal p {
margin: 0;
font-size: 1.3rem;
line-height: 1.3rem;
}
.sms-message {
/* = SMS Message Block = */
float: left;
clear: left;
width: 22.4rem;
margin: 0 0 1rem;
padding: 0 1.2rem;
background: hsl(0, 0%, 75%);
border-radius: 2rem;
font-size: 112.5%;
text-align: center;
}
/* фикс вылазящего за рамки блока на мобилках */
@media (max-width: 384px) {
.sms-message {
padding: 0;
}
}
/* == FORMATTING | [SPECIAL] == */
.centered {
/* = Center-Aligns Text = */
text-align: center;
}
.justified {
/* = Justify-Aligns Text = */
text-align: justify;
}
.indented {
/* = Indents Block by ⅜-inch (Use Within Other Divs) = */
text-indent: 2rem;
}
.indented :is(h1, h2, h3, h4, h5, h6, ol, ul, .bibcite, .bibitems, .footnoteref, .scp-image-block, .image-container, .centered, .fncon, .fncon::before) {
text-indent: 0;
}
.rev-red,
.rev-green,
.rev-blue,
.rev-yellow,
.terminal-span {
font-weight: bold;
}
.rev-red {
/* = Red Document Revision Text = */
color: var(—liteAccent);
}
.rev-green {
/* = Green Document Revision Text = */
color: hsl(120, 100%, 27%);
}
.rev-blue {
/* = Blue Document Revision Text = */
color: hsl(240, 100%, 27%);
}
.rev-yellow {
/* = Yellow Document Revision Text = */
color: hsl(40, 100%, 40%);
}
.terminal-span {
/* = Computer Terminal Text = */
font-family: var(—mono-font);
font-size: 110%;
letter-spacing: .3px;
}
/* == Blinking Text Cursor == */
/
- Adapted From
- Your Very First SCP! by The Great Hippo
.blinkbar{color: var(—key); animation: blink 1.5s infinite;}
@keyframes blink{to{opacity:.0}}
@keyframes flicker{0%{opacity:.9890}5%{opacity:.5842}10%{opacity:.9865}20%{opacity:.0412}20%{opacity:.6255}25%{opacity:.3157}30%{opacity:.7328}35%{opacity:.4654}40%{opacity:.9128}45%{opacity:.2449}50%{opacity:.5485}55%{opacity:.6438}60%{opacity:.1180}65%{opacity:.9085}70%{opacity:.0266}75%{opacity:.6795}80%{opacity:.7812}85%{opacity:.0117}90%{opacity:.2239}95%{opacity:.8897}100%{opacity:.2260}}
@keyframes overlay-anim{0%{visibility:hidden}10%{visibility:hidden}11%{visibility:visible}50%{visibility:hidden}100%{visibility:hidden}}
.lite-heading {
/* = Special Heading Area (Adapted From SCP-4058) = */
clear: both;
margin: 3.6rem auto;
}
.lite-heading h3 {
color: var(—liteAccent);
}
.lite-heading hr {
width: 55%;
margin: auto;
border-width: medium;
}
div.image-showcase {
/* = Alternative Image Showcase = */
width: 25rem;
margin-bottom: 1rem;
background: var(—alpha);
border: 3px ridge var(—key);
}
div.image-showcase.block-center {
margin-right: auto;
margin-left: auto;
}
.scene-break {
/* = Fancy Scene/Section Break = */
width: 3.6rem;
margin: 2rem 0;
}
.listPagesNav {
margin-bottom: 5rem;
}
.listPagesNav-prev,
.listPagesNav-next {
/* = ListPages Navigation (Adapted from SCP-5552) = */
width: 45%;
margin: 0 0 1rem;
padding: 0 2%;
background: hsl(0, 0%, 90%);
border: 1px solid hsl(0, 0%, 60%);
}
.listPagesNav-prev {
float: left;
text-align: left;
}
.listPagesNav-next {
float: right;
text-align: right;
}
.fade-away {
background:
linear-gradient(
to bottom,
var(—alpha),
var(—key));
}
.footing::before {
/* = Page Footing = */
content: " ";
position: absolute;
right: 0;
bottom: 1px;
left: 0;
border-bottom: 2px solid hsl(0, 0%, 47%);
}
.footing {
position: relative;
bottom: -2px;
margin-bottom: 2px;
border-bottom: 1px solid hsl(0, 0%, 47%);
}
.related-flex {
/* = Related Articles Box = */
display: flex;
justify-content: center;
}
.related {
margin: 1rem 0;
padding: 0 1rem;
background: var(—alpha);
border: thick solid hsla(0, 0%, 60%, .5);
text-align: left;
}
.series-nav {
/* = Series Navigation = */
margin: .5rem 0;
background:
linear-gradient(to bottom right,
hsla(0, 0%, 100%, 1),
hsla(0, 0%, 50%, .5));
border: outset 1.5px var(—key);
border-radius: 2rem;
font-size: 85%;
font-weight: bold;
text-align: center;
}
/* == ADVANCED WARNING HEADER == */
/
- Adapted From
- SCP-001-JP - indonootoko's Proposal by indonootoko
.orderwrapper {
position: relative;
width: auto;
text-align: center;
}
.council {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 295px;
height: 295px;
margin: auto;
background-image: url(https://scpfoundation.net/local--files/theme:flopstyle/scp_trans.png);
background-position: center;
background-repeat: no-repeat;
background-size: 295px 295px;
}
.ordertitle {
position: absolute;
top: 27px;
right: 0;
left: 0;
}
.ordertitle h1 {
color: var(—key);
font-size: 220%;
line-height: 90%;
}
.orderdescription {
position: absolute;
top: 93px;
right: 0;
left: 0;
width: 100%;
}
.orderdescription h1 {
color: var(—key);
font-size: 120%;
}
.orderdescription p {
color: var(—key);
font-size: 90%;
}
.itemno {
position: absolute;
right: 0;
bottom: 18px;
left: 0;
}
.itemno h1 {
color: var(—key);
font-size: 170%;
}
/* ==== YUI TABS ==== */
/* == YUI TAB BASE == */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: inherit;
background-image: inherit
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background: inherit;
text-decoration: inherit
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
color: inherit;
background: inherit
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: inherit
}
.yui-navset li {
line-height: inherit
}
/* == YUI TAB CUSTOMIZATION == */
/
- Adapted From
- Black Highlighter Theme by Woedenaz
.yui-navset * {
transition:
color 80ms cubic-bezier(.4, 0, .2, 1),
background 80ms cubic-bezier(.4, 0, .2, 1);
}
:is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav {
display: flex;
flex-wrap: wrap;
border-color: var(—darkAccent);
}
:is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav a {
/* = Link Modifier = */
color: var(—key);
/* = Tab Background Colour | [UNSELECTED] = */
background: var(—alfaAccent);
/* == */
}
:is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav li {
/* = Listitem Modifier = */
display: flex;
flex-grow: 2;
margin: 0;
padding: 0;
color: var(—alpha);
background: var(—darkAccent);
font-size: 1.05rem;
}
:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li a {
width: 100%;
border: 0;
}
:is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav .selected {
/* = Selection Modifier = */
flex-grow: 2;
margin: 0;
padding: 0;
color: var(—alpha);
/* = Tab Background Colour | [SELECTED] = */
background: var(—darkAccent);
/* == */
}
.yui-navset .yui-nav li em {
border: 0;
}
.yui-navset :is(.yui-nav, .yui-nav .selected, .yui-navset-top .yui-nav) a em {
padding-top: .47rem;
padding-bottom: .47rem;
text-align: center;
}
.yui-navset :is(.yui-content, .yui-navset-top .yui-content) {
padding: .53rem;
border-color: hsl(0, 0%, 60%);
line-height: 1.5;
}
.yui-navset .yui-nav .selected a {
color: var(—alpha);
background: var(—darkAccent);
}
.yui-navset .yui-nav a:is(:hover, :focus) {
color: var(—alpha);
/* = Tab Background Colour | [HOVER] = */
background: var(—liteAccent);
/* == */
}
.yui-navset .yui-nav .selected :is(a, a em) {
border: 0;
}
.yui-navset .yui-nav .selected a:is(:hover, :active, :focus) {
background: var(—darkAccent);
cursor: default;
}
/* == WIKIWALK NAVIGATOR == */
.footer-wikiwalk-nav {
text-align: center;
}
/* == BETTERFOOTNOTES PATCH == */
:root {
—posX: calc(50% - 358px - 13rem) !important;
—fnLinger: 1.5s !important;
}
.fnnum {
font-size: 90%;
}
.fnnum:hover + .fncon {
right: calc(-8vw - 4rem) !important;
}
/* == CROQSTYLE PATCH == */
#edit-page-textarea {
font-family: unset;
}
code {
margin: unset;
padding: unset;
background: unset;
border-radius: unset;
font-size: unset;
}
/* == FLOPS HEADER PATCH == */
#page-content .disruptionHeader {
padding-bottom: .4em;
}
/* == PAGE TAGS == */
#main-content .page-tags {
border-top: 1px solid hsl(0, 0%, 73%);
}
#main-content .page-tags a {
display: inline-block;
height: .8125rem;
margin: 0 0 .5rem .75rem;
padding: .1875rem .3125rem .1875rem 0;
color: hsl(0, 0%, 95%);
background: hsl(0, 0%, 27%);
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem;
font-size: .6875rem; /* 11px */
font-weight: normal;
line-height: .8125rem; /* 13px */
}
#main-content .page-tags a::before {
width: 0;
height: 0;
top: -.1875rem;
left: -.625rem;
padding: 0 .0625rem .1875rem;
border-color: transparent hsl(0, 0%, 27%) transparent transparent;
border-style: solid;
border-width: .5rem .5rem .5rem 0;
}
#main-content .page-tags a::before,
#main-content .page-tags a::after {
content: "";
position: relative;
float: left;
}
#main-content .page-tags a::after {
top: .2813rem;
left: -.5rem;
width: .25rem;
height: .25rem;
background: var(—alpha);
border-radius: .125rem;
}
#main-content .page-tags span {
max-width: 100%;
border-top: .5rem solid transparent;
}
/* == SHOW-CHANGES HIGHLIGHTS == */
.inline-diff ins::before {
color: hsl(240, 100%, 93%);
}
.inline-diff del::before {
color: hsl(0, 100%, 90%);
}
.inline-diff ins + del::before,
.inline-diff del + ins::before {
color: transparent;
}
.inline-diff br + ins::before,
.inline-diff br + del::before,
.inline-diff ins:first-of-type::before,
.inline-diff del:first-of-type::before {
content: "\f111";
position: absolute;
left: -1rem;
display: inline-block;
font: normal normal normal 16px/1 "FontAwesome";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: auto;
}
/* ==== BREAKPOINTS ==== */
/* == BREAKPOINTS KEY == */
/
- Dbl-Extra-Small: ≤383.9px
- Extra-Small: 384px … 575.9px
- Small: 576px … 767.9px
- Medium: 768px … 983.9px
- Large: 984px … 1199.9px
- Extra-Large: 1200px … 1391.9px
- Dbl-Extra-Large: ≥1392px
/* == DBL-EXTRA-SMALL MEDIA QUERY == */
@media (max-width: 383.9px) {
#header h1 a {
font-size: 75%;
}
div.image-showcase {
width: 90%;
}
div.o5-box {
margin: 1rem 0;
}
}
/* == EXTRA-SMALL MEDIA QUERY == */
@media (min-width: 384px) and (max-width: 575.9px) {
#header h1 a {
font-size: 85%;
}
div.image-showcase {
width: 100%;
}
div.o5-box {
margin: .5rem;
}
}
/* == SMALL MEDIA QUERY == */
@media (max-width: 767.9px) {
.open-menu a:hover {
box-shadow: none;
}
.info-container div.collapsible-block-content div {
margin-right: 0;
margin-left: 0;
}
blockquote, div.blockquote,
.alt-blockquote, .lightweight {
margin: 1rem 0;
}
}
/* == REDUCED MOTION ACCESSIBILITY == */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: .001s !important;
animation-iteration-count: 1 !important;
transition-duration: .001s !important;
}
}
[[/module]]@@
То как это будет выглядеть на страничке статьи
И эта плашка закрепляется именно за тем текстом который был отделён последним [[/div]]
- Плашки:
[[div class="limit"]]
[[div class="anchor"]]
[[div class="sidebox"]]
Здесь то что внутри плашки
[[/div]]
[[/div]]
(Здесь текст за который закрепляется плашка)
[[/div]]
- Блоки с цитатами:
[[div class="card-block"]]
Между ними текст и так это выглядет
[[/div]]
Заголовок записи
[[div class="log-header"]]
+++* Заголовок записи
----
Текст
[[/div]]
Блок отчётов
[[div class="report-box"]]
+++* Сюда заголовок
----
Так выглядит и текстик.
[[/div]]
За кадром
[[div class="narration justified indented"]]
//[[div]]
Блок для закадровых деталей.
[[/div]]
[[/div]]//
ПРЕДУПРЕЖДЕНИЕ
[[div class="warning-notice"]]
+* ПРЕДУПРЕЖДЕНИЕ
----
Текст
[[/div]]
Благодарность:
Eduard-Dirmshi
Взято из статьи: SCP-1466-RU
[[include component:wide-spoiler
bg-color=#D3C29B |
color= black |
class=classic |
border=1px solid #000000|
hover-border=#999999 solid 1px |
all-spoilers=t]]
[[module CSS]] /* подстройка под малые экраны */
/* 768px (обычно планшеты и телефоны) */
@media (max-width: 768px) {
.rimg {
width: 70%;
}
.rimg span, .limg span, .cimg span {
font-size: 84%;
}
}
/* 490px (обычно телефоны) */
@media (max-width: 490px) {
.rimg {
width: 60%;
}
.rimg span, .limg span, .cimg span {
font-size: 77%;
}
}
[[/module]]
[[module CSS]] /* бумага и скрепки */
.paper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e3d1ab;
border: 1px solid #ccc;
box-shadow: 0 5px 10px rgba(0, 0.1, 0.1, 0.1);
}
.paper-stack { position: relative; display: flex; right: 10px; margin: 10px; }
.paper-main {
position: relative;
display: block;
z-index: 4;
background: #d9c7a2;
/* padding: 10px 25px 0px 40px; */
padding: 10px;
}
.paper-3 {z-index: 1; transform: translate(7px, 8px) rotate(0deg); }
.paper-2 {z-index: 2; transform: translate(-4px, 5px) rotate(0deg); }
.paper-1 {z-index: 3; transform: translate(8px, -4px) rotate(0deg); }
.paperclip {
position: absolute;
top: 5px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 20px;
height: 25px;
z-index: 5;
pointer-events: none;
}
.paperclip::before,
.paperclip::after {
content: '';
position: absolute;
background-color: #555;
border-radius: 2px;
}
.paperclip::before {
top: 0;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 100%;
}
.paperclip::after {
bottom: 0;
left: 0;
width: 100%;
height: 4px;
}
.paperclip {
background-color: #555;
width: 4px;
height: 100%;
left: 50%;
transform: translateX(-50%) rotate(45deg);
border-radius: 2px;
}
.paperclip::before {
top: -4px;
left: 50%;
transform: translateX(-50%) rotate(-90deg);
width: 100%;
height: 4px;
transform-origin: bottom center;
}
.paperclip::after {
bottom: -4px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
width: 100%;
height: 4px;
transform-origin: top center;
}
.paper-clip {
position: absolute;
width: 30px;
height: 120px;
border: 5px solid #555;
border-radius: 20px;
transform: rotate(20deg);
left: -5px;
}
.paper-clip-before {
z-index: 5;
position: absolute;
top: -8px;
left: 5px;
width: 30px;
height: 60px;
border: 5px solid #555;
border-radius: 5px 5px 15px 15px;
transform: rotate(20deg);
}
.paperclip-small {
position: absolute;
top: 10px;
z-index: 5;
pointer-events: none;
background-color: #555;
width: 4px;
height: 35px;
left: 30px;
transform: translateX(-50%) rotate(45deg);
}
[[/module]]
[[module CSS]] /* модифицируем collapsible */
#page-content .collapsible-block {
box-shadow: none;
background: none;
border: none;
}
#page-content .collapsible-block:hover {
border: none;
}
[[/module]]
[[module CSS]] /* задники на бумаге */
.paper-stain {
background-image: url(//files.scpfoundation.net/local—files/draft:eduard-dirmshi/разводы_на_бумаге.png1466);
background-repeat: no-repeat;
background-size: 50%;
background-position: right -14% bottom 0%;
}
.paper-crooked-handwriting {
background-image: url(//files.scpfoundation.net/local—files/draft:eduard-dirmshi/кривой_почерк.png1466);
background-repeat: no-repeat;
background-size: 100%;
background-position: top right 1%;
}
.paper-foundation-seal {
background-image: url(//files.scpfoundation.net/local—files/draft:eduard-dirmshi/foundation-seal.png);
background-repeat: no-repeat;
background-size: 25%;
background-position: bottom right;
top: -5px;
}
[[/module]]
[[module CSS]] /* Контейнер для карточки фотоаппарата */
.camera-card {
height: 390px;
background: linear-gradient(145deg, #b5ac90, #928a73);
box-shadow: 8px 8px 11px rgba(0, 0, 0, 0.5), inset 2px 3px 5px rgba(255, 255, 255, 0.2);
transform: rotate(6deg);
position: relative;
display: flex;
justify-content: center;
padding-top: 25px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
margin-top: 30px;
padding-left: 25px;
padding-right: 25px;
left: -30px;
}
[[/module]]
[[module CSS]] /* переназначаем rimg на свой собственный крутой класс отображения пикч ибо нехуй */
.rimg {
margin-bottom: 15px;
position: relative;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.rimg-image {
height: auto;
display: block;
transition: transform 0.3s ease;
}
.rimg:hover .rimg-image { transform: scale(1.1); }
.rimg-caption {
position: absolute;
bottom: 7px;
width: 100%;
color: white;
opacity: 1;
transition: opacity 0.3s ease;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-shadow: 0 0 20px #000000;
}
.rimg:hover .rimg-caption { opacity: 0; }
[[/module]]
[[module CSS]] /* реализация возможности клика по фотокарточке */
.button-checkbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 1;
}
.button-div {
width: 300px;
height: 300px;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 24px;
transition: all 0.3s ease;
position: relative;
float: inherit;
}
.button-div::before {
content: "?";
position: absolute;
color: white;
}
.button-checkbox:checked + .button-div {
background-color: transparent;
background-size: cover;
background-position: center;
color: transparent;
}
.button-checkbox:checked + .button-div::before { content: ""; }
.button-checkbox:not(:checked) + .button-div:hover { background-color: #333; }
[[/module]]
[[module CSS]] /* остальные элементы */
.email {border: solid 2px #000000; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5) }
.black_negr { margin: 10px; border: solid 3px #D3D3D3; background: #000000; padding: 5px; color: white; }
.p-reset-wrapper p { margin-block-start: 0; margin-block-end: 0; }
.make_right_please { margin-left: 35px; margin-right: 25px; }
[[/module]]