тестовик

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

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


Вы здесь » тестовик » test » Тестовое сообщение


Тестовое сообщение

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

1

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

0

2

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

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

0

3

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

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

0

4


"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

0

5

Код:
/* structure by futura.rusff.me
-------------------------------------------------------------*/

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

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

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

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

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

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


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

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

/* A3.2 */
.punbb {
  font: normal 68.75% verdana;}

/* 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-size: 1em;
  font-weight: normal;}

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

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

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

/* A3.8 */
.punbb .post-content em {
  font-style: normal}

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

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

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


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

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

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


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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width: 970px;}

/* A5.2 */
.punbb { 
  width: 940px; 
  position: relative;
  height: auto;
  margin-left: 15px;}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0;
  width: 100%;
  height: 100%;
  float: none; 
  top: 0 !important;
  left: 0 !important; }

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

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

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

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

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

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

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


/*************************************************************
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;
  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 0.2em 1.8em;
  padding: 1em;}

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

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

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: none;
  border-width: 0px;
  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: -4.5em;
  left: 1em;
  width: 24em; }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.5em;
  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: none;
  border-width: 0px;
  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 {
  text-align: center;
  width: 10%; }

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

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

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

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

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

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

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

/* C2.12 */
.punbb .main th {
  border-style: none;
  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 {
  margin-right: 15px;}

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

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

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

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

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

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  text-transform: lowercase;}

li.pa-online {
  line-height: 0.8em;
  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;
text-align: justify;}

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

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

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: 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: 1.8em;
  line-height: 1.8em; }

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

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


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;}


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

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

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

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

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


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: 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; }

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

#pun-title table {
  border: none;
  height: 400px;
  width: 100%;}

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

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

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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container {
  padding: 0.8em 1em;
  text-align: center;}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  font-weight: normal !important;}

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

/* D4.1 */
#pun-ulinks  {
  padding-bottom: 1px;
  margin-top: -10px;}

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  text-align: center;
  padding: 0em 0em;}

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

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

/* 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 1.2em 1em;
  font-size: 1.1em; }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: none none;
  border-width: 0px 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 none none;
  border-width: 0 0 0px 0;
  position: relative;
  display: none; }

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

/* D6.3 */
#pun-announcement .container {
  padding: 1em 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: 1px; }

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

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

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0px;
  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: none none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1; }

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

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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0; }

.pl-share { display: none !important; }
li.reports { display: none !important; }
p.lastedit {display:none;}
/* structure by futura.rusff.me
-------------------------------------------------------------*/

.post-content hr{
   height: 3px;
   background: url(http://images.vfl.ru/ii/1435084789/3469d2f0/9108247.png);
   opacity: 1;
   border-style: none;
}
Код:
/* structure by futura.rusff.me
-------------------------------------------------------------*/

/* CS1 Основа
-------------------------------------------------------------*/

/* CS1.1 Фон */ 
body {
  background: url("верхний фон") repeat-x top center, url("нижний фон") repeat-x bottom center, url("основной фон") #746b64 repeat;}

#pun {
  background: url("http://images.vfl.ru/ii/1435043908/8ee23d7e/9102095.png") #d2d0d5 repeat-y;}

/* CS1.2 Шапка */
#pun-title.section {
  background: transparent url("http://images.vfl.ru/ii/1435046063/319c9a47/9102393.png") top center scroll no-repeat; 
  height: 243px;
  width: 970px; 
  margin-top: 0px;
  margin-left: -15px;}

/* CS1.3 Копирайт */
#copyright {
  text-align: center;
  background: url("картинка копирайта") scroll center; 
  width: 960px; 
  height: 111px;
  margin-left: 2px;}

#html-footer {
  margin: 0px;
  text-align: center; }

/* CS2 Форум
-------------------------------------------------------------*/

/* CS2.1 Текст на форуме */
.punbb .main .container, .punbb .post .container, .punbb .post h3, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container, #pun-status .container, #pun-crumbs1 p.container, #pun-stats .container, #pun-about .container, #pun-crumbs2 .container, .linkst .pagelink {
  color: #3e3a38;
  background-color: transparent;}

/* CS2.2 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {
  background: url("фон категории") no-repeat left;
  height: 20px;
  margin-left: 6px;
  font-style: normal;
  text-align: center;
  color: #212121;
  font-size: 11px;}

/* CS2.3 Цитата*/
.punbb .quote-box {
  background: #dcdbde;
  color: #746b64;
  border: solid;
  border-width: 0px 0px 0px 6px;
  border-color: #586c5b;}

/* Код */
.punbb .code-box {
  background-image: url(фон кода);
  color: #060200;}

/* Форма ответа */
.punbb textarea, .punbb select, .punbb input, .punbb .button {
  background-image: url(фон формы ответа);
  color: #060200;}

/* CS2.4 Прокрутка */
::-webkit-scrollbar {width: 9px; height: 5px; background-color: #AAB8AD;}  
::-webkit-scrollbar-thumb {background-color: #0A1716;}

/* CS2.5 Переадресация */
#pun-redirect { 
  background: url("общий фон") repeat; 
  position: fixed;
  text-align: center;
  font-size: 12px;}

#pun-redirect .main-title {
  margin-bottom: 0px!important;
  text-align: center;
  margin-top: 10px;
  background: url(фон заголовка) center no-repeat; }

/* CS2.6 Профиль */
 /* Основной фон */
.punbb .post .post-author {
  text-align: center;
  background: url(основной фон) repeat-y;
  width: 200px;
  margin-top: -20px;
  margin-left: 9px;}

/* Верхний и нижний фон */
.punbb .post .post-author > ul {
  background: url(верхний фон) top center no-repeat, url(нижний фон) bottom center no-repeat;
  padding: 6px 3px 12px 3px !important;}

.post-author li {text-align: center;}
.offline li.pa-online strong {
  font-weight: normal}

/* расположение ника */
li.pa-author {
  margin-top: -4px;}

/* меняем ссылку ника */
li.pa-author a {
  color: #899B8D !important;
  font: 12px 'Verdana';}

li.pa-author a:hover, li.pa-author a:focus, li.pa-author a:active {
  color: #AAB8AD !important;}

/* CS2.7 Форумы */
/* описание форумов */
.punbb .main .tcl {
  font-size: 11px;
  padding-left: 3px;
  color: #362F1B;}

/* название форумов */
#pun-index .tcl h3 a {
  font-size: 11px;
  font-style: normal;
  text-align: center;}

/* CS2.8 Окна, кнопки и прочее */
/* Окно репутации */
.punbb-admin #pun-admain .adcontainer, #pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
  color: #060200;
  background: url(фон) repeat;}

/* Настройки полей ввода, кнопок и выпадающих меню */
.punbb input, .punbb .button, .punbb select {
  background: url(фон) repeat;
  color: #7e7e7e;
  padding: 5px;
  border: solid #c4c4c4 1px !important;}

/* Окна в форме ответа */
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area {
  background: url(фон) repeat;
  color: #7e7e7e;
  padding: 5px;
  border: solid #c4c4c4 1px !important;}

/* CS3 Рамки
-------------------------------------------------------------*/

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

/* CS4 Ссылки
-------------------------------------------------------------*/

/* CS4.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  text-decoration: none;
  color: #9b390d;}

.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: #f16c01;}

/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a {
  color: #586c5b;
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #AAB8AD;
  text-transform: lowercase;}

/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
 color: #746b64;
  text-transform: lowercase;
  font-size: 0.9em;}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #586c5b;
  text-transform: lowercase;
  font-size: 0.9em;}

/* CS5 Иконки сообщений
 -------------------------------------------------------------*/

/* Старые */
.punbb table Div.icon {
  float: left;
  display: block;
  width: 63px;
  height: 63px;
  background-image: url(http://images.vfl.ru/ii/1435084217/206467c2/9108146.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: 5px;
  margin-top: 0px;
  margin-right: 5px;}

/* Новые */
TR.inew Div.icon {
  background: url(http://images.vfl.ru/ii/1435084217/19ee5422/9108145.png) no-repeat;}

/* Важно */
TR.isticky Div.icon {
  background: url(http://images.vfl.ru/ii/1435084217/496b5a57/9108144.png) no-repeat;}

/* Закрыто */
TR.iclosed Div.icon {
  background: url(http://images.vfl.ru/ii/1435084217/69bc2ba0/9108143.png) no-repeat;}


/*CS6 Таблицы и прочее
 ---------------------------------*/


/* structure by futura.rusff.me
-------------------------------------------------------------*/

0

6

ВОСПИТАННЫЕ   ЛЮДИ
(Из письма А.П.Чехова брату Николаю)

   
Воспитанные люди должны удовлетворять следующим условиям:
… Они уважают человеческую личность, всегда снисходительны, мягкие, вежливые, уступчивые…
… Они уважают чужую собственность, а потому платят долги.
… Не лгут даже в пустяках… Они не лезут с откровенностями, когда их не спрашивают…
… Они не унижают себя с тою целью, чтобы вызвать в другом сочувствие…
… Они не суетны…
… Если имеют в себе талант, то уважают его… Они жертвуют для него всем…
… Они воспитывают в себе эстетику*…
    … Тут нужны беспрерывные дневной и ночной труд, вечное чтение, воля… Тут дорог каждый час.
___________________           
    *Эстетика - наука о законах красоты; здесь - прекрасное

0

7

http://images.vfl.ru/ii/1437400506/bd3b7979/9338094.png

http://images.vfl.ru/ii/1437400508/de0f1938/9338095.png

0

8

Код:
/*************************************************************
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
  }

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

/* A3.2 */
.punbb {
  font: normal 0.75em Verdana;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em Verdana;
  }


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

.punbb th {
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 1px;
  }

.punbb h4, .punbb table {
  font-size: 1.0em;
  font-weight: normal;
  }

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

.punbb legend span {
  font-size: 1.0em;
  }

/* A3.6 */
.punbb pre {
  font: 1.0em Verdana;
  }

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

/* A3.10 */
.punbb a {
  text-decoration: none;
  font-size: 0.9em;
  }

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


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

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

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


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

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width: 952px;
  padding: 0px 0px 0px 0px;
  border: 0px solid;
  border-top: none;
  border-bottom: none;

}

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

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

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

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

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

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

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

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

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding-top: 5px;
  padding-bottom: 9px;
  padding-left: 5px;
  border-style: solid solid none solid;
  border-width: 0px 0px 0px 0px;
  text-align: center;
  font-family: "Open Sans Condensed";
  }

#pun-main h2 {
  padding-top: 5px;
  padding-bottom: 9px;
  padding-left: 5px;
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
}

#pun-main .quote-box
  font-style: italic;
}

/*************************************************************
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: 1px dashed #e3d0ae;
  width: 530px;
  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-style: solid;
  border-width: 1px;
  border-color: #dec173;
  }

#pun-main .quote-box
  font-style: italic;
}

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

#pun-main .quote-box
  font-style: italic;
}

/* 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: 0.9em;
  height: 0;
  font-family: Verdana;
  }

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

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

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


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

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

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

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

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

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

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

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

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

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

#pun-main .container {
  border-top: none;
}

/* 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: none;
  padding: 4px 1em 16px 1em;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
	margin-left: 55px;
        font-size: 10.5px;
}

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

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

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

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

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

/* 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.8em;
  overflow: hidden;
  }

.punbb .post li.pa-author {
  padding-bottom: 0.2em;
  }

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


/* C3.7 */
.pa-author {
   margin-bottom: 0px;
   padding-bottom: 0px;
   font-size: 1.3em;
   text-align: center;
   text-decoration: none;
   }

 .pa-avatar {
  text-align: center; 

} 

.post-author ul li.pa-avatar img{
    background: transparent;
    max-width: 180px;
    height: auto;
    margin: -10px;
    width: auto!important;
    /* background-image: url(http://s1.uploads.ru/i/mI2H3.png);
    background-repeat: repeat-x;
    background-position: bottom; */
    border: 1px solid #DEC173;

 }

.post-author ul li.pa-avatar{
    margin:8px;
}


  .pa-title {
   font-size: 0.9em;
   margin-top: 3px;
   font-weight: lighter;
   text-align: center;
   margin-top: -5px;
   }

/* C3.8 */
.pa-author a {
  text-decoration: none;
   margin-bottom: 0em;
  }

/* C3.9 */
li.pa-title {
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  }


li.pa-online {
  line-height: 1.2em;
  border-left-style: solid;
  border-left-width: 0px;
  padding-left: 1.6em;
  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;
  text-align: justify;
}

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

/* 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 {
  margin-top: 0px;
  padding: 0.5em 1em;
  text-align: right;
  border: 1px solid transparent;
  }

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

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

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


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

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

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

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -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: none;
  margin-bottom: -14px;
  width: 952px;
  margin-left: 0px;
  height: 171px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks {
  border-style: solid;
  border-width: 1px;
  margin-top: 80px;
  margin-bottom: 5px;
  border-top: none;
}

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

/* D3.2 */
#pun-navlinks .container {
  padding-top: 9px;
  height: 5px;
  font-weight: normal;
  text-align: center;
  font: 1.3em "Open Sans Condensed";
}

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

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  letter-spacing:0px;
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0px;
  margin-bottom: 7px;

  }

/* D4.2 */
#pun-ulinks .container {
  padding: 0.7em 1em;
  text-align: center;

  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: double;
  border-left-width: 1px;
  border-left-color: transparent;
  white-space: nowrap;
  font: 1.1em "Open Sans Condensed";
  font-weight: normal;

  }

/* 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;
  color: #ccb9ac;
  font-size: 0.9em;
  }

/* 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: relative;
  font-weight: bold;
  display: none;
  }

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

/* D6.3 */
#pun-announcement .container {
  padding: 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;
  text-align: center;
  background: url() no-repeat center transparent;
  height: 50px;
  width: 870px;
  margin-left: 0px;
  margin-bottom: 0px;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  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;
  }

#pun-main .quote-box
  font-style: italic;
}

/* .meter1,
.meter2{
vertical-align:middle;
height:12px!important;
padding-bottom:3px;
padding-top:3px;
color:transparent;
background-image: url(http://images.vfl.ru/ii/1352228529/8d25a752/1169900.jpg);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
width:108px!important;
border-collapse:collapse;
border:none 0 transparent;
}

.meter1 div,
.meter2 div{
max-width:108px!important;
padding:0!important;
margin-left:4px;
border-collapse:collapse;
border:none 0 transparent;
height:12px;
}
.meter1 div{
background-image: url(http://images.vfl.ru/ii/1352228823/8ae0740f/1169915.jpg);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter2 div{
background-image: url(http://images.vfl.ru/ii/1352229483/87038219/1169949.jpg);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
} 

#profile .checkfield {display: inline-block;}
}*/
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
    background: url("http://images.vfl.ru/ii/1435510631/c2517c7b/9146977.png") repeat-x top center, url() #3b5031 repeat center;
}

#pun {
   background: url(http://images.vfl.ru/ii/1435511655/d10d1f9d/9147168.png) #f5f1e6 repeat center ;
   color: #d1b695;
    border: 0px none;
}

#pun-title {
        background: url(http://images.vfl.ru/ii/1435511524/713a45a5/9147148.png) #f7e9cf no-repeat center;
        color: #2b2d12;
        border: 0px none;
}

/* CS1.1 */
.punbb .main .container,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent repeat;
  color: #2b2d12;
  }

/* CS1.2 */
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb .post h3,
.punbb .post .container {
  background: transparent repeat;
  color: #2b2d12;
}

.punbb .altstyle .post-body,
.altstyle .post-box,
.punbb .altstyle .post-links,
.punbb .altstyle h3,
.punbb .altstyle .container {
  background: transparent repeat;
  color: #2b2d12;
}

.punbb .post h3 span {
  background: transparent repeat;
  color: #2b2d12;
}

.punbb td.tc3, .punbb td.tcl {
  background: transparent repeat;
  color: #2b2d12;
}

.punbb .altstyle h3 span {
  background: transparent repeat;
  color: #2b2d12;
}

.punbb td.tc2, .punbb td.tcr {
  background: transparent repeat;
  color: #2b2d12;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
  background: transparent;
  color: #2b2d12;
  height: 15px;
  text-align: center;
  font: 1.5em "Open Sans Condensed";
  
  }

.punbb-admin #pun-admain h2 {
  background: transparent repeat;
  color: #2b2d12;
  border: 1px solid;
}

/* CS1.4 */
.punbb .modmenu .container {
  background: transparent repeat;
  color: #2b2d12;
  }

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

/* CS1.6 */
#viewprofile li, #setmods dl  {
  background: transparent repeat;
  color: #2b2d12;
  }

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #573e22;
  text-decoration: none
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background: #f3e8da repeat;
  color: #383c18
  }

#pun-main .quote-box
  font-style: italic;
  margin-top: 10px;
}


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

#pun-ulinks .container {
  background: transparent repeat;
}

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

.punbb th {
  color: #573e22;
  background: transparent repeat-x;
}

.punbb textarea, .punbb select, .punbb input {
  background: transparent repeat;
  color: #2b2d12;
}

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

#pun-title, #pun-navlinks {
        border-color: transparent;
}

#pun-ulinks .container {
        border-color: transparent;
}

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

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

.punbb .post h3,
.punbb .post h3 span {
  border-bottom: 1px solid transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  font-family: "Open Sans Condensed";
  }

/* CS2.4 */
.punbb fieldset {
  border-color: transparent;
  }

.punbb td, #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
  }

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

#pun-break4 {
  border-color: transparent transparent transparent transparent;
  }

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

 li.pa-online {
  border-left-color: transparent;
  background: url(../../img/Mybb_Different/online.gif) no-repeat 4px 3px;
  }


/* 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: #aa6d47;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #aa6d47;
  text-decoration: none;
  }

/* 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: #8db12d;
  text-decoration: none;
  }


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

#pun-ulinks a {
  color: #aa6d47;
  text-decoration: none;
  text-align: center;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #8db12d;
  text-align: center;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8db12d;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #aa6d47;
  color: #151c12;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}

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

div.icon {
        background: url(http://imageshack.us/a/img13/7712/m690.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://imageshack.us/a/img546/8675/9ldk.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://imageshack.us/a/img545/7419/5jhi.png) no-repeat;
}

tr.iredirect div.icon {
        background: url(../../img/Mybb_Different/link.gif) no-repeat;

}

tr.isticky div.icon {
        background: url(http://imageshack.us/a/img713/4665/teno.png) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: transparent url(../../img/Mybb_Different/arrow.gif) no-repeat 0% 3px;
        padding-left: 13px;
}

#profilenav h2 span, #viewprofile h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Different/post.gif) no-repeat 0px 2px;
        padding-left: 14px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Different/stats.gif) no-repeat 4px 18px;
        padding-left: 10px;
}

#pun-stats div.statscon {
  background: transparent  repeat;
}

#pun-crumbs2 .container,
#pun-about .container {
  background: transparent repeat;
}

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

#pun-main .quote-box
  font-style: italic;
}

#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 300px;
text-align: center;
font-size: 12px;
width: 640px;
}

.submenutext {
display: none; 
height: 40px;
}

#headertable{
 position: absolute;
 margin: 40px 0px 0px 530px;
/* top: 50px;
 left: 500px; 
width: 100%; 
height: 100%;
overflow-y: scroll;*/
}


#pun .container thead {
color: # ccb9ac;
}

/* картинка перед названием последней поднятой темы в форуме */
.punbb .main .tcr a {
padding-left: 15px;
background: url(https://forumstatic.ru/files/000f/26/ae/31290.png) no-repeat top left;
} 

.punbb .main th {
   color: #ccb9ac;
   }

#maintable {
  text-align: center;
}

#maintable a{
  display: block;
  background-color: #f0e2c9;
  border-bottom: 2px solid #fff8ec;
  width: 160px;
  margin-bottom: 2px;
  font-size: 11px;
}

#maintable a:hover{
  display: block;
  background-color: #dcf0c9;
  border-bottom: 2px solid #fff8ec;
  width: 160px;
  margin-bottom: 2px;
    font-size: 11px;
}

0

9

Код:
<table style="width: 900px; height: 330px; text-align: center; vertical-align: top;"><tr>
<td style="width: 300px; height: 175px; vertical-align: top;"><div style="font-family: verdana; font-size: 14px; letter-spacing: 1px; text-align: center; padding-bottom: 5px;">администрация</div>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<div style="text-align: justify; padding: 5px 40px 10px 40px;">В обычное время мы все, сознавая это или нет, понимаем, что существует любовь, для которой нет пределов, и тем не менее соглашаемся, и даже довольно спокойно, что наша-то любовь, в сущности, так себе, второго сорта.</div></td>

<td style="width: 300px; height: 175px; vertical-align: top;"><div style="font-family: verdana; font-size: 14px; letter-spacing: 1px; text-align: center; padding-bottom: 5px;">о проекте</div>
<div style="text-align: justify; padding: 0px 30px 5px 30px;"><div style="height: 100px; overflow:auto; padding-right: 3px;">Разумеется, в наши дни уже никого не удивляет, что люди работают с утра до ночи, а затем сообразно личным своим вкусам убивают остающееся им для жизни время на карты, сидение в кафе и на болтовню. Но есть ведь такие города и страны, где люди хотя бы временами подозревают о существовании чего-то иного. Вообще-то говоря, от этого их жизнь не меняется. Но подозрение все-таки мелькнуло, и то слава Богу.</div></div>
<a href="ссылка">название</a>/<a href="ссылка">название</a>/<a href="ссылка">название</a><br>
<a href="ссылка">название</a>/<a href="ссылка">название</a>
</td>

<td style="width: 300px; height: 175px; vertical-align: top;"><div style="font-family: verdana; font-size: 14px; letter-spacing: 1px; text-align: center; padding-bottom: 5px;">новости</div>
<div style="text-align: justify; padding: 0px 40px 5px 40px;"><div style="height: 130px; overflow:auto; padding-right: 3px;">
<b>01.07</b> Зато более оригинально другое – смерть здесь связана с известными трудностями. Впрочем, трудность – это не то слово, правильнее было бы сказать некомфортабельность. Болеть всегда неприятно, но существуют города и страны, которые поддерживают вас во время недуга и где в известном смысле можно позволить себе роскошь поболеть. Больной нуждается в ласке, ему хочется на что-то опереться, это вполне естественно.
<br><br><b>02.06</b> Но в Оране все требует крепкого здоровья: и капризы климата, и размах деловой жизни, серость окружающего, короткие сумерки и стиль развлечений. Больной там по-настоящему одинок… Каково же тому, кто лежит на смертном одре, в глухом капкане, за сотнями потрескивающих от зноя стен, меж тем как в эту минуту целый город по телефону или за столиками кафе говорит о коммерческих сделках, коносаментах и учете векселей. И вы поймете тогда, до чего же некомфортабельна может стать смерть, даже вполне современная, когда она приходит туда, где всегда сушь.</div></div>
</td></tr>

<tr><td style="width: 300px; height: 155px; vertical-align: top;"><div style="font-family: verdana; font-size: 14px; letter-spacing: 1px; text-align: center; padding-bottom: 5px;">активисты</div>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<br><br><br>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<a href="ссылка" class="toltip"><img src="http://i.imgur.com/IzX5lB9.png"><span class="top"><b>ник</b><br>описание</span></a>
<br></td>

<td style="width: 300px; height: 155px; vertical-align: top;"><div style="font-family: verdana; font-size: 14px; letter-spacing: 1px; text-align: center; padding-bottom: 5px;">лучшие месяца</div>
<a href="ссылка" class="tooltip"><img src="http://i.imgur.com/czDKEOH.png"><span class="top"><b>ник</b><br>описание</span></a>
<a href="ссылка" class="tooltip"><img src="http://i.imgur.com/czDKEOH.png"><span class="top"><b>ник</b><br>описание</span></a>
</td>

<td style="width: 300px; height: 155px; vertical-align: top;"><div style="font-family: verdana; font-size: 14px; letter-spacing: 1px; text-align: center; padding-bottom: 5px;">партнеры</div>
<div style="padding: 0px 40px 5px 40px;"><div style="height: 110px; overflow: auto; padding-right: 1x;">
баннеры партнеров тут
</div></div></td></tr></table>

0

10

https://41.media.tumblr.com/380da9ccf03cec0f46346a953db9ebbc/tumblr_nsrx050rwl1r1xghzo1_540.png

0

11

https://38.media.tumblr.com/39fb4c7b78f91b25206413bfa3196b70/tumblr_nsvat9Mpvz1r1xghzo1_400.gif
https://38.media.tumblr.com/fad046f8b2c2b6ddea74522f7d7c00c8/tumblr_nsvat9Mpvz1r1xghzo2_400.gif
https://33.media.tumblr.com/adba12d34f2ef715b427311d62c2a4f1/tumblr_nsvat9Mpvz1r1xghzo3_400.gif

0

12

https://40.media.tumblr.com/5ccc66b3db8ac27a7c2ba795a7dd8b51/tumblr_nsvbca8MW11r1xghzo1_400.png

0

13

Shannon Nightingale написал(а):

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

0


Вы здесь » тестовик » test » Тестовое сообщение


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