name forum

theme

mybb@mybb.ru (Name Surname) — Tue, 31 Oct 2023 20:11:57 +0300

[html]

<mess><chatnick>@panic9861</chatnick>
� �� ? �� ?
<chattime>19:09</chattime>
</mess>

<mess><chatnick>@sugarpie</chatnick>
��
<chattime>19:11</chattime>
</mess>

<mess><chatnick>@devilcry777</chatnick>
�� , �� !!
<chattime>19:40</chattime>
</mess>

<mess><chatnick>@bushcherry1</chatnick>
� �� , ��
<chattime>20:17</chattime>
</mess>

</postchat>

mess {
display: block;
background: #ad98b6;
margin: 1em 0 1em 0 ! important;
padding: 0.8em 1em 0.6em 1em;
border-radius: 0px 10px 10px 10px;
color: #ffffff;
font-size: 10px;
font-family: arial;
}

chatnick {
font-weight: bold;
}

chattime {
display: block;
text-align: right;
opacity: 0.5;
}

</style>

[/html]

��

mybb@mybb.ru (Name Surname) — Fri, 06 Oct 2023 20:59:03 +0300

name surname

��

name surname

Maruv - Drunk Groove

�� , � �� . �� , �� . �� , � �� .

�� . �� , �� . ��! �� . �� , �� . �� , � �� .

�� (��) �� . � �� . �� , � �� . �� , �� , �� . �� , �� . �� .

�� / ��

mybb@mybb.ru (Name Surname) — Fri, 06 Oct 2023 14:51:53 +0300

�� ...

��

�� • �� • �� • ��

�� , �� bb ��

��

mybb@mybb.ru (Name Surname) — Fri, 06 Oct 2023 13:36:49 +0300

[html]<div class="small__themes__main">

<small__themes__box><themes__text>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</themes__text></small__themes__box>

</div>
[/html]

��

mybb@mybb.ru (Name Surname) — Wed, 04 Oct 2023 19:58:55 +0300

[html]
<div class="themes__main work__main">

<work__title>�� </work__title>
<order__title>� ��, �� , �� ?</order__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

<worker__box>
<img src="https://i.pinimg.com/564x/64/53/2d/64532dd592a5a00a74098012ee733c57.jpg">
<name__block>
<a href="#" class="name__p">name surname</a>
<name__o>name position</name__o>
</name__block>
</worker__box>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<work__title>��</work__title>
<medicine__title>�� </medicine__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<work__title>��</work__title>
<educ__title>��, �� , � �� </educ__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<work__title>��</work__title>
<cultur__title>�� </cultur__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<work__title>��</work__title>
<buss__title>�� </buss__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<work__title>��</work__title>
<jour__title>�� , �� </jour__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<work__title>��</work__title>
<crimi__title>�� , �� </crimi__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<work__title>��</work__title>
<other__title></other__title>

<work__block__scroll>

<institution__box>
<institution__title>name institution</institution__title>
<description><center>�� / �� / ��</center></description>
</institution__box>

<work__block>
<column>

</column>

</column>
</work__block>
</work__block__scroll>

</div>

<style>

/* other */

.work__main {
height: 720px;
}

medicine__title, order__title, educ__title, cultur__title, buss__title, jour__title, crimi__title, other__title {
display: block;
width: 700px !important;
height: 70px;
box-sizing: border-box;
margin: 0 auto 1em auto !important;
border-radius: 10px;
background-size: 100%;
padding: 2.8em 1em 0 1em;
color: #ffffffe8;
letter-spacing: 0.6px;
/* line-height: 1.4; */
text-align: center;
font-size: 10px;
font-family: 'Raleway';
text-transform: uppercase;
text-shadow: 1px 1px 1px black;
}

work__title {
display: block;
margin: 2em 0 1em 0 !important;
text-align: center;
font-size: 18px;
font-family: Raleway;
color: var(--basic-color-1);
}

work__block {
display: flex;
width: 100%;
}

work__block__scroll {
display: block;
height: 560px;
overflow: auto;
}

work__block__scroll::-webkit-scrollbar-thumb { background-color: color: var(--basic-color-1); border-radius: 10px; }
work__block__scroll::-webkit-scrollbar-track { background: transparent; }

column {
display: block;
margin: auto auto !important;
}

institution__box {

}

institution__title {
display: block;
margin: 1em auto 1em auto !important;
text-align: center;
font-size: 14px;
font-family: Raleway;
color: var(--basic-color-1);
text-transform: uppercase;
width: 90%;
border-bottom: 1px solid #836c545e;
padding-bottom: 0.4em;
}

institution__box > description {
width: 80%;
display: block;
margin: 0 auto 1em auto !important;
}

worker__box {
display: flex;
margin: 2em !important;
}

worker__box img {
width: 50px;
border-radius: 50px;
object-fit: cover;
margin: 0 1em 0 0 !important;
}

name__block {
display: inherit;
flex-direction: column;
position: relative;
}

.name__p {
background: var(--basic-color-1);
display: block;
padding: 0.2em 1em 0.2em 1em;
margin: 0.2em 0 0 0 !important;
border-radius: 10px;
transition: 0.5s;
font-size: 10px;
letter-spacing: 0.6px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #4a3a296e;
color: #fff;
}

.name__p:hover {
color: #66524a;
text-shadow: 1px 1px 0 #ffffff;
background: #fffaef;
}

name__o {
text-transform: lowercase;
color: var(--basic-color-1);
letter-spacing: 0.6px;
font-size: 10px;
margin: 0.4em 0 0 0.6em !important;
}

/* img */

medicine__title {
background-image: url(https://i.imgur.com/etOeS44.png);
}

order__title {
background-image: url(https://i.imgur.com/SlBBtki.png);
}

educ__title {
background-image: url(https://i.imgur.com/7Sl5Jfs.png);
}

cultur__title {
background-image: url(https://i.imgur.com/FXOYPeF.png);
}

buss__title {
background-image: url(https://i.imgur.com/S7nEQHC.png);
}

jour__title {
background-image: url(https://i.imgur.com/E9P6TSV.png);
}

crimi__title {
background-image: url(https://i.imgur.com/h46Gl99.png);
}

other__title {
background-image: url(https://i.imgur.com/B30GzX6.png);
}

</style>

[/html]

��

mybb@mybb.ru (Name Surname) — Wed, 04 Oct 2023 18:31:29 +0300

[html]<div class="themes__main">

<p class="themes__title">RULES</p>
<span>�� .</span>

<rules__block__title>��</rules__block__title>

<rules__block>

<row>

<rule__box>
<title>�� </title>
<themes__text>��! �� . �� . �� : �� , �� . </themes__text>
</rule__box>

<rule__box>
<title>�� </title>
<themes__text>�� . �� . �� , �� / �� .</themes__text>
</rule__box>

</row>

<row>

<rule__box>
<title>��</title>
<themes__text>�� . �� : �� . �� : ��, �� ; �� , �� . �� , �� , �� , �� .</themes__text>
</rule__box>

<rule__box>
<title>��</title>
<themes__text>�� , � �� , �� . �� . ��, �� . �� , �� . </themes__text>
</rule__box>

</row>
</rules__block>

<rules__block__title>�� </rules__block__title>

<rules__block>

<row>

<rule__box>
<title>�� </title>
<themes__text>�� : �� <b>14 ��</b> �� <b>1 �� / 200 �� 1 ��</b>. �� . </themes__text>
</rule__box>

<rule__box>
<title>��</title>
<themes__text>�� <b>1 ��</b> �� <b>�� 1 ��</b> �� . �� . �� . </themes__text>
</rule__box>

</row>

<row>

<rule__box>
<title>��</title>
<themes__text>�� : <b>1 ��</b>, �� <b>2 ��</b> �� <b>200 ��</b> �� <b>1 ��</b>. �� , �� , �� .</themes__text>
</rule__box>

<rule__box>
<title>��</title>
<themes__text>�� <b>2 ��</b> �� , �� . <b>4-� (� ��)</b> �� 3 �� / �� 200 �� . �� .</themes__text>
</rule__box>

</row>
</rules__block>

<rules__block__title>��</rules__block__title>

<rules__block>

<row>

<rule__box>
<title>�� npc</title>
<themes__text>�� . �� , �� .</themes__text>
</rule__box>

<rule__box>
<title>��</title>
<text>�� . ��, � �� , �� .</text>
</rule__box>

</row>

<row>

<rule__box>
<title>�� </title>
<themes__text>�� . ��! �� , �� 5 �� (�� ).</themes__text>
</rule__box>

</row>

</rules__block>

<rules__block__title>��</rules__block__title>

<rules__block>

<row>

<rule__box>
<title>�� </title>
<themes__text>�� . �� , ��: �� (�� ), ��, ��, ��, ��, �� . �� . �� , �� , �� . �� / �� . �� . �� .
</themes__text>
</rule__box>

</row>

</rules__block>

</div>

<style>

.themes__main span {
font-size: 10px;
letter-spacing: 0.6px;
text-align: center;
display: block;
margin-bottom: 3em !important;
color: #c5b7a6;
}

rules__block {
display: flex;
width: 100%;
}

rules__block__title {
margin: 1.4em 0 0.4em 0 !important;
text-align: center;
display: block;
letter-spacing: 0.6px;
font-weight: bold;
font-size: 14px;
color: var(--basic-color-1);
font-family: Raleway;
}

rule__box {
display: block;
width: 90%;
padding: 2em 0 1em 0;
margin: auto auto !important;
}

rule__box > title {
display: block;
margin: 0 0 1em 0 !important;
padding: 0.2em 0 0.3em 0;
color: #f7f1e5;
text-align: center;
letter-spacing: 0.6px;
text-shadow: 1px 1px #3c322787;
text-transform: uppercase;
background: var(--basic-color-1);
border-radius: 10px;
}

</style>[/html]

��

mybb@mybb.ru (Name Surname) — Wed, 04 Oct 2023 14:57:09 +0300

[html]<div class="themes__main faces__main__block">

<title__block>
✓ � �� . ✓✓ � �� . (+) � �� .
</title__block>

<faces__block>

<main__block>

<face__box>
<img src="https://i.pinimg.com/564x/64/53/2d/64532dd592a5a00a74098012ee733c57.jpg">
<name__block>
<name__p><a href="#" class="name__p">name surname</a> <redeemed><check>✓</check> <check>✓</check></redeemed></name__p>
<name__f>name surname</name__f>
</name__block>
</face__box>

</main__block>

<main__block>

<face__box>
<img src="https://i.pinimg.com/564x/27/1d/3a/271d3a47e36ae6e79be5e774ebbc3742.jpg">
<name__block>
<name__p><a href="#" class="name__p">name surname</a> <redeemed><check>✓</check> <check>✓</check></redeemed></name__p>
<name__f>name surname</name__f>
</name__block>
</face__box>

</main__block>

</faces__block>
</div>

<style>

.faces__main__block:before {
content: "boys";
left: -46px;
rotate: 270deg;
}

.faces__main__block:after {
content: "girls";
right: -50px;
rotate: 90deg;
}

.faces__main__block:before, .faces__main__block:after {
position: absolute;
top: 160px;
mix-blend-mode: multiply;
color: #e5dcc98a;
font-size: 48px;
font-family: 'Raleway';
font-weight: 100;
text-transform: uppercase;
letter-spacing: 1px;
}

.faces__title {
font-family: 'Raleway' !important;
text-align: center;
font-size: 16px;
text-transform: uppercase;
color: var(--basic-color-1);
}

title__block {
position: relative;
left: 0.6em;
display: block;
margin: 0 auto 3em auto !important;
padding: 1em 3em 1em 3em;
width: 90%;
border-radius: 20px;
letter-spacing: 0.4px;
box-sizing: border-box;
text-align: center;
font-size: 10px;
color: #fff;
background: var(--basic-color-1);
}

faces__block {
display: flex;
justify-content: center;
margin: auto auto !important;
width: 100%;
}

main__block {
display: block;
margin: 0 2em 1em 2em !important;
}

face__box {
display: flex;
margin: 0 0 1em 0 !important;
}

face__box img {
width: 40px;
height: 40px;
margin: 0 1em 0 1em !important;
object-fit: cover;
border-radius: 50px;
filter: grayscale(1);
}

name__block {
display: flex;
flex-direction: column;
position: relative;
}

.name__p:hover {
color: #66524a;
text-shadow: 1px 1px 0 #ffffff;
background: #fffaef;
}

name__p {
display: flex;
}

redeemed {
margin: 0.2em 0 0 0.3em !important;
display: inherit;
}

check {
display: block;
margin: 0 0.4em 0 0 !important;
padding: 0em 0.4em 0.4em 0.4em;
box-sizing: border-box;
width: 15px;
height: 15px;
font-size: 10px;
background: var(--basic-color-1);
color: #fff;
border-radius: 50px;
}

name__f {
text-transform: lowercase;
color: var(--basic-color-1);
letter-spacing: 0.6px;
font-size: 10px;
margin: 0.4em 0 0 0.6em !important;
}

</style>[/html]

��

mybb@mybb.ru (Name Surname) — Sat, 19 Aug 2023 13:25:21 +0300

<input type="radio" name="tab__btn__shop" id="tab__btn__shop__1" value="" checked>
<label for="tab__btn__shop__1">drinks</label>

<input type="radio" name="tab__btn__shop" id="tab__btn__shop__3" value="">
<label for="tab__btn__shop__3">music</label>

<input type="radio" name="tab__btn__shop" id="tab__btn__shop__5" value="">
<label for="tab__btn__shop__5">merch</label>

</div>

<food__title__box>
<food__title>food</food__title>
<food__about>�� , �� . �� . �� .</food__about>
</food__title__box>

<menu__scroll>

<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/F1ZhACF.png"><food__name>Blueberry Bagel
</food__name></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/EEWTltS.png" alt=""></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/bjIujty.png"></food__items>
<food__items><wrap><title>�� 24 ��</title></wrap><img src="https://i.imgur.com/5nsykIF.png"></food__items>
<food__items><wrap><title>5 �� </title></wrap><img src="https://i.imgur.com/BK49Jrj.png"></food__items>
<food__items><wrap><title>10 �� </title></wrap><img src="https://i.imgur.com/MGRj41J.png"></food__items>
<food__items><wrap><title>10 ��</title></wrap><img src="https://i.imgur.com/L4z4TQa.png"></food__items>
<food__items><wrap><title>50 ��</title></wrap><img src="https://i.imgur.com/j8VLjfT.png"></food__items>
<food__items><wrap><title>200 ��</title></wrap><img src="https://i.imgur.com/vayeAAU.png"></food__items>
<food__items><wrap><title>2 �� </title></wrap><img src="https://i.imgur.com/D4nppZ3.png"></food__items>
<food__items><wrap><title>5 �� </title></wrap><img src="https://i.imgur.com/QHJlBU7.png"></food__items>
<food__items><wrap><title>10 �� </title></wrap><img src="https://i.imgur.com/YavwXTa.png"></food__items>
<food__items><wrap><title>�� 1 �� </title></wrap><img src="https://i.imgur.com/En8c3pu.png"></food__items>
<food__items><wrap><title>�� 10 �� </title></wrap><img src="https://i.imgur.com/hnvPGo0.png"></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/leA6YMK.png"></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/KUBnTqN.png"></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/kDJ6nHr.png"></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/UufdFmI.png"></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/ex986Q3.png"></food__items>
<food__items><wrap><title>�� </title></wrap><img src="https://i.imgur.com/3WapxY8.png"></food__items>

</menu__scroll>

</div>

</div>

</div>

</div>

</div>
<style>

/* main tab */

.main__menu {
width: 800px;
height: auto;
margin: auto !important;
padding: 1em 1em 2em 0em;
position: relative;
background: #435d4d;
border-radius: 10px;
box-shadow: inset 0 0 0px 1px #ffffffb0, inset 0 0 20px 3px #191d1ac2, inset 0 0 0px 1px #ffffff, 0 0 0 1px #bfa479;
background-image: url(https://i.imgur.com/vcgfCjn.png);
background-size: 22%;
}

menu__scroll {
display: flex;
flex-wrap: wrap;
justify-content: center;
height: 480px;
width: 95%;
margin: auto !important;
overflow: auto;
}

/* food tab */

food__items {
position: relative;
display: block;
width: 100px;
height: 100px;
margin: 1em !important;
background: #ece9e5;
border-radius: 20px;
}

food__items wrap {
position: absolute;
display: block;
width: 100px;
height: 100px !important;
border-radius: 20px;
background: #ffffffc9;
opacity: 0;
}

food__items wrap title {
display: block;
margin: 3em 1em 0em 1em !important;
text-align: center;
font-size: 10px;
color: #5c5c5c;
font-weight: bold;
letter-spacing: 0.6px;
}

food__items img {
width: 85px;
height: 85px;
margin: auto !important;
display: block;
}

food__title__box {
display: flex;
background: white;
width: ;
margin: 3em 4em 1em 4em !important;
border-radius: 10px;
padding: 1em;
}

food__title {
display: block;
font-size: 2em;
width: 16%;
text-transform: uppercase;
}

/* tabs */

.main__menu>input[type="radio"] {
display: none;
}

.main__menu>div {
display: none;
}

#shop__page {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#tab__btn__shop__1:checked~#shop__page,
#tab__btn__shop__2:checked~#shop__page__2,
#tab__btn__shop__3:checked~#shop__page__3,
#tab__btn__shop__4:checked~#shop__page__4,
#tab__btn__shop__5:checked~#shop__page__5 {
display: block;
}

.main__menu>label {
padding: 2px 8px;
margin: 0 0 10px 15px;
position: relative;
left: 3em;
top: 1em;
font-size: 11px;
text-transform: uppercase;
color: #fdfaf5;
text-shadow: 1px 1px 1px #191f1b99;
cursor: pointer;
}

.main__menu>label:not(:first-of-type) {
border-left: none;
}

/* hovers */

food__items wrap:hover {
opacity: 1;
}

food__items:hover {
transform: scale(1.1);
}

/* transition */

food__items,
food__items img,
food__items wrap {
transition: 0.6s linear;
}

</style>

��

mybb@mybb.ru (Name Surname) — Sun, 06 Aug 2023 12:10:56 +0300

��:

<!--HTML-->
<div class="guestbook__main__block">
<gb__header>
<title>name forum</title>
<about><items>real-life / city / 2023</items>
<nav><a href="#">�������</a><a href="#">���������</a><a href="#">������ ������</a></nav>
</about>
</gb__header>
<faces__block>

<reserved__faces>
<reserved>reserved</reserved>
<scroll>

<datum__title>00.00</datum__title>

<a href="#">name surname</a>

</scroll>
</reserved__faces>

<purchased__faces>
<purchased>purchased</purchased>
<scroll>

<datum__title>00.00</datum__title>

<a href="#">name surname</a>

</scroll>
</purchased__faces>

</faces__block>

<guest__button>
<div id="textguest" style="font-size: 0px;">
<pre><a href="������ �� �������">name surname</a></pre></div>
<button onclick="copytext('#textguest')" class="guest__button" title="����� ����� ����� ���">���������� ���������</button>
</guest__button>

</div>

<style>

.guestbook__main__block {
    display: block;
    width: 600px;
    height: 440px;
    margin: 0 auto 0 auto !important;
    background-image: var(--main-bg);
    box-shadow: 0 0 0 1px #dcc49c, inset 0 0 0 1px #fff6e1, inset 0 0 15px 2px #243428, inset 20px 20px 80px 20px #25322985;
    border-radius: 10px;
    background-size: 120%;
}

 gb__header {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2.4em 0 2em 0;
}

gb__header:after {
    content: "";
    background: url(https://i.imgur.com/nkdHiVZ.png);
    width: 100px;
    height: 100px;
    display: block;
    background-size: 100%;
    position: relative;
    left: 60px;
    top: -90px;
    transform: rotate(3deg);
    margin: 0 0 4em 0;
}


gb__header:hover:after {
    filter: drop-shadow(1px 1px 10px #feb);
}

gb__header:after {
     transition: 1s;
}

gb__header > title {
    position: relative;
    /* top: -30px; */
    /* right: 0; */
    /* left: 0; */
    display: block;
    overflow: hidden;
    font-size: 3.7em;
    font-family: Bochan Alternate;
    text-align: center;
    color: #edce9b;
    text-shadow: 1px 1px 1px #1b2620;  
    text-transform: uppercase;
}

gb__header > title:hover {
     text-shadow: 0 0 10px #ffeebb7a;
}

about {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

about items {
    font-family: modernspace;
    font-weight: bold;
    color: #857a68;
    text-transform: uppercase;
    font-size: 1.2em;
}

about nav {
    display: block;
    margin: 1em 0 0 0 !important;
    z-index: 1;
    position: relative;
}

about a {
    font-size: 0.8em;
    color: #9a7333;
    margin: 0 1em 0 0 !important;
    font-family: Arial;
    font-weight: normal;
    background: #edce9b;
    border-radius: 10px;
    padding: 2px 5px 3px 5px;
    letter-spacing: 0.6px;
    box-shadow: inset 0 0 0 1px #fff1ddb8, inset 0 0 4px 1px #78633ea1, 0 0 0px 1px #1e231f96;
    text-shadow: 1px 1px 0 #ffffff75;
}

guestbook__main {
    display: block;
    width: 88%;
    height: auto;
    margin: 1em auto 1em auto !important;
    background: #fdfaf582;
    padding: 0.8em;
    border-radius: 10px;
    /* border: 1px solid #dcb98075; */
    box-shadow: 0 0 12px 0px #c5b59a94;
    }

guestbook__main p {
     font-size: 0.8em;
     text-align: justify;
     color: #455f4f;
}

faces__block {
    display: flex;
    justify-content: center;
    position: relative;
    top: -140px;
    width: 80%;
    height: 19.2em;
    margin: 1em auto 1em auto !important;
    box-sizing: border-box;
}

reserved__faces,
purchased__faces {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 1em 1em 1em 1em !important;
    padding: 0.6em 1em 0.6em 1.6em;
    box-sizing: border-box;
    background: #fdfaf5;
    box-shadow: 0 0 0 1px #15181682, inset 0 0 0 1px #ffebc8, inset 0 0 10px 3px #bfb8ad;
    border-radius: 10px;
}

reserved, purchased {
    position: absolute;
    top: -6px;
    font-size: 10px;
    color: var(--a-color-5);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #edce9b9e;
}

reserved:before, purchased:before {
    font-family: 'Material Icons';
    position: relative;
    left: -5px;
    top: 2px;
    text-shadow: none;
}

reserved:before {
    content: "\e51c";
}

purchased:before {
    content: "\e263"; 
}

scroll {
    overflow: auto;
    display: flex;
    flex-direction: column;
    padding: 0 1em 0 0;
}

scroll a {
    font-weight: bold;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-size: 10px;
    color: var(--b-color-3);
}

scroll a:before {
    content: "\e315";
    font-family: 'Material Icons';
    position: relative;
    top: 1px;
    margin-right: 0.6em;
}

datum__title {
    display: block;
    margin: 1em 0 1em 0 !important;
    font-size: 1em;
    text-align: center;
    color: #afafaf;
}

fc__row {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 2em 0 !important;
}

fc__name,
datum {
    font-size: 1em;
    position: absolute;
}

fc__name {
   left: 0;
}

fc__name a {
   font-weight: bold;
   letter-spacing: 0.4px;
}

datum {
    right: 0;
    color: #afafaf;
}

guest__button {
    margin: -12em 0 0 0 !important;
    display: block;
    text-align: center;
}

.guest__button {
    border: none;
    width: 78%;
    padding: 6px 5px 5px 5px;
    border-radius: 10px;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.6px;
    color: #849a8b;
    text-shadow: 1px 1px 0 #010101ab;
    background: #181f1a66;
    box-shadow: inset 0 0 0 1px #3a5243, inset 0 0 4px 1px #314237, 0 0 0px 1px #1e231f96;
    transition: 0.5s linear; 
}

.guest__button:hover {
    color: #c3e0ccd4;
    text-shadow: 0 0 4px #e4ffedb8;
    box-shadow: inset 0 0 6px 0px #739a81, inset 0 0 4px 1px #314237, 0 0 7px 0px #c0d8c542;
}

scroll::-webkit-scrollbar-thumb {
    background-color: var(--b-color-3);
    border-radius: 10px;
}

scroll::-webkit-scrollbar-track {
    background-color: transparent;
}

</style>

name

mybb@mybb.ru (Name Surname) — Thu, 10 Jun 2021 23:08:49 +0300

name forum

theme

������

���� ������ / ������

���� � ����� ��������

���������

�������

�����

���

��������

name

��

�� / ��

��

��

��

��

��

��