Random Theme

рейтинг: 4.5

4/100%

Это — New Age, тема, созданная для канона Проект «СИМУЛЯКР», который в основном написан JakdragonX. Данная тема основана на scp-2744, — первой статье, упоминающей «СИМУЛЯКР».

Пример стандартного варианта темы New Age, использующего разные цвета. Заметьте, что всего доступно 7 уникальных вариантов: КРАСНЫЙ, ЗЕЛЁНЫЙ, СИНИЙ, БИРЮЗОВЫЙ, ОРАНЖЕВЫЙ, ФИОЛЕТОВЫЙ и РОЗОВЫЙ.

Эта тема основана на Black Highlighter, однако вам не нужно дополнительно подключать его в коде статьи:

[[include theme:new-age]]

По умолчанию, акцентный цвет данной темы - красный, но вы можете поменять его, изменив код выше (выберите один из параметров green, blue, orange, pink, violet или teal):

[[include theme:new-age green/blue/orange/pink/violet/teal=a]]

Вы можете также использовать параметр "hidetitle", чтобы скрыть заголовок страницы:

[[include theme:new-age green/blue/orange/pink/violet=a | hidetitle=a]]

Если вы хотите перекрасить лишь часть страницы, вы можете обернуть её в блок с одним из перечисленных выше цветов:

[[div class="red/green/blue/orange/etc."]]
Помещайте сюда что угодно!
[[/div]]

Далее будет представлен перечень дополнительного функционала и текстовая "рыба" для варианта темы по умолчанию.

Нажми на меня, чтобы увидеть крутые штуки!

ЭТО EXPOBLOCK.

Я украл его из theme:isolated-terminal, которая является моей любимой темой на вики. Заметьте, что горизонтальная линия стала шире. Для использования скопируйте код далее:

[[div class="expoblock"]]
разместите здесь любое содержимое
----
(о прекрасный день)
[[/div]]

Вы также могли заметить выделенный текст выше, который создаётся с помощью span hilighter, который я тоже украл.

[[span class="hilighter"]]тут текст[[/span]]

А это ещё один компонент, код которого я украл из компонента Blacklight Box за авторством Woedenaz. Горизонтальные линии в нём тоже будут шире обычного. ПРИМЕЧАНИЕ: Для корректной работы этого компонента с темой New Age, вы должны подключать его ДО подключения темы.

Для использования компонента скопируйте следующий код:

[[include component:blacklight-box-source-inc-section-start
|unique-name=латиницей-строчными-без-пробелов
|display-name=Текст в названии блока
]]
Здесь содержимое блока.
[[include component:blacklight-box-source-inc-section-end]]

УВЕДОМЛЕНИЕ ОТ УПРАВЛЕНИЯ СМОТРИТЕЛЕЙ

Это крутая плашка, которую вы можете использовать где угодно. Она взята из темы Basalt (как и остальные приведённые далее блоки). Вы можете создать такую, используя div с классом overwatch_notice.

ПРЕДУПРЕЖДЕНИЕ ОТ КОМИТЕТА ПО ЭТИКЕ

А вот ещё одна плашка. Создаётся с помощью класса ethics_alert.

ОБНОВЛЕНИЕ ОТ АДМИНИСТРАЦИИ ПО АРХИВНО-ИНФОРМАЦИОННОЙ БЕЗОПАСНОСТИ

Улавливаете принцип? Здесь задействован raisa_update.

ВХОДЯЩЕЕ ПРЕДУПРЕЖДЕНИЕ ОТ КОМИТЕТА ПО КЛАССИФИКАЦИИ

Вот ещё пример, если нет. Создаётся с помощью classification_warning.

СООБЩЕНИЕ ОТ ОТДЕЛА ПО НЕДОРАЗУМЕНИЯМ

И последняя. Здесь используется miscom_message.

То же самое что и блок выше, но меньше. Создаётся так:

[[div class="smallmodal"]]
Мне начинает надоедать писать это.
[[/div]]

Данная тема также портирует код из темы Penumbra (BHL) (это означает, что я полностью украл его из той темы), позволяющий использовать sideblock'и в этой теме. Создаются они так же, как и в Penumbra BHL:

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

Тут текст, рядом с которым висит sidebox.

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

Рад, что вам понравилось!

Примеры

Логотип СИМУЛЯКР, за авторством tertiaryspirit!

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

Ссылка, по которой вы, наверное, переходили. Хз.

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

+ Заголовки

Это вкладки.

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

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

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

Шрифт тела статьи — IBM Plex Sans.
Шрифт хедера — Raleway, потому что Archivo не поддерживает кириллицу.
Моноширный шрифт — Source Code Pro.

What Is This?

This is the Parawatch Anon Theme, by Пользователь 'Lt Flops' не существует.

It is a variant version of the Creepypasta Theme, created by Пользователь 'The Great Hippo' не существует.

How to Use

To use this theme, please copy this syntax onto the top of your page:

[[include :scp-wiki:theme:creepypasta]]
[[include :scp-wiki:theme:anon]]

What is this theme used for?

This theme provides a different colour scheme for the Parawatch Wiki forum structure. The title comes from the word "anon" meaning "soon; shortly" (though, I wouldn't fault you for mistaking it as an abbreviation of "Anonymous").

It is suitable for use in Parawatch articles.

[OPTIONAL]

If, for some reason, you wish to continue using the pastel yellow from the Creepypasta Theme, copy this onto your page under the above code:

[[module CSS]]
div#header h1{
background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Aanon/parawatch-anon.png) no-repeat;
}

:root{
     --fg-accent-light: hsl(60, 100%, 90%);
     --fg-accent: hsl(60, 100%, 80%);
     --fg-accent-dark: hsl(60, 100%, 75%);
}
[[/module]]

You could technically replace these variables with any colour. Because this code uses HSL colour values over the traditional Hexadecimal or RGB, simply change the hue — but please, keep the saturation and lightness the same.

Personally, this goes against my vision for the theme. But, the option was requested, and so I thought I would make it clearly available.

Example Formatting

Image Block

L1 Heading

L2 Heading

L3 Heading

L4 Heading

L5 Heading

L6 Heading

Type 4 hyphens ("----") to create a horizontal rule:

Block Quote
Nested Block Quote

This is a	table
You should know	how to make these
already

Свернуть

Содержание

fake code selector{
fake code property: fake code value;
}

A link (A link you probably visited)

+ A collapsible

numbered list
list item
list item

bulleted list
list item
list item

Tab content

Source Code

▷ Show Code ◁

△ Hide Code △

[[/=]]

[[module CSS]]
/* Parawatch "Anon" Theme
 * [2021 Wikidot Theme]
 * Created by Lt Flops
 * Based on "Creepypasta Theme" by The Great Hippo and 4chan theme "Tomorrow"
**/

/* ---- COLOURS ---- */
 :root{
     --bg-light: hsl(0, 0%, 7%);
     --bg: hsl(210, 6%, 12%);
     --bg-dark: hsl(220, 7%, 17%);

     --bg-light-2: hsl(0, 0%, 11%);

     --fg-light: hsl(140, 3%, 83%);
     --fg: hsl(140, 3%, 78%);
     --fg-dark: hsl(207, 100%, 73%);

     --fg-dark-2: hsl(207, 100%, 56%);

     --fg-accent-light: hsl(207, 50%, 36.5%);
     --fg-accent: hsl(207, 90%, 63%);
     --fg-accent-dark: hsl(207, 32%, 52%);

     --fg-accent-2: hsl(140, 3%, 83%);
     --fg-accent-dark-2: hsl(207, 32%, 63%);

     --vivid-lime-green: hsl(112, 77%, 48%);
}

/* ---- GENERAL ---- */
 a, body, span{
     word-break: unset;
}
 a:visited, a:hover{
     color: var(--fg-accent-dark-2);
}
 a.newpage{
     color: hsl(237, 27%, 68%);
}
 ins, del{
     color: var(--bg-dark);
}
 .meta-title{
     color: var(--fg-light);
     border-bottom-color: var(--fg-light);
}
 #toc{
     background-color: unset;
}

/* ---- SCROLLBAR ---- */
 ::-webkit-scrollbar{
     width: unset;
     height: unset;
}
 ::-webkit-scrollbar-track{
     background: var(--bg-dark);
}
 ::-webkit-scrollbar-thumb{
     background: var(--fg-dark);
     border: none;
}
 ::-webkit-scrollbar-thumb:hover{
     background: var(--fg-dark-2);
}
 textarea::-webkit-scrollbar-track{
     background: var(--bg);
}

/* ---- HEADER ---- */
 div#container-wrap{
     background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/gradient-anon.png);
}
 div#header{
     background-image: none;
}
 div#header h1{
     position: relative;
     float: unset;
     top: 40px;
     left: 10px;
     max-height: 100%;
     height: 100%;
     margin: unset;

     background: url(/local--files/theme:anon/parawatch-anon-ru.png) no-repeat;
}

/* ---- SIDE-BAR ---- */
 div#side-bar div.side-block{
     background-color: var(--bg-dark);
     border-color: var(--fg-dark-2);
     box-shadow: none;
}
 div#side-bar div.side-block.media,
 div#side-bar div.side-block.resources{
     background: var(--bg-dark);
}
 div#side-bar div.side-block div.heading,
 div#side-bar div.collapsible-block-unfolded-link,
 div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link{
     color: var(--fg-dark-2);
     border-color: var(--fg-dark-2);
}
 #side-bar div.menu-item img{
     filter: hue-rotate(62deg) invert(100%);
}
 div.scpnet-interwiki-wrapper{
     filter: hue-rotate(62deg) invert(83%);
}
 @media (max-width: 767px){
     #side-bar{
         background-color: var(--bg-dark);
    }
}

/* Модуль щобы покрасить кнопку "Стать участником" */

#u-become-member {
     background-color: var(--bg-dark);
     border-color: var(--fg-dark-2);
     box-shadow: none;
}

#u-become-member .menu-item > .image {
     filter: hue-rotate(62deg) invert(100%);
}

/* чтобы не вылезало за границы */

.menu-item.small {
  font-size: .85em;
}

/* ---- TOP-BAR ---- */
 #top-bar a{
     color: var(--fg-accent-dark);
}
 #top-bar .open-menu a{
     color: var(--fg-dark-2);
     background-color: var(--bg-dark);
     border-color: var(--fg-dark-2);
}
 div.yui-navset div.yui-content{
     background-color: var(--bg);
}
 div.yui-navset ul.yui-nav a,
 div.yui-navset div.yui-navset-top ul.yui-nav a{
     color: var(--fg-accent);
     background-color: var(--bg-dark);
     border-color: var(--fg-light);
}
 div.yui-navset ul.yui-nav a:hover,
 div.yui-navset ul.yui-nav a:focus{
     color: var(--fg-accent-light);
     background-color: var(--bg-light);
}
 div.yui-navset ul.yui-nav .selected a,
 div.yui-navset ul.yui-nav .selected a:focus,
 div.yui-navset ul.yui-nav .selected a:hover{
     background-color: var(--bg-light-2);
     border-color: var(--fg-accent);
}

/* ---- INFO BAR ---- */
 .info-container{
     --linkColour: var(--fg);
     --barColour: var(--bg-dark);
}

/* ---- INFO MODULE ---- */
 .creditButton p a{
     color: var(--fg);
}
 .creditButton p a:hover,
 .creditButtonStandalone p a:hover{
     color: var(--vivid-lime-green) !important;
}
 #page-content .modalbox{
     background: var(--bg) !important;
     box-shadow: none !important;
}
 .close-credits,
 .credit-back{
     filter: hue-rotate(62deg) invert(100%) brightness(150%);
}
 div#footer{
     background: var(--bg-dark);
}
 #license-area{
     color: var(--fg);
}

/* ---- RATING MODULE ---- */
 .page-rate-widget-box,
 .rate-box-with-credit-button{
     box-shadow: none;
}
 .page-rate-widget-box .rate-points,
 .page-rate-widget-box .rateup a,
 .page-rate-widget-box .ratedown a,
 .page-rate-widget-box .cancel a,
 .page-rate-widget-box .rateup a:hover,
 .page-rate-widget-box .ratedown a:hover,
 .page-rate-widget-box .cancel a:hover{
     color: var(--fg);
}

/* ---- LICENSEBOX ---- */
 .licensebox .collapsible-block-link{
     color: var(--fg-accent-dark);
}

/* ---- FOOTNOTE HOVERS ---- */
 .hovertip{
     box-shadow: none;
}

/* ---- EDITING WINDOWS ---- */
 .owindow{
     border-color: var(--fg-dark-2);
}
 .owindow,
 .owindow h1,
 .owindow h2,
 .owindow h3,
 .owindow h4,
 .owindow h5,
 .owindow h6{
     color: var(--fg);
}
 .owindow{
     background-color: var(--bg-dark);
}
 .owindow .title{
     background-color: var(--bg);
}
 .owindow a,
 .owindow a:visited{
     color: var(--fg-accent-dark);
}
 .owindow .active{
     color: var(--fg-dark-2);
}
 .owindow .content.modal-body img{
     background-color: var(--bg-dark) !important;
}
 .owindow .button-bar a{
     background-color: transparent;
     border-color: var(--fg-dark-2);
}
 .owindow .button-bar a:hover,
 .owindow .button-bar a:focus{
     background-color: transparent;
     border-color: var(--fg-dark);
}
 table.page-files .highlight{
     background-color: var(--bg-light);
}
 input.text,
 input.text:focus,
 input.text:hover{
     color: var(--fg-light);
     border-color: var(--fg);
}
.wd-editor-toolbar-panel div {
     filter: hue-rotate(62deg) invert(83%);
}
 textarea{
     color: var(--fg);
     background-color: var(--bg-dark);
}
 .change-textarea-size a{
     color: var(--fg);
     background-color: var(--bg-dark);
}
 div#lock-info{
     background-color: var(--bg);
}

/* ---- SELECTION ---- */
 ::selection{
     background: hsl(207, 11%, 27%);
}

/* ---- PARAWATCH DIV BLOCK ---- */
 div.parapost{
     border-color: var(--bg-dark);
}
 span.title{
     color: var(--fg-dark-2);
     font-size: 110%;
     font-weight: bold;
     cursor: pointer;
     word-break: unset;
}
 span.title span{
     word-break: unset;
}
 span.title:hover,
 span.title:focus{
     text-decoration: underline;
}

/* -------- MOBILE MEDIA QUERY -------- */
 @media (max-width: 479px){
     div#header h1{
         background-position-y: .5em !important;
         background-size: 75% !important;
    }
}

/* -------- NOTE MEDIA QUERY -------- */
 @media (min-width: 480px) and (max-width: 580px){
     div#header h1{
         background-position-y: 1em !important;
         background-size: 60% !important;
    }
}

/* -------- MINI TABLET MEDIA QUERY -------- */
 @media (min-width: 581px) and (max-width: 767px){
     div#header h1{
         background-position-y: .25em !important;
         background-size: 65% !important;
    }
}

 @media (max-width: 767px){
     .open-menu a:hover{
         box-shadow: none !important;
    }
     #top-bar .open-menu a{
         background-color: var(--bg-dark);
         border-width: .1em;
    }
}

/* -------- TABLET MEDIA QUERY -------- */
 @media (min-width: 768px) and (max-width: 979px){
     div#header h1{
         background-size: 75% !important;
    }
}

/* ---- CODE SELECTORS [BACK-END] ---- */
 .hl-identifier,
 .hl-code,
 .hl-brackets{
     color: var(--fg);
}

 .hl-var{
     color: #21ff00;
}

 .hl-special,
 .hl-quotes{
     color: #ffff00;
}

 .hl-reserved{
     color: #00b2ff;
}

 .hl-number,
 .hl-string{
     color: #ff0020;
}
[[/module]]

рейтинг: 3.0

1/100%

Это старая визуальная тема, использовавшаяся для форматов СО "Японское Императорское Агентство по Исследованию Аномальных Явлений". Актуальная тема для статей этого формата расположена здесь — theme:revised-ijamea-theme.

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

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

SCP Foundation

Russian Branch

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