Тема "Раскрытая Инициатива"
ВНИМАНИЕ!Данная страница является Страницей Темы.
Здесь будет показан сам Внешний Вид Темы и Некоторые Примеры.
Чтобы вставить эту тему на вашу страницу, впишите в её начале следующий код:
[[include theme:unveiled-initiative]]
Примеры
Горизонтальная линия может быть создана путём написания 5 дефисов подряд «-----» и она будет тянуться на всю страницу (только если не размещена в блоке цитаты). Линии, делящие документ на секции выглядят так:
Заголовки могут быть созданы путём постановки от 1 до 6 плюсов подряд «+» в начале строки
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего уровня
Заголовок четвёртого уровня
Заголовок пятого уровня
Заголовок шестого уровня
Давайте представим, типа тут текст в духе Lorem Ipsum
Смотрите, тут ещё текст.
Как неожиданно.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
Это длинная вкладка. В ней очень много текста.
[[blockquote]]
Это блочная цитата, созданная путём использования блока «[[blockquote]]».
Больше текста.
Это горизонтальная линия.
[[blockquote]]
Блок в блоке.
[[/blockquote]]
[[/blockquote]]
| А это | таблица |
|---|
| Вы наверняка | уже знаете |
| как их создавать |
Снос
Тут есть
Текст
Так что вы
Можете увидеть
Как всё выглядит
В разных
форматахи
прочихвещах
Включая ссылки, которых нет
И те, которые есть!
[[div class="darkblock"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="lightblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
Эта тема была создана wd:Schulzenreich
[путём гоблинской кражи и копирования существующих CSS тем].Список людей, у которых я украл CSS
[Огромное им спасибо.]: wd:VivamusLudio; wd:MyrandFox; wd:DrBobtail; wd:Stretchsterz.Особое спасибо wd:JamiMyst за лого и wd:CutTheBirch за одобрение!Чтобы вставить эту тему на вашу страницу, впишите где-либо на ней следующий текст:
[[include theme:unveiled-initiative]]
В зголовках использован шрифт Trispace, sans-serif.
Основным шрифтом стал M PLUS 1 Code, sans-serif.
Моноширный текст написан шрифтом Cutive Mono, monospace.
Пример:
[[include component:image-block |name=/local—files/theme:unveiled-initiative/theme:unveiled-initiative-a5abce479e502ce7.png| |caption=Наша связь незрима.|]]Горизонтальная линия может быть создана путём написания 5 дефисов подряд "
-----" и она будет тянуться на всю страницу (только если не размещена в блоке цитаты). Линии, делящие документ на секции выглядят так:
Заголовки могут быть созданы путём постановки от 1 до 6 плюсов подряд "+" в начале строки
Title Number One in English
Titulo Numero Dos in Filipino
Titel Nummer Drei in German
Titulus Numerus Quattuor in Latin
Título Número Cinco in Spanish
Titolo Numero Sei in Italian
(А русского тут не будет)
[[tabview]][[tab Вкладка]]Это вкладка, и ты можешь поместить сюда много чего.[[/tab]][[tab Обилие Вкладок.]]А вот и ещё одна вкладка. Сюда тоже можно что-то поместить.[[/tab]][[tab Text Multiplier Simulator.]]О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.О Боже мой, в этой вкладка супер много текста, но я думаю что всё ещё можно в неё поместить ещё текст.[[/tab]][[tab У этой вкладки супер длинное имя. Может она любит длинные имена. Скорее всего. Погнали дальше.[[/tab]][[tab Пустая Вкладка]][[/tab]][[tab Пустая Вкладка]][[/tab]][[tab Пустая Вкладка]][[/tab]][[tab Пустая Вкладка]][[/tab]][[tab 01010100 01100001 01100010 00101110]]01010100 01101000 01101001 01110011 00100000 01101001 01110011 00100000 0110000100100000 01110100 01100001 01100010 00101100 00100000 01111001 01101111 0111010100100000 01100011 01100001 01101110 00100000 01110000 01110101 01110100 0010000001101101 01100001 01101110 01111001 00100000 01110100 01101000 01101001 0110111001100111 01110011 00100000 01101001 01101110 00100000 01101001 01110100 00101110[[/tab]][[/tabview]]
Это блочная цитата, созданная путём размещения "> " в начале каждой строки.
Например: ">@@ Это блочная цитата, созданная путём размещения ">@@" в начале каждой строки."
Упс, осторожней! Тут горизонтальная линия.
А это блок в блоке, созданный путём размещения двух ">@@" в начале каждой строки.
>> Например: "» А это блок в блоке, созданный путём размещения двух ">@@" в начале каждой строки."
О, и прежде чем я уйду держи ка снос
| А это | таблица |
|---|
| Вы наверняка | уже знаете, как такие делать. |
| Выглядит прикольно. |
[[div class="lightblock"]]
Я СВЕТ, ЧТО СЖИГАЕТ!
[[/div]]
[[div class="darkblock"]]
я тьма, что комфортна
[[/div]]
[[div class="styled-quote"]]
А Я И ТО, И ЭТО!
[[/div]]
[[div class="dark-styled-quote"]]
а я и то, и это
[[/div]]
[[div class="light-borderblock"]]
ВМЕСТЕ МЫ ЕДИНЫ!
[[/div]]
[[div class="dark-borderblock"]]
вместе мы едины!
[[/div]]
ЧТО МЫ ТЕПЕРЬ!?
[[div class="titleblock"]]
[[span class="titlebox"]]ЧТО МЫ ТЕПЕРЬ!?[[/span]]
[[/div]]
Привет, я обычный текст. Но ты, ты, мой друг, можешь назвать меня нормальным текстом.
Здравствуйте, мое имя выделено курсивом. Вы можете называть меня курсивом или что-то в этом роде.ЭЙ! Я ДОСТАТОЧНО БОЛЬШОЙ ПАРЕНЬ. ВЫ МОЖЕТЕ НАЗВАТЬ МЕНЯ ЖИРНЫМ ТЕКСТОМ!привет я подчёркнуты текстОднажды меня тоже вела дорога приключений, но затем мне прострелили колено.Я довольно причудливый телетайпный текст. Хотя вы тоже можете называть меня моноширинным текстом.Я свыше!а я с ниже некуда…Шульц считает, что это ссылка, которой на самом деле не существует!Шульц посетил эту ссылку.Шульц ставит на то, что ты не посещал эту ссылку!@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trispace:wght@500&display=swap');
:root {
--theme-base: "black-highlighter";
--theme-id: "unveiled-initiative";
--theme-name: "Unveiled Initiative";
--logo-image: url("/local--files/theme:unveiled-initiative/unveiled-initiative.png");
--header-title: "Раскрытая Инициатива";
--header-subtitle: "Наша связь незрима.";
--body-font: 'M PLUS 1 Code', sans-serif;
--mono-font: 'Cutive Mono', monospace;
--header-font: 'Trispace', sans-serif;
--title-font: 'Trispace', sans-serif;
--mainAccent: 50, 70, 155;
--white-monochrome: 10, 15, 31;
--pale-gray-monochrome: var(--gray-monochrome);
--light-gray-monochrome: var(--gray-monochrome);
--gray-monochrome: 9, 22, 70;
--black-monochrome: 113, 129, 206;
--bright-accent: var(--mainAccent);
--medium-accent: var(--black-monochrome);
--dark-accent: var(--gray-monochrome);
--pale-accent: var(--mainAccent);
--dark-gray-monochrome: 49, 63, 124;
--link-color: 80, 104, 206;
--hover-link-color: 80, 104, 206;
--visited-link-color: 63, 81, 162;
--swatch-headerh1-color: var(--white-monochrome);
--swatch-headerh2-color: var(--white-monochrome);
--swatch-topmenu-border-color: var(--gray-monochrome);
--swatch-topmenu-bg-color: var(--gray-monochrome);
--swatch-menutxt-light-color: var(--black-monochrome);
--rating-module-button-plus-color: var(--black-monochrome);
--rating-module-button-negative-color: var(--black-monochrome);
--rating-module-button-cancel-color: var(--black-monochrome);
--rating-module-button-credit-color: var(--black-monochrome);
}
/* sd banner colours */
.sd-container {
--sd-bullets:var(--sd-text);
}
/*Image position.*/
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: -1.1rem;
top: -0.2rem;
background-image: var(--logo-image);
background-size: auto 7.3rem;
background-position: left;
background-repeat: no-repeat;
opacity: 1;
}
/*Upper header.*/
#header h1, #header h1 a {
position: absolute;
left: 3.2rem;
top: 0.7rem;
margin: 0;
width: 100%;
display: flex;
justify-content: left;
z-index: 0;
}
/*Lower header.*/
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
left: 2.3rem;
top: 1.7rem;
margin: 0;
width: 100%;
display: flex;
justify-content: left;
}
/*Container.*/
#container {
background-image: none
}
/*Login.*/
#login-status{
color: rgb(var(--white-monochrome));
}
#login-status ul a {
color: rgb(var(--white-monochrome));
}
/*Account*/
#account-topbutton {
border-color: rgb(var(--swatch-text-light));
}
#account-options {
border-color: rgb(var(--swatch-text-light));
background-color: rgb(var(--swatch-text-general));
}
#account-options li a:hover {
color: rgb(var(--swatch-text-light));
}
/*Search.*/
#search-top-box-input{
background: rgb(var(--black-monochrome));
border-color: rgb(var(--white-monochrome));
}
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover {
color: rgb(var(--swatch-text-general));
}
/*Tabview.*/
/*Content BG.*/
.yui-navset .yui-content {
background-color: rgba(var(--black-monochrome), 0.25);
border-color: rgb(var(--black-monochrome));
}
/*Hover Tab BG.*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background-color: rgba(var(--black-monochrome), .25);
}
/*Selected Tab BG.*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgb(var(--dark-gray-monochrome));
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
background-color: rgb(var(--dark-gray-monochrome));
}
/*Titles.*/
.lightblock h1,
.styled-quote h1,
.light-borderblock h1 {
color: rgb(var(--white-monochrome));
}
/*Div Blocks.*/
.styled-quote {
background-color:rgb(var(--black-monochrome));
border-left: 0.5rem solid rgba(var(--gray-monochrome));
color:rgb(var(--white-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
.dark-styled-quote {
background-color:rgb(var(--gray-monochrome));
border-left: 0.5rem solid rgba(var(--black-monochrome));
color:rgb(var(--black-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
.dark-styled-quote a {
color: rgb(var(--link-color));
}
.dark-styled-quote a:visited {
color: rgb(var(--visited-link-color));
}
.light-borderblock {
background-color:rgb(var(--black-monochrome));
color:rgb(var(--white-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid 0.3rem rgb(var(--gray-monochrome));
}
.dark-borderblock {
background-color:rgb(var(--gray-monochrome));
color:rgb(var(--black-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid 0.3rem rgb(var(--black-monochrome));
}
.lightblock {
background-color:rgb(var(--black-monochrome));
color:rgb(var(--white-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.darkblock {
background-color:rgb(var(--gray-monochrome));
color:rgb(var(--black-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.darkblock a {
color: rgb(var(--link-color));
}
.darkblock a:visited {
color: rgb(var(--visited-link-color));
}
.titleblock {
background-color: rgb(var(--gray-monochrome));
color:rgb(var(--black-monochrome));
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
border: solid rgb(var(--black-monochrome)) 2px;
}
.titlebox{
color: rgb(var(--white-monochrome));
position: relative;
top: -1.6rem;
background-color: rgb(var(--black-monochrome));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
