Тема Солнечный Камень

Тема предоставлена вам Schulzenreich [буквально путём рескина Темы Лазурит от DrBobtail].

Особое спасибо DrBobtail за помощь с лого и CutTheBirch за одобрение.

Я сделал эту тем для тех, кто любит красный и оранжевый, но не хочет использовать Критический Статус ориентированные на канон.

---

Чтобы вставить эту тему на вашу страницу, впишите где-либо на ней следующий текст:

[[include :ru-backrooms-wiki:theme:sunstone]]

Градиент был взят на Unsplash от Luke Chesser и выпущен под Лицензией Unsplash.
Шрифт в шапке Space Grotesk.
Основной шрифт PT Sans.
В заголовках используется PT Mono.
Моноширный шрфт — Ubuntu Mono.

Пример:

Красное Солнце Над Раем.

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

---

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

+ Заголовки

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвёртого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Вкладка.

Это вкладка, в неё можно поместить много вещей.

Обилие вкладок.

О, ещё одна вкладка. Сюда тоже можно поместить разные вещи.

Симулятор умножения текста.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Боже мой, на этой вкладке много текста, но я думаю, что вы всё ещё можете в неё что-то вставлять.

Эта вкладка почему-то имеет довольно длинное название. Может быть оно любит длинные имена?

Вероятно. Во всяком случае, двигаемся дальше.

Пустая Вкладка

Пустая Вкладка

Пустая Вкладка

Пустая Вкладка

01010100 01100001 01100010 00101110

01010100 01101000 01101001 01110011 00100000 01101001 01110011 00100000 01100001
00100000 01110100 01100001 01100010 00101100 00100000 01111001 01101111 01110101
00100000 01100011 01100001 01101110 00100000 01110000 01110101 01110100 00100000
01101101 01100001 01101110 01111001 00100000 01110100 01101000 01101001 01101110
01100111 01110011 00100000 01101001 01101110 00100000 01101001 01110100 00101110

Это блочная цитата, созданная путём размещения "> " в начале каждой строки.
Больше текста

---

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

Блок в блоке¹

А это	таблица
Вы наверняка	уже знаете
как их создавать

[[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://fontlibrary.org/face/fantasque-sans-mono');
@import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/normalize-archived.css");
@import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/bhl-archived.css");
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css");
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "sunstone";
   --theme-name: "Sunstone Theme";
 
   --logo-image:url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Asunstone/red-sun.png");
   --header-title: "Закулисье";
   --header-subtitle: "Вечное Сияние, Нескончаемое Блистание";
 
   --body-font: 'PT Sans', sans-serif;
   --header-font: 'Space Grotesk', sans-serif;
   --title-font: 'PT Mono', monospace;
   --mono-font: 'Ubuntu Mono', monospace;
 
   --white-monochrome: 28, 6, 0;
   --pale-gray-monochrome: 90, 18, 3;
   --light-gray-monochrome: 157, 61, 6;
   --gray-monochrome: 134, 49, 5;
   --black-monochrome: 217, 132, 39;
   --bright-accent: 227, 76, 31;
   --medium-accent: 227, 76, 31;
   --dark-accent: 236, 155, 50;
   --pale-accent: 236, 155, 50;
   --reddd: 193, 62, 24;
   --swatch-menubg-dark-color: var(--pale-accent);
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 227, 76, 31;
   --hover-link-color: 227, 76, 31;
   --visited-link-color: 227, 76, 31;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
 
   --rating-module-button-plus-color: 217, 132, 38;
   --rating-module-button-negative-color: 217, 132, 38;
   --rating-module-button-cancel-color: 217, 132, 38;
   --rating-module-button-credit-color: 217, 132, 38;
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Asunstone/red-sun-bg.jpg");
    background-repeat: repeat-x;
    background-size: inherit;
}
 
#side-bar .side-block div a img {
   filter: grayscale(0%);
}
 
#container {
   background-image: none
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   top: -1.1rem;
   left: 0rem;
   background-image: var(--logo-image);
   background-size: auto 8.6rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   left: 0rem;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #EC9B32;
}
 
.lightblock h1,
.lightblock h2,
.lightblock h3,
.lightblock h4,
.lightblock h5,
.lightblock h6,
.light-borderblock h1,
.light-borderblock h2,
.light-borderblock h3,
.light-borderblock h4,
.light-borderblock h5,
.light-borderblock h6 {
   color: rgb(var(--white-monochrome));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
table.page-history td.optionstd a,
.pager a,
.pager .current {
   border-color: rgb(var(--black-monochrome));
}
 
table.wiki-content-table td {
   border-color: rgb(var(--swatch-tertiary-color))
}
 
.pager .current {
   background-color: rgb(var(--black-monochrome));
   color: rgb(var(--white-monochrome));
}
 
div#page-options-bottom-2 > a:active,
div#page-options-bottom-2 > a:hover,
div#page-options-bottom > a:active,
div#page-options-bottom > a:hover,
.owindow .button-bar a:hover,
a.button:hover, button:hover,
div.buttons input:hover,
file:hover,
input.button:hover {
   background-color: rgb(var(--swatch-primary-darker));
}
 
#account-topbutton {
   border-color: rgb(var(--pale-gray-monochrome));
}
 
#account-options {
   border-color: rgb(var(--black-monochrome));
   background-color: rgb(var(--pale-gray-monochrome));
}
 
#account-options li a:hover {
    color: rgb(var(--black-monochrome));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgba(var(--bright-accent), .25);
   border: 5px solid rgb(var(--light-accent));
}
 
div.blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgb(0 0 0 / 25%);
   background-color: rgba(var(--bright-accent), .25);
   border: 5px solid rgb(var(--light-accent));
}
 
hr {
    background: 1px rgb(var(--reddd));
}
 
.code {
    border: 3px outset rgb(var(--black-monochrome));
}
 
.titleblock {
  background-color: rgb(var(--pale-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;
}
 
.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(--pale-gray-monochrome));
}
 
.dark-borderblock {
    background-color:rgb(var(--pale-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));
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(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 {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--reddd));
   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(--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(--pale-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,
.dark-styled-quote a {
   color: rgb(var(--link-color));
}
 
.darkblock a {
color: rgb(var(--black-monochrome));
}

Footnotes

1. А вот и сноска!