Ryan Charles Ulrich
Добро пожаловать в США, в заснеженный город под названием Интернешенал-Фоллс.
В город, который от реального отличается возможностями, количеством и качеством населения. Немного альтернативы никогда никому не повредит, как считаете? В эпизодической системе и с рейтингом nc-21, само собой. Мирные жители, копы, криминал в эпизодах в настоящем времени с 2017 по 2018 год. Рисованные внешности и возможность принять активное участие в развитии как общего городского сюжета, так и личного.
Приходите, мы обязательно поможем Вам воплотить все Ваши самые странные и интересные идеи в жизнь в нашем городе.
Рейтинг форумов Forum-top.ru Рейтинг Ролевых Ресурсов - RPG TOP
30.01.19 А радует нас нынешним дизайном Оливер! Спасибо :3 И я за тобой слежу, ты понял, о чем я хд
27.12.18 Сегодня мы наконец-то переоделись, дабы принести Вам чуточку празднично-новогоднего настроения хд А вместе с тем и парочку интересностей и фиксов завезли. Детальнее с этим делом можно ознакомиться в новостях от амс.
03.12.18 С достаточно внушительной и интересной новостью Вы можете ознакомиться, пройдя по
ссылке)
11.11.18 Всех приветствуем на проекте SIF!
Мы уже не первый год на ролевых и надеемся, что сможем создать для каждого игрока максимально комфортные условия для построения их собственной сюжетной линии!) Залетайте, осматривайтесь, присоединяйтесь!

tesr568

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

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


Вы здесь » tesr568 » Тестовый форум » Тестовое сообщение


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

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

1

Благодарм ьтоспо шего сервиса!

0

2

стандарнтый 1
Код:
/*************************************************************
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, arial, helvetica, sans-serif;
  }

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 */
#pun {
  margin: 30px;
  position: relative;
  }

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

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 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 none solid none;
  border-width: 0px 0px 2px 0px
  }

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 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-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

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

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D8.6 */
#pun-crumbs2 {
  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;
  }

0

3

стандартный 2
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

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

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #f7f7f7;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #1474C3;
  color: #fff;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #E1EDF7;
  color: #333;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #f1f1f1;
  }

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

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

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

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

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

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

li.pa-online {
  border-left-color: #005EAB;
  }


/* 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: #005EAB
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333
  }

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

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

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

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

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

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

0

4

3,2 написал(а):

стандартный 2

керотртев

+1

5

фцуекыуечаврпе

+1

6

Фон на странице переадресации.

Это не скрипт, но будет полезно тем, кто хотел поставить изображение на эту страницу...
Собственно, нужно заменить в первом окне стиля пункты с "A5.1" по "A5.3" включительно на этот код:

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

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

/* A5.3 */
#pun-redirect {
  background: #3c4854 url(http://i001.radikal.ru/1104/c9/c6e9d3a6e6f5.jpg) center top repeat-y fixed;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0 !important;
  left: 0 !important;
  }

#pun-redirect #pun-main {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  position: relative;
  z-index: 1000;
  }

+1

7

Прозрачность баннеров

<div class="banners"><div class="banner_container">
<a href="http://sif.rusff.me" title="Saints International Falls" target="_blank"><img src="http://s020.radikal.ru/i723/1612/84/4da70708bc51.gif" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
</div></div>

0

8

https://bloggood.ru/css-osnovi-primer-p … -css.html/        блоки

0

9

8,2 написал(а):

nk" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
</div></div>

0

10

5,3 написал(а):

фцуекыу

гашдж

0

11

Код:
6к78е8шк679шк689ш

0

12

плбшмрншлмго

0

13

#pun-navlinks a:hover {
    color: #beac81;
    transition-duration: 1s;
    background-color: #e8e6e7;
    padding: 0px 3px 1px 3px;
}
  свечение текста в нижнем стиле, ссылки, последнее

0

14

Блок с текстом в шапке

В HTML верх ставите div- блок

кодом

<div style="height:112px; width:200px;border:red 1px solid; top:210px;margin-left:380px;position:absolute;z-index:100;overflow-y:auto">
Тут код вашей картинки или объявления ...
</div>

112 - Высота Блока;
200 - ширина Блока;
210 - Отступ от верхнего края экрана (*Регулируем
380 - Отступ вправо от текущего положения (*Регулируем - значение может быть как положительным, - так и отрицательным

*Все цифры красным регулируем под себя
Cинее - убираем, после успешного позиционирования

Код картинки обычно такой :

<img src="Ссылка на Картинку" alt=""/>

0

15

<style>
    .punbb .quote-box, .punbb .code-box {
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    box-shadow: 0px 5px 18px #000;

    }
</style>

округляет углы цитаты, вторая часть дает тень

0

16

<style type="text/css">
/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts,.pa-respect {
text-align:center;
border: 3px double #0F0107; /*Вид бордеров*/
display:inline-block;
padding:0 2px!important;
width:76px;
margin-left: 0;
}
</style>

ХТМЛ верх, ставит на одну строку и задает рамки строкам в профиле "число сообщений" и "репутация"

0

17

Свечение текста

text-shadow: 0px 0px 6px rgba(255,255,255,0.7)

0

18

<!-- Поля профиля -->
<div class="post-author">
        <ul>
            <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="http://sif.rusff.me/profile.php?id=3" rel="nofollow">Ryan Lester</a></li>
            <li class="pa-title">RUN AWAY, I'LL ATTACK</li>
            <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0019/e3/0b/3-1548962485.png" width="180" height="180" alt="Ryan Lester" title="Ryan Lester"></li>
            <li class="pa-fld1"> <div class="lzanketa"><a href="http://sif.rusff.me/viewtopic.php?id=58"><b>Райан Лестер, 27 y.o.</b></a></div><div class="lzinfo">Меня вообще не касается то, что у вас <b><a href="http://sif.rusff.me/viewtopic.php?id=59">тут происходит</a></b>. Зато я касаюсь ваших бездыханных тел, если Вы стали моим заданием в <b>Святых</b>. В остальном, заенька-котенька, с официальной работой и штампом в паспорте.</div></li>
            <li class="pa-fld2"> </li><li class="pa-fld3">Доллары;<br>∞</li>
            <li class="pa-posts">Сообщений: 1767</li>
            <li class="pa-respect">Уважение: <span>+55</span></li>
        <img class="post-img-Sp" data=".Sp3" onclick="FnImgSpprof(this)" style="cursor:pointer" src="http://c.radikal.ru/c18/1901/eb/18a2d9815d92.png"><ul class="post-ul-Sp  Sp3" style="display:none"><div class="award"><li class="pa-awards" data-id="3">
   <br>
    <span class="mini_awards_label">
        Награды
    </span>
    <br>
    <span class="mini_awards">
    </span>
    </li></div></ul>

0

19

<!-- Двойной спойлер Инфы в Профиле, в Топике -->
<script>
LIArray=new Array(
//это не скрывается
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
"http://i74.fastpic.ru/big/2016/0124/2e/04fa5b27a82a317e194e0bc73684492e.png",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
// 2 кнопка- ссылка на Картинку
"http://i76.fastpic.ru/big/2016/0124/6b/36d34bb701fafa1adea4db67e8e8d16b.png",
"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
//Конец Списка,
"_End"
)
wrapp1="<li class='post-author-Sp'><img style='cursor:pointer' src='";
wrappEnd="'><ul  style='display:none'></ul></li>";
wrapp2="<li class='post-author-Sp Sp2'><img style='cursor:pointer' src='";
var L='',TsK1='',TsK2='';b=LIArray.length-1;
for(i=0; i<b; i++){a=LIArray[i];if(a.indexOf('http://')==0){TsK1=i;break;}}
for(j=i+1; j<b; j++){a=LIArray[j];if(a.indexOf('http://')==0){TsK2=j;break;}}
wrapp1=wrapp1+LIArray[TsK1]+wrappEnd;wrapp2=wrapp2+LIArray[TsK2]+wrappEnd;;
$(".post .post-author").each(function() {
Noset=true;
for(i=TsK1+1; i<TsK2; i++){a=LIArray[i];
  var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;C.before(wrapp1);D=$(this).find('li.post-author-Sp ul')}
  if(C.html()!=null){C.appendTo(D)}
}
Noset=true;
for(i=TsK2+1; i<LIArray.length-1; i++){var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;$(this).find('li.post-author-Sp').after(wrapp2);D=$(this).find('li.post-author-Sp.Sp2 ul:last')}
  if(C.html()!=null){C.appendTo(D)}
}
});
$(".post .post-author-Sp ").click(function() {
$(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=Двойной спойлер Инфы в Профиле, в Топике-->

0

20

Свой стиль - верх

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

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

/* A1.1 */
@import url(style_cs.css);
@import "http://fonts.fontstorage.com/import/playfair.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 {
  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, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/49995.jpg);
    background-color: #d4d6d5;
}

/* 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: 12px;
    font-family: 'Playfair Display';   
}

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

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

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

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

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

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

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

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

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

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

/* A5.1 */
#pun {
    margin: auto;
    width: 944px;
    float: top center;
    padding: 0px 0px 0px 0px;
}

/* A5.2 */
.punbb {
    margin-left: -5px;
    float: none;
    width: 894px;
    height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  text-align: center;
  border-top: 1px dashed #000;
  width: 60%;
  margin-left: 120px;
  padding-bottom: 5px;
      }

/* 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: 1em 1em 1em 1em;
    padding: 10px 15px 5px 15px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 4px;
    font-size: 12px;
    letter-spacing: 0.4px;
    border-bottom: 1px dotted #5b6e71;
    font-style: normal;
    font-family: 'Playfair Display';
    color: #927340;
    /* text-transform: lowercase; */
    margin-bottom: 2px;
}

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

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

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

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

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

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

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

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    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;
    font-size: 10px;
    font-family: 'Playfair Display';
    text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: center;
    width: 30%;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 14px;
}

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

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

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

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

/* C2.8 íàçâàíèÿ ïîäôîðóìîâ*/
#pun-index .tcl h3 {
    text-align: left;
    font-size: 12px;
    font-family: 'Playfair Display';
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #c6ae80;
    padding: 2px 4px 2px 4px;
    margin-bottom: 3px;
}

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

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

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

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

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

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    width: 370px;
    font-size: 10px;
    text-align: justify;
    margin-left: 45px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    height: 33px;
    width: 33px;
    padding-right: 4px;
}

#pun-messages.punbb div.icon{
  margin-top:-5px!important;
}
 

/* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}

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

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

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

  }

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

  }

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

  }

/* CS2.6 */

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

  }

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

  }

li.pa-online {
  border-left-color: transparent;
  margin-bottom: 10px;
  }

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

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

  }

/* C3.3 */
.punbb .post h3 span {
    padding: 9px 12px 0px 12px;
    display: block;
    color: #dadada !important;
    text-transform: uppercase;
    font-size: 7px;
    font-family: tahoma;
}

/* 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: 214px;
    overflow: hidden;
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/49995.jpg);
    background-color: #d4d6d5;
    background: rgba(80, 93, 99, 0.06);
    margin-top: 10px;
    margin-left: 6px;
    padding-top: 5px;
    border: 1px solid #cbcecb;
}

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

/* C3.7 */
.pa-author {
    font-style: normal;
    margin-top: 8px;
}

/* C3.8 */
.pa-author a {

    text-transform: uppercase;
    font-family: 'Playfair Display';
    font-size: 14px;
    letter-spacing: 0.6px;
}

/* C3.9 */
li.pa-title {
    padding-bottom: 0px;
    font-weight: normal;
    font-size: 7px;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;}

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

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

#pun-title h1 span  {
  font-size: 1.5em;}

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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  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 {
    text-align: center;
    margin-left: 4px;
    margin-top: -48px;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0.4px;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    word-spacing: -8px;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 1em;
  padding-top: 0px;}

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

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

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

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  text-transform: lowercase;
    margin-top: 0px;
  }

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

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

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

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

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

/* D5.2 */
#pun-status .container {
    margin: 20px 0px 0px 15px;
}

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

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

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

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

/* 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: 2.5em 1em 1em 1em;
  margin-top: -23px;
  line-height: 1.1
  }

/* 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;
  margin-bottom: 0;
  }

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

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

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

/* 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;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

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

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

/* D9.2 */

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

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

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

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

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

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

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

0

21

Свой стиль - низ

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
html, body { background:
  url("https://forumstatic.ru/files/0019/fa/ad/93290.jpg") repeat-x top left,
  url("https://forumstatic.ru/files/0019/fa/ad/93868.jpg") center; background-color : #b2bbbc;
}

/* Шапка */
#pun-title table {
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/93579.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 944px;
    height: 338px;
    margin-left: -25px;
}

/* Тело форума */
#pun {
width: 944px;
background-color: transparent;
background-image: url(https://forumstatic.ru/files/0019/fa/ad/71244.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 944px;}

/* Футер */
#pun-about p.container {
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/23005.jpg);
    margin: 0px 0px -90px -25px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 944px;
    height: 147px;
    overflow-x: hidden;
}

/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #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  {background-color: transpanent;
color: #5e676e;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #5e676e;
    text-align: center;
    font-style: normal;
    font-family: 'Playfair Display';
    letter-spacing: 1px;
}

/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/49995.jpg);
    background-color: #d4d6d5;
    color: #5e676e;
    background: rgba(80, 93, 99, 0.06);
    border: 1px solid #d0ccd6;
    outline: 2px solid #d0ccd6;
    outline-offset: 2px;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb input {
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/49995.jpg);
    background-color: #d4d6d5;
    color: #5e676e;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/49995.jpg);
    background-color: #d4d6d5;
}

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

/* CS2.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, #pun-navlinks a, #pun-ulinks a {color: #818e96;
text-decoration: none;
}

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #818e96;
    transition-duration: 1s;
}

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #6e634b;
    transition-duration: 1s;
    text-shadow: 0px 0px 6px #FF0000;
}

#pun-ulinks a {
    font-size: 7px;
    color: #ad9c80;
    text-transform: uppercase;
    font-family: tahoma;
    word-spacing: 0px;
    letter-spacing: 0.6px;
}

#pun-ulinks a:hover {
  text-decoration: none;
  color: #505d63;
  transition-duration: 1s;
}

#pun-navlinks a {
    color: #e7e5e3;
    padding: 0px 3px 1px 3px;
}

#pun-navlinks a:focus, #pun-navlinks a:active {
  color: #e7e5e3;
}

/* CS3 Остальное
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
        background: url(https://forumstatic.ru/files/0019/fa/ad/98598.jpg) no-repeat;
}

tr.inew div.icon {
        background: url(https://forumstatic.ru/files/0019/fa/ad/27894.jpg) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://forumstatic.ru/files/0019/fa/ad/32903.jpg) no-repeat;
}

tr.isticky div.icon {
        background: url(https://forumstatic.ru/files/0019/fa/ad/38419.jpg) no-repeat;
}

/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: block;}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

/*---Прокрутка---*/
::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #b2bcbd;
}

::-webkit-scrollbar-thumb{
background-color: #d9e1e1;
}

::-webkit-scrollbar-thumb:hover{
background-color: #cad1d1; }

::selection {
    background: #beac81 !important;
    color: #eceded;
}

#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 0.6px;
}

.category .container thead {display: none;}

.punbb .pa-avatar img {
    border: 2px solid #bab4b36e;
    outline: 1px solid #71717152;
    max-width: 180px !important;
    margin-bottom: 2px;
}






#pun-viewtopic .post h3 {
    width: 914px;
    margin-left: -10px;
    height: 26px;
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/84766.jpg);
}

.punbb .post h3 span a {
        color: #efefef !important;
    letter-spacing: 0.6px;
}

#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}
#counters a:hover img {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=50);
    transition-duration: 2s;
}

.pa-posts, .pa-respect {
    margin-top: 6px !important;
    display: inline-block!important;
    float: none!important;
    width: 52px!important;
    text-align: center;
    text-transform: lowercase;
    font-size: 10px;
    height: 22px;
    font-family: arial;
    padding: 2px 3px 6px 4px;
    /* border: 1px solid red; */
}

#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(https://forumstatic.ru/files/0019/fa/ad/77507.jpg);
    box-sizing: border-box;
    text-align: center;
    font-size: 12px !important;
    color: #53616c;
    position: relative;
    z-index: 5;
    font-family: playfair display;
    padding: 8px 0px 0;
    margin: 0px 0px 10px -6px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 33px;
    letter-spacing: 0.8px;
    width: 906px;
}

#pun-index .tcl h3 a {
    color: #e4e4e4;
}

.linkadm {
    color: #f5f3f3 !important;
    text-transform: uppercase;
    font-family: playfair display;
    letter-spacing: 0.5px;
    font-size: 10px;
    text-shadow: -1px 1px #85999d;
    margin: 0 4px 0 4px !important;
}

.newss newn {
    background-color: #c2aa7d;
    border-radius: 3px;
    text-shadow: -1px 1px #b19b72;
    padding: 0px 3px 1px 3px;
}

.links1 {
    text-transform: uppercase;
    color: #e6e3e3 !important;
    font-family: tahoma;
    font-size: 8px;
    letter-spacing: 0.6px;
    /* margin: 0 2px 0 2px !important; */
    padding: 0 2px 0 2px;
}

.links1:hover {
        text-transform: uppercase;
    color: #e8e7e4 !important;
    font-family: tahoma;
    font-size: 8px;
    letter-spacing: 0.6px;
    /* margin: 0 2px 0 2px !important; */
    padding: 0 2px 0 2px;
    transition-duration: 1s;
}

.pa-respect, .pa-fld3, .pa-posts {
    display: inline-block;
    text-align: center;
    left: 20px;
    max-width: 52px;
    line-height: 13px;
    color: #869392;
    padding: 8px 1px !important;
    font-size: 10px;
    margin-top: 0px !important;
}

.lzinfo {
    font-size: 9px !important;
    font-family: 'verdana' !important;
    color: #5b5f68 !important;
    width: 201px;
    margin-top: 1px !important;
    line-height: 11px !important;
    text-align: justify !important;
    margin-left: -3px !important;
}

/* зачеркнутый текст */
.post-content
  del {
  background: rgb(117, 154, 151);
  color: rgb(117, 154, 151);
}
.post-content
  del:hover {
  background: transparent;
  color: #929dab;
  text-decoration: none;
}

.mini_awards_label{
  display:none;
}











/* ХТМЛ В ПОСТАХ ХТМЛ В ПОСТАХ ХТМЛ В ПОСТАХ */
/* анкета */
.anketa {
  background: url(http://s010.radikal.ru/i312/1712/9f/900a571931e9.png);
  width: 530px;
  height: 735px;
}

.avatar {
  width: 215px;
  height: 174px;
  position: relative;
  top: 19px;
  left: 21px;
  background-size: 100%;
  background-position: center;}

.prototype {
  width: 240px;
  height: 25px;
  position: relative;
  top: -10px;
  left: 260px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.rost {
  width: 50px;
  height: 25px;
  position: relative;
  top: 28px;
  left: 30px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.ves {
  width: 50px;
  height: 50px;
  position: relative;
  top: 3px;
  left: 119px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.name {
  width: 240px;
  height: 27px;
  position: relative;
  top: -237px;
  left: 255px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.telo {
  width: 130px;
  height: 27px;
  position: relative;
  top: -22px;
  left: 30px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.rabota {
  width: 290px;
  height: 27px;
  position: relative;
  top: -100px;
  left: 215px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.svyaz {
  width: 290px;
  height: 27px;
  position: relative;
  top: 343px;
  left: 146px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.vozrast {
  width: 240px;
  height: 27px;
  position: relative;
  top: -302px;
  left: 255px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.pol {
  width: 290px;
  height: 27px;
  position: relative;
  top: -285px;
  left: 255px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.gorod {
  width: 290px;
  height: 27px;
  position: relative;
  top: -157px;
  left: 215px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.information {
  width: 470px;
  height: 310px;
  position: relative;
  top: -120px;
  left: 30px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

.golos {
  width: 406px;
  height: 16px;
  position: relative;
  top: -143px;
  left: 61px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  font-family: inherit;
  color: #393939;}

/* гостевая */
.gostevaz {
  background: url(http://a.radikal.ru/a17/1804/0c/0cba12925c31.png);
  width: 540px;
  height: 450px;
}

.gifka {
  width: 500px;
  height: 100px;
  position: relative;
  top: 85px;
  left: 21px;
  background-size: 100%;
  background-position: center;}

.text {
  width: 502px;
  height: 150px;
  position: relative;
  top: 109px;
  left: 20px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.nuzhm {
  width: 228px;
  height: 88px;
  position: relative;
  top: 88px;
  left: 24px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.nuzhb {
  width: 228px;
  height: 88px;
  position: relative;
  top: -1px;
  left: 286px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

/* шаблон приема */
.priem {
  background: url(http://c.radikal.ru/c14/1804/3e/d86878f4bf70.png);
  width: 540px;
  height: 450px;
}

.gifka2 {
  width: 500px;
  height: 100px;
  position: relative;
  top: 85px;
  left: 21px;
  background-size: 100%;
  background-position: center;}

.text2 {
  width: 502px;
  height: 150px;
  position: relative;
  top: 109px;
  left: 20px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.ssilkivazh {
  width: 228px;
  height: 88px;
  position: relative;
  top: 88px;
  left: 24px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.ssilkiint {
  width: 228px;
  height: 88px;
  position: relative;
  top: -1px;
  left: 286px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

/* правила */
.pravila {
  background: url(http://c.radikal.ru/c11/1804/f8/3776929ee80a.png);
  width: 540px;
  height: 900px;
}

.gifka3 {
  width: 225px;
  height: 95px;
  position: relative;
  top: 89px;
  left: 290px;
  background-size: 100%;
  background-position: center;}

.info1 {
  width: 502px;
  height: 150px;
  position: relative;
  top: 2px;
  left: -110px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.reg {
  width: 502px;
  height: 228px;
  position: relative;
  top: -36px;
  left: 24px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.igra {
  width: 502px;
  height: 183px;
  position: relative;
  top: -13px;
  left: 24px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.real {
  width: 502px;
  height: 221px;
  position: relative;
  top: 10px;
  left: 24px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

/* акция */
.akciya {
  background: url(http://c.radikal.ru/c14/1804/e5/952df54e0058.png);
  width: 540px;
  height: 463px;
}

.gifka4 {
  width: 500px;
  height: 100px;
  position: relative;
  top: 81px;
  left: 21px;
  background-size: 100%;
  background-position: center;}

.opisanie {
  width: 502px;
  height: 150px;
  position: relative;
  top: 104px;
  left: 13px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

.spisok1 {
  width: 200px;
  height: 183px;
  position: relative;
  top: 68px;
  left: -10px;
  overflow: auto;
  text-align: justify;
  font-size: 10px;
  font-family: inherit;
  color: #393939;}

.spisok2 {
  width: 162px;
  height: 142px;
  position: relative;
  top:-116px;
  left: 184px;
  overflow: auto;
  text-align: justify;
  font-size: 10px;
  font-family: inherit;
  color: #393939;}

.spisok3 {
  width: 163px;
  height: 148px;
  position: relative;
  top: -257px;
  left: 365px;
  overflow: auto;
  text-align: justify;
  font-size: 10px;
  font-family: inherit;
  color: #393939;}

/* акция2 */
.fandomm {
  background: url(https://b.radikal.ru/b05/1804/ca/cca95db07daa.png);
  width: 540px;
  height: 272px;
}

.gifka5 {
  width: 500px;
  height: 100px;
  position: relative;
  top: 81px;
  left: 21px;
  background-size: 100%;
  background-position: center;}

.opisanie2 {
  width: 502px;
  height: 150px;
  position: relative;
  top: 99px;
  left: 13px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;}

/* сюжет */
.privet {
  background: url(http://c.radikal.ru/c17/1811/c9/c357cc6384a2.png);
  width: 540px;
  height: 550px;
}

.privetgif {
  width: 500px;
  height: 160px;
  position: relative;
  top: 380px;
  left: 21px;
  background-size: 100%;
  background-position: center;
  }

.privettext {
  width: 513px;
  height: 267px;
  position: relative;
  top: -70px;
  left: 13px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;
  }

/* интервью */
.inter2 {
  background: url(http://c.radikal.ru/c31/1812/bd/d0a66ef23967.png);
  width: 539px;
  height: 550px;
}

.inter {
  background: url(http://c.radikal.ru/c13/1812/47/4a4bbe502059.png);
  width: 539px;
  height: 550px;
}

.fotka {
  width: 222px;
  height: 212px;
  position: relative;
  top: 41px;
  left: 58px;
  background-size: 100%;
  background-position: center;
  }

.fio {
  width: 140px;
  height: 70px;
  position: relative;
  top: 145px;
  text-align: center;
  font-size: 21px;
  left: 171px;
  text-decoration: solid;
  background-size: 100%;
  background-position: center;
  }

.kolonka1 {
  width: 150px;
  height: 261px;
  position: relative;
  top: -1px;
  left: 9px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;
  }

.kolonka2 {
  width: 146px;
  height: 168px;
  position: relative;
  top: -131px;
  left: 166px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;
  }

.kolonka3 {
  width: 212px;
  height: 539px;
  position: relative;
  top: -705px;
  left: 323px;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  font-family: inherit;
  color: #393939;
  }

.punbb .post-content a,
.punbb .post-content a:link {
color:#54657a;
font-weight: bolder;
}
.punbb .post-content a:hover, .punbb .post-content a:focus, .punbb .post-content a:active {
    color: #baa274;
    text-decoration: underline;
}

.pa-fld1 a {
color: #baa274 !important;
}



/*прозрачность баннеров при наведении*/
.hoverort {
    opacity: 0.4;
    transition-duration: 0.66s;
    -webkit-transition-duration: 0.66s;
    -moz-transition-duration: 0.66s;
    -o-transition-duration: 0.66s;
    -ms-transition-duration: 0.66s;
}
.hoverort:hover {
opacity: 1.0;
}




0

22

Настройки - Верх - под "активисты" (строка полезных ссылок)

...

<!--Ссылки под названием форума-->
<div style="height: 15px;width: 908px;top: 75px;margin-left: -10px;position:absolute;z-index: 200;text-align: center;padding-top: 0px;overflow:hidden;/* border: 1px solid red; */">
<a href="http://sif.rusff.me/viewtopic.php?id=4" class="links1">гостевая</a>
<a href="http://sif.rusff.me/viewtopic.php?id=11" class="links1">сюжет</a>
<a href="http://sif.rusff.me/viewtopic.php?id=9" class="links1">правила</a>
<a href="http://sif.rusff.me/viewtopic.php?id=13" class="links1">faq город</a>
<a href="http://sif.rusff.me/viewtopic.php?id=278#p20631" class="links1">faq криминал</a>
<a href="http://sif.rusff.me/viewtopic.php?id=10" class="links1">история if</a>
<a href="http://sif.rusff.me/viewtopic.php?id=5" class="links1">новости</a>
<a href="http://sif.rusff.me/viewtopic.php?id=2" class="links1">хочу к вам</a>
<a href="http://sif.rusff.me/viewforum.php?id=5" class="links1">шаблоны</a>
<a href="http://sif.rusff.me/viewtopic.php?id=7" class="links1">фио</a>
<a href="http://sif.rusff.me/viewtopic.php?id=12" class="links1">занятость</a>
<a href="http://sif.rusff.me/viewtopic.php?id=6" class="links1">внешности</a>
<a href="http://sif.rusff.me/viewtopic.php?id=8" class="links1">голоса</a>
<a href="http://sif.rusff.me/viewtopic.php?id=34#p37" class="links1">7 days</a>
<a href="http://sif.rusff.me/viewforum.php?id=3" class="links1">акции</a>
<a href="http://sif.rusff.me/viewtopic.php?id=246" class="links1">квест</a>
</div>

0

23

https://nestandart.artbb.ru/viewtopic.php?id=4372

0


Вы здесь » tesr568 » Тестовый форум » Тестовое сообщение


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