on
Добро пожаловать, волшебник! В детстве нас учат разнице между героем и злодеем, добром и злом, подвластным спасению и безнадежным. но что если эта разница зависит от того, кто рассказывает историю?! / 1989
marauders: Accio
лучший пост от себастьяна ✦ мир все также ничтожен, как и то прошлое, что меня породило. не могу избавиться от ощущения, что я здесь чужой. я вновь для всех зверь, который не знает контроля...
лучший эпизод ✦ мир все также ничтожен
Здесь делается вжух ��

accio

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

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


Вы здесь » accio » Google help » гарри поттер с совой готовый диз


гарри поттер с совой готовый диз

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

1

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

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

/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC&family=Anton&family=Arima:wght@100&family=Bad+Script&family=Bebas+Neue&family=Caveat&family=Cinzel&family=Comfortaa:wght@300&family=Comforter+Brush&family=Cormorant+Garamond:wght@300&family=Cormorant+SC:wght@300&family=Edu+QLD+Beginner&family=Gloria+Hallelujah&family=Gochi+Hand&family=Great+Vibes&family=Hachi+Maru+Pop&family=Homemade+Apple&family=Indie+Flower&family=Kaushan+Script&family=Klee+One&family=Koulen&family=Lobster&family=Merienda&family=Montserrat+Alternates:wght@100&family=Nanum+Brush+Script&family=Neucha&family=Nothing+You+Could+Do&family=Pacifico&family=Playfair+Display+SC&family=Poiret+One&family=Roboto+Flex:opsz,wght@8..144,100&family=Roboto:wght@100&family=Ruslan+Display&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=The+Nautigal&family=Yeseva+One&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2forumna?family=Comfortaa&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,200;1,300;1,400;1,600&display=swap');
@font-face {font-family: "CabazonW01-Regular"; src: url("//db.onlinewebfonts.com/t/b1150af33ccf9063be14defc5b42bb39.eot"); src: url("//db.onlinewebfonts.com/t/b1150af33ccf9063be14defc5b42bb39.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b1150af33ccf9063be14defc5b42bb39.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b1150af33ccf9063be14defc5b42bb39.woff") format("woff"), url("//db.onlinewebfonts.com/t/b1150af33ccf9063be14defc5b42bb39.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b1150af33ccf9063be14defc5b42bb39.svg#CabazonW01-Regular") format("svg"); }
@font-face {
font-family: 'FontAwesome';
src: local("FontAwesome"), url(https://forumstatic.ru/files/001b/2a/97/72676.otf);
url('https://forumstatic.ru/files/001b/2a/97/22668.eot'),
url('https://forumstatic.ru/files/001b/2a/97/76876.woff'),
url(https://forumstatic.ru/files/001b/2a/97/23471.ttf'),
url(https://forumstatic.ru/files/001b/2a/97/25643.ttf');
}

@font-face {font-family: "Harry Potter";
    src: url("http://db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.woff") format("woff"), /* chrome firefox */
    url("https://forumstatic.ru/files/0019/c5/48/94192.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/0421d4186d6efbfc5331fe180895e780.svg#Harry Potter") format("svg"); /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Aest';
  font-style: normal;
  font-weight: normal;
  src: url(https://forumstatic.ru/files/0018/20/d2/37988.ttf);
}


@font-face {
    font-family: 'Mephistophjimenez';
    src: url('https://forumstatic.ru/files/001b/ae/0f/52804.ttf');
}

@font-face {
    font-family: 'samantha';
    src: local("samantha"), url(https://forumstatic.ru/files/0014/65/a2/20941.ttf);
}


@font-face {
    font-family: 'Rhonde';
    src: local("RhondeFree"), url(https://forumstatic.ru/files/0014/65/a2/10499.otf);
}

@font-face {font-family: 'American TextC'; 
src: local("American TextC"), url(https://forumstatic.ru/files/001b/0a/ba/39213.ttf);}


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

/* A2.1 */
html, body {margin: 0px; padding: 0px;}

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

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

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

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

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

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


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }


/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    background-color: #b7bcbb;
    color: #000;
    border: 1.5px solid rgb(118 114 112 / 55%);
}

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
    margin: auto;
    margin-top: 35px;
    margin-bottom: 50px;
    width: 1000px;
    background: #b7bcbb;
    outline: 2px solid #646e5c;
    outline-offset: 6px;
    border-radius: 31px 0 0 0;
    padding: 0px 0px 0px 0px;
    background-repeat: repeat;
    background-position: center;
    position: relative;
}

/* A5.2 */
.punbb {
    margin-left: 0px;
    width: 960px;
    height: auto;
   padding: 15px 15px 15px 20px;
}

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


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

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

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

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

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

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

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

#pun-main h2 {
    color: #262726;
    background: #b7bcbb;
}


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

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
     padding: 0;
    margin: 30px;
    width: 95%;
    text-align: justify;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
    text-align: center;
    border-top: 1px solid #7b76664f;
    margin-left: 385px;
    padding-bottom: 5px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }


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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 0em 1em 0em;
    padding: 1em;
    border-style: solid;
    color: rgb(32, 33, 36) !important;
    text-align: justify;
        background: #bec0bf99;
    border: 1px solid #7e75947d;
}


/* B1.9 */
.punbb .code-box strong.legend, .punbb .quote-box cite {
    border-bottom: 1px solid #42404b2b;
    display: block;
    width: auto;
    margin: -12px -12px 0px -12px;
    font-size: 11.5px;
    font-family: 'Philosopher';
    text-transform: uppercase;
    margin-top: -12px !important;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    text-align: right;
    color: #3a3e50 !important;
    padding: 6px !important;
}

.post-content .spoiler-box > div {
   font-size: 11.5px;
   font-family: 'Philosopher';
    text-transform: uppercase;
    font-weight: 600;
     color: #3a3e50 !important;
}

.post-content .spoiler-box > div {
    background: url(https://s7.uploads.ru/q5m3z.png) no-repeat left center !important;
    cursor: pointer;
    padding-left: 25px !important;
}


.punbb .quote-box cite a, .punbb .code-box a {
    color: #4c4f5c !important;
    padding: 0 4px;
}


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

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

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

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


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

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2em;
    left: 1em;
    width: 24em;
       font-family: Philosopher;
    font-size: 11.5px!important;
   color: #131313ba;
  }

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -4em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-family: Philosopher;
    font-size: 11.5px!important;
}

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
    font-family: Philosopher;
    font-size: 11.5px!important;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
    font-family: Philosopher;
    font-size: 11.5px!important;
    color: #131313ba;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
    font-family: Philosopher;
    font-size: 11.5px!important;
display: none;
  }

/* B3.8 */
.subscribelink a {
    clear: both;
    padding-top: 1.4em;
    padding-bottom: 0.5em;
font-size: 0
  }

/* идея бланш */
.subscribelink a:before {
    content: "\eb03";
    clear: both;
    font-family: 'cappuccicons';
    font-size: 15px!important;
    color: #53586c;
}

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

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

/* C1.1 */
.punbb .formal .container {
padding: 0em;
    margin-left: -6px;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0em;
  margin: 1em 0 0 1em;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit span {
    margin: 0 1em 0 0;
    height: 26px;
    line-height: 12px;
}

.punbb select {
    margin: 0 1em 0 0;
    height: 26px;
     font-family: Philosopher;
    font-size: 12px!important;
    background-color: #b5b9b8;
}

.punbb .formsubmit input a {
      text-transform: uppercase;
}


#pun-main .formsubmit input {
    margin: 0 1em 2em 0;
    padding: 6px 15px 6px 15px !important;
    transition: all 0.5s ease-in-out 0s;
    font-family: Philosopher;
    font-size: 10.5px!important;
    text-transform: uppercase;
    background: rgb(166 174 166);
    color: #050505;
}

.punbb input {
    padding: 6px 6px 6px 6px !important;
    font-size: 11px!important;
    /* color: #403e3f !important; */
}

.punbb .formsubmit a {
    text-transform: uppercase;
    padding: 6.5px;
    height: 26px;
    font-family: Philosopher;
    font-size: 10.5px!important;
    text-transform: uppercase;
    background: rgb(166 174 166);
    color: #050505;
}

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

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0px;
    font-family: 'Philosopher';
    font-size: 13px!important;
}

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

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0px 0.7em 10px;
    margin-right: 10px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
width: 30%;
    font-size: 12px;
     font-family: 'Philosopher';
 text-transform: lowercase; 
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
    font-size: 12px;
    font-family: 'Philosopher';
 text-transform: lowercase; 
  }

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    padding-left: 20px!important;
    text-align: left;
    font-size: 12px;
    width: 30%;
    font-family: 'Philosopher';
    font-size: 12.2px;
    text-transform: lowercase;
}

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

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

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

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


/* C2.8 */
#pun-index .tcl h3 {
    text-align: left;
    font-size: 14px;
   -webkit-text-size-adjust: none;
}

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

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

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

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


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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em;
  }


/* C2.15 */
.punbb div.icon {
   border-style: none;
    line-height: 0.0;
    margin-top: 0.3em;
}

.punbb td div.tclcon {
    text-align: justify;
    text-transform: lowercase;
    color: #1e1d1df5;
    font-size: 12.4px;
    font-family: Philosopher;
    font-weight: 500;
}

/* C2.16 */
.punbb table div.icon {
     height: 15px;
    width: 15px;
    position: absolute;
    margin-left: -3.8em;
}



 /* C3 Topics
-------------------------------------------------------------*/

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }


/* C3.3 */
.punbb .post h3 span {
    display: block;
    margin-left: 0em;
    border-left-style: solid;
    border-left-width: 1px;
}

/* C3.4 */
#pun-viewtopic .post h3 {
    margin-left: -20px;
    width: 974px;
    font-size: 9px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    height: 17px;
    padding: 0px 13px;
    font-family: 'Philosopher';
    line-height: 17px;
    background: #bec0bf99;
    border: 1px solid #00000014;
}


#pun-viewtopic .post h3 a {
     color: #252424 !important;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    color: #252424;
    width: 5em;
    text-align: right;
    font-weight: normal;
    margin-top: 2px;
}


/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 240px;
   background: linear-gradient( 90deg, rgb(175 185 173) 25%, rgb(169 176 184) 80%);
    border: 1px solid #373b4d26;
    color: #2f3131 !important;
    text-align: center;
    margin-top: 25px;
    font-size: 9px;
    margin-left: -10px;
    min-height: 140px;
    font-family: Raleway;
    z-index: 110;
}


#pun .post-author .pa-author a {
    display: block;
    width: 222px;
    padding: 4px 4px;
    left: -3px !important;
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 15px;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: transparent;
    background: linear-gradient( 90deg, rgb(93 113 78) 20%, rgb(82 89 121) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Aest, Philosopher;
    font-weight: 600;
}

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


/* C3.7 */
.pa-author {
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
     color: transparent;
    background: linear-gradient( 90deg, rgb(93 113 78) 20%, rgb(82 89 121) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Aest, Philosopher;
    font-weight: 600;
} 



/* C3.9 */
li.pa-title {
    padding: 5px 4px;
    font-family: 'Philosopher';
    width: 205px;
    color: #1f1f1f !important;
    position: absolute;
    font-size: 9px!important;
    line-height: 9px;
    letter-spacing: 0.6px;
    margin-top: -21.5px !important;
    margin-left: 0px;
    text-align: center;
    text-transform: lowercase;
    z-index: 1;
    cursor: default;
}

.pa-reg {display: none;}

.pa-ip, .pa-awards {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 10px;
    font-family: 'Philosopher';
    color: #313030;
}

.pa-ip a,  .pa-awards a { 
    color: #313030 !important;}


.pa-time-visit { 
text-transform: lowercase;
       font-size: 12px;
    font-family: 'Philosopher';
   color: #313030;
 text-align: center;
}


/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

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

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

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

/* C3.15 */
.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    font-size: 12.2px;
    margin-left: -17.5em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-family: 'Philosopher';
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

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

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


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
font-size: 12.2px;
 font-family: 'Philosopher';

  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  font-family: 'Philosopher';
  }

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

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


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

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

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


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

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

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

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
 border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
    font-size: 10.7px;
    text-transform: lowercase;
    position: relative;
  }



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

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 5px 18px;
    position: relative;
    color: #535052;
    font-size: 13px;
    font-family: 'Montserrat';
  }

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

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


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

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

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


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

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

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

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


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

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
    display: block;
   margin: -95px 0px 0px 340px;
}

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

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

/* шапка */
#pun-title table {
    border: none;
    height: 350px;
    width: 1000px;
   border-radius: 30px 0 0 0;
    background-image: url(https://forumstatic.ru/files/0019/c5/48/34754.png);
    margin-top: -16px!important;
    margin-left: -21px;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
}

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

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

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

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

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

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

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



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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    text-align: center;
}

/* D3.2 */
#pun-navlinks {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    margin-right: -51px;
    width: 50px;
    background: linear-gradient(180deg, rgb(58 62 80) 40%, rgb(38 42 57) 100%);
    border-radius: 0 20px 20px 0;
    border-right: 1px solid #3e4253!important;
    border-top: 1px solid #3e4253!important;
    border-bottom: 1px solid #3e4253!important;
    z-index: 100;
}

#pun-navlinks .container {
    display: block;
    font-family: playfair display;
    line-height: 43px;
    font-size: 15px;
    justify-content: center;
    align-items: start;
    -webkit-text-size-adjust: 100%;
    position: absolute;
    width: 20px;
    top: 10px;
    left: 17px;
    z-index: 999;
}


/* D3.3 */
#pun-navlinks li {
  display: inline;
  }


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

#pun-ulinks .container {
    font-size: 9px;
    line-height: 25px;
    text-align: center !important;
    margin-left: -9px !important;
    position: absolute;
    font-family: 'Philosopher';
    font-weight: 500;
    letter-spacing: .3px;
    padding: 0 !important;
    text-transform: uppercase;
    z-index: 1;
    margin-top: -30px;
    width: 940px;
    height: 25px;
}

#pun-ulinks a {
    color: rgb(211 205 209 / 59%) !important;
}

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

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


/* D4.4 */
#pun-ulinks li a:hover {
   font-size: 9.3px;
  transition: ease-out 1s;
  }

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


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

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

/* D5.2 */
#pun-status {
    position: absolute;
    text-align: right;
    font-size: 9px;
    font-family: 'Philosopher';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    margin-left: 190px;
    margin-top: -462px;
    width: 800px;
    height: 30px;
}

#pun-status .container {
    padding: 0 20px;
    line-height: 28px;
    display: inline-block;
       color: #86967b;
   cursor: default;
}
#pun-status .container strong, #pun-status .container a {
    font-weight: 500!important;
}

#pun-status .container a { 
    font-size: 8px;
    font-family: 'Raleway';
    text-transform: uppercase;
    letter-spacing: 1px;
        color: #86967b;
}
 
/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

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

/* D5.5 */
#pun-crumbs1 p.container {
    display: inline-block !important;
    margin-top: 25px;
    margin-bottom: 3px;
    padding: 1px;
    width: 100%;
   text-transform: uppercase;
    font-size: 11px;
    text-align: left;
    color: #3b3738d4;
    font-weight: 600;
    font-family: 'Philosopher';
}

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

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
display: none;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

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

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

/* D7.1 */
#pun-stats .container {
    position: relative;
    padding: 0em;
    margin-top: -10px !important;
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    font-size: 9.7px;
    color: #3d404f!important;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Philosopher';
    letter-spacing: .4px;
    font-weight: 500;
}

#pun-stats li.item4 a {
   color: #5e5573!important;
   font-weight: 500;
}

#pun-stats li.item1 {
  width: 150px;
}

#pun-stats li.item2 {
  width: 190px;
}

#pun-stats li.item3 {
   width: 230px;
    display: none !important;
}

#pun-stats li.item4 {
    width: 420px;
    padding-left: 35px !important;
}

/* D7.3 */

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    float: left;
    padding: 7px 10px;
    justify-content: space-between;
}

/* D7.4 */
li#onlinelist {
    margin-top: 1em;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 100%;
    margin-left: 0px;
    line-height: 140%;
}

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
    font-family: 'Philosopher';
    font-size: 12.2px;
    letter-spacing: 0px;
    text-align: justify;
}

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

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

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

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

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: left;
    padding: 0em;
    font-size: 8px;
    font-family: 'Playfair Display';
    text-transform: lowercase;
}

/* D8.5 */
#pun-about p span {
    display: block;
    text-align: right;
    margin-top: -6px!important;
    margin-bottom: 10px;
    font-family: 'Philosopher';
}

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

/* D8.7 */
#pun-crumbs2 .container {
 display: inline-block !important;
    margin-top: 23px;
    margin-bottom: 3px;
    padding: 1px;
    width: 100%;
    text-transform: uppercase;
    font-size: 11px;
    text-align: left;
    color: #3b3738d4;
     font-weight: 600;
    font-family: 'Philosopher';
}

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

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


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

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

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

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

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

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

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

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

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


/*ОТКЛЮЧЕНИЕ ПЛАШКИ СМЕНЫ DNS*/
#dns-ip-replace-notify {display:none!important;}
#pun_wrap{position:static!important;}




/*зачеркивание*/
.punbb .post-content del {
    background: #a89d90;
    color: transparent;
    border-radius: 2px;
    text-decoration: none;
   transition: 1s;
}

.punbb .post-content del:hover { 
   background: transparent;
    color: #333;
    border-radius: 0px;
text-decoration: none;}

.punbb #size-area {
    padding: 0 9px!important;
    overflow: hidden;
    overflow-y: auto;
    height: 355px;
    z-ndex: 100000;
}

/* постописцы */
.posts {
    position: absolute;
    display: inline-block;
    z-index: 1;
    margin-top: 55px;
    height: 35px;
    width: 35px;
    border: 1px solid #607650;
    border-radius: 50px;
    background-color: #67775b;
}


.posts img {
   border-radius: 50px;
    width: 35px;
    height: 35px;
    filter: sepia(1) brightness(0.65) hue-rotate(48deg) opacity(.64) grayscale(0.75);
    mix-blend-mode: soft-light;
}

.bestpost {
    height: 30px;
    width: 660px;
    cursor: default;
    margin-top: 245px;
    overflow: auto;
    margin-left: 170px;
    position: absolute;
    color: #919997 !important;
    background: #2f3241;
    border-radius: 6px;
    font-family: 'Comfortaa';
    font-size: 9.3px;
    line-height: 15px;
    text-transform: lowercase;
    text-align: justify;
    padding: 5px;
}

.bestpost  a {
    color: #919997 !important;
}

.ep {
    height: auto;
    width: 260px;
    cursor: default;
    margin-top: 60px;
    margin-left: 565px;
    position: absolute;
    color: #919997 !important;
    background: #2f3241;
    border-radius: 6px;
    font-family: 'Comfortaa';
    font-size: 9.3px;
    line-height: 15px;
    text-transform: lowercase;
    text-align: center;
    padding: 5px;
}

.ep a {
    color: #919997 !important;
}




#pun-index thead {display: none}

#pun-index .tclcon h3 a {
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Philosopher';
    font-weight: 600;
    position: relative;
    color: #41475c;
    letter-spacing: 1px;
}

#pun-index .tclcon h3 {
    width: 456px;
    text-align: left;
    margin: 6px 0;
    border-radius: 4px;
    position: relative;
    line-height: 17px;
}

#pun-index .tclcon {
    font-size: 10px;
    text-align: justify;
    margin: 0px 0px 0px -10px;
    padding: 0px;
    line-height: 15px;
    border-radius: 15px;
    z-index: 1;
    padding: 10px;
    position: relative;
    font-weight: 500;
    min-height: 60px;
    background: linear-gradient( 90deg, rgb(141 173 116 / 20%) 25%, rgb(127 137 173 / 25%) 80%);
    border: 1px solid #373b4d26;
    cursor: default;
}


#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    font-family: montserrat;
    font-size: 9px;
    font-weight: 500;
    width: 20px;
display: none
}


#pun-index .tcr a {
    display: block;
    color: #5d6e50;
    font-family: 'Philosopher';
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
}

#pun-index .tcr {
    text-align: left;
    font-family: 'Philosopher';
    font-size: 11px;
    font-weight: 500;
    width: 40%;
    line-height: 6px;
    color: #242223cc;
    margin-left: 10px !important;
    padding-top: 10px !important;
    cursor: default;
}

/* форма ответа */
.punbb .formal textarea {
    border-radius: 0 0 10px 10px;
       outline: 1px solid #c1c6c5;
    outline-offset: 1px;
}


/* сообщения */
span.num_msg {
    z-index: 9999;
    margin-top: -4px!important;
    margin-left: -2px!important;
    background: #607456!important;
    color: #b7bcbb!important;
    border-radius: 2px;
    font: bolder 10px/1.6 Tahoma!important;
    cursor: pointer;
    width: 7px;
}

span.num_msg:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #607456!important;
    top: 14px!important;
    margin-left: 1px !important;
}

/* уведомления */
.bubble {
   background: #607456!important;
    color: #b7bcbb!important;
    border: 0 none;
    border-radius: 3px;
    display: inline-block;
    font: bolder 8px/1.6 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 1px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -20px!important;
}

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


.p-advert, .p-promo, .p-notice, .p-award, .p-reputation, .p-report {
    background:#74797f!important;
}

.p-mention {
    background: #74797f!important;
}

.p-message {
    background: #74797f!important;
}


/* окошко переноса соо */
.pun-modal .container {
    background: #b7bcbb;
    text-transform: lowercase;
    border-radius: 0 0 6px 6px;
    color: #3a3a3a !important;
}

.punbb #move_posts_form .formal>form.container {
    width: 100%!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
    padding: 20px!important;
}



/* описание подфорумов и ссылки / вещий*/
.f_desc_wrap {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-direction: row-reverse;
}

.f_desc {
    flex: 1;
  width: 460px /*ширина блока с текстом*/
}

.f_links {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 3.5px;
}

.f_links a {
    display: none;
}


/* кнопки */
.button, input[type="button"] {
    margin: 0 1em 1.5em 0;
    min-width: 90px;
    padding: 6px 15px 6px 15px !important;
    transition: all 0.5s ease-in-out 0s;
    font-family: Philosopher;
    font-size: 10.5px!important;
    text-transform: uppercase;
    background: rgb(166 174 166);
    color: #050505;
}

#pun-admain input, #pun-admain select {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0.3em;
    font-family: Philosopher !important;
    font-size: 10.5px!important;
    text-transform: uppercase;
    background: rgb(166 174 166);
    color: #050505;
}

.punbb .modmenu input {
    margin-left: 1em;
     font-family: Philosopher;
    font-size: 10.5px!important;
    text-transform: uppercase;
    background: rgb(166 174 166);
    color: #050505;
}


#form-buttons td#button-styles {background: url('https://s2.uploads.ru/Iwmkt.png') center no-repeat}


/* Навигация */

@media screen and (max-width: 540px) {#pun-navlinks li a:before {display:none}  }
#pun-navlinks li a span{
font-size:0 !important;
display: none;
} 

#navpr_1 li span {
font-size:0; display: none;
} 

#pun-navlinks #navextra1 a {
    font-size: 0 !important;
}

#navpr_2 li span {
font-size:0; display: none;
} 


#navindex  a:before {content:"\f004"; font-family: 'FontAwesome';  } /* Форум */
#navuserlist a:before {content:"\f0c0"; font-family: 'FontAwesome';   } /* Участники */
#navsearch a:before {content:"\f002"; font-family: 'FontAwesome';   } /* Поиск */
#navpm a:before {content:"\f0e0"; font-family: 'FontAwesome';  } /* Сообщения*/
#navprofile a:before {content:"\f007"; font-family: 'FontAwesome';  padding: 1.5px;} /* Профиль */
#navadmin a:before {content:"\f0ee"; font-family: 'FontAwesome';   } /* Администрирование */
#navlogin a:before {content:"\f090"; font-family: 'FontAwesome';  padding: 1.5px; } /* Вход */
#navlogout a:before {content:"\f0e2"; font-family: 'FontAwesome';  padding: 1.5px; } /* Выход */
#navregister a:before {content:"\f067"; font-family: 'FontAwesome'; padding: 1.5px; } /* Регистрация */
#navpr_1 a:before {content:"\f1d8"; font-family: 'FontAwesome';   } /* Реклама */

.forumname {
    width: auto;
    position: absolute;
    cursor: default;
    margin-left: 150px;
    z-index: 5;
    text-transform: uppercase;
    margin-top: 115px;
    font-size: 80px;
    overflow-y: hidden;
    color: transparent;
    background: linear-gradient( 90deg, rgb(96 118 80) 20%, rgb(97 104 136) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Aest, GTEAPAC;
    font-weight: 500;
    transition: ease-out 1.6s;
}


/* стрелки */

.go-up {
    display: none;
    position: fixed;
    font-family: 'Raleway';
    letter-spacing: .5px;
    text-transform: lowercase;
    margin-left: 995px;
    font-weight: 400;
    z-index: 100;
    cursor: pointer;
      color: rgb(114 135 98);
    font-size: 23px;
    margin-bottom: 40px;
    width: 25px;
    height: 25px;
}

.go-down {
    display: none;
    position: fixed;
    center: 0px;
    font-family: 'Raleway';
    letter-spacing: .5px;
    text-transform: lowercase;
    margin-left: 995px;
    font-weight: 400;
    z-index: 100;
    cursor: pointer;
      color: rgb(114 135 98);
    font-size: 23px;
    margin-bottom: 40px;
    width: 25px;
    height: 25px;
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom: 160px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}


@media only screen and (max-device-width: 600px) {
  .hvStickerPackModal.active {
    display: block;
    width: 500px!important;
   background: #b7bcbb !important;
    text-transform: lowercase;
    border-radius: 6px;
    box-shadow: 0 0 0 0.3px inset #494358, 0 0 37px inset #8b8a91;
   z-index: 300;
}}

.hvStickerPackModal.active {
    display: block;
    width: 930px !important;
    background: #b7bcbb !important;
    text-transform: lowercase;
    border-radius: 6px;
    box-shadow: 0 0 0 0.3px inset #494358, 0 0 37px inset #8b8a91;
   z-index: 300;
}


.hvStickerPackModalContent {
    border: none !important;
    padding: 0px 12px;
    min-height: 70px;;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
}

input.hvStickerPackModalAddButton {
    margin: 0 1em 1.5em 0;
    min-width: 90px;
    padding: 6px 15px 6px 15px !important;
    transition: all 0.5s ease-in-out 0s;
    font-family: 'Comfortaa';
    font-size: 11px!important;
    text-transform: lowercase;
    letter-spacing: 0.2px;
    color: #191819f7 !important;
}

.hvStickerPackModalInput {
       background: #a8aab1;
    border: solid 1px #a0a3ab !important;
    color: #000 !important;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
    filter: brightness(0.7);
    background-size: 38px auto;
    position: relative;
    padding-left: 1px;
    z-index: 100;
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -1px;
    color: #555453;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
    font-size: 0 !important;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    width: 23px;
    height: 23px;
    background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
    display: block;
    background-size: 100%;
    margin-left: -9px;
    margin-top: 8.5px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}


/* иконки в форме ответа */
#form-buttons #button-font,
#form-buttons #button-transL,
#form-buttons #button-indent,
#form-buttons #button-size,
#form-buttons #button-bold,
#form-buttons #button-italic,
#form-buttons #button-underline,
#form-buttons #button-strike,
#form-buttons #button-left,
#form-buttons #button-center,
#form-buttons #button-right,
#form-buttons #button-justify,
#form-buttons #button-spoiler,
#form-buttons #button-quote,
#form-buttons #button-code,
#form-buttons #button-color,
#form-buttons #button-smile,
#form-buttons #button-link,
#form-buttons #button-image,
#form-buttons #button-image2,
#form-buttons #button-video,
#form-buttons #button-hide,
#form-buttons #button-table,
#form-buttons #button-keyboard,
#form-buttons #button-addition,
#form-buttons #button-html,
#form-buttons #floatbut,
#form-buttons td#button-styles,
#form-buttons #button-pr,
#form-buttons #button-sticker,
#form-buttons #button-mask {
    font-family: 'cappuccicons', 'fontawesome';
    background: transparent!important;
    top: 12px !important;
    position: relative;
    width: 27px;
    height: 23px;
       color: rgb(53 57 71);
}

#form-buttons  #button-servimg  {
    top: 6px !important;
    position: relative;
    width: 27px;
    height: 20px;
}

#form-buttons td {display: inline-block; margin: 0 3px 3px;  line-height: 24px; /* отступы кнопок друг от друга */}


#form-buttons td img {
    height: 26px;
    width: 100%;
    margin-top: -12px !important;
}

#form-buttons #button-indent {
display: none
}

#button-font:before {content: "\f031"} 
#button-transL:before {content: "\f031"} 
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032"} 
#button-italic:before {content: "\f033"} 
#button-underline:before {content: "\f0cd"} 
#button-strike:before {content: "\f0cc"} 
#button-indent:before {content:"\f03c";} 
td#button-image:before {content: "\f03e"}
td#button-image2:before {content:"\f0ee";} 
#button-left:before {content: "\f036"}
#button-right:before {content: "\f038"}
#button-center:before {content: "\f037"}
 #button-spoiler:before {content: "\f187"} 
 #button-quote:before {content: "\f10d"} 
 td#button-code:before {content: "\f121"} 
 td#button-color:before {content: "\ebc3"} 
 #button-smile:before {content: "\ea84"} 
 #button-link:before {content: "\f0c1"} 
 #button-image:before {content: "\f007"} 
 #button-image2:before {content: "\f007"} 
 #button-video:before {content: "\f03d"} 
 #button-hide:before {content: "\f070"} 
 #button-table:before {content: "\f0ce"} 
 #button-keyboard:before {content: "\f11c"} 
td#button-sticker:before {content: "\f004";} 
#floatbut:before {content:"\2a";} 
#button-addition:before {content:"\f005";} 
#button-mask:before {content: "\f007"} 
td#button-styles:before {content:"\f03c";} 
td#button-pr:before {content: "\ea3f";}
#button-servimg:before {content: "\ea3f";}

#form-buttons tr {
    text-align: left;
}

/* появляющаяся таблица с рено */
.renoheader {
   border-radius: 30px 0 0 0;
     background-image: url(https://forumstatic.ru/files/0019/c5/48/34754.png);
 }

/* тут скрыть */
.renoheaderhover {
    width: 1000px;
    height: 350px;
     border-radius: 30px 0 0 0;
    opacity: 0;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    margin-top: -15px;
    margin-left: -20px;
    position: absolute;
    z-index: 1;
}

.renoheaderhover:hover {
    color: #ededed;
    width: 1000px;
    height: 350px;
     border-radius: 30px 0 0 0;
    background-image: url(https://forumstatic.ru/files/0019/c5/48/34754.png);
    opacity: 10;
}

renoheadercontent {
    width: 1000px;
    height: 350px;
     border-radius: 30px 0 0 0;
    background-image: url(https://forumstatic.ru/files/0019/c5/48/34754.png);
    color: #ededed;
}




/* оформление тем, идея iand */
.theme {
    margin: auto;
    background: url(https://forumstatic.ru/files/0019/c5/48/44312.png?v=1) no-repeat, #c1c2c1;
    width: 699px;
    padding: 5px 0 15px 0;
    border-radius: 20px;
    border: 1px solid #8181818f;
}

.theme_title {
    width: 700px;
    margin-top: -10px;
    text-align: center;
    font-size: 40px;
    overflow-y: hidden;
    color: #606981;
    font-family: 'Aest';
    font-weight: 500;
    line-height: 90px;
    cursor: default;
}

.theme_title span {
    display: block;
    text-align: center;
    border-radius: 10px;
    background: #646e5c;
    color: #c1c2c1 !important;
    width: 300px;
    margin-left: 200px;
    font-size: 14px;
    font-weight: 500;
    font-family: Philosopher;
    text-transform: lowercase;
    cursor: default;
    line-height: 21px;
    margin-top: -18px;
}

.theme-text {
    width: 92%;
    margin: auto;
    font-size: 12.2px;
    padding-top: 17px;
    font-weight: 500;
    font-family: Philosopher;
    text-transform: lowercase;
    line-height: 15px;
    cursor: default;
}

.theme-text b {
font-weight: 700 !important;
 color: #536645  !important;
}

.theme-text span {
    display: block;
    font-size: 17px;
    font-family: Philosopher;
    font-weight: 700;
    color: #536645;
    padding-top: 10px;
    padding-bottom: 4px;
}

/* плашки */
#newstime {
    text-align: center;
    font-family: Philosopher;
    font-weight: 600;
    font-size: 8.5px;
    padding: 3px 0 3px 0px;
    color: #191919;
    margin: 7px 0 0 0 !important;
    width: 965px;
    height: 35px;
    line-height: 20px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

.newstime_title {
    text-align: center;
    font-family: Philosopher;
    font-weight: 600;
    font-size: 10.5px;
    background: url(https://forumstatic.ru/files/0019/c5/48/24463.png?v=1) no-repeat;
    width: 200px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 17px;
    padding-top: 5px;
    height: 35px;
    color: rgb(128 138 172) !important;
    text-shadow: 1px 1px 0px rgb(0 0 0 / 36%);
    box-shadow: 0 0 14px 3px #606884d9 inset;
    border: 1.5px solid #4f5369;
}

.newstime_title a {
    color: rgb(128 138 172) !important;
}

.newstime_title span {
    display: block;
    font-size: 7.5px;
    background: #646e5c;
    line-height: 14px;
    color: #c1c2c1 !important;
    border-radius: 10px;
}

.newstime:hover  {
  transform: scale(0.8);
    transition: ease-out 1.4s;
}

/* музыка */
.music {
    position: fixed;
    margin-left: -180px;
    margin-top: 195px;
    z-index: 1000;
}

.music:before {
    content: "\eb16" !important;
    font-family: 'cappuccicons';
    color: #697a5c8a;
    font-size: 26px;
    padding: 7px;
    font-weight: normal;
}

0

2

Код:
/* скрыть VIP-аккаунт*/
#pun-status .item4.status-right{
  display: none;
}


#snow_light {
position: fixed;
    width: 450px;
    height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
 display: block;
filter: blur(4px) opacity(1) brightness(2.5);
}


#particles-js{
 display: block;
position: fixed;
    width: 450px;
    height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
filter: blur(4px) opacity(2);
}

@media only screen and (max-device-width: 540px) {
    .snow {
      display: none;
    }
}

.snow {
display: block;
position: fixed;
    width: 450px;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
z-index: -1;
}

#textblock {
    cursor: default;
    position: fixed;
    font: normal 12px/180% Philosopher;
    color: #758767 !important;
    height: 100%;
    left: 0;
    width: calc(50% - 510px);
    top: -220px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0px;
    z-index: -1;
}

#textblock div {
    text-align: justify;
    text-align-last: justify;
  width: 75%;
}

.fonchik {
    position: fixed;
    height: 100% !important;
    width: 550px;
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-left: -100px !important;
    background: rgb(155 174 79);
    mix-blend-mode: color-dodge;
    z-index: -100;
}


.leaf {
    background: url(https://forumstatic.ru/files/0019/c5/48/56970.gif);
   filter: sepia(1) brightness(0.67) hue-rotate(40deg) opacity(0.8) blur(0.85px) grayscale(0.55);
    width: 650px;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin-left: -200px !important;
    z-index: -2;
}


/* маска */

#mask_dialog .hv-add-template {
    border: 1px solid #0003 !important;
}

#mask_dialog .inner {
    background: #b7bcbb !important;
    text-transform: lowercase;
    box-shadow: 0 0 0 0.3px inset #bec2c1, 0 0 0 1px #29303161, 0 0 37px inset #515f5f8c;
    color: #3a3a3a !important;
}

#mask_dialog .hv-preview-block img {
    max-width: 100px;
}

.hv-storage-count {
    flex: 1 1 100%;
    width: 100%;
    text-align: center;
    padding-bottom: 6px;
    color: #262424 !important;
    font-size: 10px;
}



/* картинки для тем */
.book1 {
    border-radius: 10px;
    background: url(https://forumstatic.ru/files/0018/20/d2/75310.png) top right;
    box-shadow: 0 0 0 0.3px inset #bec2c1, 0 0 0 1px #29303161, 0 0 140px inset #7e7d8bde;
    width: 620px;
    height: 200px;
}


.book_text {
    display: inline-block;
    position: absolute;
    float: left;
    line-height: 55px;
    margin-top: 50px !important;
    margin-left: 60px !important;
    width: 500px;
    justify-content: center;
    padding: 6px;
    text-transform: lowercase;
    font-size: 50px;
    letter-spacing: 2px;
    height: 104px;
    color: transparent;
    background: linear-gradient( 90deg, rgb(136 110 84) 20%, rgb(126 117 148) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Aest, GTEAPAC;
    font-weight: 500;
    z-index: 100;
    cursor: default;
}

.book_text span {
    display: inline-block;
    padding-top: 0px;
    margin-left: 110px;
    line-height: 25px;
    font-family: 'Century Gothic';
    font-size: 12px;
    color: #9f906e;
    font-weight: 500 !important;
    text-transform: lowercase;
    letter-spacing: .5px;
    cursor: default;
}

/* активен */
.pa-last-visit,
.pa-online {
	display: none
}

.indOnline, .indOffline {
    position: absolute;
    margin: -51px -4px !important;
    z-index: 10;
    display: block;
    width: 8px;
    border-radius: 50px;
    height: 8px;
}

.indOnline {
        background: #6b795e;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor 1.3s linear infinite;
    box-shadow: 0 0 3px 2px #87827a4f;
}

.indOffline {
background: transparent;
}



/* линия */
hr {
    height: 1px;
    background-color: #7e7e7e;
    border: none!important;
}
.post-content hr {
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-bottom: 0.5em !important;
    margin-top: 0.5em !important;
}

/* копирайт */
.footer-copy {
    width: 300px;
    height: 15px;
    display: inline-block;
    position: absolute;
    margin-top: 53px!important;
    line-height: 12px;
    margin-left: 300px!important;
    font-weight: 600;
    text-align: center;
    padding: 0px 5px;
    font-family: 'Philosopher';
    font-size: 9px;
    letter-spacing: 1.2px;
    color: #737c6c !important;
    text-transform: uppercase;
    z-index: 100;
}
.footer-copy a {
    color: #737c6c !important;
}

/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background: #b1a9a4;
    border-radius: 10px;
}

/* сообщение не вылазит за границы */
#pun .post-content {
    word-wrap: break-word;
}

/* фиксация поля ответа в телефоне */
textarea {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/* для мобильных устройств */
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1100px !important;
}

HTML, body {
	min-width: 540px!important;
}

/* айфон */
html {
-webkit-text-size-adjust: none;
}
/* подсказки */
@media (pointer: coarse), (hover: none) {
      [title] {
        position: relative;
        display: inline-flex;
        justify-content: center;
      }
      [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid;
        width: fit-content;
        padding: 3px;
      }
    }


/* фон задний */
body {
background-color: #1322f3c!important;
background: url("https://forumstatic.ru/files/0019/c5/48/43915.png");
background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
   overflow-x: hidden !important;
   background-size: cover;
}

/* футер */
.footer {
    width: 1000px;
    height: 35px;
    display: inline-block;
    position: absolute;
    margin-top: -16px !important;
    margin-left: -21px !important;
    padding: 5px 1px;
    background-image: url(https://forumstatic.ru/files/0019/c5/48/34754.png);
}

/* Иконки в профиль */
.pa-posts, .pa-respect, .pa-fld3, .pa-fld4{
    display: inline-block;
    width: 98px;
    line-height: 12px;
    margin-top: 7px!important;
    margin-bottom: 0px!important;
    text-transform: uppercase;
    font-size: 10px;
    padding: 2px !important;
    font-family: 'Philosopher';
    font-weight: 600;
    text-transform: uppercase;
    color: #242525de !important;
}
.pa-respect a { color: #242525de !important;}


/* категории */
#pun-index .category h2 span, #pun-stats.section h2 span {
    width: 960px;
    display: block;
    cursor: default;
    color: transparent;
    background: linear-gradient( 90deg, rgb(96 118 80) 20%, rgb(97 104 136) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Aest, GTEAPAC;
    font-weight: 500;
    font-size: 50px;
    margin-top: -10px!important;
    margin-left: -20px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #9a9f9e;
    text-transform: uppercase;
}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
   background-color: #transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb-admin #pun-admain .adcontainer {
   background-color: #transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   background-color: #transparent;
  color: #464646;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
 background-color: #transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #transparent;
  color: #333
  }


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #282828;
  }

/* CS1.8 */
#pun-navlinks .container {
 background-color: #transparent;
  color: #2d2d2d;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
   color: #262a3a;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3e3e3e;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #3e3e3e;
  }

/* CS3.3 */
#pun-navlinks a {
    text-decoration: none;
    color: #728762;
}

/* CS3.4 */
#pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8e6e5b;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  text-decoration: none
  color: #3e3e3e;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
/* иконки сообщений, с идеей от бланш */
#pun-index table Div.icon {margin: 35px 0px 0px -42px;}
#pun-index table Div.icon:before {
   color: #5c638470;
   font-size: 23px;
   content: "\eab3" !important;
    font-family: 'cappuccicons';
}

#pun-index table div.inew {margin: 35px 0px 0px -42px;}
#pun-index table div.inew:before {
   color: #5c6384;
   font-size: 23px;
   content: "\eab3" !important;
    font-family: 'cappuccicons';
}

#pun-index table div.isticky {
   background-color: #ad9680;
      height: 50px;
    width: 4px;
}

#pun-index table div.iclosed {
   background-color: #7e7593;
      height: 50px;
    width: 4px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    position: relative;
    float: left;
     height: 10px;
    width: 10px;
    background-color: #9b9aa8;
border-radius: 50%;
    margin-left: -25px !important;
    margin-top: -1px!important;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon  {
height: 10px;
    width: 10px;
    background-color: #7e7593;
 border-radius: 50%;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon {
height: 10px;
    width: 10px;
    background-color: #ad9680;
 border-radius: 50%;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon {
height: 10px;
    width: 10px;
   background-color: #7e7593;
border-radius: 50%;
}


/* убирает голубую обводку в форме ответа */
input, textarea { outline: none; }  input:active, textarea:active { outline: none; } :focus { outline: none; }


/* выделение */
    ::selection { 
    background: #3c4156;
    color: #b7bcbb;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: #3c4156;
    color: #b7bcbb;
}


/* аватар */
.pa-avatar img {
    padding: 6px !important;
    background: linear-gradient(to top right, #646e5c 50%, #3f4356 80%) border-box;
    /* background: #6b795e; */
    max-width: 180px;
    max-height: 180px;
}

/* шрифты, размер и другое */
#font-area, #size-area, #spoiler-sels {
   border: 1px solid #8e8b92;
    border-radius: 10px;
    color: #464544 !important;
    width: 150px !important;
     margin-left: 10px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #addition-area {
   border: 1px solid #8e8b92;
    border-radius: 10px;
    color: #464544 !important;
    width: 220px !important;
     margin-left: 555px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#smilies-area {
  border: 1px solid #8e8b92;
    border-radius: 10px;
    color: #464544 !important;
    width: 400px !important;
    margin-left: 430px;
    padding: 8px;
    margin-top: 3px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

div#image-area.container {
    width: 600px !important;
}
#imageupload-left input[type=button] {
    width: 14em !important;
    text-align: center;
}


/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #7b7b7b !important; height: 4px; 
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #7b7b7b !important; height: 4px; 
}

::-webkit-scrollbar {
    background-color: #3a3a3c;
    height: 7px;
    width: 6px;
}

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: #3a3a3c;}

::-webkit-scrollbar-thumb {
  background-color: #3a3a3c;
  width:6px !important;}


/* не отображать */

.stickytext,.closedatafield, .li#navawards, .lastedit, .pl-reports, .topic .sharelink
{display:none!important;}
#button-files_rusff, #button-graffiti_rusff
{display: none !important;}
 #pun-main h1, #pun-debug h2 {display: none;}
.punbb .modmenu .container span {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun td .modlist, .modlist {display: none !important;}
.li#navrules {display: none;}
#pun-ulinks .item5 {display:none}
#pun-index thead {display: none}
#pun-index .tcmod {display: none}
.pa-gifts {display: none;}


/* аватар */
.punbb .user-avatar .avatar-image {
    filter: brightness(0.64) sepia(1) hue-rotate(148deg) opacity(1);
}


#pun .user-avatar.user-avatar .avatar-image {
    border-radius: 10px !important;
    border: 1px solid #6a767b91;
    height: 30px;
    width: 30px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

.punbb .user-avatar .isonline {
    width: 7px!important;
    height: 7px!important;
    border-radius: 50px;
    top: 2px!important;
    right: 2px!important;
    z-index: 100;
    background-color: #5b617d !important;
}

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

/* подложка для формы ответа */
#form-buttons {
    position: relative;
    padding-left: 10px;
    background: linear-gradient( 90deg, rgb(102 124 80 / 20%) 20%, rgb(103 110 137 / 39%) 80%);
    border-top: 1px solid rgb(131 127 125 / 55%);
    border-left: 1px solid rgb(131 127 125 / 55%);
    border-right: 1px solid rgb(131 127 125 / 55%);
    margin-right: -7px;
    margin-bottom: 0px;
}

/* символы */
small#plng {
     font-family: 'Philosopher';
    font-size: 12.5px!important;
    margin-left: 0px;
    padding: 0px 6px;
}


div#keyboard-area {
  border: 1px solid #8e8b92;
    border-radius: 10px;
    color: #464544 !important;
    width: 630px !important;
    padding: 8px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

#keyboard-span input {
    color: #070707 !important;
    background-color: #a29c9d42 !important;
    border: 1px solid #98918e !important;
}



/* плашку предоставили на прекрасном рено, с моей доработкой */

li.pa-fld1 {
   width: 226px;
    left: 0px;
    top: 27px;
    margin-bottom: 5px;
    padding: 2px 2px 2px 2px!important;
    text-align: justify;
  display: block;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pa-fld1 {
    height: 32px;
    position: relative;
    margin-left: -10.5px !important;
    margin-top: -37px!important;
    background: linear-gradient(to right, rgb(126 99 84) 0%, rgb(84 78 102) 100%);
    border: 1px solid #00000021;
    cursor: default;
}
.pa-fld1 fonpi{height: 32px; width: 226px;}

.pa-fld1 kt {
    display: flex;
    align-items: center;
    width: 75px;
    font-size: 7.5px;
    font-family: 'Comfortaa';
    font-weight: 600;
    height: 14px;
    position: absolute;
    margin-left: 5px;
    margin-top: 9.5px;
   color: #afb3b7 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: center;
}

.pa-fld1 mt {
    display: flex;
    align-items: center;
    width: 83px;
    height: 14px;
    font-size: 7.5px;
    margin-left: 140px;
    position: absolute;
    font-family: 'Comfortaa';
    font-weight: 600;
    margin-top: 9.5px;
    color: #afb3b7 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: center;
}
.pa-fld1 ici{position: absolute; margin-left: -95px; margin-top: -7px;}
.pa-fld1 ici img {
    opacity: .9;
    max-width: 43px;
    position: absolute;
    background: url(https://forumstatic.ru/files/001b/78/43/52219.png);
    padding: 2px 4px;
    filter: brightness(1) opacity(0.85);
    -webkit-clip-path: polygon(50% 0%, 100% 38%, 83% 87%, 17% 87%, 0% 38%);
    clip-path: polygon(50% 0%, 100% 38%, 83% 87%, 17% 87%, 0% 38%);
    margin-top: 1px;
    margin-left: 182px;
    box-shadow: 0px 0px 40px 4px #5f5678 inset;
}

/* личное звание */
.pa-fld2 {
    position: relative;
    width: 212px !important;
    padding: 8px 3px !important;
    margin-left: -2.5px !important;
    margin-top: 10px !important;
    margin-bottom: -10px!important;
    text-transform: lowercase;
    cursor: default;
}

.lzname {
    position: relative;
    font-size: 11px;
    padding: 4px 4px;
    font-weight: 600;
    font-family: 'Century Gothic';
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #646e5c!important;
    top: 0px !important;
}

.lzname a {
     color: #646e5c !important;
}


.lz {
    margin-left: -12px!important;
    margin-right: auto!important;
    margin-top: -5px!important;
    text-transform: lowercase;
    width: 210px;
    font-family: 'Philosopher';
    font-weight: normal;
    line-height: 14.8px;
    font-size: 11px;
    padding: 10px 10px 9px 9px;
    color: #151515f0;
    text-align: justify;
}

.lz b {
    color: #646e5c;
}


/* сообщения */
#pun-messages .indOnline {
  display: none;
}

#pun-messages .post-author {
    margin-left: -30px !important;}

/* БАННЕРЫ
----------------------------------------------------------------------------------------------------------------------*/
#banners {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    height: 31px;
    width: 980px;
    margin-left: 10px;
    margin-top: 2px;
    letter-spacing: 6px;
    opacity: 0.7;
}

#banners a img {
    opacity: 0.8;
    - moz-opacity: 0.8;
   filter: brightness(0.34) sepia(1) hue-rotate(148deg) opacity(0.7);
}

#banners a img:hover {
transition: all 0.5s;
opacity:0.8;
-moz-opacity:0.8;
  filter: none;
}

.post-img-Sp {
    background: #646e5c;
    color: #b1b3b3;
    padding: 3px 0;
    font: 11px 'Philosopher';
    text-transform: uppercase;
    display: inline-block;
    width: 108px;
}

.post-img-Sp + .post-img-Sp {
    margin-left: 4px;
    background: #3f4356;
}

/* профиль */
li.pa-fld5 img {
    padding: 6px;
    margin-top: 0px;
    margin-left: 0px;
   filter: brightness(0.9);
}

li.pa-fld5 {
    z-index: 1;
    border-radius: 50px;
    position: absolute;
    margin-top: -25px;
    margin-left: 212px;
    background: linear-gradient( 90deg, rgb(175 185 173) 25%, rgb(169 176 184) 80%);
    border: 1px solid #373b4d26;
}

0

3

Код:
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap" rel="stylesheet">

<script type="text/javascript" src="https://forumstatic.ru/files/0019/c5/48/49752.js"></script>

<!--Скрытие профиля в теме тегом-->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}</style>
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>
<!-- Конец -->

<div id="textblock"><div>Добро пожаловать, волшебник! В детстве нас учат разнице между героем и злодеем, добром и злом, подвластным спасению и безнадежным. но что если эта разница зависит от того, кто рассказывает историю?! / 1989
</div></div>


<link href="https://forumstatic.ru/files/0018/20/d2/99918.css" rel="stylesheet" type="text/css"/>
<link href="//db.onlinewebfonts.com/c/23e76ac1c34fcf5eb8905e476eefc2aa?family=GTEAPAC" rel="stylesheet" type="text/css"/>
<script src="//pull.cappuccicons.com/cpf.js"></script>
<div class="leaf"></div>
<div class="fonchik">
</div>
<link href="//db.onlinewebfonts.com/c/0421d4186d6efbfc5331fe180895e780?family=Harry+Potter" rel="stylesheet" type="text/css"/>
<div class="forumname">marauders: Accio</div>

<div class="renoheaderhover"><div class="renoheadercontent">

<!-------------------------------------------- ЛУЧШИЙ ПОСТ ---------------------------------------------->
 <div class="bestpost">лучший пост от <a href="https://tvddownwardspiral.ru/viewtopic.php?id=1225#p208684" title="перейти к посту" target="_blank">себастьяна</a> ✦ мир все также ничтожен, как и то прошлое, что меня породило. не могу избавиться от ощущения, что я здесь чужой. я вновь для всех зверь, который не знает контроля...
</div>

<!-------------------------------------------- ЛУЧШИЙ ЭПИЗОД ---------------------------------------------->
 <div class="ep">лучший эпизод ✦ <a href="ссылка" title="перейти к посту" target="_blank"> мир все также ничтожен</a></div>

<!-------------------------------------------- ЛУЧШИЕ ИГРОКИ (40x40) --------------------------------------->
<a class="posts" style="margin-left: 180px;" href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001b/2a/c7/11097.png" title="лучший игрок - кэтрин"></a>
<a class="posts" style="margin-left: 280px;" href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001b/2a/c7/11097.png" title="лучший игрок - аксель"></a>
<a class="posts" style="margin-left: 380px;" href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001b/2a/c7/11097.png" title="лучший игрок - нора"></a>
<a class="posts" style="margin-left: 480px;" href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001b/2a/c7/11097.png" title="лучший игрок - нора"></a>



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



<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>


<!-- СКРЫВАЕМ НАГРАДЫ ИЗ НАВИГАЦИИ -->
<style type="text/css">
li#navawards {display: none;}
</style>

<!-- Пиар-вход v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'PR'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>




<!-- ОТКЛЮЧИТЬ СЕРВИС РЕКОМЕНДАЦИЙ  -->
<script type="text/javascript">
rusffLive.enable = false;
</script>
<!-- конец -- >

<!-- ЗАМЕНА ТИРЕ -->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>

<!------------ Смена аватара в топике (в HTML верх) © Deff, Alex_63 ------------>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script>

<!-- HTML в постах с допуском по группам © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/52361.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = ['user','newTst2']; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>


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


<!-- ЗАПРЕТ ПЕРЕХОДА НА ПЕРВУЮ СТРАНИЦУ  При удалении Тем и сообщений -->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>


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


<!--выделить код. Alex_63 new.2019--> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->



<!-------------------------------------- ПОДСКАЗКА. ЧАСТЬ 1 -------------------------------------->
<style>
#tooltip {
position:absolute;
background: #646e5c;
color: #b1b3b3;
z-index: 999;
max-width:200px; /* максимальная ширина подсказки */
font-family: Philosopher; /* шрифт подсказки */
font-size: 10.5px; /* размер текста */
font-weight: 600;
display:none;
text-align:center;
text-transform: lowercase;
padding:5px;
}
</style>


<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script>

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>

<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-- html-верх - Cпойлер для cкрытия полей мини-профиля в топиках, (с) ForumD.ru, satsana, 2021 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b3/fc/83644.js"></script>
<script type="text/javascript">
//  satMSP.vertical = 1; // вертикальный спойлер (кнопки расположены в столбик, вкладка открывается под кнопкой); по умолчанию кнопки расположены в одну строку над вкладками
//  satMSP.nofold = 1; // не закрывать открытые ранее вкладки при открытии новой; по умолчанию закрываются
//  satMSP.showtab = 2; // номер отображаемой при загрузке вкладки; по умолчанию все вкладки свёрнуты
//  satMSP.showbut = 1; // 1 - показывать все кнопки; по умолчанию копки пустых вкладок не отображаются
//  satMSP.speed = 600; // время сворачивания-разворачивания вкладок в мс (1 секунда = 1000мс), 0 - мгновенно, значение по умолчанию 400.
  satMSP.fields = [
    { // Список полей перед спойлером
      flist: [
"pa-fld5",	// Доп.поле5
"pa-fld1",	// Доп.поле1
"pa-online",	// Онлайн
"pa-author",	// Ник
"pa-title",	// Статус
"pa-avatar",	// Аватар
      ""] // Конец списка полей перед спойлером
    },
    { // Первая вкладка
      name: "about me",
      img: "",
      flist: [
"pa-fld2",	// Доп.поле2
"pa-posts",	// Сообщений
"pa-respect",	// Уважение
"pa-fld3",	// Доп.поле3
"pa-fld4",	// Доп.поле4

      ""]
    }, // Конец первой вкладки
    { // Вторая вкладка
      name: "awards",
      img: "",
      flist: [
"award",	// Награды rusff
"gift",	// Подарки rusff
"pa-sex",	// Пол
"pa-age",	// Возраст
"pa-from",	// Откуда
"pa-invites",	// Приглашений
"pa-positive",	// Позитив
"pa-social",	// Контакты (скайп и т.п.)
"pa-reg",	// Зарегистрирован
"pa-time-visit",// Провёл на форуме
"pa-last-visit",// Последний визит
"pa-ip",	// IP
      ""]
    }, // Конец второй вкладки
    {} // Конец списка вкладок
  ];
</script><!-- Cпойлер cкрытия полей мини-профиля - КОНЕЦ -->


<div class="music" title="нажми на меня"></div>

<script>
  var radio = new Audio();
      radio.src = "https://forumstatic.ru/files/0019/c5/48/59394.mp3";

      document.querySelector('.music').onclick = function() {
      if (radio.paused == true) {
      radio.play();
      }

       else {
      radio.pause();
      }
    }
</script>

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>

<!---------------------- Красивая профилактика © Deff, мод. max, the murderer! ---------------------->
<div id="pircs2"><link rel="stylesheet" type="text/css" href="/files/001b/a8/40/30530.css" /><div id="LogIn_Window" style="height: auto"><center>Здесь делается вжух ��</center><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 ---------------------->

0

4

Код:
<!-- Перенос Колонок тем и сообщений под Описание Форума / 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 .forum_wrap').each(function() {
           var L=$(this).parents('tr:first');
           var str='<div class="Add"><div class="Tems_And_messages"><span class="right">тем: '+L.find('td.tc2').text()+'</span><span class="right">сообщений: '+L.find('td.tc3').text()+'</span></div>\
           </div>';$(str).insertAfter(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>

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://forumstatic.ru/files/0018/20/d2/32208.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://forumstatic.ru/files/0018/20/d2/32208.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).parent().find('.pa-title').text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li><li class="pa-online" id="guest"></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!-- Конец -->

<!-- МАСКА-->
<script src="https://forumstatic.ru/files/001a/48/60/98801.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['плэканутые сториз, пиши свою историю, вспоминай, закрой свои гештальты, отправь воспоминания в омут, сыграй в игру, расслабься, выпей бурбона, обнажи душу, замороженное время'],
    forumAccessExtended: {
        'плэканутые сториз': ['принятые'],
        'пиши свою историю': ['принятые'],
        'вспоминай': ['принятые'],
        'закрой свои гештальты': ['принятые'],
        'отправь воспоминание в омут': ['принятые'],
        'сыграй в игру': ['принятые'],
        'расслабься, выпей бурбона': ['принятые'],
        'обнажи душу': ['принятые'],
        'замороженное время': ['принятые'],
    },
    changeList: {
        'pafld2': {
            title: 'личное звание',
            description: 'шаблон',
            tag: 'lz',
            class: 'lz', 
            defaultCode: '<div class="lzname">информация о вашем персонаже в свободной форме с маленькой буквы, если у вас есть вторая половинка, указываем ее <a href="ссылка"><b>имя</b></a>.</div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-fld4',  'pa-fld3', 'pa-posts', 'pa-respect', 'pa-online', 'post-author-Sp', 'pa-awards']
});
</script>

<!-- копирайт --> 
<div class="footer-copy"><a href="http://imagiart.ru/profile.php?id=12969" title="связаться со мной">✦ дизайн от краша ✦</a></div>


<!----------- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ 2.4.4 ------------->
<script language="javascript">
$(function(){
/***
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>');
***/
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#dcd3c2;border:1px solid #613a1d; width:auto; padding:8px; position:absolute; margin-top:-20%; margin-left:16%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/52315.png" title="left" onclick="bbcode('', '')" />
<img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right" onclick="bbcode('', '')" />
</div></div>



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

<!----------------------------------------- КНОПКИ ВВЕРХ/ВНИЗ ----------------------------------------->
<div class="go-up" id='ToTop'">✦</div>
<div class="go-down" id='OnBottom' ">✦</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>var a,L,epl=$("#main-reply"),str='<small id="plng">Написано <b>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>
<!-- Конец -->


<!-- Индикатор активности пользователя © Alex_63 -->
<script type="text/javascript">
    $('.post-author:not(.online)').find('.pa-author>a').addClass('offline');
    $('.post-author.online').find('.pa-author>a').addClass('online');
    $('.post').each(function(){
        var PostAuthorLogin = $(this).find('li.pa-author>a').text();
        var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
        $(this).find('.pa-author>a.online').after('<img src="/i/blank.gif" class="indOnline" title="'+PostAuthorLogin+' на форуме'+activeTime+'" />');
        $(this).find('.pa-author>a.offline').after('<img src="/i/blank.gif" class="indOffline" title="'+PostAuthorLogin+' вне форума" />');
    });
</script>
<!-- //End//-Индикатор активности пользователя © Alex_63 -->




<!-------------------------------------- ПОДСКАЗКА. ЧАСТЬ 2 -------------------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/a7/c1/59601.js"></script>
<script>  
$(document).ready(function(){ 
 $('a [title]').quicktip({ speed:400 }); 
 $('img [title]').quicktip({ speed:400 }); 
 $('div [title]').quicktip({ speed:400 }); 
 $('span [title]').quicktip({ speed:400 }); 
 }); 
 </script>



<!--присвоение атрибута title некоторым объекта форума -->
<script type="text/javascript">
$('div.icon').attr('title', 'Нет новых сообщений');
$('tr.inew div.icon').attr('title', 'Есть новые сообщения');
$('tr.isticky div.icon').attr('title', 'Важная тема');
$('tr.iclosed div.icon').attr('title', 'Закрытая тема')
 </script>



<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v3-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!($('#pun-reputation').length&&$('#pun-ulinks  li.item7 a:not([href$="show_replies"])').length))
FORUM.PartnerVote = function() { return true; };
});
</script>


<!-- Закрытие темы при числе постов в теме более заданной: -->
<script type="text/javascript">
(function(){
var Num_Hide = 1000; //Число постов, после которого Cкрытие формы ответа.
var a = $('.topic>h2>span.item2');
if(a.length)a=parseInt(a.text().replace(/.*из (\d+)/,'$1'));
if(a>=Num_Hide){$('.postlink a[href*="/post.php?tid"],#post').hide();
$('.postlink').empty().append('Тема закрыта')}
}());
</script>


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

<!-------------------------------------- УНИВЕРСАЛЬНАЯ ЗАМЕНА -------------------------------------->
<script>
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
$(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}


function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}

UniverСhange("#pun-stats.section h2","Статистика форума","Oh my god it's them again");
UniverСhange("#pun-navlinks a","Администрирование","амс"); 
</script>





<!------------------------------------ ЗАМЕНА ДВОЙНЫХ КАВЫЧЕК НА ПАРНЫЕ ------------------------------->
<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>

<!------------------------------------ ЗАМЕНА КОРОТКОГО ТИРЕ НА ДЛИННОЕ ------------------------------->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>

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






<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
    position: relative;
    z-index: 1;
    background: #878b8d33;
    border: 1px solid #08070830;
    width: 110px;
    height: 5px;
    margin: 3px 5px;
    float: right;
    margin-top: 3.5px;
    margin-right: 0%;
}
.FNTslider .before {
    height: 5.5px;
    position: absolute;
    background: #809572;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #08070838;
}
.FNTslider .thumb {
    width: 5.5px;
    height: 5.5px;
    position: relative;
    border: 1px solid #08070838;
    background: #5b6076;
    margin-top: -1px;
    margin-left: -1px;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- Конец -->



<!----------------------------------------- ЗАМЕНА ПЛЮСА ----------------------------------------->
<script type="text/javascript">
var img = document.getElementsByTagName("img")
for (i=0; i<img.length; i++){
if(img[i].alt == "+") img[i].src = "https://forumstatic.ru/files/0018/20/d2/72748.png" 
}
</script>


    

<!---------------------------- ЗАПРЕТ РЕКЛАМЫ РЕДАКТИРОВАТЬ ПРОФИЛЬ ------------------------->
<script type="text/javascript"> 
if(UserLogin=='owl' || UserLogin=='Ник2'&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color: red; padding: 10px 10px 10px 10px;'>Администратор запретил вам редактировать профиль.</div>");
}
</script>

<!-------------------------- ОТКЛЮЧИТЬ ПОДЕЛИТЬСЯ, ГРАФФИТИ, ВЛОЖЕНИЯ -------------------------->

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.graffiti = false;
RusffCore.sets.files.button = false;
</script>


<!----------------------------------------- ССЫЛКИ НЕ СОКРАЩАЮТСЯ ---------------------------------------->
<script type="text/javascript">
FORUM.set("editor.link.short_url", function() { return false; }); </script>


<!---------------------------------------- ОТКЛЮЧИТЬ "ЭТО ИНТЕРЕСНО" ------------------------------------>
<script type="text/javascript">
rusffLive.enable = false;
</script>


<!----------------------------------------------- ВСТАВКА КАРТИНКИ ------------------------------------------->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>



<!----------------------------------------------- ЗАПЯТАЯ ПОСЛЕ НИКА ---------------------------------------->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>



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



<!------------------------------------------ УДАЛЕНИЕ ПОДПИСИ ИЗ ЛС --------------------------------------->
<!-- Удаление подписи из ЛС -->
<script type="text/javascript">
if(document.URL.indexOf("messages.php")!=-1){
document.getElementsByClassName("post-sig")[0].style.display = 'none'
}
</script>
<!-- Конец -->

<!--присвоение атрибута title некоторым объекта форума -->
<script type="text/javascript">
$('.pa-fld3').attr('title', 'Постов');
$('.pa-fld4').attr('title', 'Валюта');
$('.pa-respect').attr('title', 'Репутация');
$('.pa-posts').attr('title', 'Сообщения');
$('#pun-navlinks li#navindex a').attr('title', 'Главная');
$('#pun-navlinks li#navuserlist a').attr('title', 'Участники');
$('#pun-navlinks li#navsearch a').attr('title', 'Поиск');
$('#pun-navlinks li#navprofile a').attr('title', 'Профиль');
$('#pun-navlinks li#navpm a').attr('title', 'ЛС');
$('#pun-navlinks li#navregister a').attr('title', 'Регистрация');
$('#pun-navlinks li#navlogin a').attr('title', 'Вход');
$('#pun-navlinks li#navlogout a').attr('title', 'Выход');
$('#pun-navlinks li#navadmin a').attr('title', 'Ад');
$('#pun-navlinks li#navpr_1 a').attr('title', 'PR-вход');
$('.subscribelink a').attr('title', 'Подписаться на тему')
 </script>


<!------------------------------------------- КЛИКАБЕЛЬНЫЙ НИК ГОСТЯ ------------------------------------->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>



<style type="text/css">
/*Подвижка иконки*/
img.a-info{
  position:relative!important;
  margin: auto!important;
  width:auto!important;  
  opacity: 0 !important;
}
/* Подвижка всплывающей подсказки иконки */
.tipsy.a-info{
  margin-top: -2px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ #pun_wrap #pun-main .my-tabs{
position: fixed!important;
top: 0%!important;
    margin-top: 78px;
    margin-left: 154px;
}
body{padding-right:0!important;
overflow-y: auto;}
</style>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001b/2a/9a/46047.css" />

<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->
<script type="text/javascript">
$('img.a-info:not(.add-a)').live('click', function(){
$(this).addClass('add-a');setTimeout(function(){

$('img [title]').quicktip({ speed:900 });
$('a [title]').quicktip({ speed:900 });
$('span [title]').quicktip({ speed:900 });

},900);});
</script>
<script img-data="https://forumstatic.ru/files/001a/a7/c1/80132.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="4"></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>

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


<!-- ШРИФТЫ -->
<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length)(function () {
  var ft = $("#font-area"),i,FntArr,j = "";

  FntArr=new Array (
"Abril Fatface", 
 "Amatic SC",     
"Arima", 
  "Bad Script",     
"Caveat",  
   "Cinzel",    
 "Comfortaa",  
   "Comforter Brush",  
   "Cormorant Garamond",   
  "Cormorant SC",  
   "Edu QLD Beginner",   
  "Great Vibes",   
  "Hachi Maru Pop", 
  "Indie Flower",  
   "Klee One",  
   "Koulen",  
   "Lobster",   
  "Montserrat Alternates",   
"Neucha",
 "Pacifico", 
 "Roboto",  
 "Ruslan Display",  
 "Satisfy",   
"Shadows Into Light",   
"The  Nautigal",
"Anton",   
 "Bebas Neue",    
   "Kaushan Script",   
  "Gloria Hallelujah",  
   "Gochi Hand",   
  "Sigmar One",   
  "Homemade Apple", 
   "Nanum Brush Script",  
   "Nothing You Could Do",  
"Yeseva One",   
"Playfair Display SC",   
"Poiret One",
  "Merienda",
  );

  for (i=0;i<FntArr.length;i++ ){j+='<div><span style="font-family:'+FntArr[i]+'">'+FntArr[i]+'</span><img src="/i/blank.gif" onclick="\
    bbcode(\'[fo'+'nt='+FntArr[i]+']\',\'[/font]\')" /></div>';};ft.append(j)}())
</script>  


<!----------------------------------------- БАННЕРЫ ----------------------------------------->
<div class="footer"><div id="banners"> <a href="https://forumdes.mybb.ru" target="_blank" title="ForumD.ru - Дизайн для форумов и техническая поддержка"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/266136.gif"></a> <a href="https://kakbicross.ru/" target="_blank"><img src="https://forumupload.ru/uploads/001b/8a/62/4/395613.png" title="как б[ы] кросс" border="0" width="88" height="31"></a> <a href="http://finiteincantatem.rusff.me/" title="hp: finite incantatem"><img src="https://i.imgur.com/zAgcPG8.png"></a> <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/001b/9d/5d/8/762867.png" title="alluvio maris"></a> <a href="https://shakalcross.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/29/0d/73391.png" alt="shakalcross"></a> <a href="https://stay-alive.ru/"><img src="https://forumupload.ru/uploads/001a/c7/fc/4/102835.gif" title="Marauders: stay alive"></a> <a href="https://sunnycross.ru/"><img src="https://i.imgur.com/65znPol.png"></a> <a href="http://imperiumaeternum.rolka.me/" target="_blank"><img src="https://i.imgur.com/WX5beWm.gif" title="Imperium Aeternum"></a> <a href="https://abigerus.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/36/51/55555.png" title="Abigerus " width="88" height="31"></a> <a href="https://after.rolebb.ru" target="_blank"><img src="https://i.imgur.com/3PVLu7S.png"title="Marauders: Aftershocks"border="0"width="88" height="31"></a> <a href="https://calmharbor.rusff.me" title="Calm Harbor"><img  title="Mystery Book" src="https://i.imgur.com/utu0u5Y.png"  border="0"></a> <a href="http://ravencross.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/85/c5/34116.png"  title="ravencross" width="88" height="31" border="0"></a> <a href="http://talesfrom.rusff.me/"><img src="https://forumstatic.ru/files/001b/8a/68/74868.png"></a> <a href="https://deathecho.rusff.me/" target="_blank" title="Supernatural: Death Echo"><img src="https://forumstatic.ru/files/001b/57/cc/51274.gif"></a> <a target="_blank" href="https://arkcity.rusff.me/" title="Ark City: последний оплот человечества"><img src="https://forumstatic.ru/files/0019/eb/83/31110.png" width="88px" border="0"></a> <a href="https://crossfeeling.rusff.me/" target="_blank"><img src="https://i.imgur.com/2QzkXLK.png" title="crossfeeling" border="1" width="88" height="31"></a> <a href="https://bostoncrazzy.rusff.me" target="blank"><img src="https://i.imgur.com/DX1cVGT.gif"  title="BOSTON"></a> <a href="http://toeden.rusff.me" title="Магический реализм, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/ZFiLFxE.gif" alt="Return to eden"></a> <a href="http://clubofromance.rusff.me/" title="romance club: new story"><img src="https://forumupload.ru/uploads/001a/c4/45/2/48259.png" border="0"></a> <a href="http://crossreturns.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/c8/c9/74998.jpg" title="wonderlandcross" border="0" width="88" height="31"></a> <a href="http://yellowcross.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/tlCdNNX.png" title="yellowcross" border="0"width="88" height="31"></a> <a href="https://nobalance.ru//" target="_blank"><img src="https://i.imgur.com/zBC4dff.png" width="88" height="31"></a> <a href="http://magia-frpg.ru/" target="_blank"><img src="https://forumupload.ru/uploads/001a/fa/19/106/496285.gif" title="MAGIA" border="0" width="88" height="31"></a> <a href='http://onlineroleplay.rusff.me/' target='_blank' title='ONLINEROLEPLAY'><img src='https://forumupload.ru/uploads/001b/1a/5a/29/415057.gif' border='0' width='88' height='31'></a> <a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://i.imgur.com/8urfbim.png" border="0"/></a> <a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/65418.png"></a> <a href="http://whatheydo.rusff.me/" target="_blank"><img src="https://imgur.com/nB7A6eU.png" title="HP: What they do in the shadows. 2 поколения, сорок лет магии!" border="0" alt="HP: What they do in the shadows"></a> 
<a href="http://romanceclub.rolka.me/" target="_blank"><img src="https://i.postimg.cc/zXR6d4QY/25.png" title="romance club: obsession "></a> <a target="_blank" href="http://theabyss.rusff.me/" title="the abyss"><img src="https://forumstatic.ru/files/001b/7a/0c/31535.gif" border="0"></a><a href="http://gloomywaters.f-rpg.me" target=_blank> <img src="https://forumupload.ru/uploads/0014/d2/94/2/110968.jpg" border="0"  title="Gloomy waters are waiting for you"></a> <a href="http://oskolki.f-rpg.me/" target="_blank"><img title=" Осколки Анара. Фэнтези, стимпанк. Эпизодическая система. 18+" src="https://forumstatic.ru/files/0012/e6/86/30495.gif" alt="" width="88" height="31" border="0" /></a> <a href="https://shadowplace.rusff.me/" target="_blank"><img src="https://i.ibb.co/2NQ20vh/image.gif" title="ShadowRock" border="0" width="88" height="31"></a> <a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a></div>
</div>

0

5

Код:
<div id="newstime">
<a href="ссылка" class="newstime_title">новость <span>sing, o goddess, the anger</span></a>
<a href="ссылка" class="newstime_title">новость <span>sing, o goddess, the anger</span></a>
<a href="ссылка" class="newstime_title">новость <span>sing, o goddess, the anger</span></a>
<a href="ссылка" class="newstime_title">новость <span>sing, o goddess, the anger</span></a>
 </div>
Код:
<!-- Пресеты тегов -->
<div id="Styles"  style="display:none"><div id="meny-styles" class="container">
      <p>Обтекание слева<span>[float=left],[/float]</span></p>
        <p>Обтекание справа<span>[float=right],[/float]</span></p>
        <p>Отступ<span> [indent],</span></p>
     <p>Скрытие профиля<span> [hideprofile],</span></p>

</div></div>

<style>
#Styles {
position: absolute;
right: 26px;
top: 55px;
}
#Styles .container span {display:none;}
#Styles .container p {
cursor:pointer;
margin: 2px 5px;
font-size: 14px;
padding: 5px;
}
#Styles .container p:hover {color: #fff; background-color: #23afc8;}
</style>

<script type="text/javascript">
$("#form-buttons #button-keyboard").after('<td id="button-styles" title="обтекание и отступ"><img src="/i/blank.gif"/></td>');
$("#button-styles").click(function() {
  $("#Styles").fadeToggle('slow');
});
$("#meny-styles p").click(function(){
var L=$(this).find("span").html();
var P=L.split(',');
bbcode(P[0],P[1])
return false;
});
</script>



<style>
td#button-sticker{
width:29px!important;
}
</style>
<style>
#button-sticker {
  background: url(https://s6.uploads.ru/JjzCB.png) no-repeat;
  background-size: 16px;
}
</style>
<!--Смайлы от Человека-Шамана редактирование через файл-->
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001b/2a/c7/81112.txt");
});
</script>
<!--конец-->

<!-- Гадание -->
<style>
#button-servimg {background-image:url('https://forumstatic.ru/files/001a/c2/42/71237.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:23px; filter: brightness(1.1) hue-rotate(267deg); width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='маг-чародей в девятнадцатом поколении гадает онлайн на яичках ваших бывших' id='button-servimg'  onclick=\"return changeVisibility('obj_servimg', this)\"/>"
</script>
<div class="container" id="obj_servimg" style="display:none; width:100%; padding:0; position: top center; z-index: 2">
<div id='mag'>
<img id="trigger" src="https://forumstatic.ru/files/001b/78/43/13411.png" title="позолоти ручку и потри шар нежно"></div>
<div id='box'></div>
<!--конец--></div><!--//-->

0

6

снег

Код:
<script type="text/javascript" src="https://forumstatic.ru/files/0019/c5/48/49752.js"></script>

0

7

https://forumupload.ru/uploads/0019/c5/48/2/378935.png
https://forumupload.ru/uploads/0019/c5/48/2/996898.png

0


Вы здесь » accio » Google help » гарри поттер с совой готовый диз


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