Random Theme

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]]

рейтинг: 5.0

1/100%

Содержание

Лучшие объекты этого месяца

Лучшие не-объекты этого месяца

Авторство

Визуальная тема Newspaper Theme была создана MalyceGraves и позднее переработана EstrellaYoshte для использования в новостях англоязычного сайта.

В случае, если MalyceGraves более не является активным участником АМС англоязычного филиала или сайта англоязычного филиала в принципе, авторство данной темы переходит ответственному за новости англоязычного сайта.

+ Авторство изображений

Элементы страницы

Спойлер - Нажми на меня

Это вкладки.

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

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

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

Новые блоки

Большой заголовок раздела

[[div class="section-header"]]
+ Большой заголовок раздела
[[/div]]

[[div class="gallery-frame"]]
[[image здесь_изображение]]
[[/div]]

Предложение S. D. Locke - Когда наступает рассвет

[[span class="news-hover"]][[span]]текст при наведении[[/span]][[image здесь_изображение]][[/span]]

Лучшие объекты этого месяца

Лучшие не-объекты этого месяца

[[div class="f-flex"]]

[[div class="f-con"]]
++++ Заголовок 4-го уровня
a
[[/div]]

[[/div]]

Объект SCP

Рассказ

Формат СО

[[div class="f-flex three"]]

[[div class="f-con"]]
++++ Заголовок 4-го уровня
три колонки при максимальной ширине
[[/div]]

[[/div]]

[[div class="f-flex data"]]
[[div]]
Уменьшены отступы для удобочитаемости данных
[[/div]]
[[/div]]

"Липкое" содержание

[[div class="anchor"]]
[[div class="tocbox"]]
[[div class="toc-u"]]
[[toc]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]

Шрифт хедера — Zen Antique Soft, так как DM Serif Display не поддерживает кириллицу.

Шрифт тела статьи — Wix Madefor Text, так как Kulim Park не поддерживает кириллицу.
Моноширинный шрифт — Fira Code.

Данная статья является черновиком. Её содержимое не проходило модерацию и голосование на Полигоне.

Таким образом, она не является официальной частью проекта.

Продолжить

open

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

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

SCP Foundation

Russian Branch

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

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

What Is This?

How to Use

Example Formatting

L1 Heading

L2 Heading

L3 Heading

L4 Heading

L5 Heading

L6 Heading

Source Code

Авторство

Элементы страницы

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

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

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

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

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

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

Новые блоки

Большой заголовок раздела

Лучшие объекты этого месяца

Лучшие не-объекты этого месяца

Объект SCP

Рассказ

Формат СО

"Липкое" содержание

Шрифт хедера — Zen Antique Soft, так как DM Serif Display не поддерживает кириллицу.