[html]<div class="guestbook">
<div class="guest_n">Materia Prima
<span>
<a href="https://mateprima.ru/viewtopic.php?id=10">шаблон анкеты</a> •
<a href="https://mateprima.ru/viewtopic.php?id=29#p136">рулбук</a> •
<a href="https://mateprima.ru/viewtopic.php?id=15#p39">ищу тебя</a> •
<a href="https://mateprima.ru/viewtopic.php?id=80#p7498">хотим видеть</a> </span>
</div>
<div class="guest_info">
<div>Уверены, вы уже впечатлились от сюжета. Ознакомились с правилами и готовы наслаждаться игрой. Мы этому несказанно рады. Задавайте вопросы тут, придерживайте внешности и все такое прочее. В этой теме мы готовы обсудить все, что вам интересно узнать про игру и игровые моменты. Мы открыты для предложений и идей по организации игры.</div>
<div>Для удобства вверху вы увидите две кнопочки. <a href="https://mateprima.ru/viewtopic.php?id=7#p30">ВО ЧТО МЫ ИГРАЕМ</a> - это лор и все что относится к матчасти. <a href="https://mateprima.ru/viewtopic.php?id=29">И КАК МЫ ИГРАЕМ</a> - это правила, принципы и организация игры. Тыкайте там, не стесняетесь. </div>
<div>Для нас весьма важна здоровая атмосфера в игре, поэтому доброжелательность приветствуется. Токсичные/душные юзеры отправляются в жертву кровожадному богу. </div>
<div>Бронирование ролей и внешностей - держим бронь неделю. Этого достаточно, чтобы ознакомиться с миром и написать анкету. Если за этот срок анкета не оформлена, бронь снимается.
</div>
<div>Если вы зарегистрировались, но не подаёте признаков жизни, мы принимаем вас за вражеских шпионов против трона и удаляем аккаунт через три дня. </div>
</div>
<div class="spis">
<bron><z>роли забронированы</z>
<text>текст</text>
</bron>
<bron><z>внешности забронированы</z>
<text><a href="ссылка">Tanya Reynolds</a> — Ведьма
<a href="ссылка">Линдси Стирлинг</a> — Бард
<a href="https://mateprima.ru/viewtopic.php?id=15#p10298">Ben Barnes</a> — заявка Маргариты Сенза Вольто
</text>
</bron>
</div>
</div>
<style>
.guestbook {
background: url(https://forumstatic.ru/files/001b/f8/73/63948.jpg) no-repeat center/cover;
border-radius: 1px;
position: relative;
width: 960px;
color: #cecfc5;
border-style: solid;
border-width: 1px 0;
border-color: rgba(0,0,0,0);
border-image: url(https://forumstatic.ru/files/001b/f8/73/14637.png) round 1;
}
.guest_n {
gap: 0 20px;
display: flex;
font-family: 'Forum';
font-size: 50px;
align-items: center;
padding: 10px 15px;
border-style: solid;
border-width: 0 0 1px 0;
border-color: rgba(0,0,0,0);
border-image: url(https://forumstatic.ru/files/001b/f8/73/14637.png) round 1;
color: #e5d584c7 !IMPORTANT;
background: linear-gradient(rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
text-shadow: 1px 1px #253f4c;
}
.guest_n span {
font-size: 12px;
font-family: 'beaufort';
}
.guest_n span a {
color: #e5d584c7 !IMPORTANT;
background: linear-gradient(rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(0,0,0,1) 100%) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
text-shadow: 1px 1px #253f4c;
font-weight: 400 !important;
letter-spacing: 1px;
}
.guest_info {
margin: 30px 30px 20px 30px;
font-family: open sans;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
gap: 15px 0;
}
.guest_info div a {
color: #c3b86c !IMPORTANT;
transition: 1s;
}
.guest_info div a:Hover {
color: #ab6d67 !IMPORTANT;
transition: 1s;
}
.spis {
margin: 30px 30px 30px 30px;
font-family: open sans;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
gap: 0 35px;
justify-content: space-evenly;
}
.spis bron {
width: 500px;
border: #7a6949 1px solid;
background: #181d1e82;
height: 100px;
}
.spis bron z {
display: block;
color: rgb(205 192 122 / 86%) !important;
background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
text-shadow: 1px 1px 1px rgb(0 0 0 / 66%), 0 0 5px rgb(127 114 62 / 30%);
font-weight: 400 !important;
font-family: 'Lora';
text-transform: uppercase;
text-align: center;
padding: 5px;
font-size: 14px;
border-bottom: 1px solid #7a6949;
border-width: 0 0 1px 0;
}
.spis bron text {
white-space: break-spaces;
margin: 10px 10px;
display: block;
/* border: red 1px solid; */
height: 58px;
overflow-y: auto;
font-family: open sans;
}
</style>
[/html]
Отредактировано fuente (2023-03-21 14:53:47)
