У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

urie!twentyonewentz

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

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


Вы здесь » urie!twentyonewentz » какие-то коды » весна дюти зеленый


весна дюти зеленый

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

1

структура style.css1
Код:
/*************************************************************
КОДЫ ;DULCIS BLANCHES v.2020
**************************************************************
I. ШРИФТЫ
-------------------------------------------------------------*/

 @import url(style_cs.css);
 @import url('http://forumstatic.ru/files/0018/53/d9/99509.css');
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css";
 
/* латиница */
 @import url('http://forumstatic.ru/files/001a/e6/32/96348.css');
 @import url('http://forumstatic.ru/files/001a/e6/32/37195.ttf');
/* кириллица*/
 @import url('http://forumstatic.ru/files/001a/e6/32/69839.css');
 @import url('http://forumstatic.ru/files/001a/e6/32/63017.css');
 @import url('http://forumstatic.ru/files/000f/ee/14/70530.otf');

/* для холи */
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geo:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
@import url(http://forumstatic.ru/files/0018/25/96/61263.css); /* bebasneueregular */
@import url('http://forumstatic.ru/files/0018/25/96/96874.css'); /* blanchcaps */
@import url('http://forumstatic.ru/files/0018/25/96/17676.css'); /* conyregular */
@import url('https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('http://forumstatic.ru/files/0018/25/96/99829.css'); /* vogue */
@import url(http://forumstatic.ru/files/0018/25/96/48104.css); /* vtregular */
@import url('http://forumstatic.ru/files/0018/25/96/75604.css'); /* oldlondon */
@import url('http://forumstatic.ru/files/0018/25/96/80837.css'); /* plaingermanica */
@import url('http://forumstatic.ru/files/0018/25/96/44901.css'); /* artisans */
@import url('http://forumstatic.ru/files/0018/25/96/40318.css'); /* baysoir */
@import url('http://forumstatic.ru/files/0018/25/96/51150.css'); /* austinpen */
@import url('http://forumstatic.ru/files/0018/25/96/81362.css'); /* broadcastmatter */
@import url('http://forumstatic.ru/files/0018/25/96/50408.css'); /* celestadiaz */
@import url('http://forumstatic.ru/files/0018/25/96/32405.css'); /* halimunregular */
@import url('http://forumstatic.ru/files/0018/25/96/42470.css'); /* hijrnotes */
@import url('http://forumstatic.ru/files/0018/25/96/34835.css'); /* hestericaregular */
@import url('http://forumstatic.ru/files/0018/25/96/83036.css'); /* pinkscriptregular */
@import url('http://forumstatic.ru/files/0018/25/96/93336.css'); /* santiago */
@import url('http://forumstatic.ru/files/0018/25/96/40344.css'); /* signerica */
@import url('http://forumstatic.ru/files/0018/25/96/52635.css'); /* sugarcreates */
@import url('http://forumstatic.ru/files/001a/a3/aa/12598.css');


/* Шрифты
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700&subset=cyrillic,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('http://forumstatic.ru/files/0019/72/4d/38330.css'); /* oswaldregular italic */

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&subset=cyrillic,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700&subset=cyrillic,latin-ext');

@import url('http://forumstatic.ru/files/0019/d1/83/14243.css'); /* CeraPro-Light */
@import url('http://forumstatic.ru/files/0019/d1/83/50292.css');  /* чеки */
@import url('http://forumstatic.ru/files/0019/d1/83/30197.css');  /* для фоточек */
@import url('http://forumstatic.ru/files/0010/d5/9e/57027.css');  /* личные страницы */
@import url('http://forumstatic.ru/files/0010/d5/9e/47087.css');  /* шрифт Bebas Neue */
@import url('http://forumstatic.ru/files/000f/ee/14/15223.css'); /* шрифт BebasNeueRegular */
@import url(//forumstatic.ru/files/0010/d5/9e/60588.css); /* Oswald Regular */
@import url(//forumstatic.ru/files/0010/d5/9e/26919.css); /* Calibri */



/* Есть кириллица 
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Alegreya|Alegreya+Sans+SC|Amatic+SC|Anonymous+Pro|Bad+Script|Caveat|Comfortaa|Didact+Gothic|Forum|IBM+Plex+Mono|Kelly+Slab|Lobster|Marck+Script|Montserrat|Neucha|Oswald|PT+Sans+Narrow|Pacifico|Pangolin|Pattaya|Philosopher|Play|Playfair+Display|Poiret+One|Press+Start+2P|Roboto+Condensed|Russo+One|Yanone+Kaffeesatz|Yeseva+One');
@import "http://fonts.fontstorage.com/import/cuprum.css";
@import url('http://forumstatic.ru/files/0018/25/96/71024.css');
@import url('http://forumstatic.ru/files/0018/25/96/16145.css');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');

/* Только латиница 
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Acme|Anton|Berkshire+Swash|Cabin+Sketch|Cinzel|Cinzel+Decorative|Cookie|Cormorant+Garamond|Dancing+Script|Dosis|Fjalla+One|Gloria+Hallelujah|Homemade+Apple|Indie+Flower|Julius+Sans+One|Just+Another+Hand|Kalam|Kaushan+Script|Merriweather|Norican|Noto+Serif|Pacifico|Permanent+Marker|Play|Poiret+One|Quicksand|Rajdhani|Raleway|Reenie+Beanie|Roboto+Mono|Sacramento|Satisfy|Shadows+Into+Light|Shrikhand|Special+Elite|Yellowtail');
@import url(http://allfont.ru/allfont.css?fonts=bakerscript);
@import url('http://forumstatic.ru/files/0018/25/96/36504.css');
@import url('http://forumstatic.ru/files/0018/25/96/50375.css');
@import url('http://forumstatic.ru/files/0018/25/96/40344.css');
@import url('http://forumstatic.ru/files/0018/25/96/80837.css');
@import url('http://forumstatic.ru/files/0018/25/96/78797.css');
@import url('http://forumstatic.ru/files/0018/25/96/89730.css');
@import url('http://forumstatic.ru/files/0018/25/96/22155.css');
@import url('http://forumstatic.ru/files/0018/25/96/42108.css');
@import url('http://forumstatic.ru/files/0018/25/96/98515.css');
@import url('http://forumstatic.ru/files/0018/25/96/28807.css');
@import url('http://forumstatic.ru/files/0018/25/96/81362.css');
@import url('http://forumstatic.ru/files/0018/25/96/30281.css');
@import url('http://forumstatic.ru/files/0018/25/96/78956.css');
@import url('http://forumstatic.ru/files/0018/25/96/90657.css');
@import url('http://forumstatic.ru/files/0018/25/96/24603.css');
@import url('http://forumstatic.ru/files/0018/25/96/85818.css');
@import url('http://forumstatic.ru/files/0018/25/96/48143.css');
@import url('http://forumstatic.ru/files/0018/25/96/83036.css');
@import url('http://forumstatic.ru/files/0018/25/96/35414.css');
@import url('http://forumstatic.ru/files/0018/25/96/46475.css');
@import url('http://forumstatic.ru/files/0018/25/96/62896.css');
@import url('http://forumstatic.ru/files/0018/25/96/18266.css');
@import url('http://forumstatic.ru/files/0018/25/96/82570.css');
@import url('http://forumstatic.ru/files/0018/25/96/91033.css');
@import url('http://forumstatic.ru/files/0018/25/96/74621.css');
@import url('http://forumstatic.ru/files/0018/25/96/42499.css');
@import url('http://forumstatic.ru/files/0018/25/96/34835.css');
@import url('http://forumstatic.ru/files/0018/25/96/37630.css');
@import url('http://forumstatic.ru/files/0018/25/96/42470.css');
@import url('http://forumstatic.ru/files/0018/25/96/98994.css');
@import url('http://forumstatic.ru/files/0018/25/96/92956.css');
@import url('http://forumstatic.ru/files/0018/25/96/73072.css');
@import url('http://forumstatic.ru/files/0018/25/96/40318.css');
@import url('http://forumstatic.ru/files/0018/25/96/74889.css');
@import url('http://forumstatic.ru/files/0018/25/96/16336.css');
@import url('http://forumstatic.ru/files/0018/25/96/56600.css');
@import url('http://forumstatic.ru/files/0018/25/96/43922.css');
@import url('http://forumstatic.ru/files/0018/25/96/48579.css');
@import url('http://forumstatic.ru/files/0018/25/96/44137.css');
@import url('http://forumstatic.ru/files/0018/25/96/79674.css');
@import url('http://forumstatic.ru/files/0018/25/96/44901.css');


html{min-width: 1200px!important;}/*для мобил*/


@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');

@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Amatic+SC|Anonymous+Pro|Kelly+Slab|Lobster|Montserrat|Neucha|Oswald|PT+Sans+Narrow|Pangolin|Pattaya|Philosopher|Playfair+Display|Poiret+One|Press+Start+2P|Roboto+Condensed|Russo+One|Yeseva+One');

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext');

@import url('https://forumstatic.ru/files/000f/ee/14/15223.css'); /* шрифт BebasNeueRegular */

@import "http://fonts.fontstorage.com/import/cuprum.css"; /* Cuprum */
@import url('https://forumstatic.ru/files/0018/25/96/71024.css'); /* drinaregular */

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Cinzel|Cormorant+Garamond|Julius+Sans+One|Permanent+Marker|Poiret+One|Quicksand|Rajdhani|Raleway|Shadows+Into+Light|Special+Elite');
@import url('https://forumstatic.ru/files/0018/25/96/80837.css'); /* plaingermanica */
@import url('https://forumstatic.ru/files/0018/25/96/78797.css'); /* notera */
@import url('https://forumstatic.ru/files/0018/25/96/22155.css'); /* hightide */
@import url('https://forumstatic.ru/files/0018/25/96/42108.css'); /* hellostranger */
@import url('https://forumstatic.ru/files/0018/25/96/28807.css'); /* epicride */
@import url('https://forumstatic.ru/files/0018/25/96/81362.css'); /* broadcastmatter */
@import url('https://forumstatic.ru/files/0018/25/96/78956.css'); /* peterjhons */
@import url('https://forumstatic.ru/files/0018/25/96/35414.css'); /* futureshock */
@import url('https://forumstatic.ru/files/0018/25/96/46475.css'); /* deutschlanderregular */
@import url('https://forumstatic.ru/files/0018/25/96/62896.css'); /* stayclassy */
@import url('https://forumstatic.ru/files/0018/25/96/37630.css'); /* lovehewitsregular */
@import url('https://forumstatic.ru/files/0018/25/96/42470.css'); /* hijrnotes */
@import url('https://forumstatic.ru/files/0018/25/96/98994.css'); /* antrovectraregular */
@import url('https://forumstatic.ru/files/0018/25/96/73072.css'); /* milanosky */
@import url('https://forumstatic.ru/files/0018/25/96/40318.css'); /* baysoir */
@import url('https://forumstatic.ru/files/0018/25/96/74889.css'); /* hermes */
@import url('https://forumstatic.ru/files/0018/25/96/16336.css'); /* mottura two */
@import url('https://forumstatic.ru/files/0018/25/96/44137.css'); /* tamoro script */
@import url('https://forumstatic.ru/files/0018/25/96/79674.css'); /* white oleander */
@import url('https://forumstatic.ru/files/0010/d5/9e/39982.css'); /* Great Vibes */
@import url('https://forumstatic.ru/files/0010/d5/9e/90770.css'); /* Bradobrei */
@import url('https://forumstatic.ru/files/0010/d5/9e/96083.css'); /* Shlapak Script */
html{min-width: 1200px!important;}/*для мобил*/




/* II. ССЫЛКИ, ЦВЕТА ТЕКСТА, ВСЕ BEFORE
-------------------------------------------------------------*/
/* цвет текста на форуме */
.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;  color: #246361;  font-weight: normal;  font-style: normal;}
.punbb .post-box {    padding: 0;    color:#1c3b3a; padding-top: 1px;}


/*--------------------- ссылки ---------------------*/

/* все ссылки до наведения */
.punbb a {text-decoration: none !important;-webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    color: #6b8596;}

#pun-admain a {color: #773c45 !important;}


/* все ссылки после наведения */
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #597298;text-decoration: none;}


/* новые соо и тд */
#pun-ulinks a { color: #b0c5b5; text-shadow: 1px 1px 0 #42232a; font-family: Arial; -webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0s linear; -moz-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0s linear; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0s linear; } #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {color: #c8cafd; text-shadow: 0 0 2px #1c2b2d;text-decoration: none; }



/*--------------------- бефор ---------------------*/
span.item1:before, span.item2:after {    content: "—";margin: 0 5px 0 5px;}
#pun-redirect .main-title:before, #pun-redirect .main-title:after {    content: "—";margin: 0 5px 0 5px;}

#pun-index .tcl h3:before, #pun-index .tcl h3:after {content: "—";margin-left: 5px;}
.pa-author:before, .pa-author:after, #profile-left #profile-name strong:before, #profile-left #profile-name strong:after, #profile-left #pa-edit strong a:before, #profile-left #pa-edit strong a:after, #profile-right span:before, .s-prin s-prin3:before, .s-prin s-prin3:after, .s-tem s-akt1 b:before, .s-tem s-akt1 b:after, .s-chh s-ch2:before, .s-chh s-ch2:after, .s-bank5 b:before {content: "—";    margin: 0 5px 0 5px;}
.s-tem s-tem1:before, .s-tem3 s-tem3a s-tem3b:before, .s-tem31 s-tem3a1 s-tem3b1:before, .s-tem5 s-tem5a:before, .s-tem51 s-tem5a:before, .s-tem g1:before, .st2:before, .s-prin s-prin1:before, .s-bank4 div:before {content: "•••";margin-right: 10px;    letter-spacing: 5px;}

.sp5:before, .sp5:after {content: ".....";}
.sp8:before {content: "...";    margin-top: -46px;    position: absolute;}
.sp8:after {content: "...";    margin-top: -17px;    float: right;}
.sp5:before {    margin: -55px 0 17px -34px;}

#pun-ulinks li.item1 a:before, #pun-ulinks li.item4 a:before, #pun-ulinks li.item5 a:before, .item8.nav-item-notifications a:before, #pun-ulinks li.item6 a:before {content: "•";margin: 1px 0 0 -9px;    letter-spacing: 5px;    position: absolute;}
#pun-ulinks li.item1 a:after, #pun-ulinks li.item7 a:after, #pun-ulinks li.item2 a:after,  #pun-ulinks li.item6 a:after {content: "•";margin: 1px 0 0 6px;    letter-spacing: 5px;    position: absolute;}
.s-gost s-gost3 div:after {content: "•";margin: 0 1px 0 3px;}
 

/* III. ПРАВКА ПО СТРАНИЦАМ
-------------------------------------------------------------*/

/*#pun-main.main.multipage .container {    margin-top: 34px;}*/
#pun-main.main.multipage tr { }
#pun-stats ul.container .item3 {  display: none;  } 
.lastedit {display:none;}
#pun .modlist {display: none;}

/* привет, ваш посл визит bla */ #pun-status .container, .s-table-1 { position: absolute; width: 780px; left: 124px; font-size: 7px !important; font-family: 'Merriweather', serif; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
#pun-status .container {top: 117px;}
.s-table-1 {top: 361px;}

#pun-status .container, #pun-status .container a, #pun-status .container a:hover, .s-table-1, .s-table-1 a, .s-table-1 a:hover {color: #cea13c;
    text-shadow: 1px 1px 0 #c57160a1;}
.status_userava>img{width: 50px ; height: 50px ; position: absolute; left: 887px ; object-fit: cover; top: 167px ;}
span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong {font-weight: normal !important;}
span.item4 {display:none;}



/*--------------------- главная ---------------------*/

#pun-index th, #pun-viewforum th {   font-size:0 !important; }
#pun-announcement {    margin-bottom: -28px;}
.punbb .main .tcmod {width: 2%;}
#pun-index  .main .tc2, #pun-index  .main .tc3 {    display: none;}
#pun-index .main .tcr {width: 360px;}
.punbb {  float: auto;height: auto;    width: 89%;    padding-left: 66px;}

/* названия тем и ролевой */
#pun-crumbs1 p.container, #pun-crumbs2 .container {    font-size: 8.5px !important;    font-family: Arial !important;    letter-spacing: 0.5px !important;    text-transform: uppercase;}
#pun-crumbs1 p.container {    width: 948px;    margin: -140px 0 155px -20px;    text-align: center;}
#pun-crumbs2 .container {     margin: 73px 0 0px -11px;    position: absolute;    width: 952px;    text-align: center;}

#pun-crumbs1 p.container, #pun-crumbs2 .container , #pun-crumbs1 p.container span, #pun-crumbs1 p.container a, #pun-crumbs2 .container a {   color: #15566f !important; text-shadow: 1px 1px 1px #dadada;}
#pun-crumbs1 p.container a:hover, #pun-crumbs1 p.container a:focus, #pun-crumbs2 .container a:hover, #pun-crumbs2 .container a:focus {color: #ff8da0 !important;}


/* посетили за сутки */
#pun-stats ul.container {margin: -53px 0 36px 12px;width: 988px;}
li#onlinelist {    margin-top: 10px;    border-top-style: solid;    border-top-width: 1px;    float: left;    width: 99%;    line-height: 130%;    text-align: justify;}
li#onlinelist div {    line-height: 15px;}


/* всего тем, сообщений */
#pun-stats li.item1, #pun-stats li.item2 {width: 200px;margin-right: 9px;}

/* последним зарегистрировался  */
#pun-stats li.item4 {width: 400px;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item4 {display: inline-block;text-align: center;margin-bottom: 5px;}



/* тем, соо */
.Add {margin-top: -4px; margin-left: 338px;}
.Tems_And_messages {width: 60px;text-align: center;    display: inline-block;}
.Tems_And_messages1 {margin: -9px 0 0 418px;width: 60px;text-align: center;    display: inline-block;margin-left: 16px;}


/* аватар */
.punbb .tcr .user-avatar {    margin: -3px 46px 0 0px;    float: right !important;}
.punbb .user-avatar .avatar-image {    border-radius: 0% !important;    height: 38px !important;    width: 38px !important;    opacity: .7 !important;}
#pun-messages .user-avatar {    margin: 3px 25px 0px 0;}
#pun-index .user-avatar .isonline {    top: 4px !important;    right: -12px !important;}
#pun-userlist .user-avatar .isonline, #pun-messages .user-avatar .isonline {    top: 1px !important;    right: 6px !important;}
#pun-viewforum .user-avatar .isonline {    top: -1px !important;    right: 2px !important;}
.user-avatar .isonline {    background: #ecd6b5 !important;}



/*--------------------- по страницам ---------------------*/

#pun-viewforum .linkst .postlink, #pun-messages .linkst .postlink, #pun-searchtopics .linkst .postlink {position: absolute;margin:-30px 0 0 707px}
#pun-viewforum .linksb .postlink, #pun-messages .linksb .postlink, #pun-searchtopics .linksb .postlink {right: 52px;}
#pun-viewforum .linksb .pagelink, #pun-messages .linksb .pagelink, #pun-searchtopics .linksb .pagelink, #pun-userlist .linksb .pagelink, #pun-multimove .linksb .pagelink {left: -10px;}
#pun-viewforum .linksb .postlink, #pun-searchtopics .linksb .postlink {margin-top:-73px;position: absolute;z-index: 1;}
#pun-viewforum .linksb .pagelink, #pun-searchtopics .linksb .pagelink, #pun-userlist .linksb .pagelink, #pun-multimove .linksb .pagelink  {margin-top:-23px;position: absolute;    z-index: 1;}
#pun-messages .linksb .pagelink, #pun-messages .linksb .postlink {margin-top:98px;position: absolute;}
#pun-messages #messages .linksb .pagelink, #pun-messages #messages .linksb .postlink {bottom: 86px;position: absolute;z-index:1}
#pun-viewforum .modmenu a, #pun-messages .modmenu a {    margin: 18px 0 0 57px;position: absolute;    z-index: 1;}
.tclcon .newtext {display: none;}
#pun-main.main.multipage tr .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {width:30px !important; height: 30px !important;border: 1px solid #fefefe;    outline: 1px solid #a9b1c4;} /* настройка аватара */
#pun-main.main.multipage .tc2, #pun-main.main.multipage .tc3 {    text-align: center;    width: 8%;}
.stickytext, .closedatafield {display: none;}
#pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span {display:none;}



/* влияет на форму ответа и по страницам */
.punbb fieldset {margin: 11px 29px 0 17px;padding: 0;text-align: justify;}
.punbb .main .tcr a { font-size: 10px; letter-spacing: 1px; margin-top: 0px; display: inline-block; margin-bottom: 4px; font-family: 'Merriweather', serif; }
.punbb .main .tcr a:hover, .punbb .main .tcr a:focus {}

/*--------------------- поиск соо ---------------------*/

.main.multipage .topic {    margin-top: 11px;}
#pun-searchposts .post h3 strong {margin-top: 10px !important;}
#pun-searchposts .post h3 {    margin: 8px 0 -36px 219px;
    width: 773px;
    text-align: center;}
#pun-searchposts .post h3, #pun-post h2 span {font-family: 'Merriweather', serif;font-size: 9px;letter-spacing: .5px;}
#pun-searchposts .post h3 a, #pun-post h2 span {color: #735c38;    text-shadow: 1px 1px 0 #ead6b5, 0 0 10px #ead6b5;}
#pun-post h2 span {margin: 27px 0 0 -20px;position: absolute;}
#pun-post .FNTslider, #pun-searchposts .FNTslider, #pun-messages .FNTslider {display:none;}
#pun-post .post h3 strong {margin-top: 25px;}
#pun-searchposts .post-author {margin-top: -27px !important;    margin-bottom: 100px;}
#pun-post .post-author {margin-top: -11px !important;}
#pun-post .post.toppost .post-author {margin-top: -19px !important;}
#pun-searchposts #pun-about p.container {margin-top: -73px;}
#pun-searchposts #pun-crumbs2 .container {margin: -26px 0 0px -11px;}
#pun-searchposts .linksb .pagelink {    margin-top: -57px;}
#pun-searchposts .linksb .pagelink {     left: -10px;}
#pun-post .st11, #pun-post .st1 {margin-top: -11px;}
#pun-searchposts .st11, #pun-searchposts .st1 {margin-top: -44px;}
#userlist.container .fs-box.inline, #userlist.container fieldset legend {margin-left: -25px !important;}



/*--------------------- создание темы ---------------------*/

.punbb .required label, .punbb .datafield span.input, .selectfield label, .inputfield label, #pun-admain legend span {padding: 0 5px;margin: 0 0 0 -5px;background-color: transparent !important;font-family: 'Merriweather', serif;font-size: 8px !important;letter-spacing: 3px;margin-bottom: 5px !important;display: inline-block;
color: #151450 !important}
input#tags {margin-bottom: 31px;height: 13px;}

 

/*--------------------- в теме ---------------------*/

#main-reply {    height: 213px;}
#pun-live-rusff, .postlink .closed, .topic a.sharelink, #topic-feed, #pun-main h1, #topic-modmenu.modmenu a {display: none !important;}
#topic-users-in.modmenu {margin: 0px 0 5px 20px;    width: 875px;    line-height: 15px;}
.linkst, .pagelink {     float: left; position: relative;  margin: 16px -44px 15px 24px;}
.punbb .linksb {  text-align: right;  padding: 0px 30px 0 0;margin: 0px 0 -40px 0;}
dl.post-sig {    margin-left: -30px;}
#pun-viewtopic .linksb .pagelink {margin: -52px 0 0 225px;}
#pun-viewtopic .post.topicpost {margin-top: 0px;}
#pun-viewtopic .linkst {top: -15px;
    z-index: 1;}
.linkst {} 
#pun-viewtopic .post.topicpost h3 {   margin: -22px 13px 6px 219px}

/* двигает кнопку модерирование */
#topic-modmenu.modmenu {    margin: -12px 0 0 -7px;    width: 300px;} #topic-modmenu strong {    margin: -66px 0 0 0px;}

/* посты по ширине */
.punbb .post-content p {    margin: 0;    padding-bottom: 10px;    line-height: 150%;   }
.punbb .post-content {  padding: 0;  margin: 0;  width: 100%;  /*overflow: hidden; ВАЖНОЕ*/    text-align: justify;}

.subscribelink, #pun-viewtopic .linksb .postlink a {margin-top: 13px !important;position: absolute;}
.subscribelink {margin-left: -366px !important;width: 200px;}
#pun-viewtopic .linksb .postlink a {margin-left: -125px !important;width: 90px;}

small#plng {margin-left: -3px;padding: 2px 10px 3px 10px;display: inline-block;font-family: codeproregular;font-size: 8px;letter-spacing: 1px;width: 160px;text-align: center;    height: 13px;}
small#plng b {font-family: curatorregular;    font-size: 12px;}

form#post.container legend span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span, .subscribelink, #pun-viewtopic .linksb .postlink a {margin: 6px 2px 6px -6px;font-family: codeproregular;padding: 6px 15px 3px 15px;font-size: 10px; letter-spacing: 1px;display: inline-block;text-align: center;}
form#post.container legend span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span, small#plng, .subscribelink, #pun-viewtopic .linksb .postlink a {    color: #9b877d;
    border: 1px solid #c0b790;}
form#post.container legend span {margin-left: 10px;width: 270px;}
fieldset#post-preview legend span {margin: 0px 0 0px -8px !important;}


/* разделитель между постами */
.endpost .post-links ul { margin: 0px 0 0px -24px !important; background: url(http://forumstatic.ru/files/001b/50/f6/30480.png); width: 1024px; height: 59px; }
#pun-post h3 { background: url(https://i.ibb.co/VCQ2SLg/4.jpg) no-repeat; width: 712px; height: 68px; margin: -52px 211px; }

.post h3 { background: url(http://forumstatic.ru/files/0013/17/f8/51634.png) no-repeat; width: 804px; height: 63px; margin: -59px 5px 6px 219px;} div#p1 H3 { margin: -16px 0 0 211px !important; }
.punbb .post-links ul {margin: 0px 0px 0px -20px;    text-align: right;}
li.pl-share, li.pl-reports {display: none !important;}
li.pl-email {
    margin: 7px 7px 30px 6px !important;
    position: relative;}
 
/* фон блоков */
#pun-main .post-links li, .linkst .pagelink, #pun-viewforum .linksb .pagelink, #pun-userlist .linksb .pagelink, #pun-multimove .linksb .pagelink, #pun-messages .linksb .pagelink, #pun-searchposts .linksb .pagelink, #tooltip, .tipsy-inner, #pun-viewforum .linkst .postlink a, #pun-viewtopic .linkst .postlink, #pun-viewforum .linksb .postlink a, #pun-messages .linksb .postlink, #pun-searchtopics .linksb .postlink, #pun-viewforum .modmenu a, #pun-messages .modmenu a, #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon, #pun-modviewforum .icon, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item4 {
padding: 1px 10px 0 10px; font-family: Arial; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; font-size: 8px; padding: 1px 10px 0px; background: linear-gradient(0deg, rgb(28, 59, 58), rgb(101, 137, 115)); border-width: 1px; border-style: solid; border-color: rgb(195, 178, 121); border-image: initial; outline: rgb(82 117 100) solid 1px;
}
#pun-main .post-links li, .linkst .pagelink, #pun-viewtopic .linkst .postlink, #pun-viewforum .linkst .postlink a, #pun-viewforum .linksb .postlink a,  #pun-viewforum .linksb .pagelink, #pun-viewforum .modmenu a, #pun-messages .linksb .pagelink, #pun-messages .linksb .postlink {    outline: 1px solid #628876 !important;}
#pun-main .post-links li {    margin-left: 8px;   margin-top: 7px;    display: inline-block;   z-index: 111;}

.punbb .post-links a, .punbb .post-links a:hover, #pun-viewforum .linksb .pagelink, #pun-userlist .linksb .pagelink, #pun-multimove .linksb .pagelink, #pun-messages .linksb .pagelink, #pun-searchposts .linksb .pagelink, #pun-viewforum .modmenu a, #pun-messages .modmenu a, .linkst .postlink a, #pun-viewforum .linksb .postlink a, #pun-messages .linksb .postlink a, #pun-searchtopics .linksb .postlink a, #pun-viewforum .modmenu a, #pun-messages .modmenu a, .linkst .pagelink, #pun-messages .postlink .button, #tooltip, .tipsy-inner, #pun-viewforum table Div.icon:after, #pun-messages table Div.icon:after, #pun-searchtopics table Div.icon:after, #pun-modviewforum table Div.icon:after, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item4,  #pun-stats li.item4 a {
    color: #fffae9 !important;
    text-shadow: 1px 1px 0 #1c3b3a !important;
}

/* полоски */
li.pl-email.profile a:before, li.pl-quote a:after, .linkst .pagelink:before, #pun-viewforum .linksb .pagelink:before, #pun-userlist .linksb .pagelink:before, #pun-multimove .linksb .pagelink:before, #pun-messages .linksb .pagelink:before, #pun-searchposts .linksb .pagelink:before, #pun-viewforum .linksb .postlink:after, #pun-viewforum .linkst .postlink:after, #pun-viewtopic .linkst .postlink a:after, #pun-stats li.item1:before, #pun-stats li.item4:after {content: "";height: 10px;width: 5px; position: absolute;margin-top: -1px}
li.pl-email.profile a:before, li.pl-quote a:after, .linkst .pagelink:before, #pun-viewforum .linksb .pagelink:before, #pun-userlist .linksb .pagelink:before, #pun-multimove .linksb .pagelink:before, #pun-messages .linksb .pagelink:before, #pun-searchposts .linksb .pagelink:before, #pun-viewforum .linksb .postlink:after, #pun-viewforum .linkst .postlink:after, #pun-viewtopic .linkst .postlink a:after, #pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before, #pun-searchtopics table Div.icon:before, #pun-modviewforum .icon:before, #pun-stats li.item1:before, #pun-stats li.item4:after {
    background: #ec8a0a;
}
li.pl-email.profile a:before, .linkst .pagelink:before, #pun-viewforum .linksb .pagelink:before, #pun-userlist .linksb .pagelink:before, #pun-multimove .linksb .pagelink:before, #pun-messages .linksb .pagelink:before, #pun-searchposts .linksb .pagelink:before {margin-left:-10px;}
li.pl-quote a:after, #pun-viewtopic .linkst .postlink a:after {margin-left:5px;}
#pun-viewforum .linksb .postlink:after, #pun-viewforum .linkst .postlink:after {    margin: 3px 0 0 -6px;}

.endpost li.pl-email.profile { position: inherit; margin: 26px -19px 0px 7px !important; } .endpost li.pl-email.pm { position: inherit; margin: 26px -19px 0px 30px !important; } .endpost li.pl-email.email { position: inherit; margin: 26px -19px 0px 32px !important; } .endpost li.pl-delete { position: inherit; margin: 26px 2px -1px 34px !important; } .endpost li.pl-quote { position: inherit; margin: 0px 4px 0px 8px !important; }
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item4 {padding: 3px 20px !important;}
#pun-stats li.item1:before, #pun-stats li.item4:after {height: 15px;margin-top: -3px;}
#pun-stats li.item1:before {margin-left: -84px;}
#pun-stats li.item4:after {    right: 42px;}

/* выделение странички */
#pun-viewtopic .linksb .pagelink strong {    background: #c0ac91;    color: #373d4a;    text-shadow: none;}
#pun-viewtopic .linkst .pagelink strong, #pun-searchposts .linksb .pagelink strong, #pun-searchposts .linkst .pagelink strong {    /*background: #96b380;*/
    color: #fff;
    text-shadow: 1px 1px 0 #6c7359;}
#pun-viewtopic .linksb .pagelink strong, #pun-viewtopic .linkst .pagelink strong, #pun-searchposts .linksb .pagelink strong,  #pun-searchposts .linkst .pagelink strong {padding: 0px 3px;display: inline-block;font-weight:normal !important;}

/* линия между постом и подписью */
.punbb .post-sig dt {    display: block;    width: auto;    margin: 0 0 0px 0;    opacity: .5;}
.post-content hr {opacity: 1 !important;    margin: 5px 85px 5px 70px;    border-width: 0.5px;    border-style: dashed;    border-color:  #c5c5c5;}


/* страниц, ответить, новая тема, мод. меню */
.linkst .pagelink {margin: -30px 0 0 -35px;    position: absolute;    display: flex;}
#pun-viewtopic .linkst .pagelink {margin: 15px 0 0 -35px; }
#pun-viewtopic .linkst .postlink {position: absolute;margin: 16px 0 0 763px;font-size: 0px;}
#pun-viewtopic .linkst .postlink a {font-size: 8px;}
#pun-viewtopic .modmenu .container {    text-transform: lowercase;    font-family: codeproregular;    font-size: 8px;    letter-spacing: 1px;    margin: 0;}
#pun-viewtopic .modmenu .container span {display: inline-block;font-weight: normal!important;}
div#topic-users-in.modmenu .container a {font-family: Arial;    letter-spacing: 0px;    font-size: 11px;}

/* номер поста */ 
.punbb .post h3 strong {     position: absolute; margin-top: 11px; margin-left: 59px; left: 942px; font-family: codeproregular; padding-top: 1px; width: 27px; font-size: 19px; font-weight: normal; text-align: center; background: linear-gradient( 0deg , #4f898b, #9bbfaa); border: 1px solid #e7ddb9; outline: 1px solid #1c3b3a; color: #f9f2e7; text-shadow: 1px 1px 0 #1c3b3a;} .punbb .post.topicpost h3 strong {    margin-top: 31px; left: 942px;}

/* оценка поста */
div.post-rating a, div.post-vote a {       font-family: codeproregular; padding: 5px 9px 10px 0px; width: 25px; letter-spacing: 1px; text-align: center; display: block; background: #91a179; background: url(https://vk.com/emoji/e/f09f96a4.png) 41% no-repeat, #678b77; border: 1px solid #e88104; background-size: 50%; box-shadow: 0 0 5px #f4f4f4 inset; color: #0a0b08; border: 1px solid #c6e7dd; outline: 1px solid #86a994 !important;}


/* время в посте */
#pun-post h3 a, .permalink, #pun-viewtopic .linksb .pagelink, #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, .FNTslider, #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon, #pun-modviewforum TR.inew Div.icon, #pun-modviewforum TR.isticky Div.icon {      padding: 2px 10px 1px 10px; font-family: codeproregular; letter-spacing: .5px; text-transform: uppercase; font-size: 8px; outline: 1px solid #3b6e78; background: linear-gradient(0deg, rgb(28, 59, 58), rgb(101, 137, 115)); border-width: 1px; border-style: solid; border-color: rgb(245 178 46);}

.modmenu {    margin: -30px 0px 89px 20px;}
#pun-post h3 a, .permalink, .FNTslider, #pun-viewtopic .linksb .pagelink { position: absolute !important; border-left: 5px solid #f4af2b; border-right: 5px solid #eea525; }
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon, #pun-modviewforum TR.inew Div.icon, #pun-modviewforum TR.isticky Div.icon {    border: 1px solid #9198a7;}

#pun-post h3 a, .permalink, #pun-viewtopic .linksb .pagelink, #pun-viewtopic .linksb .pagelink a, #pun-viewforum TR.inew Div.icon:after, #pun-messages TR.inew Div.icon:after, #pun-searchtopics TR.inew Div.icon:after, #pun-viewforum TR.isticky Div.icon:after, #pun-messages TR.isticky Div.icon:after, #pun-searchtopics TR.isticky Div.icon:after, #pun-modviewforum TR.isticky Div.icon:after, #pun-modviewforum TR.inew Div.icon:after {
color: #e3ddd7 !important;
    text-shadow: 1px 1px 0 #373f4e !important;
}

.permalink {margin: 17px 0 0 3px; width: 87px; text-align: center; padding: 2px 3px 1px 3px;} .post.topicpost .permalink {    margin: 16px 0 0 3px}

/* быстрый ответ */
#post-form h2 span {font-size: 0px;}


/* IV. ЦИТАТЫ, КНОПКИ, ПРОКРУТКА И ПР.
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box, #float, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark {     outline-offset: 7px; margin: 8px 8px 23px 8px; padding: 10px 0 0 10px; background: radial-gradient(ellipse farthest-corner at 50% 0%, #fdfff0, #efeee9 10%, #ebe8cf 50%, #afaf89); border: 1px solid #5b837f; border-bottom: 1px solid #41768e; outline: 1px solid #dba258; box-shadow: 0 0 10px #b5b1a5 inset, 0 0 5px #aaab6c; color: #6d6740; }

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {    display: block; margin: -10px -1px 0 -11px; width: auto; font-family: 'Merriweather', serif; font-style: normal; padding: 5px 0px 5px 0px; font-size: 9px; letter-spacing: 1px; text-align: center; background: url("https://vk.com/emoji/e/f09f929b.png") left 6px center no-repeat, linear-gradient(0deg, rgb(100, 136, 116), rgb(62, 116, 127)); box-shadow: 0 0 5px #42c3b7 inset; border: 1px solid #4f99a0; border-bottom: 1px solid #64ab91; }
.post-content .spoiler-box > div { background: url("https://vk.com/emoji/e/f09f8cbc.png") left 6px center no-repeat, linear-gradient(0deg, rgb(100, 136, 116), rgb(62, 116, 127)) !important;}
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div, .punbb .code-box strong.legend a {font-weight: normal; color: #ffffff; text-shadow: 1px 1px 0 #171c4c;}
.punbb .code-box strong.legend a:hover {color: #d09fa8;}
.post-content .spoiler-box > blockquote {padding-top: 0px !important;}

/*  ввод текста */
.punbb textarea {    overflow: auto; font-size: 10.5px !important; line-height: 15px !important; padding: 7px; font-family: Verdana; background: radial-gradient(ellipse farthest-corner at 50% 0%, #f1f8f7, #ffffff 10%, #f1f8f5 50%, #d8e5e0); outline: 1px solid #f9f9f4; color: #585933; box-shadow: rgb(255 255 255) 0px 0px 3px 0px inset, rgb(204 227 221) 0px 0px 20px inset; font: 1em verdana; background-color: #f1f8f6; border: 1px solid #d6e8e5;}

/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {    overflow-y: auto; padding: 10px !important; height: 205px; font-family: 'Merriweather', serif; letter-spacing: 1px; z-index: 99999; font-size: 8px !important; margin: -10px -21px 23px 18px; padding: 10px 0 0 10px; background: radial-gradient(ellipse farthest-corner at 100% 50%, #dad9bd, #dee0b9 10%, #bfba80 50%, #645a3f); border: 1px solid #bf9342; box-shadow: 0 0 10px #8b7422 inset; color: #d4d6af; text-shadow: 1px 1px 0 #6b5441; }

#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {    margin: 9px -21px 0 0px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#font-area {font-size: 16px !important;    letter-spacing: 0px;}
#font-area div {    padding: 10px 0 10px 0;   margin-bottom: 6px;}
#keyboard-span input {   box-shadow: none !important;    text-shadow: none !important;}
#form-buttons {    background: #94b3af;
    margin: 5px -16px -6px 0px;}
#image-area-tcon-computer:after {    display: none;}
#smilies-area {    overflow-x: hidden;}
#image-area, #color-area, #video-area, #spoiler-area {height: auto !important;}
#tags .container {right: 6px !important;}

#mask_dialog .hv-mask-dialog-title {    display: none;}
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {    margin: 0 1px;    width: 99% !important;}

td#button-font, td#button-transL, td#button-size, td#button-bold, td#button-italic, td#button-underline, td#button-strike, #button-indent, td#button-left, td#button-center, #button-justify, td#button-right, td#button-link, td#button-spoiler, td#button-image, td#button-video, td#button-hide, td#button-quote, td#button-code, td#button-color, td#button-table, td#button-smile, td#button-keyboard, td#button-addition, #floatbut, #button-mask {background: transparent!important;}
td#button-files_rusff, td#button-graffiti_rusff {display:none!important;}

td#button-font:before {content: "\f031"}
td#button-transL:before {content: "\f035"}
td#button-size:before {content: "\f034"}
td#button-bold:before {content: "\f032"}
td#button-italic:before {content: "\f033"}
td#button-underline:before {content: "\f0cd"}
td#button-strike:before {content: "\f0cc"}
#button-indent:before {content: "\f03c"}
td#button-left:before {content: "\f036"}
td#button-center:before {content: "\f037"}
#button-justify:before {content: "\f039";     margin-left: -5px !important;}
td#button-right:before {content: "\f038"}
td#button-link:before {content: "\f0c1"}
td#button-spoiler:before {content: "\f187"}
td#button-image:before {content: "\f03e"}
td#button-video:before {content: "\f008"}
td#button-hide:before {content: "\f023"}
td#button-quote:before {content: "\f10e"}
td#button-code:before {content: "\f121"}
td#button-color:before {content: "\f1fc"}
td#button-mask:before {content: "\f007"}
td#button-table:before {content: "\f0ce"}
td#button-smile:before {content: "\f118"}
td#button-keyboard:before {content: "\f11c"}
td#button-addition:before {content: "\f0d7"}
#button-bb1:before {content: "\f005"}
#button-bb2:before {content: "\f004"}
#button-bb3:before {content: "\f15d"}

#floatbut:before {content: "\f1fe"}
#Knopa2-2:before {content: "\f02e"}

td#button-font:before, td#button-transL:before, td#button-size:before, td#button-bold:before, td#button-italic:before, td#button-underline:before, td#button-strike:before, #button-indent:before, td#button-left:before, td#button-center:before, #button-justify:before, td#button-right:before, td#button-link:before, td#button-spoiler:before, td#button-image:before, td#button-video:before, td#button-hide:before, td#button-quote:before, td#button-code:before, td#button-color:before, td#button-table:before, td#button-smile:before, td#button-keyboard:before, td#button-addition:before, #button-bb1:before, #button-bb2:before, #button-bb3:before, #floatbut:before, #Knopa2-2:before, #button-mask:before
{    font-family: FontAwesome;    font-size: 11px;position: absolute;z-index: 1;margin-left: -1px;color:#d6dfe6;transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;vertical-align: middle;}
#button-bb1:before, #button-bb2:before, #button-bb3:before {color: #ad98ab !important}
#form-buttons td img {position: absolute;    z-index: 2;    margin-top: -10px;}
#form-buttons td {height: 26px;}
td#button-image b {color: #9f9caf;    font-family: 'Merriweather', serif;    font-weight: normal;    margin: 9px 0 0 1px !important;    position: absolute;}

td#button-font:hover:before, td#button-transL:hover:before, td#button-size:hover:before, td#button-bold:hover:before, td#button-italic:hover:before, td#button-underline:hover:before, td#button-strike:hover:before, #button-indent:hover:before, td#button-left:hover:before, td#button-center:hover:before, #button-justify:hover:before, td#button-right:hover:before, td#button-link:hover:before, td#button-spoiler:hover:before, td#button-image:hover:before, td#button-video:hover:before, td#button-hide:hover:before, td#button-quote:hover:before, td#button-code:hover:before, td#button-color:hover:before, td#button-table:hover:before, td#button-smile:hover:before, td#button-keyboard:hover:before, td#button-addition:hover:before, #button-bb1:hover:before, #button-bb2:hover:before, #button-bb3:hover:before, #floatbut:hover:before, #Knopa2-2:hover:before, #button-mask:hover:before {font-size: 16px;color: #f3f4f6 !important}






/*--------------------- прокрутка и ползунок ---------------------*/

::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {
    background: #0000000d;
    border: 1px solid #0000000a;
}
::-webkit-scrollbar-thumb {    background: linear-gradient(45deg, #1c3b3a, #5dc3c0);
    box-shadow: 0 0 3px #191a36 inset;
    border: 1px solid #2b9f9b;
}


/*--------------------- кнопки ---------------------*/

/* до наведения */
.punbb input, .punbb select {    cursor: pointer;
    font-size: 10px;
    padding: 4px 5px 4px 5px;
    text-align: center;
    font-family: Arial;
    background: radial-gradient(ellipse farthest-corner at 50% 0%, #f0fff8, #e9efed 10%, #d2e4e0 50%, #bbc7c4);
    border: 1px solid #e9fff9;
    outline: 1px solid #669592;
    box-shadow: 0 0 10px #a5b5af inset, 0 0 5px #1c3b31;
    color: #297a78;
}
.punbb option {    background-color: #d0e0de!important} /* модерское */

.button, .hashelp center div a button, ul.tabs li a {    cursor: pointer;
    padding: 7px 7px 5px 7px !important;
    font-family: 'Merriweather', serif!important;
    font-size: 8px !important;
    letter-spacing: 1px !important;
    background: #dbe5e2 !important;
    border: 1px solid #ffffff !important;
    /* outline: 1px solid #203742 !important; */
    box-shadow: 0 0 10px #a5b5af inset, 0 0 5px #1c3b31;
color: #1c3b3a !important;
    text-shadow: 1px 1px 0 #e9fffa;
}
.formsubmit input, #pun-admain input {background-position: center;transition: background 0.4s;}
.formsubmit input {min-width: 100px;}

.punbb select {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 5px !important;}
.checkbox {width: auto !important;}
.tc2 input {font-size: 8px !important;letter-spacing: 1px;font-family: 'Merriweather', serif !important;-webkit-clip-path: polygon(15% 10%, 88% 0, 100% 92%, 0% 100%);clip-path: polygon(15% 10%, 88% 0, 100% 92%, 0% 100%);}
.punbb .formsubmit {padding: 0 0 0 42px;margin: 0px 0 20px -33px;text-align: center;}


/* кнопки после наведения */
.formsubmit input:hover, #pun-admain input:hover {  background: #f3f4f6 radial-gradient(circle, transparent 1%, #f3f4f6 1%) center/15000%; text-shadow: 1px 1px 0 #d0d5da;    color: #314763 !important;}
.formsubmit input:active, #pun-admain input:active {    background-color: #98bfd8;  background-size: 100%;  transition: background 0s;}

.button:hover {  background:#f4f7fd radial-gradient(circle, transparent 1%, #f3f4f6 1%) center/15000% !important;    text-shadow: 1px 1px 0 #d0d5da;    color: #314763 !important;}
.button:active {  background-color: #98bfd8 !important;  background-size: 100% !important;  transition: background 0s !important; }

/*--------------------- тайтл ---------------------*/

#tooltip, .tipsy-inner {z-index: 999999;border-radius: 0px !important;}
#respect figure .prof, .tipsy-inner a  {     color: #6f3a43!important;text-decoration: none !important;}
#tooltip {    position: absolute;    max-width: 200px;    display: none;}


/*--------------------- выделение текста ---------------------*/

::selection {color: #c78a3b;background: #204947;}
::-webkit-selection {color: #733944;background: #dacab3;}
::-moz-selection {color: #733944;background: #dacab3;}

/* зачеркнутый */
.punbb .post-content s, strike, del {text-decoration: none;filter: blur(1px);color: transparent;-webkit-transition: 0.15s linear;moz-transition: 0.15s linear;transition: 0.15s linear;background-color: transparent !important;text-shadow: 0 0 1px #c3a87d;}
.punbb .post-content s:hover, strike:hover, del:hover {color: inherit;text-decoration: none;text-shadow: none;filter: none;}

/* подчеркнутый текст */
.punbb .post-content em.bbuline {font-style: normal;text-decoration: none;border-bottom: 1px solid #905c66;}

/* переадресация */

body.redirect-page #pun {background-color: transparent;}
.punbb .info .container .backlink a {font-size: 10px !important;transition: none;letter-spacing: 0px;color: #795357;}

#pun-redirect .main-title {position: absolute;margin: 10.5% 0 0 0% !important;width: 400px !important;font-size: 10px !important;text-align: center !important;font-weight: normal;font-family: 'Merriweather', serif;letter-spacing: 10px;color: #ceab81;text-shadow: 1px 1px 0 #241113;}

#pun-redirect.punbb .info .container{display: inline-block;left: 0;right: 0;top: 0;bottom: 0;margin: 10% -10%;letter-spacing: 1px;text-align: center;width: 614px;height: 68px;padding: 46px 0 0 0;font-family:'Merriweather', serif;font-size: 8px;background: url(http://forumstatic.ru/files/001a/e6/32/59938.jpg);color: #ab7c81;text-shadow: 1px 1px 0 #251214;}


/* VI. ПРОЧЕЕ
-------------------------------------------------------------*/
html, body {margin: 0; padding: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {  padding: 0;  list-style: none;}
.punbb .main table {  table-layout: fixed;  width: 100%;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {    margin: 0 0.3em;    box-shadow: none;}
body {  font-size: 97.01%;}
.punbb {  font: normal 68.75% verdana, arial, helvetica, sans-serif;}
.punbb h1 span, .punbb legend span {  font-size: 1.1em;}
.punbb address, .punbb em {  font-style: normal}
.punbb .post-content em {  font-style: italic}
.punbb a {  text-decoration: underline}
.punbb optgroup {  font-weight: bold;}
#pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  overflow:hidden;  line-height: 0.0;  font-size: 0;}
.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {display:none;}
#pun-redirect{margin: 10% 0 0 21%;}
#pun-redirect *{  border:0 none;}
.punbb .section, .punbb .main {  margin: 0px -35px 0px -42px;}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {  margin-top: 0;}
#pun-post .topic {  margin-top: 4em;}
.punbb .post-content img {  vertical-align: text-bottom}
.punbb .post-content img.postimg {  vertical-align: middle;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {margin-left: 0px;    width: 99%;    overflow: hidden;}
.punbb .post-content .scrollbox {  width: 100%;  overflow: auto;    font-size: 12px;    overflow-y: hidden !important;height: auto !important;}
.quote-box {    font-size: 11px!important;    font-family: arial!important;}
.blockcode {    overflow: auto !important;    height: 70px;}
.punbb .info-box {  padding: 1.1em 1.7em 1em 1.7em;  border-style: solid;  border-width: 1px;  margin: 0 0 1.1em 0;}
.punbb .info-box * {  padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend {  font-size: 1.1em;  font-weight: bold;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {  margin: 0 0.6em 0 0}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {  float: left;  margin-right: 4em;}
.punbb .inline .infofield {  clear:both}
.punbb .datafield br {  display: none}
.punbb .required label {}
.punbb .datafield span.input {    letter-spacing: 1px;}
.punbb .datafield span.input a {  font-weight: normal;}
.punbb .areafield span.input, .punbb p.longinput span.input {  display: block;  padding: 0 12em 0 0;  height: 100%; /* For IE */}
.punbb textarea, .punbb .longinput input {  width: 64%;  margin: 0;}
.punbb .hashelp {  position: relative;}
.punbb .helplinks {  display: block;  position: absolute;top: 1em;  right: 0;  font-weight: normal;  width: 36%;}
.punbb #profile .helplinks {  top: 1.5em;}
.punbb .helplinks span {  display: block;  padding-bottom: 0.2em;}
#pun-post .formal .info-box li {  padding-left: 4px;  list-style-type: square;  list-style-position: inside;  line-height: 1.5;  margin: 0;}
#pun-userlist .main .tcl, #pun-modviewforum .main .tcl {background-color: transparent;  width: 20%}
#pun-searchtopics .main .tcl,{background-color: transparent;  width: 50%}
#pun-userlist .main .tc2,#pun-searchtopics .main .tc2 {    width: 20%;background-color: transparent;}
#pun-debug table .tcl {background-color: transparent;  width: 15%;  white-space:normal;}
#pun-debug .tcr {background-color: transparent;  width: 90%;  white-space: normal;}
.punbb td span.youposted {  font-weight: bold;  margin-left: -1em;  position: absolute;}
.punbb td .modlist {  display: none;  padding-top: 0.3em}
* html .tclcon {height: 1px}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category, .punbb .post {    border-color: transparent;width: 98%;}
.punbb .main h1, #pun-debug h2 {    margin: auto;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box   {    border-color: transparent;}
li.pa-online, .pa-last-visit {display: none;}
/*.punbb .post .container {  border-style: none solid solid solid;  border-width: 1px;  margin-top: -1px;  padding-bottom: 1px;}*/
.punbb .post h3 span {    padding: 0;    display: block;}
.punbb fieldset .post-box {  margin-bottom: 0.8em}
.pl-email, .pl-website {  float: left;}
.punbb .clearer {  clear: both;  height: 0;  font-size: 0;}
.punbb .modmenu .container strong {  float: left;}
.punbb .modmenu input {  margin-left: 1em;}
.punbb .info .container {  padding: 0.8em 1em}
.punbb .info .container .backlink {    padding-top: 0.8em;    font-family: Arial;    text-transform: lowercase;transition: none;}
#setmods dt {  float: left;  width: 14em;  margin-left: -16em;  padding: 0.8em 1em;  font-weight: bold;  display: inline;}
#viewprofile li strong, #viewprofile li div, #setmods dd {  display: block;  font-weight: normal;}
.punbb img.avatardemo {  float: right;  margin: 0 0 0.8em 1.8em}
#pun-userlist .usertable .container {  padding: 0 2.3em 2.3em 2.3em;  border-top: none;}
#pun-userlist .usertable table {  border-style: solid;  border-width: 1px;}
#pun-title {  margin: 0;  border-style: none none none none;  border-width: 1px 1px 0 1px;}
#pun-title h1 {  display : block;height : 40px;  padding: 2em 1em 0 1em;}
#pun-title .container {  border-style: none none none none;}
#pun-title h1 span  {  font-size: 1.5em;}
#pun-title h1 span  {  display: none;}
#pun-title h1 span  {  font-size: 1.5em;}
#pun-pagelinks {  position: absolute;  top: -15px;  left: 0;  margin: 0;  border: none;  padding: 0;  width: 100%;}
#pun-pagelinks .container {  background: transparent;  border: none;  padding: 0}
#pun-pagelinks .container li {  display: inline}
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {  height: 2em;  line-height: 2em;  padding: 0;font-size: 1.2em;  margin-left: -9999px;  display: block;  float:left;  width: 100%;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {  position:relative;  margin: 0;}
#pun-pagelinks li a span {  display:block;  margin: 0 1em}
#pun-navlinks, #pun-navlinks .container {  border-style: none;  border-width: 0;  margin: 0;}
#pun-navlinks li { display: inline; }
#pun-ulinks li, #pun-ulinks li a {  display: inline;    margin-right: 6px;}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {  border-left-style: none;  border-left-width: 0;  padding-left: 0}
#pun-announcement h2 {display: none;}
#pun-announcement .container {  padding: -2em 1em 1em 1em;height: auto;}
#pun-qjump {  margin: 0;  border: none;  width: 50%;position: relative;  float: left;}
#pun-qjump .container {  border: none;  background: transparent;  padding: 0.8em 1em;}
#pun-about {  margin-top: 0;}
#pun-about .container {    border: none;}
#pun-about p span {  display:block;  padding-left: 50%;}
#pun-crumbs2 {  font-weight: bold;  overflow: hidden;  margin-bottom: 0;  border-bottom: none;}
#pun-break4 { display: none; margin: -2px 1em;  border-style: solid none;  border-width: 1px 0;  position: relative;height: 0;  z-index: 1;}
#pun-help .formal .info-box h3.legend {  border-bottom-style: solid;  border-bottom-width: 1px;  padding-bottom: 0;margin-bottom: 0.8em;}
#pun-help .formal .info-box h3.legend span {  padding-bottom: 0.6em;  display: block;  border-bottom-style: solid;  border-bottom-width: 1px;  font-size: 1.1em;}
#pun-help .formal p, #pun-help .formal dd {  margin-bottom: 1em}
#pun-help .formal ul, #pun-help .formal dl {  padding: 0 0 0 1em}
#pun-help .formal li {  padding: 0;  line-height: 130%}
#pun-help .formal li * {  vertical-align: text-top}
#pun-help .formal dt span {  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {  padding-bottom: 0;}
#pun-messages #profile .fs-box .post {  display:inline-block!important; max-width:665px;}
.punbb.punbb-admin #pun-about {  margin-bottom:0px!important;}
span.e1, span.e2, span.e3 {    font-family: codeproregular;    font-size: 8px;    letter-spacing: 1px;}
#pun-stats .e2-1, #pun-stats .e3-1 {    font-weight: 700;    font-family: curatorregular;    font-size: 13px;    color: #9e93c5;}
#pun-main div.catleft, #pun-main div.catright {  display: none}
#pun-stats li.item3{display:none;}
.punbb .section {    border: none !important;}
.punbb .formal span.input {font-family: codeproregular;    font-size: 8px;    letter-spacing: 1px;}


/* неразобранное */
span.e1, span.e2, span.e3 { font-family: 'Merriweather', serif; font-size: 8px; letter-spacing: 1px; } 
#pun-stats .e2-1, #pun-stats .e3-1 { font-weight: 700; font-family: curatorregular; font-size: 13px; color: #9e93c5; }

/* просмотр профиля */
#viewprofile {    margin: 12px 38px 10px 42px;    display: inline-block;}
#viewprofile #profile-signature {display: none;}
#profile-left {    vertical-align: middle;}
#profile-right {    padding-top: 5px !important;}
#profile-right li#pa-invites, #profile-right li#pa-fld2 /*, #profile-right li#pa-fld1 */{display: none;}
#profile-left #profile-name strong, #profile-left #pa-edit strong a, .s-chh s-ch2, .s-chh s-ch4, .s-tem s-akt1 {font-family: angelicbonquesregular, alegreyasansscregular;font-size: 16px;letter-spacing: 4px;text-align: center;    background: linear-gradient(0deg, #000000, #ffffff); -webkit-background-clip: text; color: #ffffffb8; text-shadow: 0 0 3px #141731, 1px 1px 0 #090d19;}
#profile-left #pa-edit strong a, .s-chh s-ch2, .s-tem s-akt1 b {    font-family: 'Merriweather', serif;    font-weight: normal !important;    font-size: 9px;        display: block;}
#profile-left #profile-name strong {width: 245px;letter-spacing: 3px;}
#profile-left #profile-title strong, #profile-left #pa-online strong, .s-chh s-ch {font-weight: normal !important;text-align: center;font-size: 9px;letter-spacing: .5px;font-family: Arial;text-transform: lowercase;line-height: 9px;padding: 4px 5px 3px 5px;margin: 0 1px 0 1px; background: #d39f5d; border: 1px solid #121f2d; outline: 1px solid #cfa97a;}
#profile-left #pa-avatar {text-align: center;margin: 12px 0 10px 0;}
#profile-right li strong {padding: 4px 0 4px 10px !important;margin-left: 20px;font-family: Arial;font-size: 11px;text-transform: lowercase;}

#profile-right li#pa-fld3 div, .s-put11 s-put11a div, .s-prin s-prin4a div, .s-chh s-ch3 {display: block;padding: 3px 0px 3px 0;margin-bottom: 5px;
background: #54242dc4;}
#profile-right li#pa-fld3 strong, #profile-right li#pa-fld1 strong {    border: none !important;}
#profile-right li#pa-fld3 lz4, #profile-right li#pa-fld1 strong {  display: flex;    width: 381px;    }
#profile-right li#pa-fld3 lz4 {margin: -3px 0 0 -10px}
#profile-right li#pa-fld1 strong {    padding: 0 !important;}
#profile-right li#pa-fld3 lz4 lz5, #profile-right li#pa-fld1 lz1, #profile-right li#pa-fld1 lz2, .s-put11 s-put11a, .s-put11b s-put11a, .s-prin s-prin4a { text-align: center;    margin-right: 2px;    width: inherit;    padding: 3px;}
#profile-right li#pa-fld3 lz4 lz5, #profile-right li#pa-fld1 lz1, #profile-right li#pa-fld1 lz2, .s-put11 s-put11a, .s-put11b s-put11a, .s-prin s-prin4a, #profile-right li strong {border: 1px solid #d7deea;}
#profile-right li#pa-fld1 lz1, #profile-right li#pa-fld1 lz2 {    padding-left: 10px; text-align: left;}
#profile-right li#pa-fld1 lz3 {width: 100px;    height: 18px;      position: absolute;    margin: 2px 0 0 -530px;}

/* основное, персональный и т.д. */
#profile.formal {margin: -32px 0 0 -3px;}
#profilenav, #pun-adnav {float: left;line-height: 15px;font-family: 'Merriweather', serif;font-size: 8px;letter-spacing: 1px;width: 120px !important;padding: 0px 10px 5px 10px;margin: -1px 0 0 -178px;}

/* навигация внутри профиля */
#profilenav, #profilenav li a, #profilenav li a:hover, #profilenav li a:focus, #profilenav li a:active, #profile-left #profile-title strong, #profile-left #pa-online strong, #profile-right .linearicons-user, #profile-right .linearicons-heart, #profile-right .linearicons-briefcase, #profile-right .linearicons-map-marker, .s-prin s-prin4a div, .s-chh s-ch3, #profile-left #pa-avatar strong, #pun-adnav a, #profile-right li strong, #profile-right li strong a, #profile-right li strong a:hover {
    color: #ffffff !important;
    text-shadow: 1px 1px 0 #15212f;
}

 #profile fieldset, .adformal, .sp1 {}
#profile fieldset, .adformal {text-transform: lowercase;padding: 20px;width: 763px;margin: 1px 0 0 -34px;}
#pun-profile .resizable-textarea #main-reply {width: 747px;}
#pun-profile #form-buttons {margin: 0 0px 14px 0;}

#viewprofile ul {      margin: 15px; padding: 20px 30px 20px 30px; outline: 1px solid #fff; border: 1px solid #ffc47d !important; box-shadow: 0 0 7px #bdbaa7, 0 0 10px #a2a374 inset; }
#profilenav ul, #pun-adnav ul {margin: 35px 0 0px 0;}
#viewprofile h2, #profilenav h2 {    background: transparent;    border: none;margin: 0px 0 -20px 0px;    box-shadow: none !important;    padding: 0 0 0 0 !important;    width: auto;    height: auto;    position: absolute;    padding-left: 20px !important;}

/* слово профиль */
#viewprofile h2 span, #profilenav h2 span, #pun-adnav h2 span {    margin: 10px 0 0 -10px;    display: block;    padding: 0px 20px;    width: 55px;}

#viewprofile li, #setmods dl {padding-left: 175px;margin-top: 5px;}
#notify-settings {margin: -30px 0 0 -192px;    font-family: Arial;    text-transform: uppercase;    font-size: 9px;    position: absolute;    z-index: 1;}
input#OnOff_Notify {margin-top: -3px;}
#volSlider.vol_slider {    margin-top: 1px;}
#volume-set {    position: absolute;    margin: -10px 0 0 773px;    width: 200px;}

#profile .container legend, .adformal h2, #viewprofile li span, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2 span, #pun-adnav h2 span {    font-family: 'wremenaregular'; font-size: 8px !important; text-transform: uppercase; outline-offset: 2px; background: #d7af5c !important; outline: 1px solid #6d9392; color: #fffcef !important;}
#profile .container legend, .adformal h2 {margin: -10px 0 0px 0 !important;    position: absolute;padding: 1px 20px !important;}
#profile .container legend, #profile .container legend span, .adformal h2 span, #pun-messages .post h3 span, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2 span, #pun-adnav h2 span {    color: #4f535f;} 

0

2

структура style.css2
Код:
/* профиль на странице */
#viewprofile li span {    float: left; width: 165px; margin: 1px 0 0px -165px; padding: 4px 6px 0px 6px; font-family: 'Merriweather', serif; text-align: left; letter-spacing: 1px; height: 13px; border: 1px solid #1f3e46; outline: 1px solid #ffffff; box-shadow: 0 0 10px #d39f5d inset;} #viewprofile li span, #viewprofile li span a, #viewprofile li span a:hover { color: #fffae9 !important; text-shadow: 1px 1px 0 #597871;}

/* отступ от рамки где основное, персональный и т.д. */
#profile .container {  padding-left: 16em;}

.s-podf-1, .Tems_And_messages, .Tems_And_messages1, #pun-index .main .tcr .lastpost {font-family: 'Merriweather', serif;letter-spacing: 1px;vertical-align: baseline; color: #ffffffd1;text-shadow: 0 0 4px #405377, 1px 1px 0 #3a4b6b;}
#pun-index .main .tcr a, .s-podf-2 a, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item3, #pun-stats li.item4 {color: #ffffff;text-shadow: 0 0 3px #a2e5d7, 1px 1px 0 #568d81}
#pun-index .main .tcr a:hover {letter-spacing: 1.5px;}

.s-podf-1, .Tems_And_messages, .Tems_And_messages1, #pun-index .main .tcr .lastpost {    font-size: 8px;}

/* чек */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 10px;vertical-align: middle;font-family: 'Merriweather', serif;font-size: 8px;letter-spacing: 0.5px;color: #94826b;}

.punbb fieldset fieldset {  border-style: none;  margin: 0;  padding: 0 0 8px 0}
.punbb .fs-box {  padding: 1em -1px 0.8em 1em;}
#profile.formal small#plng {     padding: 0;    border: none;    margin: 0 30px 0 0;}
#profile.formal .areafield.hashelp {    padding: 0 20px 0 0;}
#profile.formal #post-sig.areafield.hashelp {    padding: 0;}

/* в сообщениях */
#pun-messages .post-links {background: none !important;margin: 0 0 -10px 0;    padding: 0;    width: auto;    height: auto;}
#pun-messages .post-sig {display:none;}
#pun-messages .post-author {    margin: -16px 20px -1px -22px !important;}
#pun-messages .post-body {    margin: 20px 0 0px 223px;padding: 0;width: 540px;}
#pun-messages #profile.formal .post h3 {     margin: -17px 0 0 463px;font-family: 'Merriweather', serif;text-align: right; width: 300px;}
#pun-messages .post-links ul {    margin: 0 -97px 0 -11px !important;}
#pun-messages .postlink .button {background: none !important;border: none !important;outline: none !important;box-shadow: none !important;padding: inherit !important;letter-spacing: 0px !important;}
#pun-messages .user-avatar .avatar-image {width: 30px !important;height: 30px !important;}

/* мобильный стиль */
/* чтоб айф не ебал мозги */
.punbb a, .punbb a:hover, .punbb a:focus, .punbb a:active, #pun-status .container, .s-table-1, #pun-crumbs1 p.container, #pun-crumbs2 .container {-webkit-text-size-adjust: none;}

@media screen and (max-device-width: 480px) {

.hashelp center div a button, .button, .punbb input, .punbb select {     -webkit-appearance: none !important;border-radius:0px !important;}
.s-tem, #pun-stats ul.container, .punbb .modmenu .container {    -webkit-text-size-adjust: none;}

.Add {margin-top: -7px;}
.punbb .main .tcr a {margin-bottom:2px !important;}
div#profile-gifts { margin: -4px 1px 1px 498px;}
цвета style_cs.css
Код:
 /*************************************************************
КОДЫ ;DULCIS BLANCHES v.2020
**************************************************************
 I. ОСНОВА
-------------------------------------------------------------*/

/* фон */
body { 
    background: url() repeat-x top center, 
url() repeat-x bottom center, url() repeat;     background-color: #1c3b3a;     overflow-x: hidden; min-width: 1080px !important;} 


/* тело */
#pun { 
    background-image: url(http://forumstatic.ru/files/001b/50/f6/51124.png); 
    background-color: #1c3b3a; 
    width : 1024px; background-position: right;
    margin: auto;     margin-bottom: 0px;    position: relative;}


/* шапка */
#pun-title table {
background: url(http://forumstatic.ru/files/001b/50/f6/40983.png) no-repeat top center;
    height: 470px;
    width: 1178px;
    margin-left: -143px;
    z-index: 1;
    border: none;}


/* футер */

#pun-about p.container { 
     background-image: url(http://forumstatic.ru/files/001b/50/f6/67263.png);
    width: 1039px;
    height: 148px;
    margin-left: -32px;
    margin-top: 0px;
    margin-bottom: -17px;
    background-position: center top; } 

#pun-about p.container a {    color: #ffffff !important;    text-shadow: 1px 0px 2px #688599 !important;}
#pun-about p.container .item1 {
    position: absolute;
    text-align: center;
    font-style: normal !important;
    letter-spacing: 0px !important;
    text-transform: lowercase !important;
    font-size: 7px !important;
    color: #ffffff !important;
    text-shadow: 1px 0px 2px #688599 !important;
    padding-top: 0px;
    margin: 0px 0 0 212px;
}
#pun-about { 
  margin-bottom:-3px!important;
}


/* навигация */
#pun-navlinks .container {width: 1040px;top: -8px;left: 37px;position: absolute;word-spacing: -2px;}
#navindex a, #navuserlist a, #navsearch a, #navprofile a, #navpm a, #navlogout a, #navregister a, #navlogin a, #navpr_1 a {height: 41px;width: 163px;font-size: 0px;display: inline-block;    background: url(http://forumstatic.ru/files/001b/50/f6/74543.png);    background-repeat: no-repeat;width: 160px;}

#navindex a {    width: 171px; background-position: 28px 6px;}
#navuserlist a {    background-position: -146px 6px;}
#navsearch a {    background-position: -308px 6px;}
#navprofile a {    background-position: -471px 6px;}
#navpm a {background-position: -633px 6px;}
#navlogout a {    background-position: -801px 6px;}



#navadmin a {    margin: 52px 0 0 -556px;
    position: absolute;
    width: 421px;
    height: 50px;
    display: inline-block;
    font-size: 0px;}

/*  новые сообщения и т.д. */
#pun-ulinks .container {font-size: 7px; letter-spacing: 0.5px; top: 132px ; text-align: center; width: 372px ; left: 323px ; position: absolute; text-transform: uppercase;}






/* II. КАТЕГОРИИ, ИКОНКИ, ПОДФОРУМЫ
-------------------------------------------------------------*/

/*--------------------- подфорум ---------------------*/
#pun-index #forum_f8, #pun-index #forum_f15, #pun-index #forum_f16 {    display: none;}
.punbb table Div.icon {    float: left;    width: 43px;    height: 43px;    margin: 21px 0 0 30px;    position: absolute;}
TR.inew Div.icon {    background: url(http://forumstatic.ru/files/0013/17/f8/40454.png);}

#pun-index td div.tclcon {margin-left: 24px;}
#pun-index #pun-main thead {    display: none;}

#pun-index .tcl {  overflow: hidden;
    width: 965px;
    height: 87px;
    background: url(http://forumstatic.ru/files/0013/17/f8/57334.png);
    display: block;
    margin-left: 5px;}

 
/* внутренности */
.holiforum qu, #pun-index .main .tcr .lastpost, .tcr .byuser, .tclcon .byuser, #pun-main.main.multipage .tc2, #pun-messages .tc3, #pun-main.main.multipage .tc3, #pun-userlist .usersname {    width: 260px;    font-family: wremenaregular;    text-transform: lowercase;    font-size: 12px;    color: rgb(255 250 233);}
#pun-index .main .tcr .lastpost {    margin-left: 12px;    display: block;    text-align: right;}

.holiforum qu { position: absolute;    margin: 46px 0px 0px 57px;    text-align: left;}

.holiforum links {    position: absolute;    margin: 23px 0px 0px 377px;    width: 106px;    text-align: center;}
.holiforum links .fa {    font-size: 14px;    margin: 0 2px;-webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;}




/* название */
#pun-index .tcl h3, .punbb .main .tcr a, #pun-viewforum .tclcon a {font-family: 'wremenaregular';    font-size: 14px;    text-transform: uppercase;    width: 260px;    text-align: left;    font-weight: normal;}
#pun-index .tcl h3 {    position: absolute;    margin: 21px 0 0 69px;}
#pun-index .tcr a {display: block;     font-size: 10px;    letter-spacing: .5px;    margin: 2px 0 -5px 12px;    text-align: right;}

.tcl h3 a, #pun-index .main .tcr a, .holiforum links .fa {    background: linear-gradient(0deg, #8bc1bf, #ffffff);
    -webkit-background-clip: text;
    color: #ea8502 !important;
    text-shadow: 0 0 3px #ffc043, 1px 1px 0 #568d81;}
.tcl h3 a:hover, .tcl h3 a:focus, #pun-index .main .tcr a:hover, .holiforum links .fa:hover {color: #bdaf9fad !important;    text-shadow: 1px 1px 0 #fff8f0, 0 0 6px #cccccc;}



/*--------------------- иконки ---------------------*/
/* общий стиль */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-modviewforum .icon {width: 80px;height: 10px;float: left;position: relative;margin: 0px 15px 0px 0px; padding: 1px 0 0 0 !important;}

#pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before, #pun-searchtopics table Div.icon:before, 
#pun-viewforum TR.inew Div.icon:before, #pun-messages TR.inew Div.icon:before, #pun-searchtopics TR.inew Div.icon:before, #pun-modviewforum .icon:before {content: "";height: 11px;width: 5px;position: absolute;margin-top: -1px;}

#pun-viewforum TR.inew Div.icon:before, #pun-messages TR.inew Div.icon:before, #pun-searchtopics TR.inew Div.icon:before, #pun-viewforum TR.isticky Div.icon:before, #pun-messages TR.isticky Div.icon:before, #pun-searchtopics TR.isticky Div.icon:before, #pun-modviewforum TR.isticky Div.icon:before {background: #9198a7;}

#pun-viewforum table Div.icon:after, #pun-messages table Div.icon:after, #pun-searchtopics table Div.icon:after, 
#pun-viewforum TR.inew Div.icon:after, #pun-messages TR.inew Div.icon:after, #pun-searchtopics TR.inew Div.icon:after, #pun-modviewforum TR.inew Div.icon:after, #pun-modviewforum table Div.icon:after {margin: 0 0 0 10px;}
#pun-viewforum table Div.icon:after, #pun-messages table Div.icon:after, #pun-searchtopics table Div.icon:after, #pun-modviewforum table Div.icon:after {content: "old message";}
#pun-viewforum TR.inew Div.icon:after, #pun-messages TR.inew Div.icon:after, #pun-searchtopics TR.inew Div.icon:after, #pun-modviewforum TR.inew Div.icon:after {content: "new message";}
#pun-viewforum TR.isticky Div.icon:after, #pun-messages TR.isticky Div.icon:after, #pun-searchtopics TR.isticky Div.icon:after, #pun-modviewforum TR.isticky Div.icon:after {content: "imp message";}
#pun-viewforum TR.iclosed Div.icon:after, #pun-messages TR.iclosed Div.icon:after, #pun-searchtopics TR.iclosed Div.icon:after, #pun-modviewforum TR.iclosed Div.icon:after {content: "cls message";}
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon, #pun-modviewforum TR.iclosed Div.icon {opacity: .5;}






/*--------------------- категории ---------------------*/
#pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-stats.section h2 {font-size: 0px !important;      width: 1024px;
    height: 59px;
    margin-left: -24px;background: url(http://forumstatic.ru/files/001b/50/f6/30480.png);}

#pun-category1.category h2 {height: 15px; font-size: 0px !important;}
#pun-category2.category h2:before{ content:"what's cooking, good looking"}
#pun-category3.category h2:before{ content:"take a midnight train going anywhere"}
#pun-category4.category h2:before{ content:"shut up and dance with me"}
#pun-category5.category h2:before{ content:"laugh now cry later"}
#pun-stats.section h2:before{ content:"who's your perfect plus-one";}

#pun-category2.category h2:before, #pun-category3.category h2:before, #pun-category4.category h2:before, #pun-category5.category h2:before, #pun-stats.section h2:before {position: absolute;
    width: 370px;
    margin: 28px 0 0 -157px;
    text-align: center;
    font-family: 'wremenaregular';
    text-transform: uppercase;
    letter-spacing: 1px !important;
    font-size: 9px !important;
}
 #pun-stats.section h2:before     {margin: 25px 0 0 364px !important;}


#pun-stats.section h2 {     background-attachment: scroll;    background-clip: border-box;    background-color: transparent;    background-origin: padding-box;    background-position: 0% 0%;    background-repeat: no-repeat;    background-size: auto;    box-shadow: none;    border: none;margin-bottom: 50px !important;}






/* III. ПРОФИЛЬ
-------------------------------------------------------------*/

/* отступ текста от профиля */
.punbb .post-body {    margin-left: 225px;    padding: 0;}

/* профиль */
.punbb .post .post-author ul {    display: flex;
    width: 250px;
    margin: 30px 0px 0px 10px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-around;}
.punbb .post .post-author p {  padding: 0 1em 1em 1em;  line-height: 140%;}
.punbb .post.topicpost .post-author { }

/*.punbb .post .post-author {    float: left;    overflow: hidden;    width: 247px;    padding-bottom: 84px;    margin-top: -69px;    margin-bottom: 50px;    margin-left: -25px;    min-height: 65px;
    background: url(http://forumstatic.ru/files/001a/e6/32/95039.png) 0px bottom no-repeat, url(http://forumstatic.ru/files/001a/e6/32/11579.png) 0px top no-repeat, url(http://forumstatic.ru/files/001a/e6/32/96022.jpg) 0px repeat-y;
}*/


.punbb .post .post-author {
      float: left;
    overflow: hidden;
    width: 260px;
    padding-bottom: 91px;
    margin-top: -69px;
    margin-bottom: 46px;
    margin-left: -41px;
    text-transform: lowercase;
    background: url("http://forumstatic.ru/files/0013/17/f8/39209.png") center top no-repeat, url("http://forumstatic.ru/files/0013/17/f8/88097.png") center bottom no-repeat, url("http://forumstatic.ru/files/0013/17/f8/52252.png") repeat-y;
    font-size: 10px;
    font-family: "roboto condensed";
    min-height: 142px;}

/* шрифт ника (гости) bl */
 .pa-author {font-family: brand, 'wremenaregular';    text-transform: uppercase;    font-size: 14px;    letter-spacing: 0.5px;    width: inherit;    margin-top: 11px;    font-weight: bold;    position: relative;}

.pa-author, .pa-author a, .topic_holi_name, .game .name, .infoneed withwho, .needyou search, .news info, .holyank namelat, .inside_number, .cmonth b { background: linear-gradient(0deg, #514c28, #d6caba);
    -webkit-background-clip: text;
    color: #d8d3c8 !important;
    text-shadow: 0 0 3px #487826, 1px 1px 0 #926717;
}
.pa-author a:hover {    color: #b6c4afcf !important;
    text-shadow: 0 0 3px #1e5119, 1px 1px 0 #465f3e;}


/* статус */
li.pa-title, li.pa-fld2 infolz1, li.pa-fld2 infolz2, li.pa-fld2 infolz3, .pa-fld3 posts, .pa-fld3 money, #pun-messages .pa-author {font-size: 10px;    font-family: 'wremenaregular';    text-transform: lowercase;   line-height: 10px; padding: 3px 6px !important;   color: #f3f0de;  / /* background: #a7b0c275; */ position: relative;}
li.pa-title { margin:2px -26px 3px;width: inherit;}
li.pa-fld2 infolz1, li.pa-fld2 infolz2, li.pa-fld2 infolz3 {display: block;    margin: 5px 10px 0 35px;}


/* аватар */
.pa-avatar {height: auto; min-width: 150px;   z-index: 9;    display: block;    padding: 5px 5px 3px 5px !important;}
.pa-avatar, #pun-profile .fs-box .avatardemo, #profile-left #pa-avatar div, .game .pic img, .news who, .holyank fotka, .needyou fotka, .infoneed fotka { /*   background: url(http://forumstatic.ru/files/001a/e6/32/19102.jpg);*/
 /*   border: 1px solid #d3d7dc;*/
 /*   outline: 1px solid #b9bcc1;*/
  /*  box-shadow: 0 0 3px #3c465a inset;*/
}
#pun-profile .fs-box .avatardemo, #profile-left #pa-avatar div, .game .pic img, .news who, .holyank fotka, .needyou fotka, .infoneed fotka {padding: 4px !important;} #profile-left #pa-avatar div, .news who, .holyank fotka, .needyou fotka, .infoneed fotka {display: inline-block;}

.pa-avatar img, #profile-left #pa-avatar img, #pun-messages img.avatardemo, .infoneed fotka img, .news who img, .hv-preview-avatar img, .holyank fotka img, .needyou fotka img {
    border: 1px solid #e6e8ed !important;max-width: 180px;
    outline: 1px solid #61666f;}


/* репутация и соо на одной строке */
.pa-respect, .pa-posts {      position: relative;
    font-family: 'wremenaregular';
    text-transform: uppercase;
    font-size: 15px;
    width: 60px;
    margin: 4px 17px -44px 21px;
    line-height: 10px;
    letter-spacing: 1px;
    height: 24px;}
.pa-respect a, .pa-posts span{    font-size: 9px;    letter-spacing: 0px;}
.pa-respect {margin-left: 50px;    text-align: right;    border-right:3px solid #3c7581;    padding-right: 5px !important;}
.pa-posts {text-align:left;    border-left: 3px solid #3c7581;    padding-left: 5px !important;}
.pa-posts, .pa-respect, .pa-respect a, .pa-respect a:hover {
    color: #407176 !important
}
.pa-respect img {vertical-align: text-bottom;    mix-blend-mode: luminosity;}


/* ай-пи */
li.pa-ip {    margin: 58px 0 0 30px;    position: absolute;    font-family: codeproregular;    font-size: 8px;    color: #afb182;    letter-spacing: 1px;}
li.pa-ip a, li.pa-ip a:hover {color: #afb182;    background: none !important;}

.pa-reg {display: none;}
.pa-gifts {    display: none;}
.pa-replies{display: none;}
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display:none;}


/* поля профиля */
.pa-fld1 {    margin: 8px 0px 3px 0px; width: 218px;}
.pa-fld2 {    width: inherit;}
.pa-fld3 {    display: flex;    width: 200px;    margin: 5px 0 0px }
.pa-fld4 {margin: 0 -80px -61px -20px;    width: 60px;    align-items: center;    display: flex;    justify-content: center;}
.pa-fld4 img {max-width: 50px;max-height: 50px;}

li.pa-fld2 infolz3 {    text-transform: uppercase;    font-weight: bold;    font-size: 11px;    letter-spacing: 1px;    padding: 6px !important;}
.pa-fld3 posts, .pa-fld3 money {width: inherit;      margin: 5px 2px 0 2px;    background: transparent;    font-size: 12px;    border: 1px solid #c4c8d0;display: block;}
.pa-fld2 .fa {    left: 0;    position: absolute;    margin: -3px -25px;    background: #e7e7e7;    color: #9da3b1;    border: 1px solid #ccd0d8;    border-left: 3px solid #ccd0d8;    width: 16px;    padding: 2px 0;    height: 10px;    text-align: center;    text-shadow: 1px 1px 0 #f2f6ff;}
li.pa-fld2 infolz3 .fa {    height: 13px;    padding-top: 5px;    margin-top: -6px;}




/* IV. ДОПОЛНИТЕЛЬНЫЕ НАСТРОЙКИ
-------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {  display: none}
#pun-main h2 {  text-align: center}
#pun-stats.section h2 {  padding: 3px 1em;}
#pun-stats li.item3{display:none;}
#addition-area div {    font-size: 8px;}
.punbb .section {    border: none !important;}
.punbb .formal span.input {font-family: 'Merriweather', serif;  font-size: 8px;    letter-spacing: 1px;}


/* баннер */
#pun-title table tbody tr .title-logo-tdr {  position: absolute;  z-index: 1;   left: 250px !important;   top: 100px;}
#pun-title td.title-logo-tdr{  display:block!important;  position:absolute!important;  z-index:100;  height:60px!important;  padding-left:0px!important;  width:468px!important;  left:50%!important;  margin-left:-428px!important;  margin-top:70px!important;  padding-top:0px!important;}


/* смайлы */
#wrapper {    text-align: center;}
ul.tabs {     margin: 1px 0 10px 1px;    display: flex;    width: 458px;}
ul.tabs li {float: left;margin-right: 10px; cursor:pointer;    width: inherit;}
ul.tabs li a {display: block;    text-align: center;  margin-bottom: -1px;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {    background: #75a2b1;}
ul.tabs li.tab-current a {    background: #75a2b1;color: #b8cad0; }
div.t2,div.t3,div.t4 {display: none;width: 450px;}

/*--------------------- стиль админки ---------------------*/
.adcontainer {    border: none !important;    }
#pun-admain fieldset {    border: none !important;padding: 0!important;}
.admain {    padding-left: 14em !important;     font-family: codeproregular;    font-size: 8px;    letter-spacing: 1px;}
#pun-adnav { margin-left: -12em !important;margin: 0px 0 0 -169px !important;}
#pun-adnav a {font-weight:normal!important;}
div.grippie {    margin-top: 5px;}
#pun-admain table {width: 95% !important;}
#pun-adnav h2, .adformal h2 {background-color: inherit !important;    border: none!important; position: absolute;    }
.adformal h2 {    margin: -21px 0 0 -21px !important;}
#pun-adnav h2 {padding: 0 0 0 0 !important;margin-left: -10px;}
#pun-adnav h2 span {margin: 10px 0 0 9px !important;    width: 83px!important;}
.adformal {margin: -24px 0 0 -25px!important; border: none !important;}
#pun-adnav ul.adsubnav {    border: none;    margin: 0;}
#pun-admain fieldset p {    font-weight: normal !important;
    font-size: 9px;
    letter-spacing: .5px;
    font-family: Arial;
    text-transform: lowercase;
    line-height: 9px;
    padding: 4px 5px 0px 5px!important;
    margin: 10px 1px;
    min-height: 30px;
      font-weight: normal !important;
    font-size: 9px;
    letter-spacing: .5px;
    font-family: Arial;
    text-transform: lowercase;
    line-height: 9px;
    padding: 4px 5px 0px 5px!important;
    margin: 10px 1px;
    min-height: 30px;
    background: radial-gradient(ellipse farthest-corner at 50% 0%, #dfede6, #e4f1e9 10%, #cee3d5 50%, #d8e5e1);
    border: 1px solid #f7f7f7!important;
    border-left: 180px solid #9ebfbe!important;
    outline: 1px solid #e5dfd8;}
#pun-admain fieldset p textarea {margin-top:10px;}
#pun-admain .adcontainer td {    border-top: none!important;    border-left: none!important;    border-right: none!important;    border-bottom: 3px double #d1d5e2 !important;}
#pun-admain2 {margin: 0px 0 -21px -21px !important;}
#pun-admain3 {margin: 22px 0 -21px -21px !important;}
#pun-admain .adcontainer th {    border-color: transparent !important;    background-color: transparent !important;}
.adminmain {padding-left: 144px !important;    margin-top: 43px;}




/*--------------------- стиль уведомлений ---------------------*/
/* новое соо, уведомления */
span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author {border-radius: 0px !important;
background: #b3906a !important;color: #613236 !important;border: 1px solid #c3a381;outline: 1px solid 864b54;}
span.num_msg:before {background: #b3906a !important;}
.bubble:after {border-color:#b3906a transparent !important}
span.num_msg {    margin-top: 22px !important;    margin-left: -142px !important;}

.jGrowl .messag_theme {    box-shadow: none !important;    font-family: Arial !important;}
#messages-list a.Author {    font-family:'Merriweather', serif!important;font-size:10px!important;    text-shadow: none !important; font-weight:normal !important; letter-spacing: 1px;}

/* прочие */
.jGrowl-notification {  opacity: 1 !important;    font-family: Arial !important;}

.notify-message .jGrowl-message a, .notify-message .jGrowl-message a:hover {    color: #909090 !important;}

.notify-message .jGrowl-message img.avatar {    padding: 0px !important;    outline: 1px solid #cc8277;    border: 1px solid #fff;    outline-offset: 3px;    margin: 0 10px 0 0;}

.notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award {    border-left: 12px solid #e1b489 !important;}
.notify-message.jg-message {    border-left: 12px solid #ce806a !important;}
.notify-message .jGrowl-date {    border-top: 1px solid #a0b9b6!important;}

.notify-message .jGrowl-header {     font-family:'Merriweather', serif;color: #ffffff !important;    font-size: 10px !important;}

.notify-message .jGrowl-close {background: transparent!important;    color: #ffffff !important;}

.jGrowl-closer {  opacity: 1 !important;    font-family:'Merriweather', serif; letter-spacing: 2px;    font-size: 7px !important;}


/*--------------------- закладки ---------------------*/
#MyBookmarks, #profilenav, #viewprofile, #pun-adnav {    box-shadow: 0 0 30px #516968 inset!important;
    background: #516968;
    border: 1px solid #eb8603;
    outline: 1px solid #e67e0a;}

#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {    position: relative;    width: auto;    z-index: 9999999;    margin-bottom: -12px;}
#MyBookmarks inner {padding-top: 29px !important;}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2{padding: 7px 0;}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2 span, #pun-adnav h2 {font-family: 'Merriweather', serif;font-size: 9px !important;letter-spacing: 3px;
    background: linear-gradient(45deg, #334d50, transparent);
    color: #ffffff !important;
    text-shadow: 1px 1px 0 #152231;}

#MyBookmarks .deS {    color: #c6c78b;    font-family: Arial;    font-size: 11px;    letter-spacing: .5px;}

#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {font-family:'Merriweather', serif;box-shadow: none !important;margin: 4px 0px 0 3px !important;width: 113px;
    background: -webkit-linear-gradient(#ccb593,#896336);
    color: #5d282e;
    text-shadow: 1px 1px 0 #c5a47b;
    border: 1px solid #e2c69e;
    outline: 1px solid #33181d;}

#BookmCntToggle.default-style {box-shadow: none !important;height: 80px !important;width: 62px !important;border: none !important;opacity: 1 !important;color: transparent !important;top: 0px !important;left: 0px !important;
background: url(http://forumstatic.ru/files/001a/e6/32/92466.png) !important;}

#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;
background: #7d3b4ba1 !important;}

#MyBookmarks li.BookmarkL>span>a, #MyBookmarks li num {    color: #ffe1b0;    text-shadow: 1px 1px 0 #311a1d;}

#pun-main .editBookmark h1 {font-size: 7px !important;letter-spacing: 2px;margin: -3px 0 -3px 0;}
#pun-main .editBookmark h1 span.delBookmark {font-size: 18px !important;margin: -7px -48px 0 0;}
.editBookmark {font-family: 'Merriweather', serif;font-size: 8px;letter-spacing: .5px; border-radius: 0px !important;margin: 36px 50px 0 0px !important;}
.post .bookmark:before {display: none !important;}
.post .bookmark {width: 30px !important;height: 28px !important;
background: url(http://forumstatic.ru/files/001a/e6/32/98021.png) !important;
}

/* онлайн */
.indOnline, .indOffline {    display: inline-block;    margin-left: 3px;    width: 7px;    height: 7px;cursor: pointer;}
.indOnline {    background-image: url(http://forumstatic.ru/files/001a/e6/32/85230.png);}
.indOffline {    background-image: url(http://forumstatic.ru/files/0018/53/d9/28152.png);    opacity: .7;}


/* бегунок шрифт */
.FNTslider {width: 80px;height: 9px;margin: 16px 0 0 654px;}
.FNTslider .before {height: 8px;background: linear-gradient(0deg, #708ba2,#adb3c1,#ffffff);border: 1px solid #495c77;margin: -1px 0 -1px -10px;}
.FNTslider .thumb {background: url(https://vk.com/emoji/e/e29c8df09f8fbb.png);width: 16px;height: 16px;position: relative;top: -14px;cursor: pointer;margin-left: -10px;}


/* стрелки */

.go-up, .go-down {    cursor: pointer;      display: none; opacity: 1;    position: fixed;    z-index: 9999;}
.go-up {bottom: 57%;margin-left: 1079px !important;}
.go-down {bottom: 48%;margin-left: 1063px !important;}
.go-down:hover, .go-up:hover {        text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(232, 213, 170, 0.86)!important;}

 




/* V. ТАБЛИЦА
-------------------------------------------------------------*/
 
 

/* новостные плашки */
.s-pl {      position: absolute;
    top: 172px;
    left: 394px;
    width: 243px;
    height: 144px;
    overflow: auto;
    /* white-space: nowrap; */}
.s-pl::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.s-pl1, .s-pl2 {      width: 229px;
    height: 42px;
    /* white-space: break-spaces; */
    text-align: center;
    font-size: 9px;
    font-family: Arial;
    line-height: 8px;
    letter-spacing: .5px;
    display: inline-table;
    margin-right: 2px;}
.s-pl1 {      color: #333765;
    text-shadow: 1px 1px 0 #cae3e0;
    background: radial-gradient(at top, #fad79e, #eabf63, #da9e30);
    padding: 0px 0px 0px 0px;
    border: 1px solid #8b713c;}
.s-pl2 {    color: rgb(255, 255, 255);
    text-shadow: rgb(69 95 98) 1px 1px 0px;
    background: radial-gradient(at center top, rgb(108 142 147), rgb(51 76 80));
    padding: 0px;
    border: 1px solid rgb(42 66 69);}
.s-pl1 s-pl2, .s-pl2 s-pl2 {  1px solid #638584;
    margin: 2px 0 0px 0px;
    display: table-cell;
    background-blend-mode: luminosity;
    width: 40px;
    height: 40px;
    background-size: contain !important;}

 





/* VI. ТЕМЫ
-------------------------------------------------------------*/
.linearicons, [class^="linearicons-"], [class*=" linearicons-"] {    display: inline-block;}
#storiescod, #storiescod1, #storiescod2, #storiescod3, #storiescod4 {
    background: linear-gradient(90deg, #e6ddc3, #e0d7bc, #d4d2ba);
    border: 1px solid #7d899a;
    box-shadow: 0 0 3px #76a7a0 inset, 0 0 3px #549c99;
    color: #2d7774;
}
.s-tem #storiescod, .s-tem #storiescod1, .s-tem #storiescod2, .s-tem #storiescod3, .s-tem #storiescod4 {
    background: linear-gradient(90deg, #8b454d, #542026, #8b454d);
    border: 1px solid #8b454d;
    box-shadow: 0 0 3px #561a21 inset, 0 0 3px #311216;
    color: #e09ca3;
}
#storiescod, #storiescod1, #storiescod2, #storiescod3, #storiescod4, .s-tem #storiescod, .s-tem #storiescod1, .s-tem #storiescod2, .s-tem #storiescod3, .s-tem #storiescod4 {    padding: 2px 10px 2px 10px;    height: 12px;    overflow: hidden;    cursor: pointer;    font-family: Arial;    font-size: 10px;    letter-spacing: 1px;    text-shadow: none;    margin-top: 3px;    white-space: break-spaces;}



/* обычные темы */
.s-tem {margin: -32px 0 0 -20px;padding: 33px 44px 39px 44px;width: 617px;text-align: justify;font-family: Arial;line-height: 13px;font-size: 11px;letter-spacing: 0.5px;overflow: hidden;
    background: url(http://forumstatic.ru/files/001a/e6/32/19889.png) 0px bottom no-repeat, url(http://forumstatic.ru/files/001a/e6/32/39393.jpg) 0px top no-repeat, url(http://forumstatic.ru/files/001a/e6/32/89473.jpg) 0px repeat-y;
    color: #ffe8c6;
    text-shadow: 1px 1px 0 #311519;}
.s-tem s-tem1, .s-tem3 s-tem3a s-tem3b, .s-tem31 s-tem3a1 s-tem3b1, .s-tem5 s-tem5a, .s-tem51 s-tem5a, .st2, .s-prin s-prin1, .s-bank4 div {    position: absolute;    text-align: right;    width: 580px;    font-family: 'Merriweather', serif;   font-style: italic;    letter-spacing: 3px;    font-size: 9px;    background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;}
.s-tem s-tem1, .s-tem5 s-tem5a, .s-tem51 s-tem5a, .s-tem g1, .st2, .s-prin s-prin1 {
    color: #ef93a2a6;
    text-shadow: 1px 1px 0 #291114;
}
.s-tem s-tem1 {margin: -20px 0 0 20px;    display: inline-block;}
.s-tem5 s-tem5a, .s-tem51 s-tem5a, .s-prin s-prin1 {    margin: 10px 0 0 50px;}
.s-tem2 {height: 100px;}
.s-tem2a {height: 180px;}
.s-tem s-tem1a, .s-tem s-tem1c {display: block;margin: 20px 20px 0 20px;padding: 10px 20px 10px 20px;line-height: 19px;
border: 1px solid #88434c;}
.s-tem s-tem1a {font-family: 'Merriweather', serif;font-size: 8px;    letter-spacing: 1px;}

.s-tem s-tem1b, .s-prin s-prin2, .s-tem s-tem1d, .s-chh s-ch1 {width: 100px;height: 100px;
    border: 3px solid #b99967 !important;
    outline: 1px solid #d1717d;
    background: url(http://forumstatic.ru/files/001a/e6/32/52045.jpg);
}
.s-tem s-tem1b {   float: right;    margin: 0 0px 0px 20px; }
.s-tem s-tem1b img, .s-prin s-prin2 img, .s-tem s-tem1d img {mix-blend-mode: soft-light;    margin: 0px !important; filter: grayscale(1);}
.s-tem a1, .s-tem a1, .s-tem a1 a, .s-tem a1 a:hover {
color: #ffbac5 !important;
    text-shadow: 1px 1px 0 #421f23 !important;
}
.s-tem a1, .s-tem a1 {padding: 0px 5px 1px 5px;display: inline-block;
background: #b76974ad;}
.s-tem s-tem1d {background: #b99967 !important;        display: inline-block;    margin: 4px 3px 10px 3px;}
.s-konk {    background: url(http://forumstatic.ru/files/0018/53/d9/66961.jpg);    position: absolute;    width: 708px;    height: 30px;    margin-left: -23px;    color: #dbe5ca;}

.s-tem g1 {display: block;    font-size: 13px;    letter-spacing: 3px;    color: #ffe5b5b5;    text-shadow: 1px 1px 0 #0d120b;    background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;    text-align: right;    padding-right: 40px;    font-family: 'Merriweather', serif;}

.s-tem3, .s-tem31, .s-tem4, .st14 {    text-align: justify;
    padding: 0px 25px 25px 25px;
    width: 460px;
    font-family: Arial;
    font-size: 11px;
    line-height: 15px;
    background: url(http://forumstatic.ru/files/0013/17/f8/93345.png) 0px bottom no-repeat, url() 0px top no-repeat, url(http://forumstatic.ru/files/0013/17/f8/58256.png) 0px repeat-y;
    color: #3a4054;}
.s-tem3 {   margin: 0px 0 0px 28px;    padding: 24px 25px 25px 25px!important;}
.s-tem4 {    margin: -3px 0 0px 27px;}
.s-tem hr {border-color: #88434c !important;    width: 574px;    margin-left: -20px !important;    border-style: solid !important;    border-width: 1px !important;    opacity: 1 !important;}


.st11 {    height: 102px;    margin-top: -22px;}
.st12 {     margin: -203px 0 0 221px;
    height: 20px;
    font-size: 9px;
    letter-spacing: 0.5px !important;
    text-transform: uppercase;
    line-height: 31px;
    text-align: center;
    padding: 0px 9px 1px 2px;
    -webkit-background-clip: text;
    text-shadow: 0 0 3px #425168, 1px 1px 0 #425168;}
.st13 {    margin: -163px 0 0 234px;
    width: 229px;}
.st14 {margin: -91px 0 0 115px;}
.st14 p img {margin: 0px 1px 16px 26px;}



/* анкета */
input.topicname.imp {    position: absolute;    margin: -13px 0 0 113px;    z-index: 1}
.cnt-part{margin-top: -16px;}
input.button.SendQuestionary {    margin-left: 280px !important;}

.s-anka, .st1 {width: 705px;height: 176px;}
.s-anka {
    background: url(http://forumstatic.ru/files/001a/e6/32/24601.jpg);
    margin: -32px 0 0 -20px;
}
.st1 {  background: url(http://forumstatic.ru/files/001a/e6/32/47311.jpg);margin: -22px 0 0 -20px;height: 181px!important;}
.s-anka s-anka1 { position: absolute;    margin: 56px 0 0 74px;}
.s-anka s-anka1 img {    filter: grayscale(1);    mix-blend-mode: soft-light;    width: 100px;    height: 100px;}
.s-anka2 {    margin: -21px 0 0 -4px;    position: absolute;}
.s-anka3, .s-anka4, .s-anka5, .s-anka6, .s-anka7, .s-anka8, .st3 p, .st4 p, .st9, .st12, .st13, .kn1, .kn2, .kn3, .kn4, .kn5, .kn6, .kn7, .kn8, .kn9, .kn10, .kn11, .kn12, .kn13 {    font-family: 'Merriweather', serif!important;
    letter-spacing: .5px;
    font-size: 9.5px!important;
    width: 299px;
    color: #fffae8!important;
}
.s-anka3, .s-anka4, .s-anka5, .s-anka6, .s-anka7, .s-anka8, .st4, .st9, .st12, .st13 {position: absolute;}
.s-anka3 input, .s-anka4 input, .s-anka5 input, .s-anka6 input, .s-anka7 input, .s-anka8 input {margin-top: -5px;}
.s-anka3, .s-anka6 {margin-top: 60px;}
.s-anka3, .s-anka4, .s-anka5 {margin-left:229px;text-align: left;}
.s-anka4, .s-anka7 {margin-top: 101px;}
.s-anka5, .s-anka8 {margin-top: 142px;}
.s-anka6, .s-anka7, .s-anka8 {margin-left:420px;text-align: right;}
.st4 {    margin: -35px 0 0 222px;}
.st9 {margin: 31px 0 0 333px;text-align: left;width: 263px;}
.s-ankaa {height: 153px;display: none;}

.s-anka-tem, .s-spoiler, .s1-spoiler {width: 596px;margin-left: 27px;padding: 5px;font-family: 'Merriweather', serif;letter-spacing: 1.5px;font-size: 8px;text-align: center;margin-top: 10px;
background: url(http://forumstatic.ru/files/001a/e6/32/66006.jpg) no-repeat;}
.s-anka-tem, .s-spoiler a {color: #7b3d45!important;}
.s-anka-tem { height: 30px;}






/* оформление постов */
.sp1 {      margin: 12px auto;
    width: 400px;
    padding: 20px;
    outline-offset: 10px;
    font-family: Arial;
    font-size: 11px;
    line-height: 18px;
    box-shadow: 0 0 30px #c7c5af inset, 0 0 7px #53756a;
    background: url(https://3djungle.ru/upload/resize_cache/iblock/17c/200_200_1/17c8cc0….jpg) 10% 28%;
    background-size: 58%;
    border: 1px solid #ffffff;
    outline: 1px solid #c7b6a2;}
.sp2 {    height: 200px;    overflow: auto;    padding-right: 10px;}
.sp5 {    border-left: 7px solid;
    border-right: 7px solid;
    display: table;
    margin: 30px auto;
    padding: 10px 20px;
    outline-offset: 1px;
    border-color: #3f6f74;
    outline: 1px solid #668b79;}
.sp5:before, .sp5:after, .sp8:before, .sp8:after {display: block;font-family: adbscapsregular;font-size: 60px;letter-spacing: 10px;
    color: #5f7a9b; }
.sp5:before, .sp5:after {content: ".....";}
.sp8:before {content: "...";    margin-top: -46px;    position: absolute;}
.sp8:after {content: "...";    margin-top: -17px;    float: right;}
.sp5:before {    margin: -55px 0 17px -34px;}
.sp5:after {margin: -10px -44px -32px 0px;    float: right;}
.sp6, .sp7 {outline: 1px solid #bba98a;padding: 3px 7px;}
.sp6 p, .sp7 p {padding:0!important;}
.sp6 img, .sp7 img {padding: 1px;
    border: 1px solid #8a4d55 !important;
    outline: 3px solid #ab7981;}
.sp7 img {filter: grayscale(1);}
.sp8 {    height: 3px;    margin: 30px 100px;    background: linear-gradient(45deg, #d3d8bd, #cbdab7);}

.s-spoiler {font-size: 12px !important;    padding: 11px 5px !important;}
.s-spoiler a.s-spoiler_links div {font-size: 18px;    vertical-align: bottom;}
.s-spoiler_body {    display: none;    letter-spacing: 0px;    text-align: justify;    font-family: Arial;    font-size: 11px;    text-shadow: none !important;      margin-top: 20px;}
.s-spoiler_links {cursor:pointer;}
sp {
    line-height: 18px;
    padding: 10px;
    display: inline-block;
    margin-left: 1px;
    width: 720px;
    background: linear-gradient(45deg, #a2c4ca, #e2e0c6);
    border: 1px solid #ffffff;
    outline: 1px solid #7491ab;
    color: #46686d;
}
sp b {   font-family: 'Merriweather', serif;
    letter-spacing: 1px;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 10px;
    background: #83ab9a;
    color: #e2eeff;}
.s-spoiler_body table tr td   {    border: 1px double #92a3ca;
    padding: 21px 0 !important;}


.right p {   text-align:right !important;}
.center p {   text-align:center !important;}
.floLeft {  display:inline-block;  float:left;margin: 10px 10px 10px 1px;}
.floRight {  display:inline-block;  float:right;margin: 10px 1px 10px 10px;}






/* активисты */
.s-tem s-akt {width: 613px;height: 134px;display: block;margin-top: -5px;
 background: url(http://forumstatic.ru/files/001a/e6/32/11204.png);}
.s-tem s-akt1 {    margin: 7px 0 0 172px;    width: 224px;    position: absolute;    text-align: center;    letter-spacing: 1px !important;}
.s-tem s-akt1 b {    letter-spacing: 10px;}
.s-tem s-akt .s-table-2, .s-tem s-akt .s-table-3, .s-tem s-akt .s-table-4 {top: 51px !important;}
.s-tem s-akt .s-table-2 {    left: 200px !important;}
.s-tem s-akt .s-table-3 {    left: 278px !important;}
.s-tem s-akt .s-table-4 {    left: 356px !important;}
.s-tem s-akt .s-table-5, .s-tem s-akt .s-table-6 {left: 445px !important;}
.s-tem s-akt .s-table-5 {top: 23px !important;}
.s-tem s-akt .s-table-6, .s-tem s-akt .s-table-9, .s-tem s-akt .s-table-10 {top: 85px !important;}
.s-tem s-akt .s-table-7, .s-tem s-akt .s-table-8 {    top: 22px;}
.s-tem s-akt .s-table-7 {left: 30px;}
.s-tem s-akt .s-table-8, .s-tem s-akt .s-table-10 {width: 82px;}
.s-tem s-akt .s-table-8 {left: 91px;}
.s-tem s-akt .s-table-9 {left: 122px;}
.s-tem s-akt .s-table-10 {left: 29px;}



.s-tem5, .s-tem51, .st11, .s-prin {        background: url(http://forumstatic.ru/files/0013/17/f8/48037.png);
    height: 287px;}
.s-tem5, .s-tem51, .st11, .s-put, .s-prin, .s-gost, .s-bank {
    margin-left: -18px;
    width: 783px;
    margin-top: -76px;
    display: -webkit-inline-box; }



/* лс */

.reveal-modal-bg { 	position: fixed; 	height: 100%;	width: 100%;	background: #000;	background: rgba(0,0,0,.8);	z-index: 9999;	display: none;	top: 0;	left: 0; 	}
.reveal-modal {	visibility: hidden;	top: 100px; 	left: 50%;	margin-left: -300px;	width: 520px;	position: absolute;	z-index: 101;	padding: 30px 40px 34px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {    font-size: 22px;    line-height: .5;    position: absolute;      top: 12px;    right: 70px;    color: #aaa;    text-shadow: 0 -1px 1px rbga(0,0,0,.6);    font-weight: bold;    cursor: pointer;    text-decoration: none;}
#character {     z-index: 99999 !important;padding: 0px;    left: 57%;}
.s-ls {height: 438px;width: 700px;
   background: url(http://forumstatic.ru/files/001a/e6/32/18467.png) no-repeat;}
.s-ls1 {     position: absolute;    margin: 368px 0 0 10px;}
.s-ls1 img {width: 60px;    height: 60px;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.s-ls2, .s-ls3, .s-ls4, .s-ls5, .s-ls6, .s-ls7, .s-ls8 {position: absolute;       text-align: center;    font-family: 'Merriweather', serif;  font-size: 14px;       background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;}
.s-ls2 {margin: 369px 0 0 223px;width: 40px;
    color: #dab784c4;
    text-shadow: 1px 1px 0 #210709;}
.s-ls3, .s-ls4, .s-ls5, .s-ls6, .s-ls7, .s-ls8 {width: 40px;margin-top: 405px;
    color: #dec69ea8;
    text-shadow: 1px 1px 0 #581d28;}
.s-ls3 {margin-left: 184px;} 
.s-ls4 {margin-left: 230px;}
.s-ls5 {margin-left: 392px;}
.s-ls6 {margin-left: 438px;}
.s-ls7 {margin-left: 598px;}
.s-ls8 {margin-left: 644px;}
.s-ls9 {position: absolute;   margin: 15px 0 0 15px;    overflow: auto;    height: 217px;    width: 248px;    padding-right: 5px;}
.s-ls9 img {margin-bottom: 6px;}
.s-ls10 {position: absolute;    margin: 254px 0 0 15px;    width: 248px;    padding-right: 5px;    overflow: auto;    height: 98px;}
.s-ls10 k {margin: 1px 0 5px 1px;display: block;width: 238px;padding: 2px 0; text-align: center;font-family: 'Merriweather', serif;font-size: 8px;letter-spacing: 1px;
    outline: 1px solid #5f1d28;
    border: 1px solid #a04251;
    background: linear-gradient(90deg, #5f1d28, #a73e4f, #5f1d28);
    color: #ffdcae;
    text-shadow: 1px 1px 0 #5f1b27;
    box-shadow: 0 0 5px #2b0e13 inset;}
.s-ls11 {position: absolute;    margin: 14px 0 0 290px;    overflow: auto;    width: 395px;    height: 368px;}
.lsst {     width: 382px;    height: 132px;    display: block;    margin-bottom: 10px;}
.lsst lsst1, .lsstx lsstx1 {position: absolute;    width: 360px;    margin: 3px 0 0 11px;    text-align: center;    font-family: 'Merriweather', serif;letter-spacing: 3px;    background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;     font-size: 10px;}
.lsst lsst2 {position: absolute;    margin: 20px 0 0 11px;    width: 359px;    text-align: justify;    font-family: Arial;          font-size: 10px;    line-height: 11px;}
.lsst lsst3, .lsst lsst4, .lsst lsst5, .lsst lsst6, .lsst lsst7, .lsst lsst8, .lsst lsst9, .lsst lsst10 {    text-align: center;position: absolute;    height: 24px;    vertical-align: middle;    display: flex;    align-items: center;    justify-content: center;    width: 77px;    font-family:'Merriweather', serif;      letter-spacing: 1px;    font-size: 8px;color: #eff5ff;   =}
.lsst lsst3, .lsst lsst4, .lsst lsst5, .lsst lsst6 {    margin-top: 54px;}
.lsst lsst7, .lsst lsst8, .lsst lsst9, .lsst lsst10 {    margin-top: 92px;}
.lsst lsst3, .lsst lsst7 {    margin-left: 16px;}
.lsst lsst4, .lsst lsst8 {    margin-left: 107px;}
.lsst lsst5, .lsst lsst9 {    margin-left: 198px;}
.lsst lsst6, .lsst lsst10 {    margin-left: 289px;}
.lsstx {width: 382px;height: 77px;display: block;margin-bottom: 15px;}
.lsstx lsstx1 {margin: 27px 0 0 11px !important;    text-align: left!important;    letter-spacing: 1px!important;}
.lsstx lsstx1 div {font-size: 25px;    float: left;    margin: -2px 10px 0 50px;}
.lsst s {text-shadow: inherit !important;}

/* для смены */
.lsst {background: url(http://forumstatic.ru/files/0018/53/d9/43400.jpg);}
.lsst lsst2, .lsst lsst1, .lsstx lsstx1, .lsst lsst3, .lsst lsst4, .lsst lsst5, .lsst lsst6, .lsst lsst7, .lsst lsst8, .lsst lsst9, .lsst lsst10 {      text-shadow: 1px 1px 0 #483428;}
.lsst lsst1, .lsstx lsstx1 {color: #ffe4d3ba;}
.lsst lsst3, .lsst lsst4, .lsst lsst5, .lsst lsst6, .lsst lsst7, .lsst lsst8, .lsst lsst9, .lsst lsst10, .lsst lsst2 {  color: #efd6c4;  }
 


#storiescod{    padding: 2px 10px 2px 10px;    height: 12px;    overflow: hidden;    cursor: pointer;    font-family: Arial;    font-size: 10px;    letter-spacing: 1px;    text-shadow: none;    margin-top: 3px;    white-space: break-spaces;}


.sp2 {
    height: 200px;
    overflow: auto;
    padding-right: 10px;
}

.s-spoiler {font-size: 12px !important;    padding: 11px 5px !important;}
.s-spoiler a.s-spoiler_links div {font-size: 18px;    vertical-align: bottom;}
.s-spoiler_body {    display: none;    letter-spacing: 0px;    text-align: justify;    font-family: Arial;    font-size: 11px;    text-shadow: none !important;     
    margin-top: 3px;
    margin-left: 20px;}
.s-spoiler_body table tr td   {    border: 1px double #82776b;
    padding: 21px 0 !important;}
.s-spoiler_body table {
    width: 98% !important;
}.s-spoiler_body sp {
    width: 618px;
}
.st13 {        position: absolute;
    font-size: 9px;
    letter-spacing: 0.5px !important;
    text-transform: uppercase;
    line-height: 31px;
    width: 275px;
    text-align: center;
    padding: 0px 9px 1px 2px;
    -webkit-background-clip: text;
    text-shadow: 0 0 3px #425168, 1px 1px 0 #425168;
}

/* внутренности */
.s-podf-1 {    position: absolute;
    margin-left: 351px;
    margin-top: 49px;
    text-align: center;
    font-family: 'wremenaregular';
    font-size: 9px;
    text-transform: uppercase;
    width: 213px;
    color: #7a7e89;}
.s-podf-2 {  
    position: absolute;
    margin-left: 65px;
    margin-top: 46px;
    width: 262px;}
.s-podf-2 div {margin: 0 -3px 0 -3px;}
.Add {
    display: none;
}



.punbb .post-content img, .dsr1 {     outline-offset: 1px;
    outline:1px solid #fff3d9;
    border: 1px solid #feb737;
}

/* плашки */
.plashka {  width: 235px;    height: 36px;    background: linear-gradient(224deg, #8a8a8a85 25%, #a6a6a685 25% 50%, #8a8a8a85 50% 75%, #a6a6a685 75%);    margin: 4px 1px 0 10px;  outline: 1px inset rgb(33 28 28 / 7%);   outline-offset: -1px;   box-shadow: inset 0px -3px 13px -3px #000000c4;    display: block;}

.plashka one {text-transform: uppercase;  font-family: Oswald Regular !important;  color: white; text-shadow: 1px 1px #0f0e0e7d; padding: 4px 1px 0px 1px; letter-spacing: 0.8px; font-size: 11px; height: 16px; width: 235px; position: absolute;  display: block;}

.plashka two { box-shadow: inset 0px -19px 1px -2px #00000012; font-family: Calibri; color: #ffffff; text-shadow: 1px 1px #0f0e0e7d; letter-spacing: 0.8px; font-size: 10px;height: 16px; width: 235px; position: absolute; display: block; margin: 19px 0px 0px 0px !important;
}

.pa-fld2 .plashka:after {  font-size: 9px;    color: #5f636e;    margin: -8px 0px 0px 226px;    font-family: Oswald Regular !important;    border-color: #464d5700 #464d5700 #464d57 #464d57;    content: ' \0020';    display: block;    position: absolute;    text-shadow: none;   border-style: solid;    border-width: 4px 4px;} 

.pa-fld2 .plashka:before {  border-color: #eceaef00 #464d57 #464d57 #eceaef00; content: ' \0020'; display: block; position: absolute; margin: -8px 0px 0px 1px;  text-shadow: none;  border-style: solid;  border-width: 4px 4px;}



.msg {      margin: 20px auto;  width: 370px;  outline-offset: 10px;  display: flex;  flex-direction: column;
    padding: 10px; background: linear-gradient(0deg, #e5f1ee, #fdfdfa);   box-shadow: 0 0 0 1px #fcfcf8, 0 0 0 2px #e4e3cd, 0 0 5px #e5e6dc, 0 0 10px #edefdd inset;   outline: 1px solid #dde8df;}
.msg4 p { padding: 0px !important; margin: 0px !important;}
.msg4{margin: 3px 80px;    max-width: 75%;    border-radius: 5px;    padding: 5px 10px;    font-family: 'Raleway';    font-weight: 500;    font-size: 10px;    letter-spacing: .5px;     box-shadow: 0 0 0 1px #eff3f7;    }
.msg4 {      align-self: flex-end; background: linear-gradient(0deg, #e2dfd2, #cfdfdd); border: 1px solid #83bfbd; color: #386960;}
 .msg4 img {border: none !important; outline: none !important;}

.imgl100{ width: 100px; display: inline-block;  float: left;margin: 0px 10px 0px 10px; text-align: left;}
.imgr100{ width: 100px; display: inline-block;  float:right;margin: 0px 10px 0px 10px; text-align: right;}
.imgl150{ width: 150px; display: inline-block;  float: left;margin: 0px 10px 0px 10px; text-align: left;}
.imgr150{ width: 150px; display: inline-block;  float:right;margin: 0px 10px 0px 10px; text-align: right;}
.imgl200{ width: 200px; display: inline-block;  float: left;margin: 0px 10px 0px 10px; text-align: left;}
.imgr200{ width: 200px; display: inline-block;  float:right;margin: 0px 10px 0px 10px; text-align: right;} 
.imgl250{ width: 250px; display: inline-block;  float: left;margin: 0px 10px 0px 10px; text-align: left;}
.imgr250{ width: 250px; display: inline-block;  float:right;margin: 0px 10px 0px 10px; text-align: right;}

0

3

html верх
Код:
<!---------------------------------------— НОВОСТНЫЕ ПЛАШКИ  id="horizontal-scroller"  ---->
<div class="s-pl" style="overflow:auto">


<!---— новые ---->
<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=86#p798" title="30.05.22"><div class="s-pl1"><s-pl2 style="background:url(http://forumupload.ru/uploads/0017/45/b7/8/t844533.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>Avalon</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=81#p795" title="14.05.22"><div class="s-pl1"><s-pl2 style="background:url(https://i.imgur.com/fSjVKFz.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>ну и козел</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=86#p794" title="12.05.22"><div class="s-pl1"><s-pl2 style="background:url(http://forumupload.ru/uploads/0017/45/b7/8/t844533.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>вас снимает скрытая камера</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=84#p793" title="11.05.22"><div class="s-pl1"><s-pl2 style="background:url(https://i.imgur.com/uZ1oB7j.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>мне нужно подумать</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=81#p792" title="11.05.22"><div class="s-pl1"><s-pl2 style="background:url(https://i.imgur.com/31P1OBZ.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>несите круассан</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=83#p791" title="10.05.22"><div class="s-pl1"><s-pl2 style="background:url(https://i.imgur.com/DKEzoVs.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>сплетница хохо</div></a>
<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=83#p790" title="65.05.22"><div class="s-pl1"><s-pl2 style="background:url(https://i.imgur.com/1Rf0aJK.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>малыши вернулись</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=84#p786" title="05.05.22"><div class="s-pl1"><s-pl2 style="background:url(https://i.ibb.co/XyrWxdz/ana-de-armas-control.png),linear-gradient(180deg, #c89f3f, #777d5c);"></s-pl2><br>мне нужно подумать</div></a>

<!---— старые ---->  

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=81#p782" title="29.04.22"><div class="s-pl2"><s-pl2 style="background:url(https://i.imgur.com/fSjVKFz.png),linear-gradient(180deg, #1c3b3a, #1c3b3a);"></s-pl2><br>тупой эгоист</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=81#p780" title="27.04.22"><div class="s-pl2"><s-pl2 style="background:url(https://i.imgur.com/31P1OBZ.png),linear-gradient(180deg, #1c3b3a, #1c3b3a);"></s-pl2><br>уже не удивил</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=84#p779" title="25.04.22"><div class="s-pl2"><s-pl2 style="background:url(https://i.imgur.com/3KSkyoP.jpg),linear-gradient(180deg, #1c3b3a, #1c3b3a);"></s-pl2><br>тили тили тесто, сбежала невеста</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=81#p778" title="24.04.22"><div class="s-pl2"><s-pl2 style="background:url(https://i.imgur.com/fSjVKFz.png),linear-gradient(180deg, #1c3b3a, #1c3b3a);"></s-pl2><br>открой те раны вылечи их снова. пусть сложатся они в судьбы узор.</div></a>

<a href="http://urietwentyonewentz.love-mix.me/viewtopic.php?id=81#p777" title="22.04.22"><div class="s-pl2"><s-pl2 style="background:url(https://i.imgur.com/31P1OBZ.png),linear-gradient(180deg, #1c3b3a, #1c3b3a);"></s-pl2><br>опять этот придурок</div></a>
 

</div> 





 


<style>
div#yandex_rtb_R-A-514125-1, div#yandex_rtb_R-A-514125-2, div#yandex_rtb_R-A-514125-3, div#yandex_rtb_R-A-514125-4, div#yandex_rtb_R-A-514125-5, div#yandex_rtb_R-A-514125-6, div#yandex_rtb_R-A-514125-7, div#yandex_rtb_R-A-514125-8, div#yandex_rtb_R-A-514125-9, div#yandex_rtb_R-A-514125-10, div#yandex_rtb_R-A-1623107-1 { display: none;}
iframe#banner_top, div#adfox_158279780158563912, div#adfox_15905622217969867, div#adfox_158279781267843721, div#yandex_rtb_R-A-1623107-2 { display: none;} 
div#yandex_rtb_R-A-734249-1 { width: 10px;  height: 10px;  margin: 9px 0px -19px 0px;}</style>

<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Привет! Только не говори, что форумы убивают твою жизнь, ведь мы заботимся о твоем самочувствии, а тебе давно пора спать. Беги отдыхай, дружок, встретимся утром. </center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript">
    var ON_button=1; //Cвитч включения: 1 - включено!; 0 - выключено
    var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
    if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
    $("style.#style_st,div.#pircs2").replaceWith("");}
      else {$("#msg-n2").replaceWith("");
    if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
    document.location.href = "../login.php"}else {
    $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
    $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
    var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
    v.replaceWith("<span>Вход только для Администраторов</span>");});};}
    else {document.location.href = "../login.php?action=out&id="+UserID};}
    </script><!--end/profilaktika-->

<style>




.pixforum1 {
    text-align: center;
    height: 115px;
    width: 368px;
    display: block;
    position: absolute;
    padding: 1px;
}
.pixfo1 {
    position: absolute;
    margin: -6px 5px 0px 5px;
    line-height: 12px;
    font-family: cursive;
    color: #f6f6f6;
}
.pixforum2 {
    color: #e4e7e4;
    text-shadow: 1px 1px 1px #5e633c;
    font-family: cursive;
    font-size: 11px;
}
.linksfrm1 {
    position: absolute;
    margin: 49px 0px 0px 32px;
    line-height: 12px;
}.punbb #pun-category1 {
    display: none;
}
.linksfrm1 a {
    color: rgb(255, 255, 255) !important;
    text-shadow: rgb(218, 232, 138) 0px 0px 3px;
}
</style>


<!-- НАЧАЛО. скрытие форума -->
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f2,#forum_f3,#forum_f6,#forum_f10,#forum_f11,#forum_f12,#forum_f13,#forum_f14, #forum_f15, #forum_f16, #forum_f17, #forum_f18 {display:none}</style>")
</script>


<style>



.my-tabs{margin-top: 00px; margin-left:160px;}
img.a-info{ padding:2px;display:block!important;  cursor:pointer;  /*border-radius:50%;*/ 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,.65);}
.my-tabs > img.close {float: right;  margin: 51px -28px 0 0!important; width: 22px;}
.my-tabs{ display:block; z-index:30000; position:absolute; max-height:700px; }
.my-tabs>span{display: none;}
.my-tabs>.tab-a{ width:100%; height:100%;     margin-top: 40px;}
.tab-a .post-content{margin-top:1.4em; text-align:left; display:inline-block;}


</style>




<!-- НАЧАЛО. выделить код -->
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!-- КОНЕЦ. выделить код -->
 
<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
 
<style>.pa-avatar.item2 img.allow_change:hover
{outline-color: #d0a124;}
 
img.clk-imag{
  cursor:pointer;
  display:block;
  position:absolute;
  z-index:1000;
  margin-top:-64px;  /*Наезд на Авик снизу*/
    margin-left: -9px; /* Сдвиг левее */
}
 
</style>
 
 
 
</script><!--НАЧАЛО. смена аватар, статуса, подписи и ника-->
<link id="iNFpanel" rel="stylesheet" href="http://forumstatic.ru/files/0016/9f/91/89201.css" type="text/css"/>
<script src="http://forumstatic.ru/files/0016/9f/91/69934.js"></script>
<!--КОНЕЦ. смена аватар, статуса, подписи и ника-->
 
<!-- шрифтосимволы  -->
<link href='https://fonts.googleapis.com/css?family=Neucha|Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,300italic,300&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
 
<!-- НАЧАЛО. таблица -->
  <!-- СТОРИЗ -->


 
<!-- КОНЕЦ. таблица -->
 
<!-- НАЧАЛО. смайлики -->
<style type="text/css">
#wrapper {width: 600px;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {display: block;
    padding: 0 8px 3px 8px;
    margin-bottom: -1px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: "Roboto Condensed" !important;
    background: #82a8c3;
    position: relative;
    height: 18px!important;
    text-align: center;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://flowplayer.org/img/global/tabs.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #fff;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;background: #cfa767;}
ul.tabs li.tab-current a:hover {color: #fff;}
div.t2,div.t3,div.t4,div.t5,div.t6{display: none;width: 450px;}</style>
<!-- КОНЕЦ. смайлики -->
 

 
<style type="text/css">
.pa-fld5 {z-index: 10000;
margin-top: 65px!important; margin-left: -145px!important;
display: inline; position: absolute;}</style>
 
<style type="text/css">
.pixuved::-webkit-scrollbar { width: 6px; height: 6px; }
.pixuved::-webkit-scrollbar-track { background-color: #ae8974; }
.pixuved::-webkit-scrollbar-thumb { background-color: #42544b; }
</style>
 
 
 
<!-- плашки в профиль -->
<style>.iplash {margin-top: -21px;
    margin-left: -28px;}</style>
 
<style type="text/css">
#wrapper {width: 465px; margin-top: -23px;}
/* вкладки доп смайлов */
ul.tabs {height: 20px;margin: 15px 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;height: 10px;}
ul.tabs li a {display: block;padding: 0 8px 3px 8px;margin-bottom: -1px;color: #fff;text-decoration: none;cursor: pointer;background: #7fa5c0;position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #fff;background: #cfa767;}
ul.tabs li.tab-current a {color: #fff;background: #cfa767;}
div.t2,div.t3,div.t4,div.t5,div.t6,div.t7,div.t8,div.t9 {display: none;width: 450px; height: 150px; overflow-y: auto; margin-top: -5px;}
</style>


<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/80837.css" type="text/css" charset="utf-8" /> <!--  plaingermanica -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/78797.css" type="text/css" charset="utf-8" /><!--  notera -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/22155.css" type="text/css" charset="utf-8" /> <!--  hightide -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/42108.css" type="text/css" charset="utf-8" /> <!--  hellostranger -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/28807.css" type="text/css" charset="utf-8" /> <!--  epicride -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/81362.css" type="text/css" charset="utf-8" /> <!-- broadcastmatter -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/78956.css" type="text/css" charset="utf-8" /><!--  peterjhons -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/35414.css" type="text/css" charset="utf-8" /> <!--  futureshock -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/46475.css" type="text/css" charset="utf-8" /> <!--  deutschlanderregular -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/62896.css" type="text/css" charset="utf-8" /> <!-- stayclassy -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/37630.css" type="text/css" charset="utf-8" /> <!--  lovehewitsregular -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/42470.css" type="text/css" charset="utf-8" /> <!--  hijrnotes -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/98994.css" type="text/css" charset="utf-8" /> <!--  antrovectraregular-->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/73072.css" type="text/css" charset="utf-8" /><!--  milanosky -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/40318.css" type="text/css" charset="utf-8" /> <!-- baysoir -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/74889.css" type="text/css" charset="utf-8" /> <!--  hermes-->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/16336.css" type="text/css" charset="utf-8" /> <!--  mottura two -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/44137.css" type="text/css" charset="utf-8" /><!-- tamoro script -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0018/25/96/79674.css" type="text/css" charset="utf-8" /><!--  white oleander -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0010/d5/9e/39982.css" type="text/css" charset="utf-8" /> <!--  Great Vibes -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0010/d5/9e/90770.css" type="text/css" charset="utf-8" /> <!-- Bradobrei -->
<link rel="stylesheet" href="https://forumstatic.ru/files/0010/d5/9e/96083.css" type="text/css" charset="utf-8" /> <!--  Shlapak Script -->
объява
Код:
<div class="stars"><h3><a href="http://urietwentyonewentz.love-mix.ru/viewforum.php?id=10"><i class="fa fa-globe" style="margin-right: 5px;"></i>alternative</a></h3><h3><a href="http://urietwentyonewentz.love-mix.ru/viewforum.php?id=11" style="margin-right: 5px;"><i class="fa fa-gratipay" style="margin-right: 5px;"></i>Jason &amp; Ronny</a></h3><h3><a href="http://urietwentyonewentz.love-mix.ru/viewforum.php?id=12" style="llink1"><i class="fa fa-gratipay" style="margin-right: 5px;"></i> Leo &amp; Brook</a></h3><h3><a href="http://urietwentyonewentz.love-mix.me/viewforum.php?id=13" style="margin-right: 5px;"><i class="fa fa-gratipay" style="margin-right: 5px;"></i>Lavvie &amp; Set  </a></h3><h3><a href="http://urietwentyonewentz.love-mix.me/viewforum.php?id=14" style="margin-right: 5px;"><i class="fa fa-gratipay" style="margin-right: 5px;"></i>Penny &amp; Austin </a></h3>


<star><a href="http://urietwentyonewentz.love-mix.ru/viewforum.php?id=15" style=""><i class="fa fa-gratipay"></i> Stevie &amp; Eve</a> <a href="http://urietwentyonewentz.love-mix.ru/viewforum.php?id=16" style="margin-right: 5px;"><i class="fa fa-gratipay" style="margin-right: 5px;"></i>Sammy &amp; Matty  </a></star></div>



<style>

.stars {    position: absolute;
    font-weight: bold;
    font-family: Cinzel;
    font-size: 16px;
    letter-spacing: 1px;
    background: linear-gradient(0deg, #000000, #ffffff);
    -webkit-background-clip: text;
    color: #ffffffb8;
    text-shadow: 1px 1px 0 #000000;
    display: inline-flex;
    width: 1124px;
    margin: -73px 0px 0px -36px;}
.stars star {    position: absolute;
    display: block;
    margin: -55px 0px 0px 856px;
    width: 170px;}
.stars h3 { padding: 0px 0px 0px 32px;}
.stars h3 a {    color: #fffae9;
    text-shadow: 1px 1px 0 #352e14;}
star {    position: absolute;
    display: block;
    margin: -98px 0px 0px 578px;
}
star a {
    color: #e7c47c !important;
    text-shadow: 0 0 2px #7b4e0d, 1px 1px 1px #45170d;
    font-weight: bold;
    font-family: angelicbonquesregular;
    font-size: 13px;
    letter-spacing: 2px;
    margin-left: 20px;
}

</style>
html в форме ответа
Код:
<!------------------------------------------------------------FLOAT---------------------------------------------------------->
<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=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:rgb(249 241 226);border:0px solid black; color: #000; width:auto; padding:8px; position:absolute; margin-top:-29.9%; margin-left:31.5%; z-index:20">
<div><strong>направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<style>td#floatbut {  position: absolute; z-index: 2;  height: 21px; margin-top: 13px;  width: 32px;}</style>
низ

<!-------------------------------------------------------------------------- МАСКА ПРОФИЛЯ ---->

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['urie!twentyonewentz'],
    changeList: {
        'pafld1': {
            title: 'ЛЗ',
            description: 'личное звание',
            tag: 'lzm',
            class: 'pa-fld1',
            defaultCode: '<div class="lz"><b>ИМЯ ФАМИЛИЯ КАПСОМ НА РУССКОМ</b>, возраст<br> свободная информация о вас и <b>имя вашей пары</b>.</div>',
            type: 'html'
        },
        'pafld2': {
            title: 'Плашка',
            description: 'плашка',
            tag: 'plh',
            class: 'pa-fld2',
            defaultCode: '<div class="plashka" style="background-color: #146363;"><one>мой партнер</one><two>лучше всех</two></div>',
            type: 'html'
        }
    },
    userFields: ['pa-author ', 'pa-title', 'pa-avatar item2', 'pa-fld2', 'pa-fld1', 'pa-posts', 'pa-respect']
});
</script><style>
.hv-preview-pafld2 .plashka, .hv-preview-pafld2 .plashka one, .hv-preview-pafld2 .plashka two {width: 160px;}
#mask_dialog .inner {width: 850px !important}
#mask_dialog .hv-preview-block {    flex: 0 0 180px;max-width: 180px;}
#mask_dialog .hv-preview-block img { max-width: 150px;}

</style>

<!---------- БЕГУНОК ШРИФТЫ ---->
<!-- Регулировка размера шрифта в постах © Alex_63 -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<script type="text/javascript">
document.getElementById("horizontal-scroller")
  .addEventListener('wheel', function(event) {
    if (event.deltaMode == event.DOM_DELTA_PIXEL) {
      var modifier = 1;
      // иные режимы возможны в Firefox
    } else if (event.deltaMode == event.DOM_DELTA_LINE) {
      var modifier = parseInt(getComputedStyle(this).lineHeight);
    } else if (event.deltaMode == event.DOM_DELTA_PAGE) {
      var modifier = this.clientHeight;
    }
    if (event.deltaY != 0) {
      // замена вертикальной прокрутки горизонтальной
      this.scrollLeft += modifier * event.deltaY;
      event.preventDefault();
    }
  });
</script>

<!-- Аватар по умолчанию и для гостя -->
<script type="text/javascript">
var DefAvtr="http://forumstatic.ru/files/0013/0b/24/55911.jpg";//Для Юзера
var GuestAvtr="http://forumstatic.ru/files/0013/0b/24/48543.jpg";//Для Гостя
$("li.pa-title").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).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
</script>

<!--ТЕГ  абзаца - [indent] -->
<style>#button-indent {background:url()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.7em 1.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!--HTML+-->
<script>
var oldIMG="<td id=\"button-image\" title=\"+HTML\"><img onclick=\"bbcode('

Код:
<!--HTML-->','

')\" src=\"https://a.deviantart.net/avatars/v/e/venomrabbit.png\" style=\"HEIGHT: 25PX;WIDTH: 25PX;MARGIN-LEFT: 12PX;MARGIN-TOP: -12PX;display: block;  opacity: 10%;\"></td>"
$("#button-image").after(oldIMG);
</script>

<!---------------------------------------------— АВ ГДЕ ПРИВЕТ НИК НАЧАЛО —--------------------------------------------->

<script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+(window.UserAvatar?UserAvatar:'https://i.ibb.co/hV0swZG/3.png')+'"/></span>')</script>
<!---------------------------------------------— АВ ГДЕ ПРИВЕТ НИК КОНЕЦ —--------------------------------------------->

<!--Выделить код -->
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</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>

<!-- личная страница -->
<script img-data="http://sa.uploads.ru/SoT3N.png" src="http://forumstatic.ru/files/0013/44/56/57946.js" forum="22"></script>

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<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>

<!-- чтоб работало 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>



<!--НАЧАЛО. полупрозрачность для изображений Hoverbuttons -->
<!-- jquery уже подключен -->
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.7);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.7);
              });
        });
    });
</script>
<!--КОНЕЦ. полупрозрачность для изображений Hoverbuttons -->

<!-- НАЧАЛО. поля профиля без имён -->
<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-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-fld3")
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-fld4")
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">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!-- КОНЕЦ. html-преобразователь -->

<!-- НАЧАЛО. обычная загрузка картинок -->
<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>
<!-- КОНЕЦ. обычная загрузка картинок -->

<!----------------------------------------------------------------------------------------------------- СТРЕЛКИ ВВЕРХ-ВНИЗ ---->

<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/0013/17/f8/93339.png"></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/0013/17/f8/40881.png"></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>

<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">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('[stbook]')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('[stbook]')[1]);
}
});
});
</script>
<!-- КОНЕЦ. хтмл в сообщениях -->





<!-- Свои шрифты -->
<script type="text/javascript">
$(document).ready(function(){if ($('#main-reply').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('▼ С КИРИЛЛИЦЕЙ'); ft_f.push('');

ft_f.push('Alegreya Sans SC'); ft_f.push('Amatic SC'); ft_f.push('Anonymous Pro'); ft_f.push('Bebasneueregular'); ft_f.push('Bradobrei'); ft_f.push('Cormorant Garamond'); ft_f.push('Drinaregular'); ft_f.push('Kelly Slab'); ft_f.push('Lobster'); ft_f.push('Montserrat'); ft_f.push('Neucha'); ft_f.push('Oswald'); ft_f.push('Pattaya'); ft_f.push('Philosopher'); ft_f.push('Playfair Display'); ft_f.push('Poiret One'); ft_f.push('PT Sans Narrow'); ft_f.push('Roboto Condensed'); ft_f.push('Russo One'); ft_f.push('Shlapak script'); ft_f.push('Yeseva One');

ft_f.push(''); ft_f.push('▼ ТОЛЬКО ЛАТИНИЦА'); ft_f.push('');

ft_f.push('Abril Fatface'); ft_f.push('antrovectraregular'); ft_f.push('Baysoir'); ft_f.push('Broadcastmatter'); ft_f.push('Cinzel'); ft_f.push('Epicride'); ft_f.push('Futureshock'); ft_f.push('Great Vibes'); ft_f.push('Hellostranger'); ft_f.push('Hermes'); ft_f.push('Hightide'); ft_f.push('Hijrnotes'); ft_f.push('Julius Sans One'); ft_f.push('Lovehewitsregular'); ft_f.push('Milanosky'); ft_f.push('Mottura Two'); ft_f.push('Notera');ft_f.push('Permanent Marker'); ft_f.push('Peterjhons'); ft_f.push('plaingermanica'); ft_f.push('Quicksand'); ft_f.push('Rajdhani'); ft_f.push('Raleway'); ft_f.push('Special Elite'); ft_f.push('Stayclassy'); ft_f.push('Tamoro script'); ft_f.push('White Oleander');

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>
<!-- Конец -->



<style>div#slidesContainer { border-radius: 0px;}</style>



<!------------------------------------------------------------------------------------------------------- СЧЕТЧИК СИМВОЛОВ ---->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">написано <b style="    font-family: curatorregular;    font-size: 13px;">00</b> символов</small>';epl.parents("fieldset").find("legend").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>
<!-------------------------------------— СЧЕТЧИК СИМВОЛОВ КОНЕЦ —--------------------------------------->

<!--------------------------------------------------------------------------------------------------------- ТЕМ, СОО / Deff, Alex_63 ---->
<script type="text/javascript">
(function(){
   $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
   function appendTopicS(){
     $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() {
       var L=$(this).parents('tr:first');
       var str='<br><div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+L.find('td.tc2').text()+'</span></div>\
       <div style="" class="Tems_And_messages1">Cоо: <span class="right">'+L.find('td.tc3').text()+'</span></div>\
       </div>';$(str).appendTo(this);
     });
   }
   if($('#pun-index').length){appendTopicS ();}
   if($('#pun-viewforum').length){
     var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
     if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
   }
}());
</script>

<!---------------------------------------------------------------------------------- БЫСТРОЕ РЕДАКТИРОВАНИЕ © Alex_63 ---->
<script src="http://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

<!--------------------------------------------------------------------- СОКРЫТИЕ ПАНЕЛИ В ПРОСМОТРЕ ПРОФИЛЯ (c) satsana ---->
<script type="text/javascript">
  if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1))
    $('#pun-profile').addClass('view');
</script>
<style>
#pun-profile.view #profilenav {display: none}
</style>

<!— Отключение комментирования репутации НАЧАЛО —>
<script type="text/javascript">
RusffCore.sets.reputation = 0;
FORUM.PartnerVote = function (){return true};
</script>
<!— Отключение комментирования репутации КОНЕЦ —>

0


Вы здесь » urie!twentyonewentz » какие-то коды » весна дюти зеленый


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