[html]<div class="actp" style="background-image: url(https://i.imgur.com/LnD3FAd.png);"></div>
<div class="actt ">
<span><table>
  <tr>
    <td><center><b><abbr title="лорд волдеморт">lord voldemort</abbr> </b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
    <td><center><b>lord voldemort</b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
    <td><center><b>lord voldemort</b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
    <td><center><b>lord voldemort</b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
  </tr>
  <tr>
    <td><center><b>lord voldemort</b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
    <td><center><b>lord voldemort</b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
    <td><center><b>lord voldemort</b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
    <td><center><b>lord voldemort</b>
<img src="https://i.imgur.com/GKYIVYI.gif"></center></td>
  </tr>
</table></span>

</div>[/html]

.actt  {
width: 540px;
    margin: auto;
    padding: 15px;
background: linear-gradient(0deg, rgb(37 36 36 / 65%) 0%, #416761b3 100%), url(https://www.designyourway.net/diverse/d … ecloth.jpg);
}

.actt:before {
content: 'death eaters';
    position: absolute;
    margin: -60px 0 0 50px;
    text-overflow: clip;
    overflow: hidden;
    height: 59px;
    display: block;
    font-family: yeseva one;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 110px;
    color: #efe3ec;
    font-style: italic;
    width: 540px;
    letter-spacing: -5px;
}

.actt span {
display: block;
    padding: 20px;
    text-transform: lowercase;
    border: none !important;
    font-size: 11px!important;
    font-family: arial!important;
    background: #9a9a9a;
    box-shadow: 0 0 0 1px #2e4844, 0 0 0 2px #a4bdae, 0 0 20px #525252 inset;
    color: #4e645f;
}

.actt span img {
    width: 145px;
    margin-top: 5px;
    height: auto;
outline: 1px solid #535353;
border-radius: 10px 0px 10px 0px;
    object-fit: cover;
    filter: -webkit-filter: grayscale(60%) brightness(95%) hue-rotate(303deg) saturate(80%) contrast(101%);
    -webkit-filter: -webkit-filter: grayscale(60%) brightness(95%) hue-rotate(303deg) saturate(80%) contrast(101%);
    -moz-filter: -webkit-filter: grayscale(60%) brightness(95%) hue-rotate(303deg) saturate(80%) contrast(101%);
}

.actp {
    width: 55px;
    height: 278px;
    background-size: cover;
    background: 67% 2%;
    position: absolute;
    margin: 0px 0px 0px 570px!important;
}

/*-- ЛИЧНАЯ СТРАНИЦА --*/
/*-- фон --*/
.ls {
    position: relative;
    background: url(https://forumstatic.ru/files/001b/93/ec/35639.png);
    width: 900px;
    height: 540px;
}

/*-- ССЫЛКА НА ПРОФИЛЬ --*/
.ls plink {
position: absolute;
    margin: 20px 0 0 -328px!important;
    height: 20px;
    width: 90px;
}

.ls plink a {
    text-align: center;
    color: #ffffff!important;
    font-size: 12px;
    font-family: 'Roboto';
    font-weight: 600;
    text-transform: uppercase;
}

/*-- ГИФКА --*/
.ls gif {
position: absolute;
    margin: 52px 0 0 -80px!important;
    width: 205px;
    height: 205px;
}

.ls gif img {
width: 205px;
    height: 205px;
    border-radius: 50%;
    object-fit: cover;
filter: grayscale(100%) brightness(80%) contrast(110%);
-webkit-filter: grayscale(100%) brightness(80%) contrast(110%);
-moz-filter: grayscale(100%) brightness(80%) contrast(110%);
}

/*-- О ПЕРСОНАЖЕ --*/
.ls name {
    position: absolute;
    margin: 16px 0 0 -225px!important;
    width: 280px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-family: cuprum;
    letter-spacing: 0.5px;
    font-weight: 300;
    text-transform: uppercase;
}

/*-- СТАТСТИКА ПЕРСОНАЖА --*/
.ls stat {
position: absolute;
    margin: 20px 0 0 20px!important;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-family: cuprum;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
    width: 345px;
}

/*-- ПЛАШКИ --*/
.ls plash {
margin: 321px -426px!important;
    position: absolute;
    width: 262px;
    height: 185px;
    overflow: auto;
    padding: 2px;
}

.ls plash img {
margin-bottom: 10px!important;
}

/*-- ПЛАШКИ --*/
.ls ico {
margin: 403px 166px!important;
    position: absolute;
    width: 255px;
    height: 110px;
    overflow: auto;
    padding: 2px;
}

.ls ico img {
margin-bottom: 5px;
    display: inline-block;
    height: 48px;
    margin-right: 10px;
}

/*-- НАГРАДЫ --*/
.ls award {
margin: 321px -126px!important;
    position: absolute;
    width: 262px;
    height: 185px;
    overflow: auto;
    padding: 2px;
}

.ls award img {
margin-bottom: 5px!important;
}

/*-- ФОНЫ НА ЗАМЕНУ --*/
.ls fon {
margin: 320px 168px!important;
    position: absolute;
    width: 256px;
    height: 36px;
    overflow: auto;
    padding: 2px;
}

.ls fon img {
margin-bottom: 5px;
    display: inline-block;
    margin-right: 10px;
}

html {-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;}

/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks {
    width: 100%;
    text-align: center;}

div#pun-ulinks {   
width: 100%;
    top: 32px;
    left: 10px;
    position: fixed;
    z-index: 99999998;
    display: inline-block;
}

#pun-stats li.item3 {display:none;}
.post-links a {font-size: 10px!important;}

/* ----------------------------- окно репутация ----------------------------- */
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 768px;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    -webkit-box-shadow: 0 0 40px #59507b;
    -moz-box-shadow: 0 0 40px #222;
    -khtml-box-shadow: 0 0 40px #222;
    border-width: 1px;
    background: #e1d6de;
    box-shadow: inset 0px 0px 20px #edf;
    color: #59507b;
    text-shadow: 0px 0px 0px rgb(255 255 255);
    padding: 2px;
    border: 1px solid #eee;
    border-top: 5px solid;
    border-bottom: 5px solid;
}

/* ----------------------------- фон ----------------------------- */
body {
background-color: #b6b4d6;
  }

/* ----------------------------- тело форума ----------------------------- */
#pun {
  width: 1043px;
margin: 0px auto auto auto;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
position: relative;
  background: url(https://forumstatic.ru/files/001b/93/ec/45835.png);
  }

/* ----------------------------- шапка форума ----------------------------- */
#pun-title table {
    border: none;
    height: 415px;
    width: 1043px;
    margin-left: -80px;
    background: url(https://forumstatic.ru/files/001b/93/ec/22025.png) top center no-repeat;
    margin-top: -8px;
}

/* ----------------------------- низ форума (подвал) ----------------------------- */
#pun-about p.container {
   background: transparent url(https://forumstatic.ru/files/001b/93/ec/40083.png) bottom center no-repeat;
    width: 1043px;
    margin-bottom: -39px;
    margin-left: -91px;
    height: 142px;
}

/* ----------------------------- весь текст на форуме ----------------------------- */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .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, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .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-navlinks .container  {
    background-color: transpanent;
    font-weight: normal;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.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 {color: #59507b;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #230d38;
  }

/* CS3.2 ------ховер ссылок----*/
.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 {
    color: #7cb8db;
  }

/* CS3.3 ------- меню главное-------*/
#pun-navlinks a {
    color: #ece6e6;
    text-shadow: 1px 0px 0px black;
    text-decoration: none;
}
#pun-navlinks a:hover {
    color: #e3c19f; /* Цвет ссылки */
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

#pun-adnav ul.adsubnav a {   text-decoration: none!important;}

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

/* ----------------------------- прокрутка ----------------------------- */
::-webkit-scrollbar {
  width:4px;
  height:2px;
  }
::-webkit-scrollbar-track {
    background-color: #ffffff;
    box-shadow: inset 0px 0px 2px #74482d;
  }
::-webkit-scrollbar-thumb {
background-color: #dab79c;
}

/* ----------------------------- выделение ----------------------------- */
::selection {
    background: #8a7ba9;
    color: #ffffff;
    text-shadow: 1px 0 #704e6a;
}

/* ----------------------------- форма ответа ----------------------------- */
.resizable-textarea textarea {display: block;
    margin-bottom: 0pt;
    background: #eceff1;
    border-top: 5px solid #ad8eb1;
    border-bottom: 5px solid #704e6a;
    border-left: 1px solid #e7d09d;
    border-right: 1px solid #e7d09d;
    box-shadow: inset 0px 0px 20px #dce2e6;}

/* ----------------------------- рекомендация страницы ----------------------------- */
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;
    color: #5a5398;}

/* —-------------------------— категории —-------------------------— */

/* КАТЕГОРИИ*/
/* СТАТИСТИКА*/
#pun-stats.section h2 {
background: url(https://forumstatic.ru/files/001b/93/ec/92033.png?v=1) no-repeat top center;
    height: 32px;
    margin-left: -39px;
    width: 935px;
}

/* НАД ФОРМОЙ ОТВЕТА*/
#post-form h2 {
height: 32px;
    margin-left: -40px;
    margin-bottom: -15px;
    width: 935px;
    background: url(https://forumstatic.ru/files/001b/93/ec/92033.png) center top no-repeat !important;
    margin-top: 0px !important;
}

/* ПЕРВАЯ - Наименование
-------------------------------------------------------------*/
#pun-category1.category h2 {
    background: url(https://forumstatic.ru/files/001b/93/ec/34115.png) center top no-repeat;
    height: 32px;
    margin-left: -26px;
    width: 935px;
    display: inherit;
    border: none !important;
    padding: 0px !important;
}

/* ВТОРАЯ - Наименование
-------------------------------------------------------------*/
#pun-category2.category h2 {
    background: url(https://forumstatic.ru/files/001b/93/ec/86290.png) no-repeat top center;
    height: 32px;
    margin-left: -26px;
    width: 935px;
}

/* ТРЕТЬЯ - Наименование
-------------------------------------------------------------*/
#pun-category3.category h2 {
    background: url(https://forumstatic.ru/files/001b/93/ec/58491.png) no-repeat top center;
    height: 32px;
    margin-left: -26px;
    width: 935px;
}

/* ЧЕТВЕРТАЯ - Наименование
-------------------------------------------------------------*/
#pun-category4.category h2 {
    background: url(https://forumstatic.ru/files/001b/93/ec/14861.png) no-repeat top center;
    height: 32px;
    margin-left: -26px;
    width: 935px;
}

/* ПЯТАЯ - Наименование
-------------------------------------------------------------*/
#pun-category5.category h2 {
    background: url(https://forumstatic.ru/files/001b/93/ec/88357.png) no-repeat top center;
    height: 32px;
    margin-left: -26px;
    width: 935px;
}

/*ОТКЛЮЧАЕМ ЗАГОЛОВКИ НА КАТЕГОРИЯХ*/
#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display: none;}

/* ----------------------------------- иконки ------------------------------------- */
/*------ Иконки сообщений ------*/
.punbb div.icon {
float: right;
display: block;
width: 22px;
height: 22px;
}

table Div.icon {
margin-top: 2px!important;
margin-right: 81px!important;
}

/*------ Нет новых сообщений ------*/
table Div.icon {
background: url() no-repeat top center;
}

/*------ Есть новые сообщения на главной ------*/
TR.inew Div.icon {
width: 22px;
height: 22px;
background : url(https://forumstatic.ru/files/001b/93/ec/57243.png) no-repeat top center;
}

/*------ Есть новые сообщения внутри ------*/
#pun-viewforum TR.inew Div.icon {
width: 22px;
height: 22px;
background : url(https://forumstatic.ru/files/001b/93/ec/21402.png) no-repeat top center;
}

/*------ Есть новые сообщения в ЛС ------*/
#pun-messages TR.inew Div.icon {
width: 22px;
height: 22px;
background : url(https://forumstatic.ru/files/001b/93/ec/21402.png) no-repeat top center;
}

/*------ Важная тема ------*/
#pun-viewforum TR.isticky Div.icon {
background: url(https://forumstatic.ru/files/001b/93/ec/81621.png) no-repeat top center;
}

/*------ Закрытая тема ------*/
#pun-viewforum TR.iclosed Div.icon {
background: url(https://forumstatic.ru/files/001b/93/ec/98506.png) no-repeat top center;
}

/* ----------------------------- админка2 ----------------------------- */
#pun-admain input, #pun-admain select {       
margin: 0px 0.6em 0px 0px;
    color: rgb(104, 67, 94);
    box-shadow: none;
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(112, 78, 106) !important;
    font-family: cuprum !important;
    font-size: 13px !important;
    cursor: pointer !important;
    border-radius: 0px !important;
}

/* ----------------------------- поля ввода ----------------------------- */
.punbb input {
    border-width: 1px;
    background: #ffffff;
    /* box-shadow: inset 0px 0px 9px #d7e7b2; */
    /* text-shadow: 0px 0px 0px rgb(199 203 188); */
    padding: 2px;
    border: 1px solid #677741;
    border-top: 1px solid #677740;
    border-bottom: 1px solid #677740;
    padding: 8px;
}

/* -----------------------зачеркнутый текст-------------------------- */
del {
text-decoration: none!important;
        transition: all .5s ease-in-out 0s;
filter: blur(1px);
}

del:hover {
text-decoration: none!important;
filter: none;
}

/* аватары глав страница */
.punbb .user-avatar .avatar-image {
    height: 35px;
    width: 35px;
    opacity: 0.75;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    mix-blend-mode: luminosity;
    outline: white solid 1px;
border-radius: 0!important;}

/* ---------------------------конец------------------------------ */

/* ----------------------------- ОФОРМЛЕНИЕ ПРОФИЛЯ НАЧАЛО ----------------------------- */
/* ----------------------------- сообщения ----------------------------- */
.pa-posts {
    text-align: center;
    width: 65px;
    position: absolute;
    margin-top: -52px!important;
    left: 94px;
    line-height: 15px;
    font-family: 'Roboto';
    font-size: 10px;
    text-transform: lowercase;
    color: #000000!important;
    letter-spacing: 0.5px;
}

/* ----------------------------- репутация ----------------------------- */
.pa-respect {
text-align: center;
    width: 65px;
    position: absolute;
    margin-top: -52px!important;
    left: 227px;
    line-height: 15px;
    font-family: 'Roboto';
    font-size: 10px;
    text-transform: lowercase;
    color: #000000!important;
    letter-spacing: 0.5px;
}

.pa-respect a {
    color: #000000!important;
    font-style: normal !important;
}

/* ----------------------------- посты ----------------------------- */

.pa-fld3 {
text-align: center;
    width: 60px;
    position: absolute;
    margin-top: 17px!important;
    left: 92px;
    line-height: 16px;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 12px;
    text-transform: lowercase;
    color: #fdfff3!important;
    letter-spacing: 0.5px;
}

/* ----------------------------- бабки ----------------------------- */

.pa-fld4 {
    text-align: center;
    width: 60px;
    position: absolute;
    margin-top: 17px!important;
    left: 228px;
    line-height: 16px;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 12px;
    text-transform: lowercase;
    color: #fdfff3!important;
    letter-spacing: 0.5px;
}

/* ----------------------------- иконка ----------------------------- */

.pa-fld5 {
    text-align: center;
    margin-top: -7px!important;
    margin-bottom: -10px!important;
    margin-left: -5px!important;
}

/* ----------------------------- личное звание ----------------------------- */
.pa-fld2 {
display: block;
    width: 188px !important;
    line-height: 15px;
    text-transform: lowercase;
    margin-left: 2px!important;
    margin-top: 5px !important;
    z-index: 0;
    margin-bottom: 50px!important;
    font-size: 9.5px!important;
    border: 1px solid #ffffffad;
    box-shadow: inset 0px 0px 20px #a2a0c4;
    color: #3b3a4c!important;
    text-shadow: 0px 0px 0px #ffffff;
    padding: 8px!important;
    background-color: #e4e4e4;
}

.pa-fld2 a{
    color: #6e6c9d!important;
    font-weight: 600;
}

.pa-fld2 lz {
text-transform: uppercase;
    font-size: 12px!important;
    text-align: center!important;
    font-family: Roboto;
    font-weight: 600;
    color: #7b7a91!important;
    display: block;
    margin-top: 4px;
    margin-bottom: -12px;
    text-shadow: 0px 0px 0px #9f9a9f;
}

.pa-fld lz a:hover {
    color: #c6aa91!important;
}

/* ----------------------------- плашка ----------------------------- */
.pa-fld1 {
    margin-left: -11px!important;
    margin-top: -52px!important;
}

/* ----------------------------- КОНЕЦ ----------------------------- */

/* ----------------------------- ХТМЛ КОДЫ ОФОРМЛЕНИЯ ----------------------------- */
/* Блок обычное сообщение */
.fforma {
width: 648px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 10px;
    display: block;
    background: url(https://forumstatic.ru/files/001b/93/ec/16610.png) top no-repeat, url(https://forumstatic.ru/files/001b/93/ec/64679.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/93/ec/61897.png) repeat-y;
    margin-left: 23px!important;
}

.forma_n {
padding-right: 238px;
    padding-top: 2px;
    text-align: center;
    color: #ffffff;
    font-family: bebas neue;
    text-shadow: 1px 0px 0px black;
    font-size: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.forma_t {
width: 600px;
    padding-left: 17px;
    padding-top: 14px;
    padding-bottom: 7px;
    text-align: justify;
    color: #191e21;
    font-family: verdana;
    font-size: 10.5px;
    text-shadow: 1px 1px 1px white;
    overflow-x: auto;
}

.forma_t p {
text-indent: 20px;
}

/* АНКЕТА ХТМЛ */
.ank {
width: 648px;
    height: 600px;
    padding-top: 0px;
    padding-bottom: 20px;
    display: block;
    background: url(https://forumstatic.ru/files/001b/93/ec/12232.png) top no-repeat, url(https://forumstatic.ru/files/001b/93/ec/75364.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/93/ec/66873.png) repeat-y;
    margin-left: -8px!important;
}

.ank_n {
padding-top: 7px;
    padding-left: 12px;
    text-align: center;
    color: #ffffff;
    font-family: bebas neue;
    text-shadow: 1px 0px 0px black;
    font-size: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ank photo {    width: 150px;
    height: 150px;
    position: absolute;
    margin: 19px 82px!important;
}

.ank photo img {
    object-fit: cover;
filter: grayscale(100%) brightness(80%) contrast(110%);
-webkit-filter: grayscale(100%) brightness(80%) contrast(110%);
-moz-filter: grayscale(100%) brightness(80%) contrast(110%);
    object-fit: cover;
    mix-blend-mode: multiply;
}

.ank celeb { 
position: absolute;
    width: 150px;
    height: 25px;
    margin: 175px 82px!important;
    font-family: montserrat;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: white;
    text-shadow: 1px 0px 1px #2f2f41;
}

.ank namer {
    position: absolute;
    width: 300px;
    height: 25px;
    margin: 22px 10px 10px 311px!important;
    font-family: montserrat;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    text-align: left;
    color: #2f2f41;
    text-shadow: 1px 0px 1px #ffffff;
}
.ank age {
position: absolute;
    width: 255px;
    height: 25px;
    margin: 84px 10px 10px 341px!important;
    font-family: montserrat;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    text-align: left;
    color: #2f2f41;
    text-shadow: 1px 0px 1px #ffffff;
}

.ank jjob {
position: absolute;
    width: 260px;
    height: 25px;
    margin: 148px 10px 10px 357px!important;
    font-family: montserrat;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    text-align: left;
    color: #2f2f41;
    text-shadow: 1px 0px 1px #ffffff;
}

.ank info {position: absolute;
    width: 577px;
    height: 330px;
    overflow: auto;
    padding: 6px 4px 8px 12px;
    margin: 200px 29px!important;
}
.ank info p {
text-indent: 20px;
}

/*---------------------------------- гостевая -------------------------------------------*/

.guest {
width: 815px;
    height: 283px;
    margin-left: 67px!important;
    padding-bottom: 9px;
    background: url(https://forumstatic.ru/files/001b/93/ec/15033.png) no-repeat;
}

.guest gface {
display: block;
    width: 250px;
    height: 160px;
    overflow: auto;
    position: absolute;
    margin: 57px 517px;
    padding: 3px;
    text-align: left!important;
    color: white;
    text-shadow: 1px 0px 0px #4c4c4c;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 10px;
}

.guest gface data {
display: block;
    background-color: #7d7d9f;
    padding: 3px;
    text-align: center;
    font-family: 'Roboto';
    color: white;
    margin-bottom: 5px;
    text-shadow: 1px 0px 0px black;
}

.guest gface a {
    text-shadow: none;
    font-weight: 600;
    color: #423145!important;
}

.guest gface a:hover {
color: #bbddf6!important;
}

.guest gtext {
display: block;
    width: 440px;
    height: 160px;
    position: absolute;
    margin: 45px 21px;
    padding: 5px;
    font-family: verdana;
}

.guest glink1 {
    position: absolute;
    margin: 23px 261px;
}

.guest glink2 {
    position: absolute;
    margin: 23px 393px;
}

.guest glink3 {
    position: absolute;
    margin: 23px 509px;
}

.guest glink1 a, .guest glink2 a, .guest glink3 a {
font-family: 'bebas neue';
    letter-spacing: 1px;
    font-size: 15px;
    color: #ffffff !important;
    text-shadow: 1px 0px 0px black;
}

.guest glink1 a:hover, .guest glink2 a:hover, .guest glink3 a:hover {
color: ##c4e1f6!important;}

.tetrisbusy sup {
font-size: 7px;}

.guest gcode {
position: absolute;
    margin: 250px 570px!important;
    font-size: 9px;
    color: #292131;
    text-transform: lowercase;
    width: 200px;
    height: 30px;
    padding: 1px 6px 4px 4px;
    background: #bbc2cf;
    border: 1px solid white;
    box-shadow: inset 0px 1px 3px 0px #121212;
}

.guest gcode .copy-paste {
text-align: center;
    letter-spacing: 1px;
    position: absolute;
    margin: -15px 30px!important;
    text-transform: uppercase;
    font-weight: 900;
    text-shadow: 1px 1px 0px #ffffff;
}

/*---------------------------------- конец -------------------------------------------*/

/*---------------------------------- занятые внешности -------------------------------------------*/

.vnehname {
width: 853px;
    height: 488px;
position: relative;
    margin-left: 29px!important;
    background: url(https://forumstatic.ru/files/001b/93/ec/57403.png) no-repeat;
}

.vnehname textinf {
position: absolute;
    text-align: center;
    width: 495px;
    height: 59px;
    padding: 2px;
    text-transform: none;
    color: #191e21;
    font-family: verdana;
    font-size: 10.5px;
    text-shadow: 1px 1px 1px white;
    margin-top: 42px !important;
    margin-left: 179px !important;
}

.vnehname busy {
position: absolute;
    width: 233px;
    height: 289px;
    margin-top: 151px!important;
    margin-left: 573px!important;
    padding-right: 8px;
    font-size: 10px;
    font-family: Roboto;
    text-transform: uppercase;
    overflow: auto;
    overflow-y: auto;
    line-height: 22px;
    letter-spacing: 0.6px;
    text-align: left;
text-shadow: 1px 1px 0px #151515;
}

.vnehname busy fnom {
    color: #f1f1f1 !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    background: #c4a589;
    padding: 2px 6px 2px 7px;
    margin-right: 3px!important;}

.vnehname busy mnom {
    color: #f1f1f1 !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    background: #6b6990;
    padding: 2px 6px 2px 7px;
    margin-right: 3px!important;}

.vnehname girl {
position: absolute;
    width: 233px;
    height: 289px;
    margin-top: 151px!important;
    margin-left: 47px!important;
    padding-right: 8px;
    font-size: 10px;
    font-family: Roboto;
    text-transform: uppercase;
    color: #000000;
    overflow: auto;
    overflow-y: auto;
    line-height: 22px;
    letter-spacing: 0.6px;
    text-align: left;
text-shadow: 1px 1px 0px #ffffff;
}

.vnehname boy {
position: absolute;
    width: 233px;
    height: 289px;
    margin-top: 151px!important;
    margin-left: 310px!important;
    padding-right: 8px;
    font-size: 10px;
    font-family: Roboto;
    text-transform: uppercase;
    color: #000000;
    overflow: auto;
    overflow-y: auto;
    line-height: 22px;
    letter-spacing: 0.6px;
    text-align: left;
text-shadow: 1px 1px 0px #ffffff;
}

.vnehname girl a, .vnehname boy a {
color: #ffffff !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    background: #6b6990;
    padding: 2px 6px 2px 7px;
    text-shadow: none;
    margin-right: 3px!important;}

.vnehname girl a:hover, .vnehname boy a:hover, {
color: ##d4bba3!important;}

.vnehname girl strong, .vnehname boy strong, .vnehname busy strong {
    font-size: 13px;
text-shadow: none;
color: #3c3a5c;
}

/*---------------------------------- конец -------------------------------------------*/

/*-- профессии --*/
.jobs {
width: 853px;
    height: 532px;
    margin-left: 29px!important;
    padding-bottom: 9px;
    background: url(https://forumstatic.ru/files/001b/93/ec/40853.png) no-repeat;
    }

.jobs smi {
position: absolute;
    width: 250px;
    margin-top: 55px !important;
    margin-left: 24px !important;
}

.jobs biz {
position: absolute;
    width: 250px;
    margin-top: 55px !important;
    margin-left: 298px !important;
}

.jobs med {
position: absolute;
    width: 250px;
    margin-top: 55px !important;
    margin-left: 570px !important;
}

.jobs obr {
position: absolute;
    width: 250px;
    margin-top: 295px !important;
    margin-left: 24px !important;
}

.jobs law {
position: absolute;
    width: 250px;
    margin-top: 295px !important;
    margin-left: 298px !important;
}

.jobs ost {
position: absolute;
    width: 250px;
    margin-top: 295px !important;
    margin-left: 570px !important;
}
.jobs smi, .jobs biz, .jobs med, .jobs obr, .jobs law, .jobs ost {
width: 250px;
    height: 193px;
    padding: 2px;
    text-align: left;
    font-size: 9px;
    font-family: Roboto;
    text-transform: uppercase;
    color: #000000;
    overflow: auto;
    overflow-y: auto;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 0px #ffffff;
}

.jobs smi jb, .jobs biz jb, .jobs med jb, .jobs obr jb, .jobs law jb, .jobs ost jb {
color: #ffffff !important;
    letter-spacing: 0.5px;
    background: #6b6990;
    padding: 2px 6px 2px 7px;
    text-shadow: none;
    margin-right: 6px!important;
}

.jobs a {
font-weight: 500;
    color: #ffffff!important;
    letter-spacing: 0px;
    font-size: 11px;
    text-shadow: none;
}

.jobs a:hover {color: #72709f!important;} 

/* ----------------------------- КОНЕЦ ----------------------------- */

table

/*---------------------------------- ТАБЛИЦА НЕДЕЛИ В ШАПКЕ -------------------------------------------*/

.segatablenew {width: 800px; height: 266px; background: url() no-repeat;}

/*--амс--*/
.tabams{
position: absolute;
    text-align: left;
    width: 580px;
    height: 128px;
    margin-top: 102px!important;
    margin-left: 12px!important;
    padding-right: 5px;
    font-size: 10px;
    font-family: Roboto;
    transform: rotate(357deg);
    text-transform: uppercase;
    text-shadow: 1px 0px 0px black;
    overflow: auto;
}

.tooltip{
    color: #ebf3ff !important;
}
.tooltip span{
border-radius: 5px 5px 5px 5px;
visibility: hidden;
position: absolute;
} 

.tooltip:hover span{
visibility: visible;
}

/*--игроки--*/
.pst1 {
position: absolute;
    margin-top: 327px!important;
    margin-left: -5px!important;
}
.pst2 {
    position: absolute;
    margin-top: 327px!important;
    margin-left: 57px!important;
}
.pst3 {
position: absolute;
    margin-top: 327px!important;
    margin-left: 119px!important;
}
.pst4 {
position: absolute;
    margin-top: 327px!important;
    margin-left: 182px!important;
}

.pst1 img, .pst2 img, .pst3 img, .pst4 img, .bestpostpic img {
object-fit: cover;
mix-blend-mode: multiply;
}

/*--флудеры--*/
.ast1 {
position: absolute;
    margin-top: 246px!important;
    margin-left: 643px!important;
}

.ast2 {
position: absolute;
    margin-top: 246px!important;
    margin-left: 704px!important;
}
.ast3 {
position: absolute;
    margin-top: 246px!important;
    margin-left: 766px!important;
}
.ast4 {
position: absolute;
    margin-top: 246px!important;
    margin-left: 828px!important;
}

.ast1 img, .ast2 img, .ast3 img, .ast4 img, .bestqtpic img {
object-fit: cover;
mix-blend-mode: soft-light;
}

/*--эпизоды и тандем--*/
.newep {
position: absolute;
    margin-top: 319px!important;
    margin-left: 566px!important;
}

.tandem {
position: absolute;
    margin-top: 319px!important;
    margin-left: 724px!important;
}

.newep img, .tandem img, .bestptpic img {
object-fit: cover;
mix-blend-mode: multiply;
}

/*--персона недели--*/
.bestptpic {
position: absolute;
    margin-top: 72px!important;
    margin-left: 637px!important
}

/*--лучший пост--*/
.postx {
position: absolute;
    text-align: left;
    width: 208px;
    height: 51px;
    margin-top: 167px!important;
    margin-left: 643px!important;
    padding-right: 5px;
    font-size: 10px;
    font-family: Roboto;
    text-transform: none;
    color: #ffffff;
    overflow: auto;
}

.bestpostpic {
position: absolute;
    margin-top: 150px!important;
    margin-left: 862px!important;
}

.postx a {
color: #ffeba6 !important;}

.postx a:hover {
color: #cff2ff !important;}

/*--лучшая цитата--*/
.qtx {
position: absolute;
    text-align: center;
    width: 203px;
    height: 39px;
    margin-top: 328px!important;
    margin-left: 258px!important;
    padding: 5px;
    font-size: 10px;
    font-family: Roboto;
    text-transform: none;
    color: #ffffff;
    overflow: auto;
}

.bestqtpic {
position: absolute;
    margin-top: 327px!important;
    margin-left: 485px!important;
}

/*--ссылки таблица--*/
.linkstab {
position: absolute;
    text-align: center;
    width: 314px;
    height: 15px;
    margin-top: 286px!important;
    margin-left: 8px!important;
    padding-right: 5px;
    font-size: 10px;
    font-family: Roboto;
    color: #ffffff;
    text-transform: uppercase;
}

.linkstab a {
color: #fff !important;
}
.linkstab a:hover {
color: #cff2ff !important;}

/*---------------------------------- конец -------------------------------------------*/

/* плашки новостные */
.news {
display: block;
    margin-top: -15px!important;
    text-align: center;
    line-height: 30px;
    margin-left: -45px!important;
}

.news plnew {
background-image: Url(https://forumstatic.ru/files/001b/93/ec/51609.png);
    text-align: center;
    width: 165px;
    height: 25px;
    display: inline-block;
    margin-right: 5px!important;
}

.news plnew a {
color: #f2f2f2!important;
    position: absolute;
    display: block;
    text-align: center;
    width: 125px;
    height: 15px;
    margin: 6px 0px 0px 28px!important;
    overflow: hidden;
    font: 10px roboto;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.news plnew img {
width: auto;
    height: 23px;
    margin: -2px 0 0 7px!important;
    display: block;
    position: absolute;
}

/*---------------------------------- конец -------------------------------------------*/

/*---------------------------------- CТАТИСТИКА НЕДЕЛИ -------------------------------------------*/

.itog {
width: 648px;
    height: 450px;
    padding-top: 0px;
    padding-bottom: 10px;
    display: block;
background: url(https://forumstatic.ru/files/001b/93/ec/28088.png) no-repeat;
    margin-left: 23px!important;
}

.itog_n {
padding-right: 238px;
    padding-top: 2px;
    text-align: center;
    color: #ffffff;
    font-family: bebas neue;
    text-shadow: 1px 0px 0px black;
    font-size: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.itog_t {
width: 590px;
    height: 125px;
    padding: 11px 8px 7px 17px;
    text-align: justify;
    color: #191e21;
    font-size: 10.5px;
    text-shadow: 1px 1px 1px white;
    overflow-x: auto;
}

.itog_t p {
text-indent: 20px;
}

.itog img {
object-fit: cover;
mix-blend-mode: soft-light;
}

/*--игроки--*/
.itog pst1 {
position: absolute;
    margin-top: 39px!important;
    margin-left: 14px!important;
}
.itog pst2 {
    position: absolute;
    margin-top: 39px!important;
    margin-left: 76px!important;
}
.itog pst3 {
    position: absolute;
    margin-top: 39px!important;
    margin-left: 138px!important;
}
.itog pst4 {
    position: absolute;
    margin-top: 39px!important;
    margin-left: 201px!important
}
/*--флудеры--*/
.itog ast1 {
    position: absolute;
    margin-top: 39px!important;
    margin-left: 379px!important;
}

.itog ast2 {
    position: absolute;
    margin-top: 39px!important;
    margin-left: 440px!important;
}
.itog  ast3 {
    position: absolute;
    margin-top: 39px!important;
    margin-left: 501px!important;
}
.itog  ast4 {
    position: absolute;
    margin-top: 39px!important;
    margin-left: 564px!important;
}

/*--персона недели--*/
.itog pweek {
position: absolute;
    margin-top: 29px!important;
    margin-left: 263px!important;
}

/*--эп и дуэт--*/
.itog ep {
position: absolute;
    margin-top: 115px!important;
    margin-left: 26px!important;
}

.itog duet {
position: absolute;
    margin-top: 115px!important;
    margin-left: 189px!important;

}

/*--лучший пост--*/
.itog bestpostpic {
position: absolute;
    margin-top: 106px!important;
    margin-left: 585px!important
}

.itog postx {
position: absolute;
    text-align: justify;
    width: 210px;
    height: 47px;
    margin-top: 124px!important;
    margin-left: 367px!important;
    padding-right: 5px;
    font-size: 11px;
    font-family: Roboto;
    text-transform: none;
    color: #ffffff;
    overflow: auto;
}

.itog postx a {
color: #413f5c!important;}

.itog postx a:hover {
color: #cf9b6e!important;}

/*--цитата--*/
.itog qtpic {
position: absolute;
    margin-top: 193px!important;
    margin-left: 28px!important;
}

.itog qtx {
position: absolute;
    text-align: center;
    width: 310px;
    height: 47px;
    margin-top: 206px!important;
    margin-left: 120px!important;
    padding-right: 5px;
    font-size: 11px;
    font-family: Roboto;
    text-transform: none;
    color: #ffffff;
    overflow: auto;
}

/*---------------------------------- конец -------------------------------------------*/

/* ПРОСМОТР ПРОФИЛЯ
-------------------------------------------------------------*/
#viewprofile li strong, #viewprofile li div, #setmods dd, #profile-left #pa-edit strong a {  display: block;  font-weight: normal !important;}

/* аватар-слева */
#profile-left {    vertical-align: middle;
    background: #453f5e;}

#profile-left #profile-name strong, #profile-left #pa-edit strong a {   
    text-align: center;
    text-transform: uppercase;
    color: #bbe7ff;
    font-size: 16px;
    font-family: 'Rubik';
}

#profile-left #pa-edit strong a {
margin-top: 8px;
    font-size: 13px;
}

#profile-left #profile-title strong, #profile-left #pa-online strong {
    text-align: center;
    font-size: 9px;
    letter-spacing: 2px;
    font-family: arial;
    text-transform: lowercase;
    padding: 4px 0;
    margin: -6px 0px;
    background: #68acd1;
    color: #f6f7f0;
}

#profile-left #pa-avatar {text-align: center; margin: 10px 0px;}
#profile-left #pa-avatar img {
    width: 150px;
    height: auto;
    border: 2px solid #8d83b0;
    outline: 1px solid #704e6a;
}

/* инфа-справа */
#profile-right li {    margin: 5px 0;}
#viewprofile #profile-right li span {   
    float: left;
    width: 135px;
    padding: 6px 10px;
    margin: 2px 10px 0px 10px;
    font-family: 'Rubik';
    font-size: 9px;
    text-transform: uppercase;
    background: #f0f7ff;
}

#profile-right li strong {padding: 6px 0 4px 175px !important;
    font-family: Arial;
    font-size: 10px;
    text-transform: lowercase;}

/* оформление подложек в форме ответа */
#font-area {
max-height: 200px;
    overflow-x: auto;
}

#font-area, #size-area, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area  {
background-color: #f3ecf1;
    color: #565485;
    text-shadow: 1px 0px 1px #fafafa;
}

/*---------------------------------- конец -------------------------------------------*/

/*----------------------------------  БАНК ---------------------------------- */
.bank {
width: 806px;
height: 796px;
background: url(https://forumstatic.ru/files/000e/94/07/43939.png);
margin-bottom: 15px!important;
transform: translatex(5%);
}

.bankn {
    position: absolute;
    text-align: center;
    width: 764px;
    height: 20px;
    font-size: 11px;
    font-family: Roboto;
    color: #ffffff;
    overflow: auto;
    margin-top: 27px !important;
    margin-left: 20px !important;
    text-transform: uppercase;
}

.bankt {
position: absolute;
    text-align: left;
    width: 660px;
    height: 75px;
    padding-right: 5px;
    font-size: 11px;
    font-family: Roboto;
    text-transform: none;
    color: rgb(255, 255, 255);
    overflow: auto;
    margin-top: 63px !important;
    margin-left: 77px !important;
}

.korpus > div, .korpus > input {
display: none;
position: relative;
    top: 15px;}

.korpus label {
    width: 150px;
    padding: 5px 5px;
    margin: 0px 10px;
    display: inline-block;
    transition: 0.3s ease;
    cursor: pointer;
    background: #f92672;
    border: 1px solid #424160 !important;
    color: #ffffff !important;
    text-align: center;
    font-family: montserrat;
    text-transform: uppercase;
    box-shadow: inset 0 0 3px #4b4e55!important;
    font-size: 10px;
    transform: translatex(-15%);
}

.korpus input[type="radio"]:checked + label {
    background: #69add1;
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; padding: 5px; }

.banktt {
width:330px;
height: 518px;
overflow-x: auto;
}

.banktth {
    margin: 0 0 6px -5px!important;
    width: 309px;
    padding: 5px 5px;
    display: inline-block;
    cursor: pointer;
    background: #f92672;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    text-align: center;
    font-family: montserrat;
    text-transform: uppercase;
    font-size: 10px;
}

.bankhead {
    font-size: 7px!important;
    font-family: montserrat!important;
    letter-spacing: 0.75px!important;
    text-transform: uppercase;
    color: #b7addf!important;
    font-weight: 700!important;
    font-style: normal;
    background: #403a5a;
    border: 1px solid #9e9cc4;
    box-shadow: inset 0px 0px 0px 1px #685f91;
    padding: 4px 10px 4px 10px;
    margin: 0 0 6px -5px!important;
    text-align: center;
    width: 300px;
}

.construle {
    position: relative;
    top: 35px;
    width: 700px;
    height: 65px;
    transform: translatex(6%);
    overflow-x: auto;
    padding: 5px;
}

.construle span {
    font-size: 7px!important;
    font-family: montserrat!important;
    letter-spacing: 0.75px!important;
    text-transform: uppercase;
    font-weight: 700!important;
    font-style: normal;
    text-align: center;
}

.constellation2 {
position: relative;
    top: 55px;
    left: 4px;
    width: 720px;
    height: 330px;
    transform: translatex(6%);
    overflow-x: auto;
}

.constellation2 strs {
background: linear-gradient(180deg, rgba(201,201,203,1) 0%, rgba(108,110,114,1) 70%);
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.75px;
    color: #e5e5e5;
    text-shadow: 1px 1px 0 #7c7f84;
    border: 1px solid #d5dcdb;
    outline: 1px solid #abadaf;
    width: 165px;
    height: 34px;
    font-family: roboto;
    text-transform: uppercase;
    padding: 25px 2px 11px 6px;
    font-weight: 900;
    float: left;
}

.constellation2 tsks {
    display: inline-block;
    padding: 3px 9px 4px 14px;
    background: #d0d0d0;
    text-align: justify;
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #62615b;
    box-shadow: inset 0 0 5px #a894ae;
    text-shadow: 1px 0px 0 #e9e9e9;
    border: 1px solid #d5dcdb;
    outline: 1px solid #abadaf;
    width: 480px;
    height: 60px;
    overflow: auto;
    line-height: 140%;
    font-family: roboto;
    margin: 2px 5px 10px 12px;
    vertical-align: middle;
}

.constname {
    position: absolute;
    top: 35px;
    left: 402px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.75px;
    color: #3d3f42;
    text-shadow: 1px 1px 0 #e2e2e2;
    font-family: roboto;
    text-transform: uppercase;
    font-weight: 900;
z-index: 2;
}

/*---------------------------------- конец -------------------------------------------*/

/* Блок сообщения к статистики */
.newstextmessage {
    width: 800px;
    height: auto;
    padding-top: 17px;
    padding-bottom: 28px;
display: block; background: url(https://forumstatic.ru/files/000e/94/07/89590.png) top no-repeat, url(https://forumstatic.ru/files/000e/94/07/25580.png) bottom no-repeat, url(https://forumstatic.ru/files/000e/94/07/11336.png?v=1) repeat-y;}
.newstextmetro {
    width: 740px;
    padding-right: 1px;
    padding-top: 0px;
    text-align: justify;
    color: #62615b;
    font-family: 'Rubik';
    font-size: 10px;
    overflow-x: auto;}
/*---------------------------------- конец -------------------------------------------*/

/* ------------------------------уведомления------------------------------ */
.bubble {
    background: #ff5079!important;
}

.bubble:after {
   border-color: #8b9c5a transparent!important;}

.num_msg {
    background: #8b9c5a!important;}

.num_msg:before {
    background: #8b9c5a!important;}

#pun .user-avatar .isonline {
    background: #8b9c5a;
}

/* ------------------------------для фака------------------------------ */
.FAQsega {
    padding: 1em 2em;
    border-style: none;
    border-width: 0px;
    background: #f5faff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: inset 0px 0px 8px #e3effc;
    border: 1px solid #ffffff;
}

/* ------------------------------текст для путеводителя------------------------------ */
.textaboutsega {
margin-top: 32px !important;
    margin-left: 1px !important;
    padding: 0px 10px;
    text-align: justify;
    color: #62615b;
    font-family: 'Rubik';
    font-size: 12px;
    width: 742px;
    height: 454px;
    overflow-x: auto;
}

/*---------------------------------- хочу к вам  -------------------------------------------*/
/*-- ПОДЛОЖКИ --*/
.segawantl2s {width: 615px; height: 485px; background: url("https://forumstatic.ru/files/000e/94/07/37058.png");}
/*-- КТО Я --*/
.segawantl2s  segas1 {
    position: absolute;
    text-align: center;
    width: 572px;
    height: 19px;
    font-size: 11px;
    font-family: Roboto;
    color: #ffffff;
    overflow: auto;
    margin: 11px -290px!important;
    text-transform: uppercase;
}
/*-- ГИФ  --*/
.segawantl2s segas2 {       
    position: absolute;
    margin: 57px -306px!important;
    text-align: center;
    width: 620px;
    height: 150px;
}
/*-- ВНЕШНОСТЬ --*/
.segawantl2s segas3 {
    position: absolute;
    text-align: center;
    margin: 218px -291px!important;
    width: 572px;
    font-size: 12px;
    font-family: 'Rubik';
    color: #ffeba6;
}
/*-- ИНФА О ПЕРСЕ --*/
.segawantl2s segas5 {
    position: absolute;
    text-align: justify;
    width: 578px;
    height: 200px;
    margin: 260px -289px!important;
    overflow: auto;
    padding-right: 5px;
    color: #7a758c;
}
/*---------------------------------- конец -------------------------------------------*/

/*---------- баннеры -------------*/
.banners {
position: absolute;
    height: 35px;
    width: 797px;
    bottom: 13px;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 2px;
}

.banners img{
    opacity: 1;
    -moz-opacity: 1;
    transition: all .5s ease-in-out 0s;
    filter: grayscale(80%) blur(0px) hue-rotate(304deg);
-webkit-filter: grayscale(80%) blur(0px) hue-rotate(304deg);
-moz-filter: grayscale(80%) blur(0px) hue-rotate(304deg);`
}

.banners img:hover {
opacity:1;
-moz-opacity:1;
filter: grayscale(0%) blur(0px);
-webkit-filter: grayscale(0%) blur(0px);
-moz-filter: grayscale(0%) blur(0px);
}

/* ссылки */
.hotlink {
text-align: center;
    font-size: 9.5px;
    font-family: Montserrat;
    letter-spacing: 0.5px;
    text-transform: lowercase!important;
    margin-top: 7px!important;
}

.hotlink a {
padding: 2px 8px;
    color: #221e59!important;
    text-shadow: #ffffff 1px 1px 0px;
    background-color: #d0d9e1;
    border: solid 1px #6c6a91;
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.hotlink a:hover {
color: #4e3f31!important;
    text-shadow: #fff 1px 1px 0px;
    background-color: #d0d9e1;
    border: solid 1px #d6baa1;
    box-shadow: inset 0px 0px 0px 1px #ebf7ff;
}

<!-- БАННЕРЫ -->
<div class="banners">

</div>

<!-- скрыть название доп поля -->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<!-- скрыть название доп поля -->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<!-- скрыть название доп поля -->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld5")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<!----------------- хтмл в постах с допуском по группам  --------------->

<!-- HTML в постах -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

<!----------------------- кнопка вставки изображения ------------------------>
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!-- конец -->

<!---------------запрет рекламе менять аватар подпись и статус --------------->
<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("bad pr")!=-1)
{
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("ты что творишь?")
return false}
</script>
<style>
#pun-main #profile1[action$="id=3"]{
display:none;
}
</style>
<!--КОНЕЦ-->

<!---------------------------- защита от отключения JavaScript ---------------------------->
<noscript><link rel="stylesheet" href="https://forumstatic.ru/files/0016/0b/c8/13249.css" /></noscript>
<!-- конец -->

<!---------------------------- выделение кода ---------------------------->

<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<!---------------------------- хтмл в постах---------------------------->
<script type="text/javascript">
$(document).ready(function(){
  $('img.a-info,.my-tabs>span').click(function(){
   $("li.tab-a .code-box").each(function(){
    if($(this).text().indexOf('<!--HTML-->')!=-1){
    $(this).wrap('<div class="htmldemo"></div>')
    $(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);}
});});});
</script>

<!---------------------------- хтмл кнопка---------------------------->
<style>
#button-html {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/html-add-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:14px; margin-left: 2px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(12).innerHTML="<img src='/i/blank.gif' title=\"Теги HTML\" id='button-html' onclick=\"bbcode('

<!--HTML-->', '

');\"/>"
</script>
<!-- Конец -->

<!-- маска профиля © Человек-Шаман -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Архив эпизодов', 'Завершенные эпизоды'],
    forumAccessExtended: {
        'Альтернативная реальность': ['Геймер'],
        'Реальная жизнь': ['Геймер']
    },
    changeList: {
        'pafld1': {
            title: 'lz',
            description: 'личное звание',
            tag: 'lz',
            class: 'pa-fld2',
            defaultCode: '<lz><lzn><a href="ссылка на анкету">имя и фамилия на русс, возраст</a></lzn> текст о тебе </lz>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-posts', 'pa-respect']
});
</script>
<!-- конец -->

<!— шрифт —>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">

<!-- доп. шрифты -->
<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('ЛАТИНИЦА');
ft_f.push('Abel');
ft_f.push('Abril Fatface');
ft_f.push('Aguafina Script');
ft_f.push('Aliens And Cows');
ft_f.push('Ariel');
ft_f.push('Austin Pen');
ft_f.push('Baysoir');
ft_f.push('Berkshire Swash');
ft_f.push('Bethoven');
ft_f.push('Blanch Caps');
ft_f.push('Brooke Smith');
ft_f.push('Celesta Diaz');
ft_f.push('Cinzel');
ft_f.push('Dancing Script');
ft_f.push('Dosis');
ft_f.push('Fjalla One');
ft_f.push('Geo');
ft_f.push('Graduate');
ft_f.push('Hijrnotes');
ft_f.push('Kaushan Script');
ft_f.push('Lato');
ft_f.push('Old English Text MT');
ft_f.push('Pink Script');
ft_f.push('Pirata One');
ft_f.push('Signerica');
ft_f.push('Six Caps');
ft_f.push('Taken');
ft_f.push('Teko');
ft_f.push('The Artisan');
ft_f.push('UnifrakturMaguntia');
ft_f.push('КИРИЛЛИЦАl');
ft_f.push('Alaya Roza');
ft_f.push('Alegreya Sans SC');
ft_f.push('Antarctic');
ft_f.push('Balsamiq Sans');
ft_f.push('Bebas Neue');
ft_f.push('Bella Script');
ft_f.push('Betmo');
ft_f.push('Battley');
ft_f.push('Bimbo');
ft_f.push('Caviar Dreams');
ft_f.push('Code Pro');
ft_f.push('Crystal Sky');
ft_f.push('Cuprum');
ft_f.push('Denistina');
ft_f.push('Drina');
ft_f.push('EBENYA');
ft_f.push('Evgenia Deco');
ft_f.push('Intro Inline');
ft_f.push('Lobster');
ft_f.push('Ministry Script');
ft_f.push('Montserrat');
ft_f.push('Open Sans');
ft_f.push('Oswald');
ft_f.push('Playfair Display');
ft_f.push('Poiret One');
ft_f.push('Prata');
ft_f.push('Roboto Condensed');
ft_f.push('Roboto');
ft_f.push('PT Mono');
ft_f.push('Yeseva One');
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>
<!-- конец -->

<!-- Восстановление последнего поста при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->

<!--скрыть блок автора в сообщении-->
<style>#pun-live-rusff, .hide-author .post-author,.hide-author .post-sig, .hide-author .pl-email, .hide-author .pl-delete, .hide-author .pl-quote, .hide-author h3{display:none!important;}
.hide-author .post-rating {margin-top:-40px!important;position: relative; z-index:99!important;}
#pun-viewtopic h1 {text-align:center;}
.hide-author .post-links {width:120px!important; background:#ccc;position:relative;z-index:99!important; margin-top:-30px!important;margin-left:770px!important;}
.hide-author .post-body, .hide-author .post-box{margin:0!important;padding:0!important;}</style>
<script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script>
<!--конец-->

<!--репутация без обновления страницы-->
<script>
if($('#pun-viewtopic').length && !$('#navawards').length)
FORUM.PartnerVote = function() { return true; };
</script>
<!-- конец -->

<!-- новые сообщения -->
<script type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>
<!-- конец -->

<!-- выделение кода в блоке код // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!-- конец -->

<!-- обтекание изображения 2.4.4 -->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background: #dbdde1; border: 1px solid #f8f4fb; box-shadow: inset 0px 0px 10px #bdc1cb; padding: 8px; width:auto; position:absolute; margin-top: -36%; margin-left: 29%; z-index:20">
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="Слева" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="Справа" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- конец -->

<!-- чтобы не пропадали посты V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!-- конец -->

<!-- тег-абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uplds.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block; margin: 0.2em 2.1em; "></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
<!-- конец -->

<!-- разделение ников пользователей в теме запятой -->
<script>$('#topic-users-in a').prev('a').after(',');</script>
<!-- конец -->

<!-- кликабельность ника в постах гостя --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
<!-- конец -->

<!--НАЧАЛО. выравнивание по ширине-->
    <script>
    $("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'\', \'\');"/></td>');
    </script>

    <style>
    #button-justify {
        background: url("http://se.uploads.ru/LVN4z.png") no-repeat scroll center 6px rgba(0, 0, 0, 0) !important;
    }
    </style>
<!--КОНЕЦ. выравнивание по ширине-->

<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

<script language="javascript">
    $('div[id$="-content"] p:contains("[/tt"),#post-preview p:contains("[/tt")').map(function (){
    var post = $(this).html();
    if(post.indexOf("[/tt]") != -1) {
    post = post.replace(/\[tt\](.*?)\[\/tt\]/gi, "<div id='tt'>$1</div>");
    };
    if(post.indexOf("[/tt1]") != -1) {
    post = post.replace(/\[tt1\](.*?)\[\/tt1\]/gi, "<div id='tt1'>$1</div>");
    };
    if(post.indexOf("[/tt2]") != -1) {
    post = post.replace(/\[tt2\](.*?)\[\/tt2\]/gi, "<div id='tt2'>$1</div>");
    };
    if(post.indexOf("[/tt3]") != -1) {
    post = post.replace(/\[tt3\](.*?)\[\/tt3\]/gi, "<div id='tt3'>$1</div>");
    };
    if(post.indexOf("[/tt4]") != -1) {
    post = post.replace(/\[tt4\](.*?)\[\/tt4\]/gi, "<div id='tt4'>$1</div>");
    };
    if(post.indexOf("[/tt5]") != -1) {
    post = post.replace(/\[tt5\](.*?)\[\/tt5\]/gi, "<div id='tt5'>$1</div>");
    };
    if(post.indexOf("[/ttt]") != -1) {
    post = post.replace(/\[ttt\](.*?)\[\/ttt\]/gi, "<div id='ttt'>$1</div>");
    };
    if(post.indexOf("[/ttt1]") != -1) {
    post = post.replace(/\[ttt1\](.*?)\[\/ttt1\]/gi, "<div id='ttt1'>$1</div>");
    };
    $(this).html(post);
    });
    </script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/93/ec/65660.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/93/ec/27832.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right: 320px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:70px; /*отступ снизу (можно не указывать)*/
}
.go-up {
bottom:80px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:60px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
.go-up {
width:56px; /*ширина кнопки*/
height:51px; /*высота кнопки*/
}
.go-down {
width:56px; /*ширина кнопки*/
height:22px; /*высота кнопки*/
}
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!--репутация-->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<style>
#pun-navlinks #navawards{display:none;}
</style>

<!-- личная страница -->
<style type="text/css">
/*-- стиль иконки в мини-профиле --*/
img.a-info {
padding: 2px;
display: block!important;
cursor: pointer;
position: absolute;
text-align: left!important;
}

/*-- затемняющий фон --*/
#pre-wrap {
margin: 0;
top: 0; bottom: 0; left: 0; right: 0;
width: 100%; height: 100%;
position: fixed;
z-index: 20000;
background: rgba(0,0,0,.7);
}

/*-- подвижка иконки закрытия таблички --*/
.my-tabs > img.close {
cursor: pointer;
    float: right;
    margin: -10px -280px 0 0!important;
    width: 27px;
}

/*-- корневой таб (UL) --*/
.my-tabs {
position:absolute;
display: block;
z-index: 30000;
max-height: 600px;  /*-- максимальная высота таблички --*/
vertical-align: middle;
}

/*-- стиль вкладки (LI) --*/
.my-tabs>.tab-a {
width: 900px;
height: 540px;
display: none;
position:relative;
z-index:1;
}

/*-- отступ контента вкладки сверху --*/
.tab-a .post-content {
text-align: left;
display: inline-block;
}

/*-- сдвиг таблицы --*/
.punbb .my-tabs {
padding-top: 75px!important;  /*-- сдвиг таблицы вверх от положения иконки --*/
margin-left: 75px!important; /*-- сдвиг таблицы вправо от положения иконки --*/
}

/*-- подвижка иконки --*/
.post-author img.a-info {
display: none!important
}
</style>

<script img-data="http://sa.uplds.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="2"></script>

<!-- переадресация -->
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>

<!-- html в лс -->
<script type="text/javascript">
$(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});});
</script>
<!-- конец -->