Тема "Торс"

Тема "Торс" была создана

GaplouelPew , Это исходный код картинки справа.
Эта тема была создана для одноимённой группы с Китайского сайта.

Код анимации логотипа в шапке был взят здесь, его автор: Sekai_s.

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

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

Примеры:

Ядро

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

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

+ Заголовки

Состоит из плоти.

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

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

Блок в блоке¹

В блоке.

В блоке.

В блоке!!!

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

Шрифт из шапки из заголовков: Noto Serif SC。

Основной шрифт: IM Fell DW Pica。

Моноширный текст в шрифте Noto Sans SC。

снос²
Тут есть
Текст
Так что вы
Можете увидеть
Как всё выглядит
В разных
форматах^и
прочих_вещах
Включая ссылки, которых нет
И те, которые есть!

[[div class="styled-quote"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="moirblock"]]

[[/div]]

+ Код Темы

- Закрыть

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&display=swap');
 
:root{
   --logo-image: url("http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/Torso.png");
   --header-title: "Торс";
   --header-subtitle: "Плоть ведёт нас к будущему.";
 
   --body-font: 'IM Fell DW Pica';
   --header-font: 'Noto Serif SC';
   --title-font: 'Noto Serif SC';
   --mono-font: 'Noto Sans SC';
 
   --mainAccent: 80, 0, 0;
   /* Don't care about the names of these variables, I just wrote these colors */
   --white-monochrome: 215, 215, 215;
   --pale-gray-monochrome: 13, 13, 13;
   --light-gray-monochrome: 30, 30, 30;
   --gray-monochrome: 50, 50, 50;
   --black-monochrome: 0, 0, 0;
   --bright-accent: var(--mainAccent);
   --medium-accent: 0, 0, 0;
   --dark-accent: var(--mainAccent);
   --pale-accent: var(--mainAccent);
   --dark-gray-monochrome: 22, 22, 22;
 
   --swatch-topmenu-border-color: var(--mainAccent);
   --swatch-topmenu-bg-color: var(--medium-accent);
   --swatch-menubg-color: var(--medium-accent);
   --swatch-border-color: var(--bright-accent);
 
   --swatch-text-dark: var(--white-monochrome);
   --swatch-text-light: var(--white-monochrome);
   --swatch-background: var(--medium-accent);
   --swatch-menutxt-dark-color: var(--white-monochrome);
   --swatch-primary-darker: var(--pale-accent);
 
   --link-color: 200, 17, 0;
   --visited-link-color: 156, 17, 0;
   --newpage-color: 120, 40, 40;
 
   --background-gradient-distance: 0rem;
   --gradient-topmenu: none;
   --diagonal-stripes: linear-gradient(transparent 0);
   --gradient-header: none;
 
   --rating-module-button-plus-color: var(--mainAccent);
   --rating-module-button-negative-color: var(--mainAccent);
   --rating-module-button-cancel-color: var(--mainAccent);
   --header-height-on-desktop: 9rem;
 
   --cecs-accent: var(--visited-link-color) !important;
   --level-accent: var(--visited-link-color) !important;
}
 
a[href="http://backrooms-wiki-cn.wikidot.com/component:tsdm"] {
   color: rgb(var(--white-monochrome)) !important;
}
 
.text-box, .HVM .HVM, .VRL-A .VRL-A, .VRL-B .VRL-B, .NCR .NCR, .MCH .MCH, .CBR .CBR, .SYN .SYN, .DMN .DMN, .SSV .SSV, .CVL .CVL, .RAD .RAD, .NRO .NRO, .TXC .TXC, .PYR .PYR, .RLA .RLA, .UNQ .UNQ, .AGR .AGR, .BNV .BNV, .custom .custom {
   color: rgb(var(--white-monochrome)) !important;
}
 
.sdlogo:after {
   margin-left:17.75em !important;
}
 
.footerbox {
   color: rgb(215, 215, 215) !important;
   background: repeating-radial-gradient(#070707, #0D0D0D .1%, #000 .2%) !important;
   border: solid rgb(215, 215, 215) !important;
}
 
.footerbox h1, .footerbox h2, .footerbox h3, .footerbox h4, .footerbox h5, .footerbox h6 {
   color: rgb(215, 215, 215) !important;
}
 
.footerflavor {
   background: rgb(215, 215, 215) !important;
   color: #000 !important;
}
 
.footerflavor ::selection {
   color: rgb(var(--white-monochrome)) !important;
   background: rgba(var(--black-monochrome),.5) !important;
}
 
div.content img {
   padding: 0, 0!important;
   margin-right: 10px;
   box-shadow: -0.4rem 0.4rem rgb(var(--mainAccent));
}
 
tr td img {
   box-shadow: none !important;
}
 
#account-options {
   background: rgb(var(--pale-gray-monochrome));
}
 
div#account-options ul li a {
   color: rgb(var(--white-monochrome));
}
 
div#account-options ul li a:hover {
   color: rgb(var(--white-monochrome));
   background-color: rgb(var(--mainAccent));
}
 
::selection {
   color: rgb(var(--black-monochrome));
   background: rgba(var(--white-monochrome),.5);
}
 
.owindow {
   border: solid rgba(var(--pale-accent));
}
 
.lightblock ::selection, .styled-quote ::selection {
   color: rgb(var(--white-monochrome))!important;
   background: rgba(var(--black-monochrome),.5)!important;
}
 
.page-rate-widget-box span.rate-points {
   letter-spacing: -12px;
   color: transparent !important;
}
 
.page-rate-widget-box .rate-points:after, .page-rate-widget-box .rate-points span {
   content: "кровь";
   font-size: 15px;
   margin-left: 5px;
   letter-spacing: 0;
   color: rgb(var(--white-monochrome));
}
 
#header:before {
   -webkit-animation: flicker 10s infinite;
   -o-animation: flicker 10s infinite;
   animation: flicker 10s infinite;
}
 
* {
   cursor:url("http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/zz.png"),auto ;
}
 
#main-content:after {
   background: url("http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/sidebar-tab.png");
background-repeat: no-repeat;
   background-position: center left 1rem;
   background-attachment: fixed;
}
 
#main-content:before {
   background: linear-gradient(180deg, rgb(0,0,0), rgb(0,0,0) 1%, rgb(var(--pale-gray-monochrome)) 5%);
}
 
#ohandle-1 {
   color: rgb(var(--medium-accent));
   background-color: rgb(var(--white-monochrome));
}
 
.hl-identifier, .hl-brackets, .hl-code, .printuser, #login-status {
   color: rgb(var(--white-monochrome));
}
 
.footnotes-footer {
   background-color: rgb(var(--pale-gray-monochrome))!important;
}
 
a:hover {
   color: rgb(var(--white-monochrome));
   background-color: rgb(var(--mainAccent));
   text-decoration: none;
   cursor: url(http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/zz2.png),pointer !important;
}
 
a.btn:hover, input.btn:hover {
   cursor: url(http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/zz2.png),pointer !important;
}
 
a:hover:before {
   content: ">";
}
 
ul.yui-nav li a:hover:before, #login-status a:hover:before, div.side-block div[style="text-align: center;"] a:hover:before, a.btn:hover:before {
   content: none !important;
}
 
a:visited:hover {
   color: rgb(var(--white-monochrome));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.15);
   background-color:rgba(62, 60, 60, .25);
}
 
hr {
   width: auto;
   margin: auto;
   position: relative;
   height: 2.5px;
   background-color: #fff0;
   pointer-events: none;
   overflow: hidden;
   border: initial;
   -webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
   clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
}
 
hr:before {
   content: " ";
   width: 100%;
   height: 100%;
   position: absolute;
   background-attachment: fixed;
   background-image: repeating-radial-gradient(#200, #400 .1%, #000 .2%);
   background-repeat: repeat;
   background-position: center;
   background-size: auto;
}
 
th {
   background-color: rgb(var(--pale-gray-monochrome)) !important;
}
 
td, th, .yui-content {
   border-color: rgb(var(--pale-gray-monochrome)) !important;
}
 
#header:before {
   opacity: 1;
   background-size: auto 12rem;
}
 
#skrollr-body {
   background: repeating-radial-gradient(#200, #400 .1%, #000 .2%);
   height: 11rem;
}
 
#container {
   background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgb(0,0,0) 93%);
   background-size: 37rem 11rem;
   background-attachment: scroll;
   background-repeat: repeat-x;
   border-radius: 0 0 50% 50%;
}
 
.scp-image-caption, .scp-image-block .image {
   border: 1px solid rgba(var(--pale-accent));
}
 
.page-rate-widget-box {
   background: none;
   border: none;
   background-color: rgb(var(--dark-gray-monochrome));
   border-left: 0.2rem solid rgba(var(--pale-accent));
}
 
.styled-quote {
   background-color:rgb(150, 150, 150);
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}
 
.dark-styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--mainAccent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}
 
.lightblock {
   background-color:rgb(150, 150, 150);
   color:rgb(var(--black-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}
 
.darkblock {
   background-color: rgb(var(--pale-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}
 
.moirblock {
   background: repeating-radial-gradient(#070707, #0D0D0D .1%, #000 .2%);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-left: 0.5rem solid rgba(var(--mainAccent));
   border-right: 0.5rem solid rgba(var(--mainAccent));
}
 
#search-top-box-input {
   background-color: rgb(var(--white-monochrome));
   color: rgb(var(--mainAccent));
}
 
h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--visited-link-color));
}
 
div#toc-list div a {
   color: rgb(var(--newpage-color))!important;
}
 
#footer {
   color: rgb(var(--white-monochrome));
}
 
@keyframes flicker {
  54% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  54.5% {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
  }
  55% {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
  }
  55.5% {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
  }
  56% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  65% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  65.5% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  66% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  66.5% {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
  }
  67% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  97.5% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  98% {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
  }
  98.5% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  99% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
}
 
.header-diamond {
   display: none;
}
 
.header-diamond .diamond-pattern, .top-box:before {
   background: none !important;
}
 
.top-box .gradient-box {
   background: none !important;
}
 
.top-box {
   border: 0.65rem solid rgb(var(--mainAccent)) !important;
   border-left: 0.3125rem solid rgb(var(--mainAccent)) !important;
   border-right: 0.3125rem solid rgb(var(--mainAccent)) !important;
   background: repeating-radial-gradient(#070707, #0D0D0D .1%, #000 .2%) !important;
}
 
.bottom-box ul li, .top-box .top-text p, .top-box .bottom-text p, .top-box .bottom-text:after {
   font-family: "Noto Serif SC" !important;
    color: rgb(var(--white-monochrome)) !important;
}
 
.bottom-box li:before {
   background: rgb(var(--mainAccent)) !important;
}
 
.floatright {
   background-color: rgb(var(--pale-gray-monochrome))!important;
}
 
ins, del {
   color: rgb(var(--black-monochrome));
}
 
div.darkblock a, div.dark-styled-quote a {
   color: rgb(var(--link-color))
}
 
.top-box {
   width: 80% !important;
   margin: 0 auto !important;
}
 
.top-text, .bottom-text, .bottom-box {
   text-align:center;
   margin: 0 auto !important;
}
 
.bottom-text {
   padding-right: 6px;
}
 
.top-text {
   padding-left: 20px;
}
 
.bottom-box ul li:before {
    display: none !important;
}
 
.bottom-box ul li .default:after {
   margin: 0 auto !important;
}
 
.bottom-box ul li {
   margin-left: 0px !important;
}
 
.bottom-box ul {
   padding-left: 0px !important;
}
 
.bottom-box ul li:nth-child(2) {
   margin-top: 15px;
}
 
.bottom-box ul li:nth-child(3) {
   margin-top: 15px;
}
 
div.bottom-box ul {
   margin-bottom: 25px !important;
}
 
#page-title {
   text-align: center;
}
 
#side-bar:hover::-webkit-scrollbar, #edit-page-textarea::-webkit-scrollbar, body::-webkit-scrollbar {
   width: 10px;
   height: 10px;
}
 
#edit-page-textarea::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
   background-color: rgb(var(--white-monochrome)) !important;
   border-radius: 10px;
   box-sizing: border-box;
   border: 2px solid rgb(var(--mainAccent));
}
 
#edit-page-textarea::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
   background: rgb(var(--mainAccent)) !important;
}
 
#side-bar:hover::-webkit-scrollbar-thumb {
   background-color: rgb(var(--white-monochrome)) !important;
   border-radius: 10px;
   box-sizing: border-box;
   border: 2px solid rgb(var(--black-monochrome));
}
 
#side-bar:hover::-webkit-scrollbar-track {
   background: rgb(var(--black-monochrome)) !important;
}
 
#breadcrumbs {
    margin: auto;
}
 
.owindow.error .printuser.avatarhover .small {
    box-shadow: none;
}
 
.yui-navset .yui-nav a em:hover, .yui-navset .yui-navset-top .yui-nav a em:hover {
    cursor: url(http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/zz2.png),pointer !important;
}

- Закрыть

тема

версия страницы: 2, Последняя правка: 30 Jan 2023 17:01

Редактировать Оценить (+4) Теги Обсудить История Файлы Печать Инструменты + Опции

База данных Backrooms

Ты был здесь раньше.

Примеры:

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

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

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

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

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

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

Шрифт из шапки из заголовков: Noto Serif SC。