123123
шаблон гостевая
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться2Вчера 09:24:50
[html]
<style>
/* гостевая */
guestroom {
display: flex;
flex-direction: column;
align-items: center;
background: rgba(230, 230, 230, 1);
width: 953px;
height: auto;
border-radius: 4px;
padding-bottom: 18px;
margin: 0 auto !important;
position: relative;
border: 1px solid rgba(0, 0, 0, 1)
}
guestheader {
display: block;
width: 953px;
height: 200px;
top: -1px;
position: relative;
background: url(https://forumstatic.ru/files/001c/80/b1/19684.png) no-repeat center / 100%;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 1)
}
div#guestlinks {
display: flex;
justify-content: flex-start;
gap: 10px;
position: relative;
z-index: 2;
padding: 15px 10px;
align-items: flex-start;
flex-wrap: wrap;
align-content: flex-start;
height: 100%
}
div#guestlinks a {
color: rgba(255, 255, 255, 1) !important;
background: rgba(0, 0, 0, 1);;
padding: 2px 15px 3px !important;
border-radius: var(--bradius-major);
transition: var(--anim-hover) !important;
font-weight: var(--fw400);
}
div#guestlinks a:hover {
background: rgb(var(--canvas-tertiary));
color: rgba(0, 0, 0, 1) !important;
}
guestdesc {
display: flex;
flex-direction: column;
padding: 15px 0px 10px;
font: var(--fw400) var(--fs12) var(--font-second-sa);
text-transform: lowercase;
border-bottom: 1px solid rgba(35, 37, 40, 0.2)
}
guestdesc span {
display: block;
padding: 10px;
}
guestdesc span:first-of-type {
border-bottom: 1px solid rgba(35, 37, 40, 0.2)
}
.amt-links {
position: absolute;
top: 106px;
right: 22px;
width: 191px;
display: flex;
flex-wrap: wrap;
gap: 4px;
justify-content: flex-end;
}
.amt-links p {
background: rgba(35, 37, 40, 1);
padding: 2px 10px !important;
box-sizing: border-box;
color: rgba(238, 238, 238, 1);
font: var(--fw400) var(--fs10) var(--font-second-sa) !important;
border-radius: var(--bradius-major);
margin: 0 !important;
text-transform: lowercase;
}
.amt-links a {
font: var(--fw500) var(--fs12) var(--font-second-sa) !important;
background: rgb(var(--canvas-quarternary));
margin: 0 !important;
padding: 1px 8px 2px !important;
border-radius: var(--bradius-major);
color: rgb(var(--text-color-secondary), 1) !important;
transition: var(--anim-hover) !important;
}
.amt-links a:hover {
background: rgb(var(--canvas-tertiary));
}
.guest-chars {
width: 770px;
display: flex;
margin-top: 20px !important;
gap: 5px;
}
reserved::before {
content: attr(data-title);
position: relative;
width: 100%;
font: var(--fw700) var(--fs14) var(--font-second-sa) !important;
box-sizing: border-box;
display: block;
width: 100%;
text-align: center;
border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
font-weight: 700;
padding-bottom: 5px;
margin-bottom: 8px !important;
}
reserved {
width: 379px;
height: 244px;
border-radius: 10px;
position: relative;
padding: 5px 16px 16px;
box-sizing: border-box;
background: background: rgba(230, 230, 230, 1);
border: 1px solid rgba(0, 0, 0, 1);
text-transform: lowercase;
}
.gray reserved {
background: rgb(var(--light-accent), .15);
}
reserved>div {
width: 347px;
height: 196px;
position: relative;
overflow: auto;
line-height: 170%;
}
reserved>div::-webkit-scrollbar {
width: 2px;
height: 2px;
}
minidesc {
font-weight: 400;
font-size: 12px;
line-height: 140%;
text-transform: lowercase;
background: rgba(35, 37, 40, 1);
height: 21px;
color: rgba(238, 238, 238, 1);
padding: 2px 10px;
box-sizing: border-box;
border-radius: 40px;
position: absolute;
top: 150px;
left: 318px;
}
guestcontent {
display: grid;
grid-template-columns: 340px 1fr;
}
d {
position: relative;
display: block;
margin: 5px 0 !important;
width: fit-content;
padding: 5px 0px 16px;
font: var(--fw400) var(--fs12) var(--font-second-sa);
border-radius: var(--bradius);
height: 16px;
box-sizing: border-box;
}
</style>
<guestroom>
<!----------------- хэдер ----------------->
<guestheader></guestheader>
<!----------------- ссылки АМС ----------------->
<div class='amt-links'>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
<a href='#'>amdin</a>
</div>
<!----------- описание-плашка ------------------------------->
<minidesc>городская мистика, страна, наши дни</minidesc>
<!----------------- описание ----------------->
<guestdesc>
<span>Рейтинг: 18+; Жанр: городская мистика, свободные расы; Время и место действия: Великобритания, Лондон, май 2025; Тип игры: эпизодический; Мастеринг: пассивно-агрессивный, авторский; На что похоже: "Благие знамения", "Туманы Авалона", "Никогде", "Американские Боги", "Магическая Битва", тот самый выпуск ПЧК без Кукушкина; Внешности: любые, кроме рисованных.</span>
<span>условности рейтинга 18+. на форуме могут присутствовать сцены примерно следующего характера</span>
<span>«Обкурившиеся лиса и зайчик занимались сексом. Наутро лиса крыла его матом, потом убила, труп расчленила. Останки разбросала вокруг хижины, их припорошило снегом, ведь был буран. Автору плевать»</span>
<span>регистрируясь на форуме, вы подтверждаете, что вам уже есть восемнадцать и подобный контент для вас приемлем.</span>
<span>Обыватель ставит на книжную полку свежепрочитанный томик Лавкрафта, смакует в интернете первые сезоны "Сверхъестественного", прячется от горящих дедлайнов в мультиплеере "league of legends", примеряет на себя парик небезызвестного заклинателя на фестивале косплея. И с сожалением вздыхает, оставляя позади очередную мистическую историю, которую безжалостные скептики уже успели препарировать по закону логики и здравого смысла. Обывателю так хочется быть обманутым очарованием таинственного, необъяснимого, бессмертного и всевластного. Получить письмо из волшебной школы, на втором повороте свернуть направо и двигаться прямо до самой зари. Но в серых буднях повседневного не разглядеть сияния истинного волшебства, которым обыватель грезит. Не разобрать в песни на радио русалочьих акцентов, не увидеть заветную дверцу, ведущую на плавучий рынок, не узнать в милой владелице свадебного агентства корыстной фейри. Критическое мышление обывателя бережет. Об остальном позаботятся маги Магистериума и стражи Цитадели. Пока обыватель разочарованно вздыхает очередной несправедливости серого быта, халазиец справедливо желает себе его проблемы. Пока обыватель торопиться на работу и переживает об оплате счетов, халазиец готовится вступить в "Охоту" и искренне надеяться на то, что болезнь верховного Магистра лишь временные трудности, что Лорд-Протектор справится с грядущими неприятностями и лондонский конгломерат выстоит.</span>
<span>Для гостей внешности/роли придерживаются на сутки, для зарегистрированных пользователей - до открытия чистовика. Допускается придерживать более одной внешности за одним человеком. Не допускается бронирование занятых внешностей без согласование с пользователем, занявшим внешность первым.</span>
</guestdesc>
<!----------------- списки придержанных ----------------->
<div class='guest-chars'>
<!-------- придержанные ------->
<reserved data-title='придержанные'>
<div>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
<d>до 14.03.2025</d>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
<d>до 14.03.2025</d>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
</div>
</reserved>
<!-------- выкупленные ------->
<reserved data-title='выкупленные'>
<div>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
<d>бессрочно</d>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
имя фамилия - имя фамилия <br>
имя фамилия - <a href='#'>имя фамилия</a> <br>
имя фамилия - имя фамилия <br>
</div>
</reserved>
</div>
</guestroom>[/html][hideprofile]
Страница: 1
