Random Theme

рейтинг: 4.6

21/95%

Это основной блок текста

В нём обязана размещаться вся текстовая информация в теме, если она не находится в других блоках или спойлерах. Не оставляйте текст без блоков на фоне текущей темы.

Все заголовки первого уровня в этом блоке синего цвета.

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.

В теле и навигации используется шрифт — Fira Sans

Заголовочный шрифт — Geologica


[[div class="main-frame"]]

+ Заголовок (если необходим)

Содержимое.

[[/div]]

Горизонтальные линии могут быть созданы с помощью 5 дефисов "-----"

Заголовки создаются путем добавления от 1 до 6 плюсов в начале строки.

+ Спойлер - Кликни по Мне

Это текст в табе.

Это цитата, она делается через "> " которая стоит на каждой строке цитаты

Больше текста!
А это горизонтальная линия
Вложенная цитата
Это таблица
Ты уже должен знать как это
делать

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

Дополнительно

Это блок с особой границей слева.

[[div class="lined"]]

[[/div]]

Спойлер, скрывающийся снизу

Изображение по правому краю.

Изображение по левому краю.

Это список с вертикальными карточками

Карточка 1

Карточка 2

Карточка 3

Карточка 4

Карточка 5

Карточка 6

[[div class="articles"]]

[[div class="stand"]]
+ Карточка 1

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.
[[/div]]

[[div class="stand"]]
+ Карточка 2

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.
[[/div]]

[[div class="stand"]]
+ Карточка 3

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.
[[/div]]

[[div class="stand"]]
+ Карточка 4

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.
[[/div]]

[[div class="stand"]]
+ Карточка 5

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.
[[/div]]

[[div class="stand"]]
+ Карточка 6

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.
[[/div]]

[[/div]]

Это статья о визуальной теме популярной энциклопедии. Для других вариантов использования, см. theme:eigenvector.

Рейтинг:

рейтинг: 4.5

3/100%

Это эстетическая тема за авторством EstrellaYoshte.

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

[[include theme:scpedia]]

Примеры

АПАИБ

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

+ Заголовки

Это вкладки.

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

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

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

oheader div

oheader yellow div

oheader orange div

oheader red div

[[div class="wikibox"]]

Горизонтальная линия внутри блока wikibox.
capt grey span
capt blue span
capt lavender span
capt cyan span

span s-title

Опять span s-title

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

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, Последняя правка: 23 Авг. 2023, 15:18 (780 дней назад)

SCP Foundation

Russian Branch

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

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

Это основной блок текста

В нём обязана размещаться вся текстовая информация в теме, если она не находится в других блоках или спойлерах. Не оставляйте текст без блоков на фоне текущей темы.

Все заголовки первого уровня в этом блоке синего цвета.

В теле и навигации используется шрифт — Fira Sans

Заголовочный шрифт — Geologica

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

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

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

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

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

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