Random Theme

См. также: theme:scpedia, theme:eigenvector

рейтинг: 4.0

1/100%

Содержание

Это - вариант темы Eigenvector от EstrellaYoshte, созданный Billith и предназначенный для общего пользования. Базовый вариант темы ассоциируется с SCP-объектами Центра П.М., но его можно настроить под большое множество других потребностей.

Для подключения этой темы к своей статье, добавьте в неё этот текст:

[[include theme:eigenmachine]]

Добавьте этот параметр для оформления отдела удалений:

[[include theme:eigenmachine delete=a]] (Посмотреть на неё в действии)

Добавьте этот параметр для светлого варианта темы:

[[include theme:eigenmachine light=a]] (Посмотреть на неё в действии)

Каждая вариация предоставляет уникальный набор окрашенных блоков, не забудьте заценить их! Также в разработке находится ретро-вариант.

Основы

Image.

Горизонтальная линия может быть создана при помощи 5 дефисов "-----" и проходит через всю страницу, если он не находится внутри чего-либо (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.

Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки

показать заголовки

Это вкладки.

Это цитата, её можно создать поставив "> " в начале строки.

Больше текста
Это горизонтальная линия.
Вложенная цитата.
Продолжаем вкладывать
Сколько душе угодно

вот	система	клеток
связанных		внутри
клеток	связанных	внутри
единой таблицы¹

Специальные блоки

Эта тема расширяет классы oheader/capt из Eigenvector, добавляя новые цвета и детали:

div class oheader

div class capt

показать варианты цветов

показать другие модификаторы

Класс блоков logger используется для оформления разговоров. Его можно отличить по едва заметному круглому узору на фоне:

Billith

(555-0123)

у горизонтальных линий тоже есть свои цвета!

[КОНТАКТНАЯ ИНФОРМАЦИЯ УДАЛЕНА]

пожалуйста, хватит писать мне о своей новой теме.

Billith

(555-0123)

[[div class="wikibox"]]

Изображение внутри wikibox.

span class capt red
span class capt sandy
span class capt orange
span class capt enki
span class capt desertblue
span class capt mimosa
span class capt dark
span class capt vanta

это	таблица
внутри	wikibox

span class s-title

Идеален для подразделов.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque felis eu vulputate suscipit. Vestibulum dui elit, ornare eget eros ut, gravida finibus velit. Pellentesque et diam vel turpis semper ullamcorper. Integer scelerisque malesuada enim, a semper risus molestie eget. Fusce luctus ex in ante feugiat fermentum. In nec sodales nibh. Suspendisse potenti. Aenean in volutpat turpis, in dictum sapien. Quisque vehicula turpis nec ligula feugiat commodo. Maecenas ornare lorem vel commodo mattis. Sed egestas dignissim sapien nec pulvinar.

В этой секции используется div class box.

В этой секции используется div class dashbox bubblegum medium.

In ligula ipsum, posuere sit amet turpis in, cursus euismod tellus. Maecenas vestibulum nunc in euismod auctor. Donec ultrices tempor felis sit amet ornare. Nam nec lectus sit amet nisl bibendum condimentum. Morbi eu arcu quis mi pulvinar fringilla. Ut fringilla interdum urna, at porta sapien vulputate quis. Integer eu scelerisque urna. Morbi luctus, justo eget viverra feugiat, leo quam egestas velit, sit amet feugiat nisi nibh molestie metus. Phasellus ut blandit ex. Ut aliquam, nisl ut aliquam volutpat, sem lorem tempor mi, sit amet ultricies nunc ante eu libero. Aenean lacinia porta nisi, in finibus quam. Aliquam erat volutpat. Aliquam malesuada libero id dapibus efficitur. Cras bibendum, dolor sit amet sagittis scelerisque, lorem magna ornare purus, vel accumsan leo tortor sit amet dolor. Maecenas finibus ante eget purus ullamcorper, vel elementum purus auctor. Quisque sagittis, leo et pretium efficitur, orci nulla interdum enim, in dignissim enim quam in neque.

Другие блоки

razer, типа как "raiser", потому что как бы поднимает:

div class razer

inter, который меняет цвет текста в зависимости от класса цвета:

div class inter

div class inter purp

lightpanel и darkpanel — настраиваемые альтернативные блоки:

div class lightpanel
background color --light-color
font color --dark-color
link color --dark-link

div class darkpanel
background color --dark-color
font color --light-color
link color --light-link

Классы цветов на них тоже работают:

div class lightpanel bubblegum

Сами по себе, блоки space просто изменяют пространство под нужды, не более:

Lorem ipsum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Multum refert patienti medicum imitari, sed tempus edax et dolorosum, quia nemo pulchrius opus facit quam lucrum. Ludere velit, cupiditate velit obcaecati. Errat. Item hoc est "Lorem Ipsum", sed per interpretem centies currite. Cogitavi modo te scire velle. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Добавляйте классы цвета/размера/направления/блоков чтобы настраивать вышеупомянутые элементы как вам надо. Можете поэкспериментировать:

показать прикольные комбинации

скрыть

div class lightpanel orange slim

div class darkpanel tiny mint dashbox

div class space dark slim gridline

div class clay box opaque

div class darkpanel oheader space peachy box left tiny

div class darkpanel oheader space sandy slim left tiny align-r

div class darkpanel oheader space left medium opaque

[[div class="wikibox mimosa gridline"]]

span class capt vanta
span class capt turquoise
span class capt pink space
span class capt darkpanel white
span class capt oheader pink tiny
span class capt large turquoise lightpanel razer

div class darkpanel inter space pink duplo left align-r

div class darkpanel inter space clay duplo right align-l

div class darkpanel oheader space bubblegum duplo left align-r

div class space large orange align-r

div class oheader danger slim right align-r

Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь куча текста.
Здесь²

Плашки

Для использования в статьях Отдела удалений:

div class deletions_memo

Для использования в статьях с участием Совета Подсмотрителей:

div class underwatch_memo

Если включена функция минимизации анимаций, гифка на фоне заменится на статичное изображение.

Для использования в чём угодно:

div class custom_memo

Для редактирования содержимого используйте переменные --custom-header, --custom-logo, и --custom-color. Также можно использовать классы цветов. Пример:

div class custom_memo deep

Продвинутые штучки

Затухание/проявление

Добавьте классы fade-in1, fade-in2 и fade-in3, чтобы заставить отдельные элементы проявляться при загрузке или взаимодействии.

нажмите, чтобы узнать свою судьбу

Аналогично вы можете использовать fade-out1, fade-out2 и fade-out3 для достижения обратного эффекта, однако учтите, что fade-out1 использует те же --scale1, --delay1 и --loop1, что и fade-in1 (См. ниже для подробностей).

познать запретное знание

ПРЕДУПРЕЖДЕНИЕ: Если вы хотите, чтобы элемент постоянно мерцал, используйте класс blinkenlights!

Если включена функция минимизации анимаций, эта анимация не будет проигрываться.

Надписи

рейтинг: 4.0

1/100%

пишите сюда что угодно!

поставляется с специальным оформлением для component:author-label! См. раздел ПЕРЕМЕННЫЕ для подробностей.

Курсор (только в настольной версии сайта)

Стандартный курсор — указатель. Некоторые элементы по умолчанию имеют отличиающиеся курсоры. Например:

Здесь будет перекрестие.
Здесь будут песочные часы.

Настраивается с помощью классов курсоров:

показать классы курсоров

Типы курсора
class `cursor pointer`
class `cursor help`
class `cursor crosshair`
class `cursor donot`
class `cursor hand`
class `cursor grab`
class `cursor wait`
class `cursor move`
class `cursor copy`
class `cursor text-h`
class `cursor progress`
class `cursor zoom-in`
class `cursor zoom-out`
class `cursor cell`
class `cursor text-v`
class `cursor invisible`
class `cursor auto`

Астериски*
* которые на самом деле не астериски.

Астериски используются вместо/вместе с горизонтальными линиями для отделения разделов статьи. К примеру, вы можете использовать горизонтальные линии внутри блоков, а их — вне блоков. Они также хорошо подходят для иконок и загрузочных анимаций.

Если поместить изображение в блок с классом asterisk, оно будет отформатировано по необходимому размеру, который можно задать с помощью --astersize. Он также функционирует как обёртка для некоторых анимаций, применяемых к блоку. Используйте вспомогательный класс inverse для инвертирования цветов астериска для более тёмных цветовых палитр.

показать астериски

Используйте класс spinner (контролируется --scale1 и --loop2), для добавления анимации вертикального вращения (оберните астериск блоком с классом контейнера contain-aster):

Используйте класс rotator (контролируется --scale2 и --loop2), для добавления анимации горизонтального вращения (оберните астериск блоком с классом контейнера contain-aster):

Используйте с умом. Если включена функция минимизации анимаций, эти анимации проигрываться не будут.

Переменные

Для изменения значений переменных, добавьте в статью модуль CSS, вот так:

[[module CSS]]

[[/module]]

Затем добавьте псевдо-класс :root:

[[module CSS]]
:root {

}
[[/module]]

А теперь добавляйте необходимые переменные и значения, которые вы хотите им присвоить:

[[module CSS]]
:root {

--variable-name: value;

}
[[/module]]

наиболее важные переменные:

переменная	значение по умолчанию	единица измерения
`--scale`	3	секунды
Определяет продолжительность анимаций `fade-in1`, `fade-out1`, `spinner`, `rotator` и `blinkenlights`
`--scale2`	1	секунды
Определяет продолжительность анимаций `fade-in2` и `fade-out2`
`--scale3`	2	секунды
Определяет продолжительность анимаций `fade-in3` и `fade-out3`
`--delay`	0	секунды
Определяет задержку анимаций `fade-in1`, `fade-out1`, `spinner` и `rotator`
`--delay2`	3	секунды
Определяет задержку анимаций `fade-in2` и `fade-out2`
`--delay3`	5	секунды
Определяет задержку анимаций `fade-in3` и `fade-out3`
`--loop1`	1	количество (принимает infinite, unset, десятичные цифры и другие значения)
Определяет количество проигрываний анимации `fade-in1`, `fade-out1`, `rotator` и `spinner` перед остановкой
`--loop2`	1	количество (принимает infinite, unset, десятичные цифры и другие значения)
Определяет количество проигрываний анимации `fade-in2` и `fade-out2` перед остановкой
`--loop3`	1	количество (принимает infinite, unset, десятичные цифры и другие значения)
Определяет количество проигрываний анимации `fade-in3` и `fade-out3` перед остановкой
`--light-color`	237, 237, 237	значения RGB
Устанавливает цвет фона `lightpanel` и цвет текста/обводки `darkpanel`
`--dark-color`	15, 2, 16	значения RGB
Устанавливает цвет фона `darkpanel` и цвет текста/обводки `lightpanel`
`--astersize`	50	пиксели (px)
Устанавливает размер `asterisk`
`--header-logo`	Встроенное лого	url("ссылка")
Устанавливает логотип в хедере
`--logger-bg`	Встроенный узор	url("ссылка")
Устанавливает узор блока `logger`
`--backdrop`	Встроенный узор	url("ссылка")
Устанавливает фоновое изображение статьи
`--tilesize`	0.2 (базовый) 45 (удаления)	проценты
Устанавливает размер `--backdrop`. Установите на 100 для полного размера, для значений меньше рисунок будет повторяться
`--header-title`	"ЦЕНТР П.М."	"текст"
Устанавливает заголовок хедера
`--header-subtitle`	"МНОГОПРОФИЛЬНЫЕ ИССЛЕДОВАНИЯ"	"текст"
Устанавливает подзаголовок хедера
`--author-triangle`	0	пиксели (px)
Изменяет/Убирает треугольную штучку над Код для ряда тем и компонентов (author-label-source)
`--custom-header`	"пользовательская плашка - здесь будет заголовок"	"текст"
Устанавливает текст для `custom_memo`.
`--custom-logo`	Встроенный логотип	url("ссылка")
Устанавливает фоновое изображение для `custom_memo`
`--custom-color`	36, 31, 36	значения RGB
Устанавливает цвет фона и обводки `custom_memo`. Работает со всеми вышеперечисленными классами цветов
`--text-decor`	uppercase	любые значения "text-transform"
Меняет оформление ссылок и элементов, доступных для взаимодействия в статье
`--abstractor`	visible	либо `visible`, либо `hidden`
Включает/Выключает отображение заголовка страницы

для просмотра полного списка, обратитесь к исходному коду этой страницы.

Шрифты

--header-font-primary — Roboto, потому что Poppins не поддерживает кириллицу.

А также класс bd, заголовки, компоненты СКА и ссылки.

--body-font-primary — Zen Kaku Gothic Antique.

--mono-font-primary — Helvetica Monospaced W06 Rg, потому что Fragment Mono не поддерживает кириллицу. Также доступен полноширный формат при использовании⠀span class wide

Альтернативный моноширный шрифт — Chixa Demibold, потому что VT323 не поддерживает кириллицу. Активируется так же, как и в оригинале — при помощи класса VT323.

рейтинг: 3.9

6/83%

Это порт темы Penumbra за авторством EstrellaYoshte на Black Highlighter

Цвета темы

Tuna--gray-monochrome(47, 51, 60)

Summer Sky--bright-accent(30, 181, 232)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

White Smoke--white-monochrome(248, 248, 248)

Alto--very-light-gray-monochrome(215, 215, 215)

Black Rock--dark-gray-monochrome(47, 51, 60)

Cinder--black-monochrome(33, 37, 46)

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

Использование

Предупреждение: Эта тема основана на Black Highlighter. Однако вам не надо дополнительно подключать Black Highlighter в коде статьи. Узнать больше о BHL можно здесь.¹

На этой вики:

[[include theme:penumbra-bhl]]

Переменные CSS оставлены такими же, как и в оригинальной теме для удобства их переопределения [см. ниже].

ЕДИНСТВЕННОЕ ИСКЛЮЧЕНИЕ — --accentColor надо конвертировать в RGB. Например, #1EB5E8 станет 30, 181, 232. Удобный инструмент можно найти тут.

НЕ НАДО добавлять rgb( ) при конвертировании цвета. Просто три числа через запятую.

:root {
--header-title: "БОЛЬШОЙ ЗАГОЛОВОК";
--header-subtitle: "маленький подзаголовок";
--lgurl: url("сюда адрес логотипа");
--accentColor: СЮДА ЦВЕТ;
}

Примеры

Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.

+ Заголовки

Это вкладки.

Это цитата, её можно создать поставив "> " в начале строки.

Больше текста
Это горизонтальная линия.
Вложенная цитата.

Это	Таблица
Ты уже должен знать	как это
сделать

[[div class="darkbox"]]

Блок sidebox создаётся следующим образом:

[[div class="limit"]] <— Устанавливает старт якоря
[[div class="anchor"]] <— Устанавливает позицию блока
[[div class="sidebox"]]
Текст внутри блока.
[[/div]]
[[/div]]

Основной текст, рядом с которым висит блок.

[[/div]] <— Устанавливает конец якоря

Пример

С определённой хитростью вполне возможно

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non molestie nulla. Morbi vitae massa auctor, porta arcu eget, dictum tellus. Etiam scelerisque aliquam ipsum, ac convallis lorem scelerisque eget.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In finibus purus non commodo porttitor. Integer sed felis dui. Nulla nec tincidunt velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

создать несколько блоков sidebox

Vivamus sapien sem, gravida non vulputate eu, vestibulum vel lacus. Nulla massa erat, sodales dignissim vehicula non, fringilla id ante. Morbi eleifend lacus non nisl finibus aliquam. Proin tristique, lacus eu varius porttitor, lorem justo ullamcorper massa, sed ultricies elit dolor vitae nisi. Fusce varius nec sapien malesuada luctus. Pellentesque efficitur porttitor turpis sit amet rhoncus.

Sed non sollicitudin nisl. Suspendisse finibus, est et venenatis placerat, diam lorem porttitor elit, ac sollicitudin arcu erat et orci. Curabitur erat mi, congue quis imperdiet ut, fringilla vitae sapien. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis nec ante pretium est commodo convallis id a sapien. Morbi sit amet ultricies urna.

которые будут работать так.

Ut semper, tellus vel tristique convallis, nulla mi laoreet nisi, eu malesuada ipsum magna sed dolor. Pellentesque nec lorem eu ante tristique efficitur. Sed auctor tortor ipsum. Morbi laoreet interdum scelerisque. Vivamus id enim nisl. Donec vitae leo suscipit, venenatis tortor eget, laoreet diam.

Sed sollicitudin, arcu ut condimentum vulputate, dui diam convallis velit, vitae ultricies leo libero non metus. Vestibulum at aliquam nisi. Aenean molestie tortor orci, ac volutpat magna eleifend vitae. Morbi tristique risus tortor, feugiat efficitur augue imperdiet ut. Aliquam nec urna lacinia, pretium ligula ut, gravida ex.

Без элемента limit, anchor останется висеть на протяжении всего содержимого страницы после промотки мимо соответствующего div'а.

Учтите что блок sidebox уменьшается при ширине экрана 1290px и ниже.

Шрифт хедэра — Jost, потому что Josefin Sans не поддерживает кириллицу.

Шрифт статьи — Roboto.

Моноширный шрифт — Fira Code.

Структурные: публичный_черновик

версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (493 дня назад)


asterisk_scp.svg	asterisk_emblem.svg

asterisk_asterisk.svg	asterisk_spinner2.svg

asterisk_cube.svg	asterisk_blackbox.svg

topologo.svg	asterisk_spinner.svg

asterisk_flower.svg	asterisk_mdd.svg

asterisk_conglomerate.svg	asterisk_collideoscope.svg

asterisk_delete.svg	asterisk_delete2.svg

SCP Foundation

Russian Branch

Список доступных тегов

Список доступных тегов

Основы

ПЕРВЫЙ ЗАГОЛОВОК

ВТОРОЙ ЗАГОЛОВОК

ТРЕТИЙ ЗАГОЛОВОК

ЧЕТВЁРТЫЙ ЗАГОЛОВОК

ПЯТЫЙ ЗАГОЛОВОК

ШЕСТОЙ ЗАГОЛОВОК

Специальные блоки

Плашки

Продвинутые штучки

Переменные

Шрифты

Это порт темы Penumbra за авторством EstrellaYoshte на Black Highlighter

Цвета темы

Использование

Предупреждение: Эта тема основана на Black Highlighter. Однако вам не надо дополнительно подключать Black Highlighter в коде статьи. Узнать больше о BHL можно здесь.¹

Примеры

Первый заголовок

Второй заголовок

Третий заголовок

Четвёртый заголовок

Пятой заголовок

Шестой заголовок

Шрифт хедэра — Jost, потому что Josefin Sans не поддерживает кириллицу.

SCP Foundation

Russian Branch

Список доступных тегов

Список доступных тегов

Основы

ПЕРВЫЙ ЗАГОЛОВОК

ВТОРОЙ ЗАГОЛОВОК

ТРЕТИЙ ЗАГОЛОВОК

ЧЕТВЁРТЫЙ ЗАГОЛОВОК

ПЯТЫЙ ЗАГОЛОВОК

ШЕСТОЙ ЗАГОЛОВОК

Специальные блоки

Плашки

Продвинутые штучки

Переменные

Шрифты

Это порт темы Penumbra за авторством EstrellaYoshte на Black Highlighter

Цвета темы

Использование

Предупреждение: Эта тема основана на Black Highlighter. Однако вам не надо дополнительно подключать Black Highlighter в коде статьи. Узнать больше о BHL можно здесь.1

Примеры

Первый заголовок

Второй заголовок

Третий заголовок

Четвёртый заголовок

Пятой заголовок

Шестой заголовок

Шрифт хедэра — Jost, потому что Josefin Sans не поддерживает кириллицу.

Предупреждение: Эта тема основана на Black Highlighter. Однако вам не надо дополнительно подключать Black Highlighter в коде статьи. Узнать больше о BHL можно здесь.¹