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

waste it on me test

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

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


Вы здесь » waste it on me test » АДМИНИСТРАТОРСКАЯ » мэйдэй


мэйдэй

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

1

Код:

Отредактировано tony stark (2021-04-13 22:47:31)

0

2

<!--флуд-->
<div class="infactiv" style="position: absolute; margin-left: 16px !important; top: 68px; "><a href=""title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="infactiv" style="position: absolute; margin-left: 68px !important; top: 68px;"><a href=""title="имя"><img src="https://via.placeholder.com/40x40 ">
</a></div>

<div class="infactiv" style="position: absolute; margin-left: 120px !important; top: 68px;"><a href=""title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<!--пост-->
<div class="infipost" style="position: absolute; margin-left: 811px !important; top: 68px;"><a href="  "title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="infipost" style="position: absolute; margin-left: 863px !important; top: 68px;"><a href="  "title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="infipost" style="position: absolute; margin-left: 915px !important; top: 68px;"><a href="  "title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

0

3

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

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

/* A1.1 */
  @import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
@import url('https://fonts.googleapis.com/css?family=Montserrat:900i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Oswald:500&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One');
@import url('https://fonts.googleapis.com/css?family=Yellowtail|Old Standard TT');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Marck+Script');
@import url('https://fonts.googleapis.com/css?family=Pangolin');
@import url('https://fonts.googleapis.com/css?family= Pacifico');
@import url('https://fonts.googleapis.com/css?family=Raleway:900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:900');
@import url('https://fonts.googleapis.com/css?family=Cormorant+SC');
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase');
@import url('https://fonts.googleapis.com/css?family=Oranienbaum');
@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch');
@import url('https://fonts.googleapis.com/css?family=Pompiere');
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative');
@import url('https://fonts.googleapis.com/css?family=Amatica+SC');
@import url('https://fonts.googleapis.com/css?family=Megrim');
@import url('https://fonts.googleapis.com/css?family=Cookie');
@import url('https://fonts.googleapis.com/css?family=Pangolin');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
@import url('https://fonts.googleapis.com/css?family=Cormorant Garamond');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
@import url('https://fonts.googleapis.com/css?family=Alice');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://fonts.googleapis.com/css?family=Prata');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
@import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Arsenal');
@import url('https://fonts.googleapis.com/css?family=Tenor+Sans');
@import url('https://fonts.googleapis.com/css?family=Vollkorn+SC');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');





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

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

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


.pa-awards {display:none;}



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


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

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

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

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

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

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

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

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font-size: 11px;
  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;
  }

/* 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 Float clearing and hidden items
-------------------------------------------------------------*/

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

  }

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

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

/* A5.1 Общее тело форума */
#pun {
width: 1000px;
margin: auto;
padding: 50px 0px 0px 0px;
margin-top: 100px!important;

}

/* A5.2 Внутренности "тела" форума*/
.punbb {
 margin-left: 20px;
width: 960px;
height: auto;
 float: none;  
}

/* A5.3 */
#pun-redirect{
  border:0 none!important;
  left:0;right:0;
  top:0;bottom:0;
margin:0px;
padding:0px;
  position:fixed;
  width:100%;
  height:100%;
  text-align: center; 
}
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
display: none;
}
#pun-redirect.punbb .info .container{
  display:inline-block;
  left:0;right:0;
  top:0;bottom:0;
  width:640px;
height: 62px;
margin: 10% auto;
text-align: center;
 font-weight: bold;
font-family: arial!important;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #768469!important;
box-shadow: -20px 20px 0 -17px #eee,
            20px -20px 0 -17px #eee,
            20px 20px 0 -20px #A28F95,
            0 0 0 2px #A28F95;
padding: 10px;
font-size: 12px;
}



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

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

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 0px;


  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 1.3em 1em 0.4em 1.0em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 0;
text-transform: lowercase;
    font-size: 12px;
font-family: oswald!important;
    color: #333!important;

   }

/***************************************/*************************************************************
B — MAIN CONTENT — GENERAL
**************************************************************/

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

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

.punbb .post-content a {
    color: #768469;
    font-weight: bold;
}

.punbb .post-content a:hover {
   color: #A28F95;
text-shadow: 1px 1px 1px #ffffff!important;
    font-weight: bold;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
    width: 60%;
    margin: 5px auto; 
border-bottom: 1px dashed #768469!important;
box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 140%;
  font-size: 11px;
  }

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

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

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

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


/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 1em 5px 1em 5px;
   padding: 10px 15px 5px 15px; 
    }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
 font-size: 1.1em;
font-family: oswald;
letter-spacing: 2px;
font-weight: bold;
 font-style: normal;
margin: 0;
height: 14px;
border-radius: 0px;
text-transform: uppercase!important;
 padding: 4px;
margin: -5px 0px 20px 0px!important;
border-bottom: 1px dashed #A28F95!important;
}

.legend a {
    color: #768469!important;
}

.legend a:hover {
  color: #A28F95!important;
text-shadow: 1px 1px 1px #ffffff!important;
}


.punbb .quote-box cite {
    color: #768469!important; 
}



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

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

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

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

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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  margin-top: -1.0em;
  left: 2em;
  width: 24em;}

/* B3.4 */
.linkst .postlink {
  position: absolute;
  right: 2.5em;
  width: 16em;
  margin-top: -2.5em;
  text-align: right;
  font-weight: bold;}

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;}

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

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  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 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 28px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
   text-align: center;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
letter-spacing: 0.6px;
 font-size: 12px;
 }

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

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

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

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

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

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

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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align:justify;
  width: 50%;
  }

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

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: right;
  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: center;
  width: 20%;
  }

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

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


.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 30px !important;
    width: 30px !important;
      border: 2px solid #768469;
   opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}



/* C2.8 */
#pun-index .tcl h3 {
font-size: 14px;
 text-align: left;
letter-spacing: 1px;
padding: 8px 6px 6px 8px;
margin-top: 2px !important;
    margin-left: -5px;
margin-bottom: 5px;
font-family: oswald!important;
font-weight:bold!important;
text-transform:uppercase;
line-height: 8px;
}

#pun-index .tcl h3 a:hover{
font-size: 14px;
 text-align: left;
letter-spacing: 1px;
margin-top: 2px !important;
    margin-left: 0px;
margin-bottom: 5px;
font-family: oswald!important;
font-weight:bold!important;
text-transform:uppercase;
line-height: 8px;
}



.tclcon h3 a {
color: #A28F95!important; 
 }


.tclcon h3 a:hover{
color: #768469!important;
text-shadow: 1px 1px 1px #fff!important;
 }


/* 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 {
  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 */
#pun-index td div.tclcon {
 width: 450px;
    line-height: 12px;
    text-align: justify;
 font-size: 10px;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
}

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

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

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

/* C3.2 */
.punbb .post h3 {
  border-style: none none none none;
  border-width: 0px;
margin: 10px 5px 5px 10px;
 margin-bottom: 10px!important;
}


/* C3.3 */
.punbb .post h3 span {
display: block;
 border-left-style: none;
  border-left-width: 0px
color: #768469!important;
font-family: oswald;
font-weight: normal;
font-size: 10px;
 font-style: normal;   
   padding: 5px 5px 5px 5px;
text-transform: lowercase;
margin-left: 15px;
margin-top: -7px !important;
}

/* 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: 10px -5px 0px; 
text-align: center; 
width: 222px; 
min-height: 210px;
background: url(https://forumstatic.ru/files/001a/6c/49/16793.png) top no-repeat,  url(https://forumstatic.ru/files/001a/6c/49/85810.png)bottom no-repeat, url(https://forumstatic.ru/files/001a/6c/49/65130.png) repeat-y;

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

/* C3.7 */
.pa-author {
width:210px;
margin: 15px -5px!important;
 }

/* C3.8 */
.pa-author a {
text-align: center;
display: inline-block;
font-family: 'Abril Fatface'!important;
text-transform: lowercase!important;
   font-weight: 700 !important;
  font-size: 14px!important;
color: #333!important;
background-color: #A28F95;
border: 1px solid #fff!important;
width:200px;
letter-spacing: 2px;
padding: 2px;
  }

.pa-author a:hover{
 color: #fff!important;
text-shadow: 1px 1px 1px #768469!important;
 }


li.pa-avatar  {
margin:  10px  -10px;
}

li.pa-avatar img {
max-width: 180px!important;
max-height: 180px!important;
}


/* C3.9 */
li.pa-title {
  margin-top: -10px;
  margin-bottom: 5px;
 text-transform: lowercase;
    letter-spacing: 1px;
   color: #333!important; 
    text-size: 10px; 
font-family: arial !important;
    font-style: normal;
    font-weight: 500;
 }

li.pa-online {
    line-height: 11px;
letter-spacing: 1px;
text-size: 10px!important; 
color: #333!important;
font-family: oswald!important;
margin: 15px  8px 5px  10px;
text-transform: uppercase;
font-weight: bold!important;
padding: 5px;
}

.pa-last-visit{
    line-height: 11px;
letter-spacing: 1px;
text-size: 10px!important; 
color: #333!important;
font-family: arial !important;
    font-style: normal;
    font-weight:500;
padding: 5px;
width:200px;
}



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

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

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 18px;
  line-height: 2em;
  margin-left: -15em;
  text-align: right;
 font-size:11px;
  text-transform: lowercase;

 }

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

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

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

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

/* C4.1 */
.punbb .modmenu .container {
  padding: 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: 0.8em;
  }

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

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

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

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: none;
  border-width: 0px;
  padding: 1.5em 18px 0.8em 18px;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: -20px 20px 0 -17px #eee,
            20px -20px 0 -17px #eee,
            20px 20px 0 -20px #768469,
            0 0 0 2px #768469;
margin-bottom: 10px!important;
   }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0px 14px -1em 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.8em;
 }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
 margin-left: -16em;
padding: 4px 4px;
font-family: oswald;
  font-weight: 600;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: inset 1px 1px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
  }

#viewprofile li span a{
color: #768469;
text-shadow: 1px 1px 1px #ffffff!important;
}

#profile-right li strong {
margin-top: 5px!important;
 border-bottom: 1px solid rgba(154, 147, 140, 0.5) !important;
}

#profile-signature {
border: none!important;
display:none;
}

#profile-left strong {font-family: oswald;
  font-weight: 600;}


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

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

  }

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

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

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

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

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

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

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

/* 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  {
  display : none;
  }

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0 auto;

 }

/* D3.2 */
#pun-navlinks .container  {
 text-align: center;
margin-top: -90px!important;
  height: 22px;
  width: 900px; 
background-color: #B2A1A6;   
text-transform: uppercase;
 font-style: normal;
font-weight: 700;
padding: 1px;
  }
  

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


/* D3.4 */
#pun-navlinks li a {
font-family: oswald !important;
    text-align: center;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
font-size: 14px;
font-weight:bold!important;
padding: 4px 4px 4px 4px;

 }


#pun-navlinks li a:hover {
color: #768469;
text-shadow: 1px 1px 1px #ffffff!important;
 }




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

/* D4.1 */
#pun-ulinks  {
     border: none 0px ;
  }

/* D4.2 */
#pun-ulinks .container {
 position: absolute;
 background-color: transparent;
  font-size: 9px;
 text-align: center;
font-family: arial !important;
    font-style: normal;
    font-weight:500;
 letter-spacing: 0px;
    text-transform: lowercase;
margin-top: 5px;
    width: 850px;
margin-left: 54px;
  text-align: center !important;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
color: #333!important;
  border-left-style: none;
  border-left-width: 0px;
  white-space: nowrap;   
  margin: 0px;

  }

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

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

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

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

/* D5.2 */
#pun-status .container {
position: absolute;
 text-align: left;
    margin-left: 564px;
 font-family: arial;
    z-index: 2000;
    top: 50px;
    width: 400px;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
text-transform: lowercase;
}

#pun-status .container strong {
    font-size: 10px;
 font-weight: 500;
text-shadow: none !important;
}


 /* D5.3 */
#pun-status span {
  white-space: nowrap;
  }


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

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 3em 2em 0.8em 2em;
text-align: left;
  font-style: normal;   
color: #768469!important;
  font-family: arial;
 font-weight: 600;
  text-transform: lowercase;
margin-bottom: 10px;
font-size: 11px;
    text-shadow: none !important;
  background: none;
    height: 16px;

 }

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
 margin: 10px 0 20px  0px;
}

/* 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: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
 text-transform: lowercase;
  }


/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 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 {
  text-align: center;
  line-height: 120%; 
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
 margin-top: 0px;
 }

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

/* D8.7 */
#pun-crumbs2 .container {
   border-top: none;
padding: 1em 1em;
text-align: left;
  font-style: normal;   
color: #768469!important;
  font-family: arial;
 font-weight: 600;
     text-transform: lowercase;
margin-bottom: 10px;
font-size: 11px;
    text-shadow: none !important;
  background: none;
    height: 16px;
  }

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

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

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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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: 0px;
  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;
  }
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -320px; top:-175px
}


/*------------—  панель над формой ответа -------------*/
#form-buttons table {
     width: 100%!important;
 margin-left: 5px!important;
margin-bottom: 5px!important;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);

}


/*------------—модерация тем -------------*/

.move_posts_form .modal-inner>.container {
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: -20px 20px 0 -17px #eee,
            20px -20px 0 -17px #eee,
            20px 20px 0 -20px #768469,
            0 0 0 2px #768469;
}

.pun-modal.move_posts_form .modal-inner {
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
 box-shadow: 0px 0px 1px 1px #fff, 0px -2px  #768469 inset;
}


.pun-modal h2,.pun-modal h1 {background-color: #A28F95!important;
color: #C2C2C2!important;
}
.pun-modal .closer {background-color: #A28F95;
color: #C2C2C2!important;
}








   

0

4

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/


/* CS1.0A Настройки фона*/

html {
background: url(https://forumstatic.ru/files/001a/6c/49/83774.png);
background-position: top center;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #768469;
 background-size: cover;
}




/* CS1.0B Настройки "тела" форума*/
#pun {
width: 1000px; 
background-color: #;
 background-image: url("https://forumstatic.ru/files/001a/6c/49/61944.png");
 background-repeat: repeat; 
background-position: top center;
}

.punbb {
width: 1000px;
}


/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 4px;
height: 4px;
background-color: #f7f7f7;}

::-webkit-scrollbar-thumb:vertical {
background-color: #768469;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #A28F95;
}


/*выделение*/
body *::-moz-selection {
  background: rgba(118, 132, 105);
  color: rgb(24, 24, 25);
}
body *::-webkit-selection {
  background: rgba(118, 132, 105, 0.8);
  color: rgb(24, 24, 25);
}
body *::selection {
  background: rgba(118, 132, 105, 0.8);
  color: rgb(24, 24, 25);
 text-shadow: none !important;
}


/* CS1.0D Настройки шапки*/
#pun-title.section {
   background-image: url(https://forumstatic.ru/files/001a/6c/49/19170.png);
   background-repeat: no-repeat;
background-position: top center;
 border: none;
    width: 1000px;
    height: 300px;
 margin-left: -20px;
margin-top: -100px!important;

}

/* CS1.0F Настройки футера/копирайта */
#pun-about p.container {
background-image: url(https://forumstatic.ru/files/001a/6c/49/60287.png);
margin: 0px 0px -90px -20px;
  background-repeat: no-repeat;
background-position: top center;
 width: 1000px;
    height: 100px;
    overflow-x: hidden;
padding-bottom: 90px;
}




/* CS1.1 Элементы форума*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-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  {
  background-color: transparent;
  }


/* CS1.3 Настройки заголовков*/
 .punbb .main h1,  #pun-debug h2, .punbb-admin #pun-admain h2 {
font-size: 15px;
text-align: center;
font-family: oswald;
color: #333;
text-transform: uppercase;
display:none;
}


/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
 box-shadow: 0px 0px 1px 1px #fff, 0px -2px  #768469 inset;
border-radius: 0px;
}


/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text {
display: block;
margin: 0 1.0em 0 1.0em;
color: #181819!important;
border-radius: 0px;
font-family: oswald;
font-weight: normal;
font-size: 14px!important;
text-align: center;
line-height: 15px;
background-color: #f7f7f7;
}


/* CS1.8  Настройки формы ответа*/
.punbb textarea  {
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: -20px 20px 0 -17px #eee,
            20px -20px 0 -17px #eee,
            20px 20px 0 -20px #768469,
            0 0 0 2px #768469;
padding: 5px;
font-size: 11px!important;
border-radius: 0px;
}


/* CS1.9 Настройки окон в форме ответа*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
border-radius: 0px;
padding: 4px;
border: none;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
 box-shadow: 0px 0px 1px 1px #fff, 0px 2px  #768469 inset;
}


/* CS1.11 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb select {
border-radius: 0px;
background-color: #f7f7f7;
border: 1px solid #768469!important;
box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
color: #333!important;
border: none;
padding: 4px;
}

/* CS1.12 кнопки */
.punbb .button {
font-size: 12px!important;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
 box-shadow: 0px 0px 1px 1px #fff, 0px -2px  #768469 inset;
border: none;
   text-align: center;
text-transform: lowercase;
padding: 2px 4px;
min-width: 110px;
border-radius: 0px;
 font-family: oswald !important;
   font-weight: 500;
   transition: all 0.5s ease-in-out 0s;
 letter-spacing: 1px;
margin-bottom: 10px!important;
}


.punbb .button:hover {
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #768469!important;
 box-shadow: 0px 0px 1px 1px #fff, 0px -2px  #A28F95 inset;
text-align: center;
padding: 2px 4px;
text-transform: lowercase;
 font-family: oswald !important;
   font-weight: 500;
   transition: all 0.5s ease-in-out 0s;
 letter-spacing: 1px;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 Убираем все рамки*/
.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, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {border-color: transparent;}
/* Ссылки*/
/* Настройки ссылок*/
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color: 
#333; border-bottom: 0px none #000; text-decoration: none;
  -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4; }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #333;}
/* Настройки ссылок при наведении*/
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {color: #768469;
text-shadow: 1px 1px 1px #ffffff!important;}
/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {color: #333;}
/* Настройки навигационных ссылок при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color:#768469;}


/* CS4 Иконки сообщений
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {
    display: none;
}
#pun-index table Div.icon {
    float: left;display: block;margin-right: 2px!important;margin-left:  5px!important;margin-top: 1px!important;
width: 2px; height: 120px; background-color: #768469; background-repeat: no-repeat;
}
#pun-index TR.inew Div.icon {
    background-repeat: no-repeat;width: 2px;height: 120px;margin-top: 1px!important; background-color: #A28F95;
  }


#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
 display: block; float: right;height: 10px; margin-right: 2px!important;margin-left:  5px!important;margin-top: 2px!important; position: relative;width: 10px; background-color: #768469; 
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
  display: block; float: right;  height: 10px;
    margin-right: 2px!important;margin-left:  5px!important;margin-top: 2px!important; width: 10px;  background-color: #A28F95; }



#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 10px;height: 10px;margin-top: 2px!important;background-color: #fff; border: 1px solid #768469!important;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 10px;height: 10px;margin-top: 2px!important; background-color: #333;
}




/* CS5 Другое
-------------------------------------------------------------*/
.closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {display: none}
.punbb th {background: #transparent;color: transparent;}
.punbb .post-sig {color:#333;}
#profile .container #profilenav h2 {text-align : left;color: #333; text-shadow: none; padding: 5px; margin-bottom: 5px!important;}
#arrows {position:fixed;right:2%;bottom: 45%;}
#qpsContainer {display:none;} 
#post .formsubmit {text-align: center;}
.offline li.pa-online strong {font-weight: normal;}
#post-form h2 span {display:none;}
#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}
.punbb-admin #pun-admain h2{color: transparent;background: transparent;
text-align: left;text-shadow: none; padding-left: 55px;}
#pun-admain .adformal, #pun-admain .adcontainer {border: none;border-color:  transparent;}
#pun-reputation div {background-color: #f7f7f7;color: #333!important;border: 1px solid #A28F95!important;
box-shadow: -20px 20px 0 -17px #eee,
            20px -20px 0 -17px #eee,
            20px 20px 0 -20px #768469,
            0 0 0 2px #768469;}
#pun-status .item4 {display:none;}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
 overflow-y: auto;padding: 10px; max-height: 200px;}
#pun-navlinks #navawards, #pun-ulinks .container li.item3, #pun-ulinks .container li.item5  {
display:none;}
#pun-viewtopic .post h3 {padding-bottom: 2px;  height: 10px; width: 990px; margin-left: -16px; font-family: oswald; font-weight: normal; font-size: 12px;    }
#pun-viewtopic .post h3 a {color: #768469!important;}
textarea#main-reply {width: 100%;  height: 100%;  height: 205px;  margin: 0 auto !important;  padding: 0.75em;  box-sizing: border-box;overflow: auto;border-radius: 0px; margin-left: 5px!important;}
#pun-about {margin-bottom:-3px!important;}
#pun-index .category tr {background-color: #f7f7f7; }
#pun-index .category table {border-spacing: 0px 14px;}
.category .container thead {display: none;}
#tags .container { background-color: #f7f7f7;
color: #333!important;border: 1px solid #768469!important; box-shadow: 0px 0px 1px 1px #fff, 0px  2px  #A28F95 inset;}
#keyboard-span input { color:#333!important; }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {overflow:hidden; overflow-y:auto; padding: 4px 9px!important; height:355px;z-ndex:100000; }
#pun-about p.container .item1 { position: absolute; text-align: center;font-style: normal !important;letter-spacing: 0px !important;font-size: 11px!important;text-transform: lowercase; color: #333!important;padding-top: 0px; margin: 34px 0 0 360px;}



/*CS6 Категории
-------------------------------------------------------------*/
#pun-index div.category h2, #pun-index #pun-stats h2 {
    text-align: center;
    font-size: 0px !important;
     z-index: 5;
    margin: 0px -10px 0px;
    background-position: top center;
    height: 13px;
    width: 980px;
     background: url(https://forumstatic.ru/files/001a/6c/49/61971.png);
}


/*------------— ссылки подфорум -------------*/
.mdlink {
 margin-top: 10px!important;
margin-bottom: 5px!important;
  color: #333!important;
padding-bottom: 2px;
background-color: #f7f7f7;
border: 1px solid #A28F95!important;
 font-size: 11px;
 font-family: oswald !important;
font-weight: 400;
 text-transform: lowercase;
  text-align: center;
letter-spacing: 1px;
font-variant: normal;
text-decoration: none;
  }

.mdlink a {
 color: #333!important;
 font-size: 11px;
 font-family: oswald !important;
font-weight: 400;
 text-transform: lowercase;
  text-align: center;
letter-spacing: 1px;
font-variant: normal;
text-decoration: none;
 }






/*------------ сообщение и репутация -------------*/
/* соо и репа*/
.pa-posts, .pa-respect, .pa-fld1 {
 display: inline-block;
   font-weight: 500;
   font-family: arial;
   width: 60px;
   line-height: 12px;
    text-transform: lowercase;
    font-size:10px;
    padding-bottom: 5px !important;
   margin-left: -4px !important;
   position: relative;
    padding: 4px 4px !important;
color: #333!important;
}
.pa-respect img {width: 7px !important;}





/*------------ профиль -------------*/

.lizn {
margin-left: 2px!important;
padding: 2px 2px 2px 2px;
font-family: 'Roboto';
font-weight: 200;
 font-size: 11px;
 text-transform: lowercase;
 text-align: justify;
line-height: 12px;
color: #333!important;
border-bottom: 4px solid #A28F95!important;
background-color: #f7f7f7;

 }



.lizn a {
font-family: oswald;
font-weight: 600;
 font-size: 12px;
 text-transform: lowercase;
color: #768469!important;
font-variant: normal;
text-decoration: none;
}


.lizn a:hover{
font-family: oswald;
font-weight: 600;
 text-transform: lowercase;
color: #A28F95!important;
 font-size: 12px;
font-variant: normal;
text-decoration: none;

}


.lzname {
margin-left: 2px!important;
margin-bottom: 2px!important;
padding: 2px 2px 2px 2px;
font-family: oswald;
font-weight: 500;
 font-size: 11px;
  text-transform: uppercase;
 text-align: center;
line-height: 12px;
color: #768469!important;
font-variant: normal;
text-decoration: none;
background-color: #f7f7f7;


 }


.lzname a {
font-family: oswald;
font-weight: 600;
 text-transform: uppercase;
 font-size: 11px;
color: #768469!important;
font-variant: normal;
text-decoration: none;
}


.lzname a:hover{
font-family: oswald;
font-weight: 600;
 text-transform: uppercase;
color: #A28F95!important;
 font-size: 11px;
font-variant: normal;
text-decoration: none;

}


.pa-fld2 {
margin: -15px 0px 5px 0px !important;
    text-align: center;
  }




/*------------— таблица -------------*/

.mdactiv{position: relative;
  width: 40px;
  height: 40px;
  overflow: visible;
 filter: grayscale(100%) brightness(.5);
}

.mdpost {position: relative;
  width:40px;
  height: 40px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }

.mdpara{position: relative;
  width:140px;
  height: 40px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }


.mdepizod{position: relative;
  width:140px;
  height: 40px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }




.mdapost{position: relative;
  width:40px;
  height: 85px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }





.mdpostxt {
    height: 82px;
    width: 245px;
    top: 152px;
    margin-left: 686px !important;
    position: absolute;
    text-align: justify;
    z-index: 100;
    color: #333;
    padding-right: 5px;
   font-family: 'Roboto';
font-weight: 200;
 font-size: 11px;
line-height: 12px;
    overflow-y: auto;
}


.mdpostxt a {
    font-family: oswald;
font-weight: 600;
text-transform: lowercase;
color: #A28F95!important;
 font-size: 11px;

}




.mdnews {
height: 22px;
    width: 162px !important;
padding-bottom: 5px;

    }



/******************
Кнопки вверх/вниз
*******************/

.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 42px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 42px;
    z-index: 9999;
}

.go-up {
    bottom: 55%;
    margin-left: 990px !important;
}

.go-down {
    bottom: 44%;
    margin-left: 990px !important;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}




0

5

Код:
<!--флуд-->
<div class="mdactiv" style="position: absolute; margin-left: 20px !important; top: 92px; "><a href=""title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="mdactiv" style="position: absolute; margin-left: 70px !important; top: 92px;"><a href=""title="имя"><img src="https://via.placeholder.com/40x40 ">
</a></div>

<div class="mdactiv" style="position: absolute; margin-left: 120px !important; top: 92px;"><a href=""title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>


<!--пост-->
<div class="mdpost" style="position: absolute; margin-left: 580px !important; top: 83px;"><a href="  "title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="mdpost" style="position: absolute; margin-left: 630px !important; top: 83px;"><a href="  "title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="mdpost" style="position: absolute; margin-left: 680px !important; top: 83px;"><a href="  "title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>


<!--пара-->
<div class="mdpara" style="position: absolute; margin-left: 788px !important; top: 83px;"><a href="  "title="имена пары"><img src="https://via.placeholder.com/140x40">
</a></div>


<!--эпизод-->
<div class="mdepizod" style="position: absolute; margin-left: 21px !important; top: 149px; "><a href=""title="название эпизода"><img src="https://via.placeholder.com/140x40">
</a></div>


<!--лицопост-->
<div class="mdapost" style="position: absolute; margin-left: 634px !important; top: 151px;"><a href="  "title="имя"><img src="https://via.placeholder.com/40x85">
</a></div>


<!--пост-->
<div class="mdpostxt">lorem ipsum dolor sit amet, consectetur adipiscing elit. cras ornare fringilla cursus. praesent eget porta augue.lorem ipsum dolor sit amet, consectetur adipiscing elit. cras ornare fringilla cursus. praesent eget porta augue.
lorem ipsum dolor sit amet, consectetur adipiscing elit. cras ornare fringilla cursus. praesent eget porta augue.
<a href="ccl">читать дальше...</a>
</div>


<div style="height: 16px; width: 375px; top: 75px; margin-left: 120px; position:absolute; z-index:100; color: #333; font-family: oswald; font-weight: 500; line-height: 12px; text-align: center;  font-variant: normal; text-decoration: none;">
<a href="ссылка">admin name</a>,  <a href="ссылка">admin name</a>,    <a href="ссылка">admin name</a>  
</div>





<div style="height: 77px; width: 170px; top: 170px; margin-left: 190px; position:absolute; z-index:100;  text-align: center; overflow-y: auto;">
<div class="mdnews"><a href=""><img src="https://forumstatic.ru/files/001a/6c/49/63360.png"></a></div>
<div class="mdnews"><a href=""><img src="https://forumstatic.ru/files/001a/6c/49/63360.png"></a></div>
<div class="mdnews"><a href=""><img src="https://forumstatic.ru/files/001a/6c/49/63360.png"></a></div>
<div class="mdnews"><a href=""><img src="https://forumstatic.ru/files/001a/6c/49/63360.png"></a></div>
<div class="mdnews"><a href=""><img src="https://forumstatic.ru/files/001a/6c/49/63360.png"></a></div>

</div>



0

6

Код:
/*------------ профиль -------------*/

.lizn {
margin-left: 2px!important;
padding: 2px 2px 2px 2px;
font-family: 'Roboto';
font-weight: 200;
 font-size: 11px;
 text-transform: lowercase;
 text-align: justify;
line-height: 12px;
color: #333!important;
border-bottom: 4px solid #A28F95!important;
background-color: #f7f7f7;

 }



.lizn a {
font-family: oswald;
font-weight: 600;
 font-size: 12px;
 text-transform: lowercase;
color: #768469!important;
font-variant: normal;
text-decoration: none;
}


.lizn a:hover{
font-family: oswald;
font-weight: 600;
 text-transform: lowercase;
color: #A28F95!important;
 font-size: 12px;
font-variant: normal;
text-decoration: none;

}


.lzname {
margin-left: 2px!important;
margin-bottom: 2px!important;
padding: 2px 2px 2px 2px;
font-family: oswald;
font-weight: 500;
 font-size: 11px;
  text-transform: uppercase;
 text-align: center;
line-height: 12px;
color: #768469!important;
font-variant: normal;
text-decoration: none;
background-color: #f7f7f7;


 }


.lzname a {
font-family: oswald;
font-weight: 600;
 text-transform: uppercase;
 font-size: 11px;
color: #768469!important;
font-variant: normal;
text-decoration: none;
}


.lzname a:hover{
font-family: oswald;
font-weight: 600;
 text-transform: uppercase;
color: #A28F95!important;
 font-size: 11px;
font-variant: normal;
text-decoration: none;

}


.pa-fld2 {
margin: -15px 0px 5px 0px !important;
    text-align: center;
  }




/*------------— таблица -------------*/

.mdactiv{position: relative;
  width: 40px;
  height: 40px;
  overflow: visible;
 filter: grayscale(100%) brightness(.5);
}

.mdpost {position: relative;
  width:40px;
  height: 40px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }

.mdpara{position: relative;
  width:140px;
  height: 40px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }


.mdepizod{position: relative;
  width:140px;
  height: 40px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }




.mdapost{position: relative;
  width:40px;
  height: 85px;
  overflow: visible;
filter: grayscale(100%) brightness(.5);
  
 }





.mdpostxt {
    height: 82px;
    width: 245px;
    top: 152px;
    margin-left: 686px !important;
    position: absolute;
    text-align: justify;
    z-index: 100;
    color: #333;
    padding-right: 5px;
   font-family: 'Roboto';
font-weight: 200;
 font-size: 11px;
line-height: 12px;
    overflow-y: auto;
}


.mdpostxt a {
    font-family: oswald;
font-weight: 600;
text-transform: lowercase;
color: #A28F95!important;
 font-size: 11px;

}




.mdnews {
height: 22px;
    width: 162px !important;
padding-bottom: 5px;

    }


0

7

Код:
/*------------—  панель над формой ответа -------------*/
#form-buttons table {
     width: 100%!important;
 margin-left: 5px!important;
margin-bottom: 5px!important;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);

}


/*------------—модерация тем -------------*/

.move_posts_form .modal-inner>.container {
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: -20px 20px 0 -17px #eee,
            20px -20px 0 -17px #eee,
            20px 20px 0 -20px #768469,
            0 0 0 2px #768469;
}

.pun-modal.move_posts_form .modal-inner {
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
 box-shadow: 0px 0px 1px 1px #fff, 0px -2px  #768469 inset;
}


.pun-modal h2,.pun-modal h1 {background-color: #A28F95!important;
color: #C2C2C2!important;
}
.pun-modal .closer {background-color: #A28F95;
color: #C2C2C2!important;
}








0

8

Код:
<!-- ЗАМЕНА РЕПУТАЦИИ И СООБЩЕНИЯ -->
<script type="text/javascript">
var nWRD="image";
function setRespecNew(){
$(".pa-respect a[href^='/respect.php?']").each(function (){
$(this).html(nWRD);});}
function TestRespect(){
if($(".pa-respect:contains('Репутация')").length){setRespecNew();return;
}else {timerID = setTimeout("TestRespect()",110);return;}
}TestRespect()
</script>


<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-posts','Сообщений:','mess:<br>');
changeS('.pa-respect','Уважение</a>:','image</a>:<br>');
   changeS('.pa-respect','Уважение:','image:<br>');
changeS('.pa-fld1','деньги:','credits:<br>');
   

</script>

0

9

Код:
<!--Оформление всплывающей  подсказки-->
<style>
#tooltip {
position:absolute;
z-index: 999;
background-color: #f7f7f7;
color: #333!important;
border: 1px solid #A28F95!important;
box-shadow: -20px 20px 0 -17px #eee,
            20px -20px 0 -17px #eee,
            20px 20px 0 -20px #768469,
            0 0 0 2px #768469;
letter-spacing: 2px;
font-family: arial;
font-weight: 600;
font-size:11px;
display:none;
text-align:center;
padding:4px;
}
</style>

<style>
abbr {text-decoration: underline dotted;}

</style>

0

10

поиск амс; 
#DPR IAN feat. DPR LIVE, CL — No Blueberries

привет, давай без долгих разговоров ни о чем, мы перейдем сразу к делу. ты попал на форум, где наша небольшая, но милая команда ищет себе помощников для будущего проекта. сразу говорим, что проект готов на 90 процентов, осталось внести небольшие поправки, довести до совершенства то, что имеется, а так же подготовить развлекательную часть для будущих игроков. что же нам тогда нужно? нужна нам помощь от ответственных и серьезных людей, которые осознают, что такое форум, сколько времени и сил на него уходит! это значит, что на форум будет уходить минимум по два-три часа твоего времени в день.

а теперь по порядку, если ты:
ответственный человек [это значит, что неожиданно не исчезнешь и не забьешь х*й на работу по форуму]
неконфликтный [все мы люди с эмоциями, которые иногда бурлят в нас, но мы за то, чтобы не разводить срач на ровном месте; готовы выслушать критику, а самое главное принять ее цивилизованно, а не разводить драму; будем проще и люди будут благодарны]
— не отсиживаешься в уголке, когда идет обсуждение, и тебя не нужно пинать, чтобы ты издал хоть какой-то звук [о реале все мы знаем, сами этим страдаем, поэтому войдем в твое положение, если у тебя работа, встреча с друзьями, одноклассниками, родственниками и тд. НО еще раз, на форум придется тратить время минимум 2 часа в день!]
есть опыт в админ.составе [был ли ты модером, или админом, не важно, главное, чтобы было понимание того, что нужно для игроков]
— умеешь пилить графику, дизайны, или разбираешься в кодах [не обязательно, но это будет огромным твоим плюсом!]
— креативен [можешь придумать пару конкурсов? или просто накидываешь несвязанные идеи, из которых потом можно что-то оформить, то это будет просто замечательно!]

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

ps: внешности на будущий проект не держим, ждите тест. но вы можете посидеть во флуде и просто пообщаться.

Код:
1. ник [как к тебе обращаться]
2. опыт [кем был, когда и на каких проектах]
3. что умеешь? [если пилить конкурсы, то пару идей \\ если графику, то пару примеров \\ делал дизайны, хотелось бы увидеть пример]
4. связь [желательно телегу, ибо наши рабочие чаты именно там]

0

11

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

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

/* A1.1 */
  @import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
@import url('https://fonts.googleapis.com/css?family=Montserrat:900i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Oswald:500&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One');
@import url('https://fonts.googleapis.com/css?family=Yellowtail|Old Standard TT');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Marck+Script');
@import url('https://fonts.googleapis.com/css?family=Pangolin');
@import url('https://fonts.googleapis.com/css?family= Pacifico');
@import url('https://fonts.googleapis.com/css?family=Raleway:900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:900');
@import url('https://fonts.googleapis.com/css?family=Cormorant+SC');
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase');
@import url('https://fonts.googleapis.com/css?family=Oranienbaum');
@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch');
@import url('https://fonts.googleapis.com/css?family=Pompiere');
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative');
@import url('https://fonts.googleapis.com/css?family=Amatica+SC');
@import url('https://fonts.googleapis.com/css?family=Megrim');
@import url('https://fonts.googleapis.com/css?family=Cookie');
@import url('https://fonts.googleapis.com/css?family=Pangolin');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
@import url('https://fonts.googleapis.com/css?family=Cormorant Garamond');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
@import url('https://fonts.googleapis.com/css?family=Alice');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://fonts.googleapis.com/css?family=Prata');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
@import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Arsenal');
@import url('https://fonts.googleapis.com/css?family=Tenor+Sans');
@import url('https://fonts.googleapis.com/css?family=Vollkorn+SC');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');





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

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

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


.pa-awards {display:none;}



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


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

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

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

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

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

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

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

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font-size: 11px;
  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;
  }

/* 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 Float clearing and hidden items
-------------------------------------------------------------*/

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

  }

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

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

/* A5.1 Общее тело форума */
#pun {
width: 980px;
margin: auto;
padding: 50px 0px 0px 0px;
margin-top: 100px!important;

}

/* A5.2 Внутренности "тела" форума*/
.punbb {
 margin-left: 20px;
width: 940px;
height: auto;
 float: none;  
}

/* A5.3 */
#pun-redirect{
  border:0 none!important;
  left:0;right:0;
  top:0;bottom:0;
margin:0px;
padding:0px;
  position:fixed;
  width:100%;
  height:100%;
  text-align: center; 
}
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
display: none;
}
#pun-redirect.punbb .info .container{
  display:inline-block;
  left:0;right:0;
  top:0;bottom:0;
  width:640px;
height: 62px;
margin: 10% auto;
text-align: center;
 font-weight: bold;
font-family: arial!important;
background-color: #ebebeb;
color: #333!important;
border: 1px solid #ebebeb!important;
 box-shadow: 0px 0px  1px 1px #CAB682 inset;
padding: 10px;
font-size: 12px;
}



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

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

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 0px;


  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 1.3em 1em 0.4em 1.0em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 0;
text-transform: lowercase;
    font-size: 12px;
font-family: oswald!important;
    color: #333!important;

   }

/***************************************/*************************************************************
B — MAIN CONTENT — GENERAL
**************************************************************/

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

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

.punbb .post-content a {
    color: #CAB682;
    font-weight: bold;
}

.punbb .post-content a:hover {
   color: #25272B;
text-shadow: 1px 1px 1px #ffffff!important;
    font-weight: bold;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
    width: 60%;
    margin: 5px auto; 
border-bottom: 1px dashed #CAB682!important;
box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 140%;
  font-size: 11px;
  }

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

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

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

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


/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 1em 5px 1em 5px;
   padding: 10px 15px 5px 15px; 
    }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
 font-size: 1.1em;
font-family: oswald;
letter-spacing: 2px;
font-weight: bold;
 font-style: normal;
margin: 0;
height: 14px;
border-radius: 0px;
text-transform: uppercase!important;
 padding: 4px;
margin: -5px 0px 20px 0px!important;
border-bottom: 1px solid #25272B!important;
}

.legend a {
    color: #25272B!important;
}

.legend a:hover {
  color: #CAB682!important;
text-shadow: 1px 1px 1px #25272B!important;
}


.punbb .quote-box cite {
    color: #768469!important; 
}



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

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

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

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

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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  margin-top: -1.0em;
  left: 2em;
  width: 24em;}

/* B3.4 */
.linkst .postlink {
  position: absolute;
  right: 2.5em;
  width: 16em;
  margin-top: -2.5em;
  text-align: right;
  font-weight: bold;}

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;}

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

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  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 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 28px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
   text-align: center;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
letter-spacing: 0.6px;
 font-size: 12px;
 }

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

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

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

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

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

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

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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align:justify;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 8%;
color: #E2E2E2!important; 
}

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: right;
  width: 30%;
color: #E2E2E2!important; 
  }

.punbb .main .tcr a {
color: #CAB682!important; 
  }



/* 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: center;
  width: 20%;
  }

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

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


.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 30px !important;
    width: 30px !important;
      border: 2px solid #CAB682;
   opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}



/* C2.8 */
#pun-index .tcl h3 {
font-size: 14px;
 text-align: left;
letter-spacing: 1px;
padding: 8px 6px 6px 8px;
margin-top: 2px !important;
    margin-left: -5px;
margin-bottom: 5px;
font-family: oswald!important;
font-weight:bold!important;
text-transform:uppercase;
line-height: 8px;
}

#pun-index .tcl h3 a:hover{
font-size: 14px;
 text-align: left;
letter-spacing: 1px;
margin-top: 2px !important;
    margin-left: 0px;
margin-bottom: 5px;
font-family: oswald!important;
font-weight:bold!important;
text-transform:uppercase;
line-height: 8px;
}



.tclcon h3 a {
color: #CAB682!important; 
 }




/* 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 {
  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 */
#pun-index td div.tclcon {
 width: 450px;
    line-height: 12px;
    text-align: justify;
 font-size: 10px;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
color: #E2E2E2!important; 
}

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

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

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

/* C3.2 */
.punbb .post h3 {
  border-style: none none none none;
  border-width: 0px;
margin: 10px 5px 5px 10px;
 margin-bottom: 10px!important;
}


/* C3.3 */
.punbb .post h3 span {
display: block;
 border-left-style: none;
  border-left-width: 0px
color: #25272B!important;
font-family: oswald;
font-weight: normal;
font-size: 10px;
 font-style: normal;   
   padding: 5px 5px 5px 5px;
text-transform: uppercase;
margin-left: 15px;
margin-top: -7px !important;
}

/* 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: 10px -5px 0px; 
text-align: center; 
width: 222px; 
background-color: #25272B;
border-top: 4px solid #CAB682!important;
 } 


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

/* C3.7 */
.pa-author {
width:210px;
margin: 15px -5px!important;
 }

/* C3.8 */
.pa-author a {
text-align: center;
display: inline-block;
font-family: oswald !important;
text-transform: uppercase!important;
   font-weight: 700 !important;
  font-size: 12px!important;
color: #ebebeb!important;
width:200px;
letter-spacing: 2px;
padding: 2px;
  }

.pa-author a:hover{
 color: #CAB682!important;
text-shadow: 1px 1px 1px #25272B!important;
 }


li.pa-avatar  {
margin:  10px  -10px;
}

li.pa-avatar img {
max-width: 180px!important;
max-height: 180px!important;
}


/* C3.9 */
li.pa-title {
  margin-top: -10px;
  margin-bottom: 5px;
 text-transform: lowercase;
    letter-spacing: 1px;
   color: #ebebeb!important; 
    text-size: 10px; 
font-family: arial !important;
    font-style: normal;
    font-weight: 500;
 }

li.pa-online {
    line-height: 11px;
letter-spacing: 1px;
text-size: 10px!important; 
color: #ebebeb!important;
font-family: oswald!important;
margin: 15px  8px 5px  10px;
text-transform: uppercase;
font-weight: bold!important;
padding: 5px;
}

.pa-last-visit{
    line-height: 11px;
letter-spacing: 1px;
text-size: 10px!important; 
color: #ebebeb!important;
font-family: arial !important;
    font-style: normal;
    font-weight:500;
padding: 5px;
width:200px;
}



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

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

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 18px;
  line-height: 2em;
  margin-left: -15em;
  text-align: right;
 font-size:11px;
  text-transform: lowercase;

 }

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

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

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

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

/* C4.1 */
.punbb .modmenu .container {
  padding: 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: 0.8em;
  }

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

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

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

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: none;
  border-width: 0px;
  padding: 1.5em 18px 0.8em 18px;
background-color: #ebebeb;
color: #25272B!important;
border: 1px solid #25272B!important;
 box-shadow: 0px 0px  1px 1px #CAB682 inset;
margin-bottom: 10px!important;
   }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0px 14px -1em 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.8em;
 }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
 margin-left: -16em;
padding: 4px 4px;
color: #25272B!important;
font-family: oswald !important;
 font-weight: 700;

 }

#viewprofile li span a{
color: #CAB682;
text-shadow: 1px 1px 1px #25272B!important;
}

#profile-right li strong {
margin-top: 5px!important;
border-bottom: 1px solid #25272B!important;
 }

#profile-signature {
border: none!important;
display:none;
}

#profile-left strong {font-family: oswald;
  font-weight: 600;}



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

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

  }

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

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

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

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

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

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

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

/* 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  {
  display : none;
  }

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0 auto;

 }

/* D3.2 */
#pun-navlinks .container  {
 text-align: center;
margin-top: -30px!important;
  height: 22px;
  width: 900px; 
  text-transform: uppercase;
 font-style: normal;
font-weight: 700;
padding: 1px;
  }
  

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


/* D3.4 */
#pun-navlinks li a {
font-family: oswald !important;
    text-align: center;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
font-size: 14px;
font-weight:bold!important;
padding: 4px 4px 4px 4px;

 }


#pun-navlinks li a:hover {
color: #CAB682;
text-shadow: 1px 1px 1px #ffffff!important;
 }




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

/* D4.1 */
#pun-ulinks  {
     border: none 0px ;
  }

/* D4.2 */
#pun-ulinks .container {
 position: absolute;
 background-color: transparent;
  font-size: 9px;
 text-align: center;
font-family: arial !important;
    font-style: normal;
    font-weight:500;
 letter-spacing: 0px;
    text-transform: lowercase;
margin-top: 5px;
    width: 850px;
margin-left: 54px;
  text-align: center !important;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
color: #333!important;
  border-left-style: none;
  border-left-width: 0px;
  white-space: nowrap;   
  margin: 0px;

  }

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

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

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

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

/* D5.2 */
#pun-status .container {
text-align: center;
padding: 0.8em 1em 1em 1em;
  margin-top: 10px;
 color: #282828;
 font-size: 11px;
font-style: normal;
text-transform: lowercase;
  font-family: arial;
 font-weight: 600;
  text-shadow: none !important;
  background: none;
}


 /* D5.3 */
#pun-status span {
  white-space: nowrap;
  }


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

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 3em 2em 0.8em 2em;
text-align: left;
  font-style: normal;   
color: #25272B!important;
  font-family: arial;
 font-weight: 600;
  text-transform: lowercase;
margin-bottom: 10px;
font-size: 11px;
    text-shadow: none !important;
  background: none;
    height: 16px;

 }

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
 margin: 10px 0 20px  0px;
}

/* 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: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
 text-transform: lowercase;
  }


/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 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 {
  text-align: center;
  line-height: 120%; 
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
 margin-top: 0px;
 }

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

/* D8.7 */
#pun-crumbs2 .container {
   border-top: none;
padding: 1em 1em;
text-align: left;
  font-style: normal;   
color: #25272B!important;
  font-family: arial;
 font-weight: 600;
     text-transform: lowercase;
margin-bottom: 10px;
font-size: 11px;
    text-shadow: none !important;
  background: none;
    height: 16px;
  }

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

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

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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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: 0px;
  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;
  }
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -320px; top:-175px
}


0

12

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/


/* CS1.0A Настройки фона*/

html {
background: url();
background-position: top center;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #25272B;
 background-size: cover;
}




/* CS1.0B Настройки "тела" форума*/
#pun {
width: 980px; 
background-color: #E2E2E2;
 background-image: url("");
 background-repeat: repeat; 
background-position: top center;
}

.punbb {
width: 980px;
}


/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 4px;
height: 4px;
background-color: #ebebeb;}

::-webkit-scrollbar-thumb:vertical {
background-color: #CAB682;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #25272B;
}


/*выделение*/
body *::-moz-selection {
  background: rgba(202, 182, 130);
  color: rgb(24, 24, 25);
}
body *::-webkit-selection {
  background: rgba(202, 182, 130, 0.8);
  color: rgb(24, 24, 25);
}
body *::selection {
  background: rgba(202, 182, 130, 0.8);
  color: rgb(24, 24, 25);
 text-shadow: none !important;
}


/* CS1.0D Настройки шапки*/
#pun-title.section {
   background-image: url(https://forumstatic.ru/files/001a/6c/49/33810.png);
   background-repeat: no-repeat;
background-position: top center;
 border: none;
    width: 980px;
    height: 200px;
 margin-left: -20px;
margin-top: -100px!important;

}

/* CS1.0F Настройки футера/копирайта */
#pun-about p.container {
background-image: url(https://forumstatic.ru/files/001a/6c/49/58091.png);
margin: 0px 0px -90px -20px;
  background-repeat: no-repeat;
background-position: top center;
 width: 980px;
    height: 100px;
    overflow-x: hidden;
padding-bottom: 90px;
}




/* CS1.1 Элементы форума*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-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  {
  background-color: transparent;
  }


/* CS1.3 Настройки заголовков*/
 .punbb .main h1,  #pun-debug h2, .punbb-admin #pun-admain h2 {
font-size: 15px;
text-align: center;
font-family: oswald;
color: #25272B;
text-transform: uppercase;
display:none;
}


/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background-color: #ebebeb;
color: #25272B!important;
border: 1px solid #25272B!important;
 box-shadow: 0px 0px  1px 1px #CAB682 inset;
border-radius: 0px;
}


/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text {
display: block;
margin: 0 1.0em 0 1.0em;
color: #25272B!important;
border-radius: 0px;
font-family: oswald;
font-weight: normal;
font-size: 14px!important;
text-align: center;
line-height: 15px;
background-color: #ebebeb;
}


/* CS1.8  Настройки формы ответа*/
.punbb textarea  {
background-color: #ebebeb;
color: #25272B!important;
border: 1px solid #25272B!important;
 box-shadow: 0px 0px  1px 1px #CAB682 inset;
padding: 5px;
font-size: 11px!important;
border-radius: 0px;
}


/* CS1.9 Настройки окон в форме ответа*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
border-radius: 0px;
padding: 4px;
border: none;
background-color: #ebebeb;
color: #25272B!important;
border: 1px solid #25272B!important;
 box-shadow: 0px 0px  1px 1px #CAB682 inset;
}


/* CS1.11 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb select {
border-radius: 0px;
background-color: #ebebeb;
color: #25272B!important;
border: 1px solid #25272B!important;
 box-shadow: 0px 0px  1px 1px #CAB682 inset;
color: #333!important;
border: none;
padding: 4px;
}

/* CS1.12 кнопки */
.punbb .button {
font-size: 12px!important;
background-color: #25272B;
color: #ebebeb!important;
border: none;
   text-align: center;
text-transform: lowercase;
padding: 2px 4px;
min-width: 110px;
border-radius: 0px;
 font-family: oswald !important;
   font-weight: 500;
   transition: all 0.5s ease-in-out 0s;
 letter-spacing: 1px;
margin-bottom: 10px!important;
}


.punbb .button:hover {
background-color: #CAB682;
color: #25272B!important;
text-align: center;
padding: 2px 4px;
text-transform: lowercase;
 font-family: oswald !important;
   font-weight: 500;
   transition: all 0.5s ease-in-out 0s;
 letter-spacing: 1px;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 Убираем все рамки*/
.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, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {border-color: transparent;}
/* Ссылки*/
/* Настройки ссылок*/
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color: 
#25272B; border-bottom: 0px none #000; text-decoration: none;
  -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4; }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #25272B;}
/* Настройки ссылок при наведении*/
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {color: #;}
/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {color: #25272B;}
/* Настройки навигационных ссылок при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color:#CAB682;}


/* CS4 Иконки сообщений
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {
    display: none;
}
#pun-index table Div.icon {
    float: left;display: block;margin-right: 2px!important;margin-left:  5px!important;margin-top: 1px!important;
width: 2px; height: 120px; background-color: #E2E2E2; background-repeat: no-repeat;
}
#pun-index TR.inew Div.icon {
    background-repeat: no-repeat;width: 2px;height: 120px;margin-top: 1px!important; background-color: #CAB682;
  }


#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
 display: block; float: right;height: 10px; margin-right: 2px!important;margin-left:  5px!important;margin-top: 2px!important; position: relative;width: 10px; background-color: #25272B; 
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
  display: block; float: right;  height: 10px;
    margin-right: 2px!important;margin-left:  5px!important;margin-top: 2px!important; width: 10px;  background-color: #CAB682; }



#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 10px;height: 10px;margin-top: 2px!important;background-color: #25272B; border: 1px solid #CAB682!important;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 10px;height: 10px;margin-top: 2px!important; background-color: #CAB682;
}




/* CS5 Другое
-------------------------------------------------------------*/
.closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {display: none}
.punbb th {background: #transparent;color: transparent;}
.punbb .post-sig {color:#25272B;}
#profile .container #profilenav h2 {text-align : left;color: #25272B; text-shadow: none; padding: 5px; margin-bottom: 5px!important;}
#arrows {position:fixed;right:2%;bottom: 45%;}
#qpsContainer {display:none;} 
#post .formsubmit {text-align: center;}
.offline li.pa-online strong {font-weight: normal;}
#post-form h2 span {display:none;}
#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}
.punbb-admin #pun-admain h2{color: transparent;background: transparent;
text-align: left;text-shadow: none; padding-left: 55px;}
#pun-admain .adformal, #pun-admain .adcontainer {border: none;border-color:  transparent;}
#pun-reputation div {background-color: #ebebeb;color: #25272B!important;
border: 1px solid #25272B!important; box-shadow: 0px 0px  1px 1px #CAB682 inset;}
#pun-status .item4 {display:none;}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
 overflow-y: auto;padding: 10px; max-height: 200px;}
#pun-navlinks #navawards, #pun-ulinks .container li.item3, #pun-ulinks .container li.item5  {
display:none;}
#pun-viewtopic .post h3 {padding-bottom: 2px;  height: 10px; width: 960px; margin-left: -16px; font-family: oswald; font-weight: normal; font-size: 12px;    }
#pun-viewtopic .post h3 a {color: #25272B!important;}
textarea#main-reply {width: 100%;  height: 100%;  height: 205px;  margin: 0 auto !important;  padding: 0.75em;  box-sizing: border-box;overflow: auto;border-radius: 0px; margin-left: 5px!important;}
#pun-about {margin-bottom:-3px!important;}
#pun-index .category tr {background-color: #25272B; }
#pun-index .category table {border-spacing: 0px 14px;}
.category .container thead {display: none;}
#tags .container {background-color: #ebebeb;color: #25272B!important;
border: 1px solid #25272B!important; box-shadow: 0px 0px  1px 1px #CAB682 inset;}
#keyboard-span input { color:#25272B!important; }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {overflow:hidden; overflow-y:auto; padding: 4px 9px!important; height:355px;z-ndex:100000; }
#pun-about p.container .item1 { position: absolute; text-align: center;font-style: normal !important;letter-spacing: 0px !important;font-size: 11px!important;text-transform: lowercase; color: #25272B!important;padding-top: 0px; margin: 34px 0 0 360px;}



/*CS6 Категории
-------------------------------------------------------------*/
#pun-index div.category h2, #pun-index #pun-stats h2 {
    text-align: center;
    font-size: 0px !important;
     z-index: 5;
    margin: 0px -20px 0px;
    background-position: top center;
    height: 20px;
    width: 980px;
     background: url(https://forumstatic.ru/files/001a/6c/49/12326.png);
}




/*------------ сообщение и репутация -------------*/
/* соо и репа*/
.pa-posts, .pa-respect, .pa-fld1 {
 display: inline-block;
   font-weight: 500;
   font-family: arial;
   width: 60px;
   line-height: 12px;
    text-transform: lowercase;
    font-size:10px;
    padding-bottom: 5px !important;
   margin-left: -4px !important;
   position: relative;
    padding: 4px 4px !important;
color: #ebebeb!important;
}
.pa-respect img {width: 7px !important;}

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







/******************
Кнопки вверх/вниз
*******************/

.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 42px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 42px;
    z-index: 9999;
}

.go-up {
    bottom: 55%;
    margin-left: 990px !important;
}

.go-down {
    bottom: 44%;
    margin-left: 990px !important;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}




0

13

<div class="lzname"><a href="https://wasteitonme.rusff.me/profile.php?id=2">нана комацу, 25</a> </div><div class="lizn">lorem ipsum dolor sit amet, consectetur adipiscing elit. cras ornare fringilla cursus. praesent eget porta augue.<a href="https://wasteitonme.rusff.me/profile.php?id=2">выражаю любовь к себе</a> </div>

0

14

<img src="https://forumstatic.ru/files/001a/6c/49/62244.png">

0

15

<!--флуд-->
<div class="mdactiv" style="position: absolute; margin-left: 20px !important; top: 92px; "><a href="http://giventakentest.rusff.me/profile.php?id=53"title="активист чонсон"><img src="https://i.imgur.com/41QJTug.png">
</a></div>

<div class="mdactiv" style="position: absolute; margin-left: 70px !important; top: 92px;"><a href="http://giventakentest.rusff.me/profile.php?id=31"title="активистка джису"><img src="https://i.imgur.com/JTwIxlu.png">
</a></div>

<div class="mdactiv" style="position: absolute; margin-left: 120px !important; top: 92px;"><a href="http://giventakentest.rusff.me/profile.php?id=49"title="активист чангюн"><img src="https://i.imgur.com/XkfsWM7.png">
</a></div>

<!--пост-->
<div class="mdpost" style="position: absolute; margin-left: 580px !important; top: 83px;"><a href="http://giventakentest.rusff.me/profile.php?id=58"  title="активист чонвон"><img src="https://i.imgur.com/x7O89pC.png">
</a></div>

<div class="mdpost" style="position: absolute; margin-left: 630px !important; top: 83px;"><a href="http://giventakentest.rusff.me/profile.php?id=36"title="активист джехен"><img src="https://i.imgur.com/TqNhgpR.png">
</a></div>

<div class="mdpost" style="position: absolute; margin-left: 680px !important; top: 83px;"><a href="http://giventakentest.rusff.me/profile.php?id=13"title="активистка дженни"><img src="https://i.imgur.com/8Y6GDy3.png">
</a></div>

<!--пара-->
<div class="mdpara" style="position: absolute; margin-left: 788px !important; top: 83px;"><a href="  "title="любвеобильные энхайпен"><img src="https://i.imgur.com/9PloegX.png">
</a></div>

<!--эпизод-->
<div class="mdepizod" style="position: absolute; margin-left: 21px !important; top: 149px; "><a href="http://giventakentest.rusff.me/viewtopic.php?id=37#p9186"title="только рюмка водки на столе"><img src="https://i.imgur.com/0Zrgzjl.png">
</a></div>

<!--лицопост-->
<div class="mdapost" style="position: absolute; margin-left: 634px !important; top: 151px;"><a href="http://giventakentest.rusff.me/profile.php?id=46" title="юджон"><img src="https://i.imgur.com/t1c41hu.png">
</a></div>

<!--пост-->
<div class="mdpostxt">юджон ощущает эмоциональную непригодность все чаще, появляясь дома все реже, ведя разговоры все короче. последняя подработка горит тысячами огней превращая бесполезные бумажки в россыпь несуществующих звезд. у него теперь полно времени, но от этого становится еще более тошно.
<a href="http://giventakentest.rusff.me/viewtopic.php?id=42#p10142">читать дальше...</a>
</div>


<div style="height: 16px; width: 375px; top: 75px; margin-left: 120px; position:absolute; z-index:100; color: #333; font-family: oswald; font-weight: 500; line-height: 12px; text-align: center;  font-variant: normal; text-decoration: none;">
<a href="http://maydaykorea.rusff.me/profile.php?id=37">sejun</a>,    <a href="http://maydaykorea.rusff.me/profile.php?id=45">seungshik</a>, <a href="http://maydaykorea.rusff.me/profile.php?id=4">subin</a>,   <a href="http://maydaykorea.rusff.me/profile.php?id=18">lisa</a>,    <a href="http://maydaykorea.rusff.me/profile.php?id=5">yoongi</a>,    <a href="http://maydaykorea.rusff.me/profile.php?id=6">hongjoong</a>   
</div>


<div style="height: 77px; width: 170px; top: 170px; margin-left: 190px; position:absolute; z-index:100;  text-align: center; overflow-y: auto;">
<div class="mdnews"><a href="http://maydaykorea.rusff.me/viewtopic.php?id=37#p4751"><img src="https://i.imgur.com/38qkkCK.png"></a></div>
<div class="mdnews"><a href="http://maydaykorea.rusff.me/viewtopic.php?id=72#p3239"><img src="https://i.imgur.com/UzIqaIU.png"></a></div>
<div class="mdnews"><a href="http://maydaykorea.rusff.me/viewtopic.php?id=63#p2402"><img src="https://forumstatic.ru/files/001b/26/e3/50619.png"></a></div>
<div class="mdnews"><a href="http://maydaykorea.rusff.me/viewtopic.php?id=61#p1980"><img src="https://i.imgur.com/UGVQI3Y.png"></a></div>
<div class="mdnews"><a href="http://maydaykorea.rusff.me/viewtopic.php?id=33"><img src="https://forumstatic.ru/files/001b/26/e3/27090.png"></a></div>
<div class="mdnews"><a href="http://maydaykorea.rusff.me/viewtopic.php?id=38"><img src="https://forumstatic.ru/files/001b/26/e3/77931.png"></a></div>
</div>

0

16

<!--амс->
<div style="height: 16px; width: 375px; top: 75px; margin-left: 120px; position:absolute; z-index:100; color: #333; font-family: oswald; font-weight: 500; line-height: 12px; text-align: center;  font-variant: normal; text-decoration: none;">
<a href="http://maydaykorea.rusff.me/profile.php?id=37">sejun</a>,    <a href="http://maydaykorea.rusff.me/profile.php?id=45">seungshik</a>, <a href="http://maydaykorea.rusff.me/profile.php?id=4">subin</a>,   <a href="http://maydaykorea.rusff.me/profile.php?id=18">lisa</a>,    <a href="http://maydaykorea.rusff.me/profile.php?id=5">yoongi</a>,    <a href="http://maydaykorea.rusff.me/profile.php?id=6">hongjoong</a>   
</div>

0

17

<!--флуд-->
<div class="mdactiv" style="position: absolute; margin-left: 20px !important; top: 92px; "><a href=""title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="mdactiv" style="position: absolute; margin-left: 70px !important; top: 92px;"><a href=""title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

<div class="mdactiv" style="position: absolute; margin-left: 120px !important; top: 92px;"><a href=""title="имя"><img src="https://via.placeholder.com/40x40">
</a></div>

0

18

<!--пост-->
<div class="mdpost" style="position: absolute; margin-left: 580px !important; top: 83px;"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png">
</a></div>

<div class="mdpost" style="position: absolute; margin-left: 630px !important; top: 83px;"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png">
</a></div>

<div class="mdpost" style="position: absolute; margin-left: 680px !important; top: 83px;"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png">
</a></div>

0

19

<!--пара-->
<div class="mdpara" style="position: absolute; margin-left: 788px !important; top: 83px;"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/16856.png">
</a></div>

0

20

<!--эпизод-->
<div class="mdepizod" style="position: absolute; margin-left: 21px !important; top: 149px; "><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/16856.png">
</a></div>

0

21

<!--лицопост-->
<div class="mdapost" style="position: absolute; margin-left: 634px !important; top: 151px;"><a href=""title="имя"><img src="https://forumstatic.ru/files/001a/6c/49/70774.png">
</a></div>

0

22

<div style="height: 16px;width: 986px; top: 164px; margin-left: -30px;position:absolute;z-index:100;color: #282725; font-family: arial;font-size: 9px; font-weight: 600; text-transform: uppercase;line-height: 14px; text-align: center;">
<div class="infinavig"><a href="">гостевая</a> — <a href="">правила</a>  —  <a href="">занятые роли</a> — <a href="">нужные персонажи</a> —  <a href="">шаблон анкеты</a>  — <a href="">банк</a>  — <a href="">фильмография</a> </div>
</div>

0

23

[html]<style>
.md-gost {    background: url(https://forumstatic.ru/files/001b/1f/28/10642.png);    width: 640px;    height: 300px; position: relative; overflow: hidden; margin: auto; margin-left: 20px !important;}
.md-gost md-gost1 {position: absolute;    margin-top: 170px;    height: 100px;    overflow: auto; padding-right: 5px;}
.md-gost md-gost1 v {    padding: 2px 2px 0 2px;    text-align: left;    width: 230px;    display: block;    height: 10px;    font-family: arial;    font-size: 7px;    color: #333;       letter-spacing: 1px;    margin-bottom: 2px; text-transform: uppercase; font-weight: 600;}
.md-gost md-gost1 d {    padding: 4px 4px 4px 2px;    text-align:center;    width: 230px;    display: block;    height: 10px;    font-family: arial;    font-size: 10px;   letter-spacing: 0.5px;    margin-bottom: 4px; margin-left: 7px; font-weight: 500;background-color: #F5F3EE;color: #282725!important;border: 1px solid #97A182!important; box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);}
.md-gost md-gost2 { width: 40px; height: 40px; overflow: visible; filter: grayscale(100%) brightness(.5);}

</style>

<div class="md-gost">

<md-gost2 style="position: absolute; margin-left: 125px !important; top: 75px;"><a href="" title="имя"><img src="https://via.placeholder.com/40x40">
</a></md-gost2>
<md-gost2 style="position: absolute; margin-left: 170px !important; top: 75px; "><a href="" title="имя"><img src="https://via.placeholder.com/40x40"></a></md-gost2>
<md-gost2 style="position: absolute; margin-left: 215px !important; top: 75px; "><a href="" title="имя"><img src="https://via.placeholder.com/40x40">
</a></md-gost2>

<md-gost1 style="margin-left: 50px;">
<d>по 00.00 включительно</d>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
</md-gost1>


<md-gost1 style="margin-left: 332px;">
<d>по 00.00 включительно</d>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
<a href="ссылка"><v>[группа] name surname </v></a>
</md-gost1>

<div>

[/html]

0

24

[html]
<style>
.md-vneshnosti{ width: 640px; height: 660px; background-image:url('https://forumstatic.ru/files/001b/1f/28/44252.png')!important; position: relative; overflow: hidden; margin-left: 20px !important; }
.md-vneshn md-vneshn1 {position: absolute;    margin-top: 230px; height: 425px; overflow: auto; padding-right: 5px;}
.md-vneshn md-vneshn1 v {    padding: -2px 2px 0 2px;    text-align: left;    width: 255px;    display: block;    height: 10px;    font-family: arial;    font-size: 7px;    color: #282725;       letter-spacing: 1px;    margin-bottom: 2px; text-transform: uppercase; font-weight: 600;}
.md-vtext {position: absolute; top: 50px; left:30px; width: 570px; height: 90px; padding: 2px 6px 6px 6px; color: #333;   text-align: justify; overflow: auto;  padding-right: 5px; }

</style>

<div class="md-vneshnosti">
<div class="md-vtext"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст  текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст
текст текст  текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст
</div>

<div class="md-vneshn"><md-vneshn1 style="margin-left: 44px;">
<a href="ссылка"><v>[группа] name surname </v></a>

</md-vneshn1>
<md-vneshn1 style="margin-left: 347px;">
<a href="ссылка"><v>[группа] name surname </v></a>

</md-vneshn1>

</div>[/html]

0

25

// chris redfield — крис рэдфилд
[indent=2,1]// resident evil

не будешь мне подчиняться — я найду тех, кто будет
https://forumstatic.ru/files/001a/6c/49/77500.png
original // ryan reynolds

[indent=2,1]// о персонаже  — акция

краткое описание вашего героя для ленивых: раса, пол, возраст, род деятельности и т.п. настоятельно просим указывать ВАЖНЫЕ отклонения от канона, например «в каноне персонаж мёртв, а у меня выжил таким-то образом» или «по завершении канона мой герой отправился путешествовать по миру, и попал в другое измерение». всё заполняется в свободной форме: хотите списком фактом, хотите полотном теста. по желанию можно вообще написать полную анкету — мы не запрещаем.

0

26

#pun-viewtopic .post h3 {padding-bottom: 2px;  height: 65px; width: 950px;  font-family: 'Yeseva One'!important; font-size: 8px; font-weight: bold;
text-transform: uppercase;  letter-spacing: 1px;   background-image: url(https://forumstatic.ru/files/001a/bd/23/36286.png); margin: 5px 0px 0px -9px;}
#pun-viewtopic .post h3 a {color: #282725!important;}

0

27

.punbb .main .tcr {
text-align: left;
    padding-right: 40px!important;
    width: 32%!important;
    font-size: 11px;
    font-family: arial;
    text-transform: lowercase;
    line-height: 140%;
}

.punbb .main .tcr a {
font-family: roboto condensed;
    font-size: 13px!important;
    line-height: 14px;
    color: rgb(173 122 100) !important;
    text-shadow: #fff 1px 1px 0px;
}

.punbb .main .tcr a:hover {
    color: rgb(138 147 111) !important;
    text-shadow: 1px 1px 0px #fff!important;
}

.punbb .user-avatar img.ava {
    border-width: 1px!important;
    border-radius: 0%!important;
    margin: 0px 10px 0px 0px!important;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

0

28

.punbb div.icon {
float: left;
    display: block;
    width: 30px;
    height: 30px;
    padding-right: 0px;
    margin: 7px 8px 0px 5px !important;
}

table Div.icon {
    margin-top: 0px!important;
}

/*------ Нет новых сообщений ------*/

table Div.icon {
     background: url(https://i.ibb.co/gPZg5s4/image.png) no-repeat top center; opacity:0.5;
}

/*------ Есть новые сообщения ------*/

TR.inew Div.icon {
     background : url(https://i.ibb.co/rF62LrM/image.png) no-repeat top center; opacity:1;
}

/*------ Важная тема ------*/

#pun-viewforum TR.isticky Div.icon {
    background: url() no-repeat top center;
}

/*------ Закрытая тема ------*/

#pun-viewforum TR.iclosed Div.icon {
    background: url() no-repeat top center;
}

/*------ иконки внутри темы ------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
display: block;
    float: left;
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    width: 9px;
    height: 11px;
    padding: 5px 3px 2px 7px;
    margin: -4px 16px 0px 0px;
    background: linear-gradient(
107deg
, #efe9e5, #c29c8b);
    border: 1px solid #f3efec;
    outline: 1px solid #bf9682;
    color: #f2f2f2;
    opacity: 0.3;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
background: linear-gradient(
107deg
, #ae7c66, #ceb2a3);
    border: 1px solid #e8ded8;
    outline: 1px solid #ad7a64;
    color: #f2f2f2;
    opacity: 1;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: linear-gradient(
107deg
, #cbcfba, #959c7b);
    border: 1px solid #cbcfba;
    outline: 1px solid #8f9676;
    color: #f3efec;
    opacity: 1;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background: linear-gradient(
107deg
, rgb(203 207 186), rgb(155 162 131));
    border: 1px solid rgb(203 207 186);
    outline: rgb(149 156 123) solid 1px;
    color: rgb(243 239 236);
    opacity: 1;
}

#pun-viewforum TR.inew Div.icon::before, #pun-messages TR.inew Div.icon::before, #pun-searchtopics TR.inew Div.icon::before {content: "\f7b6";     margin: -2px -2px!important;
    position: absolute;}
#pun-viewforum TR.isticky Div.icon::before, #pun-messages TR.isticky Div.icon::before, #pun-searchtopics TR.isticky Div.icon::before {content: "\f12a";
    margin: -2px -2px!important;
    position: absolute;}
#pun-viewforum TR.iclosed Div.icon::before, #pun-messages TR.iclosed Div.icon::before, #pun-searchtopics TR.iclosed Div.icon::before {content: "\f00d";      margin: -3px -2.5px !important;
    position: absolute;}

0

29

#pun-index td div.tclcon {
color: #607c90;
    text-shadow: 1px 1px 0px #eff5f5;
    letter-spacing: 0.4px;
    margin-left: -2px;
    margin-bottom: 20px;
    width: 434px;
    height: 53px;
    font-size: 9px;
    padding: 0px;
    line-height: 150%;
    background: url(https://i.ibb.co/sFxzFDd/image.png) no-repeat;
    text-align: justify;
    text-transform: lowercase;
}

.tclcon h3 {
letter-spacing: 0.4px;
    color: rgb(243 239 236);
    padding: 9px 2px 9px 0px!important;
    text-transform: uppercase;
    width: 421px;
    font-size: 13px !important;
    text-align: left !important;
    text-shadow: rgb(90 102 69) 1px 1px 0px !important;
    font-family: roboto !important;
    font-weight: 500 !important;
    margin-top: 0px !important;
}

.tclcon h3 a {
color: rgb(243 239 236);
    text-shadow: rgb(86 98 66) 1px 1px 0px !important;
}

.tclcon h3 a:hover {
color: rgb(243 239 236);
    text-shadow: rgb(86 98 66) 1px 1px 0px !important;
    opacity: .4;
}

.pcom {
    text-align: center;
}

.navilink a {
    margin: 0 5px;
}

.tem .navilink a {
    color: #ffffff!important;
    text-shadow: 1px 1px 0 #7e7db5;
    background: #b5b4d8;
    letter-spacing: 0.4px;
    padding: 1px 6px 1px 6px;
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
}

0

30

/*Описание подфорума и ссылки
-------------------------------------------------------------*/
.hotfor {margin: 0px 47px!important; position: absolute; width: 376px; font-size: 10px; font-family: 'Roboto'; text-align:center;}
.hotfor a {margin-right: 2px;}

0


Вы здесь » waste it on me test » АДМИНИСТРАТОРСКАЯ » мэйдэй


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