runawayHanter.

Объявление

активисты
 
Рейтинг Ролевых Ресурсов - RPG TOP
эпизод
  
пост
  

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




































НОВОСТИ
ОЧЕРЕДНОСТЬ ПОСТОВ

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

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


Вы здесь » runawayHanter. » Тестовый форум 1 » Коды


Коды

Сообщений 31 страница 60 из 66

31

http://forum.mybb.ru/viewtopic.php?id=3 … =9#p822333
скрипт тестирования переадресации

+1

32

ну что вышло?) проверяю

0

33

hanter-d, слишком большой в ФО

0

34

рррррррррррррррр2

0

35

hanter-d, не рррррычи)))

0

36

категории не НГ

Код:
/* CS5 category
 -------------------------------------------------------------*/

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

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

#pun-main #pun-category1.category h2{
background: url(http://funkyimg.com/i/Rzes.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category2.category h2{
background: url(http://funkyimg.com/i/Rzeq.png) no-repeat;
margin-left: -100px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category3.category h2{
background: url(http://3.firepic.org/3/images/2014-12/13/4zhvmjg7xibw.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category4.category h2{
background: url(http://3.firepic.org/3/images/2014-12/13/bunce9vluz8m.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category5.category h2{
background: url(http://3.firepic.org/3/images/2014-12/13/5ngtkt7inukv.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category6.category h2{
background: url(http://3.firepic.org/3/images/2014-12/13/n84xchct4b5w.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}
#pun #pun-index #pun-stats h2{
background: url(http://3.firepic.org/3/images/2014-12/13/w4oxybroiz0v.png) no-repeat; color: red;
margin-left: -101px;
width: 1085px;
height: 115px;

}

0

37

Поставила сразу для переноса:
- невидимость надписи о редактировании
- скрытие модераторов
- подфорум (замена)
- кнопки в описании форума (под диз)
- закруглила края на кнопках Отправить и Редактировать
- добавила тень в разделительной черте пост/подпись (с картинкой не вышло, но и так было видно, что она лишняя

0

38

верх стиля

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

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

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

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

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


/* A2.2 */
.punbb * {
  margin: 0;
 font-size: 100.1%;
  }

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

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

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

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

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


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

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


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

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

/*knopki + forma otveta*/

.punbb textarea, .punbb select, .punbb input {
  background-color: #a7b0e6;
  font-size: 12px !important;
  color: #000000;
}

.punbb textarea  {
box-shadow: inset 0px -11px 40px #06114f;
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-weight: normal;
 color: #1f0d01;
  }
/* A3.5 */
.punbb h1 span, .punbb legend span {
  font-size: 1.2em;
 color: #1f0d01;
 position: top center;
  }

.punbb h2 span {
display: none; 
}

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

/* 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: -99999px;
 text-align: center;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 1000px;
  padding: 0px 10px 0px 10px;

}


/* A5.2 */
.punbb {
  float: left;
  width: 870px;
  height: auto;
  margin-left: 60px;
  }


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

    #pun-redirect {
      margin:  20%  20% 12px 20%;
      float: none;
    background-image:url(http://funkyimg.com/i/S5Py.png);
    text-align: center;
    background-position:top center;
    background-repeat:no-repeat;
    padding-top: 40px!important;
    width: 500px;
    height: 213px;
    }

    #pun-redirect h1 span {
    font-weight: bold;
    color:  #BEBEBE;
    }

    #pun-redirect .info .container {
    color: #BEBEBE;
    font-size: 12px;
    }

    #pun-redirect a {
    color: #BEBEBE;
    font-size: 12px;
    text-decoration: none;
    }


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

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

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

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

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

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

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


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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 2px solid #4d2803;
  width: 500px;
  margin: 5px 0;
  box-shadow: 0px 2px 5px #000;
  }

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

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

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

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

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


/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-left: 5px solid #;
  border-right: 5px solid #;
  }


/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.2em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  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 18px 0 18px;
  margin: 0 0 1em 0
  }

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

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

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

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


  }

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

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

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

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

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

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

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

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

  }


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

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

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

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

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


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

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

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

/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

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

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  width: 20%;
  }

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

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

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

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

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

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

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

   
   .punbb td div.tclcon { 
       margin-right: 75px;
          }


     
/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 62px; /* ширина иконки */
  height: 52px;
padding-left: -50px;
  padding-top: 2px;
  margin-top: 1px;
  background-position: center center;
}

   
 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: transparent;
position: top center;
}



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

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

  }

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

  }

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

  }

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

  }

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

  }

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

  }

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

  }

.punbb .divider {
  border-color: transparent;

  }

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

  }

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

  }








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

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

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

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

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

/* C3.8 */
.pa-author a {
  font-family: "Book Antiqua" !important;
  font-size: 0.7em;
  text-transform: uppercase;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


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

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

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

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

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

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

/* 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: 2.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: -16.3em;
  display: inline;
  }

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

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

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

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/***********************************************/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
  border: medium none;
  height: 520px;
}


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

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


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

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

/* D3.2 */
#pun-navlinks .container {
width: 98%;
text-align: center;
float: left; -5px;
margin-top: -165px;

  }


#pun-ulinks .container {
width: 100%; 
text-align: center;
float: left;
margin-top: 235px;
}

#pun-ulinks .container {
font-style: italic;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;
font-weight: 500;
font-size: 12pt;
}

/* D.3 */
#pun-navlinks li  {
backgroud-color: #transparent;
display: inline-block;
height: 40px;
padding: 4px 0px;
margin-top: -2px;
margin-bottom: -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-variant: small-caps;
font-weight: 700;
font-align: justify; 
font-size: 13pt;
line-height: 16px;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;
}

#pun-navlinks li a {
display: inline-block;
height: 32px;
margin-top: -2px;
margin-bottom: -2px;
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.0em;
  }

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

/* D4.1 */
#pun-ulinks  {
width: 100%; 
text-align: center;
margin-top: 0px;
float: left;
  }



/* D4.2 */
#pun-ulinks container {
  }

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

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

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

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

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

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

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

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

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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

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

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

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

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

/* D8.5 */
#pun-about p span {
  display: none;
  padding-left: 50%;
  }

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

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

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

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


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

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

/* D9.2 */

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

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

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

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

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

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




#submenu table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
color: #a0724c
}


 #menu span table{
height: 40px;
padding: 4px 0px;
margin-top: -2px;
margin-bottom: -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-variant: small-caps;
font-weight: 700;
font-align: justify; 
font-size: 13pt;
line-height: 16px;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;  
}

#pun-main .category .container table thead tr .tcl {
font-size: 0px !important;
}

/* цвет ссылок в табличке замена  */
#sm1 a, #sm2 a, #sm3 a, #sm4 a {
    color: #bf9573;
    text-shadow: 1px 1px 1px rgba(20, 20, 20, 0.5);
}

/* цвет ссылок в табличке при наведении замена  */
#sm1 a:hover, #sm2 a:hover, #sm3 a:hover, #sm4 a:hover {
    color: #b62002;
    text-shadow: 0 0 5px #9d4906;
}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:270px
}
Код:
@media (max-width: 930px) { /* это будет показано при разрешении монитора до 930 пикселей */
  .content-wrapper {padding: 0;} /* основное содержимое занимает всё пространство окна */
}

@media (max-width: 930px) and (min-width: 470px) {  /* для разрешения экрана от 470 до 930 пикселей */
  aside {position: static; width: 100%; background: #ccc;} /* боковая колонка смещается согласно расположению в HTML и меняет фон */
}

@media (max-width: 469px) { /* если максимальное разрешение экрана составит 469 пикселей */
  body {font: .9em/1em "Helvetica Neue",Arial,Helvetica,sans-serif;} /* меняется шрифт */
  aside {display: none;} /* боковая колонка исчезает */
}


/* CS1 Background and text colours
-------------------------------------------------------------*/
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Лого*/
body {
background-image: url("http://3.firepic.org/3/images/2014-12/21/xkt4vk4vk38q.png");
background-repeat: no-repeat;
background-position: top center; 
background-color: transparent; 
}
#pun-announcement {
  height: 250px;
  margin-bottom: 50;
}

/*фон*/
HTML {
background-color: #06114f;
background-image: url("http://funkyimg.com/i/RzeM.png");
background-repeat: repeat-y; 
background-position: center top;
min-width: 1100px;
}

/*низ*/
#pun-about p.container {
background-color: transparent !important;
background-repeat: no-repeat;
height:75px;
}


/*Ставим низ*/
#pun_wrap {  
background-image: url("http://3.firepic.org/3/images/2014-12/13/bl47u97efr24.png");
 background-repeat: no-repeat; 
background-position: center bottom;
}


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

#pun-main .quote-box {background-color: #c8a988;
 }

/* CS1.2 */
#pun-redirect  .main {
  background-color: transparent;
  color: transparent;
  }

 .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #230d0a;
  }

#pun-main h2 {
font-size: 0px;
  }

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

/* CS1.4 */
#pun-title, #pun-title .container {
   background: transparent   url("") top center no-repeat;
  color: #351d1b;
height: 450px;
 }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #d8c2a6;
  color: #341d0a
  }

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

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

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #773103 #4f0f11 #4f0f11 #773103;
   }

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

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

.punbb .divider {
  border-color: #773103 #4f0f11 #4f0f11 #4f0f11
  }

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

li.pa-online {
  border-left-color: #885b04;
  }


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #0921a5;
 text-shadow: 1px 1px 1px #dcb72d; /* Параметры тени */
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #362214;
 text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #581103;
 text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
  }

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

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4a2904;
  text-decoration: underline
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #504034;
  color: #e3d1b7;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

.punbb table Div.icon {float: right; display: block; width: 45px; height: 45px; border-style: none; background-image: url(http://5.firepic.org/5/images/2014-12/14/4wx60qvb6ceg.png);  background-repeat: no-repeat; position: relative; }
.punbb table div.inew {background: url(http://3.firepic.org/3/images/2014-12/14/sthri4w8m3m0.png) no-repeat; position: relative; margin-left: 1px; }
TR.isticky Div.icon {background: url(http://3.firepic.org/3/images/2014-12/14/gscxv8lz8dnx.png) no-repeat; position: relative; margin-left: 1px; }
TR.iclosed Div.icon {background: url(http://3.firepic.org/3/images/2014-12/14/yftd0gw98ld5.png) no-repeat; position: relative; margin-left: 1px; }


/* CS5 category
 -------------------------------------------------------------*/

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

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

#pun-main #pun-category1.category h2{
background: url(http://3.firepic.org/3/images/2014-12/20/vz8q0qo6pz7g.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category2.category h2{
background: url(http://3.firepic.org/3/images/2014-12/20/uci8ma5v7v2h.png) no-repeat;
margin-left: -100px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category3.category h2{
background: url(http://3.firepic.org/3/images/2014-12/20/79ka25gbnk37.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category4.category h2{
background: url(http://3.firepic.org/3/images/2014-12/20/rvc2fk8q8qrl.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category5.category h2{
background: url(http://3.firepic.org/3/images/2014-12/20/kxtboeiv6jt9.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}

#pun-main #pun-category6.category h2{
background: url(http://3.firepic.org/3/images/2014-12/20/6p1gub2gb1ec.png) no-repeat;
margin-left: -101px;
width: 1085px;
height: 115px;
}
#pun #pun-index #pun-stats h2{
background: url(http://3.firepic.org/3/images/2014-12/20/mt21br0erbjd.png) no-repeat; color: red;
margin-left: -101px;
width: 1085px;
height: 115px;

}

/*profile*/

/*НИЗ и НИК*/  

.punbb .post .post-author > ul {
  background:url(http://funkyimg.com/i/Rz9s.png) 0 bottom no-repeat, url(http://funkyimg.com/i/Rz7r.png) 0 top no-repeat;
  margin: -22px 0 -15px 0!important;
  padding: 50px 17px!important;
}


.post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #603313  !important; text-shadow: none !important; }
li.pa-avatar  {z-index: 5; margin-left: 10px !important; margin-top: 0px;}

.pa-title {
padding: 0px 0px 5px 0px !important; 
text-align: center;
z-index: 1000; 
margin-top: 30px !important;
color: #603313 !important;
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-variant: small-caps !important;
font-size: 12pt !important;

font-weight: bold;
margin-left: 7px !important;
}

.pa-author a, .pa-author {
color: #7f6a45 !important; 
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-size: 12pt !important;
font-variant: small-caps !important;
font-weight: bold;
text-align: center;
margin-top: -9px !important;
padding: 0px;
margin-left: 1px !important;
}

/*ТЕЛО ПР*/
.post-author {
background: url(http://funkyimg.com/i/Rzar.png) repeat-y; weight: 230px; text-align: center; color: # !important; 
}
.post-author ul li {
text-align: center;
margin-left: 7px !important;
}

/*НИК*/
#pun-post .pa-author {
background: url(http://funkyimg.com/i/Rz7r.png) 0% 0% no-repeat;
padding: 40px;
margin-left: 0px !important;
}



/*рамка*/
.pa-avatar.item2 img {
max-width: 180px;
box-shadow: 2px 5px 10px 1px #1c0b06;
border-style: solid;
border-width: 2px;
-moz-border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat;
-webkit-border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat;
-o-border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat;
border-image: url(http://funkyimg.com/i/RzaA.png) 1 repeat;
}

.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=20);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=20);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

.punbb textarea, .punbb select, .punbb input {
background-color: #e5bb96; }

/*knopki + forma otveta*/


.punbb textarea, .punbb select, .punbb input {
 background-color: #ad8e78;
 font-size: 11px !important;
 color: #000000;
}

.punbb textarea {
box-shadow: inset 0px -11px 40px #b28b82;
}

0

39

ОСЕНЬ керса

настройки
верхнее окно

.

<style>
#pun-navlinks #navawards{display:none;}
</style>
<style>
#pun-announcement {
background: url("http://funkyimg.com/i/NPGD.png") no-repeat transparent;
height: 306px;
margin-left: -29px;
margin-top: 50px;
width: 937px;
left: -15px
position: relative;
z-index: 0;
}
#menu {
margin-top: -5px;
width: 195px;
height: 290px;
background-repeat : no-repeat;}

#menu span {
text-align:center;
display:block;
color:#a0724c;
margin: 2px 0;
padding: 13px;
font-size: 11pt;
font-style: italic;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;

}
#submenu {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
color:#150401;
background: transparent;
}
#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: url("http://funkyimg.com/i/NPGE.png") #150401;
}

#menu .tabactive {
color: #1f1004;
    background: url("http://funkyimg.com/i/NPTu.png") #190504;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
color:#a0724c;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none;
height: 50px;
}
</style>

<style type="text/css">
tr#forum_fxx, tr#forum_f32, tr#forum_f36 {
   display: none;
  }
</style>
<style>p.lastedit { display: none; }</style>

нижнее окно

.

<script type="text/javascript">
var pmstr = $("#navpm a").html();
if ((pmstr != null) && (pmstr.indexOf("(") != -1)) {
  $("#navpm a").before("<img src='http://funkyimg.com/i/HNDb.gif' title='У Вас новое личное сообщение!' style='margin: -2px 0 0 1px; position: relative;'/>");
}
</script>
<script>
    var supermod = new Array("The Mask","Hayley Marshall", "Charlotte Lange")

    var mod=document.getElementsByTagName("span")
    var str
    for(x in mod) if(mod[x].className=="modlist"){
    for(y in supermod)
        if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
            mod[x].innerHTML=remName(mod[x].innerHTML,pos)
    }

    function remName(str,pos){
    var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
    if(pos2==-1) return("")

    while(pos>pos2 && pos2!=-1){
        pos1=pos2
        pos2=str.indexOf("<A href",pos1+1)
    }
    if(pos2==-1){
        pos2=str.length-1
        pos1-=2
    }
    return (str.substring(0,pos1)+str.substring(pos2,str.length))
    }
    </script>

<!-- границы и фон контейнера цитаты/кода. начало -->
<style>
#pun-main .quote-box, #pun-main .code-box {background-image : url('http://sa.uploads.ru/g3x6o.png');
border-color: #230d0a;}
</style>

<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<style>
.post-author-Sp{
color:transparent!important;
}
img.aw{
background-color:transparent!important;
}
ul.wrapper{
margin-bottom:5px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>

<script>
// кнопка - ссылка на Картинку
var Img="http://funkyimg.com/i/PkcS.png";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer; box-shadow: 0px 0px 0px rgba(48, 24, 6, 0.655);' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
$(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
   navlinks=new Array(

  "navindex",    // Форум
"http://funkyimg.com/i/Pk4i.png","http://funkyimg.com/i/Pk4y.png",
  "navuserlist", // Участники
"http://funkyimg.com/i/Pk5E.png","http://funkyimg.com/i/Pk5F.png",
  "navsearch",    // Поиск
"http://funkyimg.com/i/Pk6g.png","http://funkyimg.com/i/Pk6f.png",
  "navprofile",    // Профиль
"http://funkyimg.com/i/Pk5J.png","http://funkyimg.com/i/Pk5K.png",
  "navpm",    // Сообщения
"http://funkyimg.com/i/Pk5G.png","http://funkyimg.com/i/Pk5H.png",
  "navadmin",    // Администрирование
"http://funkyimg.com/i/Pk4e.png","http://funkyimg.com/i/Pk4D.png",
  "navregister", // Регистрация
"http://funkyimg.com/i/Pk5A.png","http://funkyimg.com/i/Pk5B.png",
  "navlogin",    // Войти
"http://funkyimg.com/i/Pk4g.png","http://funkyimg.com/i/Pk4V.png",
  "navlogout",    // Выход
"http://funkyimg.com/i/Pk5C.png","http://funkyimg.com/i/Pk5D.png"  // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script type="text/javascript">
    PiarNik="PR";
    PiarPas="1111";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://funkyimg.com/i/Pk7v.png\" onmouseover=\"http://funkyimg.com/i/Pk8s.png' \" onmouseout=\"this.src='http://funkyimg.com/i/Pk7v.png'\" /></span>";
    if($("#navlogin").html()!=null){

    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
       function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

<!--Кнопки в верх в низ-->
<div style="position:fixed; right:0.5%; bottom: 30%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://funkyimg.com/i/Pkh5.png" alt="Вверх страницы"></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://funkyimg.com/i/Pkgt.png" style="margin-top: -2px;" alt="Вниз страницы"></a>
</div>

<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) {
var repl = document.getElementById("main-reply");
var submit = document.getElementsByTagName("p")
for (var i=0; i<submit.length; i++){
if (submit[i].className == "formsubmit")
submit[i].innerHTML = "<span id=\"plng\" style=\"border: 1px solid; padding: 2px 3px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML;
}
repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){
document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>";
}}
</script>

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

<div style="position: absolute; margin-top: -55px; margin-left: 37px; width:803px; height: 50px;">
<marquee onmouseout="this.start()" onmouseover="this.stop()" id="fff" behavior="scroll" direction="left" >
<a href="http://crossover.f-rpg.ru/"><img src="http://s3.uploads.ru/jK7zM.gif"/></a>
<a href="http://tvdundercontrol.rusff.me/" target=_blank> <img src="http://savepic.su/4217298.gif" alt="under control" border="0" width="88" hight="31"></a> <a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a target="_blank" href="http://tvdimmortal.rusff.me/"> <img src="http://s0.uploads.ru/9leXW.gif" ></a> <a target="_blank"href="http://vampirlife.mybb.ru"> <img src="http://s8.uploads.ru/t/FZyor.gif"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a> <a href="http://divergent.f-rpg.ru/"  target="_blank"> <img src='http://divergent.f-rpg.ru/files/0014/1b/a0/68388.gif' border=0 title="Дивергент. Выбор Бесстрашных." /></a> <a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt="  Tvd Darkness falls "width=88  height=31 border></a> <a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a href="http://vadarknight.rolka.su/"> <img src="http://s9.uploads.ru/PHi9C.gif" title="Vampire Academy: The Dark Night"></a>
<a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a> <a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a> <a target="_blank" href="http://vampirea.rusff.me/"> <img src="http://s6.uploads.ru/pXeVI.gif" ><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a> <a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a> <a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://thewayhome.rusff.me/"> <img src="http://firepic.org/images/2014-01/08/ixdqgretnwg9.gif"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> </a><a href="http://twchaosrising.rusff.me/" target="_blank"> <img src="http://4.firepic.org/4/images/2014-09/11/7zf8nrp0div3.gif" title="TW: Chaos Rising" border="0" width="88" height="31"></a> <a target="_blank" href="http://holyvervain.f-rpg.ru/"> <img src="http://sd.uploads.ru/aqJ9V.gif" ></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a target="_blank" href="http://flavorofnights.rolka.su"> <img src="http://se.uploads.ru/19POv.gif" ></a></marquee></div>

объявление

.

<center><table style="width: 800px">
<tbody><tr><td valign="top">
  <div id="menu"><b>
    <span style="cursor: pointer;" alt="#sm1">ГЛАВНАЯ</span>
    <span style="cursor: pointer;" alt="#sm2">НАВИГАЦИЯ</span>
    <span style="cursor: pointer;" alt="#sm3">ЛУЧШИЕ</span>
    <span style="cursor: pointer;" alt="#sm4">ЭПИЗОДЫ</span>
  </b><br><p align="center"><a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/22441"> <img width="88" height="31" border="0" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x3.gif"></a></p></div>
</td><td valign="top" align="center" id="MenuTxT">
    <div align="center" id="submenu">

      <div style="display: block;" class="submenutext" id="sm1">
  <div style="width: 560px; margin-top: -48px">
                  <table border="0" cellspacing="0">
    <tbody><tr>
<td colspan="3"><p align="justify"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://curseofthepast.rusff.me/profile.php?id=9"><font style="font-weight: normal; font-size: 6pt;">✓ LYCURGUS </font></a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://curseofthepast.rusff.me/profile.php?id=4"><font style="font-weight: normal; font-size: 6pt;">✓ SUMMER</font></a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://curseofthepast.rusff.me/profile.php?id=3"><font style="font-weight: normal; font-size: 6pt;">✓ ELENA </font></a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://curseofthepast.rusff.me/profile.php?id=10"><font style="font-weight: normal; font-size: 6pt;">✓ QETSIYAH</font></a></p>
<center><img src="http://funkyimg.com/i/QBh5.png" border="0" /></center>
<center><font style="font-weight: bold; font: 11px/1 Times New Roman; color: #bf9573;"><b>ДОБРО ПОЖАЛОВАТЬ!</b></font></center>
<p align="justify"><font style="font: 11px/1 Arial; color: #bf9573;">
&nbsp; &nbsp; &nbsp; В то время года, когда девушки начинают любить кофе, дождь и его; а парни забиваются в бары, чтобы залить невыносимую тяжесть бытия; мы распространяем бациллы вдохновения и вирус вечного онлайна на просторах форума по "Дневникам вампира". Только сегодня: сдай кровь в пользу голодных упырей и получи лечебный пояс из волчьей шерсти в подарок! Нам 7 месяцев, и мы без смирительных рубашек. Успокоительные не предлагать. Дорогой гость, мы всё ещё ждем твою историю болезни. Занимай койко-место и доминируй, властвуй, заражай. Рядом с нами, вместе с нами, лучше нас. Пыщ-пыщ. ^ ^ </font></p><br>
</td></tr><tr>
<td width="240" valign="top" ><center><font style="font-weight: bold; font: 12px/1 Times New Roman; color: #bf9573;"><b><u>новое от АМС:</u></b></font></center>
<br>
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=603"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> &nbsp;⋙ Перо+ Чернила &nbsp;</font></a><br>
<img src="http://trieuphong.quangtri.gov.vn/VANBANDIEUHANH/Images/new.gif" border="0" /><a href="http://curseofthepast.rusff.me/viewtopic.php?id=595"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> X-FILES: merry Xmas!</font></a><br>
<img src="http://trieuphong.quangtri.gov.vn/VANBANDIEUHANH/Images/new.gif" border="0" /><a href="http://curseofthepast.rusff.me/viewtopic.php?id=640"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> КОНКУРС. Елка, виски...</font></a><br>
<img src="http://trieuphong.quangtri.gov.vn/VANBANDIEUHANH/Images/new.gif" border="0" /><a href="http://curseofthepast.rusff.me/viewtopic.php?id=655"><font style="font-weight: bold; font-size: 9pt; font-family: Times New Roman;"> Secret Santa</font></a><br><br>
</p></td>
<td width="80" ><center><img src="http://funkyimg.com/i/RK3C.gif"/></center></td>
<td width="240" ><center><font style="font-weight: bold; font: 12px/1 Times New Roman; color: #bf9573;"><b><u>прямой эфир:</u></b></font></center>
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" width="300" height="80" scrollamount="1"direction="up" style="color: #bf9573; font-size: 10px; font-weight: bolder; vspace="5" hspace="10" ><center>
<img src="http://funkyimg.com/i/RWeo.jpg"/><br>
- Давинушка, НГ скоро, долги раздавать надо! Давай по последнему и разбежались) [Шарлотта]<br><br><br>
</center></marquee>
</td></tr>
</tbody></table>
</div>
</div>

      <div class="submenutext" id="sm2" style="display: none;"><br><br>
       
<div style="width: 560px; margin-top: -50px">
                        <table border="0" cellspacing="0">
    <tbody>
<tr><td width="180" valign="top"><p align="left">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=549"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Гостевая </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=8"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Правила </font></a>
<br><a href="http://curseofthepast.rusff.me/viewtopic.php?id=5"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Сюжет </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=47"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Существа </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=7"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Роли </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=6"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Внешности </font></a></p></td>
<td width="200" valign="top"><p align="left">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=11"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Личное звание </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=13"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Заказ графики</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=73"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Диалог с АМС</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=10"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Выяснение отношений </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=9"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Отсутствие </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=41"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Досье </font></a></p></td>
<td width="170" valign="top"><p align="left">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=51"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Черная касса </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=49"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Подарки </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=50"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Награды </font></a>
<br><a href="http://curseofthepast.rusff.me/viewtopic.php?id=12"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Поиск партнера </font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=15"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Запись в сюжет</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=162"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Новости проекта</font></a>
</p></td></tr>
</tbody></table>   
<br><center><img src="http://sa.uploads.ru/7oicJ.png" border="0" /></center><br>
<table border="0" cellspacing="0">
    <tbody><tr>
<td width="210" valign="top">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=575"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #6 (MF) Хранители</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=89"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #3 (NO) Оборотни</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=134"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #7 (NO) Ведьмы</font></a>
</p></td>
<td width="150" valign="top">
<p align="left"></br><a href="http://curseofthepast.rusff.me/viewtopic.php?id=37#p40"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #1 Нужные</font></a></p></td>
<td width="200" valign="top">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=103"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #4 (СН) Ведьмы</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=107"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #5 (СН) Вампиры</font></a>
<br> <a href="http://curseofthepast.rusff.me/viewtopic.php?id=82"><font style="font-weight: bold; font-size: 10pt; font-family: Arial;">⇒ Акция #2 (CH) Оборотни</font></a>
</p></td>
</tr></tbody></table>

</div>
</div>

      <div class="submenutext" id="sm3" style="display: none;"><br><br>
        <div style="WIDTH: 560px; HEIGHT: 200px; margin-top: -70px">
<table>
<tbody><tr>
<td width="120" height="100">
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Красивая пара</font>
<br><img border="0" title="Summer Price &amp; Steinn Cole, Hayley Marshall &amp; Niklaus Mikaelson"src="http://funkyimg.com/i/RKtL.gif"><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Игровой дуэт</font><br>
<img border="0" title=" Enzo &amp; Daniel Knight" src="http://funkyimg.com/i/RKuj.gif"><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Зло &amp; Добро</font>
<br><img border="0" title="Lillian Black &amp; Davina Claire" src="http://funkyimg.com/i/RKui.gif">
</p><p>
</p></td>
<td width="280" height="100">
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Активисты</font>
<br>
<img border="0" title="Helen Woods" src="http://funkyimg.com/i/RQvL.jpg">&nbsp;
<img border="0" title="Mia" src="http://funkyimg.com/i/RQvM.jpg">&nbsp;
<img border="0" title="Hayley Marshall" src="http://funkyimg.com/i/RQvK.jpg">&nbsp;
<img border="0" title="Summer Price" src="http://funkyimg.com/i/RQvN.jpg">&nbsp;
<img border="0" title="Demira Yovcheva" src="http://funkyimg.com/i/RQvJ.jpg">&nbsp;
<br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Игрок месяца</font>&nbsp; &nbsp; &nbsp; <font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Пост месяца</font><br>
<img border="0" title="Hayley Marshall &amp; Charlotte Lange" src="http://funkyimg.com/i/RKuk.gif"> &nbsp; &nbsp; &nbsp; <a href="http://curseofthepast.rusff.me/click.php?http://curseofthepast.rusff.me/viewtopic.php?id=591#p64016"><img title=" Niklaus Mikaelson, пост №2" class="Hoverbuttons" src="http://funkyimg.com/i/RKtM.gif"></a><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Женский и мужской персонаж</font>
<br><img border="0" title="Rebekah Mikaelson" src="http://funkyimg.com/i/RKtQ.gif"><img border="0" src="http://funkyimg.com/i/HJy1.png"><img border="0" title="Niklaus Mikaelson" src="http://funkyimg.com/i/RKtP.gif">
</p><p>
</p></td>
<td width="160" height="100">
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Cюжетный эпизод</font>
<br><a href="http://curseofthepast.rusff.me/click.php?http://curseofthepast.rusff.me/viewtopic.php?id=591"><img title="Ер. 03.01. НО. Берем все в хрупкие женские ручки" class="Hoverbuttons" src="http://funkyimg.com/i/RKun.gif"></a><br><br>
<font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Вне сюжета</font>
<br><a href="http://curseofthepast.rusff.me/click.php?http://curseofthepast.rusff.me/viewtopic.php?id=610"><img title="Черный цвет солнца" class="Hoverbuttons" src="http://funkyimg.com/i/RKum.gif"></a><br><br>
<p align="center"><font style="font-size: 12pt; font-family: Monotype Corsiva;">⋙ Творец месяца</font>
<br><img border="0" title="Steinn Cole" src="http://funkyimg.com/i/RKuo.gif"><br>
</p><p>
</p></td>
</tr>
</tbody></table>
</div>
</div>

      <div class="submenutext" id="sm4" style="display: none;"><br><br>
        <div style="WIDTH: 570px; HEIGHT: 200px; margin-top: -90px">
<br><br>       
<table>
<tbody><tr>
<td width="180" height="100">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=380"><font style="font-weight: bold; font-size: 12pt; font-family: Times New Roman;">Ер 03. Чикаго</font></a></p><br>
<p align="left"><font style="font-size: 8pt; font-family: Times New Roman;"><b>Период:</b> 06.06. - 08.06.2013<br>
<b>Погода:</b> +20-28°С<br>
<b>Полнолуние:</b> 10.06.2013
</font></p>
<p align="left"><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=584">Ер 03.01</a> ► Lycurgus<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=590">Ер 03.02</a> ► V. Cole<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=585">Ер 03.03</a> ► C. Ryan<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=586">Ер 03.04</a> ► S. Cole<br>
</p><p></p><br>
<p align="left"><img src="http://sa.uploads.ru/7oicJ.png" border="0" /><br>
► - <br>
► - <br>
► - <br>
</p><p></p>
</td>
<td width="200" height="100">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=382"><font style="font-weight: bold; font-size: 12pt; font-family: Times New Roman;">Ер 03. Новый Орлеан</font></a></p><br>
<p align="left"><font style="font-size: 8pt; font-family: Times New Roman;"><b>Период:</b>  03.06. - 09.06.2013<br>
<b>Погода:</b> +25-30°С<br>
<b>Полнолуние:</b> 10.06.2013
</font></p>
<p align="left"><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=591">Ер 03.01</a> ► R. Mikaelson<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=587">Ер 03.02</a> ► D. Clare<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=588">Ер 03.03</a> ► E. Mikaelson<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=589">Ер 03.04</a> ► M. Gerard<br>
</p><p></p><br>
<p align="left"><img src="http://sa.uploads.ru/7oicJ.png" border="0" /><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=392">Ер 02.01</a> ► E. Mikaelson<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=495">Ер 02.05</a> ► D. Clare<br>
► - <br>
</p><p></p>
</td>
<td width="180" height="100">
<p align="left"><a href="http://curseofthepast.rusff.me/viewtopic.php?id=171"><font style="font-weight: bold; font-size: 12pt; font-family: Times New Roman;">Ер 02. Мистик Фоллс</font></a></p><br>
<p align="left"><font style="font-size: 8pt; font-family: Times New Roman;"><b>Период:</b> 03.06. - 30.06.2013<br>
<b>Погода:</b> +23-27°С<br>
<b>Полнолуние:</b> 10.06.2013
</font></p>
<p align="left"><br>
► - <br>
► - <br>
► - <br>
► - <br>
</p><p></p><br>
<p align="left"><img src="http://sa.uploads.ru/7oicJ.png" border="0" /><br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=403">Ер 02.01</a> ► C. Forbes<br>
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=405">Ер 02.03</a> ► S. Salvatore<br>
</p><p></p>
</td></tr>
</tbody></table>
</div>
</div>
    </div>
  </td></tr></tbody>
</table></center>

0

40

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

.

/************************************************************
A - SETUP
**************************************************************/

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

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

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

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

/* A2.2 */
.punbb * {
  margin: 0;
font-size: 100.1%;
  }

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

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

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

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

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

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

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

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

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-weight: normal;
color: #1f0d01;
  }
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.2em;
color: #1f0d01;
position: top center;
  }
/* 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: none!important;
  }

/* 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: -99999px;
text-align: center;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 1000px;
  padding: 0px 10px 0px 10px;

}

/* A5.2 */
.punbb {
  float: left;
  width: 870px;
  height: auto;
  margin-left: 60px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
background-image: url(""); background-position: top center; background-attachment: relative; background-color: transparent;
  }

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

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

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

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

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

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

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

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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 2px solid #4d2803;
  width: 500px;
  margin: 5px 0;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-left: 5px solid #;
  border-right: 5px solid #;
  }

/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }

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

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

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

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

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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  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 18px 0 18px;
  margin: 0 0 1em 0
  }

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

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

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

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

  }

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

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

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  width: 20%;
  }

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

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

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

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

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

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

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

   
   .punbb td div.tclcon {
       margin-right: 75px;
          }

     
/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 62px; /* ширина иконки */
  height: 52px;
padding-left: -50px;
  padding-top: 2px;
  margin-top: 1px;
  background-position: center center;
}

   
/* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: transparent;
position: top center;
}

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

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

  }

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

  }

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

  }

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

  }

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

  }

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

  }

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

  }

.punbb .divider {
  border-color: transparent;

  }

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

  }

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

  }





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

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

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

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

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

/* C3.8 */
.pa-author a {
  font-family: "Book Antiqua" !important;
  font-size: 0.7em;
  text-transform: uppercase;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }

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

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

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

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

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

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

/* 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: 2.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: -16.3em;
  display: inline;
  }

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

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

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

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

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

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

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

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

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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/***********************************************/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
  border: medium none;
  height: 520px;
}

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

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

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

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

/* D3.2 */
#pun-navlinks .container {
width: 98%;
text-align: center;
float: left; -5px;
margin-top: -442px;

  }

#pun-ulinks .container {
width: 100%;
text-align: center;
float: left;
margin-top: 15px;
}

#pun-ulinks .container {
font-style: italic;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;
font-weight: 500;
font-size: 12pt;
}

/* D.3 */
#pun-navlinks li  {
backgroud-color: #transparent;
display: inline-block;
height: 40px;
padding: 4px 0px;
margin-top: -2px;
margin-bottom: -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-variant: small-caps;
font-weight: 700;
font-align: justify;
font-size: 13pt;
line-height: 16px;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif;
}

#pun-navlinks li a {
display: inline-block;
height: 32px;
margin-top: -2px;
margin-bottom: -2px;
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.0em;
  }

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

/* D4.1 */
#pun-ulinks  {
width: 100%;
text-align: center;
margin-top: 0px;
float: left;
  }

/* D4.2 */
#pun-ulinks container {
  }

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

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

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

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

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

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

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

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

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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

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

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

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

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

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

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

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

/* D8.5 */
#pun-about p span {
  display: none;
  padding-left: 50%;
  }

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

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

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

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

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

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

/* D9.2 */

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

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

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

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

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

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

#submenu table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
color: #a0724c
}

#menu span table{
height: 40px;
padding: 4px 0px;
margin-top: -2px;
margin-bottom: -2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-variant: small-caps;
font-weight: 700;
font-align: justify;
font-size: 13pt;
line-height: 16px;
font-family: "Book Antiqua", "Georgia", "Times New Roman", Times, serif; 
}

#pun-main .category .container table thead tr .tcl {
font-size: 0px !important;
}

/* цвет ссылок в табличке замена  */
#sm1 a, #sm2 a, #sm3 a, #sm4 a {
    color: #bf9573;
    text-shadow: 1px 1px 1px rgba(20, 20, 20, 0.5);
}

/* цвет ссылок в табличке при наведении замена  */
#sm1 a:hover, #sm2 a:hover, #sm3 a:hover, #sm4 a:hover {
    color: #b62002;
    text-shadow: 0 0 5px #9d4906;
}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:270px
}

.

@media (max-width: 930px) { /* это будет показано при разрешении монитора до 930 пикселей */
  .content-wrapper {padding: 0;} /* основное содержимое занимает всё пространство окна */
}

@media (max-width: 930px) and (min-width: 470px) {  /* для разрешения экрана от 470 до 930 пикселей */
  aside {position: static; width: 100%; background: #ccc;} /* боковая колонка смещается согласно расположению в HTML и меняет фон */
}

@media (max-width: 469px) { /* если максимальное разрешение экрана составит 469 пикселей */
  body {font: .9em/1em "Helvetica Neue",Arial,Helvetica,sans-serif;} /* меняется шрифт */
  aside {display: none;} /* боковая колонка исчезает */
}

/* CS1 Background and text colours
-------------------------------------------------------------*/
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Лого*/
body {
background-image: url("http://funkyimg.com/i/NNWP.png");
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}
#pun-announcement {
  height: 250px;
  margin-bottom: 50;
}

/*фон*/
HTML {
background-color: #0b0001;
background-image: url("http://funkyimg.com/i/NNXc.png");
background-repeat: repeat-y;
background-position: center top;
min-width: 1100px;
}

/*низ*/
#pun-about p.container {
background-color: transparent !important;
background-repeat: no-repeat;
height:75px;
}

/*Ставим низ*/
#pun_wrap { 
background-image: url("http://funkyimg.com/i/NP3K.png");
background-repeat: no-repeat;
background-position: center bottom;
}

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

#pun-main .quote-box {background-color: #c8a988;
}

/* CS1.2 */
#pun-redirect  .main {
  background-color: #c8a988;
  color: #230d0a;
  }

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #230d0a;
  }

#pun-main h2 {
font-size: 0px;
  }

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

/* CS1.4 */
#pun-title, #pun-title .container {
   background: transparent   url("") top center no-repeat;
  color: #351d1b;
height: 450px;
}

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #d8c2a6;
  color: #341d0a
  }

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

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

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #773103 #4f0f11 #4f0f11 #773103;
   }

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

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

.punbb .divider {
  border-color: #773103 #4f0f11 #4f0f11 #4f0f11
  }

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

li.pa-online {
  border-left-color: #885b04;
  }

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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #1b0905;
text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #362214;
text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #581103;
text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
  }

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

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4a2904;
  text-decoration: underline
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #504034;
  color: #e3d1b7;
  }

/* CS4 Post status icons
-------------------------------------------------------------*/

.punbb table Div.icon {float: right; display: block; width: 40px; height: 40px; border-style: none; background-image: url(http://funkyimg.com/i/J2uG.png);  background-repeat: no-repeat; position: relative; }
.punbb table div.inew {background: url(http://funkyimg.com/i/J2xp.png) no-repeat; position: relative; margin-left: 1px;}
TR.isticky Div.icon {background: url(http://funkyimg.com/i/J2uH.png) no-repeat; position: relative; margin-left: 1px;}
TR.iclosed Div.icon {background: url(http://funkyimg.com/i/J2va.png) no-repeat; position: relative; margin-left: 1px;}

/* CS5 category
-------------------------------------------------------------*/

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

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

#pun-main #pun-category1.category h2{
background: url(http://funkyimg.com/i/PkuH.png) no-repeat;
margin-left: -4px;
width: 1006px;
height: 126px;
}

#pun-main #pun-category2.category h2{
background: url(http://funkyimg.com/i/KvQz.png) no-repeat;
margin-left: -1px;
width: 1006px;
height: 126px;
}

#pun-main #pun-category3.category h2{
background: url(http://funkyimg.com/i/KvQB.png) no-repeat;
margin-left: -2px;
width: 1006px;
height: 126px;
}

#pun-main #pun-category4.category h2{
background: url(http://funkyimg.com/i/KwX2.png) no-repeat;
margin-left: -2px;
width: 1006px;
height: 126px;
}

#pun-main #pun-category5.category h2{
background: url(http://funkyimg.com/i/KwZq.png) no-repeat;
margin-left: -1px;
width: 1006px;
height: 126px;
}

#pun-main #pun-category6.category h2{
background: url(http://funkyimg.com/i/Kx16.png) no-repeat;
margin-left: -1px;
width: 1006px;
height: 126px;
}
#pun #pun-index #pun-stats h2{
background: url(http://funkyimg.com/i/QAtc.png) no-repeat; color: red;
margin-left: -1px;
width: 1006px;
height: 126px;

}

/*profile*/

/*НИЗ и НИК*/ 

.punbb .post .post-author > ul {
  background:url(http://funkyimg.com/i/NNUh.png) 0 bottom no-repeat, url(http://funkyimg.com/i/QwAd.png) 0 top no-repeat;
  margin: -22px 0 -15px 0!important;
  padding: 50px 17px!important;
}

.post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #603313  !important; text-shadow: none !important; }
li.pa-avatar  {z-index: 5; margin-left: 10px !important; margin-top: 0px;}

.pa-title {
padding: 0px 0px 5px 0px !important;
text-align: center;
z-index: 1000;
margin-top: 30px !important;
color: #603313 !important;
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-variant: small-caps !important;
font-size: 12pt !important;

font-weight: bold;
margin-left: 7px !important;
}

.pa-author a, .pa-author {
color: #7f6a45 !important;
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-size: 12pt !important;
font-variant: small-caps !important;
font-weight: bold;
text-align: center;
margin-top: -9px !important;
padding: 0px;
margin-left: 1px !important;
}

/*ТЕЛО ПР*/
.post-author {
background: url(http://funkyimg.com/i/NNUj.png) repeat-y; weight: 230px; text-align: center; color: # !important;
}
.post-author ul li {
text-align: center;
margin-left: 7px !important;
}

/*НИК*/
#pun-post .pa-author {
background: url(http://funkyimg.com/i/QwAd.png) 0% 0% no-repeat;
padding: 40px;
margin-left: 0px !important;
}

/*рамка*/
.pa-avatar.item2 img {
max-width: 180px;
box-shadow: 2px 5px 10px 1px #1c0b06;
border-style: solid;
border-width: 4px;
-moz-border-image: url(http://funkyimg.com/i/HTsH.png) 2 repeat;
-webkit-border-image: url(http://funkyimg.com/i/HTsH.png) 6 repeat;
-o-border-image: url(http://funkyimg.com/i/HTsH.png) 2 repeat;
border-image: url(http://funkyimg.com/i/HTsH.png) 6 repeat;
}

.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=20);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=20);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

.punbb textarea, .punbb select, .punbb input {
background-color: #e5bb96; }

/*knopki + forma otveta*/

.punbb textarea, .punbb select, .punbb input {
background-color: #ad8e78;
font-size: 11px !important;
color: #000000;
}

.punbb textarea {
box-shadow: inset 0px -11px 40px #240e0a;
}

и цвета

0

41

Скроллинг в темах

<style type="text/css">
.post-content {
overflow-y: auto !important;
max-height: 430px;
}
</style>

0

42

a:link {color: #171039;
text-shadow: 1px 1px 1px #D4CBFF; /* Параметры тени */
font-weight: bold;} 

http://www.sevelweb.ru/kak-izmenit-tsve … kursora-2/

0

43

ЦВЕТ ПРОКРУТКИ
Между <head> и </head> вставляем :
<style><!--
body {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff; }
//-->
</style>

http://www.gifik.narod.ru/img/scroll.gif

0

44

Например можно так
CSS
/* Для всех ссылок в блоке pervoe */
#pervoe a:link {color: #5555cc;} /* ещё не посещённые */
#pervoe a:visited {color: #999999;} /* тут уже были */
#pervoe a:hover {color: #ff0000;} /* над этой ссылкой курсор */

/* Для всех ссылок в блоке vtoroe */
#vtoroe a:link {color: #0055cc;} /* ещё не посещённые */
#vtoroe a:visited {color: #cccccc;} /* тут уже были */
#vtoroe a:hover {color: #ff5555;} /* над этой ссылкой курсор */

HTML
<div id="pervoe">
<a href="aaa.html">Туда</a>
<a href="bbb.html">Сюда</a>
</div>

<div id="vtoroe">
<a href="ccc.html">Мимо</a>
<a href="ddd.html">Точно</a>
</div>

Или так
CSS
/* Для всех ссылок в блоке pervoe или для ссылок в любом месте, которым присвоен class="pervoe" */
a.pervoe:link {color: #5555cc;} /* ещё не посещённые */
a.pervoe:visited {color: #999999;} /* тут уже были */
a.pervoe:hover {color: #ff0000;} /* над этой ссылкой курсор */

/* Для всех ссылок в блоке vtoroe или для ссылок в любом месте, которым присвоен class="vtoroe" */
a.vtoroe:link {color: #0055cc;} /* ещё не посещённые */
a.vtoroe:visited {color: #cccccc;} /* тут уже были */
a.vtoroe:hover {color: #ff5555;} /* над этой ссылкой курсор */

HTML
<div>
<a class="pervoe" href="aaa.html">Туда</a>
<a class="pervoe" href="bbb.html">Сюда</a>
</div>

<div>
<a class="vtoroe" href="ccc.html">Мимо</a>
<a class="vtoroe" href="ddd.html">Точно</a>
</div>

Обратите внимание на наличие и отсутствие пробелов в стилях разных вариантов
Возможны и другие варианты

0

45

<!--Кнопки вверх и вниз-->
<a style="position: fixed; top: 400px; right: 20px; cursor: pointer; background-color: transparent !important;" id="Go_Top"><img src="http://funkyimg.com/i/25yNH.png" alt="Вверх"></a>

<a style="position: fixed; top: 455px; right: 20px; cursor: pointer; background-color: transparent !important;" id="Go_Bottom"><img src="http://funkyimg.com/i/25yNG.png" alt="Вниз"></a>

<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

0

46

<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut * {cursor: pointer; margin-left: -5px; }</style>
  <script>
(function () {
      var awards_button = "<img src='http://funkyimg.com/i/25zrR.png' title='Показать|скрыть награды'>";

      function awards_spoiler() {
          $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
          $("#awrdbut img").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
      }
      var t=0;  var time_func = setInterval(function(){ t++;
          if (t>100) { clearInterval(time_func); return; }
          if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
      },100);
}())
  </script>

0

47

<!--партнеры-->
<div style="position: absolute; margin-top: -20px; margin-left: -18px; width: 400px; height: 34px;">
<marquee onmouseout="this.start()" onmouseover="this.stop()" id="fff" behavior="scroll" direction="left" >
<a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a><a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt="  Tvd Darkness falls "width=88  height=31 border></a><a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a><a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a><a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a><a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> <a target="_blank" href="http://the100.hutt.ru/" title="THE 100. Путешествие в бездну;"> <img src="http://sf.uploads.ru/tijTF.png" border="0"></a> <a href='http://newlegacy.ru/' target='_blank' > <img src='http://i42.tinypic.com/2rxbayu.gif'></img></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a href="http://mightycrossover.rusff.me/"><img src="http://funkyimg.com/i/ZmpY.gif" title="MIGHTYCROSS: Первый Могущественный"></a> <a target="_blank" href="http://monstersyousee.rusff.me/"><img src="http://sa.uploads.ru/t/Rv52k.gif"></a> <a href="http://devoid.rusff.me" title="beacon hills. de-void." target=_blank> <img src="http://funkyimg.com/i/ZnZc.gif"></a" border="0" alt="beacon hills. de-void."></a> <a href="http://altera.rusff.me" target="_blank"><img src="http://s6.uploads.ru/ZSkxz.gif" title="THG: Altera"></a> <a href="http://gevaudan.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21nQk.gif" title=" tw: la bête du gévaudan;" width="88" border="0" height="31"></a> <a href="http://2018.rusff.me/" target="_blank" title="The Pack: 2018, washington, homo bestia"><img src="http://jpegshare.net/images/74/5e/745e429a3610150ccde7695261f9f587.gif"/></a> <a href="http://fesmatos.rusff.me/"><img src="http://funkyimg.com/i/23Fvw.gif"></a> <a href="http://darktwilight.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/23Azn.gif" title="dark twilight ждёт именно тебя!"></a><a href=http://monstervampire.rusff.me/><img src="http://funkyimg.com/i/23JLk.gif" border="0" alt=" TVD: Woke Up With a Monster "width=88  height=31 border></a><a href="http://cop.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21Sng.png" border="0" width="88" height="31" title="C.O.P - city of people" alt="C.O.P - city of people"></a>
</marquee></div>

0

48

Удобный скрипт для баннеров
Самое главное вставлять только в html - низ, ниже всех скриптов!
Не вставляйте в html - вверх

Код:
<p align="center">
 <table width=120 height=31 style="border:1px ridge  #ffffff">
 <tr><td bgcolor=#FFFFFF>
 <SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 0px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=,endColorStr=#0000ff); FONT: bold 2px verdana; WIDTH: 90px; COLOR: #ffffff; HEIGHT: 100px"">
 <DIV id=imgObjText><BR>
 <marquee width=88 height=31 scrollamount=1 direction=down><center>
<a href="http://upwards.userforum.ru/" target=_blank> <img src="" border="0"alt="" width=1height=1></a>
 
Сюда вставлять коды баннеров!
 
<div style="width:100%;filter:glow(color=#ffffff,strength=14);font:4px verdana;color:#F5F5F5">

0

49

бегущая между узором и фоткой

<!--партнеры-->
<div style="position: absolute; margin-top: -105px; margin-left: 142px; width: 400px; height: 50px;">
<marquee onmouseout="this.start()" onmouseover="this.stop()" id="fff" behavior="scroll" direction="left" >
<a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a><a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt="  Tvd Darkness falls "width=88  height=31 border></a><a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a><a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a><a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a><a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> <a target="_blank" href="http://the100.hutt.ru/" title="THE 100. Путешествие в бездну;"> <img src="http://sf.uploads.ru/tijTF.png" border="0"></a> <a href='http://newlegacy.ru/' target='_blank' > <img src='http://i42.tinypic.com/2rxbayu.gif'></img></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a href="http://mightycrossover.rusff.me/"><img src="http://funkyimg.com/i/ZmpY.gif" title="MIGHTYCROSS: Первый Могущественный"></a> <a target="_blank" href="http://monstersyousee.rusff.me/"><img src="http://sa.uploads.ru/t/Rv52k.gif"></a> <a href="http://devoid.rusff.me" title="beacon hills. de-void." target=_blank> <img src="http://funkyimg.com/i/ZnZc.gif"></a" border="0" alt="beacon hills. de-void."></a> <a href="http://altera.rusff.me" target="_blank"><img src="http://s6.uploads.ru/ZSkxz.gif" title="THG: Altera"></a> <a href="http://gevaudan.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21nQk.gif" title=" tw: la bête du gévaudan;" width="88" border="0" height="31"></a> <a href="http://2018.rusff.me/" target="_blank" title="The Pack: 2018, washington, homo bestia"><img src="http://jpegshare.net/images/74/5e/745e429a3610150ccde7695261f9f587.gif"/></a> <a href="http://fesmatos.rusff.me/"><img src="http://funkyimg.com/i/23Fvw.gif"></a> <a href="http://darktwilight.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/23Azn.gif" title="dark twilight ждёт именно тебя!"></a><a href=http://monstervampire.rusff.me/><img src="http://funkyimg.com/i/23JLk.gif" border="0" alt=" TVD: Woke Up With a Monster "width=88  height=31 border></a><a href="http://cop.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21Sng.png" border="0" width="88" height="31" title="C.O.P - city of people" alt="C.O.P - city of people"></a>
</marquee></div>

0

50

Активация .gif при наведении курсора

Часть 1.
ХТМЛ-верх

Код:
<style type="text/css">
    margin:0;
    padding:0;
}
html, body{
    height:100%;
    width:100%;
}
.gif {
display:block;
width:150px;
height:150px;
background:url('Ссылка на статичную картинку') no-repeat;
}
 
a.gif img {
visibility:hidden;
}
a.gif:hover {
background:none;
}
a.gif:hover img {
visibility:visible;
border:0;
}
</style>

width:150px;
height:150px;
Размер картинки.

Часть 2.
(Куда надо)

Код:
<a class="gif" href="#"><img src="Ссылка на .gif" /></a>

0

51

<!--активисты-->
<div style="position: absolute; margin-top: -20px; margin-left: -10px;">
<a href="http://curseofthepast.rusff.me/profile.php?id=289"><img src="http://2.firepic.org/2/images/2015-11/03/kroy7wn71t5w.png" class="Hoverbuttons"  title="Джеймс" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px;"></a>
<a href="http://curseofthepast.rusff.me/profile.php?id=242"><img src="http://5.firepic.org/5/images/2015-08/04/jhsrao8c0q68.png" class="Hoverbuttons" title="Кэт" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px;"></a>
<a href="http://curseofthepast.rusff.me/profile.php?id=234"><img src="http://savepic.su/6699493.png" class="Hoverbuttons" title="Эва" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px; "></a>
<a href="http://curseofthepast.rusff.me/profile.php?id=251"><img src="http://savepic.su/6742296.png" class="Hoverbuttons"  title="Бонни" style="width:50px; height: 40px; border-radius: 5px 5px 5px 5px;"></a><br><br>
<center><a href="http://top.roleplay.ru/22441" title="Рейтинг Ролевых Ресурсов - RPG TOP"
target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31" class="Hoverbuttons" ></a></center>
</div>
<!--эпизод месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 225px;">
<a href="http://curseofthepast.rusff.me"><img src="http://savepic.su/6726131.gif" class="Hoverbuttons" title="it’s better to bum out than to fade away vs This is halloween" style="width:104px; height: 83px; border-radius: 4px 4px 4px 4px;"></a>
</div>
<!--пост месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 350px;">
<a href="http://curseofthepast.rusff.me/viewtopic.php?id=819#p128299"><img src="http://savepic.su/6694387.png" class="Hoverbuttons" title="Стефано" style="width:244px; height: 49px; border-radius: 4px 4px 4px 4px;"></a>
</div>
<div style="font-size: 10px; color: #7d776b; position: absolute; margin-top: 26px; margin-left:350px; width: 244px; line-height: 0,6em !important; "><center>
<font style="font: 12px Times New Roman !important;">
Думал ли я о том, что было бы останься я человеком? В те времена, когда ко мне возвращались чувства, я неустанно...</font>
</center>
</div>
<!--игрок месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 630px;">
<a href="http://curseofthepast.rusff.me/profile.php?id=289"><img src="http://savepic.su/6693122.png" class="Hoverbuttons" title="Джеймс" style="width:104px; height: 83px; border-radius: 4px 4px 4px 4px;"></a>
</div>
<!--дуэт месяца-->
<div style="position: absolute; margin-top: -20px; margin-left: 755px;">
<a href="http://curseofthepast.rusff.me"><img src="http://savepic.su/6711557.png" class="Hoverbuttons" title="Прайс и Ньюман" style="width:104px; height: 83px; border-radius: 4px 4px 4px 4px;"></a>
</div>

0

52

контенер баннеров бегущих вертикально

+
Код:
<!--партнеры-->
<p align="center">
 <table width=400 height=120 style="border:0px ridge  #ffffff;margin-left: 170px;">
 <tr><td>
 <SPAN id=imgObj style=margin-top: 60px; margin-left: 0px; width: 400px;FILTER: 
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=,endColorStr=#0000ff); FONT: bold 2px verdana; WIDTH: 400px; COLOR: #ffffff; HEIGHT: 110px"">
 <DIV id=imgObjText><BR>
 <marquee width=380 height=110 scrollamount=1 direction=down><center>
<a href="http://upwards.userforum.ru/" target=_blank> <img src="" border="0"alt="" width=1height=1></a>
<a href="http://soullove.ru/" target=_blank> <img src="http://s8.uploads.ru/mVaEe.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a href="http://academyvamp.rusff.me" title="Vampire Academy" target='_blank'> <img src='http://savepic.su/537267m.gif'></a><a href=http://tvddarknessfalls.rusff.me/> <img src="http://se.uploads.ru/t/MQGi6.jpg" border="0" alt="  Tvd Darkness falls "width=88  height=31 border></a><a href="http://thelword.rusff.me/" target="_blank"> <img src="http://s8.uploads.ru/moI3G.gif" alt="The L Word" title="The L Word" width="88" hight="31"></a> <a title="No Rest for the Wicked" href='http://ssuperiority.rusff.me/' target='_blank'> <img src="http://s5.uploads.ru/8rIPL.gif" alt='Supernatural' title="No Rest for the Wicked" border=0 width="88px" height="31px"></a><a href="http://supernaturalbrothers.ru" target=_blank title="Самая Сверхъестественная ролевая игра"> <img src="http://s7.uploads.ru/N1fW3.gif"></a><a href="http://omerta.rusff.me/" target="_blank"> <img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a><a href="http://tvdinspiration.rusff.me/" target=_blank> <img src="http://s8.uploads.ru/9Nekp.gif" title="The Vampire Diaries | The Inspiration"></a><a href="http://semperfidelis.f-rpg.ru/" target=_blank> <img src="http://f6.s.qip.ru/169kK9WyQ.jpg"border="0" title="Harry Potter: Semper Fidelis"></a> <a href="http://whistory.rusff.me/" target="_blank"> <img src="http://sa.uploads.ru/r5sCn.gif"></a> <a target="_blank" href="http://the100.hutt.ru/" title="THE 100. Путешествие в бездну;"> <img src="http://sf.uploads.ru/tijTF.png" border="0"></a> <a href='http://newlegacy.ru/' target='_blank' > <img src='http://i42.tinypic.com/2rxbayu.gif'></img></a> <a href="http://deliriumtvd.rusff.me/" title="TVD: Delirium" target="_blank"> <img src="http://firepic.org/images/2014-06/17/oit5cyq782be.gif"></a> <a href="http://mightycrossover.rusff.me/"><img src="http://funkyimg.com/i/ZmpY.gif" title="MIGHTYCROSS: Первый Могущественный"></a> <a target="_blank" href="http://monstersyousee.rusff.me/"><img src="http://sa.uploads.ru/t/Rv52k.gif"></a> <a href="http://devoid.rusff.me" title="beacon hills. de-void." target=_blank> <img src="http://funkyimg.com/i/ZnZc.gif"></a" border="0" alt="beacon hills. de-void."></a> <a href="http://altera.rusff.me" target="_blank"><img src="http://s6.uploads.ru/ZSkxz.gif" title="THG: Altera"></a> <a href="http://gevaudan.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21nQk.gif" title=" tw: la bête du gévaudan;" width="88" border="0" height="31"></a> <a href="http://2018.rusff.me/" target="_blank" title="The Pack: 2018, washington, homo bestia"><img src="http://jpegshare.net/images/74/5e/745e429a3610150ccde7695261f9f587.gif"/></a> <a href="http://fesmatos.rusff.me/"><img src="http://funkyimg.com/i/23Fvw.gif"></a> <a href="http://darktwilight.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/23Azn.gif" title="dark twilight ждёт именно тебя!"></a><a href=http://monstervampire.rusff.me/><img src="http://funkyimg.com/i/23JLk.gif" border="0" alt=" TVD: Woke Up With a Monster "width=88  height=31 border></a><a href="http://cop.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/21Sng.png" border="0" width="88" height="31" title="C.O.P - city of people" alt="C.O.P - city of people"></a>
<div style="width:100%;filter:glow(color=#ffffff,strength=14);font:4px verdana;color:#F5F5F5">

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.2);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.2);
              });
        });
    });
</script>

0

53

<!-- пользовательские ссылки у ника ч.1 -->
<style>
.punbb .post .pa-links {display:none;position:absolute;top:25px;right:0;padding:5px;z-index:100;}
.punbb .post .pa-links ul {padding:5px 8px 5px 8px;background:#ddbfa4; border:groove 3px #60546d;border-radius:5px;box-shadow:inset 0 0 3em #430f06; font-family:Georgia;font-weight:normal;}
.pa-links li {display:block; list-style:circle outside;float:none;padding-left:20px;height:16px;margin-bottom:5px;}
.pa-links li.pl-email {background:url(http://s7.uploads.ru/lpy5a.png) no-repeat;}
.pa-links li.pl-email:first-child {background:url(http://s7.uploads.ru/4BWKA.png) no-repeat; }
.pa-links li.pl-email:nth-child(3) {background:url(http://s6.uploads.ru/Ccg37.png) no-repeat; }
.pa-links li.pl-message {background:url(http://s6.uploads.ru/sLhyg.png) no-repeat; }
.pa-links li.pl-website {background:url(http://s6.uploads.ru/OnD1F.png) no-repeat; }
.btn-links {background:url(http://funkyimg.com/i/25t6U.png) no-repeat;width:30px;height:30px;position:absolute;top:0;right:0px;cursor:pointer;}
.post-author {position:relative;}
.post-links li.pl-email,.post-links li.pl-website {visibility:hidden;}
.punbb .pa-links li a {text-decoration:none;}
</style>
<!-- пользовательские ссылки у ника ч.2 -->
<script>
$(document).ready(function() {
if(document.URL.indexOf("viewtopic.php")!=-1 && GroupID !=3){
$(".post").find(".pl-email").parents('.post').each(function(){
$(this).find(".pa-author").after("<div class='btn-links' title='Пользовательские ссылки'></div><li class='pa-links'><ul class='container'></ul></li>");
$(this).find(".pl-email,.pl-website").clone().prependTo($(this).find(".pa-links ul"));
var user = $(this).find(".pl-email:first a").attr("href").match(/\d+/i);
$(this).find(".pa-links ul .pl-email:eq(0)").after("<li class='pl-message'><a rel='nofollow' href='/search.php?action=show_user&user_id="+user[0]+"'>Сообщения</a></li>");
});
$(".btn-links").click(function() {
$(this).next().slideToggle('fast');
});} })
</script>

0

54

голову сломал чем заменить значки
вот варианты картинок для них, чтобы не зря уменьшать
ппланирую сделать все в одном тускло-темно золотом цвете
профиль

+

http://images8.wookmark.com/110827_tumblr_m7dgfr7unf1rbbdmvo1_400.jpg
http://cs9578.vk.me/u66638658/105502900/x_976eddb8.jpg
http://girls2015.mobi/wp-content/uploads/vampire-clip-art-tattoo-1.jpg
http://www.tattooneed.com/wp-content/uploads/2014/01/Evil-bat-tattoo.jpg

сообщения

+

3 колонка низ
https://www.colourbox.com/preview/7135186-web-internet-symbols-set-grunge-style-isolated.jpg
или здесь
https://dpc1.ftcdn.net/jpg/00/48/73/12/500_F_48731212_iciQn7AAjoHGIJoIm7CIJsmcHTyRf8ZE.jpg
http://st.depositphotos.com/1000868/1245/v/950/depositphotos_12455683-Communication-and-internet-icons.jpg

ЛС

+

http://0.s3.envato.com/files/80969226/preview.jpg
http://image.shutterstock.com/display_pic_with_logo/2442851/201716930/stock-vector-vector-logo-icon-set-based-on-envelope-symbol-collection-of-colorful-e-mail-signs-201716930.jpg

МАЙЛ

+

http://sh.ki.court.gov.ua/img/news/173681.jpg

0

55

Alex_63 написал(а):
Mirra Bell
Попробуйте в HTML верх
<style>
#sdfs{z-index:100!important;}
.iblank{z-index:9999!important;}
</style>

/имидж съехал/

0

56

Контейнер скрытия Банеров
без загрузки контента в закрытом состоянии!

Ставим, куда нам необходимо
<div class=banners align=center><span onclick="BANNERS_TOGGLE($(this).parent('.banners'))"><center><img src="http://savepic.org/2332115.png"></center></span></b></a>
<div class=ba_0 style="display: none">
<style class=BanersHide>/*
<center>
Ваши баннеры
Ваши баннеры
Ваши баннеры

</center>
*/</style>
</div></div>
<script>
function BANNERS_TOGGLE(Sel){Z=Sel.find(".ba_0")
if(Z.css("display")=="none"){var V=Sel.find(".ba_0 .BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");Z.html(V1);}Z.fadeIn("slow");
scrollTo(0, document.body.scrollHeight);
}else Z.hide();}</script>
Вместо Ссылки синим - можно подставить Свою ссылку на картинку
:glasses: Строку cиним-жирным в скрипте - убираем, - если кнопка стоит не внизу страницы *
(*Строка отодвигает нижнюю границу страницы - позволяя видеть контейнер полностью,
Для контейнеров в объявлении или в шапке - такой надобности -нет
Пробуйте и для положения внизу Страницы убирать эту строку и ставить,
Затем, - выбирайте лучший из Вариантов

0

57

//======================КУКИС - ФУНКЦИЯ:"=V1.03.от 06.06.2011=============================//

// В ИЕ максимальный Объём куков на Домен = 4096.Байт

//======== Упаковка - ужатие encodeURIComponent ==============================//

function pakCodeURI (sPak) { //alert("Длина входной URI-строки >"+sPak.length)
sPak=sPak.replace(/^([^%])/g,"<$1");//alert(sPak)
sPak=sPak.replace(/(%(?:[\d]|[A-F]){2})(?!%)/mg,"$1<");
sPak=sPak.replace(/(<[^%<]+)/mg,"$1>");//alert(sPak)

//alert("<Англ. Текст> Выделен="+ sPak.length)//alert(sPak)

sPak=sPak.replace(/%D0/mg,"%G"); sPak=sPak.replace(/%D1/mg,"%b");
sPak=sPak.replace(/%20/mg,"%c"); sPak=sPak.replace(/%B0/mg,"%d");
sPak=sPak.replace(/%BE/mg,"%e"); sPak=sPak.replace(/%80/mg,"%f");
sPak=sPak.replace(/%81/mg,"%g"); sPak=sPak.replace(/%82/mg,"%h");
sPak=sPak.replace(/%83/mg,"%i"); sPak=sPak.replace(/%BD/mg,"%j");

sPak=sPak.replace(/%B5/mg,"%k"); sPak=sPak.replace(/%B8/mg,"%m");
sPak=sPak.replace(/%BB/mg,"%n"); sPak=sPak.replace(/%B1/mg,"%o");
sPak=sPak.replace(/%BA/mg,"%p"); sPak=sPak.replace(/%BE/mg,"%q");
sPak=sPak.replace(/%B9/mg,"%r"); sPak=sPak.replace(/%BF/mg,"%s");
sPak=sPak.replace(/%8B/mg,"%t"); sPak=sPak.replace(/%2C/mg,"%u");

sPak=sPak.replace(/%B2/mg,"%v"); sPak=sPak.replace(/%B4/mg,"%w");
sPak=sPak.replace(/%8F/mg,"%x"); sPak=sPak.replace(/%09/mg,"%y");
sPak=sPak.replace(/%G%e%b/mg,"%H"); sPak=sPak.replace(/%G%e%G/mg,"%Y");
sPak=sPak.replace(/%G%m%G/mg,"%I"); sPak=sPak.replace(/%G%j%b%t/mg,"%J");
sPak=sPak.replace(/%G%j%u/mg,"%K"); sPak=sPak.replace(/%G%j/mg,"%L");

sPak=sPak.replace(/%G%k/mg,"%M"); sPak=sPak.replace(/%G%d/mg,"%N");
sPak=sPak.replace(/%G%9/mg,"%O"); sPak=sPak.replace(/%M%N%K/mg,"%P");
sPak=sPak.replace(/%G%A/mg,"%R"); sPak=sPak.replace(/%G%s/mg,"%S");
sPak=sPak.replace(/%G%m/mg,"%T"); sPak=sPak.replace(/%G%r/mg,"%X");
sPak=sPak.replace(/%b%f/mg,"%U"); sPak=sPak.replace(/%b%h/mg,"%W");

sPak=sPak.replace(/%M%G/mg,"%Z"); sPak=sPak.replace(/%b%8/mg,"%V");
sPak=sPak.replace(/%G%B/mg,"%&"); sPak=sPak.replace(/%u%O/mg,"%#");
sPak=sPak.replace(/%G%v/mg,"%a"); sPak=sPak.replace(/%b%g/mg,"%z");
sPak=sPak.replace(/%&C/mg,"%]");

//alert("2(До % delete > "+sPak.length)//alert(sPak)
sPak=sPak.replace(/%/mg,"");//alert("Ужатие URI>"+sPak.length)//alert(">>>"+sPak)
return sPak;

} //End/Упаковка - ужатие encodeURIComponent
//======== Распаковка Ужатого encodeURIComponent ==================
function unpakCodeURI (str_unpak) {//alert("function unpakCodeURI"+str_unpak)

str_unpak=str_unpak.replace(/(^(?:[^<>]+)(?:<|$))|(>(?:[^<>]+)(?:<|$))/mg,function(a,b,c) {
//alert("a23="+a)

a=a.replace(/\]/g,"&C"); a=a.replace(/z/g,"bg");
a=a.replace(/a/g,"Gv");    a=a.replace(/#/g,"uO");
a=a.replace(/&/g,"GB");    a=a.replace(/\V/g,"b8");
a=a.replace(/Z/g,"MG");

a=a.replace(/W/g,"bh");    a=a.replace(/U/g,"bf");
a=a.replace(/X/g,"Gr");    a=a.replace(/T/g,"Gm");
a=a.replace(/S/g,"Gs");    a=a.replace(/R/g,"GA");
a=a.replace(/P/g,"MNK"); a=a.replace(/O/g,"G9");
a=a.replace(/N/g,"Gd");    a=a.replace(/M/g,"Gk");

a=a.replace(/L/g,"Gj");    a=a.replace(/K/g,"Gju");
a=a.replace(/J/g,"Gjbt"); a=a.replace(/I/g,"GmG");
a=a.replace(/Y/g,"GeG"); a=a.replace(/H/g,"Geb");
a=a.replace(/y/g,"09");    a=a.replace(/x/g,"8F");
a=a.replace(/w/g,"B4");    a=a.replace(/v/g,"B2");

a=a.replace(/u/g,"2C");    a=a.replace(/t/g,"8B");
a=a.replace(/s/g,"BF");    a=a.replace(/r/g,"B9");
a=a.replace(/q/g,"BE");    a=a.replace(/p/g,"BA");
a=a.replace(/o/g,"B1");    a=a.replace(/n/g,"BB");
a=a.replace(/m/g,"B8");    a=a.replace(/k/g,"B5");

a=a.replace(/j/g,"BD");    a=a.replace(/i/g,"83");
a=a.replace(/h/g,"82");    a=a.replace(/g/g,"81");
a=a.replace(/f/g,"80");    a=a.replace(/e/g,"BE");
a=a.replace(/d/g,"B0");    a=a.replace(/c/g,"20");
a=a.replace(/b/g,"D1");    a=a.replace(/G/g,"D0");

a=a.replace(/([^%]*?)((?:[\d]|[A-F]){2})/g,"$1%$2");//
//alert("T0 "+a.length)//alert("a0="+a)
   return a;});

str_unpak=str_unpak.replace(/<|>/gm,"");

//alert("URI-Code >"+str_unpak.length)//alert(str_unpak)

return decodeURIComponent(str_unpak);

} // End/Распаковка для(decodeURIComponent) ужатого encodeURIComponent==//

//================= БИБЛИОТЕКА КУКИСОВ  ============== //

// Библиотека для кукисов
function setCookie3(name, value, expires, path, domain, secure) {
if (!name || !value) return false; //alert("HELLO>>"+value)
var today = new Date();
today.setTime( today.getTime() );
        var expires_date = new Date( today.getTime() + (expires) );
value = encodeURIComponent(value);
if (value.length > 1000) value="1$"+pakCodeURI(value);

var str = encodeURIComponent(name) + '=' + value;//alert(value)

if (expires) str += '; expires=' + expires_date.toGMTString();
if (path)    str += '; path=' + path;
if (domain)  str += '; domain=' + domain;
if (secure)  str += '; secure';

document.cookie = str;
return true;
}

function getCookie3(name) {
        name= encodeURIComponent(name)
var pattern = "(?:; )?" + name + "=([^;]*);?";
var regexp  = new RegExp(pattern,"g");
if (regexp.test(document.cookie)){
NumPak = RegExp["$1"].replace(/^((?:\d{1,2})\$)?([^\$]*)$/g,"$1")
if(NumPak == "1$" ) return unpakCodeURI(RegExp["$2"]);
return decodeURIComponent(RegExp["$2"])
}
return false
}
function deleteCookie3( name, path, domain ) {

if ( getCookie3( name ) ) name= encodeURIComponent(name);document.cookie = name + '=' +
    ( ( path ) ? ';path=' + path : '') +
    ( ( domain ) ? ';domain=' + domain : '' ) +
    ';expires=Thu, 01-Jan-1970 00:00:01 GMT';
}

function testNumLast(str, trp) {     //test не цифры(или конца строки) за последней цифрой
    var s=str.lastIndexOf(trp);if(s!=-1){var s=str.substring(s+trp.length,s+trp.length+1);
    if (s.search(/\d/gi)==-1){return true}else {return false};}else {return false}

}  //End//Библиотека Кукисов

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

//%%%%%%%%%% ОБСЛУЖИВАНИЕ BB-ТЕГОВ В ПОСТАХ И ФОРМЕ ОТВЕТА %%%%%%%%%%%%%%%%%%%%%%%%%%%%%//

//========ФУНКЦИЯ Проверки и Установки Допуска к функции смены НИКА,СТАТУСА,ПОДПИСИ. ======//

var Dopusk=0,DopuskList = new Array();

function OnSmenaImage(RazdeL,myarray){

        st = document.getElementById("pun-crumbs1").innerHTML;
        if($("#navlogin").html()!=null){UserLogin = " "};
        if (st.indexOf(RazdeL)!= -1){Dopusk = 1;
        for(q=0;q<myarray.length;q++){
DopuskList.push(myarray[q]);
if (myarray[q]== UserLogin)Dopusk = 0;}
}
}
//======= end OnSmenaImage(RazdeL,myarray){}

/******************************************************************************************
    ТЕЛО ОСНОВНОЙ ФУНЦИИ
******************************************************************************************/

function StartNIZ(){

  //======= Обслуживание BB-Тегов в Постах =====================//

var SkL="\\[",SkR="\\]";
var patt = new Array()
  patt[0] = SkL + "NIC" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/NIC" + SkR;
  patt[1] = SkL + "STA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/STA" + SkR;
  patt[2] = SkL + "AVA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/AVA" + SkR;
  patt[3] = SkL + "SGN" + SkR + "([^" + SkL + SkR + "]+)" + SkL + "/SGN" + SkR;

$(".post-content").each(function (){
  var contex = $(this).html();

   for (j=0; j < patt.length; j++){
var tags="abbr";
if(j==3)tags="div";
var chang = '<'+tags+' class="hide_Nic-SIG ' + patt[j].substring(2,5) + '" >';//alert(chang)
var EndCh = '</'+tags+'>';
var reg_esp  = new RegExp(patt[j],"igm");
contex=contex.replace(reg_esp,chang + "$1" + EndCh);//alert(contex)
    }$(this).html(contex)
});
var pa_avtr='<li class="pa-avatar">';
var Avt_St='<img src="';
var Avt_End='"alt="Аватар"/>';
var PostSig_St='<dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>';
var PostSig_End='</p></dd></dl>';
var DpskTek;

$(".post").each(function (){
var NIk=$(this).find(".post-author .pa-author a").html()
    DpskTek = 1;for(q=0;q<DopuskList.length;q++){if(DopuskList[q]== NIk){DpskTek = 0;break;}}

$(this).find(".hide_Nic-SIG").each(function (){

   var S=$(this).html();

  /*[AVA]*/ if($(this).hasClass('AVA')==true){var AVA=$(this).parents(".post").find(".post-author .pa-avatar")
    if(AVA.html()!=null){AVA.html(Avt_St+S+Avt_End)}else $(this).parents(".post").find(".post-author .pa-title").after(pa_avtr+Avt_St+S+Avt_End+'</li>');}

if(DpskTek == 1){
  /*[NIC]*/ if($(this).hasClass('NIC')==true){$(this).parents(".post").find(".post-author .pa-author a").html(S);}
  /*[STA]*/ if($(this).hasClass('STA')==true){$(this).parents(".post").find(".post-author .pa-title").html(S);}
  /*[SGN]*/ if($(this).hasClass('SGN')==true){$(this).parents(".post").find(".post-content .post-sig").replaceWith("");
  $(this).parents(".post").find(".post-content").append(PostSig_St+S+PostSig_End);}
    }
});});
//======= end Обслуживание BB-Тегов ===============================//

//alert("B")

//alert(Dopusk);alert(DopuskList);

//========================================================================//
//Тут ставим  в форму ответа Блок-меню  и кнопку, в зависимости от Dopuska

var L1="<div id=My clacc=My><img title=\"Смена имиджа\" id=imgNIK-SIG width=20 src=\"http://5.firepic.org/5/images/2015-09/20/d3c8ft8srwsq.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div style=\"z-index: 3000;\" id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://5.firepic.org/5/images/2015-09/20/5bcq6qg3zf8k.png\" style=\"position:absolute;margin:-29px;z-index:3000 0 0 -5px;\"/><img alt=\"NIC\" class=\"iblank NIC\" src=\"/i/blank.gif\"  title=\"Cменить ник\"/><img alt=\"STA\" class=\"iblank STA\" src=\"/i/blank.gif\"  title=\"Cменить статус\"/><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\"  title=\"Cменить авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src=\"/i/blank.gif\" onmouseout=\"this.src=THISsrc;\"  title=\"Выбрать из галереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/><img alt=\"SGN\" class=\"iblank SGN\" src=\"/i/blank.gif\"  title=\"Cменить подпись\"/><img alt=\"mem\" class=\"iblank mem\" src=\"/i/blank.gif\" title=\"Вставить запомненное из 'предыдущей сессии'\"/></div></div>";

var L2="<div id=My clacc=My><img title=\"Смена аватара\" id=imgNIK-SIG width=20 src=\"http://5.firepic.org/5/images/2015-09/20/d3c8ft8srwsq.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div style=\"z-index: 3000;\" id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://5.firepic.org/5/images/2015-09/20/d0mn0dtqhpqi.png\" style=\"position:absolute;margin:-29px;z-index:3000 0 0 -5px;\"/><img class=\"iblank STA\" src=\"/i/blank.gif\" /><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\"  title=\"Cменить авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src=\"/i/blank.gif\" onmouseout=\"this.src=THISsrc;\"  title=\"Выбрать из галереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/></div></div>";

if(!Dopusk){L1=L2};$("#keyboard-area").after(L1)
//==========  Галерея ===========================================//

var cntrAvt="<div class=\"container\" id=\"avtrChang-area\" onclick=\"$('#avtrChang-area').toggle()\" style=\"display: none\"><div id=\"avtrChang-block\"></div></div>";
var preAvtrST="<img src=\"";
var preAvtrEnd="\" height=\"55\" alt=\"Avatar\" onclick=\"var bDSb='[AVA]'+this.src+'[/AVA]';setCookie3('AVA',bDSb,30*24*60*60*1000);smile(''+bDSb+'');\"/> ";

$("#smilies-area").before(cntrAvt)
for(i=0; i<AvtrArr.length; i++){$("#avtrChang-area").append(preAvtrST+AvtrArr[i]+preAvtrEnd);}

//======= Обслуживание запомненных Cookie таблицы Ввода в форме ответа  ===============================//
var TagsSUM ={NIC:0,STA:0,AVA:0,SGN:0}
function ReadAndSetBBcocie() {

var BB_Lst = new Array("NIC","STA","AVA","SGN")
for(i=0; i<BB_Lst.length; i++){
var s=getCookie3(BB_Lst[i]);
if(s){smile('\n'+s);}
}
}
//======= Обслуживание Текущих Cookie таблицы Ввода в форме ответа  ===============================//

function TagsAlert (BB) {
var LBBstr="однострочный";

  alert("ОШИБКА ПРИМЕНЕНИЯ ТЕГА:\nTeг ["+BB+"] - не пустой(пустые теги не запоминаются), "+LBBstr+" и однократно-применимый в одном сообщении!\n\n - Для для правильного отображения тегов, используемых в блоке \"КОД\", применяйте скрипт \"Обезвреживания\":\n\n Cсылка на Скрипт:\nhttp://forum.mybb.ru/viewtopic.php?id=21313&p=6#p663171\n\n")
}

function CmpareInOut(In,Out,BB) {
var result='',reSt="["+BB+"]"

for(i=0; i<Out.length; i++){if(In.substring(0,i)!=Out.substring(0,i))
{
Out=Out.replace(In.substring(0,i-1),'');
Out=Out.replace(/^[\s\S]{0,5}\]/igm,'');//alert("Out1="+Out)
var re="[/"+BB+"]",Send=Out.indexOf(re);
if(Send!=-1)result=Out.substring(0,Send); //alert("result="+result)
if(BB!="SGN" && result.replace(/^.*?([\n\r]|$)/,'')!=""){$("#main-reply").val(In);TagsAlert (BB);
  result='';return false;} // Проверка на многострочность не у подписи!

if(result){ //Найдено наполнение тега;
result=reSt+result+re; //alert("result="+result)
setCookie3(BB,result,30*24*60*60*1000); return result;}
else return false;
  }
        } return false;  // Конец цикла и не нашли
}
//======= Обслуживание Таблицы Ввода в форме ответа  ===============================//
$(document).ready( function(){
    $('#stTs .iblank[alt]').click(function(){
BB=$(this).attr("alt");
if(BB=='mem'){ReadAndSetBBcocie();
}else { //alert(BB);
In=$("#main-reply").val()
bbcode('['+BB+']','[/'+BB+']')
Out=$("#main-reply").val()
var E=CmpareInOut(In,Out,BB); //alert(E);
}
  return false;
    });
});
//=======  end Обслуживание Таблицы Ввода в форме ответа  ===============================//
} // ### end function StartNIZ(){ ###############//

0

58

Nicole,  это наша шапка с давиной

http://funkyimg.com/i/25p7o.png

это имидж и авик мелкий

http://funkyimg.com/i/25Kv4.png

http://funkyimg.com/i/25Kv2.png

и аватар для гейма
норм?
http://funkyimg.com/i/25Kv3.png

0

59

Nicole написал(а):

Nicole,  это наша шапка с давиной

http://funkyimg.com/i/25p7o.png

это имидж и авик мелкий

http://funkyimg.com/i/25Kv4.png

http://funkyimg.com/i/25Kv2.png

и аватар для гейма
норм?
http://funkyimg.com/i/25Kv3.png

не гейм))) главнюк)) на нет надо написать curseofthepast и на втором PR
у меня фш на работе пока нет((

0

60

зеленый
стиль

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

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

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

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

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

/* A2.2 */
.punbb * {
  margin: 0;
 font-size: 100.0%;
  }

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

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

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

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

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


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

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

/* A3.2 */
.punbb {
 font: normal 12px Tahoma, Geneva, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em Tahoma, Geneva, sans-serif;
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-weight: normal;
  }
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.2em;
 position: top center;
  }
/* 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: none!important;
  }

/* 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: -99999px;
 text-align: center;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
  height: auto;
  margin: auto;
  width : 901px;
  position: relative;
  float: top center;
  margin: auto auto auto auto;
}

/* A5.2 */
.punbb {
  float: center;
  width: 820px;
  height: auto;
margin-left: 40px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: 500px;
  float: none;
background-image: url("http://5.firepic.org/5/images/2015-09/09/e5d13thqdmrs.png"); background-position: top center; background-attachment: relative;
border: 0px solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 15px;
padding: 5px;
text-align: center;
color: #8990ab;
    }    

#pun-redirect .main-title { background: transparent !important;
color: #8990ab;
width: 300px;
position: center;
height: 30px;
}

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

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

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

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

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

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

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

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


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

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 2px solid #593330;
  width: 500px;
  margin: 5px auto;  }
/* B1.3 */
.punbb .post-content p {
 line-height: 130%;
  margin: 0;
  padding: 0 0 1em 0;
  }

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 0px;
  border-radius: 10px; /* Закругление углов - 10 можно менять на свое */
 
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  border-radius: 10px; /* Закругление углов - 10 можно менять на свое */
  margin: 0;
  }

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  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 18px 0 18px;
  margin: 0 0 1em 0
  }

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

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

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

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

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

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

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

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

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

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

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

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

  }


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

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

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

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

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


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

/* C2.1 */
.punbb .main .tcl {
  background:url("") scroll right bottom transparent;
  overflow:hidden;
background-position: top center; background-repeat: no-repeat; 
  text-align:left;
  }

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

/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

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

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  width: 20%;
  }

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

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

/* C2.8 */
#pun-index .tcl h3 { 
font-size:20px!important;
font-weight: caps !important;
font-family: 'Calibri', caps;
text-align: left;
  }

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

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

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

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

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

/* C2.14 */
    .punbb td div.tclcon {
  margin-left: 10px;
  font-size: 11px;
  width: 340px;
  color: #1f222d;
  text-align: justify;
border-style: solid; 
border-color:  transparent; 

 background: url(http://2.firepic.org/2/images/2015-08/29/adjuimbco6wq.png);
background-color: transparent;
  padding: 8px;
line-height: 15px;

}

   
 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: transparent;
position: top center;
}



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

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

  }

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

  }

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

  }

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

  }

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

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

  }

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

  }

.punbb .divider {
  border-color: transparent;

  }

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

  }

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

  }



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

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

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

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  margin-top: -5.5em;
  overflow: hidden;
  width: 211px;
}

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

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

/* C3.8 */
.pa-author a {
  font-family: "Book Antiqua" !important;
  font-size: 1.3em;
  text-transform: uppercase;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


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

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

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

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

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

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
border-color: transparent;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
border-image: url("http://s2.uploads.ru/ATzpC.png") no-repeat scroll center; 
  }

/* 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: 2.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: -16.3em;
  display: inline;
  }

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

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

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

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
 /*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }


#pun-title table {
 border: none;
height: 631px!important;
width: 1300px!important;
overflow: hidden;
}


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

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

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

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

/* D3.2 */
#pun-navlinks .container {
width: 100%; 
margin-top: -430px;
margin-left: 10px;
position: absolute;
  }

#pun-ulinks .container {
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.0em;
  }

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

/* D4.1 */
#pun-ulinks  {
 width: 100%;
margin-top: -58px;
margin-left: 0px;
  font-size: 11px;
  letter-spacing: 0px;
  text-transform: lowercase;
  color: #481400 !important;
text-align: center; 
  }


/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

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

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

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

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

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

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

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

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

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

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

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

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

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

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

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

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

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

/* D8.5 */
#pun-about p span {
  display: none;
  padding-left: 50%;
  }

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

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

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

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


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

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

/* D9.2 */

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

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

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

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

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



/*профиль*/
.punbb .post .post-author {
  background:url(http://5.firepic.org/5/images/2015-09/06/jrdedzi3s1ok.png) 0 0 repeat-y; 
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://5.firepic.org/5/images/2015-09/06/whftz3dbkimy.png) 0 top no-repeat,url(http://5.firepic.org/5/images/2015-09/13/nrp8s7sdvyme.png) 0 bottom no-repeat; 
  padding:40px 17px!important;
  margin-left: 0px
}

@media screen and (min-width: 900px) {
html,body {overflow-x:hidden;}
}

.quote-box blockquote>p{
  padding-bottom:1em;
}
Код:
li#navsearch {margin-left: 0px !important;}

::-webkit-scrollbar {
    width: 08px;
    height: 4px;
}
::-webkit-scrollbar-track {
background: #958598;
}
::-webkit-scrollbar-thumb {
    background: #6f2b26;
}


.forumlinks {display:block; width: 130px; height: 13px;  text-align:center; background-color: #9aa9aa; 
border-top: double 2px #1b4846; color: #5b1e19 !important;
font: small-caps 700 10pt "Arial" !important; text-shadow: none !important;
transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit- transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; margin-bottom:3px;  padding:3px 3px 3px 3px;margin: 3px; }
 
.forumlinks:hover { display:block; width: 130px; height: 11px;
 background-color: #9aa9aa; 
border-top: double 2px #1b4846; color: #5b1e19 !important;
font: small-caps 700 10pt "Arial" !important; text-shadow: none !important;
transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; padding:3px; margin-top: 2px; padding:3px 3px 3px 3px;
box-shadow: #000 0 0 5px;
box-shadow: #000 0 0 5px;
}

.mini_awards_label {
display: none !important;
}

#pun-navlinks {position:relative; z-index:2000;}

#pun-title table {
background-image : url(http://2.firepic.org/2/images/2015-09/08/t5p672l7xeu8.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
  margin-left: -237px;
color: transparent;
}

#post-form h2 {visibility: hidden;}


#pun-status .container {
margin-top: 20px!important;
text-align: center;
}

#pun-ulinks, #pun-ulinks .container, #pun-ulinks li, #pun-ulinks li a, #pun-ulinks li a {
  color: #211c3b !important;
  font-family: "Arial";
  font-size: 11px;
}

html, body {
        background: url("http://5.firepic.org/5/images/2015-08/27/71r1rhs2f5vi.png") repeat-x top left, url("http://5.firepic.org/5/images/2015-08/27/2az2bmijp5f9.png") center; background-color: #15613e;}

body {margin: 0 auto; overflow-x: hidden;}

#pun {background-color: #06060b; background-image: url(http://5.firepic.org/5/images/2015-09/09/e5d13thqdmrs.png); }

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, #pun-title, #pun-title .container, .punbb .modmenu .container,
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .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 .post h3 span, .punbb th, #viewprofile li, #setmods dl, .punbb textarea, .punbb select, .punbb input
 {background-color: transparent;
  color: #174617; }

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {background-position : center;
  background-color: transparent;
  color: #5b1e19;
font-style: normal;}

.punbb .quote-box, .punbb .code-box {
      color: #5b1e19;
}

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

.punbb .container, .punbb .post-body, .post h3, #pun-title,
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .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, .punbb .post-sig dt {
  border-color: transparent; 
  }

.punbb .quote-box, .punbb .code-box  {
background-image: url("http://2.firepic.org/2/images/2015-08/29/1ecro3n26r6v.png"); background-repeat: repeat;
 background-color: transparent;
  }


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

/* CS3.1 */
 .punbb-admin, .punbb a:link, .punbb a,  .punbb a:visited,  #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited
{
  border-bottom: 0px none #000;
  text-decoration: none;
 color: #5b1e19; 
  }

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


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

  border-bottom: 0px none #000;
 text-decoration: none;
  }

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

.punbb table Div.icon {float: left; display: block; width: 40px; height: 48px; border-style: none; background-image: url(http://2.firepic.org/2/images/2015-08/29/kak6fuorfa5a.png);  background-repeat: no-repeat; position: relative; }
.punbb table div.inew {background: url(http://2.firepic.org/2/images/2015-08/29/lethjfsyfq0i.png) no-repeat; position: relative; margin-left: 1px;}
TR.isticky Div.icon {background: url(http://2.firepic.org/2/images/2015-08/29/wjmr0bpevywa.png) no-repeat; position: relative; margin-left: 1px;}
TR.iclosed Div.icon {background: url(http://2.firepic.org/2/images/2015-08/29/nj9ac6bhqght.png) no-repeat; position: relative; margin-left: 1px;}
#pun-stats ul.container {
background-image: url("http://2.firepic.org/2/images/2015-08/29/fb78gb1ch49h.png");
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 80px;
padding-top: 48px;
}

li#navindex {display: none;}
#title-logo-tdr img {width: 1px; height: 1px;}
#pun-main h1 span {visibility: hidden;}

#pun th {visibility: hidden;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-index .modlist {display: none; }
#pun-announcement.section h2 span {display: none; }
#pun-title .title-logo span {display: none;}
.blockquote, .blockcode, .scrollbox, pre {border:none; }

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}

#pun-about p.container {background-color: #;
background-image : url(http://5.firepic.org/5/images/2015-09/06/lmb5o5ypg235.png);
 margin-left: -601px;
background-position : center top;
 background-repeat : no-repeat;
height : 205px; 
 width: 2000px;
overflow-x: hidden !important;
text-align: center;
}

div#html-footer {
margin: 20px 0px 0px 0px;}

div#pun-about {
   margin-bottom: -140px;

}
div#html-footer {
margin: -100px 0px 0px 0px;}

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

#pun-navlinks a {
        display: inline-block;
        height: 34px;
        width: auto;
margin : -7px !important; 
        }

#navawards a {display: none;}
        #navindex a {background: url(http://6.firepic.org/6/images/2015-08/30/3a8prvy85qjq.png) no-repeat top center; width: 55px;}
        #navuserlist a {background: url(http://6.firepic.org/6/images/2015-08/30/62n46pqu68ta.png) no-repeat top center; width: 50px;}
        #navsearch a {background: url(http://6.firepic.org/6/images/2015-08/30/5b6wtyhod2e2.png) no-repeat top center; width: 55px;}        
#navprofile a {background: url(http://6.firepic.org/6/images/2015-08/30/3sm87sgji3na.png) no-repeat top center; width: 55px;}
        #navpm a {background: url(http://6.firepic.org/6/images/2015-08/30/d6qijpryz3jo.png) no-repeat top center; width: 67px; }
        #navadmin a {background: url(http://6.firepic.org/6/images/2015-08/30/z0wpqugnpeh9.png) no-repeat top center; width:60px;}
        #navlogout a {background: url(http://6.firepic.org/6/images/2015-08/30/zslck1vbys2w.png) no-repeat top center; width: 61px;}
        #navlogin a {background: url(http://6.firepic.org/6/images/2015-08/30/pemc8ovm06em.png) no-repeat top center; width: 60px;}        
#navregister  a {background: url(http://6.firepic.org/6/images/2015-08/30/h92gvu9ofewt.png) no-repeat top center; width: 68px;}

 #pun-navlinks a span {display: none;}





a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: palatino linotype;
font-size: 11px;
background-color:#a89574;
color: #302418; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #302418;
border-left-width: 5px;
width:230px;
}

a.tvm:hover {
font-family: palatino linotype;
font-size: 11px;
color: #a89574; 
background-color:#302418;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #a89574;
border-left-width: 5px;
width:230px;
}


#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -70px; top: -10px;
}

#pun #pun-navlinks.section {border-top-style: none; }
#pun  #pun-navlinks.section .container {border-style: none; }
#pun_wrap #pun #pun-index #pun-status.section .container {display: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none;
height: 0px; margin-top: -110px;}
#pun-announcement.section .container .html-box center table {margin-top: -110px;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 400px; top: 10px
}

.punbb td div.tclcon { padding-left: 15px; }
.lastedit {display: none; }
 li.pa-fld3 {
    margin-left: -14px;
}
li.pa-fld3 {
    margin-left: -14px;
}

0


Вы здесь » runawayHanter. » Тестовый форум 1 » Коды


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