��

mybb@mybb.ru (Jane Elizabeth Smith) — Sat, 30 Jan 2021 17:21:31 +0300

��:

<!--HTML--><a href="https://timess.rusff.me/" target="_blank"><img src='https://i.imgur.com/nG1Nka3.png' title="time�quare" /></a>

�� , � �� . �� , � ��, ��-�

mybb@mybb.ru (��) — Sun, 29 Nov 2020 17:19:42 +0300

�� ?

��

mybb@mybb.ru (Jane Elizabeth Smith) — Sat, 28 Nov 2020 19:13:12 +0300

��:

<!--HTML-->

<div class="vacation-main">
<p class="vacation-title">���������� � ����</p>

<div class="tabs-v">
    <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
    <label for="tab-btn-1">⇦</label>
    <input type="radio" name="tab-btn" id="tab-btn-2" value="">
    <label for="tab-btn-2">� �������</label>

    <div id="content-1">
      <p class="vacation-description">
���� ��� ����� �� �����-�� ����� �������� ��� ������� ���� ������� ����������, �� ���������� ���������� � ���� ����.
���������� [������� ����������] ������ �������� �� ��� ������. ��� [���������� ����������] �������� �� �����. ��� ����� �������� �� ����� �������. 
�� ��������� ��������� ������ � ��������� ��� � ��� <img src="http://sd.uploads.ru/qs9KU.png">
<br>
<br>� ����� �� ������ ����� ����������� ���.
</p>
</div>

<div id="content-2">
<li class="vacation-list">���</li>
<li class="vacation-list-2">
<br>��� ������� �� 00.00
</li>

<li class="vacation-list">����������</li>
<li class="vacation-list-2">
<br>��� ������� �� 00.00


</li>



</div>
</div>


<strong class="legend"><a href="javascript://" style="color: #e4e2dc" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="low-box">���������</button></a></strong><div class="blockcode"><div class="scrollbox-2" style="height: 0.5em; color: #717f61;"><pre  style="font-size: 0px;">&lt;br&gt;��� ��������� �� 00.00</pre></div></div>


</div>

<style>

.vacation-main {
    margin-top: -14px;
    width: 650px;
    background-image: url(https://i.imgur.com/LaUJZ9d.png);
    background-size: 100%;
    height: 455px;
    margin-left: 20px;
}

.vacation-description {
    position: relative;
    top: 35px;
    width: 350px;
    left: 109px;
    font-family: arial;
    font-size: 11px!important;
    background: #4e4e4e0d;
    outline: 2px solid #4e4e4e;
    color: #4e4e4e;
    padding: 10px!important;
}

#content-1 {
position: relative;
    top: 40px;
    left: -120px;
width: 450px;
    height: 158px;
}

.vacation-title {
font-family: Roboto Condensed;
    font-size: 21px!important;
    position: relative;
    left: 235px;
    top: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f3f3f3;
}

#content-2 {
    width: 450px;
    height: 158px;
    position: relative;
    left: -65px;
    top: 30px;
    overflow: auto;
    text-align: center;
}

li.vacation-list {
    font-size: 14px!important;
    font-family: Franklin Gothic Medium;
    color: #4e4e4e;
    margin: 15px 0 10px 0;
}

li.vacation-list-2 {
    color: #4e4e4e;
}

.low-box {
    width: 85px;
    background-color: #fbc72a;
    position: relative;
    font-size: 11px;
    font-family: Franklin Gothic Medium;
    padding: 5px;
    left: 350px;
    letter-spacing: 1px;
    top: 122.2px;
    text-align: center;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    color: #f5f5f5;
}

.tabs-v {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}

.tabs-v>input[type="radio"] {
display: none;
}

.tabs-v>input[type="radio"]:checked+label {
    background-color: #4e4e4e;
}

.tabs-v>div {
display: none;
padding: 10px 15px;
}


#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2 {
display: block;
}

.tabs-v>label {
    user-select: none;
    background-color: #fbc72a;
    padding: 5px 8px;
    line-height: 1.5;
    letter-spacing: 1px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    margin-left: 6px;
    cursor: pointer;
    top: 320px;
    left: 70px;
    position: relative;
    font-size: 11px!important;
    font-family: Franklin Gothic Medium;
    color: #f5f5f5;
    text-transform: uppercase;
}

.tabs-v>label:first-of-type {
margin-left: 0;
}
  </style>

test

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

�������� ���������, � ����� ���� � ���. �������� ���, � �����, �����-�

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

��

�� , � �� . �� , � ��, ��-�

��