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

Пробник

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

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


Вы здесь » Пробник » Рэйвен » Дизайны


Дизайны

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

1

Тык

0

2

https://forumupload.ru/uploads/0010/a3/92/2/t940310.png

Структура style.css

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

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

/* A1.1 */

@import url(style_cs.css);
@import url(https://forumstatic.ru/files/001b/31/48/23035.css?v=6);



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

html{min-width: 1075px!important;}









@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
  font-family: 'viola';
  src: local('viola'), url('https://forumstatic.ru/files/001b/6f/66/26446.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: 'Arial Black'; 
src: local("ArialBlack"), url(https://forumstatic.ru/files/0014/65/a2/84442.ttf);}

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


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


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


@font-face {
	font-family: 'Bebas Neue';
	src: local('Bebas Neue Regular'), local('BebasNeueRegular'),
    url('https://forumstatic.ru/files/0018/6b/8f/20207.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: local('Bebas Neue Bold'), local('BebasNeueBold'),
    url('https://forumstatic.ru/files/0018/6b/8f/48684.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: local('Bebas Neue Light'), local('BebasNeueLight'),
    url('https://forumstatic.ru/files/0018/6b/8f/38790.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: local('Bebas Neue Thin'), local('BebasNeue-Thin'),
    url('https://forumstatic.ru/files/0018/6b/8f/92711.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face {
font-family: 'Lol';
font-style: normal;
font-weight: 200;
src: url(https://forumstatic.ru/files/001b/71/36/22249.otf);
}

@font-face {
font-family: 'Lol';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001b/71/36/66368.otf);
}

@font-face {
font-family: 'Lol';
font-style: italic;
font-weight: 400;
src: url(https://forumstatic.ru/files/001b/71/36/51435.otf);
}

@font-face {
font-family: 'Lol';
font-style: normal;
font-weight: 500;
src: url(https://forumstatic.ru/files/001b/71/36/80340.otf);
}

@font-face {
font-family: 'Lol';
font-style: normal;
font-weight: 600;
src: url(https://forumstatic.ru/files/001b/71/36/41727.otf);
}

@font-face {
font-family: 'biza';
font-style: normal;
font-weight: 600;
src: url(https://forumstatic.ru/files/001b/71/36/19560.otf);
}

@font-face {
font-family: 'DoubleBass';
src: url('https://forumstatic.ru/files/001b/ad/f3/39135.eot?'),
url('https://forumstatic.ru/files/001b/ad/f3/61137.woff') format('woff'),
url('https://forumstatic.ru/files/001b/ad/f3/68066.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/ad/f3/61146.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Beer';
src: url('https://forumstatic.ru/files/001b/ad/f3/43195.eot?'),
url('https://forumstatic.ru/files/001b/ad/f3/21515.woff') format('woff'),
url('https://forumstatic.ru/files/001b/ad/f3/73092.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/ad/f3/69419.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jacob';
src: url('https://forumstatic.ru/files/001a/eb/83/55444.eot?'),
url('https://forumstatic.ru/files/001a/eb/83/96192.woff') format('woff'),
url('https://forumstatic.ru/files/001a/eb/83/14810.ttf') format('truetype'),
url('https://forumstatic.ru/files/001a/eb/83/14903.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {font-family: 'Jacob';
src: local("Jacob"), url(https://forumstatic.ru/files/001a/eb/83/14810.ttf);}
@font-face {font-family: 'Beer';
src: local("Beer"), url(Https:https://forumstatic.ru/files/001b/ad/f3/73092.ttf);}

@font-face {font-family: 'DEAD SECRETARY';
src: local("DEAD SECRETARY"), url(https://forumstatic.ru/files/001b/95/a5/32903.ttf);}

@font-face {font-family: 'Fortuna Gothic FlorishC';
src: local("Fortuna Gothic FlorishC"), url(https://forumstatic.ru/files/0016/e7/ab/49625.ttf);}

@font-face {font-family: 'American TextC';
src: local("American TextC"), url(https://forumstatic.ru/files/0016/e7/ab/66579.ttf);}

@font-face {font-family: 'Runic';
src: local("Runic"), url(https://forumstatic.ru/files/001b/95/a5/76392.ttf);}

@font-face {font-family: 'Victorian';
src: local("Victorian"), url(https://forumstatic.ru/files/001b/95/a5/44848.ttf);}

@font-face {font-family: 'kork';
src: local("kork"), url(https://forumstatic.ru/files/001b/95/a5/65250.ttf);}

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

@font-face {font-family: 'Chasing Embers'; 
src: local("Chasing Embers"), url(https://forumstatic.ru/files/0014/65/a2/60417.ttf);}
@font-face {font-family: 'Decor Condensed'; 
src: local("DecorCondensed"), url(https://forumstatic.ru/files/0014/65/a2/19087.ttf);}
@font-face {font-family: 'Billabong'; 
src: local("Billabong"), url(https://forumstatic.ru/files/0014/65/a2/91911.ttf);}
@font-face {font-family: 'Pixeled'; 
src: local("Pixeled"), url(https://forumstatic.ru/files/0014/65/a2/21476.ttf);}
@font-face {font-family: 'Cutepunk'; 
src: local("Cutepunk"), url(https://forumstatic.ru/files/0014/65/a2/23977.otf);}
@font-face {font-family: 'Free Pixel'; 
src: local("Free Pixel"), url(https://forumstatic.ru/files/0014/65/a2/64067.ttf);}
@font-face {font-family: 'Adlery Pro'; 
src: local("AdleryPro"), url(https://forumstatic.ru/files/0014/65/a2/95948.otf);}
@font-face {font-family: 'Afrile Script'; 
src: local("Afrilescript"), url(https://forumstatic.ru/files/0014/65/a2/32364.ttf);}
@font-face {font-family: 'Alissya'; 
src: local("Alissya"), url(https://forumstatic.ru/files/0014/65/a2/63079.ttf);}
@font-face {font-family: 'Amist'; 
src: local("AmistRegular"), url(https://forumstatic.ru/files/0014/65/a2/83421.ttf);}
@font-face {font-family: 'Andora'; 
src: local("AndoraDemo"), url(https://forumstatic.ru/files/0014/65/a2/80158.ttf);}
@font-face {font-family: 'Angry Android'; 
src: local("AngryAndroid"), url(https://forumstatic.ru/files/0014/65/a2/97626.ttf);}
@font-face {font-family: 'Antishbusy'; 
src: local("Antishbusy"), url(https://forumstatic.ru/files/0014/65/a2/98228.ttf);}
@font-face {font-family: 'AVENGERS'; 
src: local("AVENGEANCEHEROICAVENGERAT"), url(https://forumstatic.ru/files/0014/65/a2/38055.ttf);}
@font-face {font-family: 'Better'; 
src: local("Better"), url(https://forumstatic.ru/files/0014/65/a2/38076.otf);}
@font-face {font-family: 'Brusher'; 
src: local("Brusher"), url(https://forumstatic.ru/files/0014/65/a2/90698.ttf);}
@font-face {font-family: 'Cassandre'; 
src: local("CassandrePersonalUseOnly"), url(https://forumstatic.ru/files/0014/65/a2/57726.ttf);}


@font-face {font-family: 'Tokio';
src: local("Tokio"), url(https://forumstatic.ru/files/001b/32/b4/57405.ttf);}
@font-face {font-family: 'Arkhip;
src: local("Arkhip"), url(https://forumstatic.ru/files/001b/7a/0c/63172.ttf);}

@font-face {font-family: 'you';
src: local("you"), url(https://forumstatic.ru/files/001b/7a/0c/59822.ttf);}

@font-face {font-family: 'goudy';
src: local("goudy"), url(https://forumstatic.ru/files/001b/86/89/73006.otf);}

@font-face {font-family: 'Neothic';
src: local("Neothic"), url(https://forumstatic.ru/files/001b/95/a5/85186.ttf);}

@font-face {font-family: 'Catwoman';
src: local("Catwoman"), url(https://forumstatic.ru/files/001b/95/a5/75054.ttf);}

@font-face {font-family: 'Monumenta';
src: local("Monumenta"), url(https://forumstatic.ru/files/001b/95/a5/13737.ttf);}
html {
-webkit-text-size-adjust: none;
}

html{min-width: 1075px!important;}



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

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

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

/* 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: auto;
vertical-align: middle
}


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

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

/* A3.2 */
.punbb {
font: normal 70%  verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em  verdana, arial, helvetica, sans-serif
}


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1em;
font-weight: bold;
}

.punbb th   {
font-size: 0.9em;
font-weight: bold;
}
.punbb h4, .punbb table {
font-size: 1em;
font-weight: normal;
}

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

/* A3.6 */
.punbb pre {
font: 1.1em/140% verdana, arial, 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 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

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

/* 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 dl.post-sig dt span,
.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 {background: #cfcfcb;position: relative;
width: 1030px;margin: 412px auto 0px auto;
background-position: center;padding-top: 146px;
 border-radius: 0px 0px 30px 30px;
margin-bottom: 41px;}







.punbb {
  height: auto;
  margin: 0px 39px;
padding: 0px 0px;
  width: auto;
padding-top: 9px;
}


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

#pun-redirect{
    border:0 none!important;
    margin:0;
    padding:0;
    left:0;right:0;
    top:0;bottom:0;
    position:fixed;
    width:100%;
    height:100%;
    text-align:center;
  background:
       #15161c url(https://i.imgur.com/zwUmMzY.jpg) repeat fixed top center !important;
  background-size: cover
  }
  #pun-redirect *{
    border:0 none;
  }
  #pun-redirect .main-title {
    display:none;
  }
  #pun-redirect.punbb .info .container{
    text-align:center;
    font:500 10px montserrat;
    display:inline-block;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: 5% auto;
    width:auto;
    padding:50px 0px;
    height:auto;
  background:     #a581ff no-repeat top,
 ;
  width: 1010px;
box-sizing: border-box;
    margin-top: 5%
  }

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

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

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

.punbb .toppost, .punbb .topicpost {
margin-top: 40px !important;
}


/* 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 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 2px 1em 9px 1em;
border-style: solid solid none solid;
border-width: 1px 1px 0px 1px;
}

#pun-main h2 {
padding: 2px 1em 9px 1em;
border-style: solid;
border-width: 1px;
}

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

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

/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
   border: 1px solid transparent !important;
   border-image:  linear-gradient(to right, #d5d5d500 0%,#bdbdbd 50%,#d5d5d500 100%)!important;
 border-width: 1px 0px 0px 0px !important;;
   display: block;
   margin: 5px auto 15px;
   width: 80%;
}


/* B1.3 */
.punbb .post-content p {
margin: 0;
 padding: 0 15px 2em 0;
line-height: 160%;
font-family: 'Verdana', sans-serif;
}


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

/* 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 {
  border: medium none;
  margin: 0.4em 0em 2em;
  padding: 0em;
}


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  font-size: 1.1em;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding-bottom: 0.0em;
}

/* 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 {
width: auto;
font-size: 11px;
height: auto;
color: #575363;
font-family: lol;
text-transform: uppercase;
font-weight: normal !important;
border-bottom: 0;
box-sizing: border-box;
display: flex;
align-self: center;
justify-content: space-between;
border-top: 1px solid rgba(82,79,75,.13) !important;
margin: 0 !important;
padding: 10px 14px 10px 14px;
}


/* B3.4 */
.linkst .postlink {
text-align: right;
font-weight: normal;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 2px 18px;
font-size: 11px;
color: #3f3f43;
font-family: lol;
text-transform: uppercase;
}

#profile .linksb {
height: 10px;
display: flex;
justify-content: space-between;
align-items: center;
width: auto;
}

#profile .button {
margin-top: 30px !important;
}

#profile .clearer {
display: none
}

#profile .linksb:after {
display: none
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: auto;
text-align: left;
}

/* B3.7 */
.linksb .postlink {
float: right;
width: auto;
font-weight: normal
}

/* B3.8 */
.subscribelink {
clear:both;
padding-top: 1em;
padding-bottom: 0.5em;
}


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

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

/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}

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

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}

/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 0px 0 0px;
margin: 0 0 1em 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: 0 0 0 -15px;
}

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

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


/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0px 0px 0px -29px;
}

/* 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 4em 0 0;
height: 100%; /* For IE */
}

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

 }

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

.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}

/* 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: 60%;
}

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

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: center;
  width: 27%;
}


/* 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 {
font-size: 1.2em;
font-weight: bold;
}

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

/* C2.10 */
.punbb td .modlist {
display: none;
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 1em 0.4em 1em;
}

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  font-size: 11px;
  line-height: 10px;
  margin-left: 0;
  text-align: left;
}

/* C2.15 */
  .punbb div.icon {
      float: left;
      display: block;
      width: 60px;
      height: 60px;}


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

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

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

/* C3.2 */
.punbb .post h3 {
border-width: 0px;
-webkit-text-size-adjust: 100%;
width: 100%;
margin-top: 20px !important;
}

/* C3.3 */

.punbb .post h3 span {
padding: 6px 10px;
display: block;
text-align: left;
font: 600 11px lol;
text-transform: uppercase;
margin-left: 239px

}

.punbb .post h3 strong {
float: right;
width: auto;
text-align: right;
font-weight: normal;
padding: 0 0px;

}

.post h3 span strong:before {
background-color: #6c6e6c;
}


/* C3.5 */
.punbb .post .post-author {
float: left;
}

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

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}

/* C3.8 */

.pa-author a {
    text-transform: uppercase;
    color: #5f8a90!important;margin-left:14px;
    letter-spacing: 0.7px;
 font-family: 'Morpheus';
}





/* C3.9 */
li.pa-title {width: 220px;margin-left: 24px !important;font-family: Open Sans;font-weight: bold;color: #bcbcbc!important;letter-spacing: 0.7px;}





li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}


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

/* C3.12 */
.punbb .post-box {
padding: 1em;
padding-right: 0;
padding-left: 20px;
padding-top: 22px;
}


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



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

/* C3.15 */
.punbb .post-links ul {
    height: 20px;
    margin-left: -41px;width: 1032px; 
    /* padding: 0 15em 0 0; */
    line-height: 2em;
    border-top-color: transparent;
    border-top-style: none;
    border-top-width: 0px;
    text-align: right;
    background: transparent;
    color: #bfbfbf;
    background: #161517;

}

/* C3.16 */
.punbb .post-links li {
display: inline;
margin-left: 1em;
font: 400 11px lol;
text-transform: uppercase;
}

.punbb .post-links ul li:first-child {
margin-left: 0
}

.endpost .post-links ul {
border: 0 !important;
}

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

/* 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: 1.1em !important;}



/* C6 Profile */
/*** C6.2 ***/
#profilenav {
display:block;
width:auto;
padding-top: 1.1em;
text-align: center;
}

/* C6.3 */
#profilenav li {
display: inline-block;border: 2px dotted #802121;
}
#viewprofile-next #profilenav {display: none;}

/* C6.4 */
#viewprofile ul, #profilenav ul {margin: 0 0 1em 0; padding: 0.3em 1em 0.5em 1em; border-style: none; border-width: 0px; border-color: transparent;}
#viewprofile ul:last-child, #profilenav ul:last-child {margin-bottom: 0em;}
#profile-left {text-align: center;}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
margin: auto 0 0.6em auto;
padding: 0;
line-height: 110%;
border: none;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
position: relative;
padding: 0 5px;
}

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

/* 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; display:inline; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold;}

/* 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;}
.pa-avatar {
max-width: 180px;
max-height:180px;

margin: 0.9em auto 0.1em auto;
}

/* 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: none;
margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
display : block;
height: 10px;
margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
border: none ;
padding: 0.2em 1em 0.8em 1em;
}

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

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

#pun-title TD.title-logo-tdr {
border: none;
width: 420px;
}

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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding-left: -20px;
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 {
border: none;
margin: 0;
}

#pun-navlinks .container {
border: none;
margin: 0;
}

/* D3.2 */
#pun-navlinks .container {
font-weight: normal;
}

/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
  font-family: tahoma;
  font-size: 0.8em;
  padding: 10px 5px 10px 7px;
}

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

/* D4.1 */
#pun-ulinks {
  border: none;
}
#pun-ulinks .container {
  border: medium none;
  font-weight: bold;
  height: 3px;
  padding-top: 0px;
  text-align: center;
  width: 850px;
}
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
}
#pun-ulinks li a {
  font-size: 0.8em;
  padding: 0 0 0 5px;
}



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

/* D5.1 */
#pun-status, #pun-status .container {
 border-bottom: none;
margin-top: 10px;
 position: absolute;
 width: 300px;
 margin-bottom: 0;
 }

/* D5.2 */
#pun-status .container {
  text-align: center;
  margin-left: 330px;
  width: 506px;
  color: #000000 !important;
  font: 400 12px lol !important;
  margin-top: -35px !important;
  letter-spacing: .5px;
  margin-bottom: 15px;
}








#pun-status .container strong {
 font-weight: normal !important;
}

#pun-status .status-right {
 float: none !important;
}

#pun-status .item3 {
 margin-left: 10px !important;
}


/* D5.3 */
#pun-status span {
 white-space: pre-line;
 margin-right: 0.5em;
 }



 







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

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
font-size: 1.1em;
}

/* 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: 0.6em 1em 1em 1em;
margin-bottom: 0px;
margin-top: -14px;
text-align: center;
margin-bottom: -10px !important;
}

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




/* D7.1 */
#pun-stats .container {padding: 15px;margin-top: -5px !important;background: #cfcfcb;border: 1px solid #000000;}



}

/* D7.2 */
.ststitems {
display: flex;
padding: 0px;
font:  300 10px lol;
text-transform: uppercase;
justify-content: space-between;
}

.ststitems li {
flex: auto;
text-align: center;
padding: 2px 0px
}


/* D7.4 */
li#onlinelist {margin-top: 1em;border-top-style: solid;border-top-width: 1px;float: left;width: 100%;font-size:14px;padding: 0px 0px 1px;color: rgba(0,0,0,.75)}


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

li#onlinelist:first-of-type {
padding-bottom: 0;
}

/* 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;
padding-left: 50%;
text-align: center;
}

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

/* D8.7 */
#pun-crumbs2 .container {
font-size: 1.1em;
}

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

::-webkit-scrollbar {
  width: 8px;
  height:6px;
  background-color: rgba(20, 18, 15,0.1);
  border-radius: 10px !important;}
  ::-webkit-scrollbar-thumb {
    background-color: #96736d;
    width:6px !important;
    box-shadow: 0 0 0 1px rgba(20, 18, 15,0.1) inset;
    border-radius: 1px !important;
  }
  
  
  
  .stickytext, .closedatafield, #pun-live-rusff, .pl-reports  {display: none}
  
  
  input, textarea {
      outline: none;
  }  
  input:active, textarea:active {
      outline: none;
  } 
  :focus {
      outline: none;
  }
  
  
  #mask_dialog .inner, .modal-inner.section, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .editBookmark  {                   
     
    background: #b0a6a659;
 border: 2px dotted #802121;
  padding: 5px !important;

  }
  
  #pun #pun-viewtopic .FNTslider {display: block}
      .FNTslider {
      border-radius: 0px;
      position: absolute;
      z-index: 1000;
      background: #e4cfcf;
      width: 110px;
      height: 4px;
      margin: 4px 5px;
      border: solid 1px #b9a6a6;
      float: left;
      margin-left: 300px;
      display: none;
  }

  
  #post legend span {display: none}
  
  
  #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {top: 55px !important;}
  
  .pl-reports {display: none !important;}
  
  .pa-avatar img {max-width: 200px}
  
  .post-content td { border:none transparent !important;}
  
  ::selection {    background: #6a3636;
      color: #fefefe;
  }
  
  
  * {scrollbar-width: thin;
  scrollbar-color: #6a3636 rgba(20, 18, 15,0.01);}
  
  #html-header {
  color: #bba3a3;
  text-shadow: 1px 1px 1px #1b1414
  }
  
   #html-header a {
  color: #cbc7c0;
  
  
  }
  
 #html-header a:hover {
  color: #b70000
  }
  .post-content abbr {text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #555}
  
  
  #pun #pun-ulinks #Rz {
    display: none !important;
  }
  
  .punbb-admin textarea {
    width: 97% !important;
  }
  

  span.checkfield, p.checkfield {
      display: flex;
    margin-top: 10px !important;
  }
  
  .pl-share {display: none !important}
  
  .pl-email.email {
      display: none !important;
  }
  
  
 
  
  #post-form h2 {
 
      padding-left: 41px !important;
      padding-right: 39px !important;
      margin-bottom: 19px !important;
      text-align: left
  }
  
  .topic {
    margin-top: -20px
  }
  
  #imageupload-left input[type=button] {width:auto !important}
  
  p.formsubmit {
    display: flex;
    align-items: center;
    gap: 10px
  }
  

  
  #under_bg {
    background: url(https://i.imgur.com/zwUmMzY.jpg);
  background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: flex-start;
    justify-content: center
  }
  
  






  #navigblock {
    width: 319px;
  margin-left: 650px;
  position: absolute;
    top: 250px;
    z-index: 99999;
    background: rgb(20 16 16);
    border: 1px solid #604242 !important;
  }
  

  
.hvStickerPackModal.active {
  background: #bfbfbf !important;
   background: #b0a6a659;
 border: 2px dotted #802121;
}
  
  .hvStickerPackModalContent {
    border: 1px solid #772626 !important;
  }
  
  .hvStickerPackModalTab {
      background: #000000 !important;
      border: 1px solid #000000 !important;
    border-radius: 0 !important;
        box-shadow: 0 0 0 1px #000000 inset, 0 0 0 2px #b08686 inset, 0 0 10px 0px #859a9a, 0 0 10px 0 rgba(255,255,255,.2) inset;
    color: #cfcfcb;
    font: 300 13px lol !important;
  }
  
  .hvStickerPackModalTab.active {
       background: #0c0c0c !important;
      box-shadow: 0 0 0 1px #000000 inset, 0 0 0 2px #b08686 inset, 0 0 10px 0px #858f9a, 0 0 0px 0 rgba(255,255,255,.2) inset;
      color: #cfcfcb !important;
  }
  
  .hvStickerPackModalInput, .hvStickerPackModalAddButton {
    border-radius: 0 !important;
  }

  .scrollgeneric {
      line-height: 1px;
      font-size: 1px;
      position: absolute;
      top: 0;
      left: 0;
  }
  .vscrollerbase {
    
      width: 4px;
      background-color: transparent;
  }
  .vscrollerbar {
    
      width: 4px;
  background: #070404;
      box-shadow: 0 0 6px 0px #873939 inset, 0 0 0 2px #e6d6cc00 inset;
      max-height:18px;
      border-radius:6px;
  }
  .hscrollerbase {

      height: 4px;
      background-color: transparent;
  }
  .hscrollerbar {

      height: 4px;
  background: #070404;
      box-shadow: 0 0 6px 0px #873939 inset, 0 0 0 2px #e6d6cc00 inset;
  }
  .scrollerjogbox {
      background: #3f2121;
      width: 4px;
      height: 4px;
      top: auto;
      left: auto;
      bottom: 0px;
      right: 0px;
  }
  
  #pun li.pa-awards {
    display: block !important;
  }
  
  span.mini_awards_label {
    display: none
  }
  
  #pun-index #forum_f18, #pun-index #forum_f20 {
    display: none
  }






#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display: none;}



 .pluha {
       margin: -8px -7px -2px -7px !important;
    }
    
    
   .pluha img {
    max-width: 255px;
    max-height: 50px;
    margin: -12px 7px 10px 14px;
    float: left;
    z-index: 6;
    position: relative;
    }
    


.pluha2 {
    text-align: center;
    font-size: 10px;
    background: url(https://i.imgur.com/EPRCgmE.png);
    color: #b7a8a8;
    margin-left: 3px!important;
    padding-top: 4px;
    font-family: 'Neothic';
    letter-spacing: 1px;
    font-weight: 400;
    height: 36px;
    width: 244px;
    line-height: 140%;
}

0

3

Цвета style_cs.css

Код:
HTML {
   
   background:
        #1c1515 url(https://i.imgur.com/XlRWVkg.jpg) repeat fixed top center;
    background-size: cover
}


#pun-title {
border: 0;
    height: auto !important;
    padding: 0 !important;
    display: none
}
#pun-title h1 {
    display: none !important;
}

#pun-title.section {
  margin: 0 !important
}



#pun-index tr.inew .tclcon:before {
 content: "";
 background: url(https://i.imgur.com/ZiykD4N.png);
 width: 50px;
 height: 50px;
 position: absolute;
 top: -46px;
 left: -49px;
 border-radius: 40px;
 z-index: 1;
}



.pa-fld4 {
    text-align: center;
    display: block;
    font-size:16px;
    font-family: 'Bebas Neue';
    text-transform: uppercase;
    margin-left:-10px;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 3px 187px -61px 99px !important;
    border-top: 1px solid #35353500;
    border-bottom: 1px solid #4e4e4e00;
    color: #848484;
    text-transform: uppercase;
}




#pun-index tr.inew :before {
 content: "";
 background: url(https://i.imgur.com/reEKqTM.png);
 width: 30px;
 height: 20px;
 position: absolute;
 left: 531px;
 width: 7px;
 height: 101px;
border-radius: 10px 0px ;
 z-index: 1;

}



.pa-fld2{
 font: 400 20px 'Bebas Neue' !important; z-index: 1;
   top: 50px;   color: #cfcfcb;
}

#shapka {
    background: url(https://i.imgur.com/keobsCm.jpg) no-repeat top center;
    width: 1030px;
    height: 290px;
    position: absolute;
    top: -291px;
    z-index: 1;
    margin-left: -37px;
    }


#pun-navlinks a {

      color: #cfcfcb;
    text-align: center;
    font: 400 20px 'Bebas Neue' !important;
    padding: 0px 0px !important;
    text-transform: uppercase;
    display: inline-block;
    margin: 5px 10px 0px 10px;
    position: relative;
    height: auto;
    letter-spacing: .04em !important;
    text-shadow: 0 0 3px #000000, 0 0 0px #000000
}


#pun-navlinks a:hover {
    color: #d42626;
    text-shadow: 0 0 15px #2f1111, 0 0 6px #2f1111
}




#pun-navlinks {
    display: block;
    font-size:10px !important;
    font-style: normal;
    font-weight: lighter !important;
    width: 1030px;
    padding: 0; border-radius: 30px 30px 0px 0px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    background: #000000;
    height: 34px;
    top: -323px;
    left: 3px;
    z-index: 9999;
}



#pun-ulinks .container {
    font-family: lol !important;
    font-style: normal;
    font-weight: 400 !important;
    text-align: center !important;
    text-transform: uppercase;
    width: auto !important;
     margin-top: -141px;
    height: auto !important;
    margin-bottom: 25px !important;
   
    width: 950px !important;
    padding: 3px 19px !important;
    box-sizing: border-box;
    margin-left: 17px !important;
    border-bottom: 1px solid rgb(139 26 26) !important;
    -webkit-text-size-adjust: 100%;
   
}


#pun-ulinks .item5 {
    display: none;
}
#pun-ulinks a {
    font-size: 11px !important;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 0px 0px 0px !important;
    position: relative;
    margin-left: 10px;
    display: inline-block;
    color: #141010
}

#pun-ulinks a:hover {
    color: #732b2b;
}


#pun-ulinks.section {
    margin-bottom: 0 !important;
}

.offctgr {display:block!important;
visibility:visible!important;
}

.pa-respect img {width: 10px}


#profilenav h2 {
    text-align: left !important;
}


.pa-fld4 {
    position: relative;
    margin: 6px 0px !important;
    padding: 1px 17px !important;
     margin-left: 1px!important;
    color: #8d8d8d;
    text-align: justify;
}













.pa-fld4 race {
    display: block;
    background: #0f0f0f59;
    text-align: center;
    margin: 3px -10px 3px -10px !important;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #4e4e4e;
    color: #848484;
    text-transform: uppercase;
    font-family: 'Lol';
    font-size: 12px;
}

.pa-fld4 lzinfo {
    color: #777777;
    font-size:12px;
    font-family: lol;
}


.pa-fld4 lzinfo a {
    color: #935555 !important;  text-align: center;
}











 .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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
        border-bottom: 0 none #000;
        color:#000000;
        text-decoration: none;
        /* transition: color 0.3s ease-in-out; */
    }






.pa-respect img {width: 7px}




.punbb .post .post-author {
    width: 278px;
    background: url(https://i.imgur.com/6B1V8nd.jpg) top no-repeat;
    margin-left: -70px!important;
    padding-bottom: 38px!important;
    margin-top: -39px !important;
    position: relative;
       text-align: center;
 border-radius: 30px  0px  0px  30px  ;
}




.post-content {margin: 0px 40px 0px 0px !important;position: relative}


.post-box #post {
    margin-top: 0px !important;
    position: relative
}

#post-preview .post-content {margin: 0px !important;}

.post-links ul {
    position: relative;
    z-index: 9
}

.pa-author img {
    display: none;
}


.post-author .pa-author {
    font-family: 'Bebas Neue' !important;
    font-size: 22px !important;
    letter-spacing: 0;
    font-weight: 600 !important;
    padding: 0px 0px;
    margin: 15px !important;
    margin-top: 26px !important;
    margin-bottom: 12px !important;
    /* background: linear-gradient(to right, #8b1515 0%, #ce4e4e 50%, #ce4343 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s linear 0s;
}



 .pa-author a {

    background: #000000;
    font-family: 'Bebas Neue';
    font-weight: 200 !important;
    -webkit-text-fill-color: #ffffff;

}
    .pa-author a:hover{
        background: linear-gradient(to right,  #7e3b3b  0%, #ca0000 50%, #730000 100%);


        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; transition: all 0.3s linear 0s;;
    }
    
    .pa-author .acchide {
        display: none
    }


.pa-author .acchide {
    display: none
}




.post[data-group-id="3"] .pa-avatar .indOffline {
  display: none;
}


#pun .post-author ul a {
    color: #b1b6b5;
}

#pun .post-author ul a:hover {
    color: #a6b7af
}


.pa-avatar {
    margin: auto !important;
    text-align: center !important;
    margin: 0px 38px !important;
    padding-bottom: 16px !important;
    margin-top: 0px !important;
    border-bottom-width: 0px;
    border-bottom-style: solid;
}


.pa-avatar.item2 img {


    max-width: 180px;
    max-height: 180px;
 
 
}


.pa-title {
     height: auto;
    text-transform: lowercase;
    font-size: 10px;
    margin-right: 61px;
    font-weight: 200 !important;
    border-bottom-width: 1px;

}


.pa-ip {clear: both;
margin-top: 0px !important;}


.pa-last-visit, .pa-online {
display: none
}


.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit {
    display: none !important;
}
.pa-gifts, .pa-ua {
    display: none !important;
}

.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #161616;
}
.punbb .post-box {
    color: #161616;
    text-align: justify
}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #161616;
    font-style: normal;
    font-weight: normal;
}

#pun #post-form {
  position: relative
}

#charcounter {
  position: absolute;
  bottom: -31px;
  font: normal 12px tenor sans;
    text-transform: uppercase;
    right: 0;
}


.punbb textarea {
  
        box-sizing: border-box;
        background: #bdc1be;
        border: 1px solid #a5a1a1!important;
        box-shadow: 0 0 5px #4628286e, 0 0 0 1px #a9a4a4  inset;
        padding: 10px !important;
        color: #222;
    border: none;
margin-left:61px;
      width: 90% !important;
    }
    



.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
   background: #b0a6a659;
 border: 2px dotted #802121;
   padding: 19px !important;
   position: relative;
   box-sizing: border-box;
}    


#pun .quote-box.spoiler-box {
    padding: 10px !important;
}
#pun .quote-box cite, #pun .code-box strong.legend {
    display: block;
    padding: 0px 15px 15px 15px !important;
    font-size: 11px;
    font-family: lol;
    letter-spacing: 1px;
    margin: 0 -15px !important;
    margin-bottom: 15px !important;
    text-align: left;
    font-weight: normal;
   border-bottom: 1px solid #ababab;
    box-shadow: 0 1px 0 0px #cccccc;
    text-transform: uppercase
}

#pun-main .code-box .scrollbox pre {
font-size: 11px;
font-family: Courier New
}


.punbb select, input {
border: 0;
    padding: 2px 3px 2px 3px !important;
    color: #222;
    background: #d0cfcf;
    border: 1px solid #6d6d6d !important;
    font: 500 11px roboto !important;

}

#pun-navlinks .container {
    border-color: transparent;
    color: #211515;
}
.offline li.pa-online strong {
    font-weight: normal;
}

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}

    


.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 {  border-bottom: 0 none #000;
    color: #7a3f3f;
    text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #211313;
    color: #fff;
}




#pun-index h2 {box-shadow: none;
border: 0 !important}

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

#pun-index table Div.icon {
    border-style: none;
    background: transparent;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 22px;
    z-index: 99;
    left: 26px;  
   display: none
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #cdcdcd;
    border: 1px solid #cdbbbb;
    display: block;
    float: left;
    height: 9px;
    margin-left:0px;
    margin-right: 10px;
    margin-top: 0px;
    position: relative;
    width: 9px;
    box-sizing: border-box
}


#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #8b2b2b;
    border: 1px solid #8b2b2b;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #cbcbcb;
    border: 1px solid #4b4b4b;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #000000;
    border: 1px solid #222;
}



#pun-about .container .item1 {font-family: pt sans;font-size: 10px;text-align: center;position: relative;top: 10px;}




#pun-about p.container {
    height: 7px;
    margin-top: 30px !important;
    width: auto;
    padding: 0 !important;
    border: 0 !important;
}

#pun-about {
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

div#pun-about {
    margin-top: 0px;
}
div#html-footer {
    margin: 0px 0 0;
}

#pun-announcement.section h2 span {
    display: none;
}

.punbb input {
    border: medium none;
}



.button, #pa-edit strong a  {
    background: #272d2a;
    /* border: 1px solid #c9c9bc !important; */
 
    border-radius: 3px;
    color: #ba7b7b;
    font-family: lol !important;
    font-size: 10px !important;
    letter-spacing: .09em;
    font-weight: normal !important;
    margin-top: 0px !important;
    padding: 6px 20px 6px 20px !important;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    vertical-align: middle;
    text-transform: uppercase;
}
.button:hover, #pa-edit strong a:hover {
     background: #0b0203;
   
    color: #cfb9b9;
    cursor: pointer;
}


.button:active {
    border-top-color: #752c2c;
}



#pun-crumbs1 a,
#pun-crumbs2 a {
	font-weight: 600  !important;
}

#pun-crumbs1,
	#pun-crumbs2 {
	font-family: lol !important;
	font-size: 12px !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	font-weight: 400 !important;
	text-align: left;
	margin-top: 4px !important;
	margin-bottom: 10px !important;
	margin-left: 27px !important;
	text-transform: uppercase

}

#pun-crumbs2 {
	display: inline-block;
	position: relative;
}

#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em {
	display: none !important;
}

.post_reputation {
    background: #dcc4c4;
    border: 1px solid #b59f9f !important;
    box-shadow: 0 0 5px #d1baba, 0 0 0 1px #e5cfcf inset, 0 0 15px 0 #bfa9a9 inset;
}


#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area, #spoiler-area {
   color: #333;
      background: #b0a6a659;
 border: 2px dotted #802121;
    box-shadow: 0 0 5px #936565, 0 0 0 1px #cdcdcd inset, 0 0 15px 0 #6b6b6b inset;
    padding: 15px !important;

}


#keyboard-area input {box-shadow: none;
color: #312012!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


#pun-index .tcmod {
    display: none
}



.punbb .main h2, #pun-debug h2, #pun-stats h2 {margin: auto -21px;padding: 6px 0;letter-spacing: 0.05em;font-size: 12px;font-family: 'Morpheus';font-weight: 600;text-align: center;color:#400606;}



#pun-index .category h2, #pun-stats h2, #post-form h2 {overflow: hidden;margin: 16px -21px 20px;height: 22px;line-height: 24px;color: #431d1d;text-transform: uppercase;font-family: 'Morpheus';
font-size: 21px;border: 0px solid #67482c00;
border-width: 0px 0px 0px 0px;
background: transparent;transform: scaleY(1.3);}








#pun-index #pun-category1 h2 {
    margin-top: 6px !important;
}

#pun-index #pun-stats h2 {
    margin-top: -5px !important;
}


#pun-index .category .container {margin: 0px 0px !important;
    margin-top: -1px !important;
    position: relative;  
}



#pun-index .category table {
    border-spacing: 0px 20px;
    border: 0 !important;
}

#pun-index .category table tr, #pun-index .category td {
    border: 0 !important;
}

#pun-index .category table tr {

}

#pun-index thead {display: none}





 #pun-index .tclcon h3 a {
    font-size: 26px;
    font-weight: 500 !important;
    position: relative;
    z-index: 1;
    margin-top: 0px;
    letter-spacing: 1px;
    color: #000000;
    /* transition: all .3s ease-in-out 0s !important; */
    text-transform: uppercase;
    display: inline-block;
}

#pun-index .tclcon h3 a:hover {
  
    color: #812929;
}







#pun-index .tclcon h3 {

  text-align: left;
    display: block;
    position: relative;
    margin: 0px !important;
    margin-left: -61px !important;
    margin-top: -47px !important;
    padding: 5px 0px 5px 15px;
 
    /* border: 1px solid #cdc7bb !important; */

} 




#pun-index .tcl {
    padding: 0px !important;
}

#pun-index .tclcon {
    text-align: justify;
    margin: 10px 15px;
    padding:5px;
    line-height: 18px;
opacity: 0.9;
    width: 520px;
    z-index: 1;
    font-weight: 300;
    font-family: lol;
       border-radius: 40px 10px;
    color:   #000000; border: 1px solid #290908;
    position: relative;
    text-transform: lowercase
}






#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    display: none
}

.Tems_And_messages  {
  display:inline-block;
  width:auto;
  height: 20px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'Bebas Neue' !important;
  font-weight: 200;
text-align: right;
    display: block;
}

.Tems_And_messages span {font-weight: normal;
}


.main table .Add {

  display: block;
  padding: 0px;
  width: auto;
    letter-spacing: 0px;
    opacity: .5;
 position: absolute;
    top: -33px;
    right: 30px;

}



#pun-index .tcr a {font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
 
    color: #2e2828;
    text-transform: uppercase
}

#pun-index .tcr a:hover {
    color: #731c1c
}


#pun-index .tcr {
    font-family: lol;
    font-size: 12px;
    font-weight: 300;
    width: 28%;
    /* margin-left: 72px; */
    position: relative;
    text-decoration:  overline #951818;
    text-align: justify;
}


#pun-index .tcl {width:50% !important;
    position: relative
}




.user-avatar {
    width: 30px !important;
    height: 30px !important;
    margin-right: 20px !important;
    float: left !important;
-moz-border-radius: 10px!important;
 -webkit-border-radius: 10px!important;
 -khtml-border-radius:10px!important;
 border-radius: 10px!important;
}




   .punbb .user-avatar .avatar-image {    width: 30px!important;
        height: 30px!important;
    opacity:0.5!important;  filter: grayscale(100%);}
    .punbb .user-avatar .avatar-image:hover {
    opacity:0.8!important; transition-duration: 1s;  filter: grayscale(20%);}
    


#pun .user-avatar .isonline {
  background: #832b2b;
  margin-right: -9px;
  border: 1px solid #bbbbbb;
  box-sizing: border-box
}



#pun-index .tclcon center:first-of-type {
  background: rgba(82, 75, 75, 0.05);
    margin-top: 10px;
    font-size: 9px;
    letter-spacing: .08em;
    padding-bottom: 3px;
    margin-bottom: 10px;
    text-transform: lowercase
}

#pun-index .tclcon center + br {
    display: none
}

#pun-index .tclcon br + br {
    display: none
}

#pun-index .tclcon center {
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

#pun-index .tclcon center a {
    display: inline-block;
    margin: 0 6px
}

#pun-index .tclcon center + center > br {
    display: none
}


#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-main .post-author ul {
    font-size: 10px;
    text-align: center;
}

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

.topic a.sharelink {
    display: none;
}

textarea#main-reply:focus {
outline:1px solid rgba(0,0,0,0)!important;
}



































.pa-ip {
    font-size: 11px;
    font-family: 'roboto';
    font-weight: 400;
    margin-top: 8px !important;
}

.pa-ip a {
    color: #bd8484 !important;
}

#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
    background-color: transparent;
    text-align: center;
    width: 20%;
}



#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
    background-color: transparent;
    width: 30% !important;
}







.podfor1 {
    margin: 5px 0 0 0 !important;
    background: #9f999685;
    padding: 6px 10px 10px 10px;
    border: 1px solid #9f999685;
    position: relative;
    top: 30px;
}





#pun-index .tcl h3 {
    font-family: 'Bebas Neue';
    z-index: 3;
    text-align: left;
    text-transform: uppercase;
    height: 21px;
    font-size: 15px;
    
    padding: 0px 0px 0px 10px;
   
    letter-spacing: 0.6px;
    position: absolute;
    width: 435px;
  
    padding: 6px 22px 10px 10px;
}


#pun-index .category tr {
    position: relative;
}



.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    width: 3%;
    position: relative;
    top: 2px;
    font-family: 'Viaoda Libre';
    font-weight: 600;
    font-size: 12px;
}




#pun-viewforum .tcr,  #pun-viewforum .tc2, #pun-viewforum .tc3, #pun-viewforum .tcr, #pun-viewforum .tcmod {
position: inherit;
}


.podfor2 {
    background: #594d4d;
    border: 1px solid #a18d8d;
    border-radius: 4px;
    padding: 2px 10px 2px 10px;
    text-align: right;
    color: #bdbdbd;
    font-family: 'Bebas Neue';
}


.podfor3 {
    margin: 5px 0 5px 0 !IMPORTANT;
}

.podfor4 {
    background: #594d4d;
    border: 1px solid #a18d8d;
    border-radius: 4px;
    padding: 2px 10px 2px 10px;
    text-align: center;
    color: #bababa;
    font-family: 'Bebas Neue';
}


.podfor4 a {
    color: #bdabab !important;
}





.ams {
   background: #000;
   height: 14px;
   width: 304px;
   top: 333px;
   margin-left: 646px !important;
   text-align: right;
   cursor: pointer;
   position: absolute;
   font-family: 'Viaoda Libre';
   color: #d8d8d8;
   text-transform: uppercase;
   font-size: 10px;
   letter-spacing: 1px;
}





.ams a { background: #00000000;
    color: #ffffff !important;
}






#pun-main .category h2 {margin: 26px 0 30px 0 !important;}


.banners {
    position: absolute;
    width: 930px;
    height: 31px;
    margin: -45px 0 20px 15px !important;
    filter: brightness(0.6) sepia(1) brightness(1) hue-rotate(299deg);
    overflow-y: auto;
}





.pltit {
    display: block;
    height: 14px;
    margin-top: 4px !important;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1px !important;
    font-family: 'Viaoda Libre';
    font-size: 12px;
    color: #bfbfbf;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
}


.pltit2 {
    display: block;
    height: 14px;
    color: #c2c2c2;
    font: 400 10px 'roboto';
    text-transform: lowercase;
    text-align: center;
}












.pa-respect a {
    color: #979797 !important;
}



 









#pun-status p span.item3 {
    display: block !important;
    margin-top: -30px;
    margin-left: 0px;
    position: absolute;
}



#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
    background-color: transparent;
    text-align: center;
    width: 20%;
    font-size: 13px;
}




    

    


.privet c {opacity: 0.7!important;}
.privet c:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}
.privet  {opacity:0.3!important;}
.privet:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}
.acti {opacity:0.3!important;}
.acti:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}
.questz {opacity:0.3!important;}
.questz:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}

.ques{opacity:0.3!important;}
.ques:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}
.wriit {opacity:0.3!important;}
.wriit:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}
.ams a {opacity:0.4!important;}
.ams a:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}
.ams  {opacity:0.4!important;}
.ams:hover {opacity:0.9!important;  transition: all 0.3s ease-in-out 0s;}



  .punbb .formsubmit input, .punbb .formsubmit span, .punbb .formsubmit a,  .linksb .postlink a, .punbb .post-links li a, li#pa-edit a, .topic a.sharelink, input.button {
        color: #fafafa!important;
        background: #341c1c;
        font-weight: bold;
        /* box-shadow: 0px 1px 9px 2px #504848; */
        padding: 3px;
    }





    
    
   .pluha img {
    max-width: 255px;
    max-height: 50px;
    margin: -12px 7px 10px 14px;
    float: left;
    z-index: 6;
    position: relative;
    }
    


.pluha2 {
    text-align: center;
    font-size: 11px;
    background: #070707;

    color: #7c7474;
    margin-left: 3px!important;
    padding-top: 4px;
    font-family: cursive;
    letter-spacing: 1px;
    font-weight: 400;
    height: 36px;
    width: 227px;
    line-height: 140%;
}
    
    


  
   #pun-index .category h2
    {
    width: 931px;
    box-sizing: border-box;
    border-bottom: 1px solid #270e0e!important;
    /* overflow: auto; */
    line-height: 31px;
    /* margin-left: 337px !important; */
    margin-left: 22px !important;
    /* display: block; */
    font-size: 28px !important;
}





.pa-fld2 {
    background-color: #211c1c00;

}


    
.resizable-textarea textarea {
  display: block;
  margin-bottom: 0pt;
}

.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
}


















    .f_desc_wrap {
      display: flex;
      justify-content: space-between;
      gap: 15px; 
      flex-direction: column-reverse;
    }
    
    .f_desc {
      flex: 0 0 1;
      width: auto 
    }
    
    .f_links {
      flex: 0 0 auto;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row; 
      gap: 2px;
      width: 100% 
    }
    

     .f_links a {
        background: #aca7a2;
        font: menu;
        font-weight: bolder; border-radius: 40px 10px;
        text-transform: uppercase;
        padding: 2px 20px;
        flex: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        margin: 1px;
        margin-top: 10px;
      
    
    
    
    }
    
    
     .f_links a:hover {
      background: #290707;
      color: #cfcfcb; 
    }
    





  


















  
.post .post-author ul {
position: relative;
}
.pa-online {
position: absolute;
display: inline-block !important;
top: 16px;
  left: 12px;
background: #8b0000 !important;
height: 100px;
width: 17px;
margin: 0 0 0 -5px !important;
padding: 0 !important;
border: 0 !important;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 10px 0px ;
}
.pa-online:hover {
background: #b4b4b4 !important;
}

.pa-online:hover strong {
opacity: 1.0;
visibility: visible;
}
.pa-online strong {
position: absolute;
top: -35px;
    left: 59px;
padding: 0 8px;
height: 10px;
line-height: 10px;
 background: #482c2c8f!important;
font-weight: 400;
white-space: nowrap;
color: #dadada;
font-size: 90%;
text-shadow: #00000033 0 -1px 0;
text-align: center;
z-index: 10;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: 0;
visibility: hidden;
}
.pa-online strong:before {
content: "";
position: absolute;
width: 0;
height: 0;
left: 19px;

top: -10px;
border-width: 5px 5px;
border-style: solid;
border-color: transparent transparent #00000007 transparent;
}
































    

    .go-up {
        width: 100px !important;
        height: 50px !important;

    border-radius:15px;
        background-image: url(https://i.imgur.com/eWcLrEN.png);
       
    }
    
    .go-down {
        width: 100px !important;
        height:50px !important;

    border-radius:15px;
        background-image: url(https://i.imgur.com/nBRUP6h.png);
      
    }
    
    






.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    font-family: 'Morpheus' !important;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 500;
    /* width: auto; */
    text-transform: uppercase;
    letter-spacing: .02em;
    /* margin: 0px 13px !important; */
  
    height: auto;
    color: #270e0e !important;
    padding: 0px 50px !important;
}












.status_userava > img {object-fit:cover;object-position:50% 50%;width: 70%;height: 70%;}
.status_userava {display: block; position: absolute; 
margin: -1px auto auto -40px !important;
width: 50px;              
filter: invert(9%) sepia(6%) saturate(14%) hue-rotate(1deg) brightness(69%) contrast(98%);height: 50px;
height: 50px;
}






.reaction-chip {
    cursor: pointer;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f6f8fa00!important;
    background-color: #f6f8fa00!important;
}







#pun-index .tcl h3 {
    font-family:  'kork';
    z-index: 3;
    width: 500px;
 
    font-weight: 500;
    text-align: left;
    letter-spacing: 5px;
   
    margin-bottom: 4px !IMPORTANT;
    height: 34px;

    margin-top: 3px;
    padding: 13px 26px 20px 60px;
    border: 1px solid #55555500;
}

.pa-fld5 .fld-name {display: none;

}


















.plaha7 {
    height: 32px;
    margin: 0px 5px 0px 5px !important;
    display: inline-block;
    min-width: 180px;
    background: url(https://i.imgur.com/zwUmMzY.jpg) repeat top center;
    border: 1px solid #9d8d8d;
    padding: 0px 4px 0px 4px;
    box-shadow: 0px 0px 10px #30232380 inset;
    transition-duration: 1s;
    border-radius: 10px;
}

.plaha7 raz {
    display: block;
    height: 14px;
    margin-top: 4px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Bebas Neue';
    font-size: 12px;
    color: #c7c4c0 !important;
    transition-duration: 1s;
    text-shadow: 1px 1px #312631;
}


.plaha7 dva {
    display: block;
    height: 14px;
    text-transform: lowercase;
    text-align: center;
    font-family: 'Bebas Neue';
    color: #b9b6ae;
    font-size: 9px;
    margin-top: 2px !IMPORTANT;
    font-weight: 400;
    text-shadow: 1px 1px #3a2637;
}




.plaha7:hover {
filter: brightness(0.9);
    transition-duration: 1s;
}





















   


   
 .pa-fld3, .pa-posts, .pa-respect,  .pa-fld5 {text-transform: lowercase; font-size: 10px;
    font-family: 'Bebas Neue';
    text-align:  justify;
    font-weight: 400;
    padding: 0px 10px 0px 5px !important;
    color: #979797;
    display: inline-block;
    width: 100px;
    margin: 6px 0px 0px 7px !IMPORTANT;
    border: 1px solid #454545;
    background: #35353500;
}



.pa-respect a {
    color: #6e4545;!important;
}






























.form0 {width: 701px;
height: 700px;
background : #1a1a1a url(https://i.imgur.com/zwUmMzY.jpg) no-repeat center top;
padding: 0px 0px 0px 0px;
box-shadow: 0px 0px 3px 0px rgb(0 0 0);
color: #895f5f;
border: 1px solid #5f544b;}

.form1 {    
    width: 701px;
    text-align: center;
    font-size: 24px;
    font-family: Bradobrei;
    color: #c32b2b;
    text-shadow: 0 1px 1px #000000;
    text-transform: lowercase;
    line-height: 189%;}

.form2 {    
    width: 621px;
    text-align: center;
    margin-top: 0px!important;
    margin-left: 93px!important;}

.form2 img {border: 1px solid #5e0101!important;
margin-right: 100px;
width: 100px;
height: 100px; 
object-fit:cover;
filter: brightness(0.8) grayscale(1) contrast(90%);
-webkit-filter:brightness(0.8) grayscale(1) contrast(90%);}

.form3 {
    width: 667px;
    text-align: center;
    margin-top: 9px!important;
    background-color: #65030366;
    color: #895f5f;
    font-family: monospace;
    font-size: 10px;
    text-shadow: 0 1px 1px #000000;
    text-transform: lowercase;
}

.form4 {
    overflow: auto;
    width: 599px;
    height: 146px;
    margin-top: 20px!important;
    padding: 5px 15px 5px 15px;
    margin-left: 2px!important;
    text-align: justify;
    background-color: #140603;
    border: 1px solid #5e0101;;}

.form5 {    
    overflow: auto;
    width: 599px;
    height: 273px;
    margin-top: 31px!important;
    padding: 5px 15px 5px 15px;
    margin-left: 1px!important;
    text-align: justify;
    background-color: #140603;
    border: 1px solid #5e1c01;}

.form4 inform, .form5 pers {
    font-family: 'BRADOBREI';
    font-size: 22px;
    color: #c32b2b;
    text-transform: lowercase;
    text-shadow: 0 1px 1px #000000;
    border-bottom: 1px solid #89030369;}

.form4 item, .form5 item {
    text-transform: lowercase!important;
    font-size: 12px;
    font-family: Playfair Display;
    font-weight: bold;
    letter-spacing: 1px;
    color: #890303;

}

.form4 hr, .form5 hr {
    border-top: 0px!important;
    border-bottom: 1px solid #e7cfcf!important;
    margin-top: 10px!important;}


.form4 a, .form5 a {
    color: #7b0303!important;
}








#pun-category1.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ;
      width: 1030px;
    height: 35px;
    color: #966b6b;
    text-align: center;
     font: 300  24px  'Bebas Neue' !important;
    text-transform: uppercase;
    margin-left: -39px !important;
    border: none;
}

#pun-category2.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ;
    width: 1030px;
    height: 35px;
    color: #966b6b;
    text-align: center;
     font: 300  24px  'Bebas Neue' !important;
    text-transform: uppercase;
    margin-left: -39px !important;
    border: none;
}

#pun-category3.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ;
    width: 1030px;
    height: 35px;
    color: #966b6b;
    text-align: center;
     font: 300  24px  'Bebas Neue' !important;
    text-transform: uppercase;
    margin-left: -39px !important;
    border: none;
}

#pun-category4.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ;
   width: 1030px;
    height: 35px;
    color: #966b6b;
    text-align: center;
     font: 300  24px  'Bebas Neue' !important;
    text-transform: uppercase;
    margin-left: -39px !important;
    border: none;
}

#pun-category5.category h2 {background: url(https://i.imgur.com/XlRWVkg.jpg) ;
    width: 1030px;
    height: 35px;
    color: #966b6b;
    text-align: center;
      font: 300 24px  'Bebas Neue' !important;
    text-transform: uppercase;
    margin-left: -39px !important;
    border: none;
}

#pun-category6.category h2 {
   width: 1030px;
    height: 35px;
    color: #966b6b;
    text-align: center;
    font: 300  24px  'Bebas Neue' !important;
    text-transform: uppercase;
    margin-left: -39px !important;
    border: none;
 background: url(https://i.imgur.com/XlRWVkg.jpg) ;
}




#pun-index .category table tr {
background: #18624a00;
    width: 900px;
    

}







#pun-main h1
{font-size: 20px;}
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {font-family: 'DoubleBass';font-style: normal;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: .02em;margin: 0px 0px !important;color: #cfcfcb !important;padding: 0px 0px !important;}








.pa-avatar img:hover {
    mix-blend-mode: luminosity;
    transition: all .5s cubic-bezier(.3,.2,.2,.3);
    -webkit-transition: all .5s cubic-bezier(.3,.2,.2,.3);
    -moz-transition-duration: all .5s cubic-bezier(.3,.2,.2,.3);}









/* Оформление к Dice Roller (c) Spiritus Tergi, ч3 */

.hidden {
	display: none !important;
}

#button-dice {
	background: url("/files/000f/3e/d5/81483.png") center;
}

form#dice-form {
	width: 340px;
	padding: 18px;
	text-align: right;
	position: absolute;
	top: 40px;
	right: -12px;
	background: rgb(188, 165, 138);
	border: 1px solid;
	border-radius: 2px;
}

form#dice-form input {
	width: 22px;
}

#dice-form label {
	display: block;
	margin: 3px;
	vertical-align: top;
}


#dice-form span {
	font-weight: bold;
	width: 100px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}

#dice-form label > span::after {
	content: ":"
}

#dice-form textarea {
	width: 130px !important;
	height: 69px !important;
}

#dice-form > div {
width: 160px;
	display: inline-block;
	vertical-align: top;
}

#dice-form > label {
	display: inline-block;
}

#dice-form > div:nth-child(2) {
	margin-top: -18px;
}

.roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before {
  font-weight: bold;
}

.roll-dice::before {
    content: "Бросок: ";
}

.roll-dice::after {
  content: " (бонус)";
  margin-right: -5px;
}

.roll-value::before {
    content: " , с результатом: ";
}

.roll-reason::before {
  content: "Действие: "
}

.roll-result::before {
  content: "Итог: "
}

#pun .roll-result {
  padding-bottom: 0px;
}











/* объявление */

.renoheader {
 background: #080808;
 }

.renoheaderhover {
width: 839px; 
height: 170px; opacity: 0; 
top: -245px; z-index: 1;
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 215px;
position: absolute;
 }

.renoheaderhover:hover {
color: #ededed;
width: 839px; opacity: 10; margin-left: 55px;
height: 170px; z-index: 2;
background: #1c1515;

 }

.renoheadercontent {
width: 839px; border: 1px solid #9d8d8d;
height: 170px; border-radius: 10px 0px ;
background: #161616;
color: #121212;
}






#tuser {
    cursor: pointer;
    opacity: 9!important;
    margin-left: -33px!important;
	padding: 2px;
	width: 20px;
	height: 20px;
}





/* Оформление к Dice Roller (c) Spiritus Tergi, ч3 */

.hidden {
	display: none !important;
}

#button-dice {
	background: url("/files/000f/3e/d5/81483.png") center;
}

form#dice-form {
	width: 340px;
	padding: 18px;
	text-align: right;
	position: absolute;
	top: 40px;
	right: -12px;
	background: rgb(188, 165, 138);
	border: 1px solid;
	border-radius: 2px;
}

form#dice-form input {
	width: 22px;
}

#dice-form label {
	display: block;
	margin: 3px;
	vertical-align: top;
}


#dice-form span {
	font-weight: bold;
	width: 100px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}

#dice-form label > span::after {
	content: ":"
}

#dice-form textarea {
	width: 130px !important;
	height: 69px !important;
}

#dice-form > div {
width: 160px;
	display: inline-block;
	vertical-align: top;
}

#dice-form > label {
	display: inline-block;
}

#dice-form > div:nth-child(2) {
	margin-top: -18px;
}

.roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before {
  font-weight: bold;
}

.roll-dice::before {
    content: "Бросок: ";
}

.roll-dice::after {
  content: " (бонус)";
  margin-right: -5px;
}

.roll-value::before {
    content: " , с результатом: ";
}

.roll-reason::before {
  content: "Действие: "
}

.roll-result::before {
  content: "Итог: "
}

#pun .roll-result {
  padding-bottom: 0px;
}

0

4

HTML верх

Код:
<div id="shapka"></div>
<!-- Dice (c) Spiritus Tergi, ч1 в хтмл-верх -->
<script type="text/javascript" src="https://forumstatic.ru/files/000f/3e/d5/42785.js" charset="UTF-8"></script>



<!-- ОБЪЯВЛЕНИЕ ОБЪЯВЛЕНИЕ ОБЪЯВЛЕНИЕ -->

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

<div style="height: 170px; width: 220px; margin-left: 10px; margin-top: 11px;
position: absolute; overflow-y: auto; text-align: justify; color: #d3d3d3;
font-weight: bold; font-style: italic; font-family: Georgia;">
   <center>
<a href="https://theraven.rusff.me/profile.php?id=58"><img src="https://forumupload.ru/uploads/001c/00/4d/5/772768.jpg" border="0" title="Саймон"></a>
 <a href="https://theraven.rusff.me/profile.php?id=50"><img src="https://forumupload.ru/uploads/001c/00/4d/5/959979.jpg" border="0" title="Джеймс"></a>
 <a href="https://theraven.rusff.me/profile.php?id=72"><img src="https://forumupload.ru/uploads/001c/00/4d/5/149504.jpg" border="0" title="Элизабет"></a>
 <a href="https://theraven.rusff.me/profile.php?id=60"><img src="https://forumupload.ru/uploads/001c/00/4d/5/75430.jpg" border="0" title="Эда"></a>
 <a href="https://theraven.rusff.me/profile.php?id=79"><img src="https://forumupload.ru/uploads/001c/00/4d/5/525191.jpg" border="0" title="Виктория"></a>
   <br>Активисты-постописцы
   <br><a href="https://theraven.rusff.me/viewtopic.php?id=339#p26504"><img src="https://forumupload.ru/uploads/001c/00/4d/5/415861.jpg" border="0" title="лучший пост"></a> <a href="https://theraven.rusff.me/viewtopic.php?id=292"><img src="https://forumupload.ru/uploads/001c/00/4d/5/527499.jpg" border="0" title="лучший эпизод"></a>
   <br><br>ПО ВСЕМ ВОПРОСАМ К
   <br><a href="https://theraven.rusff.me/profile.php?id=7">LILY•</a> <a href="https://theraven.rusff.me/profile.php?id=5">NICK•</a> <a href="https://theraven.rusff.me/profile.php?id=18">CAITLIN</a>
   <br>
   </center>
              </div>







<div style="height: 170px; width: 456px; margin-left:286px; margin-top:31px;
position: absolute; overflow-y: auto; text-align: justify; text-align-last: center;
color: #d3d3d3; font-style: italic; font-family: Georgia;">
Город поделен на карантинные зоны, в которых действуют жестокие ограничения. Покидать карантинные зоны, к которым ты отнесен строго запрещено. Город живет в состоянии постоянного страха и напряжения. Введено военное положение. 
<br>Наступил новый Апокалипсис XXI века, разрушивший привычный мир. Но смогут ли выжившие, победить вирус и смерть и создать новую мирную жизнь на осколках старой цивилизации покажет время… 
   <br><br><center>
<a href="https://theraven.rusff.me/viewtopic.php?id=26#p895"><b>ГОСТЕВАЯ</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=22"><b>СЮЖЕТ</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=24"><b>РАСЫ</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=8"><b>АКЦИИ АМС</b></a>
   <br>
<a href="https://theraven.rusff.me/viewtopic.php?id=25"><b>ИНФРАСТРУКТУРА</b></a> <big>•</big> <a href="https://theraven.rusff.me/viewtopic.php?id=41#p1373"><b>ЗАНЯТЫЕ ВНЕШНОСТИ</b></a>
   </center>
</div>

</div></div>

<!-- СКРИПТЫ СКРИПТЫ СКРИПТЫ -->



<!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ-->
<style type="text/css">
li#navawards {display: none;}
</style>
<!--Конец-->



<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin: -36px 5px;margin-top: 11px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
<!--Конец-->


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

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
  background: #050a0c;
  z-index: 399;
  max-width: 160px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
  font-family: 'Montserrat'; /* шрифт */
  font-size: 11px; /* размер текста */
  display: none;
  color: #bdc1bf; /* цвет текста */
  text-align: center;
  padding: 5px;
  letter-spacing: 1px;
  font-weight: normal;
  text-shadow: 1px 1px 1px #0b121d;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->

<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © 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 type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
rusffLive.enable = false;
RusffCore.sets.share = false;
RusffCore.sets.graffiti = false;
</script>
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>
<style>
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 970px;
    z-index: 10;
    cursor: pointer;
    margin-bottom: 40px;
}
.go-up {
bottom:240px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:190px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}

</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!-- конец -->

0

5

HTML низ

Код:
<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>
<!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
  <script type="text/javascript">
    (function(){
       $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
       function appendTopicS(){
         $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() {
           var L=$(this).parents('tr:first');
           var str='<br><div class="Add"><div class="Tems_And_messages"><span class="right">'+L.find('td.tc2').text()+'</span> тем, <span class="right">'+L.find('td.tc3').text()+'</span> сообщений</div>\
           </div>';$(str).appendTo(this);
         });
       }
       if($('#pun-index').length){appendTopicS ();}
       if($('#pun-viewforum').length){
         var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
         if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
       }
    }());
    </script>




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

<!--Альтернативная вставка картинки-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:0;position:absolute;height14px;margin:-5px 0 0 22px;font-size: 8px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</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-top:-30px;}</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 type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>


    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

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

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

<!-- Аватар по умолчанию -->
    <script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/gvZzq11.gif'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/gvZzq11.gif'; //Ссылка на аватар для Гостя

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

<!-- Конец -->


<!-- Правка глюка Авиков -->
<script type="text/javascript">$('.pa-avatar img[alt][src*="/img/avatars/"]').each(function () {
this.src = '/img/'+this.src.split('/img/')[1];
});</script>
<!-- Конец -->


<!--написано символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <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>
<!--конец -->



















<!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ-->
<style type="text/css">
li#navawards {display: none;}
</style>
<!--Конец-->
<!--- хтмл в постах с допуском по группам © Alex_63 --->







<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('viola');
ft_f.push('Arial Black');
ft_f.push('Rage');
ft_f.push('Wild Youth');
ft_f.push('Victorian');
ft_f.push('Bebas Neue');
ft_f.push('kork');
ft_f.push('Lol');
ft_f.push('DoubleBass');
ft_f.push('Beer');
ft_f.push('cyrillicgoth');
ft_f.push('Jacob');
ft_f.push('Fortuna Gothic FlorishC');
ft_f.push('American TextC');
ft_f.push('Runic');
ft_f.push('Billabong');
ft_f.push('DEAD SECRETARY');
ft_f.push('Pixeled');
ft_f.push('Cutepunk');
ft_f.push('Free Pixel');
ft_f.push('Adlery Pro');
ft_f.push('Afrile Script');
ft_f.push('Alissya');
ft_f.push('Amist');
ft_f.push('Andora');
ft_f.push('Angry Android');
ft_f.push('Antishbusy');
ft_f.push('AVENGERS');
ft_f.push('Better');
ft_f.push('Brusher');
ft_f.push('Cassandre');
ft_f.push('Chiko and Owlie');
ft_f.push('AngloText');
ft_f.push('Tokio');
ft_f.push('you');
ft_f.push('goudy');
ft_f.push('Neothic');
ft_f.push('Monumenta');
ft_f.push('copaseticc');
ft_f.push('Catwoman');
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>


<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
    <script>
    var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
    var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
    var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;

    var LiArr=new Array(
    //При наличии двух косых => // в начале пункта, - пункт не скрывается.


    // 3 кнопка- ссылка на Картинку
    "https://i.imgur.com/zp9xmQg.jpg",
  
    "award",      //Награды(только для rusff и ork)
    "gift",         //Подарки(только для rusff и ork)

    //Конец Списка,
    "_End"); SetProvilSpoil(a1,a2,a3);
    </script>
    <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->



<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
guestAccess: ['storyline'],
    forumAccessExtended: {
        'for the game': ['принятые игроки'],
        'storyline': ['принятые игроки'],
        'present': ['принятые игроки'],
        'history': ['принятые игроки'],
        'alternative': ['принятые игроки'],
  'room for negotiations': ['принятые игроки'],
  'Diaries': ['принятые игроки'],
        'repository': ['принятые игроки']
    },
    changeList: {
        'pafld1': {
            class: 'pa-fld4',
            title: 'лз',
            tag: 'sgn',
            description: '',
            defaultCode: '',
            type: 'text'
        }
    },
    userFields: ['pa-author', 'pa-fld4', 'pa-posts', 'pa-title', 'pa-avatar item2',  'pa-respect', 'pa-online']
});
</script>

<!--НАЧАЛО. выравнивание по ширине-->

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

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


<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #959995;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  float: right;
  margin-top: 5px;
  margin-right: 7%;
}
.FNTslider .before {
  height: 6px;
  border: solid 0px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #793333;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #711a1a;
  cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- Конец -->

<div style="position: absolute; margin-top: -19px; margin-left: -41px; z-index: 0;"> 
</center></div>

<div class=banners>
<a href="https://rpgtop.su/26961" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank">
<img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

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

<a href="https://tma.f-rpg.me/" title="The morning after" target="_blank"><img src="https://forumupload.ru/uploads/001b/f6/17/2/586749.gif"></a>

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

<a href="https://hpa.magicrpg.ru" class="tip" title="Форумная ролевая игра по мотивам мира Дж.Роулинг Гарри Поттер с авторским сюжетом" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/b7/88399.gif"></a>

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

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

<a href="http://psi.rolka.me/"><img src="https://forumupload.ru/uploads/001c/00/44/2/450510.png" title=" In Memoriam"></a>

<a href="https://redmountcity.ru/"><img src="https://i.ibb.co/JCLTvYm/509845.png" alt="509845" border="0"></a>

<a href="http://newadventure.rusff.me/"><img src="https://forumstatic.ru/files/0014/ed/19/40119.png"></a>

<a href="http://silenthunt.rusff.me/"><img src="https://i.imgur.com/I5oxBqZ.gif" title="Silent Hunt" width="88" height="31"></a>

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

<a href="https://dissues.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001b/f3/64/6/567594.jpg" title="crossover"></a>

<a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a>

<a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/0013/26/8a/4/658084.png" title=“the good place /// визардинг ворлд без постирония“></a>

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

<a href="https://gemcross.rusff.me/"><img src="https://roleit.ru/f/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a>

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

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

  <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/18464.png" title="alluvio maris"></a>

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

<a href="https://kelmoracrown.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/e6/2d/99265.png" title="Kelmora. Hollow crown" border="0" alt="Kelmora. Hollow crown"></a>

<a href="https://postfactum.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/001a/f3/4c/68407.jpg" title="Enigma" border="0" alt="enigma"></a>


<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/0a/be/3/34439.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a>

<a href="https://superherolife.rusff.me/" title="The asylum "><img src="https://forumupload.ru/uploads/001b/ff/1c/2/635796.gif"></a>

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

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

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

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

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

<a href="https://nsignal.ru" target="_blank"><img src="https://forumupload.ru/uploads/001a/b6/b3/2/701843.gif" title="no signal"></a>
<a href="https://thekindred.rusff.me" target=_blank> <img src="https://i.ibb.co/yqMSVDr/image.gif" border="0"alt="https://thekindred.rusff.me" width=88 height=31></a>
<a href="https://brnws.rusff.me/" title="breaking news" target="_blank"><img src="https://forumstatic.ru/files/0019/b7/3a/16092.gif"></a>
<a href=https://bloodoracle.rusff.me/ title="oracle" target="_blank"><img src=https://forumupload.ru/uploads/001b/dd/c4/2/176221.png></a>
<a href="https://awaken.rusff.me/" target="_blank"><https://forumupload.ru/uploads/001b/fe/97/4/425226.gif' title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a>
<a href="http://tarotgame.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/cf/2b/2/199941.jpg" width="88px" height="31px"></a>
<a href="https://fabula.rusff.me/" title="fabula noir" target="_blank"><img src="https://forumstatic.ru/files/001c/0d/aa/70463.png" width="88" height="31" border="0"></a>
<a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://forumupload.ru/uploads/001b/e6/91/2/894168.jpg" border ></a>
<a href="https://musicalspace.rusff.me/" target="_blank"><img src="https://imgur.com/382FJyh.jpg" title="Musicalspace: мультифандомный форум" alt="Musicalspace" border="0" width="88" height="31"></a>
<a href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"></a>
<a href="https://hogwartslegacy.rusff.me/" title="hogwarts: legacy" target="_blank"><img src="https://i.ibb.co/ZVj1pfP/image.gif" alt="hogwarts: legacy"></a>
<a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://forumstatic.ru/files/0012/8f/f4/96939.gif " title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a>
<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/0013/26/8a/4/813808.png" title="karma cross" border="0" width="88" height="31"></a>
<a href="https://copperdream.rusff.me" target=_blank><img src="https://forumupload.ru/uploads/001b/a8/68/2/88971.gif" width=88 height=31 title="Ролевой форум «Тайны Медноуральска». Русреал с Пятерочками, меланхолией и расами." border=0></a>

<a href="https://darkdawn.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001a/da/7d/52322.png" title="dark fantasy" border="0" alt="dark fantasy"></a>

<a href="https://killarney.rolka.me" title="Магия в небольшом городке Ирландии" target="_blank"><img src="https://forumupload.ru/uploads/001b/d2/19/2/602313.gif"></a>

<a title="Ходячие Мертвецы, 18+" href="http://thewalkingdead.f-rpg.ru/" target="_blank"><img src="https://forumupload.ru/uploads/0019/34/22/2/387832.png" alt="the WALKING DEAD" width="88" height="31" /></a>

<a href="https://ourhome.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/l6P3NMr.png" title="home beneath the ruin [cross]" border="0"width="88" height="31"></a>

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

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

<a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>

<a href="https://awaken.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/fe/97/4/425226.gif" title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a>

<a href="https://thewaffle.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/14/bb/64183.gif" title="WAFFLE" border="0" alt="WAFFLE"></a>

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

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

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

<a target="_blank" href="https://theabyss.rusff.me/" title="the abyss"><img src="https://forumstatic.ru/files/001b/7a/0c/31535.gif" border="0"></a>

<a href="https://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="https://forumupload.ru/uploads/0017/2a/64/6/530457.jpg"></a>

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

<a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/0013/26/8a/4/111989.png" alt="Execute" title="мистицизм без рас" width="88" height="31"></a>

<a href="https://postfactum.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/001a/f3/4c/68407.jpg" title="Enigma" border="0" alt="enigma"></a>

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

<a href="https://washitaway.rusff.me//" target="_blank"><img src="https://forumupload.ru/uploads/001c/14/71/2/916287.png" title="лондонская мистичка"></a>

<a href="https://imperiumaeternum.rolka.me/" target="_blank"><img src="https://forumstatic.ru/files/0018/97/46/54722.gif" title="Imperium Aeternum"></a></div>
<!------------ взаимная реклама ------------>
<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 = [];

advertiseCodes.push('[align=center][size=20][b][font=Morpheus][url=https://darkmatter.rusff.me][color=#5f5766][/color][/url][/font][/b][/size][/align]
[url=https://darkmatter.rusff.me][align=center][img]https://s4.gifyu.com/images/tumblr_cf88203c4ba36c64b2de8ec713943a30_afe96a0b_250.gif[/img][/align][/url][align=center][font=Morpheus][size=18][color=#5f5766][b]Ищем Хоуп, Ребекку и Марселя![/b][/size][/font]
[/color][/align]'+'\n');

advertiseCodes.push('[align=center][size=20][b][font=Morpheus][url=https://darkmatter.rusff.me][color=#5f5766]TVD DARK MATTER[/color][/url][/font][/b][/size][/align]
[url=https://darkmatter.rusff.me][align=center][img]https://s4.gifyu.com/images/Browser4568.gif[/img][/align][/url][align=center][font=Morpheus][size=18][color=#5f5766][b]Ищем  Ребекку, Хоуп и Марселя![/b][/size][/font][/color][/align]'+'\n');

advertiseCodes.push('[quote][align=center][url=https://darkmatter.rusff.me/][font=Deutsc][b][size=23]TVD: DARK MATTER.[/size][/b][/font][/url]
[font=Verdana][size=8] tvd & to & legacy ⬥ 2013 ⬥ эпизоды ⬥ NC-21[/size][/font][/align]
[table layout=fixed width=100%]
[tr]
[td][url=https://darkmatter.rusff.me/][img]https://64.media.tumblr.com/89a3503fd4f6d7a32f5b4396b433ec06/b0085c4ac9a9c36b-28/s540x810/5a90b97369aa9c2842581f513b8a91ecd502eca1.gif [/img][/url] [/td]
[td][url=https://darkmatter.rusff.me/][img]https://64.media.tumblr.com/391ae50da31c0c3718bfb44d2b019abf/b0085c4ac9a9c36b-58/s540x810/800ef9b66692aeae3a4d48c7917658d3a92e3c77.gif [/img][/url] [/td]
[/tr]
[/table]
[align=center][url=https://darkmatter.rusff.me/][img]https://64.media.tumblr.com/a308a7e8b4c0db48224b2c9c45cd74c6/b0085c4ac9a9c36b-27/s540x810/d03627ad6c8e79eb29ea83b506adf997d0c31784.gif [/img][/url]
[url=https://darkmatter.rusff.me/viewtopic.php?id=2#p57673][b]нужные[/b][/url] ● [url=https://darkmatter.rusff.me/viewtopic.php?id=6][b]расы[/b][/url] ● [url=https://darkmatter.rusff.me/viewtopic.php?id=8][b]сюжет[/b][/url] ● [url=https://darkmatter.rusff.me/viewtopic.php?id=5][b]канон[/b][/url][/align] [/quote]'+'\n');


addAdvertiseLink(316);
</script>
<!------------ конец ------------>



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







<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>


<!-- пиар вход-->
<script type="text/javascript">
PiarNik="PR";
PiarPas="OdwYJ4hF";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">piar</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>
<!-- Конец -->

<!--Тег хтмл-->
<style>
#button-mybb2 {background-image:url('http://funkyimg.com/i/WMYp.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:24px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(11).innerHTML="<img src='/i/blank.gif' id='button-mybb2' onclick=\"bbcode('

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


















<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width:500px;}
.tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;}
 .tabs li{float:left;cursor:pointer;}
.tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;}
.tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;}
.tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;}
.tabs li.active a:hover{color:#6A5ACD;}
#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
</style>
<script type="text/javascript">
var nabor=[];
 
 
nabor['Хомяк'] = ['http://i.imgur.com/aioynLZ.png',
'http://i.imgur.com/mcWR5K3.png',
'http://i.imgur.com/kQDOI2O.png',
'http://i.imgur.com/I2yC49f.png',
'http://i.imgur.com/qk4Wagp.png',
'http://i.imgur.com/mEe8oKA.png',
'http://i.imgur.com/5tyDr4a.png',
'http://i.imgur.com/APXtwMZ.png',
'http://i.imgur.com/I3LGzO3.png',
'http://i.imgur.com/mtul7B5.png',
'http://i.imgur.com/26yG9OL.png',
'http://i.imgur.com/xX8X8Gw.png',
'http://i.imgur.com/A8f4EJh.png',
'http://i.imgur.com/VyzdqsL.png',
'http://i.imgur.com/tUeSTIZ.png',
'http://i.imgur.com/BiyhxPy.png',
'http://i.imgur.com/oP35Thb.png',
'http://i.imgur.com/eLbTgxH.png',
'http://i.imgur.com/5LjQICq.png',
'http://i.imgur.com/6ZyLmUq.png',
'http://i.imgur.com/g5YDYls.png',
'http://i.imgur.com/44XohXz.png',
'http://i.imgur.com/YkKuIrH.png',
'http://i.imgur.com/XH1E3nJ.png',
'http://i.imgur.com/LQOOl7M.png',
'http://i.imgur.com/Fa6urM5.png',
'http://i.imgur.com/MfE1lPj.png',
'http://i.imgur.com/OMOzYAf.png',
'http://i.imgur.com/rRDnSmF.png',
'http://i.imgur.com/n4dTSM8.png',
'http://i.imgur.com/wy3ylYT.png',
'http://i.imgur.com/V8CdY05.png',
'http://i.imgur.com/MS02nMv.png',
'http://i.imgur.com/8HJwcXa.png',
'http://i.imgur.com/b7t6cIv.png',
'http://i.imgur.com/SawNVXe.png',
'http://i.imgur.com/4dUudSd.png',
'http://i.imgur.com/hsg2DyH.png',
'http://i.imgur.com/lFpXXLI.png',
'http://i.imgur.com/pZjh7iG.png'



];
 
nabor['лис'] = ['https://i.imgur.com/LtAUhsu.png',
'https://i.imgur.com/HE90o9U.png',
'https://i.imgur.com/EY0rv0Z.png',
'https://i.imgur.com/JQGMClT.png',
'https://i.imgur.com/z1j05b6.png',
'https://i.imgur.com/TDsB48l.png',
'https://i.imgur.com/daGPxcd.png',
'https://i.imgur.com/dank4jW.png',
'https://i.imgur.com/Xw6wgsd.png',
'https://i.imgur.com/eDbTeQx.png',
'https://i.imgur.com/R37tJFn.png',
'https://i.imgur.com/nyicKuP.png',
'https://i.imgur.com/pTWWg6l.png',
'https://i.imgur.com/dSC3uG2.png',
'https://i.imgur.com/Gj5STSc.png',
'https://i.imgur.com/jkzsdqK.png',
'https://i.imgur.com/0bvnPNv.png',
'https://i.imgur.com/aSoj3OJ.png',
'https://i.imgur.com/nQ0XRuF.png',
'https://i.imgur.com/YfZPBHe.png',
'https://i.imgur.com/ud2gA85.png',
'https://i.imgur.com/XLxmMuX.png'
	];
$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); });
</script>



<!-- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ -->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/HNrDeQG.png")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#fff;border:0px solid black; color: #000; width:auto; padding:8px; position:absolute; margin-top:-54%; margin-left:35%; z-index:20">
<div><strong>направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://i.imgur.com/n8u6SUH.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://i.imgur.com/eDu68tu.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- Конец -->

<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/00/4d/20600.txt?v=33");
});
</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:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>






<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-305px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
width:330px;
}
#JampPanel .container{
padding:12px;
height:200px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:180px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<a href="https://theraven.rusff.me/viewtopic.php?id=257#p15141">• When is a door not a door?</a><br> - <b>Aurora Blake</b> <br>
<a href="https://theraven.rusff.me/viewtopic.php?id=222">• A reason not to kill</a> - <b>Jerry Mead</b><br>

<a href="https://theraven.rusff.me/viewtopic.php?id=183#p8948">• Wait who's coming</a> - <b>Keiko Kitagawa</b> <br>

<a href="https://theraven.rusff.me/viewtopic.php?id=324">• The lawyer killed them all</a> - <b>Malia Kenner</b><br>

<a href="https://theraven.rusff.me/viewtopic.php?id=325">• Chasing a ghost</a> - <b>Caitlin Fox</b><br>
<a href="https://theraven.rusff.me/viewtopic.php?id=326">• The mafia is not to be trifled with</a><br> - <b>Eda Roberts</b>
  </div>
</div>
<!--End//JampPanel-->

0

6

HTML в форме ответа

Код:
<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(https://forumupload.ru/uploads/000f/09/5e/6201/44477.png)}</style>
<script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat↔ Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>

0

7

https://forumupload.ru/uploads/0010/a3/92/2/t59317.png

Структура style.css

Код:
/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url(https://forumstatic.ru/files/0018/25/96/61263.css);
@import url(http://allfont.ru/allfont.css?fonts=franklin-gothic-medium);
@import url('https://fonts.googleapis.com/css?family=Cuprum');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat|Montserrat+Alternates|Open+Sans|Oswald');
@import "https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"; 
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');

/* A2 НАСТРОЙКИ БРАУЗЕРА ПО УМОЛЧАНИЮ. ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/


/* 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 ШРИФТ НА ФОРУМЕ - ЛУЧШЕ НЕ ТРОГАТЬ.
 блок отвечает за шрифты и их размеры, но он не требует изменений в 95% случаев
-------------------------------------------------------------*/

/* A3.1 РАЗМЕР ШРИФТА НА ФОРУМЕ
-------------------------------------------------------------*/
body {
  font-size: 102.01%;
  overflow-x: hidden
  }


/* A3.1 ШРИФТЫ НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb {
  font: normal 70.75% verdana, arial, helvetica, sans-serif;
  }

/* A3.2 ШРИФТЫ В ПОЛЯХ ВВОДА
-------------------------------------------------------------*/
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif;
  }

/* A3.4 ЗАГОЛОВКИ
-------------------------------------------------------------*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  border-color: transparent;
  }

/* ВСЕ, ЧТО НИЖЕ В БЛОКЕ А3, ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* 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 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

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

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

/* A4 ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ - ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/

/* 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 ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ
-------------------------------------------------------------*/

/* 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: 2px 1em 9px 1em;
  border-style: solid solid none solid;
  border-width: 1px 1px 0px 1px;
  }

/*************************************************************
B - ГЛАВНОЕ СОДЕРЖИМОЕ - ОБЩИЕ
**************************************************************/

/* B1 контент, подписи и поля прокрутки
-------------------------------------------------------------*/

/* B1.1 ВАЖНО! ВЫРАВНИВАНИЕ ТЕКСТА В ПОСТАХ
Justify в последней строке отвечает за выравнивание постов по ширине*/
.punbb .post-content {
  width: 100%;
  overflow: hidden;
  text-align:justify;
  }

/* B1.2 ПОЛОСА, ОТДЕЛЯЮЩАЯ ПОСТ И ПОДПИСЬ*/
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid color: #000000;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 АБЗАЦЫ ВНУТРИ ПОСТОВ*/ 
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;}

/* 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 {
    border: medium none;
    margin: 0.4em 0em 0.8em;
    padding: 0em;
}


/* B2 ИНФОБОКСЫ ВООБЩЕ НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* 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 РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
-------------------------------------------------------------*/

/* 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 {
    margin-top: -15px;
    margin-left: 10px;
}
/* СНИЗУ */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;  
}


/* НЕ ТРОГАТЬ */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;    
  }


/* СТРАНИЦЫ ВНУТРИ ТЕМ СНИЗУ */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em; 
}

/* B3.4 ССЫЛКИ НОВАЯ ТЕМА, СОЗДАТЬ ОПРОС ВНУТРИ ПОДФОРУМА
Лучше не трогать */
.linkst .postlink {
    position: absolute;
    top: -1.5em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
}

/* B3.8 ССЫЛКА ПОДПИСАТЬСЯ И ОТСЛЕЖИВАТЬ ВНУТРИ ТЕМЫ
Лучше не трогать */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - НАСТРОЙКА ГЛАВНЫХ ЭЛЕМЕНТОВ
**************************************************************/

/* C1 РАСПОЛОЖЕНИЕ ФОРМ
-------------------------------------------------------------*/

/* C1.1 НЕ ТРОГАЕМ */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 НЕ ТРОГАЕМ */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 НЕ ТРОГАЕМ */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 НЕ ТРОГАЕМ */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 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: 0 0 0 10px;
  }

/* C1.7 НЕ ТРОГАЕМ */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 НЕ ТРОГАЕМ */
.punbb .fs-box {
  padding: 1em 0 0.8em 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;
  }

/* C1.21.1 НЕ ТРОГАЕМ */
.punbb .helplinks span INPUT {
  margin-right: 2px;
  margin-bottom: 2px;
}

/* C2 РАСПОЛОЖЕНИЕ ТАБЛИЦ
-------------------------------------------------------------*/

/* C2.1 ПОДФОРУМ - СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА 
Очень редко требует корректировки */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 55%;
  }

/* C2.2 НЕ ТРОГАЕМ */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА И ПОСЛЕДНЕЕ СООБЩЕНИЕ
СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА
Очень редко требует корректировки */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* 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 {
  font-size: 1.2em;
  font-weight: bold;
  }

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

/* C2.13 НЕ ТРОГАЕМ */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }


/* C2.14 НЕ ТРОГАЕМ */
.punbb tbody.hasicon td.tcl {  }

/* C2.15 НЕ ТРОГАЕМ */
.punbb div.icon { }


 /* C3 ТОПИКИ
-------------------------------------------------------------*/

/* 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 {
    border-left: 1px solid transparent;
    padding: 0.5em 1em;
    display: block;
    margin-left: 9em;
}

/* C3.4 НЕ ТРОГАЕМ */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 ПРОФИЛЬ */
.punbb .post .post-author {
    float: left;
    margin-top: -1.5em;
    overflow: hidden;
    min-height: 140px!important;
}

/* C3.6 НЕ ТРОГАЕМ */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 НЕ ТРОГАЕМ */
.pa-author { }

/* C3.7 НЕ ТРОГАЕМ */
.pa-author a {}

/* C3.7 НЕ ТРОГАЕМ */
.pa-author a:hover {
}

/* C3.9 СТАТУС-ЛИЧНОЕ ЗВАНИЕ АВТОРА В ПРОФИЛЕ В ТОПИКЕ */
li.pa-title {
  padding-bottom: 0em;  }

/* C3.10 ПРЯЧЕМ, КОГДА ЗАРЕГИСТРИРОВАН*/
.pa-reg {display: none;}

/* не трогаем */
li.pa-online {}

/* C3.11 ВАЖНО!!! СООТНОШЕНИЕ МЕЖДУ ШИРИНОЙ ПРОФИЛЯ И ШИРИНОЙ ПОСТА */
.punbb .post-body {
    margin-left: 220px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 11px 0px 0;
}

/* C3.12 НЕ ТРОГАЕМ */
.punbb .post-box {
  padding: 1em;
  }

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

/* 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 МЕНЮ МОДЕРАТОРА
-------------------------------------------------------------*/

/* C4.1 НЕ ТРОГАЕМ */
.punbb .modmenu .container {
  padding: 1.5em 1em;
  text-align: right;
  }

/* 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 НЕ ТРОГАЕМ 
-------------------------------------------------------------*/

/* C5.1 НЕ ТРОГАЕМ */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 НЕ ТРОГАЕМ */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 ПРОФИЛЬ
-------------------------------------------------------------*/

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

/* C6.4 НЕ ТРОГАЕМ */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

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

/* 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 СПИСОК ПОЛЬЗОВАТЕЛЕЙ
-------------------------------------------------------------*/

/* 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 РАЗДЕЛЫ, ОСНОВНОЕ СОДЕРЖИМОЕ
**************************************************************/
* html .tclcon {height: 1px}


/* D1 ЛОГОТИП И ОПИСАНИЕ
-------------------------------------------------------------*/

/* D1.1 НЕ ТРОГАЕМ */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 НЕ ТРОГАЕМ */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 НЕ ТРОГАЕМ */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 НЕ ТРОГАЕМ */
#pun-title h1 span  {
  font-size: 0em;
  }

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}


/* D2 НАВИГАЦИЯ ПО СТРАНИЦАМ
-------------------------------------------------------------*/

/* 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 НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
Та самая строка, которая показывает ваше нынешнее положение в виде 
НАЗВАНИЕ ФОРУМА - ПОДФОРУМ - ТЕМА
-------------------------------------------------------------*/

/* D3.1  */
#pun-navlinks {
  border: none;
  margin: 0;
}


/* D.3 НЕ ТРОГАЕМ */
#pun-navlinks li {
  display: inline;
  padding-right: 0em;
  }

/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
Форум, участники, поиск и тд - настраиваем вид ссылок */
#pun-navlinks li a {
    margin-right: 7px!important;
    font-size: 16px!important;
    letter-spacing: 1px;
    color: #660000;
    margin-top: 130px;
    text-transform: uppercase;
    font-family: montserrat!important;
    font-weight: 700;
}
/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
настраиваем вид ссылок при наведении */
#pun-navlinks li a:hover {  
    color: #835858!important;
}



/* D4 ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
Новые сообщения, активные темы, Темы без ответов и т.д.
-------------------------------------------------------------*/


/* D4.1 */
#pun-ulinks {
    margin-top:5px;
    margin-left: -2px;
}

/* D4.2 */
#pun-ulinks .container {
    text-align: center;
}

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

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

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

/* D5 СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/

/* D5.1 НЕ ТРОГАЕМ */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 ВАЖНО!!! НАСТРОЙКИ СТРОКИ ПРИВЕТСТВИЯ */
#pun-status .container {
    position: absolute;
    width: 961px;
    text-align: center;
    font-family: arial;
    font-size:14px;
 color:  #A5A5A6
    text-transform: lowercase;
    top: -177px;
}

/* D5.3 НЕ ТРОГАЕМ */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 НЕ ТРОГАЕМ */
#pun-crumbs1 {
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 НЕ ТРОГАЕМ */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 14px;
}

/* 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 ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/

/* D6.1 НЕ ТРОГАЕМ */
#pun-announcement h2 {
  padding: 0;
  margin: 0 15px -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  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: 0.6em 1em 1em 1em;
  margin-bottom: -20px;
  margin-top: 20px
  }

/* D7 СТАТИСТИКА
-------------------------------------------------------------*/

/* D7.1 СТАТИСТИКА
Можно добавить особенный шрифт и цвет, но можно и не трогать*/
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 НЕ ТРОГАЕМ */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 НЕ ТРОГАЕМ */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 НЕ ТРОГАЕМ */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 НЕ ТРОГАЕМ */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* 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;
  padding-left: 50%;
  }

/* D8.6 НЕ ТРОГАЕМ */
#pun-crumbs2 {
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 НЕ ТРОГАЕМ */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  }

/* 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 НЕ ТРОГАЕМ
-------------------------------------------------------------*/

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

/* ФОРМА ОТВЕТА */
#main-reply {height: 220px}
/* ФОРМА ОТВЕТА В АДМИНЕ */
#pun-admain textarea {    width: 94%!important;}

/*************************************************************

НЕ ТРОГАТЬ

**************************************************************/
/* РАСПОЛОЖЕНИЕ ФОРУМА ПО ЦЕНТРУ
-------------------------------------------------------------*/
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-title {border: none}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
font-size: 0px!important
}

#pun-index h2 {box-shadow: none}


#pun-main div.catleft, #pun-main div.catright {
    display: none;
}
.punbb th {font-size: 0!important;}


/* ПРЯЧЕМ КНОПКУ ПОДЕЛИТЬСЯ
-------------------------------------------------------------*/
.topic a.sharelink {
    display: none;
}

/* НЕ ТРОГАЕМ - НЕ ТРЕБУЕТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {border-color: transparent;}

html, body {min-width: 1320px!important;}


.punbb input {
    border: medium none;
}



/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
#pun-main .post-author ul {
    text-align: center;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-color: transparent;
    text-align: justify;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
.punbb .user-avatar .avatar-image {    border: 2px solid!important;}

/* улучшить профиль
-------------------------------------------------------------*/
#pun-status .status-right {
    float: none !important;
}


/* это интересно
-------------------------------------------------------------*/
div#pun-live-rusff {display: none !important;}

/* для личных сообщений
-------------------------------------------------------------*/
span.num_msg {
    margin-top: -21px !important;
    font-size: 9px !important;
    background: #736986 !important;
    padding: 3px 5px !important;
    border-radius: 30px !important;
    height: 10px !important;
    margin-left: -10px !important;
}

span.num_msg:before {
    top: 13px !important;
    background: #736986 !important;
}

.bubble {
    background: #736986 !important; }

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

#pun-status .status-right {
    float: none !important;
    display: none;
}




/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
    background: url(https://forumupload.ru/uploads/001c/00/4d/73/681893.png) no-repeat;
    height: 25px;
    width: 160px;
    top: 111px;
    margin-left:6px;
    display: inline-block;
    cursor: pointer;
    /* border: red 1px solid; */
    text-transform: uppercase;
    position: absolute;
}

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: url(ссылка на картинку) no-repeat
}

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

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
    display: block;
    padding: 5px;
    background: ;
    border: 1px solid #584747;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
    background: #9F7474;
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 2px 0 2px 0;
    border: 1px solid #6D3737;
    letter-spacing: 1px;
       text-transform: uppercase;
    width: 175px;
    color: #EEEEEE;
    font-weight: 400;
    font-family: 'alice';
    font-size: 8px;
}

/* ссылка при наведении */
#pun .sslka a:hover {
    background: #783F04;
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 2px 0 2px 0;
    border: 1px solid #6D3737;
    letter-spacing: 1px;
      text-transform: uppercase;
    width: 175px;
    color: #660000;
    font-weight: 400;
    font-family: 'alice';
    font-size: 8px;
}




/* плашки */
#newstime {
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
    font-size: 8.5px;
    padding: 3px 0 3px 0px;
    color: #404f54 !important;
    margin-bottom: 10px;
    width: 990px;
    height: 35px;
    line-height: 20px;
    margin-top: 10px;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

.newstime_title {
    text-align: center;
    font-family: 'Mak';
    font-weight: 700;
    font-size: 11px;
    background: #a0adc7;
    color: #404f54 !important;
    border: 1px solid #7182a5;
    width: auto;
    padding: 0 10px;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 17px;
    padding-top: 5px;
    height: 35px;
    transition: 1s;
}

.newstime_title a {
     color: #404f54 !important;
}
.newstime_title span {
    display: block;
    font-size: 7.5px;
    line-height: 14px;
    color: #161515d4 !important;
    border-top: 1px solid #7182a5;
    padding: 2px 4px;
    font-family: Lora;
}

.newstime_title:hover {
  scale: 0.95;
      transition: 1s;
}


/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
    background: url(https://forumupload.ru/uploads/001c/00/4d/73/681893.png) no-repeat;
    height: 25px;
    width: 160px;
    top: 111px;
    margin-left:6px;
    display: inline-block;
    cursor: pointer;
    /* border: red 1px solid; */
    text-transform: uppercase;
    position: absolute;
}

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: url(ссылка на картинку) no-repeat
}

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

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
    display: block;
    padding: 5px;
    background: ;
    border: 1px solid #584747;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
    background: #9F7474;
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 2px 0 2px 0;
    border: 1px solid #6D3737;
    letter-spacing: 1px;
       text-transform: uppercase;
    width: 175px;
    color: #EEEEEE;
    font-weight: 400;
    font-family: 'alice';
    font-size: 8px;
}

/* ссылка при наведении */
#pun .sslka a:hover {
    background: #783F04;
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 2px 0 2px 0;
    border: 1px solid #6D3737;
    letter-spacing: 1px;
      text-transform: uppercase;
    width: 175px;
    color: #660000;
    font-weight: 400;
    font-family: 'alice';
    font-size: 8px;
}




/* плашки */
#newstime {
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
    font-size: 8.5px;
    padding: 3px 0 3px 0px;
    color: #404f54 !important;
    margin-bottom: 10px;
    width: 990px;
    height: 35px;
    line-height: 20px;
    margin-top: 10px;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

.newstime_title {
    text-align: center;
    font-family: 'Mak';
    font-weight: 700;
    font-size: 11px;
    background: #a0adc7;
    color: #404f54 !important;
    border: 1px solid #7182a5;
    width: auto;
    padding: 0 10px;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 17px;
    padding-top: 5px;
    height: 35px;
    transition: 1s;
}

.newstime_title a {
     color: #404f54 !important;
}
.newstime_title span {
    display: block;
    font-size: 7.5px;
    line-height: 14px;
    color: #161515d4 !important;
    border-top: 1px solid #7182a5;
    padding: 2px 4px;
    font-family: Lora;
}

.newstime_title:hover {
  scale: 0.95;
      transition: 1s;
}

#MyBookmarks h2 {font-size: unset !important;}

0

8

Цвета style_cs.css

Код:
/*************************************************************

ПАН ТЕЛО

**************************************************************/
/* A5.1 ПАН ИЛИ ТЕЛО
здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
-------------------------------------------------------------*/
#pun {
    margin: auto;
    position: relative;
    width: 1092px;
     margin: 190px auto -10px auto;
    background: repeat transparent url(https://forumupload.ru/uploads/001b/8e/d0/2/951990.jpg);
    background-position: center;
    padding-top: 153px;
    padding-bottom: 115px;
}

/* A5.2 РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
-------------------------------------------------------------*/
.punbb {
   height: auto;
    margin-left: 55px;
    width: 982px;
}

/*************************************************************

ШАПКА, ФОН, ФУТЕР И НАСТРОЙКИ ФУТЕРА

**************************************************************/

/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
html {
    background: url(https://forumupload.ru/uploads/001b/8e/d0/2/590420.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-color: #28303d;
    background-size: cover;
  
}



/* ШАПКА
-------------------------------------------------------------*/
#pun-title table {
background: rgba(0, 0, 0, 0) url(https://forumupload.ru/uploads/001c/00/4d/73/355836.png);
    border: none;
    height: 460px;
    margin-left: -19px;
    margin-bottom: -114px;
    width: 1021px;
    margin-top: -343px;
}

/* ФУТЕР
-------------------------------------------------------------*/
#pun-about p.container {
  background: url(https://forumupload.ru/uploads/001b/8e/d0/2/810215.jpg) center bottom no-repeat scroll rgba(0, 0, 0, 0);
    height: 248px;
margin-bottom: -177px;
    margin-left: -91px;
    margin-top: 0px;
    width: 1164px;
    padding: 0px !important;
    border: none !important;


}
/* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 20px;
    width: 800px;
    position: absolute;
    font-family: arial;
    font-size: 9px;
    text-align: center;
    margin-left: 520px;
}

/*блок для баннеров*/

.partners_bannr {
width: 950px; /*шрина контейнера*/
    height: 46px; /*высота контейнера*/
    overflow-y: auto; /*прокрутка*/
    text-align: center; /*баннеры по центру*/
    padding-top: 20px; /*двигаем контейнер вверх-вниз*/
}

/*************************************************************

ПРОФИЛЬ

**************************************************************/

/* РАМКА ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author {
    width: 216px;
    background: url(https://forumupload.ru/uploads/001b/8e/d0/2/884131.jpg) center top no-repeat, url(https://forumupload.ru/uploads/001b/8e/d0/2/881417.jpg) center bottom no-repeat, url(https://forumupload.ru/uploads/001b/8e/d0/2/868364.jpg) repeat-y;
    margin-left: 16px !important;
    padding-bottom: 3px !important;

}
/* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author ul {
    margin-left: -4px;
    margin-top: 24px;
    width: 200px;
}

/* НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author {     text-transform: uppercase;

    letter-spacing: 1px;
    font-size: 11px;

    font-family: montserrat!important;
       font-weight: 700 !important;
    color: #660000!important;

}

/* НИК АВТОРА В ТОПИКЕ ССЫЛКА
-------------------------------------------------------------*/
.pa-author a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;


    font-family: montserrat!important;
       font-weight: 700 !important;
    color: #660000 !important;
}
/*ПРИ НАВЕДЕНИИ НА НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author a:hover {
letter-spacing:0.5px!important
}


/* СТАТУС ЛИЧНОЕ ЗВАНИЕ
-------------------------------------------------------------*/
.pa-title {
    font-size: 9px!important;
    text-transform: lowercase;
    padding: 13px 13px 0px 13px!important;
    text-align: center;
    color: #00000
}

/* АВАТАР ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-avatar {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    text-align: center;
}

/* ЗАДАЕМ ТЕНЬ И РАМКУ АВАТАРУ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    box-shadow: rgb(220 217 204) 0px 0px 7px;
    border: 2px solid rgb(222 216 205) !important;
}

/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/
.pa-fld1 {  #000000 }

.pa-fld2 {  color: #000000}

.pa-fld3 { color: #000000}

.pa-fld5 {  width: 30px; color: #000000}
.pa-posts {  width: 30px; color: #000000}

#profilenav h2 {
    text-align: left !important;
}


/* СЛОВО РЕПУТАЦИЯ - ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО!
-------------------------------------------------------------*/
 .pa-respect a {   
}

/* СДВИГ КОЛ-ВА ПОСТОВ
-------------------------------------------------------------*/
.pa-posts {margin-left: 0px!important}

/* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
-------------------------------------------------------------*/
#pun-post .pa-author {
    padding: 0px;
    margin-top: 20px;
    text-align: center;
    margin-left: 0px;
}

/* ССЫЛКИ ПРОФИЛЬ, ЛС, EMAIL ПОД ПРОФИЛЕМ ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
Возможно, придется двигать с помощью последнего параметра*/

.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: center;
    margin-left: -15em;
}

/* ВРЕМЯ И НОМЕР ПОСТА
-------------------------------------------------------------*/
.post h3 {
    height: 50px;
    margin: 5px 0px 5px -46px;
       text-transform: lowercase;
margin-left:-5em;
}


/* ИКОНКА СТРАНЫ НЕ ОТОБРАЖАЕТСЯ
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


/* АЙПИ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    color: rgb(164, 101, 96) !important;
    width: 190px;
    font-size: 7px;
}

/* ОНЛАЙН - АКТИВЕН В ТОПИКЕ
-------------------------------------------------------------*/
.pa-online {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    font-size: 9px;
}





/*************************************************************

ЦВЕТ ТЕКСТА И КОНТЕНТ ПОСТА

**************************************************************/

/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #000000;
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.punbb .post-box {
    color: #000000;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;
    color: #423E3E;
}
/* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ)
-------------------------------------------------------------*/
.post-content {margin: 1px 0px 0px 10px !important;}

/* НОМЕР ПОСТА (МОЖНО ПОДВИНУТЬ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 684px;
    position: absolute;
    width: 200px;
    text-align: right!important;
}


/*************************************************************

ЦВЕТ ССЫЛОК

**************************************************************/

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s;
    box-shadow: none;
    color: #4B0606;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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 {
    border: none !important;
    text-decoration: none;
    border: none !important;
    color: #585858;
}


/*************************************************************

ПОДФОРУМ

**************************************************************/

/* ПОДФОРУМ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: 410px;
    font-size: 10px;
    background: url(https://forumupload.ru/uploads/001b/8e/d0/2/610664.png) center top no-repeat, url(...) center bottom no-repeat, url(...) repeat-y;
    text-transform: lowercase;
   min-height: 69px;
    margin-left: -7px;
    text-align: justify;
    padding: 11px 16px 15px 16px;
}

/* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-family: montserrat!important;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    padding: 15px 0 7px 0px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.0px;
    position: relative;
z-index: 2;
    font-weight: 600 !important;
    color: #462215 !important;
}

/* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon a {
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
    font-family: montserrat!important;    font-weight: 700;
}

/* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ
-------------------------------------------------------------*/
.podfor_link {text-align: center;}
.podfor_link a {  color: #8c9370 !important;
    margin: 0px 5px !important;
}
.podfor_link a:hover { color: #927882 !important; }


/* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 11px;
    font-weight: normal;
    font-family: montserrat!important;    font-weight: 700;
    text-transform: uppercase;
}

/* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 30%!important;
    text-align: center;
}


/* КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ В ПОДФОРУМЕ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: montserrat!important;    font-weight: 700;
    font-size: 11px;
}


/*************************************************************

КАТЕГОРИИ И СТАТИСТИКА

**************************************************************/
/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats.section h2 {    background: url(...);
    width: 975px;
    height: 57px;
    display: inherit;
    margin-top: -4px;
    border: none !important;
    padding: 0px !important;
    margin-left: 4px !important;
    margin-bottom: 11px !important;
}

/* КАТЕГОРИИ

ВАЖНО! Если категорий больше 5, копируете одру из категорий и заменяете последнюю цифру
например: чтобы получить шестую категорию, сделайте из pun-category5 - pun-category6

-------------------------------------------------------------*/
/* ПЕРВАЯ
-------------------------------------------------------------*/
#pun-category1 h2 {   background: url(https://forumupload.ru/uploads/001b/8e/d0/2/810215.jpg);
    width: 1002px;
    height: 57px;
    display: inherit;
    margin-top: 0px;
    border: none !important;
    padding: 0px !important;
    margin-left: -10px !important;
    margin-bottom: 11px !important;
}
/* ВТОРАЯ
-------------------------------------------------------------*/
#pun-category2 h2 {    background: url(https://forumupload.ru/uploads/001b/8e/d0/2/578642.jpg);
    width: 1002px;
    height: 57px;
    display: inherit;
    margin-top: 0px;
    border: none !important;
    padding: 0px !important;
    margin-left: -10px !important;
    margin-bottom: 11px !important;
}
/* ТРЕТЬЯ
-------------------------------------------------------------*/
#pun-category3 h2 {    background: url(https://forumupload.ru/uploads/001b/8e/d0/2/149038.jpg);
     width: 1002px;
    height: 57px;
    display: inherit;
    margin-top: 0px;
    border: none !important;
    padding: 0px !important;
    margin-left: -10px !important;
    margin-bottom: 11px !important;
}
/* ЧЕТВЕРТАЯ
-------------------------------------------------------------*/
#pun-category4 h2 {    background: url(https://forumupload.ru/uploads/001b/8e/d0/2/196825.jpg);
     width: 1002px;
    height: 57px;
    display: inherit;
    margin-top: 0px;
    border: none !important;
    padding: 0px !important;
    margin-left: -10px !important;
    margin-bottom: 11px !important;
}

/* ПЯТАЯ
-------------------------------------------------------------*/
#pun-category5 h2 {     background: url(https://forumupload.ru/uploads/001b/8e/d0/2/588617.jpg);
     width: 1002px;
    height: 57px;
    display: inherit;
    margin-top: 0px;
    border: none !important;
    padding: 0px !important;
    margin-left: -10px !important;
    margin-bottom: 11px !important;
}

/* шестая
-------------------------------------------------------------*/
#pun-category6 h2 {     background: url(https://forumupload.ru/uploads/001b/8e/d0/2/914941.jpg);
    width: 1002px;
    height: 57px;
    display: inherit;
    margin-top: 0px;
    border: none !important;
    padding: 0px !important;
    margin-left: -10px !important;
    margin-bottom: 11px !important;
}

/* седьмая
-------------------------------------------------------------*/
#pun-category7 h2 {     background: url(https://forumupload.ru/uploads/001b/8e/d0/2/216008.jpg);
     width: 1002px;
    height: 57px;
    display: inherit;
    margin-top: 0px;
    border: none !important;
    padding: 0px !important;
    margin-left: -10px !important;
    margin-bottom: 11px !important;
}


/*************************************************************

ФОРУМНАЯ И ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ

**************************************************************/

/* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}

/* ЦВЕТ ССЫЛОК ФОРУМНОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-navlinks a {
    font-size: 0px !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0.1s;
    display: inline-block;
    padding: 0 !important;
}

/* КОНТЕЙНЕР НАВИГАЦИОННЫХ ССЫЛОК
-------------------------------------------------------------*/
#pun-navlinks .container {
    border: none;
    margin: 0;
    margin-top: -123px!important;
    font-weight: normal;
    text-align: center;
    width: 1017px!important;
    margin-left: -27px!important;
}

/* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК
-------------------------------------------------------------*/
#pun-ulinks .container {
font-family: arial!important;
    text-transform: lowercase;
    width: 957px !important;
    text-align: center !important;
    font-style: normal;
    top: 13px;
    font-size: 8px;
}

/* НЕ ОТОБРАЖАТЬ МОИ ЗАГРУЗКИ В ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛКАХ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 10px !important;
    font-weight: 100;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 7px 0px 7px !important;
}
/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
#pun-ulinks a:hover {}


/*************************************************************

ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ

**************************************************************/

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-family: montserrat!important;    font-weight: 700;
    width: 963px;
    margin-bottom: 10px !important;
}

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ
-------------------------------------------------------------*/
#pun-crumbs1 {            margin-top: 38px !important;}

/* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ - ДЕЛАЕМ ЖИРНЫМИ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {font-weight: bold}



/*************************************************************

ПОЛЯ ВВОДА, ЦИТАТЫ-КОДЫ, ВСПЛЫВАЮЩИЕ ОКНА 

**************************************************************/

/* СТРАНИЦА ПЕРЕАДРЕСАЦИИ
-------------------------------------------------------------*/
#pun-redirect{
padding: 14px;
margin-top: -140px!important;
margin-left: 250px!important;
}

/* ВНЕШНИЙ ВИД ОКНА СТРАНИЦЫ ПЕРЕАДРЕСАЦИИ
Зачастую, страница переадресации не требует серьезных изменений. 
В большинстве случаев достаточно изменить цвета и закругление краев (т.е. 5 последних позиций)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width:500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 40px;
    display:inline-block;
    text-transform: uppercase;
   background: #C8C6C2;
    color: #000000;
    border: 1px solid rgb(208 202 195);
    box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset, #B9B3AC 0px 0px 30px inset;
}


/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
    background: #C8C6C2;
    color: #000000;
    border: 1px solid #A6A29C;
    box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset,#B9B3AC 0px 0px 30px inset;
    padding: 18px 20px !important;
    width: 96% !important;
   
}

/* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ - НАЗВАНИЕ ТЕМЫ
-------------------------------------------------------------*/
.punbb select, input {
    background: #C8C6C2;
    padding: 2px 2px 2px 2px !important;
    border-radius: 2px;
   background: #C8C6C2;
    color: #000000;
    border: 1px solid #A6A29C;
    box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset, #B9B3AC 0px 0px 30px inset;
}

/* СДВИГАЕМ ЦИТАТУ, КОД И ТД
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ВНЕШНИЙ ВИД ЦИТАТЫ, КОДА И ТД
-------------------------------------------------------------*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    background: #C8C6C2;
    padding: 20px 20px !important;
    background: #C8C6C2;
    color: #000000;
    border: 1px solid #A6A29C;
    box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset, #B9B3AC 0px 0px 30px inset;
}

/* B1.9 ЛЕГЕНДА ЦИТАТЫ, КОДА
Отвечает за настройки того самого "Маша написал(-а), выделить код и тд.
Работаем только с 4 последними параметрами 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0em;
    margin: 0px;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    font-family: montserrat!important;    font-weight: 700;
    color: #000000;
}

/* КОД (СКОПИРОВАТЬ КОД)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-size: 12px;}


/* РЕЙТИНГ ПОСТА В ТОПИКЕ (КОГДА ПИШЕШЬ КОММЕНТ К ПЛЮСУ - ЧТОБЫ ФОН БЫЛ НЕ ПРОЗРАЧНЫЙ)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;     background: #CCCCCC;}


/* В ФОРМЕ ОТВЕТА ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background: #CCCCCC;
    color: #000000;
    border: 1px solid #58565D;
    box-shadow: #CCCCCC 0px 0px 2px inset, #CCCCCC 0px 0px 1px inset,#ECDDDD 0px 0px 30px inset;
}

/* ЗАДАЕМ ШИРИНУ И ВЫСОТУ ФОРМЕ ОТВЕТА, А ТАКЖЕ СОЗДАЕМ ДЛЯ НЕЕ ПРОКРУТКУ
ЧТОБЫ ОНА НЕ РАСТЯГИВАЛАСЬ НА ПОЛОВИНУ ЭКРАНА
-------------------------------------------------------------*/
#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


/*************************************************************

ИКОНКИ СТАРЫХ НОВЫХ

**************************************************************/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index table Div.icon {
    background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 49px;
    margin-left: 19px;
    margin-top: 11px;
    position: absolute;
    width: 387px;
    z-index: 1;
    opacity: 0.3;
}

/* ИКОКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png);
    background-repeat: no-repeat;
    opacity: 1;
}

/* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -3px 18px;
    width: 20px;
    height: 20px;
    background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png);
}

/* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 20px;
    height: 20px;
    background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png);
}
/* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 20px;
    height: 20px;
    background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png);
}
/* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 20px;
    height: 20px;
    background-image: url(https://forumupload.ru/uploads/001b/8e/d0/2/60113.png);
}


/*************************************************************

КНОПКИ ОТПРАВИТЬ, ПОСМОТРЕТЬ, СОХРАНИТЬ И ТД

**************************************************************/

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    border-radius: 3px;
    text-shadow: rgb(160 67 38) 1px 1px 0px, rgb(255 255 255 / 47%) 0px 0px 5px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font-size: 10px !important;
    background: linear-gradient(rgb(255 158 129), rgb(197 92 59)) !important;
    border: 1px solid rgb(208 113 85) !important;
    box-shadow: rgb(255 219 207) 0px 0px 2px inset, rgb(230 128 99) 0px 0px 1px inset, rgb(152 58 31) 0px 0px 18px inset !important;
    color: #CCB4AD !important;
    font-family: montserrat!important;
    font-weight: 700 !important;
    padding: 3px 5px !important;
    cursor: pointer !important;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(rgb(197 92 59), rgb(255 158 129))!important;
    cursor: pointer!important;

  }

/*************************************************************

ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 

**************************************************************/


/* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА
-------------------------------------------------------------*/
::selection {     background: #999999;
    color:#F9EDED;
}
/* ПРОКРУТКА ШИРИНА
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}

/* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: rgb(168 84 51);
    border: 1px solid rgb(168 84 51);
    box-shadow:  rgb(168 84 51) 0px 0px 2px inset;
}
/* ПОДЛОЖКА ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: rgb(221 215 235);
    border: 1px solid rgb(211 205 225);
    box-shadow: rgb(255, 255, 255) 0px 0px 2px inset;
}
/* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
-------------------------------------------------------------*/
body {overflow-x: hidden}



/*************************************************************

ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ

**************************************************************/

/* ТЕКСТ В ШАПКЕ
-------------------------------------------------------------*/

#html-header top_text {    position: absolute;
    font-size: 10px;
    color: rgb(167, 161, 184);
    width: 202px;
    text-align: justify;
    height: 61px;
    overflow: auto;
    text-transform: lowercase;
    text-shadow: rgba(249, 249, 250, 0.62) 1px 1px 0px, rgba(235, 229, 255, 0) 0px 0px 3px;
    margin: 307px 236px !important;
    padding-left: 5px !important;
    direction: rtl;
}

#html-header ready {
    position: absolute;
    margin: 96px 269px;
}


/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 17, 2020 */



@font-face {
    font-family: 'pf_hellenica_serif_proregular';
    src: url('pfhellenicaserifpro-regular-webfont.eot');
    src: url('pfhellenicaserifpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfhellenicaserifpro-regular-webfont.woff2') format('woff2'),
         url('pfhellenicaserifpro-regular-webfont.woff') format('woff'),
         url('pfhellenicaserifpro-regular-webfont.ttf') format('truetype'),
         url('pfhellenicaserifpro-regular-webfont.svg#pf_hellenica_serif_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-fld3, .pa-posts, .pa-respect,  .pa-fld5 {text-transform: lowercase; font-size: 12px;
    font-family: 'Bebas Neue';
    text-align:center;
    font-weight: 400;
    padding: 0px 10px 0px 5px !important;
    color: #00000;
    display: inline-block;
    width: 65px;
border: 1px solid rgb(216 210 199);
    margin: 6px 0px 0px 7px !IMPORTANT;
       background: #35353500;

}


#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 500;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    width: 240px;
    background: url(https://forumupload.ru/uploads/001c/00/4d/73/441232.jpg) repeat;
    background-color: #737b7d;
}

0

9

HTML верх

Код:
<!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ-->
<style type="text/css">
li#navawards {display: none;}
</style>
<!--Конец-->




<!-- Музыка в постах и подписях (c) Emerael, Часть 1 в ХТМЛ-Верх -->
<script>
FORUM.set('editor.music', {
name: 'Аудио',
audio_url: function() {
  return prompt("Поместите ссылку на трек", "https://")
},
audio_title: function() {
  return prompt("Введите название трека", "Трек")
},
onclick: function(){
const link = FORUM.get('editor.music.audio_url()');
if (!link || link === "https://" || $.trim(link) === "") return false;

const title = FORUM.get('editor.music.audio_title()');
document.querySelector("#main-reply").value += `[audio=${link}]${title || 'Песня'}[/audio]`;
}})
</script>


<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin: -36px 5px; margin-top: 26px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
<!--Конец-->






<! -- скрипт навигации выпадающим окном [основа скрипт вкладок 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://theraven.rusff.me/viewtopic.php?id=26#p895">ГОСТЕВАЯ</a> 
<a href="https://theraven.rusff.me/viewtopic.php?id=22">СЮЖЕТ</a> 
<a href="https://theraven.rusff.me/viewtopic.php?id=24">РАСЫ</a> 
<a href="https://theraven.rusff.me/viewtopic.php?id=8">АКЦИИ ОТ АМС</a> 
<a href="https://theraven.rusff.me/viewtopic.php?id=25">ИНФРАСТРУКТУРА</a> 
<a href="https://theraven.rusff.me/viewtopic.php?id=41#p1373">ЗАНЯТЫЕ ВНЕШНОСТИ</a> 
</div></div>


<!-- табла -->

<!-- АМС -->
<div style="position: absolute;    top: 140px;    margin-left: 760px;    text-align: justify;    font-size: 14px;    font-family: Complex;    width: 271px;    height: 79px;    overflow: auto;color: #2b454a">

<center>
<a href="https://theraven.rusff.me/profile.php?id=7">Lily</a> //
<a href="https://theraven.rusff.me/profile.php?id=5">Nick</a> //
<a href="https://theraven.rusff.me/profile.php?id=18">Caitlin</a> 
</center>
</div>


<!-- АКТИВИСТЫ -->
<div style="    top: 150px;    position: absolute;    width: 400px;    margin-left: 7px;">

<a href="https://theraven.rusff.me/profile.php?id=65"><img src="https://forumupload.ru/uploads/001c/00/4d/5/17107.jpg" border="0" title="Сора"></a>
 <a href="https://theraven.rusff.me/profile.php?id=101"><img src="https://forumupload.ru/uploads/001c/00/4d/5/666628.jpg" border="0" title="Итан"></a>
 <a href="https://theraven.rusff.me/profile.php?id=100"><img src="https://forumupload.ru/uploads/001c/00/4d/5/956643.jpg" border="0" title="Эдвард"></a>
 <a href="https://theraven.rusff.me/profile.php?id=72"><img src="https://forumupload.ru/uploads/001c/00/4d/5/149504.jpg" border="0" title="Лиззи"></a>
 <a href="https://theraven.rusff.me/profile.php?id=50"><img src="https://forumupload.ru/uploads/001c/00/4d/5/644436.jpg" border="0" title="Джеймс"></a>

</div>

<!-- ЛУЧШИЙ ЭП И ПОСТ -->
<div style="    top: 200px;    position: absolute;    width: 271px;    margin-left: 25px;">

<a href="https://theraven.rusff.me/viewtopic.php?id=326#p51940"><img src="https://forumupload.ru/uploads/001c/00/4d/5/973091.jpg" border="0" title="лучший пост"></a> <a href="https://theraven.rusff.me/viewtopic.php?id=487"><img src="https://forumupload.ru/uploads/001c/00/4d/5/192535.jpg" border="0" title="лучший эпизод"></a>  

</div>






<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.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>
<!-- конец -->


<!-- нужны -->
<div style="   top: 170px;    position: absolute;    width: 200px;    margin-left: 812px;">



<b>Ждём в игру</b><br>
<a href=" https://theraven.rusff.me/viewtopic.php?id=57#p41233"><img src="https://forumupload.ru/uploads/001c/00/4d/5/927861.jpg" border="0" title="Дэвид"></a>
 <a href="https://theraven.rusff.me/viewtopic.php?id=8#p11660
"><img src="https://forumupload.ru/uploads/001c/00/4d/5/241330.jpg" border="0" title="Мирай"></a>
 <a href="https://theraven.rusff.me/viewtopic.php?id=57#p44771"><img src="https://forumupload.ru/uploads/001c/00/4d/5/741964.jpg" border="0" title="лис"></a>
</div>

<!-- 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>

<link rel="stylesheet" href="/files/001b/95/a1/11817.css">
<link rel="stylesheet" href="/files/001b/95/a1/96876.css">



<!-- Скрыть "отредактировано" из сообщения -->
<style>.lastedit {display:none;}</style>
<!-- конец -->
<!-- Чтобы не пропадали посты -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!— конец —>

0

10

HTML низ

Код:
<!-- Музыка в постах и подписях (c) Emerael, Часть 2 в ХТМЛ-Низ -->
<script>
(()=>{
const selectors = [
'#profile-signature:contains("[audio=")', //подпись в профиле
'.parsedsig:contains("[audio=")', //предпросмотр подписи
'.post-body:contains("[audio=")', //посты и подписи в них
];
const replaceAudio = () => {
const containMusic = $(selectors.join(', '));
containMusic.each((_, el) => {
const re = /\[audio=([^\]]+)]([^[]+)\[\/audio\]/gmi;
el.innerHTML = el.innerHTML.replace(re, `<div class="audio-block"><span class="audio-title">$2:</span><audio controls src="$1">
  <span>ваш браузер не поддерживает HTML5 аудио. Вот взамен
     <a href="$1">ссылка на трек</a></span>
</audio></div>`);
});
};
replaceAudio();
$(document).on('pun_post', () => {replaceAudio()});
})();
</script>


<!-- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ -->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/HNrDeQG.png")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#fff;border:0px solid black; color: #000; width:auto; padding:8px; position:absolute; margin-top:-54%; margin-left:35%; z-index:20">
<div><strong>направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://i.imgur.com/n8u6SUH.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://i.imgur.com/eDu68tu.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- Конец -->


<!-- Аватар по умолчанию -->
    <script type="text/javascript">
    var DefAvtr = 'https://forumupload.ru/uploads/001b/8e/d0/2/168366.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://forumupload.ru/uploads/001b/8e/d0/2/168366.png'; //Ссылка на аватар для Гостя

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

<!-- Конец -->





<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></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>
<!--End//Кликабельность ника в постах Гостя -->


<!--Альтернативная вставка картинки-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:0;position:absolute;height14px;margin:-5px 0 0 22px;font-size: 8px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</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-top:-30px;}</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 type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>


  

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

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




<!-- Правка глюка Авиков -->
<script type="text/javascript">$('.pa-avatar img[alt][src*="/img/avatars/"]').each(function () {
this.src = '/img/'+this.src.split('/img/')[1];
});</script>
<!-- Конец -->


<!--написано символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <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>
<!--конец -->




<!--НАЧАЛО. выравнивание по ширине-->

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

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


<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #959995;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  float: right;
  margin-top: 5px;
  margin-right: 7%;
}
.FNTslider .before {
  height: 6px;
  border: solid 0px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #793333;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #711a1a;
  cursor: pointer;
}
</style>

<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- Конец -->





<div class="partners_bannr">
<a href="https://rpgtop.su/26961" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank">
<img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

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

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

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

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

<a href="https://newadventure.rusff.me/" title="Genshin Impact: Adventure Time" target="_blank"><img src="https://forumupload.ru/uploads/001b/df/32/4/t64194.gif"></a>

<a href="http://silenthunt.rusff.me/"><img src="https://i.imgur.com/I5oxBqZ.gif" title="Silent Hunt" width="88" height="31"></a>

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

<a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a>

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

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

<a href="https://gemcross.rusff.me/"><img src="https://roleit.ru/f/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a>

<a href="https://faceinless.ru" target=_blank><img src="https://i.imgur.com/Sx77suU.gif" title="TVD: FACELESS"></a>

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

<a href="https://macabredanse.ru" target="_blank"><img src="https://forumstatic.ru/files/001c/21/4c/53882.gif"></a>
<a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/q470w84.gif" title="no stress cross"></a>

  <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/001a/dc/1c/2/117348.png" title="alluvio maris"></a>

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

<a href="https://kelmoracrown.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/e6/2d/99265.png" title="Kelmora. Hollow crown" border="0" alt="Kelmora. Hollow crown"></a>

<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/0a/be/3/34439.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a>

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

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

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

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

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

<a href="https://thekindred.rusff.me" target=_blank> <img src="https://forumstatic.ru/files/001c/00/08/57678.png" border="0"alt="https://thekindred.rusff.me" width=88 height=31></a>
<a href="https://brnws.rusff.me/" title="breaking news" target="_blank"><img src="https://forumstatic.ru/files/0019/b7/3a/16092.gif"></a>

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

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

<a href="https://awaken.rusff.me/" target="_blank"><https://forumupload.ru/uploads/001b/fe/97/4/425226.gif' title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a>
<a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://forumupload.ru/uploads/001b/e6/91/2/894168.jpg" border ></a>
<a href="https://musicalspace.rusff.me/" target="_blank"><img src="https://imgur.com/382FJyh.jpg" title="Musicalspace: мультифандомный форум" alt="Musicalspace" border="0" width="88" height="31"></a>
<a href="https://hogwartslegacy.rusff.me/" title="hogwarts: legacy" target="_blank"><img src="https://i.imgur.com/tTDbIcn.gif" alt="hogwarts: legacy"></a>
<a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://forumstatic.ru/files/0012/8f/f4/96939.gif " title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a>
<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/14/5b/98991.png" title="karma cross" border="0" width="88" height="31"></a>

<a href="https://killarney.rolka.me" title="Магия в небольшом городке Ирландии" target="_blank"><img src="https://forumupload.ru/uploads/001b/d2/19/2/602313.gif"></a>

<a href="https://ourhome.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/l6P3NMr.png" title="home beneath the ruin [cross]" border="0"width="88" height="31"></a>

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

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

<a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>

<a href="https://awaken.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/fe/97/4/425226.gif" title="никто не выйдет / древние боги, свободные расы, открытый мир" /></a>

<a href="https://thewaffle.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/1a/85/15156.gif" title="WAFFLE" border="0" alt="WAFFLE"></a>

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

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

<a href="https://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="https://forumupload.ru/uploads/0017/2a/64/6/530457.jpg"></a>

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

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

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

<a href="https://imperiumaeternum.rolka.me/" target="_blank"><img src="https://forumstatic.ru/files/0018/97/46/54722.gif" title="Imperium Aeternum"></a>

 <a href="https://serodomno.mybb.ru/">  <img src="https://i.ibb.co/wYJ9Mkc/image.png">  </a>
<!-- Thedas button -->
<a target="_blank" href="https://thedas.mybb.ru/"><img title="Твоя любимая ролевая - Thedas" src="https://forumupload.ru/uploads/001b/e0/da/4/t857929.gif"/></a>
<!-- Thedas button - end -->
<a href="https://morbusnew.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001c/20/89/2/177518.png" width="88" height="31" border="0"></a>

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

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

<a href="https://yellowcrossover.ru" target="_blank"><img src="https://i.imgur.com/VpTBV4X.png" title="yellowcross" border="0"width="88" height="31"></a>

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

<a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://forumupload.ru/uploads/0015/e5/b7/3090/557165.gif" 
title="crossfeeling"
border="1" width="88" height="31"></a>

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

<a href="https://gothamfever.rusff.me"><img src="https://forumstatic.ru/files/001c/25/e3/45931.jpg" border="0" title="GOTHAM FEVER" width="88" height="31"></a>

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

<a target="_blank" href="https://lepidus.ru/"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t111844.gif"></a>
<a href="https://oblivion.rolfor.me/" title="tvd: oblivion" target="_blank"><img src="https://forumupload.ru/uploads/001c/2a/cf/5/15156.gif"></a>

<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a>

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

<a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/12797.png" alt="sinistrum"></a>

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

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

<a href="https://tenebris.f-rpg.me/" target="blank"><img src="https://forumupload.ru/uploads/001b/36/79/5/792981.gif"></a>

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





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







<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>


<!-- пиар вход-->
<script type="text/javascript">
PiarNik="PR";
PiarPas="OdwYJ4hF";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">piar</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>
<!-- Конец -->


<!--Тег хтмл-->
<style>
#button-mybb2 {background-image:url('http://funkyimg.com/i/WMYp.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:24px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(11).innerHTML="<img src='/i/blank.gif' id='button-mybb2' onclick=\"bbcode('

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




<!----------------------------------------------- имидж ----------------------------------------------->

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
guestAccess: ['storyline'],
    forumAccessExtended: {
        'for the game': ['принятые игроки'],
        'storyline': ['принятые игроки'],
        'present': ['принятые игроки'],
        'history': ['принятые игроки'],
        'alternative': ['принятые игроки'],
  'room for negotiations': ['принятые игроки'],
  'Diaries': ['принятые игроки'],
        'repository': ['принятые игроки']
    },
    changeList: {
        'pafld1': {
            class: 'pa-fld4',
            title: 'лз',
            tag: 'sgn',
            description: '',
            defaultCode: '',
            type: 'text'
        }
    },
    userFields: ['pa-author', 'pa-fld4', 'pa-posts', 'pa-title', 'pa-avatar item2',  'pa-respect', 'pa-online']
});
</script>













<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width:500px;}
.tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;}
 .tabs li{float:left;cursor:pointer;}
.tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;}
.tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;}
.tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;}
.tabs li.active a:hover{color:#6A5ACD;}
#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
</style>

<script type="text/javascript">
var nabor=[];
 
 
nabor['Хомяк'] = ['http://i.imgur.com/aioynLZ.png',
'http://i.imgur.com/mcWR5K3.png',
'http://i.imgur.com/kQDOI2O.png',
'http://i.imgur.com/I2yC49f.png',
'http://i.imgur.com/qk4Wagp.png',
'http://i.imgur.com/mEe8oKA.png',
'http://i.imgur.com/5tyDr4a.png',
'http://i.imgur.com/APXtwMZ.png',
'http://i.imgur.com/I3LGzO3.png',
'http://i.imgur.com/mtul7B5.png',
'http://i.imgur.com/26yG9OL.png',
'http://i.imgur.com/xX8X8Gw.png',
'http://i.imgur.com/A8f4EJh.png',
'http://i.imgur.com/VyzdqsL.png',
'http://i.imgur.com/tUeSTIZ.png',
'http://i.imgur.com/BiyhxPy.png',
'http://i.imgur.com/oP35Thb.png',
'http://i.imgur.com/eLbTgxH.png',
'http://i.imgur.com/5LjQICq.png',
'http://i.imgur.com/6ZyLmUq.png',
'http://i.imgur.com/g5YDYls.png',
'http://i.imgur.com/44XohXz.png',
'http://i.imgur.com/YkKuIrH.png',
'http://i.imgur.com/XH1E3nJ.png',
'http://i.imgur.com/LQOOl7M.png',
'http://i.imgur.com/Fa6urM5.png',
'http://i.imgur.com/MfE1lPj.png',
'http://i.imgur.com/OMOzYAf.png',
'http://i.imgur.com/rRDnSmF.png',
'http://i.imgur.com/n4dTSM8.png',
'http://i.imgur.com/wy3ylYT.png',
'http://i.imgur.com/V8CdY05.png',
'http://i.imgur.com/MS02nMv.png',
'http://i.imgur.com/8HJwcXa.png',
'http://i.imgur.com/b7t6cIv.png',
'http://i.imgur.com/SawNVXe.png',
'http://i.imgur.com/4dUudSd.png',
'http://i.imgur.com/hsg2DyH.png',
'http://i.imgur.com/lFpXXLI.png',
'http://i.imgur.com/pZjh7iG.png'



];
 
nabor['лис'] = ['https://i.imgur.com/LtAUhsu.png',
'https://i.imgur.com/HE90o9U.png',
'https://i.imgur.com/EY0rv0Z.png',
'https://i.imgur.com/JQGMClT.png',
'https://i.imgur.com/z1j05b6.png',
'https://i.imgur.com/TDsB48l.png',
'https://i.imgur.com/daGPxcd.png',
'https://i.imgur.com/dank4jW.png',
'https://i.imgur.com/Xw6wgsd.png',
'https://i.imgur.com/eDbTeQx.png',
'https://i.imgur.com/R37tJFn.png',
'https://i.imgur.com/nyicKuP.png',
'https://i.imgur.com/pTWWg6l.png',
'https://i.imgur.com/dSC3uG2.png',
'https://i.imgur.com/Gj5STSc.png',
'https://i.imgur.com/jkzsdqK.png',
'https://i.imgur.com/0bvnPNv.png',
'https://i.imgur.com/aSoj3OJ.png',
'https://i.imgur.com/nQ0XRuF.png',
'https://i.imgur.com/YfZPBHe.png',
'https://i.imgur.com/ud2gA85.png',
'https://i.imgur.com/XLxmMuX.png'
	];
$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); });
</script>





<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/00/4d/20600.txt?v=47");
});
</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:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>






<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-305px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
width:330px;
}
#JampPanel .container{
padding:12px;
height:200px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:180px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<a href="https://theraven.rusff.me/viewtopic.php?id=222">• A reason not to kill</a> - <b>Caine Long</b><br>

<a href="https://theraven.rusff.me/viewtopic.php?id=183#p8948">• Wait who's coming</a> - <b>Keiko Kitagawa</b> <br>

<a href="https://theraven.rusff.me/viewtopic.php?id=324">• The lawyer killed them all</a> - <b>Victoria Hill</b><br>

<a href="https://theraven.rusff.me/viewtopic.php?id=325">• Chasing a ghost</a> - <b>Caitlin Fox</b><br>
<a href="https://theraven.rusff.me/viewtopic.php?id=326">• The mafia is not to be trifled with</a><br> - <b>Eda Roberts</b>
  </div>
</div>
<!--End//JampPanel-->




<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumupload.ru/uploads/001b/8e/d0/2/528747.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumupload.ru/uploads/001b/8e/d0/2/625077.png" border="0" /></div>
<style>
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 1000px;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 40px;
    width: 67px;
    height: 27px;
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:220px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>

<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<script>
var supermod = new Array("Ella Richards")

var mod=document.getElementsByTagName("span")
var str
for(x in mod) if(mod[x].className=="modlist"){
for(y in supermod)
    if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
        mod[x].innerHTML=remName(mod[x].innerHTML,pos)
}

function remName(str,pos){
var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
if(pos2==-1) return("")

while(pos>pos2 && pos2!=-1){
    pos1=pos2
    pos2=str.indexOf("<A href",pos1+1)
}
if(pos2==-1){
    pos2=str.length-1
    pos1-=2
}
return (str.substring(0,pos1)+str.substring(pos2,str.length))
}
</script>

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


<!--СПРЯТАТЬ НАГРАДЫ В НАВИГАЦИИ-->
<style type="text/css">
li#navawards {display: none;}
</style>
<!--Конец-->

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
    <script>
    var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
    var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
    var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;

    var LiArr=new Array(
    //При наличии двух косых => // в начале пункта, - пункт не скрывается.


    // 3 кнопка- ссылка на Картинку
    "https://i.imgur.com/k4PRag2.png",
  
    "award",      //Награды(только для rusff и ork)
    "gift",         //Подарки(только для rusff и ork)

    //Конец Списка,
    "_End"); SetProvilSpoil(a1,a2,a3);
    </script>
    <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

0

11

форма ответа

Код:
<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(https://forumupload.ru/uploads/000f/09/5e/6201/44477.png)}</style>
<script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat↔ Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>

0


Вы здесь » Пробник » Рэйвен » Дизайны


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