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

winter design

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

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


Вы здесь » winter design » remember the feeling of death » коды чист


коды чист

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

1

Код:
/***************************************
a - setup
***************************************/

/* a1 import the colour scheme
-------------------------------------------------------------*/

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

/* a1.1 */
@import url('https://fonts.googleapis.com/css2?family=jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=cormorant+sc:wght@300;400;500;600;700&display=swap');

/* догрузка */
@import url('https://fonts.googleapis.com/css2?family=abril+fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=yeseva+one&display=swap');
@import url('https://fonts.googleapis.com/css2?family=playfair+display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=merriweather&display=swap');
@import url('https://fonts.googleapis.com/css2?family=lora&display=swap');
@import url('https://fonts.googleapis.com/css2?family=manrope&display=swap');
@import url('https://fonts.googleapis.com/css2?family=pt+serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=cormorant+garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=old+standard+tt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=unbounded&display=swap');
@import url('https://fonts.googleapis.com/css2?family=playfair+display+sc&display=swap');
@import url('https://fonts.googleapis.com/css2?family=oranienbaum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=noto+serif+display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=oswald&display=swap');
/* догрузка */

@font-face { font-family: harmony; 
src: local("harmony"), url(https://forumstatic.ru/files/001c/00/d9/45416.otf); }


/* a2 deal with browser defaults and wonkiness
-------------------------------------------------------------*/

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

/* a2.2 */
.punbb * {
  margin: 0;
  }

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

/* a2.4 */
.punbb img {
  border:none;
  }

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

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

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


 /* a3 text setup
-------------------------------------------------------------*/

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

/* a3.2 */
.punbb {
  font: normal 68.75% jost;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    margin: 8px 1px 1px 1px;
    color: #5e5964;
    font-family: jost;
    font-size: 11px;
    text-transform: lowercase;
    background-color: #231f1a14;
    border: 1px solid #211c191f;
    padding: 3px 3px 3px 7px;
    outline: none;
}

/* a3.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: 0em;
  }

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

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

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

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

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


/* a4 float clearing and hidden items
-------------------------------------------------------------*/

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

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


/* a5 basic page layout and borders
-------------------------------------------------------------*/

/* a5.1 - forum options*/
#pun {
    width: 1006px;
    background: transparent;
    position: relative;
    background-image: url(https://forumstatic.ru/files/001c/00/d9/42418.png);
    margin: 442px auto auto auto;
}

#pun-title table {
border: none;
    background: url(https://forumstatic.ru/files/001c/00/d9/83044.png) no-repeat;
    background-color: transparent;
    width: 1070px !important;
    margin-top: -442px;
    margin-left: -32px !important;
    height: 442px;
}

html {
    background: url(https://forumstatic.ru/files/001c/00/d9/46431.png) #262320;
    background-attachment: fixed;
    background-size: 100% auto; 
    background-position: top center; 
    background-repeat: no-repeat;
background-size: cover;
}

/* a5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

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

/* a5.5 */
.punbb .category, .punbb .post {
 position: relative;
  }

.post + .post {
  margin-top: 30px !important;
}

/* 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;
    border-width: 0px 0px 0px 0px;
    border-color: #a79d8b;
  }

/* a5.9 */
.punbb .container {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}

/* a5.10 */
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    padding: 0;
  }



/*************************************************************
b - main content - general
**************************************************************/

/* b1 parsed content, signatures and scroll boxes
-------------------------------------------------------------*/

/* b1.1 */
.punbb .post-content {
    padding: 0;
    margin: 10px 0 32px 0;
    width: 100%;
    position: relative;
}


/* b1.2 */
.punbb .post-sig dt {
    border-top: 1px solid #847e883d;
    display: block;
    margin: 6px auto;
    width: 270px;
  }

/* b1.3 */
.punbb .post-content p {
    padding: 10px 1em 0em 1.5em;
    font-size: 11px;
    font-family: verdana;
    text-align: justify;
    line-height: 150%;
    overflow-x: clip;
    color: #2f2a32;
}

/* 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 {
    margin: 1.4em 1.8em 1.4em 1.8em;
    padding: 0.5em 1em 1.5em 0.9em;
    border-style: solid;
    border-width: 1px;
    background: #231f1a14;
    border: 1px solid #211c191f;
    box-shadow: 3px 3px 0px 1px #0000000a;
}

.punbb .post-content .spoiler-box {
    margin: 0.5em 1.8em 0.5em 1.8em;
    padding: 0.5em 1em 0.5em 0.9em;
    border-style: solid;
    font-family: 'jost';
    font-size: 12px;
    border-width: 1px;
background: #5f676c2e;
    border: 1px solid #211c191f;
}

.punbb .post-content .code-box {
    margin: 1.4em 1.8em 1.4em 1.8em;
    padding: 0.5em 1em 1.5em 1em;
    border-style: solid;
    border-width: 1px;
background: #5f676c2e;
    border: 1px solid #211c191f;
    box-shadow: 3px 3px 0px 1px #0000000a;
}

pre {
    font-size: 11px !important;
    font-family: verdana;
    color: #5f676c;
    line-height: 16px;
}


/* b1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.5em;
    padding-top: 0.4em;
    padding-left: 1em;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    margin: 0;
background: #5f676c4a;
    margin-bottom: 1em;
    text-transform: lowercase;
    border: solid 1px #25313952;
    color: #253139;
}

/* 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: 0em;
}

/* b3.3 */
.linkst .pagelink {
    position: absolute;
    top: -24px;
    left: 44px;
    width: 24em;
    font-size: 12px;
    font-family: 'jost';
    text-transform: lowercase;
    color: #2f2a32;
}


/* b3.4 */
.linkst .postlink {
    position: absolute;
    top: -26px;
    right: 3em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    font-family: 'jost';
    text-transform: lowercase;
}

/* b3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 4em 0.5em 0em;
    font-family: jost;
    font-size: 9px;
    text-transform: lowercase;
  }

/* b3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font-size: 12px;
    padding-left: 44px;
    margin-top: -12px;
    color: #2f2a32;
    text-transform: lowercase;
}

/* b3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-size: 14px;
    font-weight: bold;
  }

/* b3.8 */
.subscribelink {
  clear:both;
  font-size: 11px;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
c - main content - specific
**************************************************************/

/* c1 form layout
-------------------------------------------------------------*/

/* c1.1 */
.punbb .formal .container {
    padding: 0.7em 0.3em 1.1em 0.3em;
}

/* c1.2 */
.punbb .formsubmit {
    margin: 0em 0px 0px 6px !important;
}

/* c1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 0.6em 0 0;
    margin-left: 2px;
  }

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

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

/* c1.6 */

.punbb fieldset legend span {
    padding: 4px 7px 5px 7px;
    color: #253139db;
    margin-left: -11px;
    font-family: 'jost';
    background: #5f676c30;
    border: 1px solid #25313952;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* c2 table layout
-------------------------------------------------------------*/

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

#pun-viewforum .main .tcl {
    padding: 0;
}



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

#pun-index .category .tc2, #pun-index .category .tc3  /*off colums*/ {
    display: none!important;
}

/* c2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 30%;
    font-family: 'jost';
    font-size: 10px;
    text-transform: lowercase;
    vertical-align: middle;
    color: #253139a3;
}

.punbb .main .tcr a {
font-size: 12px;
}


/* c2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%;
  padding-left: 0px !important;
  }


/* 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 {
margin: 6px 0px 0px 0px;
}

#pun-index .tcl h3 a {
text-transform: lowercase;
    font-family: 'cormorant sc';
    font-weight: 500;
    font-size: 30px;
    color: #253139d9;
}

#pun-index .tcl h3 a:hover {
  color: #253139d9;
  }


/* 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 */

#pun-index .main td {
    padding: 0.2em 0em 2em 5em;
}


#pun-viewforum .main td {
    padding: 0em 0em 0em 0em !important;
}

/* c2.12 - off massage, theme in table*/
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0em 0em 0em 0em;
  visibility: hidden;
  }

/* c2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
    padding-top: 10px;
}

/* c2.14 */

.punbb td div.tclcon {
    font-size: 13px;
    font-family: 'jost';
    text-transform: lowercase;
    padding: 0px 0px 0px 32px !important;
    color: #2f2a32;
    text-align: justify;
}


#pun-main td.tcl.username {
    padding: 8px;
}

#pun-online .tcl.action {
    width: 25%;
    padding: 0;
}


/* c2.15*/
/*иконки*/
.punbb div.icon {
float: left;
    display: block;
    height: 25px;
    width: 30px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    margin-top: -2px !important;
}

div.icon {
    height: 30px;
    width: 30px;
background: url(https://forumstatic.ru/files/001c/00/d9/44551.png) no-repeat;
}

tr.inew div.icon {
background: url(https://forumstatic.ru/files/001c/00/d9/60762.png) no-repeat;
}

tr.iclosed div.icon {
background: url(https://forumstatic.ru/files/001c/00/d9/44551.png) no-repeat;
}

tr.isticky div.icon {
background: url(https://forumstatic.ru/files/001c/00/d9/44551.png) no-repeat;
}

/*главная страница*/

#pun-main .category div.icon {
margin-top: -20px!important;
    position: absolute;
    float: left;
    margin-left: -64px;
    padding: 0px 0px 0px 0px;
    border-style: none;
    height: 31px;
    width: 31px;
    background: url(https://forumstatic.ru/files/001c/00/d9/44456.png?v=1) transparent no-repeat;
}

#pun-main .category tr.inew div.icon {
    height: 31px;
    width: 31px;
background: url(https://forumstatic.ru/files/001c/00/d9/67793.png?v=1) transparent no-repeat;
}

/* личные соо*/

#pun-messages table div.icon {
float: left;
display: block;
height: 30px;
width: 30px;
border-style: none;
background-image: url(https://forumstatic.ru/files/001c/00/d9/77872.png) !important;
background-repeat: no-repeat;
position: relative;
margin-right: 13px;
margin-left: 10px;
margin-top: -7px;
}

#pun-messages tr.inew div.icon {
background: url(https://forumstatic.ru/files/001c/00/d9/77872.png) no-repeat !important;
}



 /* c3 topics
-------------------------------------------------------------*/

/* c3.1 */
.punbb .post .container {
    margin-top: -1px;
    padding-bottom: 1px;
  }

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

/* c3.5 */
/* профиль*/

.punbb .post .post-author {
overflow: hidden;
    float: left;
    padding: 0px 0px 0px 0px!important;
margin-top: -17px !important;
}

/* шрифт в оформлении профиля */

.punbb .post .post-author ul,
.punbb .post .post-author p {
line-height: 140%;
    text-align: center;
    color: #140d0abd;
    margin-left: 0px;
}

/* рамка верх-низ-середина */

.post-author {
background: url(https://forumstatic.ru/files/001c/01/28/58360.png) no-repeat scroll center top, url(https://forumstatic.ru/files/001c/00/d9/10470.png) no-repeat scroll center bottom, url(https://forumstatic.ru/files/001c/00/d9/93934.png) repeat-y scroll center center rgba(0, 0, 0, 0);
    margin-right: 0px !important;
    margin-left: -4px !important;
    margin-bottom: 40px !important;
    width: 252px !important;
}

/* аватар */

li.pa-avatar {
padding-bottom: 17px !important;
    margin-top: 6px;
}

/* рамка */

li.pa-avatar img {
border: 5px solid #d8d6e100;
    outline: 1px solid #7d8487;
    max-width: 180px;
    max-height: 180px;
}


li.pa-from {
    font-size: 8px;
}



li.pa-online {
line-height: 0.8em;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-bottom: 1.3em;
    font-family: 'jost';
    font-size: 10px;
    color: #5f676c;
    text-align: center;
    vertical-align: top;
}


  .pa-posts, .pa-respect, .pa-fld1, .pa-fld3  {
vertical-align: text-top;
    float: none!important;
    text-align: center;
    font-weight: 500;
    font-family: jost;
    font-size: 10px !important;
    color: #5f676c!important;
    display: inline-block;
    padding: 5px 10px 12px 10px !important;
    margin-top: 4px !important;
    width: 30px;
    text-transform: lowercase;
    line-height: 13px;
    height: auto;
}

  .pa-posts a, .pa-posts a:hover, .pa-posts a:focus, .pa-posts a:active, .pa-respect a, .pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active  {
    color: #5f676c!important;
}

.pa-respect img {width: 7px;
}


li.pa-reg {
    display: inline-block;
    font-size: 8px;
    width: 80px;
    color: #000;
}


/* c3.7 */
.pa-author {
font-size: 14px;
    text-transform: uppercase;
    padding: 8px 0 10px 0 !important;
    margin-top: 0.3em;
    margin-left: 37px;
    text-align: left;
    font-family: cormorant sc;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-style: italic;
}


/* c3.8 */
.pa-author a {
  text-decoration: none;
  }

/* c3.9 */
li.pa-title {
margin: 27px 0px 0px 0px;
    font-size: 9px;
    font-family: 'jost';
    color: #253139a3;
}


/* c3.11 */
.punbb .post-body {
    margin-left: 25em;
    border-left-width: 1px;
    padding: 0 0 1px 0;
    margin-top: 10px;
    border-radius: 15px;
}


div > div.post-body > div.post-box > div.post-rating > p {
    border: 0 !important;
    padding: 0px 1px 0px 1px !important;
    margin: 0px;
}

/* c3.12 */
.punbb .post-box {
    padding: 0em;
}

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

/* c3.14 */
.punbb .post-links {
    margin-left: 21em;
    border-left-width: 1px;
}

/* c3.15 */
.punbb .post-links ul {
    padding: 0 0em 0 0px;
    height: 2em;
    line-height: 2em;
    font-family: 'jost';
    font-size: 11px;
    margin-left: -220px;
    text-align: right;
    margin-top: 0em;
    text-transform: lowercase;
}

/* 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: 0em 0.7em 0px 0em;
    font-size: 11px;
    font-family: 'jost';
    text-transform: lowercase;
    color: #2f2a32;
}

/* c4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

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

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


/* 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: 16.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 {
    border-style: solid;
    border-width: 1px 0 1px 0;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
    text-transform: lowercase;
}


#profilenav ul {
    border-style: solid;
    border-width: 0px 0 0px 0;
    padding: 2.5em 18px 0.8em 17px;
    margin: 0 0 1em 0;
    text-transform: lowercase;
}

#profile-left {
    width: 30%;
    padding-top: 0 !important;
}

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

/* c6.6 */

#viewprofile h2 span, #profilenav h2 span {
    padding: 4px 33px;
    position: relative;
    border-radius: 28px;
}

/* 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;
    background: #231f1a14;
    border: 1px solid #211c191f;
}

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


/*************************************************************
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: 0px;
}

/* d1.2 */
#pun-title h1 {
    display: block;
    height: 307px;
}

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

/* d1.4 */
#pun-title h1 span {
    font-size: 0;
}


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

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

/* 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 {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

#pun-navlinks .container {
    font-family: cormorant sc;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 21px;
    word-spacing: 20px;
    letter-spacing: 2px;
    margin-top: -28px;
    text-align: center;
}

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

/* d3.4 */
#pun-navlinks li a {
    font-size: 1em;
    /* padding-top: 14px; */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    /* padding-bottom: 8px; */
}


/* d4 user links
-------------------------------------------------------------*/

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

/* d4.2 */
#pun-ulinks .container {
    margin-top: 2px;
    text-transform: lowercase;
    font-family: jost;
    font-size: 10px;
    margin-left: 38px;
    background: transparent;
    text-align: center;
    margin-bottom: 3em;
}


/* d4.3 */
#pun-ulinks li, #pun-ulinks li a {
color: #2531397a;
    letter-spacing: 0.5px;
    display: inline;
    border-left-width: 0px;
    white-space: nowrap;
}

/* d4.4 */
#pun-ulinks li a {
    padding: 0 1em 0 0em;
  }

/* 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;
    font-size: 10px;
color: #253139bf;
  }

/* d5.2 */
#pun-status .container {
    font-family: jost;
    margin-bottom: 104px !important;
    margin-top: -154px;
    text-align: center;
    text-transform: lowercase;
}

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

#pun-status a {
color: #5f676c;
    font-weight: 600;
    font-size: 10px;
}

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

/* d5.5 */
#pun-crumbs1 p.container {
border-top: none;
    padding: 2em 0em 0em 1em;
    font-size: 12px;
    font-family: 'jost';
    font-weight: 700;
    margin-left: 13px;
    text-transform: lowercase;
    color: #7a858deb;
}

/* d5.6 */
#pun-break1 {
    margin: 0 1em;
    border-width: 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;
  }

/* 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: 4.3em 1em 1em 1em;
  }

/* d7 statistics
-------------------------------------------------------------*/

/* d7.1 */
#pun-stats .container {padding: 0.8em 0em;}

/* d7.2 */
#pun-stats li.item1, #pun-stats li.item2 {text-align: center; clear: both;}

/* d7.3 */
#pun-stats li.item3, #pun-stats li.item4 {text-align: center;}

/* d7.4 */
li#onlinelist {
    margin-top: 1em;
    float: left;
    width: 100%;
    font-size: 11px;
    font-family: 'jost';
    color: #5b6064;
    text-transform: lowercase;
    line-height: 130%;
}

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

#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {
 width: 177px;
    margin: -2px 10px 1em 10px;
    display: inline-grid;
    padding: 3px 17px;
    line-height: 11px;
    color: #6f7981;
    background: #87858521;
    font-family: jost;
    text-transform: lowercase;
    letter-spacing: 0px;
    font-size: 10px;
    border: solid 1px #25313921;
    border-radius: 0px;
}

/* d8 quick jump - about - bottom breadcrumbs
-------------------------------------------------------------*/

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

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

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

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

/* d8.5 */
#pun-about p span {
    display: block;
    text-align: center;
    font-size: 0px;
    text-transform: lowercase;
    margin-top: 70px;
  }

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

/* d8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 2em 0 2em 0em;
    font-size: 12px;
    font-family: 'jost';
    margin-left: 24px;
    text-transform: lowercase;
    color: #7a858deb;
}


/* d8.8 */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 0px 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;
  }

/* код ссылок навигации от вещего духа */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
background: url(https://forumstatic.ru/files/001c/00/d9/91304.png) no-repeat;
    height: 30px;
    width: 216px;
    top: -65px;
    margin-left: 44px;
    display: inline-block;
    font-size: 0px;
    color: transparent;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
}

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: url(https://forumstatic.ru/files/001c/00/d9/91304.png) no-repeat;
}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
width: 200px;
    margin-left: 51px;
    position: absolute;
    top: -28px;
    z-index: 9999;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
display: block;
    opacity: 0.95;
    padding: 1px;
    background: #253139;
    box-shadow: 0 0 0 1px #859097 inset, 0px 0px 2px 1px #0e1418;
}


/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: #b6bcbf;
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 7px;
    text-transform: uppercase;
    width: 160px;
    color: #253139;
    text-shadow: 2px 2px 3px #abbcc3;
    font-family: cormorant sc;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0 0 1px 1px #2531397d inset, 0 2px 10px 2px rgb(27 27 27 / 10%) inset;
}

/* ссылка при наведении */
#pun .sslka a:hover {
background: #5f676cc7;
opacity: .9;
transform: scale(.95);
color: #253139;
    box-shadow: 0 0 1px 1px #2531397d inset, 0 2px 10px 2px rgb(27 27 27 / 10%) inset;
}
Код:
.hvstickerpackmodal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #5f676c !important;
    border-radius: 4px;
    background: #d4d4d4 !important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.post-box a {
    color: #253139 !important;
    font-weight: bold;
}

.punbb .formal span.input {
    padding-right: 0px !important;
    margin-bottom: 22px;
}



li.pa-posts span.fld-name, li.pa-respect span.fld-name {
    font-size: 0!important;
line-height: 6px !important;
}

.pa-posts .fld-name:before {
    content: "msg";
    font-size: 10px;
}

.pa-respect .fld-name:before{
    content: "rep:";
    font-size: 10px;
}


/* таблица*/

.bpost {position: absolute;
    padding: 7px;
    top: -219px;
    width: 248px;
    height: 92px;
    text-align: justify;
    margin-left: 1px !important;
    font-weight: normal;
    font-family: 'jost';
    font-size: 9px;
    text-transform: none;
    letter-spacing: 0.5px;
    color: #aba9a9;
    line-height: 11px;
    overflow: auto;
    text-shadow: 1px 1px #0e1518;
}

.bpost a {color: #aba9a9!important;
    font-weight: bold !important;
    text-shadow: 1px 1px #0e1518 !important;
    letter-spacing: 1px !important;
}

.avtor {margin: -235px 0px 0px 5px !important;
    position: absolute;
    font-weight: bold;
    font-family: 'cormorant sc';
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 26px;
    color: #cbcbcb;
    font-style: italic;
    text-shadow: 1px 1px #090e11;
}

.avtor a {color: #cbcbcb!important;
    font-weight: bold;
    text-shadow: 1px 1px #1b2428 !important;
    letter-spacing: 1px !important;
}

.episod {position: absolute;
    top: -257px;
    margin-left: 1px !important;
    width: 257px;
    text-align: center;
    font-family: 'cormorant sc';
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.episod a {color: #cbcbcb!important;
    font-weight: bold;
    text-shadow: 1px 1px #1b2428 !important;
    letter-spacing: 1px !important;
}

.ams {position: absolute;
    top: -313px;
    margin-left: 2px !important;
    font-weight: bold;
    font-family: 'cormorant sc';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #cecece;
    text-shadow: 1px 1px #33444c;
}

.ams a {
color: #d2d2d2!important;
    text-shadow: 1px 1px #253139 !important;
    font-size: 14px;
    font-weight: 500 !important;
}

.ams a:hover {
color: #747474!important;
    text-shadow: 1px 1px #253139 !important;
}


.act {
    position: absolute;
    margin: -196px 0px 0px 759px !important;
}

.act2 {
    position: absolute;
    margin: -196px 0px 0px 822px !important;
}

.act3 {
    position: absolute;
    margin: -196px 0px 0px 885px !important;
}

.act4 {
    position: absolute;
    margin: -255px 0px 0px 822px !important;
}

.act5 {
    position: absolute;
    margin: -255px 0px 0px 885px !important;
}

.act6 {
    position: absolute;
    margin: -255px 0px 0px 948px !important;
}

/* личное звание*/

.pa-fld4 {
    width: 212px;
    text-align: justify;
    background: #94949445;
    border: 1px solid #9a989b;
    padding: 5px 5px 5px 5px !important;
    margin: 6px 0px 0px 14px !important;
}

.pa-fld4 name {
font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.pa-fld4 bio {
    font-size: 10px;
    letter-spacing: 0.5px;
    color: #25313994;
}

.pa-fld2 {
margin: -11px 0px 0px 14px !important;
}

#pla {
background: url(https://forumstatic.ru/files/001c/00/d9/32232.png);
    width: 224px;
    height: 36px;
    position: relative;
    text-align: center;
}

#pla img {
position: relative;
    margin: 2px 0px 0px 0px;
    width: 220px;
    height: 32px;
    filter: grayscale(1);
}

#pla_tx1 {
font-family: 'jost';
    color: #d2d2d2e6;
    text-shadow: 1px 1px black;
    text-transform: lowercase;
    font-weight: bold;
    text-align: center;
    position: relative;
    font-size: 10px;
    margin-top: -29px;
    letter-spacing: 0.5px;
}

#pla_tx2 {
    font-family: 'jost';
    color: #d2d2d2e6;
    text-shadow: 1px 1px black;
    text-transform: lowercase;
    font-size: 8px;
    margin: -3px 0px 0px 0px;
    letter-spacing: 0.5px;
    position: relative;
    font-weight: bold;
    text-align: center;
}

.alt1, .alt2 {
    background-color: #88888826;
    box-shadow: 0 0px 1px #000000;
}
#pun-index .category table {
    border-spacing: 0px 15px;
padding: 0px 4px 0px 0px !important;
}

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

#pun-category1.category h2 {
background: url(https://forumstatic.ru/files/001c/00/d9/28840.jpg);
    width: 1002px;
    height: 91px;
    font-size: 0 !important;
    margin-left: 2px !important;
    border: none;
margin-bottom: -50px;
margin-top: -20px;
}

#pun-category2.category h2 {
background: url(https://forumstatic.ru/files/001c/00/d9/33999.jpg);
    width: 1002px;
    height: 91px;
    font-size: 0 !important;
    margin-left: 2px !important;
    border: none;
margin-bottom: -50px;
margin-top: -20px;
}

#pun-category3.category h2 {
background: url(https://forumstatic.ru/files/001c/00/d9/40272.jpg);
    width: 1002px;
    height: 91px;
    font-size: 0 !important;
    margin-left: 2px !important;
    border: none;
margin-bottom: -50px;
margin-top: -20px;
}

#pun-category4.category h2 {
background: url(https://forumstatic.ru/files/001c/00/d9/55570.jpg);
    width: 1002px;
    height: 91px;
    font-size: 0 !important;
    margin-left: 2px !important;
    border: none;
margin-bottom: -50px;
margin-top: -20px;
}

#pun-category5.category h2 {
background: url(https://forumstatic.ru/files/001c/00/d9/21832.jpg);
    width: 1002px;
    height: 91px;
    font-size: 0 !important;
    margin-left: 2px !important;
    border: none;
margin-bottom: -50px;
margin-top: -20px;
}

#pun-category6.category h2 {
background: url(https://forumstatic.ru/files/001c/00/d9/36116.jpg);
    width: 1002px;
    height: 91px;
    font-size: 0 !important;
    margin-left: 2px !important;
    border: none;
margin-bottom: -50px;
margin-top: -20px;
}

/* статистика */

#pun-stats.section h2 {
background-attachment: scroll;
background-clip: border-box;
    width: 1002px;
    height: 91px;
font-size: 0em;
border: none;
text-align: center;
    margin-left: 2px !important;
margin-top: -20px;
background-color: transparent;
background: url(https://forumstatic.ru/files/001c/00/d9/99924.jpg);
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}


/* другое*/

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

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

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

html {
-webkit-text-size-adjust: none;
}


#stick_3, #stick_2, #stick_4, #stick_5 {
    height: 160px;
    overflow: auto;
}

.stickytext,.closedatafield { display:none;}


#pun .user-avatar.user-avatar .avatar-image {
    border: 1px solid #556f7a !important;
    border-radius: 0px;
    transition: all .5s ease-in-out 0s;
    margin-left: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}


.punbb .user-avatar .isonline {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
top: 0px;
    right: -2px;
    animation: blinkcolor .9s linear infinite;
    -moz-animation: blinkcolor .9s linear infinite;
    -webkit-animation: blinkcolor .9s linear infinite;
    background: #556f7a !important;
    z-index: 100;
}

#pun-about p.container {
    background-image: url(https://forumstatic.ru/files/001c/00/d9/80013.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    height: 104px;
    width: 1006px;
    margin-top: -78px;
    margin-bottom: -140px!important;
    margin-left: -10px!important;
}
#pun-about > p > span {
    padding-top: 0px;
}

p.lastedit {
    display: none;
}

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

#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 {
    padding-left: 0px !important;
}


#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 768px;
    z-index: 100;
    background: #938e8a;
    box-shadow: 0 0 40px #222;
    -webkit-box-shadow: 0 0 40px #222;
    -moz-box-shadow: 0 0 40px #222;
    -khtml-box-shadow: 0 0 40px #222;
}

/* скроллы */

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: #aaaaaa;
}


::-webkit-scrollbar-thumb {
    background: #253139;
}


.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-width: 0px 0px 0px 0px;
    border-color: #b4c1c7;
}


/* кнопки */

.punbb input.button {
font-size: 11px;
    font-family: 'jost';
    padding: 3px 19px;
    background: #5f676c30;
    border: 1px solid #25313952;
    color: #253139db;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: .2s ease-out;
    text-transform: lowercase;
    -webkit-appearance: none;
    border-radius: 0;
}

.button {
    font-size: 11px;
    font-family: 'jost';
    padding: 3px 19px;
    background: #5f676c30;
    border: 1px solid #25313952;
    color: #253139db;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: .2s ease-out;
    text-transform: lowercase;
}

#post fieldset .hashelp div input {
    font-size: 11px;
    font-family: 'jost';
    margin: 2px !important;
    background: #5f676c30;
    border: 1px solid #25313952;
    color: #253139db;
    cursor: pointer;
    transition: .2s ease-out;
    text-transform: lowercase;
    padding: 4px 8px 4px 8px;
}

.punbb input.button:hover, #post fieldset .hashelp div input:hover {
    background-color: #5f676c30;
    border: 1px solid #25313952;
}

#font-area {
    max-height: 176px;
    overflow: auto;
}

#tags .container {
    position: absolute;
    right: 6px;
    top: 43px;
    z-index: 2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 14px;
    border: 1px solid #25313952;
    background-color: #5f676c30;
}

div.post-rating a {
    font-family: 'jost';
    font-size: 11px !important;
    color: #253139db;
}


#main-reply {
    width: 100%;
    height: 200px;
    text-transform: none !important;
    font-family: verdana;
border: 1px solid #211c191f;
    background: #5f676c2e;
    -webkit-appearance: none;
    border-radius: 0;
}

/* cs1 colors links
-------------------------------------------------------------*/


/* cs1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .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: #5f676c;
    font-size: 10px;
    font-family: jost;
}


/* cs1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    background-color: #f8f8f80;
  }

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

#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {
    font: 1em jost;
    border-radius: 4px;
}

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

/* cs1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    text-transform: lowercase;
    font-size: 11px !important;
  }

/* cs1.6 */
/* подвинуть номер/дату */
.punbb .post h3 span {
text-transform: uppercase;
    display: block;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 40px 20px 0px 31px;
    font-weight: 600;
    font-family: jost;
    font-size: 12px;
}

.punbb .post h3 span a {
color: #879496cc !important;
    text-shadow: 1px 1px black !important;
}

.punbb .post h3 strong {
color: #879496cc;
    text-shadow: 1px 1px black;
    float: right;
    font-size: 12px;
    font-family: 'jost';
}

/* разделитель перед формой ответа */

#post-form h2 {
background: transparent url(https://forumstatic.ru/files/001c/00/d9/99924.jpg?v=1) no-repeat scroll center top;
    width: 1002px;
    height: 92px;
    margin-left: 2px;
}

#post-form h2 span {
display: none;
}

/* разделитель сообщений */

#pun-searchposts .post h3 span,
#pun-post .post h3 span {
    margin-left: 30px;
}

#pun-searchposts .post h3 span,
#pun-searchposts .post h3 span a,
#pun-searchposts .post h3 span a:active {
color: #523332;
    text-shadow: 1px 0px 2px #e3dfe1;
    font-weight: bold;
    font-size: 11px !important;
    font-family: 'roboto';
}

#pun-viewtopic .post h3,
#pun-searchposts .post h3,
#pun-post .post h3 {
background: transparent url(https://forumstatic.ru/files/001c/00/d9/99924.jpg?v=1) no-repeat scroll center top;
    width: 1002px;
    height: 91px;
    margin-left: 2px;
}


/* cs1.7 */
.punbb .quote-box, .punbb .code-box {
border-color: #e4e4e4;
background: #f6f6f6;
}

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

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

/* cs2 border colours
-------------------------------------------------------------*/

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

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

/* cs2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: 1px solid #211c191f;
  }

/* 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: #dedfdf;
  }

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

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

.punbb .divider {
  border-color: #ccc #fff #fff #fff;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
    padding: 0px 0px 0px 10px;
}

li.pa-online {
  border-left-color: #005eab;
  }


/* 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: #253139;
    transition: .2s ease-out;
}

.links {
    margin-top: -41px;
    width: 220px;
    text-align: right;
    margin-left: 216px;
    height: 24px;
    margin-bottom: 15px;
}

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

/* 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: #253139;
    text-decoration: none;
    border: none !important;
    -webkit-transform: translatez(1px);
    -moz-transform: translatez(1px);
    -o-transform: translatez(1px);
    transform: translatez(1px);
  }

/* cs3.3 */
#pun-navlinks a {
    color: #33454c;
    text-decoration: none;
}

/* cs3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #33454c;
  }

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

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgb(0 0 0);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background: #fff !important;
}


/*--важное--*/
div#pun-live-rusff {
    z-index: 98 !important;
    width: 440px !important;
    height: 19px !important;
    margin: auto 0px 0 auto !important;
    background: transparent !important;
    text-align: right !important;
    line-height: 17px !important;
    position: relative !important;
    font-size: 7px !important;
    border: 0px !important;
}

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

#smilies-area {
    width: 597px !important;
    height: 126px;
    overflow-y: scroll;
}


#pun-navlinks li a span {
    font-size: 0;
    display: none
	}

	#navindex a:before {
    content: "hog";
	}

	#navuserlist a:before {
    content: "wizards";
	}

	#navsearch a:before {
    content: "accio";
	}

	#navpm a:before {
    content: "sms";
	}

	#navprofile a:before {
    content: "profile";
	}

	#navadmin a:before {
    content: "ams";
	}

	#navlogin a:before {
    content: "enter";
	}

	#navlogout a:before {
    content: "exit";
	}

	#navregister a:before {
    content: "register";
	}

	#navpr_1 a:before {
    content: "pr";
	}


.topic a.sharelink {
    display: none;
}



#plng {
    padding: 0px 5px 4px 7px !important;
    margin: 3px 3px -24px 765px !important;
    font-family: jost;
    font-size: 11px;
    width: inherit;
    box-sizing: unset;
    color: #76737a;
    text-transform: lowercase;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    align-self: stretch;
}

.podf_link {
    font-family: cormorant sc;
    font-size: 14px;
    padding: 0px 0px 4px 0px;
}

.podf_link a, .podf_link a:hover{
color: #093963 !important;
}

#pun-index .tclcon {
font-size: 9px;
    font-family: 'jost';
    text-transform: lowercase;
    letter-spacing: 0.5px;
    margin-left: -32px;
    padding: 0px 0px 0px 0px !important;
    color: #5c5d5ad6;
    text-align: justify;
}



   ::selection {
    background: #5f676c;
    color: #c2c2c2;
   }


table.poll2 {margin-left:40px;}
#poll-special td h1 {
margin: auto 0 !important;
padding:1px !important;
background: #5d5346 !important;
}



/*-- отключение русфф лайв --*/
#pun-live-rusff {
      display: none;
  }



#viewprofile td {
    border: 0;
    padding: 0;
    color: #57525d;
    overflow: hidden;
}


#pun-adnav {
    float: left;
    width: 164px!important;
    text-transform: lowercase!important;
    font-size: 11px!important;
    margin-left: -163px!important;
    display: inline;
}

/* ползунок шрифт */

.fntslider {
    border-radius: 4px;
    position: relative;
    z-index: 1000;
    background: #cfcfcf;
    width: 110px;
    height: 5px;
    margin: 4px 92px 0px 0px !important;
    border: solid 1px #13171a;
    float: right;
}

.fntslider .before {
height: 5px;
    border: solid 1px #253139;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #5f676c;
    margin-top: -1px;
}

.fntslider .thumb {
width: 8px;
    height: 13px;
    border-radius: 3px;
    position: relative;
    top: -4px;
    background: #596973;
    cursor: pointer;
}


.plashes {
position: absolute;
    white-space: nowrap;
    padding: 0px 0px 4px 0px;
    top: -81px;
    text-transform: lowercase;
    left: 283px;
    height: auto;
    width: 667px !important;
    overflow-x: auto;
}
#pun .plashes a {
    background: url(https://forumstatic.ru/files/001c/00/d9/82995.png);
    display: inline-block;
    margin: 5px 3px 4px 0 !important;
    padding: 0.2em 0em;
    width: 200px;
    height: 16px;
    color: #cbcbcb;
    text-shadow: 1px 1px #253139;
    text-align: center;
    font-family: 'jost';
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}

div#smilies-area {
    height: 66px;
    width: 323px!important;
}


/*быстроплюсы для топика!*/
div .post-rating p a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(https://forumstatic.ru/files/001b/f3/59/32160.png) no-repeat center;
    background-size: 25px auto;
    position: relative;
    opacity: 0.7;
    z-index: 100;
    width: 26px;
    height: 33px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -.1px;
}
.nonull:before{content: "+";
    display: inline-block;
    margin-left: -1px;
    font-size: 9px;
    letter-spacing: 0!important;
}



    #mask_dialog .inner {
        background: #adadad;
    }

/* баннеры
-------------------------------------------------------------*/
.banners {
    position: absolute;
    height: 17px;
    width: 938px;
    overflow: auto;
    text-align: center;
    padding-bottom: 41px !important;
    margin-top: 83px !important;
    margin-left: -1px !important;
}

.banners img {padding: 0px 2px; 0px 2px;
    opacity: 0.4;
transition: all .5s ease-in-out 0s;
}

.banners img:hover {opacity: 1;}

/* он-лайн */

.indonline, .indoffline {
position: relative;
    float: left;
    display: block;
margin: -70px 0px 0px -33px !important;
    width: 244px;
    height: 49px;
}

.indonline {
background: url(https://forumstatic.ru/files/001c/00/d9/75113.png);
}
.indoffline {
    background: url(https://forumstatic.ru/files/001c/00/d9/71455.png);
}

0

2

Код:
<!---------------------------- активисты ---------------------------->
<div class="act"><a href="https://grimdefeat.rusff.me/profile.php?id=30" title="сьюзен боунс"><img src="https://forumupload.ru/uploads/001c/01/28/11/146434.png"></a></div> 
<div class="act2"><a href="https://grimdefeat.rusff.me/profile.php?id=9" title="астория гринграсс"><img src="https://forumupload.ru/uploads/001c/01/28/11/750925.png"></a></div>
<div class="act3"><a href="https://grimdefeat.rusff.me/profile.php?id=22" title="ремус люпин"><img src="https://forumupload.ru/uploads/001c/01/28/11/525001.png"></a></div>

<!---------------------------- постописцы ---------------------------->
<div class="act4"><a href="https://grimdefeat.rusff.me" title="имя"><img src="https://forumstatic.ru/files/001c/00/d9/30521.png"></a></div>
<div class="act5"><a href="https://grimdefeat.rusff.me" title="имя"><img src="https://forumstatic.ru/files/001c/00/d9/30521.png"></a></div>
<div class="act6"><a href="https://grimdefeat.rusff.me" title="имя"><img src="https://forumstatic.ru/files/001c/00/d9/30521.png"></a></div>

<!---------------------------- лучший эпизод ---------------------------->
<div class="episod"><a href="https://grimdefeat.rusff.me">«save your kisses for me»</a></div>

<!---------------------------- администрация ---------------------------->
<div class="ams"><a href="https://grimdefeat.rusff.me/profile.php?id=11">ginny</a> // <a href="https://grimdefeat.rusff.me/profile.php?id=5">hermione</a> // <a href="https://grimdefeat.rusff.me/profile.php?id=8">amycus</a></div>

<!---------------------------- лучший пост ---------------------------->
<div class="avtor">— <a href="https://grimdefeat.rusff.me">колдер</a> пишет:</div>
<div class="bpost">верю, что обязательно здесь будет размещена интересная история, но а пока я поведаю вам о том, что случилось со мной в прошлый четверг! в общем, бродил я по берегу тёмного озера, и тут из воды на меня выскочил... <a href="https://grimdefeat.rusff.me">читать далее</a></div>

<div class="plashes">
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=8#p8654">объявление 4</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=48#p5756">шаблон анкеты</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=82#p8621">конкурс: омнинокль</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=47#p5715">конкурс: омут памяти</a>
 </div>

<! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] --> 
<script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
<div class="spirit-navigation" id="navig-batton" title="навигация">полезные ссылки</div>
<div id="navigblock" style="display:none"><div class="sslka">
<!-- важные ссылки -->
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=5">гостевая книга</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=6#p7">сюжетная линия</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=49#p5757">информация о мире</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=84#p8623">новые локации</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=91#p8630">занятые внешности и роли</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=2#p2">нужные персонажи</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=48#p5756">шаблон анкеты</a>
<a href="https://grimdefeat.rusff.me/viewtopic.php?id=7#p8">связь с администрацией</a>
</div></div>

<!--кнопки вверх и вниз-->
<a style="position: fixed;z-index: 999;top: 340px;opacity: 0.7;right: 75px;cursor: pointer;background-color: transparent !important;display: block;" id="go_top"><img src="https://forumstatic.ru/files/001c/00/d9/45779.png" alt="вверх"></a>

<a style="position: fixed;z-index: 999;top: 390px;opacity: 0.7;right: 76px;cursor: pointer;background-color: transparent !important;display: block;" id="go_bottom"><img src="https://forumstatic.ru/files/001c/00/d9/50779.png" alt="вниз"></a>

<script type="text/javascript">
jquery(function(){
$("#go_top").hide().removeattr("href");
if ($(window).scrolltop()>="250") $("#go_top").fadein("slow")
$(window).scroll(function(){
if ($(window).scrolltop()<="250") $("#go_top").fadeout("slow")
else $("#go_top").fadein("slow")
});

$("#go_bottom").hide().removeattr("href");
if ($(window).scrolltop()<=$(document).height()-"999") $("#go_bottom").fadein("slow")
$(window).scroll(function(){
if ($(window).scrolltop()>=$(document).height()-"999") $("#go_bottom").fadeout("slow")
else $("#go_bottom").fadein("slow")
});

$("#go_top").click(function(){
$("html, body").animate({scrolltop:0},"slow")
})
$("#go_bottom").click(function(){
$("html, body").animate({scrolltop:$(document).height()},"slow")
})
});
</script>
<!-- конец -->


<!--// быстроплюсы v.1 by deff //-->
<script src="https://forumstatic.ru/files/001b/a6/d4/74583.js"></script>

<!--выделение кода в блоке "код" с перемещение в буфер обмена // © damassk, версия 2019г. --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.tostring().replace(/\}$/,'try{document.execcommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linktext = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->


<!-- черная подсказка-->
<script>
$(document).ready(function(){$('*[title]').not('*[title] *[title]').tipsy({gravity:$.fn.tipsy.autons})});
$.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();});}
$.catch('.pa-awards img[title]',function(){$('.punbb li.pa-awards img[title]').tipsy({fade:true,gravity:'s award'});});
</script>
<!-- конец-->


<!-- убрать вложения -->
<script type="text/javascript">
rusffcore.sets.files.button = false;
</script>
<!-- конец -->


<!-- убрать пожаловаться -->
<script type="text/javascript">
rusffcore.sets.show_reportbtn = 0;
</script>
<!-- конец -->


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


<!-- скрыть "отредактировано" из сообщения -->
<style>.lastedit {display:none;}</style>
<!-- конец -->
Код:
<!---------------------------- баннеры ---------------------------->
<div class="banners">

<a href="https://winterwinter.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/00/d9/22577.png" title="название форума" border="0" alt="название форума"></a>
<a href="https://winterwinter.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/00/d9/22577.png" title="название форума" border="0" alt="название форума"></a><a href="https://winterwinter.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/00/d9/22577.png" title="название форума" border="0" alt="название форума"></a>
</div>

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvscriptset.addmask({
    guestaccess: ['my patience is wearing thin', 'how many voices go unheard?', 'a slow burn fire from the inside', 'leave me to my studied bliss', 'set my sights on the setting sun', 'i\'m in the dark, looking for light'],
    forumaccessextended: {
        'my patience is wearing thin': ['пользователи'],
        'how many voices go unheard?': ['пользователи'],
        'a slow burn fire from the inside': ['пользователи'],
        'leave me to my studied bliss': ['пользователи'],
        'set my sights on the setting sun': ['пользователи'],
        'i\'m in the dark, looking for light': ['пользователи']
    },
    userfields: ['pa-title', 'pa-author', 'pa-avatar', 'pa-posts', 'pa-respect', 'pa-online']
});
</script>

<!-- регулировка размера шрифта в постах © alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- конец -->

<!-- анти-в-строчку сообщения и репутация © deff -->
<script type="text/javascript">
function changes(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changes('.pa-fld3','pst:','pst:<br>');
</script>

<!-- начало. обычная загрузка картинок -->
<script>
var oldimg="<td id=\"button-image2\" title=\"обычная загрузка\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:2px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldimg);
</script>
<!-- конец. обычная загрузка картинок -->

<!----------------------------------------------- доп шрифты  ----------------------------------------->
<script type="text/javascript">
if (document.url.indexof("viewtopic") != -1) {
var ft; var i; var ft_f; var j = "";
ft = document.getelementbyid("font-area");
var ft_f = new array();

ft_f.push('harmony');
ft_f.push('jost');
ft_f.push('montserrat');
ft_f.push('abril fatface');
ft_f.push('cormorant sc');
ft_f.push('yeseva one');
ft_f.push('playfair display');
ft_f.push('merriweather');
ft_f.push('lora');
ft_f.push('manrope');
ft_f.push('pt serif');
ft_f.push('cormorant garamond');
ft_f.push('prata');
ft_f.push('old standard tt');
ft_f.push('unbounded');
ft_f.push('playfair display sc');
ft_f.push('oranienbaum');
ft_f.push('noto serif display');
ft_f.push('roboto');
ft_f.push('oswald');

for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerhtml += j;
}}
</script>

<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">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">новые сообщения</a></li>');
</script>
<!-- конец -->

<!-- быстрое редактирование постов © alex_63 // v.3 --><script>
var forumedit=[1,2,3,4,];   //id форумов c редактированием
if(forumedit.indexof(+forum.topic.forum_id)!=-1)$.getscript("https://forumstatic.ru/files/0015/c4/3f/97896.js");;
</script>
<!-- конец -->

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</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>
<!-- конец -->

<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" title="обтекание изображения" 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:#ffffcc;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; 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('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<!-- счётчик символов -->
<script>
$( '<div id="plng">написано символов: <span id="txtbox_count">0</span></div>' ).prependto( '#form-buttons');
  $(function () {
	 $('textarea#main-reply').keyup(function () {
	 var txtlen = $(this).val().length;
	     $('#txtbox_count').text(txtlen);
});
 });
</script>


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


<!-- скрыть поделиться -->
<script type="text/javascript">
rusffcore.sets.share = false;
</script>
<!— конец —>

<!--- скрыть rss-atom --->
<style type="text/css">
.punbb .modmenu .container span {display: none;}
</style>
<!--- конец --->

<script>
reactionsplugin.setconfig({
  disable: true
});
</script>


<!-- material icons в форме ответа (с) forumd.ru, герда -->
<link href="https://fonts.googleapis.com/icon?family=material+icons" rel="stylesheet">
<style>
#form-buttons tr {display: block;width: 100%;text-align: left;}
#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
background-image: none !important;
display: inline-block;
position: relative;
width: 20px; /* ширина кнопки */
height: 20px; /* высота кнопки */
background-color: transparent; /* цвет фона кнопки */
margin: 0 0.5em 0.5em; /* отступы кнопок друг от друга */
}
#form-buttons td .material-icons {
position: absolute;
z-index: 1;
left: 0;
font-size: 19px; /* размер иконок */
padding: 3px; /* отступ от иконки до кнопки */
color: #5f676c; /* цвет иконок */
}
#form-buttons td:hover {background-color: transparent;} /* изменение цвета кнопки при наведении курсора */
#form-buttons td:hover .material-icons {color: #5f676cd6;} /* изменение цвета иконки при наведении курсора */

#form-buttons #button-mask {position: relative; line-height: 1.5!important; text-align: center; background: none !important;padding-top: 0px!important; color: #5f676c;}
#form-buttons #button-mask::before {content: 'group'; font-family: 'material icons'; font-weight: normal;font-size: 19px;}
#form-buttons #button-mask:hover::before {color: #5f676cd6;}
</style>
<script type="text/javascript">
$(document).ready(function(){

$("#button-font").append('<i class="material-icons">font_download</i>');
$("#button-size").append('<i class="material-icons">format_size</i>');
$("#button-bold").append('<i class="material-icons">format_bold</i>');
$("#button-italic").append('<i class="material-icons">format_italic</i>');
$("#button-underline").append('<i class="material-icons">format_underlined</i>');
$("#button-strike").append('<i class="material-icons">strikethrough_s</i>');
$("#button-indent ").append('<i class="material-icons">format_indent_increase</i>');
$("#button-left").append('<i class="material-icons">format_align_left</i>');
$("#button-center").append('<i class="material-icons">format_align_center</i>');
$("#button-right").append('<i class="material-icons">format_align_right</i>');
$("#button-link").append('<i class="material-icons">link</i>');
$("#floatbut").append('<i class="material-icons">format_indent_decrease</i>');
$("#button-spoiler").append('<i class="material-icons">content_cut</i>');
$("#button-image").append('<i class="material-icons">add_photo_alternate</i>');
$("#button-image2").append('<i class="material-icons">add_photo_alternate</i>');
$("#button-video").append('<i class="material-icons">ondemand_video</i>');
$("#button-hide").append('<i class="material-icons">lock_open</i>');
$("#button-quote").append('<i class="material-icons">format_quote</i>');
$("#button-code").append('<i class="material-icons">code</i>');
$("#button-color").append('<i class="material-icons">color_lens</i>');
$("#button-table").append('<i class="material-icons">table_view</i>');
$("#button-smile").append('<i class="material-icons">mood</i>');
$("#button-sticker").append('<i class="material-icons">mood</i>');
$("#button-keyboard").append('<i class="material-icons">keyboard</i>');
$("#button-addition").append('<i class="material-icons">library_add</i>');


});
</script>

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

    <!-- кнопка отключения мгновенного предпросмотра -->
    <style>#togglepreview{float:right;    margin-right: -13px;    margin-top: -32px;}</style>
    <script type="text/javascript">(function (){
      var a='включить быстрый предпросмотр';
      var b='отключить быстрый предпросмотр';
      var d='_previewtoggle';
      setcookiepprev=function(a,b,c){if(c){var d=new date();d.settime(d.gettime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toutcstring() : '');else return false;}
      getcookiepprev=function(a){var b=new regexp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglepreview"><input type="button" class="button" value="'+ b +'" onclick="togglepreview(this)"/></small>').insertafter('#post fieldset:last legend');
      var x = parsecontent;
      window.togglepreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setcookiepprev(d,'0',-1000);parsecontent=x;parsecontent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setcookiepprev(d,'off',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}parsecontent=function(){return};return}
      }; if(getcookiepprev(d)=='off'){$('#togglepreview>.button').click()};
    }())
    </script>

<!--взаимная реклама-->
<script>function geturlparameterbyname( name,href )
{name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexs = "[\\?&]"+name+"=([^&#]*)"; var regex = new regexp( regexs ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeuricomponent(results[1].replace(/\+/g, " "));}
function getrandomint(min, max) { return math.floor(math.random() * (max - min)) + min;}
function copyadvertisingtoclipboard(event, elem) {event.preventdefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea id='temp' style='float:right'>"); $(elem).append($temp); var advertisecode = advertisecodes[getrandomint(0, advertisecodes.length)]; var text = advertisecode + '[url=' + url + ']ваша реклама[/url]'; $temp.val(text).select(); document.execcommand("copy"); $temp.remove();}
function addadvertiselink(topicid) { var url = window.location.href; if (geturlparameterbyname('id', url) == topicid) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="#" onclick="copyadvertisingtoclipboard(event, this);">взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } }

var advertisecodes=[
"[url=http://grimdefeat.rusff.me/][align=center][img]https://forumupload.ru/uploads/001c/01/28/2/71221.png[/img][/align][/url]",
"[url=http://grimdefeat.rusff.me/][align=center][img]https://forumupload.ru/uploads/001b/fe/08/6/432578.png[/img][/align][/url]" // последняя строчка без запятой
];



addadvertiselink(9);
</script>
<!--конец-->

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

0

3

Код:
<!-- кубики-->
<input type="button" onclick="dice()" value="кинуть кубики" />
<script type="text/javascript">
function dice()
{
  var founderrors = '';
  var diceres=""
  var countcube = prompt("количество кубиков", "3");
  var sidecube = prompt("сколько граней у кубика?", "6");
  if(countcube>9){
  alert("нельзя бросать столько кубиков"); 
  return false;}
  if(sidecube>9){
  alert("не бывает таких кубиков"); 
  return false;}
  if (!countcube)
  {return false;}
  if (!sidecube)
  {return false;}
  for(i=0; i<countcube;i++){
  var dice = (math.round(math.random()*sidecube))
  if(dice==0) dice=1;
  diceres += dice*1936+"-"
  }
  smile('[dice='+diceres+countcube+sidecube+']')
}
</script>
<script>
function adddice(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexof("[dice=",from))==-1) return str;
if((pos2=str.indexof("]"),pos+6)==-1) return str;
newpos=str.indexof("]",pos+6)
if(newpos<pos2 && newpos!=-1) str=adddice(str,pos+6,true)
if((pos2=str.indexof("]",pos+6))==-1) return str;
str=str.substring(0,pos)+makedice(str.substring(pos+6,pos2))+str.substring(pos2+1,str.length)
if( str.indexof("[dice=")!=-1 && internal==false) str=adddice(str,0,false)
return str}

function makedice(dice){
dicemass = dice.split("-")
dicec = dice.substring(dice.length-2, dice.length-1)
dices = dice.substring(dice.length-1, dice.length)
var dicer=0, diceru="";
for(i=0;i<dicemass.length-1;i++){dicer+=dicemass[i]/1936;}
for(i=0;i<dicemass.length-1;i++){if(dicemass[i]==dicemass[dicemass.length-2]){diceru+=dicemass[i]/1936;}else{diceru+=parseint(dicemass[i]/1936)+"+";}}
txt="<div class=\"quote-box\"><blockquote><p><b>количество кубиков</b>: "+dicec+"<br /><b>граней в кубике</b>: "+dices+"<br /><br /><b>результаты броска</b>: ("+diceru+")="+dicer+"</p></blockquote></div>"
return txt}

if(document.url.indexof("viewtopic.php")!=-1){
elm=document.getelementbyid("pun-main").getelementsbytagname("div")
for(x in elm) if(elm[x].classname=="post-content"){
var post=elm[x]
post.innerhtml=adddice(post.innerhtml,0,false)}}
</script>

<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvstickerpack.init("https://forumstatic.ru/files/001c/01/28/88876.txt");
});
</script>

0


Вы здесь » winter design » remember the feeling of death » коды чист


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