stationx0

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » stationx0 » Above the Clouds » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 30 из 53

1

SKETCH

0

2

Код:
[html]<!--код гостевой by karamba-->
<div class="stargs">
  <div class="topst">
    <div class="ist"><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"></div>
    <div class="namest">название форума</div>
  </div>
  <div class="bottomst">
    <div class="bottomst_l">
      <div class="imgst"><img src="https://placehold.co/160x300/000000/FFFFFF.png"></div>
    </div>
      <div class="bottomst_r">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <details>
          <summary> <img src="https://forumstatic.ru/files/0016/f1/95/58840.svg">занятые внешности</summary>
          <ul>
          <li>внешность - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          <li>внешность - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          </ul>
        </details>

        <details>
          <summary><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"> занятые роли</summary>
          <ul>
          <li>роль - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          <li>роль - <a href="ссылка на профиль">имя</a> - до 13.10</li>
          </ul>
        </details>

        <div class="navst">
          <a href="ссылка">name link</a> 
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a>
          <a href="ссылка">name link</a> 
          <a href="ссылка">name link</a>
        </div>
      </div>
  </div>
</div>


[/html]

0

3

Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

0

4

[html]<div class="guest_name">7 дней до открытия</div>
<div class="guest">
    <div class="guest_info">
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Commodi eligendi sit dolorum ipsum cupiditate. Consectetur ex expedita soluta rem, id eligendi adipisci corrupti labore distinctio inventore deleniti tempore laboriosam modi.</p>
        <p>Lorem, ipsum, dolor sit amet consectetur adipisicing elit. Neque, inventore dolor. Quis sequi magni velit nulla molestiae. Quas, voluptatum expedita fugit laudantium repudiandae alias quam, reprehenderit ut vitae magni est?</p>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto eos minima, magni temporibus aliquid optio corporis explicabo necessitatibus <a href="">dldfl</a> quaerat autem quia delectus voluptatibus fuga, harum consectetur quam quasi. Quidem, natus.</p>
    </div>
    <hr/>
    <div class="guest_face">
        <div class="guest_man_name">мужские внешности</div>
        <div class="guest_man">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>

            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>

            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
[solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
        </div>

        <div class="guest_girl_name">женские внешности</div>
        <div class="guest_girl">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>

            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>

            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
        </div>
    </div>
    <div class="guest_rule">
        <p> - первое правило <br/>
        - второе правило </p>
    </div>
</div>
<div class="guest_star"><img src="https://forumupload.ru/uploads/000f/81/d6/2/470780.png"/></div>

<style>
.guest {
         width: 600px;
    margin: 0 auto;
    border: 1px solid #cccccc57;
    /* background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); */
    position: relative;
}

.guest_name {
    font: 400 20px Cerulea;
    text-align: center;
    display: block;
    background: #c2b9c8;
    position: relative;
    top: 15px;
    color: #ffffff;
    z-index: 9999;
    width: 315px;
    margin: 0 auto;
    border-radius: 5px;
}

.guest_info {
       padding: 40px 70px 20px 70px;
}

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 0px 0px 5px 0px !important;
       text-align: justify;
     font-weight: normal;
        line-height: 100% !important;
}

.guest hr {
       opacity: 0.1;
    width: 300px;
    margin: 0 auto;
}

.guest_need p {
       padding: 12px 0px 5px 0px !important;
       color: #846f82;
       letter-spacing: 2px;
}

.guest_need  {
      display: none;
       text-align: center;
       padding-bottom: 20px;
}

.guest_need img {
       margin: 5px;
       margin: 5px 10px 15px 10px;
       filter: grayscale(1);
}

.guest_face {
       position: relative;
       height: 290px;
       margin-top: 31px;
}

.guest_man, .guest_girl {
       width: 230px;
    height: 250px;
    border: 1px solid #cccccc57;
    border-radius: 5px;
    position: absolute;
    font-size: 10px;
    background: #f7f7f7;
    padding: 0px 15px 9px 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

.guest_man a, .guest_girl a {
       color: #372c55 !important;
}

.guest_man {
       top: 0px;
       left: 25px;
}

.guest_girl {
       top: 0px;
       right: 25px;

}

.guest_man_name, .guest_girl_name {
       position: relative;
       font-size: 14px;
    text-transform: uppercase;
       color: #846f82;
}

.guest_man_name {
       left: 74px;
       top: -11px;
}

.guest_girl_name {
       left: 367px;
       top: -28px;
}

.guest_man span, .guest_girl span {
       display: block;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;

}

.guest_girl::-webkit-scrollbar, .guest_man::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_girl::-webkit-scrollbar-thumb, .guest_man::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}

.guest_girl::-webkit-scrollbar-track, .guest_man::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.guest_rule {
       padding: 0px 100px 20px 100px;
}

.guest_rule p {
       text-transform: lowercase;
    font-size: 11px;
    padding: 0px 0px 5px 0px !important;
    text-align: justify;
    color: #695c5c;
}

.guest_star {
       display: block;
    width: 60px;
    position: relative;
    margin: 0 auto;
    top: -31px;
}
</style>[/html]

[code*][solo/group/actor] внешность - <a href="ссылка на профиль">ник</a><br/>[/code*]

0

5

Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

0

6

li.pa-online {
    position: absolute;
    width: 15px;
    height: 15px;
    border: none;
    padding: 0;
    margin-top: -6px!important;
    margin-left: 1px;
    font-size: 0px!important;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    background: url(https://forumstatic.ru/files/001b/c3/ca/40381.png?v=1);
  }

li.pa-online:hover {
  cursor: pointer;
    transform: rotate(1.0turn);
    }

li.pa-offline{
    position: absolute;
    width: 15px;
    height: 15px;
    border: none;
    padding: 0;
    margin-top: -6px!important;
    margin-left: 1px;
    font-size: 0px!important;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    background: url(https://forumstatic.ru/files/001b/c3/ca/10815.png?v=1);
  }

li.pa-online:hover {
  cursor: pointer;
    transform: rotate(1.0turn);
    }

0

7

Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

0

8

Код:
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

0

9

[html]
<div class="guest_flower"><img src="https://forumstatic.ru/files/001b/c3/ca/58197.png"/></div>
<div class="guest">
<div class="guest_name">impurities</div>
<div class="guest_clue">южная корея, реал-лайф</div>
    <div class="guest_info">
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Commodi eligendi sit dolorum ipsum cupiditate. Consectetur ex expedita soluta rem, id eligendi adipisci corrupti labore distinctio inventore deleniti tempore laboriosam modi.</p>
        <p>Lorem, ipsum, dolor sit amet consectetur adipisicing elit. Neque, inventore dolor. Quis sequi magni velit nulla molestiae. Quas, voluptatum expedita fugit laudantium repudiandae alias quam, reprehenderit ut vitae magni est?</p>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto eos minima, magni temporibus aliquid optio corporis explicabo necessitatibus <a href="">dldfl</a> quaerat autem quia delectus voluptatibus fuga, harum consectetur quam quasi. Quidem, natus.</p>
</div>
<div class="guest_face">
        <div class="guest_man_name">guys</div>
        <div class="guest_man">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>

            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>

            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
[solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
          </div>

        <div class="guest_girl_name">girls</div>
        <div class="guest_girl">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>

            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>

            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
        </div>

</div>

<style>
.guest {
    width: 600px;
    margin: 10px auto;
    position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 25px;
   background: #f4f1f1;
   -webkit-box-shadow: 0 0 0 1px #d5d1d0;
   box-shadow: 0 0 0 1px #d5d1d0;
}

.guest_name {
    font-family: 'Menoka';
    font-size: 40px !important;
    font-weight: 700 !important;
   text-transform: uppercase !important;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    background: #;
    position: relative;
    top: 15px;
    color: #333;
    z-index: 9999;
    width: 315px;
    margin: -10px auto;
    border-radius: 5px;
}

.guest_clue {
       width: 300px;
      position: relative;
       margin: 36px 150px;
       text-transform: lowercase;
       font-size: 11px;
       padding: 4px 0px 6px 0px !important;
        text-align: center;
       font-weight: normal;
    border-radius:  25px;
  background-color: #BA94A7;
   color: #f0edec!important;

}

.guest_info {
       padding: 20px 40px 20px 40px;
      margin-top: -40px;
      }

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 10px 0px 5px 0px !important;
       text-align: justify;
       font-weight: normal;
     line-height: 100% !important;
}

.guest_face {
       position: relative;
       height: 290px;
       margin-top: 31px;
}

.guest_man, .guest_girl {
   width: 260px;
    height: 250px;
    position: absolute;
    font-size: 10px;
    padding: 0px 20px 9px 20px;
    overflow-x: hidden;
    overflow-y: auto;
  background: #EDE9E8;
-webkit-box-shadow: 0 0 0 1px #d5d1d0;
  box-shadow: 0 0 0 1px #d5d1d0;
  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 25px;
}

.guest_man a, .guest_girl a {
       color: #333 !important;
}

.guest_man {
       top: 0px;
       left: 25px;
}

.guest_girl {
       top: 0px;
       right: 25px;

}

.guest_man_name, .guest_girl_name {
       position: relative;
       font-size: 24px;
    font-family: 'Menoka';
    text-transform: uppercase;
       color: #333;
}

.guest_man_name {
       left: 120px;
       top: -17px;
}

.guest_girl_name {
       left: 420px;
       top: -45px;
}

.guest_man span, .guest_girl span {
     display: block;
    padding-top: 20px;
    margin-top: 5px;
   margin-bottom: 5px;
    text-align: center;
   border-radius:  25px;
  background-color: #BBCDCE;
   color: #333!important;
  padding: 2px 2px 2px 2px;

}

.guest_girl::-webkit-scrollbar, .guest_man::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_girl::-webkit-scrollbar-thumb, .guest_man::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}

.guest_girl::-webkit-scrollbar-track, .guest_man::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.guest_flower{
    display: block;
    width: 60px;
    position: relative;
    margin: 0px auto;
    top: 30px;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
   
}

.guest_flower:hover{
cursor: pointer;
transform: rotate(1.0turn);
}

</style>[/html]

[code*][solo/group/actor] внешность - <a href="ссылка на профиль">ник</a><br/>[/code*]

0

10

Код:
<div class="guest_info">
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Commodi eligendi sit dolorum ipsum cupiditate. Consectetur ex expedita soluta rem, id eligendi adipisci corrupti labore distinctio inventore deleniti tempore laboriosam modi.</p>
        <p>Lorem, ipsum, dolor sit amet consectetur adipisicing elit. Neque, inventore dolor. Quis sequi magni velit nulla molestiae. Quas, voluptatum expedita fugit laudantium repudiandae alias quam, reprehenderit ut vitae magni est?</p>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto eos minima, magni temporibus aliquid optio corporis explicabo necessitatibus <a href="">dldfl</a> quaerat autem quia delectus voluptatibus fuga, harum consectetur quam quasi. Quidem, natus.</p>
    </div>
    <hr/>
    <div class="guest_face">
        <div class="guest_man_name">мужские внешности</div>
        <div class="guest_man">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>


            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>


            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
 [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
        </div>

        <div class="guest_girl_name">женские внешности</div>
        <div class="guest_girl">
            <span>за амс</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>


            <span>за гостями</span>
            [solo/group] внешность - <a href="">ник</a> до 21<br/>


            <span>за игроками</span>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
            [solo/group] внешность - <a href="">ник</a><br/>
        </div>
    </div>
    <div class="guest_rule">
        <p> - первое правило <br/>
        - второе правило </p>
    </div>

0

11

<div class="guest_name">7 дней до открытия</div>

0

12

[html]
<div class="theme_flower"><img src="https://forumstatic.ru/files/001b/c3/ca/58197.png"/></div>
<div class="theme">
<div class="theme_name">bank</div>
<div class="theme_clue">успей заработать больше </div>
    <div class="theme_info">
<table>
<tr>
<td width=370px; style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"><b>остновной заработок</b></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;" ><b></b></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;" ><b>₩</b></td>
</tr>
<tr>
<td><div class="bchbubble">написана анкета до открытия</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">200</td>
</tr>
<tr>
<td><div class="bchbubble">первые 100 сообщений в профиле</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">200</td>
</tr>
<tr>
<td><div class="bchbubble">первые 100 плюсов в репутации <br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">60</td>
</tr>
<tr>
<td><div class="bchbubble">первые 100 плюсов в позитиве</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">80</td>
</tr>
<tr>
<td><div class="bchbubble">пригласить друга (каждому, после написания анкеты до открытия)</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">300</td>
</tr>
<tr>
<td><div class="bchbubble">заявка в "хочу видеть"<br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">30</td>
</tr>
<tr>
<td><div class="bchbubble">заявка в "нужные"</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">50</td>
</tr>
<tr>
<td><div class="bchbubble">каждые 100 сообщений</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">50</td>
</tr>
<tr>
<td><div class="bchbubble">каждые 500 сообщений</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">100</td>
</tr>
<tr>
<td><div class="bchbubble">каждые 1000 сообщений</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">300</td>
</tr>
<tr>
<td><div class="bchbubble">каждые 5000 сообщений</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">500</td>
</tr>
<tr>
<td><div class="bchbubble">каждые 100 плюсов в репутации</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">30</td>
</tr>
<tr>
<td><div class="bchbubble">каждые 100 плюсов в позитиве </div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">40</td>
</tr>
<tr>
<td><div class="bchbubble">участие в конкурсе</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">50</td>
</tr>
</table>
<table>
<tr>
<td width=370px; style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"><b>дополнительный заработок</b></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;" ><b></b></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;" ><b>₩</b></td>
</tr>
<tr>
<td><div class="bchbubble">1 реклама</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">10</td>
</tr>
<tr>
<td><div class="bchbubble">каждые 50 реклам</div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">600</td>
</tr>
<tr>
<td><div class="bchbubble">1 нажатие "это интересно"<br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">15</td>
</tr>
<tr>
<td><div class="bchbubble">10 нажатий "это интересно" (в разных темах)<br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">300</td>
</tr>
<tr>
<td><div class="bchbubble">5 часов онлайна<br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">100</td>
</tr>
<tr>
<td><div class="bchbubble">10 часов онлайна<br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">300</td>
</tr>
<tr>
<td><div class="bchbubble">15 часов онлайна<br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">600</td>
</tr>
<tr>
<td><div class="bchbubble">24 часа онлайна<br></div></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;"></td>
<td style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; color: #333;">1500</td>
</tr>

<table>
</div>
</div>

<style>
.theme{
    width: 600px;
    margin: 10px auto;
    position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 25px;
   background: #f4f1f1;
   -webkit-box-shadow: 0 0 0 1px #d5d1d0;
   box-shadow: 0 0 0 1px #d5d1d0;
}

.theme_name {
    font-family: 'Menoka';
    font-size: 40px !important;
    font-weight: 700 !important;
   text-transform: uppercase !important;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    background: #;
    position: relative;
    top: 15px;
    color: #333;
    z-index: 9999;
    width: 315px;
    margin: -10px auto;
    border-radius: 5px;
}

.theme_clue {
       width: 300px;
      position: relative;
       margin: 36px 150px;
       text-transform: lowercase;
       font-size: 11px;
       padding: 4px 0px 6px 0px !important;
        text-align: center;
       font-weight: normal;
    border-radius:  25px;
  background-color: #BA94A7;
   color: #f0edec!important;

}

.theme_info {
       padding: 20px 40px 20px 40px;
      margin-top: -40px;
      }

.theme_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 10px 0px 5px 0px !important;
       text-align: justify;
       font-weight: normal;
     line-height: 100% !important;
}

.theme_flower{
    display: block;
    width: 60px;
    position: relative;
    margin: 0px auto;
    top: 30px;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
   
}

.theme_flower:hover{
cursor: pointer;
transform: rotate(1.0turn);
}

</style>[/html]

0

13


https://forumstatic.ru/files/001b/c3/ca/94428.png
https://forumstatic.ru/files/001b/c3/ca/20065.png

0

14

https://forumstatic.ru/files/001b/75/7b/33679.png

0

15

div#pun-live-rusff {z-index: 98;width: 440px; height: 19px; margin: auto 0px 0 auto;  background: transparent; text-align: right;line-height: 17px;position: relative;}
.cool1 {
width: 87px;
height: 16px;
padding: 0px 5px 2px 8px;
background: #4a6322;
color: #fff;
font-size: 11px;
font-family: verdana;
text-align: center;
float: right;
margin-left: 4px;
margin-right: 1px;
border: 0px;
cursor: pointer;
box-shadow: inset 0 0 3px #000;
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
-khtml-box-shadow: inset 0 0 3px #000;
text-shadow: 0 1px 2px #222;
border-right: 1px solid #333;
}

.cool1:hover, .cool3:hover {
background: #769349;
}

.cool2 {
width: 16px;
height: 16px;
background: #333;
color: #fff;
font-size: 11px;
font-family: verdana;
text-align: center;
float: right;
margin-right: 1px;
border: 1px solid #333;
}

.cool3 {
width: auto;
height: 16px;
padding: 0px 7px 2px 5px;
background: #4a6322;
color: #fff;
font-size: 11px;
font-family: verdana;
text-align: center;
float: right;
font-weight: bold;
border: 0px;
cursor: pointer;
box-shadow: inset 0 0 3px #000;
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
-khtml-box-shadow: inset 0 0 3px #000;
text-shadow: 0 1px 2px #222;
border-left: 1px solid #333;
}
div#pun-live-rusff-peoples {width: 270px; height: 70px; padding: 0px; background: #333; color: #fff; overflow: auto;position: absolute; top: 18px; right: 0px; z-index: 100;}
div.people-head {background: #444; width: 100%; font-size: 11px; padding: 3px 0px 3px 0px; text-align: center; margin-bottom: 7px; border-bottom: 1px solid #555; font-weight: normal;}
div.person {width: 30px; height: 30px; overflow: hidden; float: left; margin-left: 11px; margin-bottom: 11px;}

0

16

[html]
<div class="theme_flower"><img src="https://forumstatic.ru/files/001b/c3/ca/58197.png"/></div>
<div class="theme">
<div class="theme_name">новости</div>
<div class="theme_clue">успей заработать больше </div>
    <div class="theme_info">

</div>
</div>

[/html]

0

17

[html]<style>
/**шрифт**/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/**общий блок**/
.stargs {background: #fff; width: 650px; height: auto; border-radius: 20px; display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; box-sizing: border-box; margin: 0 auto !important;}

/**блок с названием**/
.topst {display: flex; width: 100%; height: 50px; align-items: center; gap: 15px; border-bottom: solid 3px #000;}

/**блок с названием -> звездочка**/
.ist {width: 30px; height: 30px; transition: all 0.7s linear 0s;}
.ist:hover {transform: rotate(90deg); transition: all 0.7s linear 0s;}

/**блок с названием -> название форума**/
.namest {font-family: rubik; font-weight: 900; font-size: 22px; color: #000;}

/**блок с картинкой и инфой**/
.bottomst {display: flex; gap: 15px;}

/**блок с картинкой и инфой -> картинка**/
.imgst img {border-radius: 20px; max-width: 160px;}

/**блок с картинкой и инфой -> инфа**/
.bottomst_r p {margin: 0; text-align: justify; font-size: 14px; font-family: 'Rubik'; color: #000; padding-bottom: 10px;}

/**блок с картинкой и инфой -> спойлеры**/
.bottomst_r details {padding: 10px 0; border-top: solid 3px #000; border-bottom: solid 3px #000;}
.bottomst_r details:nth-child(2) {border-bottom: none;}

/**блок с картинкой и инфой -> убираем дефолтные маркеры**/
.bottomst_r details summary::-webkit-details-marker {display: none}
.bottomst_r details > summary {list-style: none;}

/**блок с картинкой и инфой -> название спойлера**/
.bottomst_r summary {cursor: pointer; display: flex; align-items: center; gap: 10px; font-family: 'Rubik'; font-size: 18px; font-weight: 900; color: #000;}
/**блок с картинкой и инфой -> звездочки в спойлерах**/
.bottomst_r summary img {width: 30px; height: 30px;}

/**блок с картинкой и инфой -> списки**/
.bottomst_r details ul {margin: 0; padding: 5px 15px;}
.bottomst_r details li {font-size: 10px; font-family: 'Rubik'; color: #000; list-style: none; line-height: 1.5;}

/**блок с картинкой и инфой -> ссылки в списках**/
.bottomst_r details li a {padding: 0 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}

/**блок с картинкой и инфой -> навигация**/
.navst {display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0;}

.navst a {display: block; padding: 5px 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}
.navst a:hover, .bottomst_r details li a:hover {background: #fff; color: #000 !important; box-sizing: border-box; transition: all 0.3s linear 0s;}
</style>

<!--код гостевой by karamba-->
<div class="stargs">
  <div class="topst">
    <div class="ist"><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"></div>
    <div class="namest">название форума</div>
  </div>
  <div class="bottomst">
    <div class="bottomst_l">
      <div class="imgst"><img src="https://placehold.co/160x300/000000/FFFFFF.png"></div>
    </div>
      <div class="bottomst_r">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       
      </div>
  </div>
</div>

[/html]

0

18

[html]
<div class="theme">
<div class="theme_flower2"><img src="https://forumstatic.ru/files/001b/c3/ca/13959.png"/></div>
<div class="theme_name"> NEWS</div>
<div class="theme_clue">имя, пишущущего новости </div>
<div class="theme_info">
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

<style>
.theme{
    width: 600px;
    margin: 10px auto;
    position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 25px;
   background: #f4f1f1;
   -webkit-box-shadow: 0 0 0 1px #d5d1d0;
   box-shadow: 0 0 0 1px #d5d1d0;
}

.theme_name {
    font-family: 'Menoka';
    font-size: 40px !important;
    font-weight: 700 !important;
   text-transform: uppercase !important;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    background: #;
    position: relative;
    top: 15px;
    color: #333;
    z-index: 9999;
    width: 315px;
    margin: -10px auto;
    border-radius: 5px;
}

.theme_clue {
       width: 300px;
      position: relative;
       margin: 36px 150px;
       text-transform: lowercase;
       font-size: 11px;
       padding: 4px 0px 6px 0px !important;
        text-align: center;
       font-weight: normal;
    border-radius:  25px;
  background-color: #BA94A7;
   color: #f0edec!important;

}

.theme_info {
       padding: 20px 40px 20px 40px;
      margin-top: -40px;
      }

.theme_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 10px 0px 5px 0px !important;
       text-align: justify;
       font-weight: normal;
     line-height: 100% !important;
}

.theme_flower2{
    display: block;
    width: 100px;
    position: relative;
    margin: 0px auto;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
   border-radius: 100px;
-webkit-box-shadow: 0 0 0 1px #d5d1d0;
-webkit-box-sizing: border-box;  box-sizing: border-box;
   
}

.theme_flower2:hover{
cursor: pointer;
transform: rotate(1.0turn);
}



</style>[/html]

0

19

Код:
<!--доп. смайлы-->
<center><div id="smls-blk" style="display:inline-block">
<input class="btn-sm" type="button" style="cursor:pointer" alt="cont_1" value="котики и не только">
<input class="btn-sm" type="button" style="cursor:pointer" alt="cont_2" value="фразы">
<input class="btn-sm" type="button" style="cursor:pointer" alt="cont_3" value="мемы">
<input class="btn-sm" type="button" style="cursor:pointer" alt="cont_4" value="gif-очки">

<script type="text/javascript">
$('#post input[alt^="cont_"]').click(function(){ var blk = $(this).attr('alt');
  $('#post input[alt^="cont_"]').not('[alt="'+blk+'"]').each(function(){
  $('#'+ $(this).attr('alt')).hide();}); $('#'+blk).toggle();
});
</script>
<script type="text/javascript">
function smls_blkCnt (){ /*!~!;

<div id="cont_1" style="display: none;"> 
<br>
<img src="https://i.imgur.com/RRUa4cR.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/RRUa4cR.png[/img]')" />
<img src="https://i.imgur.com/bM1yrBt.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/bM1yrBt.png[/img]')" />
<img src="https://i.imgur.com/TV0eBJg.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/TV0eBJg.png[/img]')" />
<img src="https://i.imgur.com/OSqD15f.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/OSqD15f.png[/img]')" />
<img src="https://i.imgur.com/zRAsAag.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/zRAsAag.png[/img]')" />
<img src="https://i.imgur.com/KyUF3KQ.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/KyUF3KQ.png[/img]')" />
<img src="https://i.imgur.com/wKzhDvU.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/wKzhDvU.png[/img]')" />
<img src="https://i.imgur.com/dFIQn4U.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/dFIQn4U.png[/img]')" />
<img src="https://i.imgur.com/KBrK5iN.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/KBrK5iN.png[/img]')" />
<img src="https://i.imgur.com/BtVM95e.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/BtVM95e.png[/img]')" />
<img src="https://i.imgur.com/315BgIP.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/315BgIP.png[/img]')" />
<img src="https://i.imgur.com/7eOiasI.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/7eOiasI.png[/img]')" />
<img src="https://i.imgur.com/NJ5pfCs.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/NJ5pfCs.png[/img]')" />
<img src="https://i.imgur.com/AoBj4sM.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/AoBj4sM.png[/img]')" />
<img src="https://i.imgur.com/h7yjxZx.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/h7yjxZx.png[/img]')" />
<img src="https://i.imgur.com/4jHuJ6X.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/4jHuJ6X.png[/img]')" />
<img src="https://i.imgur.com/Ok7KkXB.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Ok7KkXB.png[/img]')" />
<img src="https://i.imgur.com/W2AVrSC.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/W2AVrSC.png[/img]')" />
<img src="https://i.imgur.com/gI0mcyU.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/gI0mcyU.png[/img]')" />
<img src="https://i.imgur.com/9adMjFY.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/9adMjFY.png[/img]')" />
<img src="https://i.imgur.com/W63w3gM.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/W63w3gM.png[/img]')" />
<img src="https://i.imgur.com/2IxstR6.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/2IxstR6.png[/img]')" />
<img src="https://i.imgur.com/CnpIL7u.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/CnpIL7u.png[/img]')" />
<img src="https://i.imgur.com/mNzDWMn.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/mNzDWMn.png[/img]')" />
</div>

<div id="cont_2" style="display: none;"> 
<br>
<img src="https://i.imgur.com/Lx7Byia.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Lx7Byia.png[/img]')" />
<img src="https://i.imgur.com/UIzYDmJ.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/UIzYDmJ.png[/img]')" />
<img src="https://i.imgur.com/WfYHjlO.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/WfYHjlO.png[/img]')" />
<img src="https://i.imgur.com/YB6xFzT.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/YB6xFzT.png[/img]')" />
<img src="https://i.imgur.com/k3yzwRc.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/k3yzwRc.png[/img]')" />
<img src="https://i.imgur.com/us9HCEg.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/us9HCEg.png[/img]')" />
<img src="https://i.imgur.com/M2qU10Y.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/M2qU10Y.png[/img]')" />
<img src="https://i.imgur.com/DLvcMnC.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/DLvcMnC.png[/img]')" />
<img src="https://i.imgur.com/hTMsQcg.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/hTMsQcg.png[/img]')" />
<img src="https://i.imgur.com/kBdfcyU.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/kBdfcyU.png[/img]')" />
<img src="https://i.imgur.com/aJnkAyO.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/aJnkAyO.png[/img]')" />
<img src="https://i.imgur.com/JEPW0nv.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/JEPW0nv.png[/img]')" />
<img src="https://i.imgur.com/95XErP2.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/95XErP2.png[/img]')" />
<img src="https://i.imgur.com/1xmjOZ5.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/1xmjOZ5.png[/img]')" />
<img src="https://i.imgur.com/yzyjbYx.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/yzyjbYx.png[/img]')" />
<img src="https://i.imgur.com/l7VIp2l.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/l7VIp2l.png[/img]')" />
<img src="https://i.imgur.com/xWmKXVm.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/xWmKXVm.png[/img]')" />
<img src="https://i.imgur.com/37eGGIE.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/37eGGIE.png[/img]')" />
<img src="https://i.imgur.com/5f7Ljc5.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/5f7Ljc5.png[/img]')" />
<img src="https://i.imgur.com/hC20roZ.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/hC20roZ.png[/img]')" />
<img src="https://i.imgur.com/tLHcZcj.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/tLHcZcj.png[/img]')" />
<img src="https://i.imgur.com/yduZeI8.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/yduZeI8.png[/img]')" />
<img src="https://i.imgur.com/ElszSM5.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/ElszSM5.png[/img]')" />
<img src="https://i.imgur.com/t3Nvzoo.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/t3Nvzoo.png[/img]')" />
<img src="https://i.imgur.com/1c1B6n0.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/1c1B6n0.png[/img]')" />
<img src="https://i.imgur.com/aI9Wa6Z.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/aI9Wa6Z.png[/img]')" />
</div>


<div id="cont_3" style="display: none;"> 
<br>
<img src="https://i.imgur.com/pSWJjl3.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/pSWJjl3.png[/img]')" />
<img src="https://i.imgur.com/bD2Zwma.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/bD2Zwma.png[/img]')" />
<img src="https://i.imgur.com/EzLryqf.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/EzLryqf.png[/img]')" />
<img src="https://i.imgur.com/312BwDs.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/312BwDs.png[/img]')" />
<img src="https://i.imgur.com/khUa7J8.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/khUa7J8.png[/img]')" />
<img src="https://i.imgur.com/lJ0x0ls.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/lJ0x0ls.png[/img]')" />
<img src="https://i.imgur.com/zQEVvQt.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/zQEVvQt.png[/img]')" />
<img src="https://i.imgur.com/9P0kEAY.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/9P0kEAY.png[/img]')" />
<img src="https://i.imgur.com/2E3dihE.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/2E3dihE.png[/img]')" />
<img src="https://i.imgur.com/62MiQ5L.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/62MiQ5L.png[/img]')" />
<img src="https://i.imgur.com/Uaare2N.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Uaare2N.png[/img]')" />
<img src="https://i.imgur.com/ASyzQgk.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/ASyzQgk.png[/img]')" />
<img src="https://i.imgur.com/dZjdCnc.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/dZjdCnc.png[/img]')" />
<img src="https://i.imgur.com/xYchone.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/xYchone.png[/img]')" />
<img src="https://i.imgur.com/8VfycUn.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/8VfycUn.png[/img]')" />
<img src="https://i.imgur.com/Ud1xlSx.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Ud1xlSx.png[/img]')" />
<img src="https://i.imgur.com/lF75tWo.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/lF75tWo.png[/img]')" />
<img src="https://i.imgur.com/GSBRdwC.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/GSBRdwC.png[/img]')" />
<img src="https://i.imgur.com/PHejKTW.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/PHejKTW.png[/img]')" />
<img src="https://i.imgur.com/dsST1B8.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/dsST1B8.png[/img]')" />
<img src="https://i.imgur.com/s61UjdX.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/s61UjdX.png[/img]')" />
<img src="https://i.imgur.com/tpMxbc5.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/tpMxbc5.png[/img]')" />
<img src="https://i.imgur.com/ZHdCpBI.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/ZHdCpBI.png[/img]')" />
<img src="https://i.imgur.com/3DTZTSl.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/3DTZTSl.png[/img]')" />
<img src="https://i.imgur.com/mQ3efJV.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/mQ3efJV.png[/img]')" />
<img src="https://i.imgur.com/KbrffjW.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/KbrffjW.png[/img]')" />
<img src="https://i.imgur.com/8qordWn.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/8qordWn.png[/img]')" />
<img src="https://i.imgur.com/LDrzSQz.png" style="cursor: pointer"onclick="smile('[img]https://i.imgur.com/LDrzSQz.png[/img]')" />
<img src="https://i.imgur.com/dItoPxt.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/dItoPxt.png[/img]')" />
<img src="https://i.imgur.com/gWuqyYm.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/gWuqyYm.png[/img]')" />
<img src="https://i.imgur.com/htCGJTe.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/htCGJTe.png[/img]')" />
<img src="https://i.imgur.com/DA2Rt9W.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/DA2Rt9W.png[/img]')" />
<img src="https://i.imgur.com/tlZrA7D.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/tlZrA7D.png[/img]')" />
<img src="https://i.imgur.com/UD8xzsc.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/UD8xzsc.png[/img]')" />
<img src="https://i.imgur.com/RinKyIj.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/RinKyIj.png[/img]')" />
<img src="https://i.imgur.com/vkza8Qe.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/vkza8Qe.png[/img]')" />
<img src="https://i.imgur.com/EVOKflM.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/EVOKflM.png[/img]')" />
<img src="https://i.imgur.com/TEkft1l.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/TEkft1l.png[/img]')" />
<img src="https://i.imgur.com/USwxjfr.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/USwxjfr.png[/img]')" />
<img src="https://i.imgur.com/PbgHkOb.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/PbgHkOb.png[/img]')" />
<img src="https://i.imgur.com/VmLH51J.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/VmLH51J.png[/img]')" />
<img src="https://i.imgur.com/IIhRFIm.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/IIhRFIm.png[/img]')" />
<img src="https://i.imgur.com/ZryMtp9.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/ZryMtp9.png[/img]')" />
<img src="https://i.imgur.com/dFVjqli.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/dFVjqli.png[/img]')" />
<img src="https://i.imgur.com/bVHj70M.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/bVHj70M.png[/img]')" />
<img src="https://i.imgur.com/Fjdvo6z.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Fjdvo6z.png[/img]')" /> 
<img src="https://i.imgur.com/DQ1Z8jz.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/DQ1Z8jz.png[/img]')" /> 
<img src="https://i.imgur.com/pD4iSws.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/pD4iSws.png[/img]')" /> 
<img src="https://i.imgur.com/M51pmgL.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/M51pmgL.png[/img]')" /> 
<img src="https://i.imgur.com/l0xjMYz.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/l0xjMYz.png[/img]')" /> 
<img src="https://i.imgur.com/e4SGjIW.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/e4SGjIW.png[/img]')" /> 
<img src="https://i.imgur.com/J8kVe4D.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/J8kVe4D.png[/img]')" /> 
<img src="https://i.imgur.com/KB2KZCq.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/KB2KZCq.png[/img]')" /> 
<img src="https://i.imgur.com/Fk2iwtr.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Fk2iwtr.png[/img]')" /> 
<img src="https://i.imgur.com/YEwteoq.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/YEwteoq.png[/img]')" /> 
<img src="https://i.imgur.com/IEf7Ksf.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/IEf7Ksf.png[/img]')" /> 
<img src="https://i.imgur.com/NRcg8zE.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/NRcg8zE.png[/img]')" /> 
<img src="https://i.imgur.com/xpxuxUO.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/xpxuxUO.png[/img]')" /><img src="https://i.imgur.com/fvKt0Nx.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/fvKt0Nx.png[/img]')" /> 
<img src="https://i.imgur.com/5kISNGj.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/5kISNGj.png[/img]')" /> 
<img src="https://i.imgur.com/g2SSMLt.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/g2SSMLt.png[/img]')" /> 
<img src="https://i.imgur.com/zrFbVQh.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/zrFbVQh.png[/img]')" /> 
<img src="https://i.imgur.com/359a9db.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/359a9db.png[/img]')" /> 
<img src="https://i.imgur.com/RlQlqf5.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/RlQlqf5.png[/img]')" /> 
<img src="https://i.imgur.com/qAsu5JC.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/qAsu5JC.png[/img]')" /> 
<img src="https://i.imgur.com/VwES3Dz.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/VwES3Dz.png[/img]')" /> 
<img src="https://i.imgur.com/SPzj0mv.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/SPzj0mv.png[/img]')" /> 
<img src="https://i.imgur.com/5wayYu6.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/5wayYu6.png[/img]')" /> 
<img src="https://i.imgur.com/Rxjprmi.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Rxjprmi.png[/img]')" /> 
<img src="https://i.imgur.com/ixcadjc.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/ixcadjc.png[/img]')" /> 
<img src="https://i.imgur.com/momCyCz.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/momCyCz.png[/img]')" /> 
<img src="https://i.imgur.com/avqgWQ3.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/avqgWQ3.png[/img]')" /> 
<img src="https://i.imgur.com/UqkFvUu.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/UqkFvUu.png[/img]')" /> 
<img src="https://i.imgur.com/4TnyBH1.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/4TnyBH1.png[/img]')" /> 
<img src="https://i.imgur.com/z2erEEw.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/z2erEEw.png[/img]')" /> 
<img src="https://i.imgur.com/xpaaOfW.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/xpaaOfW.png[/img]')" /> 
<img src="https://i.imgur.com/IBfSPuD.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/IBfSPuD.png[/img]')" /> 
<img src="https://i.imgur.com/cdO8oNB.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/cdO8oNB.png[/img]')" /> 
<img src="https://i.imgur.com/NBvKoF7.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/NBvKoF7.png[/img]')" /> 
<img src="https://i.imgur.com/G2Hdmgb.png" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/G2Hdmgb.png[/img]')" /> 
</div>

<div id="cont_4" style="display: none;"> 
<br>
<img src="https://i.imgur.com/hcRGdF2.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/hcRGdF2.gif[/img]')" />
<img src="https://i.imgur.com/J1acMR0.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/J1acMR0.gif[/img]')" />
<img src="https://i.imgur.com/e4pG060.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/e4pG060.gif[/img]')" />
<img src="https://i.imgur.com/L7GZEUg.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/L7GZEUg.gif[/img]')" />
<img src="https://i.imgur.com/fp8R0EQ.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/fp8R0EQ.gif[/img]')" />
<img src="https://i.imgur.com/7gdej2P.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/7gdej2P.gif[/img]')" />
<img src="https://i.imgur.com/mXERvtO.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/mXERvtO.gif[/img]')" />
<img src="https://i.imgur.com/azTIW7g.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/azTIW7g.gif[/img]')" />
<img src="https://i.imgur.com/vWvQcYg.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/vWvQcYg.gif[/img]')" />
<img src="https://i.imgur.com/ovINzKA.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/ovINzKA.gif[/img]')" />
<img src="https://i.imgur.com/QaIAdFK.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/QaIAdFK.gif[/img]')" />
<img src="https://i.imgur.com/FCHH2OV.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/FCHH2OV.gif[/img]')" />
<img src="https://i.imgur.com/pjBP0qu.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/pjBP0qu.gif[/img]')" />
<img src="https://i.imgur.com/v8zA6Oh.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/v8zA6Oh.gif[/img]')" />
<img src="https://i.imgur.com/utTBGaj.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/utTBGaj.gif[/img]')" />
<img src="https://i.imgur.com/Our0Kbw.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/Our0Kbw.gif[/img]')" />
<img src="https://i.imgur.com/QA6upVh.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/QA6upVh.gif[/img]')" />
<img src="https://i.imgur.com/hHiSF3D.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/hHiSF3D.gif[/img]')" />
<img src="https://i.imgur.com/4pfXjN7.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/4pfXjN7.gif[/img]')" />
<img src="https://i.imgur.com/NNp1B3H.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/NNp1B3H.gif[/img]')" />
<img src="https://i.imgur.com/P34lKGy.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/P34lKGy.gif[/img]')" />
<img src="https://i.imgur.com/FOGwHXK.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/FOGwHXK.gif[/img]')" />
<img src="https://i.imgur.com/sCxJm9j.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/sCxJm9j.gif[/img]')" />
<img src="https://i.imgur.com/HuFv6GI.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/HuFv6GI.gif[/img]')" />
<img src="https://i.imgur.com/RYaAdVV.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/RYaAdVV.gif[/img]')" />
<img src="https://i.imgur.com/ORYvVy9.gif" style="cursor: pointer" 
onclick="smile('[img]https://i.imgur.com/ORYvVy9.gif[/img]')" />
</div>

!~!;*/
}smls_blkCnt = smls_blkCnt.toString().split('!~!;')[1];
$('#smls-blk').one('hover',function () {
  $(smls_blkCnt).appendTo(this);
});
</script></div><center>

0

20

Код:
<div id="character" class="reveal-modal xlarge main container" style="top: 5403px; opacity: 1; visibility: visible;">
<div class="modal_wrap">
<div class="ls-block-one">
<!--ПРОФИЛЬ НАЧАЛО-->
<div class="profile-ls">

<div class="profile_img">
<!--ИКОНКА ПЕРСОНАЖА-->
<img src="https://forumupload.ru/uploads/001b/d5/56/14/226710.jpg">
</div>

<div class="profile_name">
<!--ССЫЛКА НА АНКЕТУ-->
<a href="http://godmode.rusff.me/viewtopic.php?id=42#p1163">Prometheus/Matt Danvers, 42</a>
</div>

<div class="profile_professia">
<!--ПАНТЕОН-->
греческий пантеон <br>

<!--ПРОФЕССИЯ-->
преподаватель в колледже</div>
<div class="profile_prers">

<!--О ПЕРСОНАЖЕ (250 ЗНАКОВ)-->
Титан, покровитель и защитник людей, похититель огня, мастер на все руки, изобретатель и вечный двигатель прогресса.</div>

<div class="profile_twin">
<!--ТВИНКИ НАЧАЛО-->
<a href="ссылка на профиль твина"><img src="https://forumstatic.ru/files/001b/d4/24/60763.svg"></a>
<a href="ссылка на профиль твина"><img src="https://forumstatic.ru/files/001b/d4/24/60763.svg"></a>
<a href="ссылка на профиль твина"><img src="https://forumstatic.ru/files/001b/d4/24/60763.svg"></a>
<a href="ссылка на профиль твина"><img src="https://forumstatic.ru/files/001b/d4/24/60763.svg"></a>
<a href="ссылка на профиль твина"><img src="https://forumstatic.ru/files/001b/d4/24/60763.svg"></a>
<a href="ссылка на профиль твина"><img src="https://forumstatic.ru/files/001b/d4/24/60763.svg"></a>
<a href="ссылка на профиль твина"><img src="https://forumstatic.ru/files/001b/d4/24/60763.svg"></a>
<!--ТВИНКИ КОНЕЦ-->
<!--ПРОФИЛЬ КОНЕЦ-->
</div>
</div>

<!--КОЛЛЕКЦИИ НАЧАЛО-->
<div class="collection_ls">
<!--коллекция первая-->
<div class="collection_content"><span><em>name collection</em>
<img src="https://forumstatic.ru/files/001b/d4/24/15145.png?v=1"></span></div>

<!--коллекция вторая-->
<div class="collection_content"><span><em>name collection</em>
<img src="https://forumstatic.ru/files/001b/d4/24/15145.png?v=1"></span></div>

<!--коллекция третья-->
<div class="collection_content"><span><em>name collection</em>
<img src="https://forumstatic.ru/files/001b/d4/24/15145.png?v=1"></span></div>

<!--коллекция четвертая-->
<div class="collection_content"><span><em>name collection</em>
<img src="https://forumstatic.ru/files/001b/d4/24/15145.png?v=1"></span></div>

<!--КОЛЛЕКЦИИ КОНЕЦ-->
</div>

<!--ПЕТСЫ НАЧАЛО-->
<div class="pets_ls">
<!--коллекция первая-->
<div class="pets_content"><span><em>
<a href="ссылка на тему с петсами">name collection</a>
</em>
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
</span></div>

<!--вторая-->
<div class="pets_content"><span><em>
<a href="ссылка на тему с петсами">name collection</a>
</em>
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
</span></div>

<!--третья-->
<div class="pets_content"><span><em>
<a href="ссылка на тему с петсами">name collection</a>
</em>
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
</span></div>

<!--четвертая-->
<div class="pets_content"><span><em>
<a href="ссылка на тему с петсами">name collection</a>
</em>
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
<img src="https://forumstatic.ru/files/001b/d4/24/34949.png?v=1">
</span></div>

<!--ПЕТСЫ КОНЕЦ-->
</div></div>

<!--КУПОНЫ НАЧАЛО-->
<div class="ticket_ls">
<!--ЗАНЯТЬ ВНЕШНОСТЬ ТВИНУ НА 2 НЕДЕЛИ-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/54783.png?v=1" class="no">

<!--ЗАНЯТЬ ВНЕШНОСТЬ НА 2 НЕДЕЛИ-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/50323.png?v=1" class="no">

<!--ГРАФИКА ОТ АМС-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/28639.png?v=1" class="no">

<!--ИНДИВИДУАЛЬНАЯ ПЛАШКА-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/90216.png?v=1" class="no">

<!--ПРОПУСК ЗАДАНИЯ В КОЛЛЕКЦИЯХ-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/81187.png?v=1" class="no">

<!--ВЫКУПИТЬ РОЛЬ НА 2 НЕДЕЛИ-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/25167.png?v=1" class="no">

<!--СВОЙ СМАЙЛ НА ФОРУМ-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/56723.png?v=1" class="no">

<!--ТВИНК-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/23380.png?v=1" class="no">

<!--ЭЛЕКСИР ЖИЗНИ-->
<span><em>00</em>
<img src="https://forumstatic.ru/files/001b/d4/24/53357.png?v=1" class="no">

<!--КУПОНЫ КОНЕЦ-->
</span></span></span></span></span></span></span></span></span></div>

</div>
<a class="close-reveal-modal">×</a>
</div>

0

21

<!--лс и вкладки на лс-->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
<!--конец лс и вкладки на лс-->
</div>

0

22

<!-- первое соо без профиля -->
<style>
#p14955 .post-author, #p14955 .post-sig, #p14955 .pl-email, #p14955 .post-author, #p14955 .post-sig, #p14955.pl-email, #p14955 .post-author, #p14955 .post-sig, #p14955 .pl-email {display:none;}
#p14955 .post-body, #p14955 .post-body, #p14955 .post-body   {margin-left:0!important;}
</style>

0

23

[html]
<style>
#personal_s {  width: 927px;  height: 570px; margin-top: 20px;
-webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 25px; background: #fff; -webkit-box-shadow: 0 0 0 1px #e0e0e0; box-shadow: 0 0 0 1px #e0e0e0;}
</style>

<div id="personal_s">
</div>

[/html]

0

24

.container1 {
  width: 900px;
  margin: 0 auto;
  padding: 0;
}
ul.tabs {
  margin-top: 66px;
  padding: 0;
  margin-right: -80px;
  float: right;
  list-style: none;
  height: 40px;
  width: 660px;
}
ul.tabs li {
  float: left;
  padding: 0 10px;
  height: 25px;
  margin: 0px 12px;
  line-height: 25px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: roboto;
  box-shadow: 0 0 0px 0px #313131;
  border: 1px solid #313131;
  background-color: #BEBEBE!important;
  margin-bottom: -2px;
  overflow: hidden;
  position: relative;
}

ul.tabs li a {
  text-decoration: none;
  color: transparent;
  display: block;
  padding: 0 5px;
  color: #313131!important;
  outline: none;
}

ul.tabs li a:hover {

}   

html ul.tabs li.active  {
  border: 1px solid #313131;
  background-color: #859193!important;

html ul.tabs li.active a  {
  color: #313131!important;
   outline: none;

html ul.tabs li.active a:hover  {
   background: url();
   border-bottom: 0px solid #160f0a;
}

.tab_container1 {
  clear: both;
  float: right;
  margin-right: 140px;
  width: 660px;
  height: 410px;
  padding: 1px;
  background-image: url();
  background-color: #1e1e1e;
  box-shadow: inset 0 0 3px 2px #000;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.tab_content {
  padding: 5px;
  height: 398px;
  margin-right: -16px;
  overflow-x: auto;
}
.tab_content::-webkit-scrollbar-thumb {
  background-color: #859193;
  box-shadow: 0 0 0px 1px inset #313131;
  border-radius: 4px;
}
.tab_content::-webkit-scrollbar-track {
  background-color: #BEBEBE!important;
  box-shadow: 0 0 0px 1px inset #313131;
  border-radius: 4px!important;
}
.tab_content::-webkit-scrollbar {
    width: 6px;
}

.tab_content h2 {
  font-weight: normal;
  padding-bottom: 2px;
  border-bottom: 0px dashed #000000;
}

0

25

<div class="container">
<div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">достижения и подарки</a></li>
    <li><a href="#tab2">плашки</a></li>
    </ul>

<div class="tab_container1">

<div style="display: none;" id="tab1" class="tab_content">
</div>



<div style="display: block;" id="tab2" class="tab_content">

</div>
</div>
</div>
</div>

0

26

<div class="user-name"><a href="">джуён,25</a></div><div class="user-lz ">пусть кровь студеет в жилах, но в сердце не скудеет. нежность моя к тебе. о, ты — очарование. последняя <a href="http://nxde.rusff.me/profile.php?id=19">любовь</a>.</div>

0

27

Код:
<div class="impu">
<div class="impuplashka"><icon><img src="https://forumupload.ru/uploads/001b/cb/74/4/285941.png"></icon><t><a href="">новости</a></t><small>первые расслабляющие</small></div>
<div class="impuplashka"><icon><img src=""></icon><t><a href="">анкета</a></t><small>твоя не любимая</small></div>
<div class="impuplashka"><icon><img src=""></icon><t><a href="">лотерея</a></t><small>ирай и побеждай</small></div>

<div class="impuplashka"><icon><img src=""></icon><t><a href="">название</a></t><small>текст текст</small></div>
</div>


<div class="impprotsent"><a href="">готов на  30%</a></div>

0

28

Код:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@0;1&family=Caveat:wght@400;700&family=Literata:ital,opsz@0,7..72;1,7..72&family=Lora:ital,wght@0,400;0,600;1,400;1,600&family=Noto+Serif+Display:ital,wght@0,400;0,700;1,400;1,700&family=Pattaya&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Ruslan+Display&family=Yeseva+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');


@font-face {
    font-family: 'Menoka';
    src: url('https://forumstatic.ru/files/001b/c3/ca/95118.eot');
    src: local('Menoka Regular'), local('Menoka-Regular'),
        url('https://forumstatic.ru/files/001b/c3/ca/95118.eot?#iefix') format('embedded-opentype'),
        url('https://forumstatic.ru/files/001b/c3/ca/80809.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001b/c3/ca/55709.woff') format('woff'),
        url('https://forumstatic.ru/files/001b/c3/ca/44675.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}






/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0 !important; padding: 0 !important;  outline: none !important; -webkit-text-size-adjust: none !important;  -moz-text-size-adjust: none !important;  -ms-text-size-adjust: none !important;}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none; }

/* A2.4 */
.punbb img {border:none}

/* A2.5 */
.punbb .main table {table-layout: fixed; width: 100%;}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] *{height: 1.8em; vertical-align: middle}


 /* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body { font-size: 100.01%; -webkit-text-size-adjust: none;   -moz-text-size-adjust: none;  -ms-text-size-adjust: none; }


/* A3.2 */
.punbb { font: normal 68.75% verdana; font-size: 11px!important;}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 1em verdana; font-size: 11px!important;}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font: 1em verdana; font-weight: normal;}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em;}

/* A3.6 */
.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace}

/* A3.7 */
.punbb address, .punbb em {font-style: normal}

/* A3.8 */
.punbb .post-content em {font-style: italic}

/* A3.9 */
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline;}

/* A3.10 */
.punbb a {text-decoration: underline}

/* A3.11 */
.punbb optgroup {font-weight: bold;}





/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

div#pun-live-rusff, 
li#navawards,
.topic+.modmenu .container>span,
.category .container thead,
.punbb #pun-stats h2 span,
.admin-advert-block,
.topic a.sharelink, 
.lastedit
.punbb .main h1, 
.pl-reports,
.pa-gifts,
.pa-awards,
.closedatafield, 
.pa-gifts, 
.lastedit,
.punbb .main h1, 
#pun-debug h2,
#pun-status .status-right, 
#pun-live-rusff span.cooltext, 
#post #button-smile, 
#pun-debug h2,
#pa-gifts,
#pa-awards,
#profile-gifts,
#pun-ulinks .container li.item5,
#button-smile,
#pun-userlist .usertable .container thead,
#profilenav h2 span,
#pun-index .category .tc2,
#pun-index .category .tc3, 
#f-subforums .tc2,
#f-subforums .tc3,
#pa-invites{ 
  display:none!important;}



/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.3 */
#pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none;}

/* A5.4 */
.punbb .section, .punbb .main {margin-bottom: 1em;}

/* A5.5 */
.punbb .category, .punbb .post { margin-top: 0.4em;}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}

/* 5.7 */
#pun-post .topic {margin-top: 1em;}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px}

/* A5.9 */
.punbb .container { border-style: solid; border-width: 1px; }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0;}


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden !important; color: #333!important; 
font-size: 11px!important; font-family: verdana; text-align: justify;}

.punbb .post-content p {text-align: justify;
padding: 10px!important;  
}

/* B1.2 */
.punbb .post-sig dt {display: block;}

/* B1.3 */
.punbb .post-content p {margin: 0;padding: 0 0 1em 0; line-height: 150%;}

/* B1.4 */
.punbb .post-content img { vertical-align: text-bottom}

/* B1.5 */
.punbb .post-content img.postimg {vertical-align: middle;}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {width: 100%; overflow: hidden;}

/* B1.7 */
.punbb .post-content .scrollbox { width: 100%; overflow: auto;}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.4em 1.8em 1.4em 1.8em; 
padding:1em ; border-style: solid; border-width: 1px;}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend { display: block;  margin: -14px -12px 12px -12px !important; 
padding-top: 4px!important; padding-left: 10px!important; padding-bottom: 2px!important;   font-weight: 500; 
 font-size: 10px; color: #333!important;  text-transform: uppercase; text-decoration: none!important;    line-height: 14px; background: #EDE9E8; border: solid 1px #d5d1d0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:  25px 25px 0 0;}

.punbb .quote-box cite a, .punbb .code-box strong.legend a {color: #333;}


/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0;}

/* B2.2 */
.punbb .info-box * {padding: 0 0 0.7em 0;}

/* B2.3 */
.punbb #pun-main .info-box .legend {font-size: 1.1em; font-weight: bold; }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst { float: left; position: relative; width: 100%;  letter-spacing: .2px; margin-top: -20px; margin-left: 15px;}

/* B3.2 */
.multipage {margin-top: 0;}

/* B3.3 */
.linkst .pagelink { position: absolute; margin: -7px 0 0 50px; padding: 4px 4px 4px 4px; width: auto;
 color: #333!important; line-height: 12px; font-weight: 500; text-transform: uppercase; font-size: 9px;
 letter-spacing: 0.4px; background: #f0edec; border: solid 1px #d5d1d0!important; 
-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; padding-left: 7px!important;}
.linkst .pagelink a {color: #333!important;}


/* B3.4 */
.linkst .postlink { position: absolute; top: -8px; right: 50px;  width: auto; text-align: right;}
.linkst .postlink a { color: #333!important;}


/* B3.5 */
.punbb .linksb { text-align: right; letter-spacing: .2px; margin-top: 20px; margin-left: 0px; }

#pun-messages .linksb { background: #none; height: 0; width: auto; }


/* B3.6 */
.linksb .pagelink { float: left; width: auto; text-align: left; margin: -7px 0 0 50px; padding: 4px 4px 4px 4px; 
 line-height: 12px; font-weight: 500; text-transform: uppercase; font-size: 9px; letter-spacing: 0.4px; background: #f0edec; border: solid 1px #d5d1d0!important;  -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; padding-left: 7px!important;}
.linksb .pagelink a {color: #333!important;}

/* B3.7 */
.linksb .postlink{ float: right; width: auto;margin: -8px 50px 0 0; }
.linksb .postlink a {color: #333!important;}


/* B3.8 */
.subscribelink { clear: both; position: absolute; margin: -7px 0 0 400px; padding: 4px 4px 4px 4px;  line-height: 12px;
font-weight: 500; text-transform: uppercase; font-size: 9px; letter-spacing: 0.4px; -webkit-text-size-adjust: none;  -moz-text-size-adjust: none;  -ms-text-size-adjust: none;  background: #f0edec; border: solid 1px #d5d1d0!important; 
-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;}
.subscribelink a {color: #333!important;}

.postlink span {   padding: 4px 4px 4px 4px!important;  line-height: 12px; font-weight: 500; text-transform: uppercase; font-size: 9px; letter-spacing: 0.4px; background: #f0edec; border: solid 1px #d5d1d0!important; 
-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;}

.postlink span:hover{  padding: 4px 4px 4px 4px!important; background-color: #B8CCCC; color: #333!important; line-height: 12px;  font-weight: 500; text-transform: uppercase; font-size: 9px; letter-spacing: 0.4px;  }

.postlink span.closed {display: none; margin-right: 137px!important; padding: 2px 0 3px 8px!important;
font-size: 14px!important; cursor: default;}
.postlink .new-topic {margin-right: 22px!important;}

.pagelink strong {  padding: 4px 4px 4px 4px;  line-height: 1;  color: #BA94A7!important; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; font-weight: 500; text-transform: uppercase; font-size: 9px; letter-spacing: 0.4px;}






/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {padding: 1.7em 2.3em 1.1em 2.3em;}

/* C1.2 */
.punbb .formsubmit {padding: 0 0 0 1.7em; margin: 1em 0 0 0; text-align: center;}


/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 1em 2em 0;
padding: 6px 15px 6px 15px !important;  font-size: 9px!important; color: #333!important;  
text-transform: uppercase; background-color: #B8CCCC; outline: none; border: none !important; border-style: none !important; border-width: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;}

.punbb .formsubmit input:hover, .punbb .formsubmit a:hover, .punbb .formsubmit span:hover { 
background-color: #BA94A7; color: #f0edec!important; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;  }
  

/* C1.4 */
.punbb fieldset {border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend { padding: 0; margin: 0 0 0 11px; text-align: center;}

/* C1.6 */
.punbb fieldset legend span { padding: 4px 5px; margin: 0px 0 0 5px;  font-weight: 500; text-transform: uppercase; font-size: 9px;  color: #333!important; border-radius:  25px;
background-color: #B8CCCC; }

/* C1.7 */
.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0}

/* C1.8 */
.punbb .fs-box {padding: 1em 0 0.8em 0;}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}

/* C1.11 */
.punbb .inline .infofield {clear:both}

/* C1.12 */
.punbb .datafield br {display: none}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input { font-weight: bold}

/* C1.14 */
.punbb .datafield span.input a {font-weight: normal;}
 

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block; padding: 0 12em 0 0; height: 100%; /* For IE */}

/* C1.16 */
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0;}

/* C1.17 */
.punbb .hashelp {position: relative;}

/* C1.18 */
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%;}

/* c1.19 */
.punbb #profile .helplinks { top: 1.5em;}

/* C1.20 */
.punbb .helplinks span {display: block; padding-bottom: 0.2em;}

/* C1.21 */
#pun-post .formal .info-box li {padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0;}



/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl { overflow: hidden; text-align: left; width: 50%;}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%;}

/* C2.3 */
.punbb .main .tcr {overflow: hidden; text-align: left; width: 30%;}

/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40%}

/* C2.5 */
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%;}

/* C2.6 */
#pun-debug table .tcl { width: 15%; white-space:normal;}

/* C2.7 */
#pun-debug .tcr { width: 90%; white-space: normal;}

/* C2.8 */
#pun-index .tcl h3  {width: 500px; text-align: left; margin: -15px 0 5px 0px; padding: 4px 4px 3px 4px; 
line-height: 17px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 12px; text-transform: lowercase; 
padding-left: 0px!important;  border-radius: 0px; letter-spacing: 1px;}

#pun-index .tcl h3 a{ color: #333!important;}
#pun-index .tcl h3 a:hover{color: #BA94A7!important;}



/* C2.9 */
.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }

/* C2.10 */
.punbb td .modlist {display: block; padding-top: 0.3em }

/* C2.11 */
.punbb .main td {border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; }

/* C2.12 */
.punbb .main th {border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }

/* C2.13 */
.punbb .main .tcl {border-left-style: none; border-left-width: 0 }

/* C2.14 */
#pun-index td div.tclcon {width: 500px; font-size: 10px; text-align: justify; margin: 0px 0px 0px 20px; padding: 10px; line-height: 15px; z-index: 1; position: relative; font-weight: 400; min-height: 30px; border-radius: 0px;}


/* C2.15 */
.punbb div.icon {display: block;  float: right; height: 15px;  width: 15px; padding-right: 0px;  margin-top: 2px;  margin-right: 0px;}
 

/* C2.16 */
.punbb  table div.icon { background: none; border-style: none; float: right; height: 15px; width: 15px; 
margin-left: -18px; margin-top: 2px;  margin-right: 0;  position: absolute;}
 




 /* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px;}

/* C3.2 */
.punbb .post h3 {width: auto; border-width: 0px; width: auto;  margin: -8px -5px 0 !important; height:auto;  align-items: flex-start;  justify-content: flex-end; }

/* C3.3 */
.punbb .post h3 span {  padding: 5px 15px 5px 15px; display: block; 
 font-weight: 500; text-transform: uppercase; font-size: 9px;  color: #333!important; letter-spacing: 0.4px;
background: #f0edec; border: solid 1px #d5d1d0!important; 
-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px 25px 0 0;
}

.punbb .post h3 span a { color: #333!important;}


/* C3.4 */
.punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal;}


/* C3.5 */
.punbb .post .post-author { float: left; overflow: hidden; margin: 10px 0px 0px  -6px; width: 220px !important; 
text-align: center; border-radius: 0 25px 25px 0; background: #EDE9E8; border: solid 1px #d5d1d0; color: #333; }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em; line-height: 140%;}

/* C3.7 */
.pa-author {
 text-align: center; align-items: center; background-color: #; border: solid 1px #!important; color: #333; border-radius: 0px; border-radius: 0 0 15px 15px; margin-left: -5px; margin-top: 5px; padding: 3px 1px 1px 2px!important;
}

/* C3.8 */
.pa-author a {
font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; align-items: center;  text-transform: uppercase;  font-size: 10px; color: #333;
 }

.pa-author strong a{ color: #333!important; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; align-items: center;  text-transform: uppercase;  font-size: 10px;}

.pa-author a:hover{ color: #BA94A7!important;}

.pa-avatar { margin-top: 10px!important; padding: 0!important;}



/* C3.9 */
li.pa-title {
 text-transform: lowercase; text-align: center;  color: #333!important; font-size: 10px;
 margin-left: -8px; margin-top: 0px;  }

.pa-last-visit,
.pa-online {
	display: none;
}

.indOnline, .indOffline {
  display: block !important;
   position: absolute;
    width: 15px;
    height: 15px;
    border: none;
    padding: 0;
    margin-top: -7px!important;
    margin-left: 1px;
    font-size: 0px!important;
   transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;

   }

.indOnline:hover, .indOffline:hover {
  cursor: pointer;
    transform: rotate(1.0turn);
    }



.indOnline {
  background: url(https://forumstatic.ru/files/001b/c3/ca/40381.png?v=1);

}
.indOffline {
background: url(https://forumstatic.ru/files/001b/c3/ca/10815.png?v=1);

}

#pun-messages .pa-reg {display:none!important;}


/* C3.11 */
.punbb .post-body {margin-left: 20em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; text-align: justify; padding: 10px; color: #333!important; }


/* C3.12 */
.punbb .post-box { padding: 1em;}

/*C3.13 */
.punbb fieldset .post-box { margin-bottom: 0.8em}

/* C3.14 */
.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px;}

/* C3.15 */
.punbb .post-links ul {padding: 0 1em 0 0; height: 2em;  line-height: 2em; margin-left: -22em; text-align: right; font- font-weight: 500; text-transform: uppercase; font-size: 8px; letter-spacing: 0.4px;}

/* C3.16 */
.punbb .post-links li {display: inline; padding-left: 1em; text-align: center; font-weight: 500; text-transform: uppercase; font-size: 8px; }
.punbb .post-links ul a, .punbb .post-links li a {color: #333!important;}
.punbb .post-links ul a:hover, .punbb .post-links li a:hover{color: #BA94A7!important;}

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }


li.pl-email.email { display: none !important;}


/* C3.18 */
.punbb .clearer { clear: both; height: 0; font-size: 0; }


/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {padding: 0.5em 1em; text-align: right; text-transform: lowercase;}
 
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em;}

/* C4.3 */
.punbb .modmenu .container strong {float: left;}

/* C4.4 */
.punbb .modmenu input {margin-left: 1em;}

#topic-modmenu .container strong #mod-options { outline: none; border: none !important; border-style: none !important; border-width: 0 !important; border-color: transparent !important; padding: 2px!important; border-radius: 0px; font-size: 9px!important; text-transform: uppercase;   background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0; -webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 25px;}

#topic-modmenu { float: left; padding-top: 5px padding-bottom: 5px}
#pun-viewtopic .modmenu .container span { font-weight: normal!important; text-transform: lowercase; display:none!important;}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {padding: 0.8em 1em}

/* C5.2 */
.punbb .info .container .backlink { padding-top: 0.8em;}


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {padding-left: 18.6em;}
/* C6.2 */
#profilenav {float: left; width: 14em; margin-left: -16.3em; display: inline;}

/* C6.3 */
#profilenav li {padding-bottom: 0.8em; padding: 6px 15px 6px 15px !important; }

/* C6.4 */
#viewprofile ul, #profilenav ul {border-style: solid; border-width: 1px; padding: 1.5em 14px 0.8em 14px; margin: 0 0 1em 0;}

/* C6.5 */
#viewprofile h2, #profilenav h2 {background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px;}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {padding: 0 5px; position: relative;}

/* C6.7 */
#viewprofile li, #setmods dl {padding: 0 0 0 16em; margin-bottom: 0.2em;}

/* C6.8 */
#viewprofile li span {float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em;}

/*C6.9 */
#setmods dt {float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em;  display: inline; }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal;}

/* C6.11 */
.punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em}


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {border-bottom: none; margin-bottom: 0; }

/* C7.2 */
#pun-userlist .usertable .container {padding: 0 2.3em 2.3em 2.3em; border-top: none;}

/* C7.3 */
#pun-userlist .usertable table {border-style: solid; border-width: 1px; }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {border-bottom: none; margin-bottom: 0; }

/* C7.2 */
#pun-userlist .usertable .container {padding: 0 2.3em 2.3em 2.3em; border-top: none;}

/* C7.3 */
#pun-userlist .usertable table {border-style: solid; border-width: 1px; }





/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {margin: 0; border: none;}

/* D1.2 */
#pun-title h1 {display : block;}

/* D1.3 */
#pun-title .container {border: none;}

/* D1.4 */
#pun-title h1 span  {display:none;}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0;  width: 100%;}

/* D2.2 */
#pun-pagelinks .container {background: transparent; border: none; padding: 0}

/* D2.3 */
#pun-pagelinks .container li {display: inline}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%;}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;}

#pun-pagelinks li a span {display:block; margin: 0 1em}





/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {display: flex; justify-content: center; text-align: center; margin: -15px 0px;}

/* D3.2 */
#pun-navlinks .container {padding: 0.7em 1em;}

/* D.3 */
#pun-navlinks li {display: inline; padding-right: 1em;}

/* D3.4 */
#pun-navlinks li a { font-size: 1.1em;}


/* D4.1 */
#pun-ulinks  {margin-top: 20px; border-color: transparent; margin-left: 0px; }

/* D4.2 */
#pun-ulinks .container {border-color: transparent; padding: 0.7em 1em; text-align: center; 
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap;}

/* D4.4 */
#pun-ulinks li a { padding: 0 0.3em 0 0.6em}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0}


/* меню навигации: форум, участники и т. д.
      -------------------------------------------------------------*/
#pun-navlinks a {color: #BA94A7!important; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center; align-items: center;  text-transform: uppercase;  font-size: 10px;  }
#pun-navlinks a:hover,  #pun-navlinks a:focus, #pun-navlinks a:active {color: #BA94A7!important;}

/* меню навигации 2: новые соо, активные темы и т. д.
      -------------------------------------------------------------*/
#pun-ulinks a { color: #333!important; font-style: normal!important; letter-spacing: 0.6px; text-transform: lowercase; text-decoration: none; line-height: 12px; }
#pun-ulinks a:hover,  #pun-ulinks a:focus, #pun-ulinks a:active { color: #BA94A7!important;}




/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {border-bottom: none; margin-bottom: 20px; }

/* D5.2 */
#pun-status .container { text-align: center;  width: 600px; font-size: 10px!important; text-align: center;  font-style: normal!important;  letter-spacing: 0.6px; text-transform: lowercase;  text-decoration: none; color: #333!important; margin: 0px 200px;}
#pun-status a { color: #333; }

 /* D5.3 */
#pun-status span {white-space: nowrap; margin-right: 0.5em;}

/* D5.4 */
#pun-crumbs1 {font-weight: bold; overflow: hidden; margin-top: 0;}

/* D5.5 */
#pun-crumbs1 p.container { border-top: none; padding: 1em 1em 2em 1em;  font-weight: 500; text-align: center; text-transform: uppercase;   color: #333; font-size: 9px; }

#pun-crumbs1 p.container a { border-top: none;  font-weight: 500; text-align: center;
 text-transform: uppercase; color: #333; font-size: 9px;  }


/* D5.6 */
#pun-break1 {margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em;
position: relative; z-index: 1;}




/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
#pun-announcement h2 {padding: 0; border-style: none none solid none; border-width: 0 0 0 0; position: relative;}
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em}

/* D6.2 */
#pun-announcement h2 span {display: block;}

/* D6.3 */
#pun-announcement .container {padding: 1em 1em 1em 1em; margin:  10px 0  0 -10px;}



/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {padding: 0em 0 1em 0; text-align: center; 
background: #f0edec ;  -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;
border: solid 1px #d5d1d0!important;
 }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 { display: inline-block;  text-align: center; width: 160px; height: 23px; 
text-transform: uppercase; font-size: 8px; line-height: 24px; background-color: #EDE9E8; border: solid 1px #d5d1d0!important; color: #333; border-radius: 0px; border-radius: 0 0 25px 25px; margin: -1px 0;}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {display: inline-block;  width: 200px; height: 23px; text-align: center;
text-transform: uppercase; font-size: 8px; line-height: 24px; background-color: #EDE9E8; border: solid 1px #d5d1d0!important; color: #333; border-radius: 0px; border-radius: 0 0 25px 25px; margin: -1px 0;}

#pun-stats li.item4 {width: 360px; margin-left: 0px!important; border-right: none; text-align: center;
text-transform: uppercase; color: #333; font-size: 8px; background: #EDE9E8; border: solid 1px #d5d1d0!important;
border-radius: 0px; border-radius: 0 0 25px 25px; margin: -1px 0;}

#pun-stats li.item4 a { text-transform: uppercase; color: #BA94A7!important; text-shadow: 1px 1px 1px #; font-size: 8px; }


/* D7.4 */
li#onlinelist { margin-top: 1em; border-top-style: none; border-top-width: 0px; float: left; width: 100%; line-height: 150%; color: #333;  font-size: 11px;  text-align: justify; margin-left: 40px!important;
text-transform: lowercase;}

/* D7.5 */
li#onlinelist div {border-top-style: none; border-top-width: 0px; padding: 0.7em 0 0 0;}



/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {margin: 0; border: none; width: 50%; position: relative; float: left; }

/* D8.2 */
#pun-qjump .container {border: none; background: transparent; padding: 0.8em 1em;}

/* D8.3 */
#pun-about {margin-top: 0;}

/* D8.4 */
#pun-about .container {border-top-style: none; text-align: right; line-height: 150%;}

/* D8.5 */
#pun-about p span { display:block; padding-left: 50%; text-align: center; text-transform: uppercase;  color: #303030!important; font-size: 8px;  line-height: 22px; }

#pun-about p span a { color: #333!important; }

#pun-about p.container .item1 { position: absolute; padding-top: 0px; margin: 100px 0 0 400px;}


/* D8.6 */
#pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; }

/* D8.7 */
#pun-crumbs2 .container {border-bottom: none; padding: 2em 1em; 
font-weight: 500; text-align: center; text-transform: uppercase; color: #333; font-size: 9px; }

#pun-crumbs2 .container a{ text-align: center; border-bottom: none;  font-weight: 500;
text-transform: uppercase; color: #333; font-size: 9px; }

/* D8.8 */
#pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0;
z-index: 1;}

/* D8.9 */
div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px;}


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0;
margin-bottom: 0.8em; }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {padding-bottom: 0.6em; display: block; border-bottom-style: solid;
border-bottom-width: 1px; font-size: 1.1em;}

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {margin-bottom: 1em}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {padding: 0 0 0 1em}

/* D9.5 */
#pun-help .formal li { padding: 0; line-height: 130%}

/* D9.6 */
#pun-help .formal li * {vertical-align: text-top}

/* D9.7 */
#pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace}

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;}






.pa-posts, .pa-respect, .pa-fld2{float: none; display: inline-block; width: 47px!important;  text-align: center; text-transform: lowercase;  letter-spacing: 0.6px; margin: 1rem 0.4rem 0.6rem 0.6rem; font-size: 9px; font-family: arial;}

li.pa-respect img { width: 8px; height: 8px;}


.pa-fld2 { margin: 0rem 0rem 0rem -0.1rem;}


0

29

Код:
/* стиль админпанели*/
#pun-adnav h2, .adformal h2 {background-color: inherit !important; border: none!important;}
.adcontainer {border: none !important;}
#pun-admain *{border-color: transparent;}
#pun-admain * {margin: 0;}
#pun-admain .adcontainer td {border-color: transparent!important;}
#pun-admain fieldset {border-color: transparent!important;}
.punbb-admin #pun-admain h2, #pun-admain legend, .punbb-admin #pun-admain legend span {display: none;}
#pun-adnav ul.adsubnav a {color: #333!important; }

#pun-admain textarea { margin-left: 7px!important; border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0; color: #333!important;}

#pun-admain a {color: #333!important; text-transform:lowercase; font-size: 11px; }
#pun-admain a:hover {color: #BA94A7!important;}
#pun-adnav .isactive ul.adsubnav a {color: #333!important; text-shadow: none; text-transform: lowercase; 
 font-size: 11px; }
#pun-adnav .isactive ul.adsubnav a:hover {color: #BA94A7!important;}

#pun-admain input{padding: 4px 10px 6px 10px !important; outline: none!important; border-radius: 25px;  font-size: 11px!important; text-transform: lowercase; background-color: #f0edec; color: #333!important;
border: none !important; border-style: none !important; border-width: 0 !important;
-webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0;

}



/* убираем рамки и подчеркивание текста */
.punbb a, .punbb th, .punbb td.tc2, .punbb td.tc3,.punbb .post h3,  .punbb .info-box, .punbb .post-body, .punbb .post-links,  .punbb legend span, .punbb .post h3 span, .punbb .main .container, .punbb .post .container,.punbb .main .container,
.punbb .post .container,.punbb .section .container, .punbb .formal fieldset .post-box, .punbb #pun-main .info-box .legend, 
.punbb-admin #pun-admain .adcontainer, .punbb-admin #pun-admain legend span, #pun-adnav ul.adsubnav a #viewprofile li strong, #viewprofile h2 span, #profilenav h2 span, #viewprofile li div, #setmods dd,#viewprofile li, 
#setmods dl {text-decoration: none!important; border-color: transparent;}

.post h3, .punbb .modmenu, .punbb .container, .punbb .post-body, .punbb .code-box,.punbb .category, .punbb .main h1,
.punbb .main h2, .usertable table,.punbb .section, .punbb .forum, .punbb .formal, .punbb .info,.punbb .post, .post-links ul, 
.post-links, .punbb .divider, .punbb .info-box, .punbb-admin #pun-admain h2,.punbb th,.punbb .quote-box, .punbb td, .punbb fieldset, .punbb .post .post-body, .punbb .post h3 span, .punbb .formal fieldset .post-box, #pun-help .formal .info-box h3.legend span, #pun-help .formal .info-box h3.legend, #pun-announcement h2 span, #pun-announcement h2,
#pun-ulinks li a, #pun-debug h2, #pun-stats h2, #viewprofile ul,  #profilenav ul,  #pun-ulinks li, li#onlinelist, li#onlinelist div, li.pa-online, #pun-title { border: none !important; border-style: none !important; border-width: 0 !important;
border-color: transparent !important; text-decoration: none;}


/* фон */
body {background: url(https://forumstatic.ru/files/001b/c3/ca/22655.png);  background-size: cover; 
background-attachment: fixed;}

/* тело */
 #pun { position: relative;  width: 1040px;  padding: 1px 0 0 0; margin: 140px auto 140px auto; 
 background: url("https://forumstatic.ru/files/001b/c3/ca/86918.png?v=1");}
.punbb { float: none; width: 980px; height: auto; padding: 30px;}

/* шапка */
#pun-title table {  background: url("https://forumstatic.ru/files/001b/c3/ca/14364.png"); height: 540px; 
 width: 1040px;  margin-top: -150px; margin-left: -30px;}

/* футер*/
#pun-about { background: url(https://forumstatic.ru/files/001b/c3/ca/14024.png); margin: 0px  0px  -90px  -30px;  
 height: 100px; width: 1040px;}



/* цвет текста на форуме*/
.punbb a, .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-adnav ul.adsubnav a {
  color: #333; 
}

/* ссылки не активные */
.punbb a, .punbb a:link,.punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited,  #pun-admain a, #pun-adnav .isactive ul.adsubnav a,  #pun-adnav ul.adsubnav a {  color: #333; text-decoration: none!important; }

/* ссылки активные */
.punbb a:hover,  .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, #pun-admain a:hover, 
#pun-adnav .isactive ul.adsubnav a:hover {color: #BA94A7; text-decoration: none;}

.punbb .post-content a { color: #!important; text-decoration: none; font-weight: 600;}
.punbb .post-content a:hover { color: #; text-decoration: none; font-weight: 600;}





#pun-main div.catleft, #pun-main div.catright {display: none;}

.punbb #pun-category1 h2,
.punbb #pun-category2 h2,
.punbb #pun-category3 h2,
.punbb #pun-category4 h2,
.punbb #pun-category5 h2,
.punbb #pun-category6 h2,
.punbb #pun-category7 h2,
.punbb #pun-stats h2 {
  width: 980px;
  height: auto;
  background: transparent;
  box-sizing: border-box;
  padding: 0;
  margin: 30px 0 0 calc(0px - 20px));
  position: relative;
}

.punbb #pun-category1 h2 span,
.punbb #pun-category2 h2 span,
.punbb #pun-category3 h2 span,
.punbb #pun-category4 h2 span,
.punbb #pun-category5 h2 span,
.punbb #pun-category6 h2 span,
.punbb #pun-category7 h2 span,
.punbb #pun-stats h2 span{
  width: 90%;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  box-sizing: border-box;
  padding: 6px 0 6px 0px !important;
  font-weight: 700 !important;
  color: #333635!important;
  text-transform: uppercase !important;
  line-height: 1;
  letter-spacing: 1px;
  overflow: hidden;
  font-family: 'Menoka';
  margin: 0 auto;
  font-size: 24px !important;
}

.punbb #pun-stats {
  margin: 20px 0 0;
}


#pun-stats.section h2 {background: url(https://forumstatic.ru/files/001b/c3/ca/79862.png?v=1);  font-size: 0px !important; height: 52px; margin: -10px 0 10px 8px !important; width: 967px;}

#post-form.formal h2 {background: url();  font-size: 0px !important; height: 0px; margin: 0px 0 0px 0px !important; width: 0px;}







/*  на главной странице
-------------------------------------------------------------*/
#pun-index .tcr { width: 30%; position: relative; overflow: visible; text-align: left;}

.punbb .main .tcr span.lastpost { display: block; padding: 4px 0px 0px 0px;  color: #333!important; text-transform: lowercase; font-size: 10px; }

.punbb .main .tcr a{ font-family: 'roboto'; font-weight: 500;  font-size: 12px;  color: #333!important; 
 text-transform: lowercase; letter-spacing: .2px;}

.punbb .main .tcr a:hover{font-family: 'roboto';  font-weight: 500; font-size: 12px; color: #BA94A7!important; 
text-transform: lowercase; letter-spacing: .2px;}

.punbb:not(#pun-userlist):not(#pun-messages) .user-avatar { width: 32px!important; height: 34px!important; 
transition-duration: 0.25s; padding: 1px 1px 0px 7px; float: left; }

#pun .user-avatar .avatar-image {border-radius: 25px!important; height: 30px; width: 30px; margin-left: 2px; margin-top: -4px; opacity: 1!important; outline: none;  border: 1px solid #d5d1d0!important; opacity: 0.8!important;  filter: grayscale(1) !important;}

#pun .user-avatar .avatar-image:hover { opacity: 1!important; filter: none !important; }

.punbb .user-avatar .isonline { width: 6px!important; height: 6px!important; z-index: 0!important; margin-top: -4px; 
margin-left: 8px;  outline: none; background-color: #BA94A7!important;}



/*  общее
-------------------------------------------------------------*/
.category .container thead { text-transform:lowercase; }
.offline li.pa-online strong {font-weight: normal;}
 a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;}
#dns-ip-replace-notify {display:none!important;}
.punbb th {background-color: #transparent !important; color: transparent !important;}
td.tcl a.registered-user { font-family: Montserrat; font-weight: 500; font-size: 9px;   color: #333!important;  text-transform: uppercase;}

.post { -webkit-box-sizing: border-box;  box-sizing: border-box; border-radius: 25px; background: #f0edec;
-webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0; padding: 5px; padding-bottom: 10px;}
.post + .post {margin-top: 20px !important;}

#pun-index div.category .container { padding: 0; margin: 1px 0; -webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0; }
#pun-index .container table tr {position: relative; display: block !important; margin: 30px 0 30px;}


/*прокрутка*/
::-webkit-scrollbar {width: 6px; height: 6px; webkit-box-sizing: border-box;  box-sizing: border-box; border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0;}
::-webkit-scrollbar-track {  width: 6px; height: 6px; webkit-box-sizing: border-box;  box-sizing: border-box; border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0;}
::-webkit-scrollbar-corner {background: #333; border-radius: 25px;}
::-webkit-scrollbar-thumb{  width: 5px; height: 5px; background-color: #BA94A7;  -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;}
::-webkit-scrollbar:horizontal {width: 6px; height: 6px; webkit-box-sizing: border-box;  box-sizing: border-box; border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0;}
::-webkit-scrollbar-horizontal {  width: 5px; height: 5px; background-color: #B8CCCC!important;  -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; }

/*выделение*/
body *::-moz-selection { background: rgba(186, 148, 167); color: rgb(241, 241, 241);}
body *::-webkit-selection {background: rgba(186, 148, 167, 0.9);color: rgb(241, 241, 241);}
body *::selection { background: rgba(186, 148, 167, 0.9); color: rgb(241, 241, 241);}

/*блюр на зачеркнутое*/
.punbb .post-content strike, del {text-decoration: none; filter: blur(1px); }
.punbb .post-content strike:hover, del:hover { text-decoration: none;  filter: none;}






/*  посты
-------------------------------------------------------------*/
.punbb input, .punbb select, .punbb .longinput input {  outline: none!important;
border: none !important; border-style: none !important; border-width: 0 !important; border-color: transparent !important; -webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0; color: #333!important; text-transform: lowercase; font-size: 10px; }

.punbb .code-box {background: #EDE9E8; -webkit-box-shadow: 0 0 0 1px #d5d1d0; 
box-shadow: 0 0 0 1px #d5d1d0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;
}

.punbb .quote-box {background: #EDE9E8; -webkit-box-shadow: 0 0 0 1px #d5d1d0; 
box-shadow: 0 0 0 1px #d5d1d0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;
 }

.punbb textarea {   background: #f0edec; border: solid 1px #d5d1d0!important; outline: none;
-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 25px 25px;
}

#form-buttons { width:100%;   margin: 0px -3px -3px 0px;  padding: 2px 2px!important;
background: #f0edec; border: solid 1px #d5d1d0!important; 
-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px 25px 0 0; }

#main-reply { width:100%;  height: 200px;}
.punbb .formal span.input { margin-left: -0px!important;}
.punbb #font-area { height: 198px; overflow: auto; }

#tags .container {padding: 6px 8px 6px 8px!important; background: #EDE9E8; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0; -webkit-box-sizing: border-box; box-sizing: border-box; 
 border-radius: 0 0 25px 25px; color: #333!important;}
#tags .container { position: absolute; right: 7px; top: 41px!important; z-index: 2;}
#pun-edit #tags .container { top: 60px !important;}

#keyboard-span input { cursor:pointer; height:25px; min-width:30px; background-color: transparent!important;  
color: #333!important;  padding: 0 !important; outline: none !important;}


#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {background-image: none !important;  width: 768px !important; margin-left: -4px;  padding: 0px !important;  height: 18px !important;   color: #333!important; text-align: justify; background: #EDE9E8; -webkit-box-shadow: 0 0 0 1px #d5d1d0; 
box-shadow: 0 0 0 1px #d5d1d0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { min-height: 20px; padding: 7px;  margin: 19px 4px;  outline: none; max-width: 760px;  color: #333!important; text-align: justify; background: #EDE9E8; -webkit-box-shadow: 0 0 0 1px #d5d1d0;  box-shadow: 0 0 0 1px #d5d1d0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px;}



/* профиль
-------------------------------------------------------------*/

/*профиль на главной странице */
#viewprofile {padding: 20px; }

#profile-left{text-align: center; webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0;}

#profile-right li span{text-transform: lowercase; font-size: 11px; line-height: 10px; padding-top: 4px!important;
 color: #333!important; webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0;}

#profile-right li {  margin: 10px 10px;}

#profile-right li span a{color: #333!important; }

#profile-right li strong {}

#profile-left #profile-name strong {font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase;  
font-size: 11px;  color: #333!important; border-radius:  0; line-height: 16px;
}
#profile-left #profile-name strong {margin-top: 8px; margin-bottom:0px;}

#profile-left #pa-edit strong a {margin-top: 8px; padding: 4px 4px; border-radius: 0 0 0 0; font-size: 9px!important;  
color: #333!important; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; 
}

#profile-left #profile-title strong {text-transform: lowercase; font-size: 11px;  color: #333!important; 
font-style: normal!important; font-weight: normal!important;}

#profile-left #pa-online strong {font-size: 9px!important; color: #333!important; 
font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase;}

#pa-avatar img{ border-radius: 0px !important; }

#profile-signature { border-color: transparent!important; border: none!important;}

#profile-signature ul {border: none!important; border-color: transparent!important;}

li.pa-avatar.item2 img {max-width: 180px!important; max-height: 180px!important;}


/* иконки старые, новые, важные, закрытые */
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-index table Div.icon  {float: right; display: block;  width: 15px; height: 15px;  padding: 0px !important; 
webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0; border-style: none; }

#pun-index TR.inew Div.icon {webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; 
background: #BA94A7; -webkit-box-shadow: 0 0 0 1px #d5d1d0; box-shadow: 0 0 0 1px #d5d1d0;}



#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
 height: 10px; width: 10px !important; margin-top: 3px; float: left;  margin-left: -20px; webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; background: #f0edec; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0;}

#pun-searchtopics TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
 height: 10px; width: 10px !important; margin-top: 3px; float: left;  margin-left: -20px; webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; background: #BA94A7; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0;}

#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon {
 height: 10px; width: 10px !important; margin-top: 3px; float: left;  margin-left: -20px; webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; background: #B8CCCC; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0;
}

#pun-searchtopics TR.iclosed Div.icon , #pun-messages TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon {
height: 10px; width: 10px !important; margin-top: 3px; float: left;  margin-left: -20px; webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; background: #4A4E4E; -webkit-box-shadow: 0 0 0 1px #d5d1d0;
box-shadow: 0 0 0 1px #d5d1d0;}




/* кнопки вверх/вниз */
.go-up, .go-down { cursor: pointer; display: none; height: 50px; margin-bottom: 160px;  opacity: 1; 
position: fixed; width: 50px;  z-index: 9999; }
.go-up { bottom: 58%; margin-left: 990px !important;}
.go-down {bottom: 44%; margin-left: 990px !important;}
.go-down:hover, .go-up:hover { opacity: 1;}





.impu{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto;
    flex-direction: column;
    overflow-y: hidden;
    text-align: justify !important;
    overflow-x: scroll !important;
    white-space: nowrap;
    height: 40px;
    width: 840px;
    top: 328px;
    margin-left: 66px!important;
    padding: 5px 5px 5px 1px;
   }

.impuplashka {
    height: 30px;
    float: left;
    padding-right: 25px;
    width: 160px;
    border-radius: 25px;
    background: #f4f1f1;
    border: 1px solid #d5d1d0;
    margin-left: 20px!important;
}

.impuplashka icon {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* background: #f4f1f1; */
    /* border: 1px solid #f4f1f1; */
    /* float: left; */
    }

.impuplashka icon img {
    padding: 4px 3px 4px 6px;
    filter: grayscale(60%);
}

.impuplashka t{
   font-family: 'Open Sans', sans-serif; 
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    padding: 2px 3px 1px 3px;
    margin-left: 45px!important;
    margin-top: 0px!important;
}

.impuplashka small {
    letter-spacing: 0.5px;
    font-size: 8px;
    color: #333 !important;
    text-transform: lowercase;
    float: left;
    margin-top: 0px!important;
    margin-left: 48px!important;
}

.impuplashka:hover {
    background: #BA94A7;
    transition: all 0.6s ease;
}

.impuplashka:hover a {
color:#f0edec!important;
}





.impprotsent{
  position: absolute;
  top: 0;
  display: block;
  font-family: 'Open Sans', sans-serif; 
  font-weight: 700; 
  text-transform: uppercase; 
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1;
}



.impprotsent{
  margin: 20px 160px 0 0 !important;
  right: 0;
}


#personal_s {  width: 970px;  height: 570px;  margin-top: 10px; margin-left: 5px;
background: url(https://forumstatic.ru/files/001b/c3/ca/35941.png);}
#personal_s .info {color: #333; text-transform: lowercase;   font-size: 11px; margin: 50px 0px 0 70px !important; letter-spacing: 1px;  text-align: center; width: auto; z-index: 10; position: absolute; 
width: 220px; height: 30px; overflow-y: auto; overflow-x: hidden;}
#personal_s  .p_image {border-radius: 100px; width: 70px; height: 70px; filter: grayscale(100%) brightness(.8);}
#personal_s .post_face {overflow: visible; border-radius: 100px;}
#personal_s .post_face { margin: 23px 0px 0 10px !important; position: absolute; z-index: 10;}
 #personal_s .name_look { position: absolute; width: 560px; height: 28px; margin: 8px 0 0 430px;
display: inline-flex; justify-content: space-between; align-items: center;}
#personal_s .name_look {color: #333; text-transform: lowercase;  font-size: 24px; 
letter-spacing: 1px;  text-align: center; width: auto; font-family: 'Menoka'; text-transform: uppercase;}
#personal_s .plash_p{ position: absolute; width: 280px; height: 136px; margin: 82px 0 0 32px;
overflow-y: auto; overflow-x: hidden; padding: 2px 0px 0px 0px !important;}
#personal_s .plash_look {  width: 190px; height: 33px; }
#personal_s ::-webkit-scrollbar {width: 4px; height: 4px; background-color: transparent; border-radius: 6px;}
#personal_s .icon_p{ position: absolute; width: 257px; height: 24px; margin: 232px 0 0 38px;
padding: 2px 0px 3px 0px !important; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
#personal_s .icon_look {  width: 20px; height: 20px; display: inline-block;}
#personal_s .zvezd_p{ position: absolute; width: 676px; height: 180px; margin: 380px 0 0 34px;
padding: 2px 0px 3px 0px !important; overflow-x: auto;
overflow-y: hidden; white-space: nowrap;}
#personal_s .zvezd_look {  width: 150px; height: 180px; display: inline-block;}
#personal_s .scrolling-wrapper { -webkit-overflow-scrolling: touch;}
#personal_s .kupon_p{ position: absolute; width: 264px; height: 80px; margin: 272px 0 0 34px;
padding: 2px 0px 3px 0px !important; overflow-x: auto;
overflow-y: hidden; white-space: nowrap;}
#personal_s .kupon_look {  width: 110px; height: 80px; display: inline-block;}
#personal_s .plash_n{ position: absolute; width: 212px; height: 172px; margin: 392px 0 0 734px;
overflow-y: auto; overflow-x: hidden; padding: 2px 0px 0px 0px !important;}
#personal_s .plash_nlook {  width: 190px; height: 33px; padding: 0px 0px 2px 0px !important;}
#personal_s  ul.tabs { margin-top: 66px; padding: 0; margin-right: -80px; float: right;  list-style: none; height: 24px;  width: 645px; }
#personal_s  ul.tabs li {float: left; padding: 0 5px; height: 24px; margin: -22px 40px; line-height: 25px; font-size: 10px; text-transform: uppercase;  font-family: roboto;  margin-bottom: 2px; overflow: hidden; position: relative;}
#personal_s ul.tabs li a {text-decoration: none; color: transparent; display: block; padding: 0 5px; color: #313131!important; outline: none;}
#personal_s .tab_container1 {clear: both; float: right; margin-right: 24px; width: 619px; height: 263px;  padding: 1px; background-image: url();  background-color: #fff;  margin-top: -20px ;}
#personal_s  .tab_content { padding: 5px; height: 398px; margin-right: -16px; overflow-x: auto;}
#personal_s  ul.tabs li.active  {border: 1px solid #9E9E9E;} 
#personal_s  ul.tabs li.active a  {color: #333!important; outline: none;} 


#personal_s .dna_p {  width: 584px; height: 240px; margin: 10px 0 0 10px;
  padding: 2px 0px 0px 0px !important; overflow-x: auto;
  overflow-y: hidden; white-space: nowrap;}

#personal_s .dna_look {  width: 150px; height: 231px; padding: 0px 0px 10px 0px !important; display: inline-block;}


0

30

Код:
<div class="impu">
<div class="impuplashka"><icon><img src="https://i.imgur.com/SUHQc8V.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=12#p4952">новости</a></t><small>ФИНАЛЬНЫЕ</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/qEvZh3p.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=18#p3837">акция #2</a></t><small>на твинов</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/rfBSb4Y.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=1#p1">ресепшен</a></t><small>представьтесь, пожалуйста</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/KKq06Fz.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=20#p1506">про сюжет</a></t><small>и его особенности</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/Tch89i7.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=21#p1507">шаблон</a></t><small>анкеты</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/krUDiG3.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=18#p1508">акция #1</a></t><small>успей забрать</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/EgupuxL.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=19#p1504">конкурс #2</a></t><small>найди пару</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/6kK0A2U.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=28#p3236">конкурс #3</a></t><small>собери команду</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/VgSOeez.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=19#p1504">бинго #1</a></t><small>найди себя</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/OlXRHaV.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=15#p18">лотерея #1</a></t><small>стартовая</small></div>
<div class="impuplashka"><icon><img src="https://i.imgur.com/d2Ini4M.png"></icon><t><a href="http://impurities.rusff.me/viewtopic.php?id=16#p19">конкурс #1</a></t><small>помоги разобраться</small></div>
</div>



<div id="table">
<div class="post_face"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png"></a></div>
<div class="post_text">lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi ex dolor, ullamcorper a erat sed, mattis tincidunt justo. etiam eu luctus lorem. aenean at erat consectetur, interdum lorem vel, mattis est.
lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi ex dolor, ullamcorper a erat sed, mattis tincidunt justo. etiam eu luctus lorem. aenean at erat consectetur, interdum lorem vel, mattis est.
lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi ex dolor, ullamcorper a erat sed, mattis tincidunt justo. etiam eu luctus lorem. aenean at erat consectetur, interdum lorem vel, mattis est.
</div>


<div class="activ_face"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png">
</a></div>

<div class="post_activ_face"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png"></div>

<div class="para_name"><a href="">ИМЯ</a> & <a href="">ИМЯ</a></div>
<div class="epizod_name"><a href="">НАЗВАНИЕ </a></div>

<div class="ams_name">
<a href="">имя</a>,    <a href="">имя</a>, <a href="">имя</a>,   <a href="">имя</a>,    <a href="">имя</a>,    <a href="">имя</a>   
</div>


</div>


<div style="top: -110px;
    margin-left: 48px;
    position: absolute;
    z-index: 1000;">

<select onchange="location.href=this.value" style="
  -webkit-box-sizing: border-box; 
   box-sizing: border-box; 
   border-radius: 25px; 
   background: #EEBC6E;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0;
   box-shadow: 0 0 0 1px #e0e0e0;
    font-family: Arial;
   font-weight: 600;
    color: #333;
    font-size: 9px;
    text-transform: lowercase;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    width: 240px;
    border-radius: 25px;">
  <option>навигация</option>
  <option value="">правила</option>
  <option value="">занятые внешности</option>
  <option value="">нужные персонажи</option>
  <option value="">гостевая</option>
  <option value="">банк</option>
  <option value="">магазин</option>
</select>
</div>

0


Вы здесь » stationx0 » Above the Clouds » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно