Foxtrot

Для использования тёмного варианта темы, добавьте параметр dark=a. Несколько параметров можно передать, разделив их |. Например, вот так:

Далее представлены переменные CSS, которые можно использовать для управления аспектами данной темы.

Блоки, которые включены в тему или изменены ею.

Многие элементы можно окрасить, обернув их в блок с классом tableX.

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

Несколько дополнительных советов.

• Оформление спойлеров, которое сильно изменено в этой теме, может быть сброшено до изначального, если их обернуть в блок с классом default-col.

• Почти любому элементу можно придать скруглённые края, если поместить его в блок с классом round.

• Параметр hidetitle=a скрывает заголовок страницы.

• Параметр wide=a расширяет ширину страницы, однако это может помешать каким-либо блокам со смещением (поддержка таких блоков встроена в эту тему).

• Параметр verdana=a переключает шрифт тела статьи на Verdana.

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

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

[[include theme:eigenmachine]]

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

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

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

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

Добавьте этот параметр для варианта murder of the universe:

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

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

Основы

Image.

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

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

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

Больше текста

---

Это горизонтальная линия.

Вложенная цитата.

Продолжаем вкладывать

Сколько душе угодно

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

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

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

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.

Другие блоки

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

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

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

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

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

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

Плашки

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

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

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

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

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

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

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

Надписи

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

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

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

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

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

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

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

скрыть

доступные варианты:

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

Используйте класс 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]]

Шрифты

Тема Turbo Vision имитирует DOS-терминал из 90-ых — её элементы будто сделаны из множества ASCII-символов. Поэтому границы и тени элементов выглядят неуклюже и ассиметрично — они имитируют символы для отрисовки линий, где цвет задаётся цветом шрифта и фона каждого отдельного символа.

Несмотря на это, мы не дотошно следовали этому правилу и позволили себе внести несколько творческих изменений чтобы сделать опыт чуть менее болезненным.

В эту тему по умолчанию встроен компонент Скрываемый сайдбар для Sigma-9 ,освобождающий горизонтальное пространство под блоки с смещениями. Так как на маленьких экранах горизонтального пространства в принципе мало, эти блоки автоматически будут смещены в центр страницы — читатели с мобильных устройств ничего не пропустят.

Эта тема блочная, неуклюжая и цветастая. Страницы с ней могут выглядеть как кучка окон в нагромождённом интерфейсе, но в этом часть её шарма. Или нет — решать вам. Далее на этой странице есть инструкции как настроить тему по своему усмотрению.

Приведённые ниже вкладки содержат примеры FTML-разметки в данной теме.

Учтите, что оформление цитат и таблиц доступно в "режиме компонента", но оформление вкладок доступно только в "режиме темы".

А теперь небольшая демонстрация работы Turbo Блоков...

Ага привет это текст

ОБЪЕКТ №

SCP-NUMBER

КЛАСС ОБЪЕКТА

LIGMA

ОСОБЫЕ УСЛОВИЯ СОДЕРЖАНИЯ

johnsmith12: а ты вообще понимаешь, что делаешь?

вы: Нет, лмао. Мне просто надо написать чё-нить для этой чёртовой темы.

SCP-NUMBER is currently uncontained. Whether this can be attributed to its unidentified writing or if it's just too fucking annoying to hassle with remains unknown.

In the event that one observes SCP-NUMBER for any reason — which, doesn't really make much sense when you think about it — affected subjects must refer back to their on-site therapist for Treatment #104321. Such treatment may last upwards of several hours and may be excruciatingly painful to the affected subject. Because no one wants to go to the nurse's office, for some fuck-all reason.

так а что я собирался съесть на обед?

ОПИСАНИЕ

SCP-NUMBER is nothing. Absolutely nothing at all. In fact, it is a lie. Just like you. You too are indeed a lie. Do not feel hurt or upset, as this applies to everyone universally. We condemn discrimination here at the Foundation.

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.

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.

In fact, what can we describe as truth? Perhaps perception is a lie. A lie perpetrated amongst men upon other men, perhaps? Indeed, reality cannot be the same for you and me. We all have different truths and lies. We are, of course, three-dimensional creatures. We crave understanding. We desire knowledge and will seek it out despite some of our best intentions.

Perhaps you believe that I'm only typing nonsense because I just want to lengthen this more for an extra colored box? Perhaps, but regardless of such meager wishes, I only want to allow you the moment of self-reflection. Are you, in fact, real? No. As I've already said prior, you are just a false image. A false image of the world you're currently living on. That is all.

Вот и вся тема.