Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться22024-12-26 03:48:01
< иконки интерактивны >Устройство Вселеннойизвестные планы (измерения)
[html]<span class="custom_tag custom_tag_mob"><span style="font-size: 28px; text-decoration: underline overline #856c3f 1px; text-underline-offset: 4px;">МАТЕРИАЛЬНЫЕ</span></span>
<br>
<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet">
<style>.shrama {
--shm0: 926px;
--smp0: 408px;
--shh1: 175px;
--smp1: 20px;
--clrp: #b6b4b1;
--clrt: 1em;
--clrta: #ffc072;
--clrba: #949494;
}
.shrama {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width:100%; max-width:var(--shm0); margin-left: 0px;} .shrama * {box-sizing:border-box;}
.ship18 {display:inline-block; position:relative; width: calc(100% - 8px); max-width: var(--smp0); height: var(--shh1); margin: auto; font-size:var(--clrt); font-family: Tahoma, Verdana, sans-serif; overflow: hidden;}
/*** блок с картинкой shipovnik ***/
.shins {
background: 50% 0% no-repeat;
/* background-size: cover; */
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
/* filter: grayscale(1); */
/* mix-blend-mode: multiply; */
opacity: 1;
}
/*** блок с подложкой-затемнением ***/
.shtext {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
position: relative;
box-sizing: border-box;
/* padding: calc(var(--smp1)* 2.1) calc(var(--smp1)* 0.5) calc(var(--smp1)* 0.4); */
/* margin: calc(var(--smp1)* 2.1) calc(var(--smp1)* 0.5) calc(var(--smp1)* 0.4) !important; */
height: calc(var(--shh1) - 30px);
width: fit-content;
background: rgba(0, 0, 0, 0);
transition: background 0.9s 0.5s;
margin: 5px 4px;
}
.shtext:hover {
background: rgb(22 39 46 / 90%);
transition: background 0.95s;
}
.shtext p {overflow: auto; padding: 0 6px 0 0 !important; line-height: 130% !important; text-align: center; box-sizing: border-box; width: 100%; text-shadow: 0 1px 3px #000; color: var(--clrp);}
.shtext p, .shtext:hover p:nth-child(2) {
max-height: calc(var(--shh1) - var(--smp1)* 3.5);
}
/*** подробный текст отношений-описаний ***/
.shtext p:nth-child(2){background:transparent; transform: scale(0); opacity: 0; transition: all 0.6s 0s;}
.shtext:hover p:nth-child(2) {
opacity: 1;
height: auto;
transform: scale(1);
transition: all 0.6s 0.4s;
padding: 5px !important;
}
.shtext p::-webkit-scrollbar {width: 3px; height:3px; background-color: transparent;}
.shtext p::-webkit-scrollbar-thumb {background: rgba(134,134,134, 0.35);}
/*** Имя и краткое описание ***/
.shtext p:first-child, .shtext p:last-child {width: calc(100% - var(--smp1) * 2);}
.shtext p:first-child {
font-family: 'Oranienbaum', Tahoma, serif;
font-size: 23px;
text-transform: uppercase;
font-weight: 800;
color: #fffcf5d1;
text-shadow: 1px 1px 4px rgb(0 0 0 / 56%), 1px 1px 4px rgb(0 0 0 / 56%), 1px 1px 4px rgb(0 0 0 / 56%), 0px 0px 20px rgb(0 0 0), 0px 0px 20px rgb(0 0 0), 0px 0px 20px rgb(0 0 0), 0px 0px 20px rgb(0 0 0), 0px -15px 30px rgb(0 0 0), 0px 15px 30px rgb(0 0 0), 0px 0px 40px rgb(0 0 0), 0px 0px 40px rgb(0 0 0);
letter-spacing: 2px;
word-spacing: 4px;
}
.shtext p:first-child a:hover {filter: brightness(1.2);}
.shtext p:first-child {
transition: all 2s;
position: relative;
top: 30%;
transition: all 0.65s 0.2s;
width: 100%;
}
.shtext:hover p:first-child {
position: relative;
top: calc(var(--smp1)* 0) !important;
transition: top 0.7s 0.1s;
}
.shtext p:last-child {
font-family: 'PT Sans', Tahoma, sans-serif;
font-size: 11px;
position: absolute;
top: calc(var(--shh1) - var(--smp1)* 1.1);
color: #0e0b07a8;
transition: top 0.5s 0.1s;
text-shadow: none;
width: 100%;
}
.shtext:hover p:last-child {
position: absolute;
top: calc(var(--shh1) - var(--smp1)* 0.8);
transition: top 0.6s 0.1s;
}
span.dop {
color: #5b8f88;
font-family: georgia;
font-style: italic;
}
</style>
<div class="shrama"> <!--- START --->
<!----- ПЕРВЫЙ ----->
<div class="ship18" style="">
<div class="shins" style="background-image: url(https://i.imgur.com/vLkKQ4y.png);"></div>
<div class="shtext">
<p> Явь </p>
<p>
<span class="dop"><b>Явь</b></span>, она же <span class="dop"><b>Терра</b></span> — ядро мироздания. Имеет несколько известных материков, десятки рас и стран, а за океанами лежат неизведанные земли. Несмотря на присутствие магии, фундаментальные законы бытия и физики аналогичны известным нам.
</p>
<p>Материальный План</p>
</div></div>
<!----- ВТОРОЙ ----->
<div class="ship18">
<div class="shins" style="background-image: url(https://i.imgur.com/NyFXQXS.png);"></div>
<div class="shtext">
<p> Грёза </p>
<p>
<span class="dop"><b>Грёза</b></span> или <span class="dop"><b>Аркадия</b></span> — фантасмагоричный, полный чудес антипод Яви; родина фейри. С удалением в её глубь слабеют законы логики и физики, а мир становится всё более причудливым и жестоким: как реки из киселя, ожившие плотоядные сундуки или аномалии в пространстве и времени.
</p>
<p>Волшебный План </p>
</div></div>
<!----- ОСОБЫЙ, ПО СЕРЕДИНЕ ----->
<div class="ship18">
<div class="shins" style="background-image: url(https://forumupload.ru/uploads/001b/d9/4a/2/676491.png);"></div>
<div class="shtext">
<p style="top:45%;"> Междумирье </p>
<p>
Вайбы: <span class="dop">Зазеркалье, Лавкрафт, Равенлофт</span>
<br>Или <span class="dop"><b>Астрал</b></span>, <span class="dop"><b>Лимб</b></span>. Эфемерный слой реальности накладывается на материальные, образуя мир-перекресток и межпланарный узел. В бессознательности (сон, обморок, транс и пр.), разум смертного пробуждается в Лимбе; но лишь осознанные сны запоминаются<abbr title="приходят случайно или требуют тренировок, позволяя даже стать визитером или архитектором чужого сна"><strong>*</strong></abbr>.
<br><br>В необъятном космосе Лимба дрейфуют Домены. Отражения материальных измерений: фрагменты настоящего и события прошлого (как их сохранили чьи-то воспоминания), или вероятности будущего и альтернативные таймлайны. А есть Домены, рожденные воображением снотворцев (хоть смертного, хоть бога). Порой, это целые миры.
<br><br>Невозможного здесь нет; эмоции, мысли и память имеют реальную силу, а продукты воображения и коллективного бессознательного обретают плоть. Это родина всяческих духов и воплощенных эмоций<abbr title="отсюда проникающих в Явь"><strong>*</strong></abbr>; место необычных и случайных встреч, неподвластное земным законам.
</p>
<p> Астральный План // Мир снов и духов </p>
</div></div>
<!--- END ---></div>
<div class="shrama"> <!--- START --->
<!----- ТРЕТИЙ ----->
<div class="ship18">
<div class="shins" style="background-image: url(https://i.imgur.com/hoBNk8G.png);"></div>
<div class="shtext">
<p>Чертоги Вечности</p>
<p>
<span style="font-size: smaller; opacity: 0.5;"> /попасть сюда при жизни (и играть) нельзя/</span>
<br><br>Также <span class="dop"><b>Рай</b></span>, <span class="dop"><b>Эдем</b></span>. Сюда попадают в посмертии праведные души. Согласно верованиям, каждый из богов имеет тут свой домен, который находится в его власти и становится пристанищем душ его последователей.
</p>
<p>Нематериальный План</p>
</div></div>
<!----- ЧЕТВЕРТЫЙ ----->
<div class="ship18">
<div class="shins" style="background-image: url(https://i.imgur.com/VoV2Vs4.png);"></div>
<div class="shtext">
<p> Бездна </p>
<p><span style="font-size: smaller; opacity: 0.5;"> /попасть сюда при жизни (и играть) нельзя/</span>
<br><br>Также <span class="dop"><b>Геенна</b></span>, <span class="dop"><b>Ад</b></span>. Узилище демонов и грешных душ. По количеству Смертных Грехов, разделёна на 7 кругов во главе с архидемонами. Достоверных данных о Бездне почти нет, а представления конфессий сильно разнятся.
</p>
<p> Нематериальный План </p>
</div></div>
<!--- END ---></div>[/html]
Страница: 1
