Код:

/* ТЕЛО
здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
-------------------------------------------------------------*/
#pun {        position: relative;
    width: 1100px;
    margin: 370px auto 100px auto;
    padding: 80px 0px 70px;
    box-sizing: border-box;
    background: var(--bg1);
}


/* РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
-------------------------------------------------------------*/
.punbb {
   height: auto;
    width: 1100px;
    padding: 0px 20px;
    box-sizing: border-box;
    background: var(--bg1);
}

.multipage {  margin-top: 90px!important; }
 #pun-main {    margin-top: 20px!important;}

.adminmain {
    padding-left: 155px;
    margin-bottom: 6px;
    margin-top: 70px;
}

/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body {
background: url(https://forumstatic.ru/files/0015/e5/b7/89784.png?v=1) repeat;
    background-color: var(--bg1);
    overflow-x: hidden; 
 }

@media screen and (max-width: 980px) {
    body {
                       background-size: cover !important;
        min-width: 1150px !important;
    }
}


/* ШАПКА
-------------------------------------------------------------*/
#pun-title {  position: absolute;
    background: url(https://forumstatic.ru/files/0015/e5/b7/97147.png?v=1);
    width: 1100px;
    height: 459px;
    margin-top: -435px;
    margin-left: -20px;
}

/* ФУТЕР
-------------------------------------------------------------*/
#pun-about  {    background: url(https://forumstatic.ru/files/0015/e5/b7/88491.png?v=1);
    width: 1100px;
    height: 121px;
    margin-left: -20px;
    margin-bottom: -105px; }

#pun-about .container { }


/* реклама русфф в футере */
#pun-about .container .item1 {     font-size: 7px;
    text-align: left;
    text-transform: lowercase;
    position: relative;
    bottom: 0px;
    display: block;
    left: 20px;
}

#pun-about .container .item1 a {    font-weight: normal!important;  }


/* КАТЕГОРИИ
-------------------------------------------------------------*/

/* оформление всей категории */
#pun-index .category .container {     position: relative;}

/* оформление всего подфорума */


/* оформление всех категорий */

#pun-index .category h2, #pun-stats h2 {     position: relative;
    box-sizing: border-box;
    font: var(--h1);
    font-size: 20px;
    text-transform: uppercase;
    text-align: right;
    margin: 0px;
    z-index: 100;
    margin-bottom: -15px;}

#pun-index .category h2 span, #pun-stats h2 span { background: var(--bg3);
    border-radius: 10px;
    color: var(--bg1);
    box-sizing: border-box;
    padding: 0px 20px;
margin-right: 30px;}

/* индивидуальное оформление каждой категории  */

/* ОТКЛЮЧИТЬ если не нужен доп текст через display none  */
#pun-main div.catleft, #pun-main div.catright {}
.section h2 {}

/* первая */
#pun-category1 h2 { }

/* вторая*/
#pun-category2 h2 { }
div#pun-category2 .catright::after {    content: ""; }

/* третья */
#pun-category3 h2 { }
div#pun-category3 .catright::after {    content: ""; }

/* четвертая */
#pun-category4 h2 {  }
div#pun-category4 .catright::after {    content: ""; }

/* пятая */
#pun-category5 h2 { }
div#pun-category5 .catright::after {    content: ""; }

/* шестая*/
#pun-category6 h2 {  }
div#pun-category6 .catright::after {    content: ""; }


/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats h2 {  display: none;}

#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}

/* оформление статистики */
#pun-stats {  }

/* оформление текста в статистике */
#pun-stats .container {   
    position: relative;
    padding: 20px 30px !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;}

#pun-stats .container span {     }
#pun-stats .container  a {      color: var(--txt)!important;    }
#pun-stats .container strong {   }
#pun-stats .container strong a { text-transform: lowercase; }

/* вся инфа в 1 строчке */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    font: var(--font);
    text-align: center;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    text-transform: lowercase;
    border-radius: 2px;
    background: var(--bg2);
    position: relative;
    margin-bottom: 10px;
    box-sizing: border-box;
}

/* активные пользователи */
li#onlinelist {  margin-top: 10px;
    float: left;
    width: 100%;
font: var(--font);
font-weight: 900;
  }

li#onlinelist span a {font-weight: 100!important;}

li#onlinelist a {  }


/* ПОДФОРУМ
-------------------------------------------------------------*/

/* расположение и оформление */
#pun-index .tclcon { width: 580px;
    min-height: 100px;
    text-align: justify;
    color: var(--txt1);
    box-sizing: border-box;
    transition: all 0.5s linear 0s;
    padding: 20px;
    font: var(--font);
    line-height: 130%;
}

#pun-index .tclcon h3 {         display: block;
    position: relative;
    margin: 0px;
    box-sizing: border-box;
    text-align: left;
    height: 25px;
    line-height: 25px;
}

.tclcon h3 a:after {     }

/* название подфорума - ссылка */
#pun-index .tclcon h3 a {
        text-transform: uppercase;
    color: var(--link) !important;
    font: var(--h1);
    line-height: 24px;
    font-size: 18px;
}

#pun-index tr.inew .tclcon h3 a {    color: var(--link1) !important;}
#pun-index tr.inew .tclcon h3 a:hover {    color: var(--link) !important;}

/* ссылки  подфорумах */
#pun-index .tclcon a { color: var(--link)!important;}

#pun-index .tclcon a:hover {  color: var(--link2)!important;  }

#pun-index hr {display: none;}

#pun-index .tclcon center a {
    color: var(--link) !important;
    font: var(--h1);
    font-size: 13px;
    line-height: 13px;
    font-weight: bolder;
    transition: 0.5s ease-in-out;
}

#pun-index .tclcon center a:hover {
    filter: brightness(1.1); color: var(--link) !important;
}

#pun-index .tclcon center  {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-start;
    gap: 5px;
}

#pun-index .hasicon {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

thead {display: none;}

#pun-index tr.inew {    border-left: 5px solid var(--link1); }


#pun-index .category tr, #pun-stats .container {             margin-bottom: 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
    background: var(--bg2);
    border-radius: 10px;
}

#pun-index .category tr .Tems_And_messages {
display: none;
}

#padforum {
	display: flex;
	flex-direction: column;
	gap: 10px
}

#transcriptforum {
	color: var(--blue-t);
	font-weight: bold
}

#linksforum {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

#linksforum a {
	background: #c6baab;
    border-radius: 10px;
    padding: 3px 15px;
    font-size: 9px;
    text-transform: uppercase;
    transition: all .3s linear 0s;
    color: #714a17 !important;
}

#linksforum a:hover {
	background: var(--bg3);
	color: var(--link1) !important;
}

/* ИКОНКА СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
/* старые  */
#pun-index table Div.icon {     
}


/* новые */
#pun-index TR.inew Div.icon {  }



/* ИКОНКА  ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
/* старые  */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
float: left;
    display: block;
    position: relative;
    margin: 4px 8px;
    width: 10px;
    height: 10px;
    opacity: 0.5;
    background: var(--txt);
    border-radius: 50%;
}

/* новые */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
   background: var(--txt);   opacity: 1;
}

/*важные */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    opacity: 1;
    background: var(--link1);
}

/* закрытые */
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: var(--link1);   opacity: 0.5;
}


/* КНОПКИ ВВЕРХ ВНИЗ 
-------------------------------------------------------------*/
.go-up, .go-down { 
cursor: pointer;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    background: var(--bg1);
    transform: rotate(90deg);
    height: 16px;
    width: 50px;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    font: var(--h1);
    line-height: 14px; }

.go-up { bottom: 50%; 
margin-left: 1063px !important;}

/* .go-up:before {content: '\e4d0';
    font-family: Font Awesome;
    color: var(--bg3);
    font-size: 40px;} 

.go-down:before {content: '\f717';
    font-family: Font Awesome;
    color: var(--bg3);
    font-size: 40px;}  */

.go-down { bottom: 44%; 
margin-left: 1063px !important;}


.go-down:hover, .go-up:hover { opacity: 0.8;}

/* профиль 
-------------------------------------------------------------*/
.post-author {             float: left;
    min-height: 200px !important;
    width: 250px;
    margin-bottom: 15px !important;
    margin-left: -5px;
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    background: var(--bg2) url(https://forumstatic.ru/files/0015/e5/b7/48674.png?v=1) no-repeat top center;
    padding: 40px 15px 10px;
z-index: 1;
}


/* пространство в профиле */
.post-author ul {
    margin-top: 0px;
    width: 220px;
    padding: 0px 0px;
    box-sizing: border-box;
    text-align: center;
    font: var(--font);
    font-weight: 500;
    color: var(--ptxt);
    text-transform: lowercase;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 10px;
    background: var(--bg1);
flex-direction: row;
    column-gap: 5px;
}


/* ник автора */
.pa-author {    
    font: var(--h1);
    width: 200px;
    text-transform: none;
    position: absolute;
    top: 15px;
    background: var(--bg1);
    border-radius: 5px;
    height: 20px;
    line-height: 18px;
}

/* ссылка ника */
.pa-author a {  }
.pa-author a:hover {}


/* статус */
.pa-title {
font-size: 9px;
    width: 100%;
    margin-top: 10px;
}

/* аватар */
.pa-avatar {
    margin: 10px 0px 0px;
    width: 100%;
}

/* рамка аватара */
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: var(--bordin);
    padding: 1px;
    border-radius: 2px;
}

/* айпи */
.pa-ip {
    clear: both;
    font-size: 7px;
   width: 100%;
}
.pa-ip a {
    clear: both;
    font-size: 7px;
}

/* активен */
.pa-online {
    height: 10px;
    margin: 10px 0px !important;
    display: block;
    text-transform: lowercase;
    font-size: 9px;
    width: 100%;
}

.pa-online strong {    font-weight: 100 !important;}

/* последний визит */
.pa-last-visit {
    font-size: 9px!important;
    text-transform: lowercase;
    text-align: center;
    letter-spacing: 0.5px;
    color: var(--proftext);
    margin-top: 5px;
}

/* отображение при ответить */
#pun-post .pa-author {
    padding: 0;
    margin-top: 52px;
    text-align: center;
    color: var(--hovlink);
    width: 100%;
}


.pa-awards { width: 100%;
 margin-top: 10px; }

.pa-awards img {width: 50px;
    height: 50px;
    mix-blend-mode: multiply;} 

/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/

.personal_wrap {
	    border: 1px solid var(--bg3);
    border-radius: 10px;
    width: 170px;
    background: var(--bg2);
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    padding: 10px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld4 .fld-name {
	display: none
}

.pa-fld1 {
	margin-top: -19px !important;
    background: var(--bg1);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding: 2px 15px !important;
    border-radius: 7px;
}

.pa-fld4 {
	align-self: stretch;
	border: 1px solid var(--borders) !important;
	border-radius: 10px;
}

.pa-fld6 {
	margin: -5px 0 !important;
    text-transform: lowercase;
    font-size: 11px !important;
    font-weight: 300 !important;
    color: var(--link);
}

.p_plash {
	background: url(https://forumstatic.ru/files/0015/e5/b7/29481.png?v=1);
    margin: 0 0px !important;
    width: 220px;
    color: var(--bg3)!important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    line-height: 100%;
    height: 28px;
}

.p_plash b {
	text-transform: uppercase
}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld5 {
    display: inline-block;
    padding: 0 !important;
    margin-top: 10px !important;
    width: 40px;
    text-align: center;
    font-size: 11px;
    line-height: 100%;
    color: var(--txt1);
    margin-bottom: 10px;
}

.pa-posts .fld-name:before {
    content: "\f0e0";
    font-family: fontawesome;
    font-size: 14px;
}

.pa-posts .fld-name {
    font-size: 0;
}

.pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
    content: "\f004";
    font-family: fontawesome;
    font-size: 14px;
color: var(--txt1);
}

.pa-respect .fld-name a, .pa-respect .fld-name {
    font-size: 0;
}

.pa-respect img {
    width: 7px;
	filter: hue-rotate(130deg) brightness(1.05)
}


.pa-fld3 .fld-name:before {
    content: "\f005";
    font-family: fontawesome;
    font-size: 14px;
}


.pa-fld3 .fld-name {
    font-size: 0;
}

.pa-fld5 .fld-name:before {
    content: "\f075";
    font-family: fontawesome;
    font-size: 14px;
}


.pa-fld5 .fld-name {
    font-size: 0;
}

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name, .pa-fld5 .fld-name {
	display: block !important;
}

.pa-fld7 .fld-name {
	display: none
}

.pa-fld7 {
	position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bg1);
    padding: 2px 5px;
    border-radius: 50%;
}

.post.endpost .pa-fld7 {
	top: -14px
}

.pa-fld7:before {
	content: "";
  background: var(--pun);
	border-radius: 100px;
	width: 30px;
	height: 15px;
	display: block;
	position: absolute;
	z-index: 0;
	border-radius: 30px 30px 0 0;
  border-top: 1px solid var(--borders);
  border-left: 1px solid var(--borders);
  border-right: 1px solid var(--borders);
	transform: rotate(180deg);
	margin-top: 18px
}

.personal_icon {
	position: relative;
}

.personal_icon img {
	width: 20px;
}


.punbb span.GamePst, .punbb strong.GamePst2 {
    padding-right: .7em;
    display: inline-block !important;
    width: auto !important;
    cursor: pointer;
    color: var(--txt1)!important;
}


/* ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
/* форма объявления */
#pun-announcement .container {
	padding: 0;
	text-align: center;
	font-family: tahoma;
	text-transform: uppercase;
}

#pun-announcement .container .html-box {
	    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 20px 0px;
}

.ad_d {
      background: var(--bg2);
    background-size: 200%;
    background-position-x: 0;
    border-radius: 10px;
    transition: all .3s linear 0s !important;
}

.ad_d:hover {
	background-position-x: -100%;
	background-size: 200%;
}

.ad_d a {
	padding: 5px 25px;
	text-transform: uppercase;
	display: flex;
	transition: all .3s linear 0s !important;
}

.ad_d a:hover {
	color: var(--pun) !important;
}


.ad_d2 {
  background: var(--bg3);
	background-size: 200%;
	background-position-x: 0;
	border-radius: 10px;
	transition: all .3s linear 0s !important;
}

.ad_d2:hover {
	background-position-x: -100%;
	background-size: 200%;
}

.ad_d2 a {
	padding: 5px 25px;
	text-transform: uppercase;
	display: flex;
	transition: all .3s linear 0s !important;
}

.ad_d2 a:hover {
	color: var(--pun) !important;
}

/* Таблица 
**************************************************************/

.header_wrapper {
position: absolute;
    width: 1100px;
    height: 350px;
    top: -290px;
    left: 0px;
    z-index: 999;
}

.header_wrapper:before {
}

.persons_img {
	    position: absolute;
    left: 95px;
    width: 240px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    gap: 9px;
    top: 270px;
    overflow: hidden;
    box-sizing: border-box;
}

.persons_img div {
	    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid var(--bg3);
    overflow: hidden;
    position: relative;
    background: #9a9389;
    border-radius: 10px;
    transition: top .4s linear 0s;
}

.persons_img div:hover {
	top: 0
}

.persons_img img {
	    width: 40px;
    height: 40px;
    object-fit: cover;
    mix-blend-mode: multiply;
    filter: grayscale(100%);
    transition: all .4s linear 0s;
}

.persons_img div:after {
	    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--bg1);
    opacity: .25;
    transition: all .4s linear 0s;
}

.persons_img div:hover img {
	mix-blend-mode: normal;
	filter: none
}

.persons_img div:hover:after {
	opacity: 0
}

.best_post {
width: 360px;
    background: var(--bg2);
    height: 70px;
    border-radius: 10px;
    border: var(--bordin);
    top: 255px;
    position: absolute;
    left: 370px;
    overflow: auto;
    font: var(--font);
    font-size: 10px;
    text-align: justify;
    padding: 3px 10px;
    box-sizing: border-box;
    line-height: 11px;
    color: #4f4941;
}

.best_post span {
	color: var(--link);
    font: 400 11px / 100% tahoma;
    display: inline;
    font-weight: bolder;
}

.best_post span a {
    font: var(--font);
    font-weight: bolder;
}

.best_post > div {
	    height: 50px;
    overflow-y: auto;
    width: auto;
    padding-left: 20px;
    padding-right: 10px;
    box-sizing: border-box;
    font: 400 11px / 110% tahoma;
    color: var(--txt1);
}

.best_post > div:before {
}

.persons {
	    width: 1100px;
    display: flex;
    justify-content: space-around;
    gap: 380px;
    position: absolute;
    top: 318px;
    left: 0px;
    color: var(--bg3);
    text-shadow: 1px 1px black;
    align-items: center;
    box-sizing: border-box;
    padding: 0px 70px;
}
.persons a{
    color: var(--bg3)!important;

}
.persons-item {
	    flex: 1;
    font: 400 11px tahoma;
    text-transform: lowercase;
    width: 250px !important;
    text-align: center;
}

.persons-item span {
	    font: var(--h1);
    font-size: 11px;
    display: inline;
}

.header-link {
	display: flex;
    gap: 7px;
    position: absolute;
    top: -35px;
    left: 80px;
    flex-direction: row;
    justify-content: space-between;
    width: 200px;
}

.header-link2 {
    display: flex;
    gap: 7px;
    position: absolute;
    top: -35px;
    right: 135px;
    flex-direction: row;
    justify-content: space-between;
    width: 140px;
}

.header-link a, .header-link2 a {
	    color: var(--link) !important;
    font: 400 10px tahoma;
    text-transform: uppercase;
    background: var(--bg3);
    border-radius: 10px;
    padding: 3px 15px;
    transition: all .3s linear 0s !important;
}

.header-link a:hover, .header-link2 a:hover {
	background: var(--bg1);
    color: var(--link1) !important;
}

.forum_logo {    display: none !important; }

/* ФУТЕР
**************************************************************/

/*---------- баннеры -------------*/
.ban {
        position: absolute;
    height: 35px;
    width: 1050px;
    bottom: -85px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 10px 0px 0px;
}

.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}

.cop a {             position: absolute;
    margin: 5px 0px 0px 0px !important;
    font: var(--h1);
    width: 880px;
    text-align: center;
    text-transform: lowercase;
    font-size: 12px;
    color: var(--link) !important;
    font-weight: 600 !important;
}

.cop:hover a {color: var(--htxt);}


/* ДРУГОЕ 
**************************************************************/
/* кнопка реакции  */
.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit] {
    -webkit-appearance: button;
    display: none;
}

/* рейтинг поста   */
div.post-rating p {float:right !important; border:0 !important; padding:3px !important}
div.post-vote p {float:right !important; border:0 !important; padding:3px 13px !important; margin-right:5px !important}
div.post-vote p .negative {margin-left:13px;}
div.post-rating a, div.post-vote a {
    font-size: 13px !important;
    text-decoration: none !important;
}
div.post-rating a {
    cursor: pointer !important;
    margin-right: 20px!important;
}

div.post-rating a {
    cursor: pointer !important;
    margin-right: 20px!important;
    display: flex;
    align-items: center;
    gap: 3px;
}

.post-rating p.container a:before {
    content: "\f004";
    margin-right: 5px;
    font-family: FontAwesome !important;
    font-weight: normal;
    font-weight: normal;
    color: var(--txt1);
}

/* перекрасить количество уведомлений и сообщений */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #ab9e9a!important;
    border-radius: 8px;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}

.notify-parent {position: relative;}
.notify-bubble {
    background: lightblue;
    border-radius: 3px;
    color: black;
    font: bolder 12px/1.2 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 1px;
    position: absolute;
    text-align: center;
}

.notify-bubble:after {
    border-color: lightblue transparent;
    border-style: solid;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

.bubble {     background: var(--bg2) !important;
    border: 0 none;
    border-radius: 3px;
    color: var(--link) !important;
    display: inline-block;
    font: bolder 9px Roboto !important;
    margin: 0;
    min-width: 12px;
    padding: 0 1px;
    position: absolute;
    right: 2px !important;
    text-align: center;
    top: -9px !important;
}

.bubble:after {
    border-color: var(--bg2) !important;
    border-style: solid;
    border-width: 2px 2px 0!important;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

span.num_msg {
    position: absolute;
    margin-top: -15px;
    margin-left: -8px;
    font-size: 11px;
    font-weight: 700;
    background: #685942!important;
    padding: 1px 4px;
    border-radius: 2px;
    height: 14px;
    color: #fff;
    cursor: pointer;
}

span.num_msg:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: 14px;
    background: #685942!important;
    margin-left: 1px;
}


/* вкладка стикеров  */
.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: var(--bord)!important;
    border-radius: 4px;
    background: var(--bg1)!important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}

/* подложка маски  */
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    padding: 8px;
    border: solid 1px #6b634e;
    border-radius: 4px;
    background: var(--bg1);
}

/* закладки  */

#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    width: 240px;
    background: var(--bg1)!important;
}

#BookmCntToggle.default-style {
    background: #F7F7F7;
    border-left: solid 5px currentColor;
    box-shadow: 0 0 6px rgba(0,0,0,.42);
    color: var(-bg1)!important;
    display: block;
    height: 26px;
    width: 21px;
}

.hv-mask-field pa-fld1 {width: 100%;
    background: none;
    box-shadow: none;
    margin: 0px !important;
    padding: 0px;}





/* чс */
#panel {
	    position: fixed;
    top: 170px;
    left: -250px;
    margin: -40px 0 0 -2px;
    overflow: hidden;
    z-index: 10000;
    color: var(--txt);
}

#panel-sticker {
	    position: relative;
    float: left;
    border-start-end-radius: 18px;
    border-end-end-radius: 18px;
    padding: 4px 10px 3px 5px;
    cursor: pointer;
    transition: .3s all ease-in-out;
    font-family: 'tahoma';
    font-weight: 700;
    font-size: 14px;
    background: var(--bg3);
    border: var(--bordin);
	border-left: none;
}

#panel.visible #panel-content {
	opacity: 1;
}

#panel-content {
	border-end-end-radius: 18px;
    float: left;
    width: 248px;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    opacity: 0;
    background: var(--bg3);
    border: var(--bordin);
    font-family: tahoma;
    font-size: 12px;
}

.toBlock {
	position: relative;
	float: left;
}

ul#blockUsers {
	list-style-type: none;
	padding: 0
}

ul#blockUsers p {
	text-align: center;
}

#blockUsers>li>strong {
	position: relative;
	color: var(--special-border-color);
	font-weight: bold;
	cursor: pointer;
	transition: .3s all ease-in-out;
}

#blockUsers>li>strong:hover {
	color: rgba(31, 31, 31, 1);
}


.blockButton {
        position: absolute;
    background: #b49d86;
    border: var(--bordin);
    border-radius: 50%;
    z-index: 0;
    width: 15px;
    height: 15px;
    left: -6px;
    transform: translateX(-50%);
    top: 90px;}

.blockButton::before {
	display: flex;
    justify-content: center;
    align-items: center;
    content: "\f00d";
    left: 0px;
    top: 0px;
    width: 15px;
    height: 15px;
    font-family: 'FontAwesome';
    text-align: center;
    color: var(--ptxt);
    font-size: 10px;
    font-weight: normal;
    transition: .3s all ease-in-out;
    cursor: pointer;
    opacity: .95;
	z-index: 2;
}

.blockButton:hover::before {
	background: var(--outline-color);
	color: var(--mark-color);
}

/* online icons  */ 
.indOnline,
.indOffline {
	    display: block !important;
    z-index: 0 !important;
    cursor: pointer;
    border: none !important;
    box-sizing: border-box;
    position: absolute;
    top: 53px;
    left: -32px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.indOnline {
	background: var(--link)
}

.indOffline {
	background: var(--txt1);
opacity: .45
}

.post[data-group-id="3"] .pa-avatar .indOffline {
	display: none;
}
/* скрипт шрифтов */ 
#chfont {
	position: fixed;
	/*позиционирование*/
	top: 11px;
	/*отступ сверху*/
	left: 11px;
	/*отступ слева*/
	text-align: center;
	/*текст по центру*/
	line-height: 22px;
	/*высота строк*/
	-moz-opacity: .8;
	/*прозрачность*/
	z-index: 9999;
	background: red;
	display: flex;
	gap: 5px;
	align-items: center;
	background: var(--pun) !important;
	border-radius: 3px;
	box-sizing: border-box;
}

#chfont:hover {
	opacity: 1;
	/*убирает прозрачность при наведении*/
	-moz-opacity: 1;
}

#chfontbut {
	/*иконка регулятора*/
	width: 26px;
	/*ширина*/
	height: 26px;
	/*высота*/
	background-color: var(--links);
	/*фон*/
	float: left;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--pun)
}

#chfontbut:before {
	    content: '\f031';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    color: var(--bg3);
}

#chfontbut::after {
	/*крестик на иконке*/
	display: none;
	position: absolute;
	content: 'x';
	top: 0;
	left: 0;
	color: var(--pun);
	/*цвет крестика*/
	line-height: 7px;
	/*высота строки*/
	font-size: 10px;
	/*размер крестика*/
	color: var(--pun);
	border-radius: 0 0 3px;
	width: 10px;
	height: 10px;
}

#chfont.active #chfontbut::after {
	display: block;
}

#chfont select {
	/*поле выбора вида шрифта*/
	display: none;
	background-color: var(--bg3);
    color: var(--txt);
	cursor: pointer;
	border-radius: 3px;
margin: 0;
}

#chfontsize {
	/*индикатор размера шрифта*/
	width: auto;
	/*ширина*/
	display: none;
}

#chfont.active select,
#chfont.active #chfontsize {
	display: flex;
	gap: 5px;
	align-items: center;
	padding-right: 5px
}

.fsizeplus,
.fsizeminus {
    background-color: var(--bg3);
    color: var(--txt);
    cursor: pointer;
    font-size: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 6px;
    line-height: 18px;
    font-family: FontAwesome;
}

.fsizeplus::after {
	content: '\2b';
}

.fsizeminus::after {
	content: '\f068';
}

.fsize {
	color: var(--bg1);
	/*цвет плюса и минуса*/;
}


/* форма ответа */ 


#form-buttons {
	margin-bottom: 0px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
	flex-direction: row-reverse
}

#plng {
    font-size: 12px !important;
    font-weight: 300 !important;
    margin-top: 0px !important;
    padding: 0px !important;
    display: flex;
  align-items: center;
    transition: all 0.3s ease-in-out 0s;
color: var(--blue-t);
  text-transform: uppercase;
  white-space: nowrap;
  gap: 5px;
	font-family: tahoma;
}

#plng b {
  font-weight: 600;
  color: var(--text1)
}


#form-buttons td img {
	position: relative
}

#form-buttons tr {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}

#form-buttons table {
  flex: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
}

#form-buttons td {
	transition: all .5s ease-in-out 0s;
	color: var(--text1);
  width: 25px;
}

#form-buttons td:hover {
	color: var(--links);
}

#button-font,
#button-transL,
#button-size,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-right,
#button-justify,
#floatbut,
#button-link,
#button-spoiler,
#button-image,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-table,
#button-smile,
#button-sticker,
#button-keyboard,
#button-addition,
#button-mask,
#button-html,
#button-vkladka,
#My_replic_meny {
	position: relative !important;
	background: none !important;
}

#button-font:before,
#button-transL:before,
#button-size:before,
#button-bold:before,
#button-italic:before,
#button-underline:before,
#button-strike:before,
#button-indent:before,
#button-left:before,
#button-center:before,
#button-right:before,
#button-justify:before,
#floatbut:before,
#button-link:before,
#button-spoiler:before,
#button-image:before,
#button-video:before,
#button-hide:before,
#button-quote:before,
#button-code:before,
#button-color:before,
#button-table:before,
#button-smile:before,
#button-sticker::before,
#button-keyboard:before,
#button-addition:before,
#button-mask:before,
#button-html:before,
#button-vkladka:before,
#My_replic_meny:before {
	content: "";
	height: 26px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	z-index: 0
}

#button-font:before {
	content: "\f031"
}

#button-transL:before {
  content: "\f362"
}

#button-size:before {
	content: "\f034"
}

#button-bold:before {
	content: "\f032"
}

#button-italic:before {
	content: "\f033"
}

#button-underline:before {
	content: "\f0cd";
	top: 1px
}

#button-strike:before {
	content: "\f0cc"
}

#button-indent:before {
	content: "\f03c"
}

#button-left:before {
	content: "\f036"
}

#button-center:before {
	content: "\f037"
}

#button-right:before {
	content: "\f038"
}

#button-justify:before {
	content: "\f039"
}

#floatbut:before {
	content: "\f03b"
}

#button-link:before {
	content: "\f0c1"
}

#button-spoiler:before {
	content: "\f070";
	font-size: 17px
}

#button-image:before {
	content: "\f03e";
	font-size: 18px
}

#button-video:before {
	content: "\f167";
	font-size: 18px;
	top: 0px
}

#button-hide:before {
	content: "\f023"
}

#button-quote:before {
	content: "\f10e"
}

#button-code:before {
	content: "\f121";
}

#button-color:before {
	content: "\f576"
}

#button-table:before {
	content: "\f0ce"
}

#button-smile {
  display: none;
}

#button-smile:before {
	content: "\f118"
}

#button-sticker:before {
	content: "\f118"
}

#button-vkladka:before {
	content: "\f58d"
}

td#button-files_rusff,
td#button-graffiti_rusff {
	display: none !important;
}

#button-keyboard:before {
	content: "\f11c";
	font-size: 16px
}

#button-addition:before {
	content: "\f0fe"
}

#button-mask:before {
	content: "\f630"
}

#button-html:before {
	content: "\f1c9"
}

#My_replic_meny:before {
	content: "\e2ca"
}

/******************************************************************
  Cтиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/* Затемняющий фон */
#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,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 position: absolute;
 width:27px;
	right: -30px;
	top: 0;
}

    /*сдвиг таблицы*/ .my-tabs{
      margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
      margin-left:255px;  /*сдвиг таблицы вправо от положения иконки*/
    }
    /*Цвет фона и бордюров таблицы*/
    .my-tabs>.tab-a,.my-tabs>span{
      background:transparent!important;
      border: none !important;
    }

/* Корневой таб(UL) */
.my-tabs{
    display: flex;
    z-index: 30000;
    position: absolute;
    background: url(https://forumstatic.ru/files/0015/e5/b7/34215.png);
    width: 802px !important;
    height: 421px !important;
    box-sizing: border-box;
    padding-left: 40px !important;
    padding-right: 45px !important;
    padding-top: 50px !important;
    padding-bottom: 10px !important;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

/* Стиль "Ушка" вкладок */
.my-tabs>span{
    color: #7e5c2c;
    cursor: pointer;
    font: bold 14px "Raleway Light" !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 12;
    height: 20px !important;
    width: 150px !important;
    border: solid 1px #4646460d;
    border-radius: 8px;
    text-transform: lowercase;
    background: #ddd6cc !important;
    padding: 0 !important;
}

/* Активное "Ушко" */
.my-tabs>span.selected{
 background: #bfb9af !important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:100%;
 height:250px;
 position:relative;
	z-index:1;
 display:none;
 overflow-x: hidden;
	overflow-y: auto;
 text-align:left;
 border-radius: 10px;
	box-sizing: border-box;
	margin-top: -15px;
	padding: 0 !important;
}

.my-tabs > .tab-a {
	max-height: 250px !important;
	padding: 0 !important;
}

/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 text-align:left;
	padding: 0;
	height: 235px !important;
	box-sizing: border-box;
	display: block
}


.personal__page {
	width: 668px;
	margin: auto;
	height: 230px;
}

.personal__page.titlepage {
	display: flex;
	gap: 25px;
	align-items: center;
	justify-content: center
}

.personal_page-img {
	width: 187px;
	height: 90px;
	border: 1px solid #000000;
	overflow: hidden
}

.personal_page-img img {
	width: 187px;
	height: 90px;
	object-fit: cover;
}

.personal_page-character {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-family: tahoma;
	color: #463e34
}

.personal_page-name {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold
}

.personal_page-fandome, .personal_page-links {
	font-size: 14px
}

.personal_page-links a {
	color: #463e34 !important;
}

.personal_page-links a:hover {
	color: var(--link1) !important;
}

.html-post-box {
	padding: 0 !important;
	box-sizing: border-box;
}

.chronopage-inner {
	display: flex;
	flex-direction: column;
	gap: 0px;
	overflow-y: auto;
	height: 230px;
	position: relative;
	padding-left: 40px;
	padding-right: 5px;
}

.chronopage-inner:before {
	content: "";
	background: var(--txt);
	width: 2px;
	height: 100%;
	position: fixed;
	top: 0;
	margin-left: 0px;
}

.chrono-item {
	padding-left: 20px;
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	font: normal 10px tahoma;
	gap: 2px;
	position: relative;
}

.chrono-item:before {
	content: "";
	background: var(--txt);
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	top: 27px;
	left: -4px;
}

.chrono-item a {
	color:  var(--txt) !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

.chrono-item a:hover {
	color: var(--link) !important;
}

.chrono-item em {
	font-style: normal !important;
}

.chrono-item p {
	padding: 0 !important;
}

.achvipage-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 17px;
	overflow-y: auto;
	height: 230px;
	position: relative;
	justify-content: center;
}

.achvipage-item {
	width: 300px;
	background: #e6e6e6;
	border: 1px solid #000000;
	border-radius: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	box-sizing: border-box;
	gap: 15px;
	font: normal 10px/100% tahoma;
	color: #0c2257
}

/*Стиль для Быстрой смены аккаунтов Deff */
#pun-navlinks ul li#navlogout {
	position: relative;
}

#pun-navlinks a:not(.NextShow)+span.odd {
	display: none !important;
}

#pun-navlinks span.odd #form-login {
	position: absolute;
	right: 0;
	width: 470px;
	border-radius: 10px;
	border:  var(--bordin) !important;
	background: var(--bg3);
	outline: none;
	padding: 10px;
	z-index: 99999999;
	top: 10px;
}

#pun-navlinks.fixed span.odd #form-login {
	top: 35px;
}

#form-login #List-UserNames {
	float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 150px;
    width: 215px;
    border-radius: 10px;
    background: var(--bg1);
    border-radius: 18px;
    padding: 5px 10px 8px;
}

#pun-navlinks.fixed #form-login #List-UserNames ul {
	display: block;
	padding: 0;
	width: 200px;
}

#form-login #List-UserNames ul {
	padding-right: 0;
	padding-left: 0;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	text-align: left;
	max-height: 200px;
	overflow-y: auto;
	display: flex;
	flex-direction: column
}

#form-login #List-UserNames span:nth-child(2) {
	-js-display: flex;
	display: flex;
	align-content: flex-start;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	float: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#form-login #List-UserNames span:nth-child(2) span {
	width: 50%;
	text-align: left;
}

#form-login #List-UserNames span:nth-child(2) span.a1-paste {
	display: initial;
	text-align: right;
	margin-top: 0;
}

#form-login #List-UserNames span:nth-child(2) input {
	width: 100%;
}

#form-login #List-UserNames ul {
	gap: 5px;
	justify-content: flex-start;
	align-items: flex-start
}

#form-login #List-UserNames li {
	width: 100%;
	font-size: 12px;
	text-transform: initial;
	padding: 3px 10px !important;
	margin: 0 !important;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	background: var(--cover-link);
	border-radius: 10px;
	transition: all .2s linear 0s
}

#form-login #List-UserNames li:hover {
	background: var(--pun)
}

#form-login #List-UserNames li b {
	display: inline-block;
	flex: 1;
	font-weight: 400;
	transition: all ease-out 0.3s;
}

#form-login #List-UserNames li b:hover,
#form-login #List-UserNames li .close:hover::before {
	color: rgba(26, 30, 38, 1);
	cursor: pointer;
}

#form-login #List-UserNames li .close {
	position: relative;
	display: inline-block;
	width: 8px;
	color: transparent;
	margin-top: 0;
}

#form-login #List-UserNames li .close::before {
	position: absolute;
	content: '\f00d';
	transform: translateY(-50%);
	top: 50%;
	font-size: 11px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	color: rgba(26, 30, 38, 1);
	transition: all ease-out 0.3s;
}

#form-login #List-UserNames li .close:hover::before {
	color: rgba(146, 77, 95, 1);
}

#pun-navlinks a.Rega,
#pun-navlinks a.Forgot {
	color: var(--links) !important;
	text-transform: none !important;
}

#pun-navlinks a:hover.Rega,
#pun-navlinks a:hover.Forgot {
	color: var(--nav-t) !important;;
}

#form-login .Rega,
#form-login .Forgot {
	font-size: 10px !important;
}

#form-login span:nth-child(2),
#form-login div:nth-child(3) {
	font-size: 10px;
}

#form-login span:nth-child(2) {
	font-weight: 700;
	margin-bottom: 10px;
}

#form-login li span:nth-child(2) {
	font-weight: 500;
	margin-bottom: 0;
}

#form-login span:nth-child(2),
#form-login div:nth-child(3),
#form-login .button,
#form-login .Rega,
#form-login .Forgot {
	float: right;
	padding-left: 5px;
	margin-right: 0;
}

#form-login span:nth-child(2),
#form-login div:nth-child(3),
#form-login .Rega,
#form-login .Forgot {
	width: 220px;
}

#form-login .Rega {
	margin-top: 10px;
}

#form-login .button {
	width: 215px;
	margin-top: 5px !important;
}

#form-login div:nth-child(3) input {
	width: 100%;
	margin: 3px 0 5px;
	box-sizing: border-box
}

#form-login div:nth-child(3) span {
	font-size: 10px;
	font-family: 'Arial';
	letter-spacing: 1px;
	text-transform: lowercase;
}

#form-login div:nth-child(3) .inputfield {
	margin: 0;
}

#pun-navlinks #New-exit img {
	position: absolute;
	top: 25px;
	right: -42px;
	width: 20px;
	height: auto;
	border-radius: 10px;
	border: 1px solid var(--borders) !important;
	background: var(--p-bg);
	padding: 6px;
	transition: all 0.3s ease-out;
}

#pun-navlinks.fixed #New-exit img {
	top: 54px;
}

#pun-navlinks #New-exit img:hover {
	background: var(--cover-link);
}

#form-login p {
	position: initial;
}

#form-login #List-UserNames+span,
#form-login #List-UserNames+span+div,
#pun-navlinks span.odd #form-login p:last-child {
	text-align: center;
}
/* //Конец Стиля для Быстрой смены аккаунтов */

/* список ролей */

.list5b { margin: 0; padding: 0; color: var(--special-border-color);}
body.post-content .list5b li {border-radius: 18px; padding-left: 0; margin-bottom: 5px !important;}
.list5b li::before { display: none;}
body.post-content .list5b table { width: 100%; margin: 0; text-align: left;}
body.post-content .list5b tbody { display: block;}
body.post-content .list5b tr { display: flex;
    width: calc(100% - 2px);
    border: var(--bordin);
    border-radius: 18px;}
body.post-content .list5b td { vertical-align: top; border: none !important; transition: .3s all ease-in-out;}
body.post-content .list5b td:first-child { width: 40%;
    background: var(--bg1);
    text-align: right;
    border-radius: 18px 0 0 18px;}
body.post-content .list5b td:last-child { width: 60%; background: var(--bg3); border-radius: 0 18px 18px 0;}
body.post-content .list5b tr:hover td:first-child { filter: brightness(1.1);}
body.post-content .list5b tr:hover td:last-child { filter: brightness(1.1);}
.fandom_eng {font-family: 'kingdom'; font-size: 18px; text-transform: uppercase; font-weight: 700; color: rgba(0, 0, 0, 1);}
.fandom_rus {font-family: 'tahoma', serif; text-transform: lowercase;}
.list5b a { font-weight: 700;}

/* нужные */

.topic .post.topicpost .charlist { padding: 35px 0 0; flex-wrap: wrap; justify-content: space-between;}
.topic .post.topicpost .charlist ul {background: var(--body-color);  border: 1px solid var(--borders); margin: 0 0 4px; border-radius: 8px; }
.topic .post.topicpost .charlist ul .charlist_title {background: var(--outline-color); font-family: 'Tokyo Dreams'; font-size: 12px; font-weight: 700;  text-align: center; border: 1px solid var(--special-border-color); border-radius: 15px; padding: 1px 5px 2px;}
.topic .post.topicpost .charlist ul .charlist_title::before {
    display: none;
}
.post-content .nm, .post-content .fd {
  display: none;
}

.section.online-list {
	margin-top: 20px
}

#notify-link .unreads, #navpm .unreads {
	top: 0 !important;
}


/*Mouse Parallax стили туманы*/
.mouse-parallax {overflow: hidden;}

.mouse-parallax-bg { /*настраивается фон*/
position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 898px;
    height: 277px;
    transition: all 0.1s ease;
    background-image: url(https://forumstatic.ru/files/0015/e5/b7/24134.png?v=1);
    left: 180px !important;
    top: -210px;
    z-index: 990;
}


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


#guestbook_wrap {
	background: url(https://forumstatic.ru/files/0015/e5/b7/39482.png) no-repeat;
    width: 979px;
    height: 280px;
    display: block;
    position: relative;
    margin: auto;
margin-top: 30px;
}

.guest_hello {
	color: var(--txt1);
    font: normal 11px / 12px tahoma;
    margin-left: 65px;
    width: 440px;
    text-align: left;
    position: absolute;
    top: 69px;
    height: 137px;
    overflow: auto;
}

.guest_persons {
	    display: flex;
    justify-content: space-between;
    width: 260px;
    color: #8e877b;
    text-transform: uppercase;
    font: normal 13px tahoma;
    position: absolute;
    right: 167px;
    top: 167px;
    height: 42px;
    overflow: hidden;
}

.guest_persons-item {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.guest_persons-item div {
	width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
    border: #beb3a0;
    border-radius: 6px;
    position: relative;
    transition: top .3s linear 0s;
    background: #827b70;
}

.guest_persons-item div:hover {
	top: 0
}

.guest_persons-item div:after {
 content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e3c7a2;
	opacity: .35;
	transition: all .4s linear 0s
}

.guest_persons-item img {
 width: 40px;
	height: 40px;
	object-fit: cover;
	opacity: .55;
	filter: grayscale(100%);
	transition: all .2s linear 0s
}

.guest_persons-item div:hover img {
	opacity: 1;
	filter: none
}

.guest_persons-item div:hover:after {
	opacity: 0
}

Код:

<script>
$('#stylelist li a').each(function(){
  $(this).attr('title',$(this).text());
});
</script>

<!-- START Блоклист (строго в html-низ) by Lerage -->
<script type="text/javascript" src="https://forumstatic.ru/files/000b/09/4f/38612.js"></script>
<!-- END Блоклист -->

<!----- ФИЛЬТР ЗАЯВОК by Человек-Шаман ----->
<script src="https://forumstatic.ru/files/0017/95/29/89461.js"></script>
<script>
  hvWantedFilters.init(520, 11266, 11675);
</script>

<script>
$('.slide_button').click(function() {  
    $('.slide_button').not(this).removeClass('i_active');
    $(this).toggleClass('i_active');
});
</script>

<script>
$('.slide_button').each(function() {
    $(this).on('click', function() { $('.slide_button').not($(this)).next().slideUp();
      $(this).next().slideToggle(); 
    });
  });
</script>

<script>
$('.post-author').each(function(){
$(this).find('.pa-fld1, .pa-fld2, .pa-fld6').wrapAll('<div class="personal_wrap">');
});
</script>



<!-— Ссылка на авторский пост в цитате // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.quote-box>cite:contains("#")').each(function() {
      var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
      if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.split(',')[1]+'</a>');}
      else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.split(',')[1]+'</a>');}
    });$('#pun-viewtopic .pl-quote>a').each(function() {
      $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
    });
    </script>

<script>
//Move post-author-links links to post-author block - Разбиение ссылок в топике на относящиеся к автору и к посту
(function(){
const replaceLinks = () => {
    const postLinksElems = document.querySelectorAll('.post-links');
    postLinksElems.forEach(elem=>{
        const authorLinks = elem.querySelectorAll('.pl-email');
        const topicContainer = elem.parentElement;
        if (topicContainer.classList.contains('post-body')) return;
        const authorContainer = topicContainer.querySelector('.post-author');
        if(authorLinks.length){
            const newUl = document.createElement('ul');
            const newBlock = document.createElement('div');
            newBlock.classList.add('pa-links');
            newBlock.append(newUl);
            newUl.append(...authorLinks);
            authorContainer.append(newBlock);
        }
        const postContainer = topicContainer.querySelector('.post-body');
        postContainer.after(elem);
    });
};

replaceLinks();
$(document).on('pun_post', () => replaceLinks());
$(document).on('pun_preview', () => replaceLinks());
$(document).on('pun_edit', () => replaceLinks());
})()
</script>

<!--написано символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng"><b>00</b> символов</small>';epl.parents("#post-form").find("#form-buttons").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!--конец -->

<script>
$(document).ready(function(){
    $('#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4').wrapAll('<div class="ststitems"></div>');
});
</script>

<!--БАННЕРЫ-->
<!--Oтложенная загрузка Баннеров в HTML низ Ч1(Начало)--><noscript>
<div class="ban"><div>

<a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/lCYion2.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a>

<a href="https://space51.rusff.me"><img src="https://upforme.ru/uploads/001c/31/55/2/59590.gif"></a>

<a href=https://moonsonata.rusff.me/ target="_blank"><img src=https://forumstatic.ru/files/001c/25/98/62146.png></a>

<a href="https://souldreamate.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/0b/16/2/229501.png"  title=" souldreamate" width="88" height="31" border="0"></a>

<a href="//urgestalt.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/29/61/82388.jpg" title="close ur gestalt" width="88" height="31" border="0" alt="close ur gestalt"></a> 

<a href="https://genshinmemories.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/0017/4a/e0/13035.gif" title="Genshin Impact: Golden Memories"></a>

<a href="https://everspace.mybb.ru/" title="Everspace" target="_blank"><img src="https://upforme.ru/uploads/001b/f2/fa/7/255546.gif" width="88" height="31" border="0" alt="Everspace"></a>

<a href="https://crossinsomnia.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/31/d4/2/348779.jpg" title="IN:SOMNIA [crossover]"></a>

<a href="https://nyc.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/1a/2f/97282.png" alt="New York City: город, где сбываются мечты"></a>

<a href="https://trt.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/2b/59/2/96823.jpg" width="88px" height="31px"></a>

<a href="https://genshin2stars.rolka.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/02/3d/6/31279.gif" width="88" height="31"></a>

<a href="https://wildcross.rusff.me/" title="wildcross" target="_blank"><img src="https://i.imgur.com/Hpxedi6.png" border="0" width="88" height="31"></a>

<a href="https://bloodthirst.rusff.me/">
<img src="https://forumstatic.ru/files/001b/82/dc/12978.gif" border="0" title="VtM: Bloodthirst" width="88" height="31"></a>

<a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>

<a href="https://after.rolebb.ru" target="_blank"><img src="https://forumstatic.ru/files/001b/67/c6/35626.png"title="Marauders: Aftershocks"border="0"width="88" height="31"></a>

<a href="https://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a>

<a href="http://redacademy.forumno.com/"><img src="https://upforme.ru/uploads/001b/ce/b4/4/119518.png"></a>

<a href="https://theraven.rusff.me/" target="_blank"><img src="https://i.imgur.com/c4RZpNv.gif" title="THE RAVEN"></a>

<a href="https://thekindred.ru" target=_blank> <img src="https://forumstatic.ru/files/0012/96/45/11947.png" border="0"alt="https://thekindred.ru" width=88 height=31></a>

<a href="https://sept3rd.rusff.me/" title="Sept.3rd"><img src="https://upforme.ru/uploads/001a/eb/a8/2/946505.png" border="0"></a>

<a href="https://faceinless.ru" target=_blank><img src="https://upforme.ru/uploads/001b/dc/dc/65/139328.png" title="TVD: FACELESS"></a>

<a href="https://thedome.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/60/aa/48/821676.png' title="Город, из которого нет выхода" /></a>

 <a href="https://poisondrop.rusff.me/" target="_blank"><img src="https://i4.imageban.ru/out/2024/05/23/f3b22696cdcbc64af1f688f47f6129cb.gif" width="88" height="31" border="0"></a>

<a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://forumstatic.ru/files/0012/8f/f4/96939.gif " title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a>

<a target="_blank" href="https://beaware.rusff.me/" title="Beware: it is here"><img src="https://i.imgur.com/fRihEbR.png" width="88" height="31" border="0"></a>
 
<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/3d/ab/26694.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a>

<a href="https://ftr404.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/1a/06/2/212691.png" title="киберпанк, эпизоды, анархия"></a>

<a href="https://phantazia.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/26/3b/56156.gif" title="PHANTAZIA // celebrity life"></a>

<a href="https://notroleplaying.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/19/7e/41674.gif" title=" »not korea "></a>

<a href="https://cosmocross.f-rpg.me" target=_blank><img src="https://sun9-77.userapi.com/impg/34_HPX1I_btcRhJdhSK_2Bk5GwqYAD_KrLyHKw/CJz1hx9fGnk.jpg?size=88x31&quality=95&sign=f4d277af2350b27f281895190b9da185&type=album" width=88 height=31 title="Кроссовер «КосмоКросс»." border=0></a>

<a href="https://metaverse.rusff.me/" target="_blank" title="СПОСОБНОСТИ, ГЕРОИКА, МАГИЯ, МУЛЬТИВЕРС" ><img src="https://forumstatic.ru/files/001c/23/f5/41096.png"></a>

<a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://upforme.ru/uploads/001b/d8/2c/2/124539.gif" width="88" height="31" border="0"></a>

<a href="https://dilemma.rusff.me/" target="_blank"><img src="https://i.imgur.com/Gtov20y.png"  title="dilemma" alt="DILEMMA"></a>

<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/0013/26/8a/4/813808.png" title="karma cross" border="0" width="88" height="31"></a>

<a href="https://fridaynightcross.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001c/12/ec/76868.png" title="friday night crossover" border="0"width="88" height="31"></a>

<a href='http://onlinecross.ru' target='_blank' title='ONLINECROSS'><img src='https://upforme.ru/uploads/001b/1a/5a/29/680577.gif' border='0' width='88' height='31'></a>

<a href="https://billboard.rusff.me/"><img src="https://upforme.ru/uploads/001a/f6/b2/2/143814.gif" title="южная корея, мультилокация"></a>

<a target="_blank" href="http://illyon.rusff.me/"><img src="https://forumstatic.ru/files/001b/13/57/78392.jpg"></a>

<a href="https://kingscross.f-rpg.me/" target="_blank"><img title="kingscross. внимание, поезд отправляется!" src="https://forumstatic.ru/files/001a/08/74/15843.png"></a>

<a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://upforme.ru/uploads/001b/e6/91/6/157746.gif" border ></a>

<a href="https://thehaze.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/d4/18/10749.gif' title="городская мистика в эврика-спрингс" /></a>

<a href="https://thesilence.rusff.me" title="silence" target="_blank"><img src="https://i.ibb.co/LnW0gRp/image.png"></a>

<a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/0pZjB0M.gif"  title="BOSTON"></a>

<a href="http://sinistrum.f-rpg.me" target="_blank"><img src="https://upforme.ru/uploads/001b/ea/09/6/548250.png" alt="sinistrum"></a>

<a href="https://churchcross.rusff.me/" target="_blank"><img src="https://i.imgur.com/pBY7NPp.png" width="88px" height="31px" title="CHURCH CROSS"></a>

<a href="http://nightcity.rusff.me/" target=_blank> <img src="https://i.imgur.com/LVEIYSX.gif" border="0" alt="NIGHT CITY VIBE"></a>

<a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://upforme.ru/uploads/001b/67/7a/207/125669.png"></a>

<a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://upforme.ru/uploads/001b/d5/58/2/217166.gif"></a>

<a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a>

<a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/grQXuU2.gif" title="no stress cross"></a>

<a href="http://newadventure.rusff.me/"><img src="https://upforme.ru/uploads/001b/df/32/5/650934.png"></a>

<a href="https://genshin.rusff.me/"><img src="https://forumstatic.ru/files/001b/5c/7f/13066.jpg" title="Genshin Impact: Tales of Teyvat"></a>

<a href="http://eltropicano.ru/#?advNum=site_banner" target="_blank">
<img src="https://i.imgur.com/9zY3Dbu.gif"></a>

<a href="https://eatcake.rusff.me" target="_blank"> <img src="https://i.imgur.com/TUWB8Fj.gif" title="CAKE rpf" border="0" alt="Cake"></a>

<a target="_blank" href="http://lepidus.ru/"><img src="https://upforme.ru/uploads/0011/93/3d/1186/t613237.gif"></a>

<a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/50003.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a>

<a href="https://hornyjail.ru/" target="_blank"><img src="https://upforme.ru/uploads/001c/2b/dd/2/512350.gif"></a>

<a href="http://anevermore.ru/" title="nevermore"><img src="https://upforme.ru/uploads/0018/20/d2/2/845989.gif"></a>

<a href="http://foreveryoung.rolbb.me/" title="Forever Young"><img src="https://upforme.ru/uploads/001a/fb/6a/2/804702.jpg" border="0"></a>

<a href="https://mistoua.f-rpg.me/">
<img src="https://i.imgur.com/wau1bxf.jpg" 
title="MISTO.UA"
border="1" width="88" height="31"></a>

<a href="https://dos.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/BQboz9c.png" title="de other side [crossover]"></a>

<a href="http://yellowcross.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/VpTBV4X.png" title="yellowcross" border="0"width="88" height="31"></a>

<a href="https://phoenixlament.f-rpg.me/" target=_blank><img src="https://forumstatic.ru/files/001c/16/fb/32828.gif" title="Хогвартс и Магический мир, социалка, приключения, 2001 год"></a>

<a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/88/91574.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a>

<a href="https://hpfreakshow.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001a/7d/a5/2/798772.jpg" title="HP: Freakshow. ГП 3 поколение. Драмеди, социалка, активная игра"></a>

<a href="http://drinkbutterbeer.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a>

<a href="https://tmsqr.ru/" target="_blank"><img src='https://i.imgur.com/q4P8TKn.gif' title="time§quare" /></a>

<a target="_blank" href="https://arkcity.rusff.me/" title="Ark City: последний оплот человечества"><img src="https://forumstatic.ru/files/0019/eb/83/77713.gif" width="88px" border="0"></a>

<a href="https://memlane.ru" title="memory lane" target="_blank"><img src="https://forumstatic.ru/files/0019/9e/ef/60582.gif" width="88" height="31" border="0"></a>

<a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/65418.png"></a>

<a href="https://acadia.rusff.me" target="_blank"><img src="https://i.imgur.com/RKoHj69.png" title="АКАДИЯ"></a>

<a href="http://toeden.rusff.me" title="Магический реализм, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/ZFiLFxE.gif" alt="Return to eden"></a>

<a href="https://brightonlife.ru/" target="_blank"><img src="https://upforme.ru/uploads/0012/39/57/2/36798.png"  title="Не боишься, что кое-кто все про тебя расскажет?"></a>

<a href="https://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/F521zKD.gif" title="seoul // real life"></a>

<a href="https://dis.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001a/e7/ed/65531.jpg" title="DIS" alt="DIS" border="0"></a>

<a href="https://gemcross.ru/" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/BGonlbE.png" alt="ex libris"></a>

<a href="http://koreanacademy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/eP7o5ul.gif" target="_blank" border="0" width="88" height="31"></a>

<a href="http://mirine.rusff.me" title="mirine"><img src="https://forumstatic.ru/files/001a/da/82/19928.gif" target="_blank" border="0" width="88" height="31"></a>

<a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://i.imgur.com/8urfbim.png" border="0"/></a>

<a href="http://exlibrisforlife.ru" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/O922Cvw.png" alt="ex libris"></a>

<a href="http://yourphoenix.rusff.me/" target=_blank><img src="https://i.imgur.com/lF9a9jb.png" border="0"alt="Phoenix" width=88 height=31></a>

<a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a>

<a href="http://hproleplay.mybb.ru" target="_blank"><img src="http://s2.uploads.ru/t/WgZOp.gif" border="0" alt="Hogwarts and the Game with the Death="88" height="31" /></a>

<a href="http://enteros.rusff.me/" title="ФРПГ Энтерос" target="blank"><img src="https://forumstatic.ru/files/0015/e5/72/98755.gif"></a>

<a href="http://replay.rusff.me" target="_blank"> <img src="https://i.imgur.com/nQKA3xF.gif" title="Replay: Atlantic-City" border="0" alt="Replay: Atlantic-City"></a>

<a href="http://ohcanada.rusff.me/" target=_blank> <img src="https://i.postimg.cc/g2FynXKf/ezgif-com-gif-maker-5.gif" border="0" alt="maple syrup"></a>

<a href="http://imperiumaeternum.rolka.me/" target="_blank"><img src="https://i.imgur.com/WX5beWm.gif" title="Imperium Aeternum"></a>

<a href="http://holod.rusff.me" target="_blank"><img src="http://s7.uploads.ru/YmQdR.gif" title="ХОЛОД" width="88" height="31"></a>

<a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a>

<a href="https://execute.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/8a/90261.gif" alt="Execute" title="Execute [кроссовер]" width="88" height="31"></a>

<a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://i.ibb.co/p4Kn1Pj/image.jpg" title=“the good place /// визардинг ворлд без постирония“></a>

<a href="https://oldshadows.rusff.me/" title="Тёмное фэнтези. Магия. Боги." target="blank"><img src="https://upforme.ru/uploads/001c/03/d9/2/629753.png"></a>

<a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/36/d0/3/228996.png" width="88px" height="31px" title="Supermassive Black Cross"></a>

</div></div>

<!-- кавычки-->
<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>


<!--Oтложенная загрузка Баннеров в HTML низ Ч2(Конец)--></noscript><script type="text/javascript">
var _a$2 = $('script:last'); $(function(){$(function(){
$(_a$2.prev('noscript').text()).insertBefore(_a$2)
});});</script>
<!-- Конец загрузки Баннеров в HTML низ -->

<!-- Скрываем профиль в постах © Deff -->
    <script type="text/javascript">
    (function () {
    function addStyle() { /*==123==;
    <style type="text/css">#### .post-author,#### .post-sig{display:none !important}#### .post-body,#### .post-links,#### .post-links ul,#### h3>span{margin-left:0 !important}#### .pl-email,#### .pl-website{float:  none}#### .pl-delete {border-left: 1px solid rgba(0,0,0,.2) !important;margin-left: 10px}#### .post-content {margin-top: 0px !important; margin-left: 0 !important;margin-right: 0 !important}#### .post-box {margin: 0px !important}</style>
    ==123==;*/
    } addStyle = addStyle.toString().split('==123==;')[1];
    $('.post .post-content img[alt="hide-autor2"]').each(function(){
       var id = $(this).parents('.post').prop('id');
       $(addStyle.replace(/####/gim,'#'+id)).insertBefore($(this));
    });}());
    </script>

<!--ТЕГ  абзаца - [indent] -->
<style>#button-indent {background:transparent}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="insert(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin: 0.7em 1em;"></span>'; /*удвоенные Отступы сверху и слева*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>


<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-respect span','<span>+','<span>');
   changeS('#pun-ulinks .item2','Активные темы','Активные');
   changeS('#pun-ulinks .item3','Темы без ответов','Без ответов');
   changeS('#pun-stats h2 span','Статистика форума','Statistics');
   changeS('#pun-status .item1','Привет','Теперь ты часть нашей истории');
   changeS('#pun-status .item2','Ваш последний визит:','Попытка спасти мир была');
</script>

<!-- Исключение из "Цитировать" подписи и "отредактировано" -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>

<script>
$('#pun-index .tcr').each(function(){
$(this).find('.lastpost, .lastpost-link').wrapAll('<div class="lastmess_wrap">');
});
</script>

<!-— Имидж первая часть скрипта -->

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['PAPER TOWNS', 'GONE WITH THE WIND', 'DREAM INTERPRETATION', 'FAHRENHEIT 451', 'THE SIRENS OF TITAN'],
    forumAccessExtended: {
        'VALHALLA': ['пользователи'],
        'THE PICTURE OF DORIAN GRAY': ['пользователи'],
        'ARCH OF TRIUMPH': ['пользователи'],
        'THE PERKS OF BEING A WALLFLOWER': ['пользователи'],
        'PAPER TOWNS': ['пользователи'],
        'A ROOM WITH THE VIEW': ['пользователи'],
        'GONE WITH THE WIND': ['пользователи'],
        'DREAM INTERPRETATION': ['пользователи'],
        'FAHRENHEIT 451': ['пользователи'],
        'ALL THOSE THINGS WE NEVER SAID': ['пользователи'],
        'THE STRANGE JOURNEY OF MR. DALDRY': ['пользователи'],
        'THE MAN WHO LAUGHS': ['пользователи'],
        'VANITY FAIR': ['пользователи'],
        'THE MINDS OF BILLY MILLIGAN': ['пользователи'],
        'GAME ARCHIVE': ['пользователи'],
        'THE SIRENS OF TITAN': ['пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'Герой',
            description: 'Имя',
            tag: 'heroinfo',
            class: 'pa-fld1',
            defaultCode: 'ИМЯ-ФАМИЛИЯ КАПСОМ НА РУССКОМ ЯЗЫКЕ',
            type: 'html'
        },
        'pa-fld6': {
            title: 'Фандом',
            description: 'Фандом на англ.',
            tag: 'cast',
            class: 'pa-fld6',
            defaultCode: 'FANDOM NAME',
            type: 'text'
        },
        'pafld2': {
            title: 'Личное звание',
            description: 'Раса, место жительства, прочее',
            tag: 'herolz',
            class: 'pa-fld2',
            defaultCode: ' › раса, деятельность персонажа;<br> › место жительства и лояльность персонажа, сторона, которую он поддерживает;<br> › пара, другое',
            type: 'html'
        }
    }
,
    userFields: ['pa-title','pa-author', 'pa-avatar item2', 'pa-fld1', 'pa-fld6', 'pa-fld2', 'pa-fld3', 'post-author-Sp']
});
</script>

<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.post-content').each(function() {
        var CNT = $(this).html();
        CNT = CNT.replace(/<p><br><\/p>/img,'');
        CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
        CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
        $(this).html(CNT);
    });
    </script>

<script type="text/javascript" >
  $('.pa-respect .fld-name').attr('title','Репутация');
  $('.pa-posts .fld-name').attr('title','Сообщения');
  $('.pa-fld3 .fld-name').attr('title','Филлинги');
  $('.pa-fld5 .fld-name').attr('title','Постов');
</script>

<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-22px 0 0 18px;background: var(--pun);font-size: 8px;width: 11px;height: 11px;text-align: center;border-radius: 100%;padding: 0;border: 1px solid var(--borders);font-weight: 500;line-height: 11px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>


<!--замена коротких тире на длинные -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})</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 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>

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], span.offctgr img[title]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>

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




<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><span>up</span></div>
<div class="go-down" id='OnBottom'><span>down</span></div>
<!--кнопки вверх вниз-->
<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>

<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/001b/6b/7e/85302.js?v=4"></script>

<!-- аватар для гостя и игрока -->
<script type="text/javascript">
var DefAvtr="https://upforme.ru/uploads/0015/e5/b7/3090/445638.png"; //Для Игрока
var GuestAvtr="https://upforme.ru/uploads/0015/e5/b7/3090/445638.png";//Для Гостя
$("li.pa-author").each(function(){
var b = DefAvtr;if($(this).text()=='Гость')b = GuestAvtr;
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
if (($(this).parents(".post-author").find("li.pa-avatar").length)==0){$(this).after(s);};});
</script>

<!-- Загружаем изображения на Imgur и работаем с фото из Instagram-->
    <script type="text/javascript" src="https://forumstatic.ru/files/0017/d8/50/14900.js"></script>

<!-- Поиск игровых постов по Нику в Указанных форумах --> 
<script>FORUM.forumSarr_ = [8,9,10,14]; //Форумы поиска; </script>
<script type="text/javascript" src="https://forumstatic.ru/files/0014/cc/0a/74652.js"></script>

<script type="text/javascript">
document.onkeydown=function(e){
if (e) event=e
if ((event.keyCode==13)&&(event.ctrlKey)){
document.getElementById('post').submit.click();
}}
</script>

<!--дополнительные медиахостинги v.2 © Romych-->
<script type="text/javascript">
$(function(){
 
var media2=
$('.media_link img').tipsy({live:true,gravity:'s',fade:true});$('#video-area-hsel').addClass('media-t1');$('#video-area').prepend('<div id="media-wrapper"><ul class="media-tabs tabs1"><li class="media-t1 tab-current"><a>Первый список</a></li><li class="media-t2"><a>Второй список</a></li></ul><br><div class="media-t2"></div></div><br>');$.each(media2,function(i){$('#video-area div.media-t2').append('<a class="media_link" href="javascript:void(0)"> <img style="padding: 5px;" alt="'+media2[i]+'" title="'+media2[i]+'" src="https://plus.google.com/_/favicon?domain='+media2[i]+'"> </a>');});$('#video-area div.media-t2').append('<br><br><div id="video-area-tcon2"><div id="video-area-thd2">Вставьте  iframe-код медиафайла (аудио, видео)</div><textarea id="video-area-tinp2" onclick="this.select();"></textarea><div id="video-area-msg2" style="margin: 0.5em 0;padding: 0.3em;"></div></div><div id="video-area-actions2"><a class="frame_host" href="javascript:void(0)" >Вставить</a>  <a onclick="changeVisibility(\'video-area\'); return false;"href="#">Закрыть</a></div>');$('a.frame_host').click(function(e){var self=$('#video-area-tinp2');setTimeout(function(e){var paste=$(self).val();paste=paste.replace(/'/gi,'"');var frm=[];if(paste.indexOf('param name="movie"')!=-1){frm=paste.split(/param name=\"movie\" value=\"(.*?)\"/i);}
if((paste.indexOf('<iframe')!=-1)||(paste.indexOf('<embed')!=-1)){frm=paste.split(/src=\"(.*?)\"/)};if(paste.indexOf('data=')!=-1){frm=paste.split(/data=\"(.*?)\"/)};if(frm[1].slice(frm[1].indexOf('.swf')+4).length<=2){var fls=paste.split(/param name=\"flashvars\" value=\"(.*?)\"/i);frm[1]=frm[1]+'?&'+fls[1]};var wd=paste.split(/width=\"(.*?)\"/);var hg=paste.split(/height=\"(.*?)\"/);for(var i=0;i<media2.length;i++){if(frm[1].indexOf(media2[i])!=-1){insert('[video2='+wd[1]+'|'+hg[1]+']'+frm[1]+'[/video2]\n');changeVisibility('video-area');$(self).val('');}
else{$('#video-area-msg2').text('Неподдерживаемый хостинг.');$(self).val('');}};},0);});$('ul.media-tabs.tabs1 li').click(function(){var thisClass=this.className.slice(0,8);$('div.media-t1, div.media-t2, div.media-t3').hide();$('div.'+thisClass).fadeToggle('fast');$('ul.media-tabs.tabs1 li').removeClass('tab-current');$(this).addClass('tab-current');});var ls=document.querySelectorAll(".post-content p");for(x in ls){var pst=ls[x].innerHTML;for(var i=0;i<media2.length;i++){if(pst.indexOf(media2[i])!=-1){pst=pst.replace(/\[video2=(.*?)\|(.*?)\](.*?)\[\/video2\]/gi,'<br /><iframe width="$1" height="$2" src="$3" frameborder="0" scrolling="no" allowfullscreen></iframe>');}}
ls[x].innerHTML=pst;}});
</script>

<!-- Отправка сообщения по Ctrl + Enter -->
<script type="text/javascript">
document.onkeydown = function (e) {
  if (e) event = e
  if ((event.keyCode == 13) && (event.ctrlKey)) {
    document.getElementById('post').submit.click();
    $('#main-reply').val('');
  }
}
</script>
<!-- END. Отправка сообщения по Ctrl + Enter —>

<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

<!-- Кнопка отключения мгновенного предпросмотра -->
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!--ТЕГ justify -->
 <style>
    #button-justify {background:transparent}</style>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#post #button-right").after('<td id="button-justify" align="center" valign="center" title="Выравнивание по ширине"><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');});
    </script>

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
    <script img-data="https://sa.uploads.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="0"></script>
    <!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->
<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>

    <!-- Награды во всплывающую табличку -->
    <style>.punbb .pa-awards{display:none!important}</style><script type="text/javascript">
    FORUM.myTabsAddFunc = function () {var a=$('.my-tabs:visible');var tid=a.attr('tid');
      var pstAuth = $('.post-author .a-info[alt$="id='+tid+'"]:first').parents('.post-author');var str = '<tr>',max = 3;
      var lng = pstAuth.find('.mini_awards>a').length;if(!lng)return;a.children('span:last').before('<span>Награды и подарки</span>');
      a.find('.tab-a:last').before('<li class="tab-a t-award" num-tab="0-0" style="display:none"></li>');
      a.find('.t-award').append('<div class="post-content"><table id="awrd-cnt"></table></div>');pstAuth.find('.mini_awards>a').each(function(i){
        var img = $(this).find('img').attr('src'),ttl = $(this).find('img').attr('title');if(!ttl)ttl = $(this).find('img').attr('original-title');
        var add = '<td style="width:7%"><center><img src="'+img+'" alt="'+img+'" class="postimg"/></center></td>';
        add += '<td style="width:26%"><span style="font-style:italic">'+ttl+'</span></td>';
        str+=add;if(i%max==max-1)str+='</tr><tr>';
      }); str += '</tr>';a.find('#awrd-cnt').append(str); a.children('span:first').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>

<!-- Индикатор активности пользователя © Alex_63 -->
<script type="text/javascript">
$('.post-author:not(.online) .pa-author').addClass('offline');
$('.post-author.online .pa-author').addClass('onlines');
$('.post').each(function(){
  var PostAuthorLogin = $(this).find('li.pa-author>a').text();
  var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
  var regTime = $(this).find('.pa-reg').text().split('Зарегистрирован:')[1];
  var visitTime = $(this).find('.pa-last-visit').text().split('Последний визит:')[1];
  $(this).find('.pa-author.onlines').prepend('<img src="/i/blank.gif" class="indOnline" title="'+PostAuthorLogin+' на форуме'+activeTime+'" />');
  $(this).find('.pa-author.offline').prepend('<img src="/i/blank.gif" class="indOffline" title="'+PostAuthorLogin+' сейчас не на форуме, последний визит: '+visitTime+'. Дата регистрации '+regTime+' "/>');
});
</script>
<!-- маленько редактуры духа -->

<!-- взаимный пиар -->
<script>
function getUrlParameterByName(e,t){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var r=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(t);return null==r?"":decodeURIComponent(r[1].replace(/\+/g," "))}function getRandomInt(e,t){return Math.floor(Math.random()*(t-e))+e}function copyAdvertisingToClipboard(e,t){e.preventDefault();var r=$(t).closest(".post").find(".permalink").attr("href"),n=$("<textarea>");$("body").append(n);var i=advertiseCodes[getRandomInt(0,advertiseCodes.length)]+"\n[url="+r+"]Ваша реклама[/url]";n.val(i).select(),document.execCommand("copy"),n.remove()}function addAdvertiseLink(e){getUrlParameterByName("id",window.location.href)==e&&$(".post").each(function(){var e=$("<li>").attr("class","pl-advlink").append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>');$(this).find(".post-links ul").append(e)})}

var advertiseCodes=[
"[align=center][size=20][url=https://crossfeeling.ru/][i]C R O S S F E E L I N G [/i][/url][/size][/align][align=center]и каст[/align][align=center][size=24][font=Yeseva One]B A L D U R' S  G A T E[/font] [/size][/align][align=center]ждет [b]героев [/b] и [b]злодеев[/b][/align][align=center][url=https://crossfeeling.ru/][img]https://i.imgur.com/njDcPs8.gif[/img][/url][/align]" // последняя строчка без запятой
];

addAdvertiseLink(11769);
</script>

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