style.css

Код:

/* Основа */

html, body {margin: 0; padding: 0;background: #1d3123;}

.punbb * {
  margin: 0
  }

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

.punbb .inline .infofield {clear:both}

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }
.punbb img {border:none}
.punbb .main table {table-layout: fixed;width: 100%;border-collapse: initial!important;}

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

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

 /* Шрифты */

body {
  font-size: 100.01%;
}

.punbb {
  font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

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

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

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


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

.punbb address, .punbb em {
  font-style: normal
  }

.punbb .post-content em {
  font-style: italic
  }

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

.punbb a {
  text-decoration: none;
  transition: 1s;
  color: #221b18;
}

.punbb optgroup {
  font-weight: bold;
  }

#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;
  }

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


/* Положение страниц и переадресация */

#pun {
  padding: 0;
  border: none;
  color: #342012;
  text-shadow: 0px 0px 1px rgba(95, 92, 92, 0.33);
  width: 900px;
  margin: 0px auto auto auto;
  background: url(http://savepic.ru/10014547.jpg) center;
}

.punbb {
  float: left;
  width: 100%;
  height: auto;
}

#pun-redirect #pun-main {
    text-align: center;
}

#pun-redirect #pun-main > h1 {
    margin-bottom: -2%;
    background: url(http://savepic.org/5386546.png) no-repeat;
    width: 788px;
    margin-left: 80px;
    margin-bottom: -40px;
}
#pun-redirect #pun-main > h1 span{
    top: 40px;
}


.punbb .section, .punbb .main {
  margin-bottom: 0px;
  }

.punbb .category, .punbb .post {
  margin: 22px 0!important;
  }

.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin: 0;
  }

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

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border: none;}

.punbb .container {
  border: none;
  }

#pun-main h2, #pun-main h1, #pun-stats h2, #pun-debug h2 {
    border: none;
    background: url(http://savepic.ru/9970682.jpg);
    height: 32px;
    font-size: 16px;
    color: #d8f6d3;
    padding: 16px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 4px rgba(211, 211, 246, 0.73);
    font-family: Myriad Pro Regular;
}

div.post-links > ul > li.pl-share {left: 5em!important;  position: relative!important;}

/* Темы */

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

.punbb .post-sig dt {
  display: block;
  border-top: 1px solid rgb(66, 103, 61);
  width: 100%;
  margin: 5px 0;
  }

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

.punbb .post-content img {
  vertical-align: text-top
  }

.punbb .post-content img.postimg {
  vertical-align: middle;
  }

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

.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

.punbb .post-content .quote-box, .punbb .post-content .code-box {
  padding: 10px;
  margin: 2px;
  color: #D8F6D4;
  background: #1d3123;
  border: 4px #42693C solid;
  text-shadow: 0 0 1px rgba(216, 246, 212, 0.5);
}
blockquote p a {color: #D8F6D4!important;text-shadow: 0 0 1px rgb(216, 246, 212);}
blockquote p a:hover {color: #86B97E!important;text-shadow: 0 0 1px rgb(216, 246, 212);}

.punbb .quote-box cite, .punbb .code-box strong.legend, .legend a {
  display: block;
  padding-bottom: 0.7em;
  font-style: normal;
  margin: 0;
  color: #D8F6D4!important;
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 0 1px #D8F6D4;
}

.code-box > strong {
}


div.post-body > div.post-box > div.post-rating > p {
    width: 10px;  
}


/* Боксы */

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

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

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


/* Ссылки */

.punbb .linkst {
  float: left;
  position: relative;
  width: 850px;
  margin-bottom: 24px;
  font-size: 1.1em;
  top: 48px;
}

.multipage {
  margin-top: 3em;
  }

.linkst .pagelink {
  position: absolute;
  top: -46px;
  left: 1em;
  width: 24em;
  }

.linkst .postlink {
  position: absolute;
  top: -46px;
  right: -3em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

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

.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

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

.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

#pun-navlinks li a:hover {
    color: #0c1d0d;
    text-shadow: 0 0 1px rgba(59, 96, 63, 0.5);
}
#pun-ulinks li a:hover {
    color: #28714D;
}
.punbb a:hover {
    color: #3F0505;

}

div.post-links > ul > li > a {
    text-shadow: 0px 0px 1px #70af68;
    color: #1d3123;
}


/* Страницы */

.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0;
  }

.punbb fieldset {
  border: none;
  }

.punbb fieldset legend {
    border: none;
    background: url(http://savepic.ru/9970682.jpg);
    height: 32px;
    width: 900px;
    position: relative;
    left: -198px;
    font-size: 16px;
    color: #d8f6d3;
    padding: 16px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 4px rgba(211, 211, 246, 0.73);
    font-family: Myriad Pro Regular;
}
#pun-upavatar legend {left: -34px;}

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

.punbb .fs-box {padding: 1em 0 0.8em 0;max-width: 830px;}
#pun-messages .fs-box.hashelp {width: 662px;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0;}

.punbb textarea, .punbb .longinput input,#pun-admain input, #pun-admain select {
padding: 1em;
border: none;
color: #d8f6d3;
background: #405d45;
border-style: solid;
border-width: 7px;
text-shadow: -1px -1px 0 rgba(216, 246, 211, 0.1), 1px -1px 0 rgba(216, 246, 211, 0.1), -1px 1px 0 rgba(216, 246, 211, 0.1), 1px 1px 0 rgba(216, 246, 211, 0.1);  
width: 99%!important;}

.punbb .hashelp {
  position: relative;
  }

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

.punbb #profile .helplinks {
  top: 1.5em;
  }

.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

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

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

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

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

.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

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

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

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

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

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

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

.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

.punbb .main td {
  border: none;
  padding: 0.8em 1em!important;
  border-color: #42643F;
  }
#form-buttons td {padding:0!important}

* html .tclcon {height: 1px}

#pun-main > div.linkst > noindex > div > span {
    display: inherit;
    padding: 0!important;
} 

.punbb table Div.icon {
  float: left;
  display: block;
  width: 88px;
  height: 28px;
  margin-left: -17px;
  border-style: none;
  background: url(http://savepic.ru/10012502.jpg) 0 -30px no-repeat;
}
TR.inew Div.icon { background-position: 0 0; }
TR.isticky Div.icon { background-position: 0px -58px; }
tr.iclosed.isticky div.icon { background-position: 0 -58px; }
TR.iclosed Div.icon { background-position: 0 -87px; }

#pun-messages #profile .container {
    width: 716px;
}
#pun-messages .post h3 {
    width: 59.36em;
}

 /* Темы*/

.punbb .post .container {margin-bottom: 22px;}

.punbb .post h3 {border: none;}

.punbb .post h3 span {
  border: none;
  padding: 6px 1em 4px 0;
  display: block;
  background: #42673d;
  height: 16px;
  margin-left: 196px;
  color: #D8F6D4;
  text-shadow: 0 0 1px #1D3123;
}
.punbb .post h3 span a {color: #D8F6D4!important;text-shadow: 0 0 1px rgba(216, 245, 214, 0.5);}
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

.punbb .post .post-author {
  float: left;
  width: 190px;
  margin-top: -26px;
  color: #d8f6d3;
}
.punbb .post .post-author {/*Фон размножаемый по вертикали*/
background: #1d3123;border: 6px #42673d solid;border-left: none;}



.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 150%;
  text-align: center;
}

.pa-author {
  font: 16pt 'Minion Pro';
  font-weight: bold;
  text-transform: uppercase;
  color: #705f55;
  text-shadow: -1px -1px 0 #281e16, 1px -1px 0 #281e16, -1px 1px 0 #281e16, 1px 1px 0 #281e16;
}

.pa-author a {
  text-decoration: none
  ;
  z-index: 999999;
  position: relative;
  font: 18px 'Myriad Pro Regular';
  text-transform: capitalize;
  text-shadow: 0 0 1px #416241;
  color: #d4f6d3!important;
}

div.post-author li a{
    color: #c5f8bd;
    text-shadow: 0 0 1px #d8f6d3;
}

li.pa-title {
  text-transform: uppercase;
  color: #70af68;
}     


li.pa-online {line-height: 30px; margin: 0px;}

div#pun-live-rusff {
    display: none!important;
}

.punbb .post-body {
  margin-left: 17.4em;
  padding: 0;
}

.punbb .post-box {
  padding: 1em;
  }

.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

.punbb .post-links {margin-left: 22em;}

.punbb .post-links ul {
  padding: 0 1em 0 0;
  line-height: 2em;
  margin-left: -21em;
  text-align: right;
}

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

.pl-email, .pl-website {
  float: left;
  }

.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* Модмемю*/

.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

.punbb .modmenu .container strong {
  float: left;
  }

.punbb .modmenu input {
  margin-left: 1em;
  }

#mod-options {
   background: rgb(29, 49, 35);
   border: none;
   color: #D8F6D4;
   padding: 4px;
}

#mod-options > option {
    background: rgba(15, 13, 13, 0.55);
    border: none;
    color: #72695f;
    padding: 4px;
}

/* Сообщения */

.punbb .info .container {
  padding: 0.8em 1em
  }

.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* Профиль */

#profile .container {
  padding-left: 190px;
  }

#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

#viewprofile ul, #profilenav ul {
  border: none;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

#viewprofile h2, #profilenav h2 {
  background: transparent;
  margin-left: 0;
  height: 20px;
  color: #1d3123;
}

#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: static;
  }

#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

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

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

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

.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


#profile1 > fieldset > legend,
#post > fieldset > legend,
#change_pass > fieldset > legend,
#punbbsearch > fieldset > legend,
#userlist > fieldset > legend,
#profile4 > fieldset > legend,
#profile2 > fieldset > legend,
#profile3 > fieldset > legend,
#profile5 > fieldset > legend,
#profile6 > fieldset > legend,
#profile8 > fieldset > legend,
#profile9 > fieldset > legend,
#profile8 > fieldset > legend,
#register > fieldset > legend, 
#login > fieldset > legend {
    background: transparent;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 0;
    height: 16px;
    width: 660px;
}
#profile1 > fieldset > legend > span,
#post > fieldset > legend > span,
#change_pass > fieldset > legend > span,
#punbbsearch > fieldset > legend > span,
#userlist > fieldset > legend > span,
#profile4 > fieldset > legend > span,
#profile2 > fieldset > legend > span,
#profile3 > fieldset > legend > span,
#profile5 > fieldset > legend > span,
#profile6 > fieldset > legend > span,
#profile8 > fieldset > legend > span,
#profile9 > fieldset > legend > span,
#profile8 > fieldset > legend > span,
#register > fieldset > legend > span,
#login > fieldset > legend > span  {
    color: #72695f;  text-shadow: none;
    margin: 0;
    left: 210px;
    top: 0px;
    position: relative;
}

.punbb select, .punbb input {
    border: none;
    padding: 4px;
    color: #d8f6d3;
    background: #405d45;
    border-style: solid;
    border-width: 7px;
    text-shadow: -1px -1px 0 rgba(216, 246, 211, 0.1), 1px -1px 0 rgba(216, 246, 211, 0.1), -1px 1px 0 rgba(216, 246, 211, 0.1), 1px 1px 0 rgba(216, 246, 211, 0.1);
}


/* Списки */

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

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

#pun-userlist .usertable table {
  border: none;
  }

/* Стили */

/* Шапка */
#pun-title {
  border: none;
  height: 180px;
  width: 100%;
  background: #D8F8D3 url('http://savepic.ru/9967590.jpg');
}

#pun-title h1 {
  display : block;
  height : 148px;
  margin: -1px 0px 0px -1px;
  background: transparent!important;
}

#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

#pun-title h1 span {
  display: none;
}

#pun-title TABLE {
  border: none;
  height: 148px;
  width: 100%;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  padding-right: 20px;
}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 30%;  top: 0;  }

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

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

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

#pun-pagelinks .container li {
  display: inline
  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

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

/* Меню */

#pun-navlinks {
  border: none;
  margin: 4px 0;
}

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

#pun-navlinks .container {
  text-align: center;
}

#pun-navlinks li {
  display: inline;
  margin: 0.6% 0.6% 0.6% -0.1%;
}

#pun-navlinks li a {
  color: #0c1d0d;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 1px rgba(161, 197, 165, .5);
  font-size: 14px;
  font-family: Myriad Pro Regular;
  transition: .5s;
}

/* Юзер меню */

#pun-ulinks .container {
  padding: 0;
  text-align: center;
}
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  color: #0c1d0d;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 1px #A1C5A5;
  font: 11px Myriad Pro Regular;
  }
#pun-ulinks li a:hover {color: #28714D;}
#pun-ulinks {margin: 2px;}

/* Добро пожаловать и пр. */

#pun-status, #pun-status .container, #pun-status .container a {
 border-bottom: none;
 margin: 0;
 color: #4E3A2B;
 text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.42);
}

#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: -30px;
}

#pun-crumbs1 p.container {
  text-transform: uppercase;/*#AC9380;*/
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  height: 34px;
}

#pun-break1 {
  display: none;
}

/* Объявление */
#pun-announcement h2 span {display: none;}
#pun-announcement .container {padding: 2px 10px 2px 10px;width: 900px;margin-left: -10px;}
#pun-announcement {margin-top: 20px; background-color: #416241;color: #d8f6d3;}
.mytbl h3 {color: #d8f6d3;font-size: 18px!important;text-shadow: 0 0 2px #d8f6d3;}
#players img {height: 50px; width: 50px;opacity: .5;transition: .2s;}
#players img:hover {opacity: 1;}
#welcome {text-transform: uppercase;font-size: 16px;padding: 6px;color: #d8f6d3;text-shadow: 0 0 2px rgb(240, 255, 238); font-family: Myriad Pro Regular;}


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

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

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

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

li#onlinelist {
  margin-top: 1em;
  border: none;
  float: left;
  width: 100%;
  line-height: 130%;
  }

li#onlinelist div {
  border: none;
  padding: 0.7em 0 0 0;
  }

/* Футер */

#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

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

#pun-about {
  background: url(http://savepic.ru/9990995.jpg);
  height: 40px;
  margin-bottom: 0;
  width: 900px;
}

#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  top: -22px;
  left: -10px;
  position: relative;
}

#pun-about p span {
  display:block;
  padding-left: 50%;
  }

#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

#pun-crumbs2 .container {border-bottom: none;padding: 0.8em 1em;font-size: 1.1em;}
#pun-break4 {display: none;}
div.punbb-admin #pun-about .container {border-top-style: none}
.gp img {height: 18px;left: 2px;opacity: 0;transition: .3s;position: relative;}
.gp img:hover {opacity: .8;}
.vk img {height: 20px;opacity: 0;transition: .3s;}
.vk img:hover {opacity: .8;}
div#contacts {position: relative;height: 0px;left: 2px;top: -22px;}


/* Страница "информация" */

#pun-help .formal .info-box h3.legend {border: none}
#pun-help .formal .info-box h3.legend span {padding-bottom: 0.6em;display: block;border: none;font-size: 1.1em;}
#pun-help .formal p, #pun-help .formal dd{margin-bottom: 1em} 
#pun-help .formal ul, #pun-help .formal dl {padding: 0 0 0 1em}
#pun-help .formal li {padding: 0;line-height: 130%}
#pun-help .formal li * {vertical-align: text-top}
#pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;}
.category > div > table > thead, .forum > div > table > thead  {display: none;}
#pun-online #pun-main > div > div > table > thead{height: 0; font-size: 0;}

/* Админка */
#pun-admain a {cursor: pointer; color: #221b18 !important; }
#pun-admain a:hover {color: #B42000 !important; }
#pun-admain legend { width: 640px; } 
#pun-adnav {width: 26%; border: none;}
#pun-adnav > div {border: none!important;}
#pun-admain1 > form {border: none;}
#pun-admain fieldset {border: none!important;}
#pun-admain fieldset p {background: transparent!important;}
#pun-admain legend span {font: italic 20pt 'Monotype Corsiva', serif!important;color: #b5987a!important;  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75)!important;  position: relative;top: 72px!important;background: transparent!important}
div#status {position: absolute;top: 144px;left: 466px;}
#post > fieldset > legend > span {display: none}
tr td h1 {background: rgba(0, 0, 0, 0.3)!important;}
#pun-messages div#profilenav {margin-top: 30px;}
.post a span {text-transform: none!important;}
#pun-messages li.pa-from, #pun-messages li.pa-reg, #pun-messages li.pa-posts {width: 176px;margin-left: 30px;}
#pun-delete legend.warntext {margin-left: 330px;}
#pun-messages textarea#main-reply {width: 86%;}
p.inputfield.required.longinput span:nth-child(4) {margin-left: 45px!important;}
.adcontainer, .adformal, #pun-admain fieldset{border-style:none !important;border-width:0px !important;}
.punbb-admin #pun-crumbs1{margin-bottom:0px !important;}
.punbb-admin h2 span, .punbb-admin fieldset legend span, .punbb-admin fieldset legend{
top:0px !important;
position:inherit !important;
height:inherit !important;
width: inherit !important;
margin: inherit !important;
background:none !important;}
.punbb-admin  input, .punbb-admin select{color:inherit !important;background-color: #eee;}
.adformal h2,#pun-adnav h2{background-color: transparent !important;border:none!important;}
.punbb-admin  a{text-transform: none !important;}

Объявление

Код:

<center><h3 id="welcome">Голосуйте!</h3>И не забывайте, что лидерство нашей ролевой в ваших копытах!<br>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22891&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22891' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/rpgtop1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22891' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22891' target='_top'><img src='http://img.rpgtop.su/rpgtop1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru --><br>
</center>
<br>
<table cellpadding="0" cellspacing="0" border="0">
<tbody><tr>

<td id="welcome" align="center" colspan="3">
Добро пожаловать на My Little Pony: Equestrian Friendship! 
</td>
</tr>
<tr>
<td align="center" style="
width: 20%;">


<br><table cellpadding="1" cellspacing="0" border="0" style="
padding: 2px;">
<tbody><tr id="players">
<td align="center" valign="top">

<h3>Администраторы</h3>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=2"><img src="http://savepic.su/6021396.png">
</a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=2"><b>Великая Трикси.</b></a><p>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=39"><img src="http://savepic.ru/7905180.png"></a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=39"><b>Eleonora Curze</b></a></p><p>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=3"><img src="http://savepic.ru/8462267.jpg">
</a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=3"><b>Графиня</b></a></p><p>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=38"><img src="http://savepic.su/6023444.png"></a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=38"><b>Гэбриел Кёрз</b></a></p><p>
</p></td>

<td id="players" align="center" valign="top">
<h3>Модераторы</h3>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=391"><img src="http://savepic.su/7072700.png"><br>
</a><a href="http://equestriafim.forumrpg.ru/profile.php?id=391"><b>Shining Armor</b></a><b><br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=7"><img src="http://savepic.su/7130132.png"><br>
</a><a href="http://equestriafim.forumrpg.ru/profile.php?id=7"><b>Lonerover</b></a><b><br>
</b></b></td>
</tr>
<tr>

<td id="players" align="center" valign="top">
<br><h3>Игроки месяца</h3>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=417"><img src="http://savepic.su/7219149.png"></a><br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=417"><b>Leonard</b></a><b>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=39"><img src="http://savepic.ru/7905180.png"></a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=39"><b>Eleonora Curze</b></a>
</b></td>

<td id="players" align="center" valign="top">
<br><h3>Флудеры</h3>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=7"><img src="http://savepic.su/7130132.png"><br>
</a><a href="http://equestriafim.forumrpg.ru/profile.php?id=7"><b>Lonerover</b></a><b>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=286"><img src="http://savepic.su/7233483.png">
</a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=286"><b>Экзиль Блисс</b></a><br>
</b></td>
</tr>
</tbody></table>


</td>
<td align="center" valign="top" style="
    width: 36%;
">

<img src="http://savepic.ru/10023783.jpg">
<br>
<table cellpadding="0" cellspacing="0" border="0">
<tbody><tr>
<td align="center">

<a href="http://equestriafim.forumrpg.ru/viewforum.php?id=3">Акции</a>

</td>
<td colspan="2" align="center">

<a href="http://equestriafim.forumrpg.ru/viewtopic.php?id=481">F.A.Q.</a>

</td>
<td align="center">

<a href="http://equestriafim.forumrpg.ru/misc.php?action=rules">Правила</a>

</td>

</tr>
<tr>
<td align="center">

<a href="http://equestriafim.forumrpg.ru/viewforum.php?id=26">Реклама</a>

</td>
<td colspan="2" align="center">

<a href="http://equestriafim.forumrpg.ru/viewforum.php?id=41">Библиотека</a>

</td>
<td align="center">

<a href="http://equestriafim.forumrpg.ru/viewforum.php?id=47">Квесты</a></td>
</tr>
<tr>
<td colspan="4" align="center"><br><p align="center"></p><h3>Игровые Мастера:</h3><p></p></td>
</tr>
<tr id="players"><td align="center">
<a href="http://equestriafim.forumrpg.ru/profile.php?id=39"><img src="http://savepic.ru/7905180.png"></a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=39"><b>Eleonora Curze</b></a></td>
<td colspan="2" ;="" align="center">
<a href="http://equestriafim.forumrpg.ru/profile.php?id=3"><img src="http://savepic.ru/8462267.jpg">
</a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=3"><b>Графиня</b></a></td>
<td align="center">
<a href="http://equestriafim.forumrpg.ru/profile.php?id=38"><img src="http://savepic.su/6023444.png"></a>
<br>
<a href="http://equestriafim.forumrpg.ru/profile.php?id=38"><b>Гэбриел Кёрз</b></a></td>
</tr>
<tr id="players"><td align="center">
<a href="http://equestriafim.forumrpg.ru/profile.php?id=391"><img src="http://savepic.su/7072700.png"><br>
</a><a href="http://equestriafim.forumrpg.ru/profile.php?id=391"><b>Shining Armor</b></a></td>
<td colspan="2" ;="" align="center">
<a href="http://equestriafim.forumrpg.ru/profile.php?id=312"><img src="http://se.uploads.ru/t/S05gM.png"><br>
</a><a href="http://equestriafim.forumrpg.ru/profile.php?id=312"><b>Шэдоу Степ</b></a></td>
</tr>
<tr><td colspan="4" align="center"><p align="center"><br>Ищем Игровых Мастеров. Если вы хотите помогать другим игрокам, напишите любому из Администраторов, что сейчас в сети, если требуется консультация или в тему заявки на вступление в должность Игрового Мастера. <br></p></td>

</tr>
</tbody></table>

</td>
<td align="center" style="
    width: 20%;
">

<h3>Время</h3>

Текущие дата и время <script> 
var tags_before_clock = " <font class=\"clock\">" 
var tags_middle_clock = " " 
var tags_after_clock  = " </font>" 
document.write('<span id="clock"></span>'); 
DaysofWeek = new Array() 
DaysofWeek[0]="Воскресенье" 
DaysofWeek[1]="Понедельник" 
DaysofWeek[2]="Вторник" 
DaysofWeek[3]="Среда" 
DaysofWeek[4]="Четверг" 
DaysofWeek[5]="Пятница" 
DaysofWeek[6]="Суббота" 
Months = new Array() 
Months[0]="Января" 
Months[1]="Февраля" 
Months[2]="Марта" 
Months[3]="Апреля" 
Months[4]="Мая" 
Months[5]="Июня" 
Months[6]="Июля" 
Months[7]="Августа" 
Months[8]="Сентября" 
Months[9]="Октября" 
Months[10]="Ноября" 
Months[11]="Декабря" 
function upclock(){ 
var dte = new Date(); 
var hrs = dte.getHours(); 
var min = dte.getMinutes(); 
var sec = dte.getSeconds(); 
var day = DaysofWeek[dte.getDay()] 
var date = dte.getDate() 
var month = Months[dte.getMonth()] 
var year = dte.getFullYear() 
var col = ":"; 
var spc = " "; 
var com = ","; 
var apm; 
if (12 < hrs) { apm="<font size='-1'><span class=\"gensmall\"> pm</span></font>"; hrs-=12; } 
else { apm="<font size='-1'><span class=\"gensmall\"> am</span></font>"; } 
if (hrs == 0) hrs=12; 
if (min<=9) min="0"+min; 
if (sec<=9) sec="0"+sec; 
if(navigator.appName == "Netscape") { 
clock = document.getElementById("clock"); 
clock.innerHTML = tags_before_clock+hrs+col+min+col+sec+apm+spc+tags_middle_clock+spc+day+com+spc+month+spc+date+com+spc+year+tags_after_clock;
} 
if (navigator.appVersion.indexOf("MSIE") != -1){ 
clock.innerHTML = tags_before_clock+spc+day+com+spc+date+spc+month+spc+year+com+tags_middle_clock+hrs+col+min+col+sec+apm+spc+tags_after_clock; 
} 
} 
setInterval("upclock()",1000); 

</script>
<br><br>
<h3><font>Погода и время суток</font></h3>
Сейчас в Эквестрии ночь.
<br><br>
<b>В Понивилле</b> лунно, +13°
<br>
<b>В Кантерлоте</b> лунно, +13°
<br>
<b>В Клаудсдейле</b> лунно,  +15°
<br>
<b>В Кристальной Империи</b> переменная облачность, дождь, +13°
<br>
<b>В Мэйнхеттене</b> лунно, +14°
<br>
<b>В Як-Якистане</b> дождь, +7°<br>
<a href="http://equestriafim.forumrpg.ru/viewtopic.php?id=9">Подробнее здесь</a><br>
<br>
<h3><b>Важные события на ролевой</b></h3>
<b>•</b>Идет поиск канонов!<br>
<b>•</b> <a href="http://equestriafim.forumrpg.ru/viewtopic.php?id=892">Идет квест "Дерзкая кража"</a><br>
</td>
</tr>
<tr>
<td align="center" colspan="3">
<marquee>
<a href="http://fabletown.rolka.su"><img src="http://se.uploads.ru/fjbqX.gif" title="Академия Фейблтауна"></a>
<a href="http://ffworld.rolka.su" title="World of Final Fantasy"><img src="http://s9.uploads.ru/QdU4n.png"></a>
<a href="http://datrivius.rusff.me/" title="Dragon Age: Trivius" target="blank"><img src="http://funkyimg.com/i/22UTH.gif"></a>
<a href="http://mightycrossover.rusff.me/"><img src="http://funkyimg.com/i/ZmpY.gif" title="MIGHTYCROSS: Первый Могущественный"></a>
<a href="http://eternaltravel.rusff.me/" target="_blank"> <img src="http://s9.uploads.ru/r9MfN.gif" border="0" alt="Бесконечное путешествие" width="88" height="31"></a>
<a href="http://tlkagain.rusff.me/" target="_blank"><img src="http://sg.uploads.ru/AuNi0.gif" border="0" title="Tales of Tabora"></a>
<a href="http://dastory.f-rpg.ru/"><img src="http://savepic.su/4742594.gif" title="Dragon Age: A Story Being Told"></a>
<a target="_blank" href="http://bis.rusff.me/"><img src="https://forumstatic.ru/files/0010/04/57/68246.gif"></a>
<a href="http://invertedparadise.anihub.ru/"><img src="http://storage9.static.itmages.ru/i/16/0229/h_1456767654_1131396_8daccbad9f.gif" title="Inverted Paradise"></a>
<a href="http://cloudreams.mybb.ru/"><img src="http://s2.uploads.ru/frXYw.gif" title="За облаками сны" alt="За облаками сны"></a>
<a href="http://oldequestria.mybb.ru/"><img src="http://s3.uploads.ru/UDFSj.png"></a>
<a href="http://icma.rolbb.ru/" alt="Коты Ирландии. Средние века."><img src="http://sg.uploads.ru/eKtpC.gif"></a>
<a href="http://narutoworl.0pk.ru/"><img src="https://forumstatic.ru/files/0007/62/69/58481.gif"></a>
<a href="http://mafialand.rolevaya.com/" target="_blank"><img src="http://s7.uploads.ru/gCXOt.gif" title="Welcome to Mafia Land" border="0" width="88" height="31"></a>
</marquee>
</td>
</tr>
</tbody></table>

ХМТЛ-низ

Код:

<div id="contacts">
<a href="https://plus.google.com/u/0/107062303840389190176" title="Напишите в Hangouts" class="gp"><img src="https://ssl.gstatic.com/images/branding/product/1x/google_plus_192dp.png"></a>
<a href="http://vk.com/id303633416" title="Напишите в ВКонтакте" class="vk"><img src="http://www.decorsvadeb.ru/images/vkontakte-128.png"></a>
</div>