Организации и объединения
В данной теме представлены некоторые объединения и организации, куда можно было бы вступить, или где бывать.
Краткое описание дает преимущество, так как можно иметь представление об организации и подстроить биографию своего персонажа в ней.
Тема будет пополняться.
[hideprofile]
[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet">
<style>.shrama {
--shm0: 926px; /* ширина рамы-ограничителя */
--smp0: 270px; /* максимальная ширина карточки */
--shh1: 270px; /* высота блока */
--smp1: 30px; /* внутренний отступ от краев */
--clrp: var(--cover); /* цвет внутреннего текста */
--clrt: 1em; /* размер внутреннего текста */
--clrta: var(--pun); /* цвет имени */
--clrba: #949494; /* цвет краткого описания */
}
.shrama {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width:100%; margin: auto !important; justify-content: center} .shrama * {box-sizing:border-box;}
.ship18 {display:inline-block; position:relative; width: calc(100% - 8px); max-width: var(--smp0); height: var(--shh1); margin: auto 4px 10px 4px; font-size:var(--clrt); font-family: var(--font); overflow: hidden;}
/*** блок с картинкой shipovnik ***/
.shins {background: 50% 50% 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:absolute; box-sizing: border-box; padding: calc(var(--smp1) * 1.5) var(--smp1) var(--smp1); height: 100%; width: 100%; background: rgba(0,0,0,0); transition: background 0.9s 0.5s;}
.shtext:hover {background: rgba(0,0,0,0.7); 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) * 4.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; }
.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, .shtext p:first-child a {font-family: var(--font-a), Tahoma, serif; font-size: 20px; text-transform: uppercase; color: var(--clrta) !important;}
.shtext p:first-child a:hover {filter: brightness(1.2);}
.shtext p:first-child {transition: all 2s; position: absolute; top: calc(var(--shh1) - var(--smp1) * 3); transition: top 0.65s 0.2s;}
.shtext p:last-child {font-family: 'PT Sans', Tahoma, sans-serif; font-size: 11px; position: absolute; top: calc(var(--shh1) - var(--smp1) * 1.8); color: var(--clrba); transition: top 0.5s 0.1s;}
.shtext:hover p:first-child{position: absolute; top: var(--smp1); transition: top 0.7s 0.1s;}
.shtext:hover p:last-child{position: absolute; top: calc(var(--shh1) - var(--smp1) * 1.2); transition: top 0.6s 0.1s;}</style>
<div class="shrama"> <!--- START --->
<!----- ПЕРВАЯ ОРГАНИЗАЦИЯ ----->
<div class="ship18" style="background: #337c93;">
<div class="shins" style="background-image: url(https://i.gifer.com/embedded/download/PaA4.gif);"></div>
<div class="shtext">
<p> <a href="#">КОНКЛАВ</a> </p>
<p>
«Конклав» — это своего рода высший контролирующий орган для сверхъестественной стороны мира. Его изначальная цель: следить за тем, чтобы простые люди не узнавали о существовании сверхъестественной стороны мира. Конклав в виде нефилимов защищает людей, и в то же время разбирает спорные вопросы среди сверхъестественных представителей мира.
</p><p>
</p></div></div>
<!----- ВТОРОЙ ----->
<div class="ship18" style="background: #337c93;">
<div class="shins" style="background-image: url(https://i.gifer.com/embedded/download/E2H4.gif);"></div>
<div class="shtext">
<p> <a href="#">НЕБЛАГОЙ ДВОР</a> </p>
<p>
Двор расположен в Неблагих землях и является общим местом сбора Неблагих фейри. Его местоположение не фиксировано и перемещается в постоянно меняющемся ландшафте мира фейри. Является темным и мрачным местом. Большую часть времени вокруг царит осенне-зимняя погода.
</p><p>
</p></div></div>
<!----- ТРЕТЬЯ ----->
<div class="ship18" style="background: #337c93;">
<div class="shins" style="background-image: url(https://i.pinimg.com/originals/87/84/33 … 50a24c.gif);"></div>
<div class="shtext">
<p> <a href="#">БЛАГОЙ ДВОР</a> </p>
<p>
Двор расположен в Благих землях и является общим местом сбора Благих фейри. Его местоположение не фиксировано и перемещается в постоянно меняющемся ландшафте мира фейри. В нем практически всегда теплая и светлая атмосфера.
</p><p>
</p></div></div>
<!----- ВТОРОЙ ----->
<div class="ship18" style="background: #62abf5;">
<div class="shins" style="background-image: url(https://otkritkis.com/wp-content/upload … /gwy8f.gif);"></div>
<div class="shtext">
<p> <a href="#">РЕСТОРАН «МЫЖЕНАТЫ»</a> </p>
<p>
С девяти утра и до одиннадцати вечера - это уютный ресторан с отдельной барной зоной для всех желающих. В названии кроется шутка юмора, но скрыта не просто так. После одиннадцати и до шест утра может прийти любой и двери откроются, приглашая в закрытый бар. В отдельной зоне находится стрип-клуб. Местом заправляет группа лиц из вампира, фэйри и мага, где каждый отвечает за свою зону ответственности. О данном месте ходят множество различных слухов в теневом мире. Один из них гласит, что если найти с партнером старую лестницу, то скоро ожидается свадьба.
</p><p>
</p></div></div>
<!----- ТРЕТЬЯ ----->
<div class="ship18" style="background: #62abf5;">
<div class="shins" style="background-image: url(https://i.gifer.com/origin/45/45cd1213f … 0b7fd7.gif);"></div>
<div class="shtext">
<p> <a href="#">Отель «LIGHT»</a> </p>
<p>
Отель, владельцем которого является Томас Блэкторн. Отель, изначально ориентированный на проживание в нем людей, однако политика отеля не запрещает размещение других существ. В Теневом Мире распространен слух о том, что отелем владеет «дитя Конклава», отчего вокруг заведения бушуют сплетни и споры. С одной стороны, отель открыт для всех, но с другой стороны, здесь нет подпольных заведений — только официальные. Да, здесь есть казино, но оно открыто (то есть, Вам выдадут выигрыш с вычетом из него налога (как в бирже); здесь есть эскорт, но он предоставляется как бизнес-партнерство. Здесь есть сотрудники — существа, и некоторые из них окажут Вам услуги «по-белому». В основном услугами отеля пользуются люди и бизнесмены.
</p><p>
</p></div></div>
<!----- ПЕРВАЯ ОРГАНИЗАЦИЯ ----->
<div class="ship18" style="background: #62abf5;">
<div class="shins" style="background-image: url(https://i.gifer.com/embedded/download/ODz.gif);"></div>
<div class="shtext">
<p> <a href="#">НОЧНОЙ КЛУБ «ЗВЕЗДОПАД»</a> </p>
<p>
После девяти вечера открываются двери. Ночной клуб является нейтральной территорией для всех. Несмотря на попытки контролировать существ, те все равно переходят грани. Вампиры пьют кровь людей, фейри утаскивают за собой или разбираются с обидчиками. Несмотря на попытку контролировать всё в местном заведении - слишком много слепых зон.
</p><p>
</p></div></div>
<!----- ТРЕТЬЯ ----->
<div class="ship18" style="background: #62abf5;">
<div class="shins" style="background-image: url(https://forumupload.ru/uploads/001c/18/ … 750046.gif);"></div>
<div class="shtext">
<p> <a href="#">Бордель «The red rose»</a> </p>
<p>
Бордель «The red rose» — у нас лучшие шлюхи во всей округе. Загляните к нам, чтобы расслабиться после тяжёлого рабочего дня, или просто получить удовольствие, и вы не пожалеете о потраченном времени. Наши шлюхи стоят того.
</p><p>
</p></div></div>
<!--- END ---></div>[/html]
