Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)


Общие вопросы по оформлению (64)

Сообщений 341 страница 360 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

341

.skyhunter
Где то ошибка в Первом Окне стиля(Поэтому все коды ниже неё не работают!):
Вот уберите красным:

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

.punbb th {

  }

/
/*.punbb .category th{
}
*/

Возможно есть ещё

Отредактировано Deff (Чт, 16 Авг 2018 15:28:45)

+1

342

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

.punbb th {

  }

.skyhunter, вообще пустых не надо, а их сплошь и рядом:

/* C1.6 */
.punbb fieldset legend span {

  }

/* C1.8 */
.punbb .fs-box {
  /* padding: 0 20px; */
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {

  }

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

/* C2.10 */
.punbb td .modlist {

  }

И т.д.

Здесь ошибка:

/* C2.11 */
.punbb .main td {
padding: px;
}

Здесь ошибка (нет открывающей скобки):

/* A5.3 */
margin: 100px 0% 12px 0%;
  width: auto;
  float: none;
  }

0

343

Deff, я пробовал псевдоклассами, не помогло(

0

344

Deff, сорямба, помогло в html-верхе.

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

Где то ошибка в Первом Окне стиля(Поэтому все коды ниже неё не работают!):

Понял, спасибо, исправлю.

kolobdur74, почему не надо? Я думал это норм, типа пригодится. Но раз плохо, то почищу( Спасибо.

0

345

.skyhunter написал(а):

Понял, спасибо, исправлю.

смотрите закрытие комментов */
Наличие всех скобок {} в каждом правиле
И открытие - закрытие круглых скобок () //Они в url и цвете rgb(...) или rgba(...)

+1

346

Можно просто передвигать постепенно правило по Окну Вверх, где заработает - значит ошибка ниже

0

347

.skyhunter написал(а):

почему не надо? Я думал это норм, типа пригодится. Но раз плохо, то почищу( Спасибо.

Плохо, бо как добавляет лишний код, который вам по сути сейчас не нужен, но ухудшает оптимизацию CSS, которая на Майбб и так оставляет желать лучшего.. Плюс - чем больше код, тем больше вероятности, что вы допустите ошибку.. И ошибки поправьте, которые я написал, особенно: /* A5.3 */ - там и селектора нет.

Отредактировано kolobdur74 (Чт, 16 Авг 2018 16:15:37)

0

348

.skyhunter, Нет закрывающей скобки:

#pun-stats li.item1 span {
background: url(http://i.imgur.com/3tCRz.png) 0% 4px no-repeat;
padding-left: 19px !important;
padding: 2px 0px 0px 0px;

+1

349

.skyhunter, ну и еще несколько советов:
1. В дизе много импортантов: Правила приоритетов в CSS
2. После /* D9.8 */ стоит продолжить комментарии для вашего же удобства, чтобы не теряться в коде.
3. Гуляние:

#f-subforums {
margin-bottom: 20px;
}

#f-subforums .tcl h3 a {
    font-size: 20px !important;
    color: #766f2e !important;
    font-variant: small-caps;
    font-weight: bold !important;
    text-decoration: none;
}

/* D6.3 */
#pun-announcement .container {
line-height: 15px;
    font-size: 12px;
    letter-spacing: 1px;
    height: 230px;
    border: 2px solid #90775b;
    outline: 1px solid #90775b;
    outline-offset: -4px;
    margin-left: -2px;
    margin-right: -2px;
  }

Когда гуляют отступы - это приводит к тому, что начинаешь теряться в коде, что так же приводит к ошибкам, если всё стандартизировать, то ошибок будет меньше, так как код будет читаться легче.. Я к примеру люблю такой вариант кода:

/* D6.3 */
#pun-announcement .container {
  line-height: 15px;
  font-size: 12px;
  letter-spacing: 1px;
  height: 230px;
  border: 2px solid #90775b;
  outline: 1px solid #90775b;
  outline-offset: -4px;
  margin-left: -2px;
  margin-right: -2px;
  }

Два пробела.. Для удобства работы с кодом лучше использовать программу типа: Notepad++..

Отредактировано kolobdur74 (Чт, 16 Авг 2018 16:30:13)

+3

350

kolobdur74, ну я навел порядок, да так, что все не работает.

http://tes.rolfor.ru/

Коды стилей все там. Просто изменение их расположения привело к коллапсу. Что делать? Только не говорите, что заново все переписывать (шутка, я резерв сделал).

Часть css-а в html-верхе. Переносил и в верхний стиль, и обратно - ничего не меняется. Ошибки все почистил.

Отредактировано .skyhunter (Чт, 16 Авг 2018 22:03:07)

0

351

.skyhunter написал(а):

Коды стилей все там. Просто изменение их расположения привело к коллапсу. Что делать? Только не говорите, что заново все переписывать (шутка, я резерв сделал).

Скиньте оба окна, которые были до используя вв-код Код и под спойлером. То что могу сказать навскидку - это то, что вы потеряли стиль кнопок вверх и вниз..

0

352

.skyhunter написал(а):

Переносил и в верхний стиль, и обратно - ничего не меняется.

На счет переноса в первое окно  - это имеет смысл если объединять под одним селектором, к примеру:
Это в первом окне:

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

Это во втором окне:

/* CS1.4 */
#pun-title {
background: url(https://image.ibb.co/j3tTpn/2.gif) no-repeat #000000de;
}

Объединяем и получаем:

#pun-title {
border-style: none;
border-width: 0px;
padding-bottom: 36px;
background: url(https://image.ibb.co/j3tTpn/2.gif) no-repeat #000000de;
}

В ином случае нет смысла всё переносить в одно окно..

Это:

/* A5.3 */
селектор {
margin: 100px 0% 12px 0%;
width: auto;
float: none;
}

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

+1

353

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

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

Верно, пропустил...исправлено, благодарю.

Дело не в переносе из одного окна стиля в другое.
У меня половина css-стилей прописано в html-верхе. Я бы не стал там вообще сорить, но некоторые команды в окне стиля не работали, а вот в настройках под <style> все получалось. Сейчас понятно, что это из-за ошибок в коде стилей, но даже после чистки при переносе заключенных в <style> кодов из html-верха в стиль, они перестают работать.

Однако, из-за хлама (я подозреваю) в html-верхе форум подлагивает. Хотелось бы там почистить, то есть перенести css из верха в стили, и избавиться от <style> в настройках. Это возможно?
Мне важно понять, почему команды в html-верхе работают, а в стилях нет. Сейчас уже нет ошибок в коде, но просто перенести из <style>-ов в окно стиля не выходит, большая часть команд просто теряется. Можно было бы сказать, что в css, прописанном в настройках тоже ошибки, но тогда они бы вообще не работали и там.

Вот, что было после чистки кода, но до попытки переноса из html-верха в стили.

0

354

Окна стилей http://tes.rolfor.ru/

style.css
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */
@import url(style_cs.css);
@import url(http://forumstatic.ru/files/0011/c1/fb/68949.css);

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

/* A2.1 */
html, body {margin: 0; padding: 0}
html {
background: url(http://www.tokkoro.com/picsup/2629522-the-elder-scrolls-online-4k-pc-wallpaper-free.jpg) no-repeat fixed #1d1d1d;
background-size: 120%;
background-position: top;
image-rendering: pixelated;
}

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

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

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

/* A2.5 */
.punbb .main table {
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%  Philosopher, Arial, Tahoma, Verdana, iconfont, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
}

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

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

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

/* A3.5 */
.punbb h1 span, .punbb h2 span {
font-size: 1em;
text-align: center;
color: #6a502f;
}

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

/* A3.6 */
.punbb pre {
font: pholosopher, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

/* A3.7 */
.punbb address, .punbb em {
margin-left: 20px;
}

/* 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-right: auto;
margin-left: auto;
width: 1050px;
padding: 0;
position: relative;
}

/* A5.2 */
.punbb {
box-shadow: 0 0 200px;
float: left;
width: 100%;
height: auto;
border-left: 2px solid #90775b;
border-right: 2px solid #90775b;
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
}

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

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

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

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

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

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-debug h2 {
text-transform: uppercase;
padding: 15px 30px;
text-align: center;
background: url(http://i.imgur.com/JbDqbip.png) 12px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
font-size: 11px;
}

#pun-index h2 {
max-width: 1050px;
padding: 0 10px 0 170px;
line-height: 39px;
height: 38px;
text-transform: uppercase;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
border-bottom: 1px solid rgb(141, 126, 107);
background: url(http://i.imgur.com/JbDqbip.png) 50px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
}

#pun-main h2 span {
font-size: 14px;
text-decoration: none;
color: #000000;
letter-spacing: 10px;
text-shadow: 1px 1px #e5d2b2ba;
}

#pun-post .topic h2 {
text-transform: uppercase;
padding: 10px 30px;
text-align: center;
background: url(http://i.imgur.com/JbDqbip.png) 12px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
box-shadow: 0px 1px 2px black;
outline: dashed 1px black;
outline-offset: -2px;
font-size: 11px;
width: 1000px;
margin-left: -5px;
border-radius: 6px;
}


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

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

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

/* B1.2 */
.punbb .post-sig dt {
display: block;
}

/* B1.3 */
.punbb .post-content p {
padding: 0 0 10px 0;
line-height: 140%;
font-size: 16px;
font-family: arial, new roman;
}

/* 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 {
border: dashed 1px #8B7C74;
font-size: 12px;
-webkit-border-radius: 0px;
padding: 10px 10px 0px 15px;
background: rgba(183,154,122,0.3);
color: #3E3E3E;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 14px;
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: 1em;
font-weight: bold;
}


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

/* B3.1 */
.punbb .linkst {
height: 30px;
line-height: 30px;
background: rgba(183,154,122,0.3);
}

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

/* B3.5 */
.punbb .linksb {
height: 30px;
line-height: 30px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
}

/* B3.6 */
.linksb .pagelink {
margin-left: 20px;
}

/* B3.7 */
.linksb .postlink {
margin-right: 0;
}

/* B3.8 */
.subscribelink {
margin-top: 5px;
line-height: 20px;
float: right;
margin-right: 10px;
margin-left: 10px;
padding: 0 5px 0 15px;
border-left: 1px solid #8d7e6b;
}


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

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

/* C1.1 */
.punbb .formal .container {
padding: 0;
}

/* C1.2 */
.punbb .formsubmit {
text-align: right;
margin-bottom: 10px;
margin-right: 20px;
}

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

/* C1.4 */
.punbb fieldset {
border: none;
padding: 5px;
margin: 0;
}

/* C1.5 */
.punbb fieldset legend {
text-transform: uppercase;
padding: 10px 30px;
text-align: center;
background: url(http://i.imgur.com/JbDqbip.png) 12px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
box-shadow: 0px 1px 2px black;
outline: dashed 1px black;
outline-offset: -2px;
font-size: 12px;
width: 1000px;
border-radius: 6px;
}

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

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
}

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

/* 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 {
vertical-align: middle;
text-align: left;
color: #6B6152 !important;
border-bottom: 1px solid rgb(141, 126, 107);
}

/* C2.2 */
#pun-index #pun-main .tc2, #pun-index #pun-main .tc3, #pun-index #pun-main .tcmod, #pun-viewforum .tc2, #pun-viewforum .tc3, #pun-viewforum .tcmod  {
display: none;
text-align: center;
width: 10%;
color: #6B6152;
}

/* C2.3 */
.punbb .main .tcr {
padding: 0 10px 0 10px !important;
color: black !important;
}

/* C2.5 */
#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-family: Philosopher, arial;
margin-bottom: 20px !important;
border-bottom: 1px solid #766f2e82;
}

#pun-index .tcl h3:hover {
border-bottom: 1px solid black;
-webkit-transition: all 0.3s;
}


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

/* C2.12 */
.punbb .main th {
padding: 10px;
}

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
padding: 10px 10px 10px 0px;
margin-left: 60px;
font-size: 14px;
color: #451A0E;
}

/* C2.15 */
.punbb div.icon {
float: left;
max-height: 60px;
height: 60px;
width: 60px;
}

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

/* C3.2 */
.punbb .post h3 {
float: right;
width: 849px;
height: 30px;
border-bottom: 1px solid #8D7E6B;
border-left: 1px solid #8D7E6B;
border-top: 1px solid #8D7E6B;
line-height: 240%;
text-transform: uppercase;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
}

/* C3.3 */
.punbb .post h3 span {
background: none;
}

/* C3.5 */
.punbb .post .post-author {
background: url(https://image.ibb.co/bTaTUc/Screenshot_1.gif) no-repeat left top;
float: left;
width: 200px;
overflow: hidden;
text-align: center;
padding-bottom: 10px;
}

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

.punbb .post .post-author ul {
border-top: 1px solid #8D7E6B;
background: url() 50% 0% no-repeat, url() no-repeat 50% 100%, url() 50% 100% repeat-y;
}

/* C3.7 */
.pa-author {
padding-left: 10px;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
text-align: left;
font-size: 15px;
border-bottom: 1px solid #8D7E6B;
line-height: 30px;
}

li.pa-author {
font-size: 18px;
}

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

/* C3.9 */
li.pa-title {
margin-left: 37px;
margin-bottom: 17px;
padding: 2px 0;
padding-left: 5px;
border-bottom: 1px solid #beab89;
text-align: left;
font-weight: bold;
font-size: 12px;
}


li.pa-online {
line-height: 18px;
margin-top: 10px;
margin-left: 37px;
text-align: right;
padding-right: 15px;
}

/* C3.11 */
.punbb .post-body {
padding-top: 31px;
padding-left: 200px;
background: rgba(183,154,122,0.3);
}

/* C3.12 */
.punbb .post-box {
padding: 0px 20px;
background: url() no-repeat, url(http://i.imgur.com/ZsacUBu.jpg) repeat;
border: 1px solid #8D7E6B;
border-bottom: none;
border-right: none;
}

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

/* C3.14 */
.punbb .post-links {
margin-left: 200px;
border-left: 1px solid #8D7E6B;
background: rgba(183,154,122,0.3);
}

/* C3.15 */
.punbb .post-links ul {
margin-left: -200px;
padding: 0 20px 0 0px;
width: 1030px;
height: 40px;
border-top: 1px solid #8D7E6B;
text-align: right;
}

/* C3.16 */
.punbb .post-links li {
display: inline;
margin-left: 10px;
line-height: 40px;
}

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

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


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

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

/* C4.3 */
.punbb .modmenu .container strong {
float: left;
text-align: right;
}

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


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

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

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


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

/* C6.2 */
#profilenav {
border-top: 2px solid #b89e7d;
line-height: 32px;
height: 32px;
background: rgba(183,154,122,0.3);
padding: 0 10px;
}

/* C6.3 */
#profilenav li {
display: inline-block;
padding: 0;
font-size: 10px;
line-height: 32px;
}

/* C6.4 */
#profilenav ul {
text-transform: uppercase;
padding: 0;
line-height: 32px;
}

#profilenav ul a {
color: #763902;
}

#profilenav ul a:hover {
color: #451A0E;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
display: none;
}

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

/* C6.7 */
#setmods dl {
padding: 0 0 0 200px;
border-bottom: 1px solid #9b8e78;
margin-bottom: 0;
background: none;
}

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

/* C6.10 */
#setmods dd {
display: block;
padding-left: 5px;
border-left: 1px solid #9b8e78;
}

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

/* C7.3 */
#pun-userlist .usertable table {
border: none !important;
}


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

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

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

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

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

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

#pun-title TABLE {
border: none;
height: 300pxpx;
width: 100%;
}

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

#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
top: 0 !important;
padding-right: 5px !important;
left: 4.7em !important;
}

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

/* D3.2 */
#pun-navlinks .container {
top: 0;
position: absolute;
width: 1054px;
margin-left: -2px;
padding: 0;
line-height: 35px;
background: linear-gradient(to left, #0000009e, #69181094);
}

/* D3.3 */
#pun-navlinks li {
font-family: georgia;
line-height: 35px;
width: 100px;
padding-left: 20px;
}

#pun-navlinks a:hover {
color: black !important;
}

/* D3.4 */
#pun-navlinks li a {
text-transform: uppercase;
}

/* D.5 (rusff/0pk only) */
li#navawards {
display: none;
}

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

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

/* D4.2 */
#pun-ulinks .container {
width: 100%;
max-width: 1030px;
text-align: right;
margin-left: 2px;
text-transform: uppercase;
padding: 0px 20px 0px 0px;
position: absolute;
top: 593px;
left: 0;
font-size: 10px;
background: #000000de;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
padding-left: 10px;
line-height: 20px;
display: inline;
}

/* D4.4 */
#pun-ulinks li a {
border-left: 2px solid #d5c19e;
border-radius: 5%;
color: #d5c19e !important;
}

#pun-ulinks li a:hover {
border-left: 2px solid #ffffff;
border-radius: 5%;
color: #ffffff !important;
}

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

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

/* D5.1 */
#pun-status {
position: absolute;
line-height: 35px;
top: 0;
text-align: right;
right: 0;
padding-right: 20px;
font-size: 12px;
}

/* D5.2 */
#pun-status .container {
background: none;
color: white;
}

#pun-status .container .item2 {
display: none;
}

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

/* D5.4 */
#pun-crumbs1 {
text-transform: uppercase;
font-size: 10px;
line-height: 15px;
width: 1044px;
margin-left: -2px;
padding-left: 10px;
border-bottom: 2px solid #90775b;
margin-bottom: 20px;
background: #e8d8b4;
}

/* D5.5 */
#pun-crumbs1 p.container {
font-weight: bold;
background: none;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
color: #90775b;
line-height: 20px;
}

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

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

/* D6.1 */
#pun-announcement h2 {
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 {
line-height: 15px;
font-size: 12px;
letter-spacing: 1px;
height: 230px;
border: 2px solid #90775b;
outline: 1px solid #90775b;
outline-offset: -4px;
margin-left: -2px;
margin-right: -2px;
}

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

/* D7.1 */
#pun-stats .container {
margin: 10px 0px;
padding: 20px 20px 20px 100px;
background: url(http://forumstatic.ru/files/0017/2e/bd/47712.png) 20px 40px no-repeat, rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
font-size: 14px;
min-height: 80px;
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
display: inline;
padding-right: 10px;
border-right: 1px solid #594732;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
display: inline;
padding-right: 10px;
border-right: 1px solid #594732;
}

/* D7.4 */
li#onlinelist {
border-bottom: 1px solid #8d7e6b;
float: left;
width: 100%;
line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
padding: 0.7em 0px 0.7em;
}

/* 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 {
background: none;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
line-height: 20px;
}

/* D8.7 */
#pun-crumbs2 .container {
text-transform: uppercase;
background: url(http://i.imgur.com/kC2D676.gif) repeat;
font-size: 10px;
width: 1044px;
margin-left: -2px;
padding-left: 10px;
color: white;
}

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

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


/* 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: philosopher, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

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

#pun_wrap {
background: none;
}

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

#f-subforums {
margin-bottom: 20px;
}

#f-subforums .tcl h3 a {
font-size: 20px !important;
color: #766f2e !important;
font-variant: small-caps;
font-weight: bold !important;
text-decoration: none;
}

#pun-viewforum .modmenu {
display: none;
}

#top_bar_f a {
color: #763902 !important;
text-shadow: none !important;
text-decoration: underline !important;
padding: 12px !important;
}

#top_bar_f a:hover {
text-decoration: underline !important;
color: #000000;
text-shadow: none !important;
}

.td_l {
display: none !important;
}

.td_p {
background: none !important;
}

#top_bar {
border: none !important; 
height: 35px !important;
}

.mini_profil {
background: rgb(239, 226, 193) !important;
border: 1px solid #B15300 !important;
}

.dd_menu {
background: rgb(239, 226, 193) !important;
border: 1px solid #B15300 !important;
}

.menu_top li a:link, .menu_top li a:visited {
display: block;
text-align: left;
color: #555;
width: 100%;
padding: 4px 10px;
border-bottom: 1px solid #d0d0d0;
border-top: 1px solid #fff;
}

#messages .fs-box .tcl, #messages .fs-box .tc2, #messages .fs-box .tc3 {
display: table-cell;
padding: 0;
}

#messages .fs-box thead .tcl.pmtcl1 {
text-align: left;
padding-left: 20px;
}

#messages .fs-box .tc3 {
color: #000000 !important;
font-weight: 100 !important;
}

#messages .fs-box a {
font-weight: 100;
}

#pun-messages .linksb {
height: 47px;
line-height: 47px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
margin-top: 10px;
}

#pun-viewtopic #post-form #post legend {
display: none;
}

.punbb .main .tcr a {
font-size: 9px;
font-weight: bolder;
font-family: verdana;
text-transform: uppercase;
}

.post-rating {
background: #75634e;
outline: 1px solid #b89e7d;
outline-offset: -2px;
position: absolute;
top: 3px;
right: 700px;
min-width: 26px;
line-height: 26px;
text-align: center;
}

.topic a.sharelink {
float: right;
margin-right: 20px;
margin-top: 2px;
display: none;
}

.permalink {
float: right;
text-transform: none;
text-decoration: underline !important;
margin-right: 10px;
line-height: 30px;
font-size: 12px;
font-weight: 100 !important;
}

div.post h3 span strong:after {
content: none;
}

div.post h3 span strong:before {
content: "# ";
}

#navsearch {
display: none !important;
}

#pun-messages .formal fieldset {
width: 1050px;
border: 0;
}

#pun-messages #profile .container {
width: 1050px;
border: 0;
padding: 0 !important;
}

#top_bar {
box-shadow: 0px 0px 5px #111 !important;
background: url(http://i.imgur.com/bign00c.jpg) !important;
text-transform: uppercase !important;
font-size: 11px;
position: absolute !important;
top: -35px !important;;
min-width: 1050px !important;;
}

.punbb .info .container {
margin: 20px;
padding: 10px;
outline: 4px double rgb(141, 126, 107);
font-size: 12px;
}

#pun-userlist #userlist {
padding: 0px 10px;
height: 140px;
margin-bottom: 50px;
}

#pun-userlist #userlist .pagelink {
margin-top: 5px;
margin-left: -30px;
}

#pun-userlist #userlist fieldset {
color: rgb(110, 93, 70);
font-size: 14px;
padding: 0;
line-height: 30px;
}

#pun-userlist #userlist fieldset legend {
display: none;
}

#pun-main #profile #profileContainer fieldset p {
padding: 5px;
}

#pun-main #profile #profileContainer fieldset {
margin: 0 0 20px 0;
text-transform: none;
font-family: arial;
font-size: 12px;
outline-color: rgb(181, 170, 149) !important;
box-shadow: none !important;
}

#pun-main #profile #profileContainer fieldset .infofield {
padding: 15px 15px 5px 15px !important;
text-align: center;
color: rgb(197, 189, 170);
text-shadow: none;
}

#pun-main #profile #profileContainer fieldset .checkfield {
float: none;
margin-left: 10px;
padding: 10px 10px 0px 10px;
}

#pun-main #profile #profileContainer fieldset .formsubmit {
white-space: pre-line;
color: rgb(197, 189, 170);
text-shadow: none;
border-top: 1px dashed;
border-top-color: rgb(72, 56, 38);
padding-top: 0 !important;
margin-top: 20px;
}

#navpm #npm {
color: maroon !important;
font-weight: bold;
font-family: monospace;
}

#navpm #npm a {
margin-left: 2px;
color: maroon !important;
font-family: georgia;
}

#pun-messages #profilenav span {
padding: 4px;
color: rgb(197, 189, 170);
font-family: georgia;
font-size: 12px !important;
margin: 0 !important;
}

#pun-messages #profilenav ul {
float: left;
}

#pun-messages .postlink {
outline: none;
border: none !important;
background: none;
margin-top: 5px;
}

#pun-messages #profile .container {
padding-left: 220px;
}

#pun-messages .formal fieldset td {
border-right: none;
outline: none;
}

#pun-messages .formal fieldset .tc2.pmtc22 {
border-bottom: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
width: 20% !important;
line-height: 30px;
}

#pun-messages .formal fieldset .tc3.pmtc33 {
border-bottom: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
width: 10% !important;
}

#pun-messages .formal fieldset .tc2.pmtc24 {
border-bottom: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
width: 20px !important;
background: rgba(183,154,122,0.3);
}

#pun-messages .formal fieldset {
padding: 0px !important;
text-transform: none;
}

#pun-messages .formal .hasicon .tcl.pmtcl1 {
outline: none;
}

#pun-messages .formal .hasicon .tclcon {
font-size: 14px;
line-height: 50px;
padding: 5px 10px 5px 0;
}

.tclcon img {
outline: 1px solid rgb(195, 187, 168);
border: 1px solid rgb(107, 97, 82);
outline-offset: -2px;
opacity: 0.5;
-webkit-transition: all 0.3s;
}

.tclcon img:hover {
opacity: 1;
-webkit-transition: all 0.3s;
}

.category .container .hasicon .tcl {
padding: 0 !important;
height: 60px;
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat;
}

.category .container .hasicon .alt2 .tcl {
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat !important;
}

.forum .container .tcr {
background: rgba(183,154,122,0.3) !important;
border-bottom: 1px solid #8d7e6b !important;
border-left: 1px solid #8d7e6b !important;
width: 280px !important;
line-height: 12px !important;
vertical-align: top !important;
padding: 10px 0 0 0 !important;
}

.forum .container .tcr span {
margin-top: 5px;
padding-right: 10px;
font-weight: bold;
}

.forum .container .hasicon .tcl h3 {
font-family: Philosopher, arial;
margin-bottom: 20px !important;
border-bottom: 1px solid #766f2e82;
}

.forum .container .hasicon .tcl {
padding: 0;
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat !important;
line-height: 39px;
}

.forum .container .hasicon .alt2 .tcl {
height: 60px;
padding: 0;
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat !important;
}

.forum .tcl a {
font-size: 14px !important;
font-weight: 100 !important;
letter-spacing: 1px;
}

.category .tcl h3 a {
font-size: 20px !important;
color: #766f2e !important;
font-variant: small-caps;
text-decoration: none;
padding-right: 200px;
}

.category .container .hasicon .tcl .tclcon h3 a:hover {
color: black !important;
-webkit-transition: all 0.3s;
}

#pun-break2 .hasicon .tcr {
outline: none;
}

#navpm a {
width: 149px;
position: absolute;
top: 325px;
right: 496px;
padding: 0;
text-align: center;
background: none;
line-height: 36px;
border-right: 1px solid #90775b;
color: white;
}

#navpm a:hover {
color: #e3d3b2 !important;
background: linear-gradient(to left top, #1e1c18 45%, #87271e);
-webkit-transition: all 0.3s;
}

#navprofile a:hover {
color: #e3d3b2 !important;
background: linear-gradient(to left top, #1e1c18 45%, #87271e);
-webkit-transition: all 0.3s;
}

#navlogout a:hover {
color: #e3d3b2 !important;
background: linear-gradient(to left top, #1e1c18 45%, #87271e);
-webkit-transition: all 0.3s;
}

#punbbsearch.container {
position: absolute;
background: none;
top: 301px;
right: 2px !important;
line-height: 35px;
z-index: 1;
}

#punbbsearch.container span {
display: none;
}

#fld1s {
border-radius: 5px !important;
line-height: 28px;
vertical-align: middle;
border: 0;
background: #343330;
font-size: 14px;
padding: 0px 5px;
outline: none;
}

#Accio.button {
height: 28px;
vertical-align: middle;
line-height: 28px;
padding: 0;
border: 0;
outline: 0;
background: url(https://freeiconshop.com/wp-content/uploads/edd/search-solid.png) no-repeat #9e9161;
background-size: 70%;
background-position: center;
image-rendering: auto;
width: 28px;
}

.pa-awards { 
height: 50px;
padding: 0em 1em 1em 1em;
border-left: 10px solid #41321f;
background: linear-gradient(to left, transparent, #b89e7d);
margin-bottom: 2em;
}

.mini_awards_label {
padding-right: 560px;
padding-bottom: 5px;
font-weight: bold;
background: url(http://i.imgur.com/O3EM5.png) repeat-x bottom left transparent;
}

.mini_awards img {
max-width: 40px;
max-height: 40px;
background: rgb(199, 187, 165);
padding: 5px;
margin-left: 10px;
margin-top: 10px;
border: 2px groove rgba(141, 126, 107, 0.6);
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
}

#pun-main.main.mod-page h2 {
padding: 1.7em 0;
}

#pun-main.main.mod-page button {
-webkit-border-radius: 0px;
font-weight: normal;
padding: 1em 35.5em 1em 35.5em;
}

.pa-sex {
width: 20px;
height: 20px;
line-height: 24px;
border: 1px solid #8d7e6b;
background: url(http://i.imgur.com/ZsacUBu.jpg);
outline: 1px solid #e6d3b3;
position: absolute;
top: 40px;
margin-left: 7px;
}

.post-content ul li { 
list-style: square;
color: rgb(65, 50, 31);
}

.post-content table { 
width: 100% !important;
border: solid 1px #8B7C74;
font-size: 12px;
-webkit-border-radius: 0px;
padding: 10px 10px 0px 15px;
background: rgba(183,154,122,0.3) !important;
color: #3E3E3E;
}

.post-content table td {
border-width:1px !important; 
border-style: solid !important; 
border-color: #8B7C74;
}

.punbb .post-content img.postimg {
width:auto!important;
}

td.tc2, td.tc3 {
color: #6B6152 !important;
}

p.lastedit {
font-style: italic;
color: #8B7C74;
margin: 15px;
font-size: 13px !important;
}

#f-subforums .tcl .modlist {
display: block;
margin-top: 5px;
padding-top: 5px;
background: url(http://i.imgur.com/O3EM5.png) repeat-x top left transparent;
margin-left: 10px;
}

#f-subforums .tcl .modlist a {
font-weight: bold !important;
font-size: 13px !important;
}

#f-subforums .hasicon .tcl {
line-height: 15px !important;
}

.modlist {
display: block;
margin-top: 5px;
padding-top: 5px;
background: url(http://i.imgur.com/O3EM5.png) repeat-x top left transparent;
margin-left: 10px;
}

.post-content .spoiler-box > div {
background: url(http://i.imgur.com/5afSb.png) 0% 50% no-repeat transparent;
height: 14px;
}

.post-content .spoiler-box > div.visible {
background-image: url(http://i.imgur.com/KrN0j.png);
}

#similartopics {
font-size: 11px;
border-spacing: 0px;
background-image: url(http://i.imgur.com/gnqi3.jpg);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.46);
}

#similartopics td {
padding: 1em;
border-top: 1px solid;
border-color: #6B6152;
}

#poll-special h1 {
height: 6px !important;
-webkit-border-radius: 10px;
}

li.pl-delete a {
background: url(http://i.imgur.com/riwzK.png) 5px 3px no-repeat;
padding: 5px 0px 5px 25px;
font-family: myriad-cont;
text-transform: uppercase;
border-left: 1px solid #8d7e6b;
}

li.pl-delete a:hover {
background: url(http://i.imgur.com/2lcz4.png) 5px 3px no-repeat; 
color: #000 !important;
font-family: myriad-cont;
text-transform: uppercase;
}

li.pl-edit a {
background: url(https://image.ibb.co/k06faH/Nt1dX.png) 4px 2px no-repeat;
padding: 5px 0px 5px 25px;
font-family: myriad-cont;
text-transform: uppercase;
border-left: 1px solid #8d7e6b;
}

li.pl-edit a:hover {
background: url(https://image.ibb.co/iJAv9c/Nt1dX2.png) 4px 2px no-repeat; 
color: #000 !important;
font-family: myriad-cont;
text-transform: uppercase;
}

li.pl-quote a {
background: url(http://i.imgur.com/DwdPr.png) 5px 5px no-repeat;
padding: 5px 0px 5px 25px;
font-family: myriad-cont;
text-transform: uppercase;
border-left: 1px solid #8d7e6b;
}

li.pl-quote a:hover {
background: url(http://i.imgur.com/iZmHn.png) 5px 5px no-repeat; 
color: #000 !important;
font-family: myriad-cont;
text-transform: uppercase;
}

.spoiler-box {
padding: 1em !important;
}

.post-sig {
margin-top: 20px;
color: black;
font-size: 10px;
}

.punbb .post-sig dt {
background: url(http://i.imgur.com/o7OVpFY.png);
height: 1px;
width: 100%;
}

.post-sig dd {
margin-top: 0.3em;
}

.postlink {
background: url(https://image.ibb.co/jyr5sx/Screenshot_2.gif) no-repeat;
font-family: myriad-cont;
text-transform: uppercase;
text-decoration: underline;
float: right;
height: 24px;
line-height: 24px;
width: 107px;
text-align: center;
margin-top: 3px;
margin-right: 5px !important;
}

.pagelink {
text-transform: uppercase;
float: left;
height: 20px;
font-weight: bold;
margin-left: 20px;
margin-bottom: 10px;
}

.punbb input, .punbb select, .punbb optgroup {
font: 13px arial, verdana, helvetica, sans-serif;
color: rgb(0, 0, 0);
padding: 2px 2px;
border-radius: 0;
border-color: #b79a7a9c;
background: rgb(255, 239, 201);
text-align: center;
}

input.button {
font-family: myriad-cont;
text-transform: uppercase;
cursor: pointer;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
}

input.button:hover {
-webkit-transition: all 0.3s;
font-family: myriad-cont;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
color: #ece3c9;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
outline: 1px solid #d7c29f;
outline-offset: -2px;
}

.post-author .pa-fld11, .pa-fld2, .pa-posts, .pa-respect, .pa-from {
padding: 4px 10px 3px 25px;
margin-left: 37px;
background: url(https://image.ibb.co/gwbovH/Nt1dX2.png) no-repeat 4px 3px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #beab89;
font-size: 12px;
}

.post-author .pa-posts {
background: url(https://image.ibb.co/k06faH/Nt1dX.png) no-repeat 4px 3px;
}

.post-author .pa-respect {
background: url(https://image.ibb.co/eOA6FH/Nt1dX2.png) no-repeat 4px 3px;
}

.post-author .pa-fld2 {
background: url(https://image.ibb.co/cHtnNx/Nt1dX2.png) no-repeat 4px 3px;
}

.post-author .pa-from {
background: url(https://image.ibb.co/m6kCpc/Nt1dX2.png) no-repeat 4px 3px;
}

.pa-fld4 {
margin-left: 37px;
padding-left: 5px;
text-align: left;
font-size: 12px;
}

.pa-fld1 {
display: none;
}

#post-form h2 {
text-transform: uppercase;
padding: 10px 30px;
text-align: center;
background: url(http://i.imgur.com/JbDqbip.png) 12px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
box-shadow: 0px 1px 2px black;
outline: dashed 1px black;
outline-offset: -2px;
font-size: 12px;
width: 1000px;
border-radius: 6px;
margin-left: -5px;
}

#smilies-area {
background-image: url(http://i.imgur.com/ZJu7L.jpg);
padding: 0;
border: 1px solid rgb(72, 56, 38);
outline: 2px solid rgb(199, 186, 167);
outline-offset: -3px;
top: -25px;
width: 210px;
}

#smilies-area .asmile {
margin: 0.5em;
}

#pun-stats li.item2 {
margin-bottom: 10px;
}

#onlinelist.item6 {
padding-bottom: 1em;
padding-top: 1em;
}

.pa-respect a {
vertical-align: middle;
}

fieldset {
background: none;
}

#pun-main #post fieldset .checkfield {
padding: 8px !important;
font-weight: bold !important;
font-style: italic !important;
background: rgb(176, 165, 147) !important;
color: rgb(0, 0, 0) !important;
text-shadow: rgb(199, 187, 165) 0px 0px 15px !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77) !important;
outline: rgb(72, 56, 38) solid 1px !important;
outline-offset: -3px !important;
margin-bottom: 5px !important;
margin-top: 10px;
}

td.tc2, td.tc3 {
background: rgba(183,154,122,0.3) !important;
}

.post-content table {
border-collapse: collapse; 
margin: 0.9em;
}

.subscribelink {
display: none;
}

#messages tr {
background: rgba(143, 127, 108, 0.22) !important;
}

.inner.reputation {
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
}

.inner.reputation h1 {
background-image: url(http://i.imgur.com/bign00c.jpg) !important;
}

.post-content hr {
border-color: rgba(106, 94, 80, 0.52) white rgba(245, 245, 245, 0.84) white;
}

.post-content .highlight-text {
background-color: rgba(143, 127, 108, 0.219608);
border: solid 1px #8B7C74;
border-radius: 3px;
padding-left: 0.3em;
padding-right: 0.3em;
padding-bottom: 0.2em;
color: rgb(73, 73, 73);
line-height: 170%;
}

#form-buttons {
padding: 5px;
color: rgb(197, 189, 170);
text-shadow: rgb(61, 61, 61) 1px 1px 0px;
font-weight: bold;
box-shadow: black 0px 1px 1px;
outline: rgb(72, 56, 38) dashed 1px;
outline-offset: -3px;
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
font-family: myriad-cont;
text-transform: uppercase;
}

#messages fieldset {
background-image: none !important;
}
#messages fieldset legend {
background-image: url(http://i.imgur.com/gnqi3.jpg) !important;
}
#messages fieldset legend span {
background-image: none !important;
color: black;
}

#messages fieldset table {
border-style: solid;
border-width: 2px;
border-color: #958979;
}

#pun-redirect.punbb {
margin-top: 100px;
border-top: 2px solid #8B7C74;
}

#profilenav h2 {
padding: 11.5px;
background-image: url(http://i.imgur.com/pLM604a.jpg);
margin-bottom: 6px;
display:none;
}

#profilenav span {
background-image: none !important;
text-shadow: none;
padding: 1em 4em 1em 4em;
}

#profilenav ul a {
padding: 6px;
}

#pun-ulinks li {
padding-left: 2em;
}

#post-preview .quote-box {
margin: 10px 75px 10px 75px;
}

#post-preview .code-box {
margin: 10px 75px 10px 75px;
}

.punbb textarea {
font: 12px arial, verdana, helvetica, sans-serif;
}

#smilies-area img {
padding: 4px;
border-right: 2px solid rgb(199, 186, 167);
}

#ava-status img {
max-width: 37px;
max-height: 70px;
}

#pun-status p span.item3 {
float: none !important;
}

#pun-status p span.item3 a {
position: absolute;
top: 6.8em;
right: 2em;
}

#profile .checkfield {
float: right;
margin-right: 5em;
}

#profile fieldset .button {
margin: 0 0 1em 1em;
}

#profile textarea {
width: 600px;
margin: 1.2em;
}

#profile fieldset .fs-box {
padding: 0em;
}

.infofield {
padding: 1em 4em 2em 0em !important;
}

#profile fieldset .post-box {
padding: 1em;
border: 2px solid #8d7e6b !important;
border-bottom: none;
border-right: none !important;
background: url(http://i.imgur.com/ZsacUBu.jpg) repeat;
}

#profile fieldset .post-author {
width: 15em;
}

#profile fieldset .post-author ul {
width: 13em;
background: none;
}

#profile fieldset .post-body {
margin-left: 0em;
padding-left: 15em;
background-image: url(http://i.imgur.com/gnqi3.jpg) !important;
}

#profile fieldset .post-links {
background-image: none;
margin-left: 19em;
margin-bottom: 0.5em;
}

#profile fieldset .post-links ul {
height: 4em;
line-height: 4em;
margin-left: -18.5em;
margin-right: 0.5em;
margin-bottom: 2px;
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
border: solid 2px #958979;
}

#messages .postlink {
float: right;
width: 93px;
font-weight: bold;
text-align: center;
border: none;
background: none !important;
}

#messages fieldset legend {
background-image: url(http://i.imgur.com/ZsacUBu.jpg) !important;
margin-bottom: 1em;
}

#messages fieldset legend span {
color: #6A5E50;
}

#messages tr {
background: none !important;
}

#checker {
margin: 0.2em;
}

#messages fieldset table {
border: none;
}

#messages table .tclcon {
margin: 0;
padding: 1em;
padding-left: 0;
}

#p50 {
margin-right: 0.5em;
margin-left: 0.5em;
}

#profile1 fieldset {
padding: 1em 2em 2em 2em;
}

#profile1 fieldset legend span {
background: none;
color: #6A5E50;
}

#fld1, #fld2, #fld3, #fld4, #fld5, #fld6, #fld7, #fld8, #fld9 {
height: 21px;
padding: 3px !important;
text-align: center !important;
font-size: 14px;
-webkit-border-radius: 0px !important;
background: rgba(255, 239, 218, 0.5)!important;
color: rgb(107, 97, 82) !important;
outline: 1px solid rgb(128, 118, 101);
outline-offset: -2px;
border: 0;
margin-right: 20px;
text-transform: none;
}

#profile2 fieldset {
padding: 0em 0em 0em 3em;
}

#profile2 fieldset legend span {
background: none;
color: #6A5E50;
}

#profile2 .radiofield {
width: 20%;
padding: 1em;
font-weight: bold;
}

#profile2 .processed {
margin: 1em 0em 0em 0em;
width: 90%;
}

#profile3 fieldset {
padding: 0em 0em 2em 3em;
}

#profile3 fieldset legend span {
background: none;
color: #6A5E50;
}

#profile4 fieldset {
padding: 0em 0em 2em 3em;
}

#profile4 fieldset legend span {
background: none;
color: #6A5E50;
}

#profile4 .avatardemo {
padding: 0em 6em 0em 2em;
}

#profile5 fieldset {
padding: 0em 0em 0em 3em;
}

#profile5 .processed {
width: 90%;
}

#profile5 .parsedsig {
padding: 3em;
}

#profile5 fieldset legend span {
background: none;
color: #6A5E50;
}

#profile6 fieldset {
padding: 0em 0em 2em 3em;
}

#profile6 fieldset legend span {
background: none;
color: #6A5E50;
}

#profile7 fieldset {
padding: 0em 0em 2em 3em;
}

#profile7 fieldset legend span {
background: none;
color: #6A5E50;
}

#profile7 .radiofield {
width: 80%;
padding: 1em;
font-weight: bold;
margin-bottom: 1em;
}

#profile8 fieldset {
padding: 0em 0em 1em 3em;
}

#profile8 fieldset legend span {
background: none;
color: #6A5E50;
}

#profile8 fieldset .button {
margin-top: 2em;
}

#profile8 #setmods dl {
background-color: rgba(255, 248, 213, 0.309804) !important;
width: 440px;
padding: 1em 1em 1em 16em;
}

#profile8 #setmods dt {
margin-left: -12em !important;
}

#profile9 fieldset {
padding: 0em 0em 1em 3em;
}

#profile9 fieldset legend span {
background: none;
color: #6A5E50;
}

#setmods dl {
background: none;
}

#setmods dd {
background: none;
padding: 0;
margin-left: 23.5em;
}

#setmods img {
width: 65px !important;
height: 30px !important;
padding: 0.2em;
border: solid 2px #958979;
}

#sub4 {
padding: 0.5em 2em 0.5em 2em;
margin-left: 1em;
}

.usertable table {
border: 2px solid #8B7C74 !important;
font-weight: bolder;
}

.usertable .altstyle {
background: rgba(143, 127, 108, 0.22) !important;
}

#profile-left {
padding-top: 1em !important;
}

.grippie {
background: url(http://i.imgur.com/JJQ7Jtq.png) no-repeat scroll center 2px !important;
}

.post-box {
color: #000;
}

.fs-box .post-box {
background: url(http://i.imgur.com/ZsacUBu.jpg);
}

.topic h2 {
padding: 1.7em 0 !important;
}

.main.tags h2 {
padding: 1.7em 0 !important;
}

.main.tags .info {
background-image: url(http://i.imgur.com/gnqi3.jpg);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.46);
}

.main.tags .info td {
border-top: 1px solid;
}

#tieser-bottom {
background: none;
}

.quote-box cite {
margin-bottom: 5px !important;
border-bottom: 1px solid #8D7E6B;
}

.code-box .legend {
background: url(http://i.imgur.com/O3EM5.png) 50% 100% repeat-x;
margin-bottom: 0.8em !important;
}

.inner.post_reputation {
background: url(http://i.imgur.com/ZsacUBu.jpg) repeat;
}

#pun-redirect.punbb {
margin-top: 20%;
}

.isticky b {
font-family: myriad-cont;
text-transform: uppercase;
font-size: 12px;
}

#similartopics .tcl {
border-top: 0px;
}

#similartopics thead .tc2 {
border-bottom: 1px solid rgb(141, 126, 107);
}

#similartopics .tc2 {
border-top: 0px;
border-bottom: 1px solid #6B6152;
}

#pun-about .container {
font-size: 10px;
text-transform: uppercase;
}

.category h2 span small {
border-top: 1px solid black;
padding: 1px 20px;
}

#pun-online .main.multipage .tc3 {
border-bottom: 1px solid rgb(141, 126, 107);
}

#pun-online .main.multipage .tcl {
border-right: 1px solid rgb(141, 126, 107);
}

#pun-messages #main-reply {
width: 650px !important;
}

#pun-messages .inputfield.required {
padding: 10px 0px 0px 20px;
}

#pun-messages .formal fieldset {
outline-color: rgb(141, 126, 107);
outline-offset: -6px;
width: 800px;
}

#pun-messages fieldset .post-author ul {
border-top: 1px solid #8B7C74;
border-top: 1px solid #8B7C74;
width: 120px;
padding: 15px 8px 15px 8px;
}

#pun-messages fieldset h3 {
font-size: 11px;
font-family: arial;
}

#pun-messages fieldset .post-author {
width: 135px;
}

#pun-messages fieldset .post-links ul {
padding: 0;
margin: 0px;
width: 662px;
border-top: 4px double #958979;
border-left: 0;
border-right: 0;
border-bottom: 0;
}

#pun-messages fieldset {
font-weight: normal;
}

#pun-messages fieldset .post-author ul .pa-from {
display: none;
}

#pun-messages fieldset .post-body {
padding-left: 135px;
}

#pun-messages fieldset .post-box {
border-left: 1px solid #8d7e6b !important;
border-top: 1px solid #8d7e6b !important;
border-bottom: 0px solid #8d7e6b !important;
margin-bottom: 0;
}

#pun-messages fieldset .post-author ul .pa-reg {
display: none;
}

#pun-messages fieldset .post-author ul .pa-posts {
color: #6B6152;
font-weight: bold;
}

#pun-messages fieldset .post-author ul .pa-avatar.item2 img {
width: 100px;
height: 100px;
}

#pun-messages fieldset .post-author ul .pa-avatar.item2 img {
width: 100px;
height: 100px;
}

#pun-messages fieldset .post-links {
margin: 0;
}

#pun-messages #profile .fs-box .container {
padding-left: 0px !important;
}

#form-buttons td {
border-right: 1px dashed rgb(72, 56, 38);
}

.modlist {
font-family: georgia;
font-weight: bold;
font-size: 11px;
color: rgb(72, 56, 38);
}

.forum .tclcon .byuser {
padding-left: 2px;
border-left: 1px solid;
border-color: #8B7C74;
}

#b_script_182694 {
text-align: center;
margin: 6px 0 10px 0;
padding: 10px;
background: rgba(0, 0, 0, 0.1);
border-top: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
}

#form-buttons table, .punbb .formal textarea {
width: 100% !important;
}

#pun-userlist .usertable table td.tc3:before{
  font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

#pun-userlist .usertable table td.tc3:nth-child(4n-1):before {
  content:"Уважение: ";
}

#pun-userlist .usertable table td.tc3:nth-child(4n):before {
  content:"Постов: ";
}

#pun-userlist .usertable table td.tc3:nth-child(4n+1):before {
  content:"Зарегистрирован: ";
}

#pun-userlist .usertable table td.tc3:nth-child(4n+2):before {
  content:"Был: ";
}
style_cs.css
Код:
/* CS0 Admin-menu
-------------------------------------------------------------*/

/* CS0.1 Bakground Color */
.punbb-admin #pun-admain *{
border-color: #BDB095!important;
background-color: transparent!important;
}

/* CS0.2 Textarea, Select, Input */
.punbb-admin #pun-admain textarea, 
.punbb-admin #pun-admain select, 
.punbb-admin #pun-admain input {
border: 1px solid #451A0E!important;
background-color: #BAB09C!important; 
}

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

body {
}

/* 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, #pun-about center {
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
color: #000000;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-image: url( );
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
font-weight: bold;
}

/* CS1.4 */
#pun-title {
background: url(https://image.ibb.co/j3tTpn/2.gif) no-repeat #000000de;
}

/* CS1.5 */
.punbb legend span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-image: url(http://i.imgur.com/bign00c.jpg);
color: #451A0E;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #setmods dl  {
font-size: 0.9em;
background-color: rgba(255, 248, 213, 0.31);
color: #63503B;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #cec5b4;
color: #451A0E;
}

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

.punbb textarea, .punbb select, .punbb input {
color: #451A0E;
border-color: #6A5E50;
}

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

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

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

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: rgba(143, 127, 108, 0.219608);
border-color: #451A0E;
}

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

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

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

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

.punbb .divider {
border-color: #ADA396;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 0;
}

li.pa-online {
border-left-color: #451A0E;
}

.punbb .post-sig dt {
border-top-color: #8B7C74 !important;
}


/* 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: #594732;
font-weight: bold;
border-bottom: 0px none #451A0E;
-webkit-transition: all 0.3s;
}

.punbb a:hover {
color: black !important;
-webkit-transition: all 0.3s;
}

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

/* 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: #763902 !important
font-weight: bold;
border-bottom: 0px none #451A0E;
-webkit-transition: all 0.3s;

}

/* CS3.3 */
#pun-navlinks a {
color: white;
font-weight: bold;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #451A0E;
font-weight: bold;
font-style: normal;
border-bottom: 0px none #451A0E;
}

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

/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(http://i.imgur.com/UDX5e96.gif) no-repeat;
position: relative;
}
tr.inew div.icon {
background: url(http://i.imgur.com/HACn7HS.gif) no-repeat;
position: relative;
}
tr.iclosed div.icon {
background: url(http://i.imgur.com/1cMlae5.gif) no-repeat;
position: relative;
}
tr.iredirect div.icon {
background: url(http://i.imgur.com/UDX5e96.gif) no-repeat;
position: relative;
}
tr.isticky div.icon {
background: url(http://i.imgur.com/gqMFzAn.gif) no-repeat;
position: relative;
}

.stickytext {
margin-top: -4px !important;
line-height: 15px;
position: absolute;
color: #800000a3;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
font-family: times;
}

.punbb-admin #pun-admain h2 {
border: none;
}

#pun-break2.divider div.container {
width: 1050px;
font-size: 11px;
font-family: Philosopher, georgia;
}

#pun-break2.divider div.container table th {
padding: 1em;
background: rgba(183,154,122,0.3) !important;
}

#pun-break2.divider div.container tbody.hasicon td {
padding: 6px 15px;
text-align: left;
border-bottom: 0px solid rgb(239, 226, 193);
color: #451A0E;
font-weight: bold;
border-top: 1px solid #8D7E6B;
}

#pun-break2.divider div.container tbody.hasicon .tcr {
text-align: left !important;
}

#pun-break2.divider div.container tbody.hasicon .tcr a {
box-shadow: none;
padding: 0px 0px 0px 20px !important;
color: rgba(0, 0, 0, 0.62) !important;
}

#pun-break2.divider div.container tbody.hasicon .tcr a:hover {
color: #763902 !important;
}

#pun-break2.divider div.container tbody.hasicon .tc2 {
background: url() 28% 50% no-repeat !important;
border-right: 1px solid #8d7e6b;
border-left: 1px solid #8d7e6b;
font-weight: normal;
color: #451A0E !important;
}

#pun-break2.divider div.container tbody.hasicon .tcr a {
color: maroon !important;
}

#pun-break2.divider div.container tbody.hasicon .tcr a:hover {
color: #763902 !important;
}

#pun-break2.divider h2 {
display: none;
margin-top: -1px;
padding: 16px;
color: #EFE2C1;
outline: rgb(239, 226, 193) solid 1px;
outline-offset: -4px;
background-image: url(http://i.imgur.com/kC2D676.gif);margin-bottom: 0;
text-transform: uppercase;
font-size: 11px;
}

#pun-main.main.multipage h1 {
padding: 0 10px 0 130px;
line-height: 39px;
height: 38px;
border-bottom: 1px solid rgb(141, 126, 107);
text-align: left;
}

#pun-main.main.multipage h1 span {
font-size: 14px;
text-decoration: none;
color: #000000;
letter-spacing: 10px;
}


div.post {
position: relative;
}

div.post h3 span strong {
float: left !important;
margin-left: 10px !important;
font-size: 18px;
font-weight: 100;
line-height: 30px;
}

div.post-rating p a {
padding: 5px;
}

.byuser {
margin-top: 0 !important;
line-height: 40px;
color: #000000;
font-size: 8px;
font-family: verdana;
text-transform: uppercase;
float: right;
font-weight: bold;
}

.forum .container table thead .tcl {
border-top: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #6b6152 !important;
width: 70%;
}

.forum .container table thead .tc2 {
border-top: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
}

.forum .container table thead .tc3 {
border-top: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
}

.forum .container table thead .tcr {
border-top: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
}

#pun-viewtopic .pagelink {
font-size: 16px;
margin: 0 5px 0 10px;
line-height: 30px;
text-transform: uppercase;
}

#pun-viewtopic .pagelink a {
margin-right: 0;
padding: 0 4px;
}

#pun-viewtopic .pagelink .prev {
font-size: 20px;
background: none;
border: none;
}

#pun-viewtopic .pagelink strong {
padding: 0 4px;
color: #5f503a78;
}

#pun-viewtopic .linkst {
border-bottom: 0;
}

#bs-bottom-iframe {
padding: 5px;
background: rgba(141, 126, 107, 0.89);
border: 1px solid rgb(201, 190, 168);
outline: 1px solid rgb(140, 125, 106);
box-shadow: 1px 1px 5px rgb(0, 0, 0);
}

.hasicon .tc2 {
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
font-weight: bold;
font-size: 14px;
}

.hasicon .tc3 {
border-bottom: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
color: #763902 !important;
font-weight: bold;
font-size: 14px;
}

.category thead .tc2 {
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
}

.category thead .tc3 {
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
}

.category thead .tcl {
color: #763902 !important;
}

#topic-modmenu .container {
box-shadow: none !important;
}

#topic-users-in .container {
padding: 0 !important;
}

.linkst .postlink {
	margin-right: 0;
}



.poll2 {
padding: 20px;
outline: rgb(141, 126, 107) double 4px;
outline-offset: -10px;
background: rgba(143, 127, 108, 0.219608) !important;
margin-bottom: 5px;
border-bottom: 2px solid rgb(141, 126, 107);
}

.poll2 .tac {
color: rgb(197, 189, 170);
text-shadow: rgb(61, 61, 61) 1px 1px 0px;
font-weight: bold;
box-shadow: #763902 0px 1px 1px;
outline: rgb(181, 170, 149) double 4px;
outline-offset: -5px;
background-color: rgb(141, 126, 107);
text-transform: uppercase;
font-family: Philosopher, myriad-cont;
padding-top: 17px !important;
font-size: 12px !important;
}

.poll2 tr {
font-weight: bold;
box-shadow: #763902 0px 1px 1px;
outline: rgb(141, 126, 107) solid 2px;
outline-offset: -6px;
text-transform: uppercase;
font-family: Philosopher, georgia;
font-size: 11px;
}

.poll2 h1 {
display: block !important;
margin-left: -30px;
max-width: 290px !important;
font-size: 3px !important;
background: rgb(141, 126, 107);
outline: 1px solid rgb(194, 181, 162);
outline-offset: -2px;
border-radius: 0 !important
}

#post .fs-box.hashelp .inputfield.required.longinput .input input {
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}

#post .fs-box.hashelp .inputfield.required.longinput #fld4 {
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}

#post .fs-box.hashelp .inputfield.required.longinput {
line-height: 40px;
padding: 0 10px;
margin-bottom: 10px;
}

#post .fs-box.hashelp .inputfield.required.longinput lebel {
color: maroon;
}

#post .fs-box.hashelp #main-reply {
font-size: 14px;
padding: 10px;
width: 98%;
color: #000000;
outline: rgb(225, 211, 174) solid 1px;
outline-offset: -2px;
height: 100%;
background: rgb(216, 196, 163);
display: block;
border: 0;
}

#pun-main #post fieldset .checkfield {
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}

#post .checkfield #fld7 {
outline: 1px solid rgb(143, 128, 109) !important;
outline-offset: -4px !important;
width: 16px !important;
height: 16px !important;
cursor: pointer !important;
margin-right: 10px !important;
}

#post .checkfield #fld10, #fld6 {
outline: none !important;
cursor: pointer !important;
line-height: 15px;
width: 15px;
height: 15px;
margin: 2px;
}

#post .fs-box.hashelp .inputfield.required.longinput #tags {
margin-top: 20px;
float: left;
}

#post .fs-box.hashelp .inputfield.required.longinput .button {
margin-top: 20px;
line-height: 12px;
}

#pun-viewtopic #post-form #post #form-buttons {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

#pun-main #profile #profileContainer fieldset {
color: rgb(0, 0, 0) !important;
text-shadow: rgb(199, 187, 165) 0px 0px 15px !important;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.77) !important;
outline: rgb(72, 56, 38) double 4px !important;
outline-offset: -5px !important;
padding: 4px !important;
}

#pun-main #profile #profileContainer fieldset legend {
position: fixed;
}

#pun-main #profile #profileContainer table {
table-layout: auto;
border-collapse: collapse;
}

#pun-main #profile #profileContainer table thead tr {
background: none;
border-bottom: 4px double rgb(72, 56, 38);
text-transform: uppercase;
font-size: 12px;
color: rgb(204, 191, 153);
font-family: Philosopher, myriad-cont;
}

#pun-main #profile #profileContainer table tr {
outline: 2px dashed rgb(72, 56, 38);
outline-offset: -7px;
}

#pun-main #profile #profileContainer table tcl {
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-family: Philosopher, myriad-cont;
color: #763902;
font-weight: bold;
}

#pun-main #profile #profileContainer table tc2 {
border-left: 2px dashed rgb(72, 56, 38);
}

#pun-main #profile #profileContainer table tc2 img {
padding: 10px;
background: rgb(158, 147, 130);
max-height: 100px;
max-width: 100px;
border: 1px solid rgb(107, 97, 82);
outline: 1px solid rgb(151, 138, 119);
box-shadow: 1px 2px 5px #763902;
}

#pun-main #profile #profileContainer table tc2 .award-description {
padding: 10px;
text-align: center;
font-size: 11px;
font-family: Philosopher, arial;
color: #763902;
font-weight: bold;
}

#pun-main #profile #profileContainer table tc3 {
text-align: center;
width: 10%;
color: #6B6152;
border-left: 2px dashed rgb(72, 56, 38);
}

.container.crumbs a {
color: #90775b !important; 
text-shadow: none;
}

.container.crumbs a:hover {
color: maroon !important;
text-shadow: none;
}

#pun-viewforum .modmenu .container a {
color: rgba(214, 204, 180, 1) !important;
text-shadow: none;
}

#pun-viewforum .modmenu .container a:hover {
color: #763902 !important;
text-shadow: none;
}

#pun-post .topic h3 {
float: none;
border: none;
width: 100%;
font-size: 12px;
line-height: 20px;
height: 20px;
padding: 5px 0;
}

#pun-post .topic h3 a {
float: right;
text-transform: none;
text-decoration: underline !important;
margin-right: 10px;
font-size: 12px;
font-weight: 100 !important;
}

#pun-post .topic .post-box {
border: none;
border-left: 1px solid #8D7E6B;
}

#pun-post .topic h2 {
margin-bottom: 10px;
}

#pun-post .topic .post-author  {
outline: 0;
padding: 0;
padding-top: 10px;
padding-left: 10px;
background: none;
}

#pun-post .topic .post-author .pa-author  {
padding: 0;
border: 0;
font-weight: bold;
text-decoration: underline;
}

#pun-post #post .formsubmit {
text-align: right;
margin-bottom: 10px;
margin-right: 20px;
}

#pun-post #post .button {
font-family: myriad-cont;
text-transform: uppercase;
cursor: pointer;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
margin: 0;
font-weight: 100 !important;
font-size: 13px;
}

#pun-post #post .button:hover {
-webkit-transition: all 0.3s;
font-family: myriad-cont;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
color: #ece3c9;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
outline: 1px solid #d7c29f;
outline-offset: -2px;
}

#pun-post #post input {
border: none;
padding: 4px;
outline: 1px solid #bba17e;
outline-offset: -2px;
font-weight: bold;
font-size: 12px;
line-height: 22px;
}

#pun-post #post .checkfield {
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
margin-top: 10px;
}

#pun-post #post .checkfield input {
outline: 0;
}

.inner.post_reputation {
font-weight: bold;
box-shadow: #763902 0px 1px 1px;
outline: rgba(181, 170, 149, 0.7) double 8px;
outline-offset: -10px;
background: rgb(141, 126, 107) !important;
padding: 1em;
background-image: none;
font-family: Philosopher, myriad-cont;
text-transform: uppercase;
}

#rep_form table #reputationText {
width: 100%;
margin: 0;
padding: 5px;
font-size: 18px;

#rep_form .button {
margin: 0 10px !important;
}

0

355

html-верх
Код:
<!-- Аватар в цитате V.2 © Alex_63 / Ч.1 в HTML верх-->
<style type="text/css">
.quote-box.with-avatar{padding-left:60px!important;}
.author-avatar+span {margin-left:0px;}
.author-avatar {
  float: left;
  width: 39px;
  margin-left: -48px;
}

.qc-post-link a {
position: absolute;
    margin-top: -2px;
    padding: 0 5px;
}
.author-avatar > img {
  width: 30px;
    height: 30px;
    padding: 2px;
    border: 1px solid #90775b;
    border-radius: 0px;
}
</style>
<script type="text/javascript">
var QuoteImg = 'http://i.imgur.com/5p701z9.png'; //Картинка "Перейти к сообщению" в цитате
</script><script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/77306.js"></script>

<div style="
    width: 278px;
    top: 36px;
    right: 0;
    position: absolute;
    padding: 10px 10px 0px 0px;
    max-height: 61px;
    height: 61px;
    border-bottom: 8px solid #b79a7a;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
">

<style>
#pun-announcement .left-box, #pun-announcement .right-box {
width: 50%;
}

div.post-rating p {
float: none !important;
    border: 0 !important;
    padding: 0px !important;
}

.forum .tcl a:hover {
color: black !important;
}

div.post-rating a {
    cursor: pointer !important;
    color: white !important;
}

#pun-announcement .left-box {
border-right: 2px solid #90775b;
    padding: 20px;
    background: linear-gradient(to left top, #000000f2, #320000);
    color: #ebdebc;
}

#pun-announcement .right-box {
background: url(http://i.imgur.com/bign00c.jpg) repeat;
}

#pun-announcement .left-box a {
color: white !important;
-webkit-transition: all 0.3s;
cursor: pointer;
}

#pun-announcement .left-box a:hover {
color: white !important;
-webkit-transition: all 0.3s;
text-shadow: 0px 0px 10px white;
cursor: pointer;
}

#backimage {
height: 100%;
    background: url(http://img1.reactor.cc/pics/post/The-Elder-Scrolls-%D1%84%D1%8D%D0%BD%D0%B4…%D1%80%D1%81%D0%BA%D0%B8%D0%B9-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4-3043557.jpeg) no-repeat;
    opacity: 0.7;
    background-position: 0vh -180px;
    background-size: cover;
    -webkit-transition: all 0.3s;
    backface-visibility: hidden;
}

.right-box .viz-content {
        width: 482px;
    position: absolute;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 20px;
    z-index: 1;
    background: linear-gradient(to left, #000000b0, transparent);
}

.right-box .viz-content h1 {
font-size: 20px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}

.right-box .viz-content a {
color: white !important;
-webkit-transition: all 0.3s;
cursor: pointer;
}

.right-box .viz-content a:hover {
color: white !important;
-webkit-transition: all 0.3s;
cursor: pointer;
text-shadow: 0px 0px 10px white;
}

</style>

<script language="JavaScript">
<!--
   var es_months = new Array(
"Утренней Звезды<br><br>Созвездие - Ритуал", "Восхода Солнца<br><br>Созвездие - Любовник", "Первого Зерна<br><br>Созвездие - Лорд",
"Руки Дождя<br><br>Созвездие - Маг", "Второго Зерна<br><br>Созвездие - Тень", "Середины Года<br><br>Созвездие - Конь",
"Высокого Солнца<br><br>Созвездие - Ученик", "Последнего Зерна<br><br>Созвездие - Воин", "Огня Очага<br><br>Созвездие - Леди",
"Начала Морозов<br><br>Созвездие - Башня", "Захода Солнца<br><br>Созвездие - Атронах", "Вечерней Звезды<br><br>Созвездие - Вор");
   var es_day = new Array("Сандас","Морндас","Тирдас","Миддас","Тюрдас","Фредас","Лордас");
   var es_zodiacs = new Array(
"http://i.imgur.com/OQIA8xS.png", "http://i.imgur.com/SROhQhy.png", "http://i.imgur.com/lXz5D5t.png",
"http://i.imgur.com/I7mkw4Y.png", "http://i.imgur.com/tuAi1g9.png", "http://i.imgur.com/kTTiWXz.png",
"http://i.imgur.com/zK7sOfn.png", "http://i.imgur.com/WFVBhNF.png", "http://i.imgur.com/4hEWJXg.png",
"http://i.imgur.com/pwpxems.png", "http://i.imgur.com/NY6hdHi.png", "http://i.imgur.com/GB1zAH2.png");
   var es_day = new Array("Сандас","Морндас","Тирдас","Миддас","Тюрдас","Фредас","Лордас");
   var Today = new Date();
   var m = Today.getMonth();
   var z = Today.getMonth();
   var d = Today.getDate();
   var wd = Today.getDay()
   var esDate;
   esDate = es_day[wd] + ", " + d.toString() + "-й день " + "<br>" + es_months[m];
   var esZodiac;
   esZodiac = es_zodiacs[z];
document.write('<div style="background: url('+esZodiac+') 220px 0px no-repeat;padding: 0px 70px 0px 0px;height: 61px;text-align: right;">'+esDate+'</div>')
// -->
</script>

</div>

<div id="КонтентРотатор" style="
    width: 273px;
    top: 120px;
    right: 10px;
    position: absolute;
    padding: 5px;
    max-height: 61px;
    height: 61px;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
">
<!-- Ротатор произвольного контента -->
<p style="display: none; text-align: right;">"Брат мой, я не рассказываю сплетни. Я создаю их." Люсьен Лашанс</p>
<p style="display: none; text-align: right;">"Время и место каждого Подвига определяется Судьбой. Но если не придёт Герой, не будет и Подвига." Цурин Арктус</p>
<p style="display: none; text-align: right;">"Мудрецу, который спрятал свое лучшее изречение, следует отсечь руки: ибо он – вор, и украл чужую мудрость." Вивек</p>
<p style="display: none; text-align: right;">“Тени не являются отсутствием света, они – отражения другого мира.” Скелос Ундриел, Маг Теней</p>
<p style="display: none; text-align: right;">"Все языки сделаны из мяса. Не позволяй софистам провести тебя." Вивек</p>
<p style="display: none; text-align: right;">"Победа в сражении – это самая незначительная победа. Победа без сражения – вот высочайшее мастерство." Цурин Арктус</p>
<p style="display: none; text-align: right;">"Присоединись к Легиону. Посмотришь мир. Отморозишь свою задницу." Капитан Фалько</p>
<p style="display: none; text-align: right;">"Как столь грустное может быть столь смешным?" Цицерон</p>
<p style="display: none; text-align: right;">"Помни всегда, сын севера: норд оценивается не по тому, как он жил, а по тому, как он умер." Исграмор</p>
<p style="display: none; text-align: right;">"Трое оклеветали тебя, трое предали тебя. Один, кого ты предал, был трижды прав". Дагот Ур</p>
<p style="display: none; text-align: right;">"Выследить жертву, подбросить ложные улики, погубить репутацию невиновного. Контракт, достойный Слышащего". Люсьен Лашанс</p>
<p style="display: none; text-align: right;">"Всегда вперед, но никогда назад." Шеогорат</p>
<p style="display: none; text-align: right;">"У Богов есть вечность, чтобы взвесить свои слова. У смертных - лишь мгновение, чтобы услышать их". Сота Сил</p>
<p style="display: none; text-align: right;">"Нет времени на разговоры. Охота началась!" Хирсин</p>
<p style="display: none; text-align: right;">"Лучшая техника боя - техника выживших." Гэйден Шинджи</p>
<p style="display: none; text-align: right;">"Уязвимость врага может быть его сильнейшим местом; ваше слабое место может помочь вам нанести решающий удар." Зурин Арктус</p>
<p style="display: none; text-align: right;">"Я не из тех рабов, что погибают." Неревар</p>
<p style="display: none; text-align: right;">"Не думай, что безумие - это проклятие, смертный. Для некоторых это величайшее из благословений... Горькое, возможно, но все равно милосердие." Шеогорат</p>
<p style="display: none; text-align: right;">"Первое значение всегда скрыто." Вивек</p>
<p style="display: none; text-align: right;">"Где бы ни были бестолковые животные, хищники всегда неподалеку." Янус Гассилдор, граф Скинграда</p>
<p style="display: none; text-align: right;">"Убийство королей - опасная затея. Но такая заманчивая..." Люсьен Лашанс</p>
<p style="display: block; text-align: right;">"Тех, кто орудует тряпкой, не берут в Совнгард". Булфлек</p>
<p style="display: none; text-align: right;">"Время спасти царство. Освободить принцессу. Сразить чудовище. Или умереть, в попытке сделать это". Шеогорат</p>
<p style="display: none; text-align: right;">"Доблести не бывает. Это просто внушают солдатам, чтобы они были готовы идти на смерть." Брунвульф Зимний Простор</p>
<p style="display: none; text-align: right;">"Если ты не поддаешься искушению в малом, это помогает отказываться от большего." Партурнакс</p>
<p style="display: none; text-align: right;">"Нет никакого божественного плана. Мы сами вольны распоряжаться своей судьбой." Мартин Септим</p>
<p style="display: none; text-align: right;">"Представь безоблачную ночь, холодную как зимний лед, укутанную тенью. Это - Ситис." Люсьен Лашанс</p>
<p style="display: none; text-align: right;">Barra agea ry sou karan - "Носи знания, как броню". Айлейдский текст</p>
</div>

<!-- Подфорумы "не скриптом" © Alex_63 / Ч.1 в начало HTML верх -->
<script type="text/javascript">var SUBF = {};
// Настройки скрипта //

SUBF.icon_old = 'http://forumstatic.ru/files/0016/4f/7e/12924.jpg';  // Иконка подфорумов без новых сообщений
SUBF.icon_new = 'http://forumstatic.ru/files/0016/4f/7e/75803.jpg';  // Иконка подфорумов с новыми сообщениями
SUBF.d_title = 'Подфорумы:'  // Текст в заголовке секции подфорумов
SUBF.category_link = 0; // Кликабельность категорий: 0 - отключена, 1 - включена
</script>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0016/4f/7e/73859.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0016/4f/7e/73858.js"></script>

<style type="text/css">

.subforums span{
    display: inline !important;
    margin-right: 4px;
    line-height: 20px;
}

.Icon_LastPost.O {
display: none !important;
}

.Icon_LastPost.N {
display: none !important;
}

.d_title {
    float: left;
    line-height: 20px;
    padding-right: 5px;
}

.subforums {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 0;
}

</style>

<style type="text/css">

.subforums span:not(:last-of-type):after{
  content: ",";
  margin-left: 0px;
}

</style>

<style type="text/css">
@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/53660.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/40233.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/17115.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/78105.svg#svgPhilosopherItalic') format('svg');
font-weight: normal;
font-style: italic;
}
</style>

<style type="text/css">

@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/74496.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/18641.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/36568.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/55485.svg#svgPhilosopherBold') format('svg');
font-weight: bold;
font-style: normal;
}
</style>

<!-- Шрифт - установка -->
<style type="text/css">

@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/49033.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/27670.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/50863.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/29179.svg#svgPhilosopherRegular') format('svg');
font-weight: normal;
font-style: normal;
}

</style>

<style type="text/css">

@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/53660.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/40233.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/17115.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/78105.svg#svgPhilosopherItalic') format('svg');
font-weight: normal;
font-style: italic;
}

</style>

<style type="text/css">

@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/74496.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/18641.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/36568.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/55485.svg#svgPhilosopherBold') format('svg');
font-weight: bold;
font-style: normal;
}
</style>

<style type="text/css">

@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/23796.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/43223.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/27434.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/58365.svg#svgPhilosopherBoldItalic') format('svg');
font-weight: bold;
font-style: italic;
}
</style>

<!-- //End//-Шрифт -установка -->

<!-- Шрифт - настройка -->

<style type="text/css">
.punbb {
  font-family: Philosopher, iconfont;
  font-size:11px;
}

</style>

<!-- //End//-Шрифт - настройка -->

<style type="text/css">

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot?51497368');
  src: url('../font/iconfont.eot?51497368#iefix') format('embedded-opentype'),
       url('http://forumstatic.ru/files/0016/6b/78/54644.woff2') format('woff2'),
       url('http://forumstatic.ru/files/0016/6b/78/85386.woff') format('woff'),
       url('http://forumstatic.ru/files/0016/6b/78/11599.ttf') format('truetype'),
       url('http://forumstatic.ru/files/0016/6b/78/18611.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
</style>

<div id="prblock" style="background: black; height: 60px; position: fixed;"></div>

<table id="avst" cellpadding="0" cellspacing="0" style="
    position: absolute;
    z-index: 1;
    margin-left: 0;
    top: 301px;">
<tr><td id="ava-status"></td></tr></table>

<style>
#ava-status img {
height: 36px;
width: 36px;
}
</style>

<div id="pm" style="position: absolute;
    margin-top: -24px;
    margin-left: 830px;
    z-index: 1;
    font-family: georgia;
    text-transform: uppercase;" title="Личные сообщения"></div>
<script>function tag_list(count) {
  var a = '\n'; for (var i = 0; i < count-1; i++) { a+= '[*]\n' }
  bbcode('[list]\n[*]', a+'[/list]');
}
FORUM.set("editor.list", { 'name : 'Список', onclick : function() { tag_list(2) } });
FORUM.set("editor.list_el", { 'name : 'Элемент списка', onclick : function() { bbcode('\n[*]', '\n' } });</script>

<div id="pun-fastsearch" class="section">
<form id="punbbsearch" class="container" method="get" action="http://tes.rolfor.ru/search.php">
<span style="color: #000;">
Поиск
</span>
<input type="hidden" name="action" value="search">
<input type="text" id="fld1s" name="keywords" size="40" maxlength="100" style="border-radius: 5px !important;" placeholder="Поиск по форуму...">
<input type="submit" class="button" id="Accio" name="search" value="" style="border-radius: 5px !important;" original-title="Ищи!">
</form>
<script type="text/javascript">
$('#fld1s').bind('keyup keydown keypress', function(){
   $('#Accio').attr('title', 'Ищи '+$(this).val()+'!');
});
$('#Accio').tipsy({fade: true, gravity: 's'});
</script>
</div>

<style type="text/css">
#share a {opacity: 0.6;}
#share a:hover {opacity: 1;}
</style>

<style type="text/css">
.green {
    color: rgba(0, 128, 0, 0.8);
border: 2px solid;
border-color: rgba(0, 128, 0, 0.4);
background: rgba(255, 239, 223, 0.37)!important;
outline: rgba(0, 128, 0, 0.3) double 4px;
outline-offset: -4px;
margin-right: 0.6em;
font-size: 10px;
font-weight: bold;
padding: 2px 5px 2px 5px;
text-transform: uppercase;
font-family: times;
margin-bottom: 2px;
}
</style>

<script type="text/javascript">
rusffLive.enable = false;
</script>

<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>

<script type="text/javascript">
RusffCore.sets.graffiti = false;
</script>

<script type="text/javascript">
RusffCore.sets.rusff_smilepack = 0;
</script>

<script type="text/javascript">
RusffCore.sets.rusff_smilepack = 0;
</script>

<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>

<style type="text/css">
li.pl-share a {display:none}
</style>

<style type="text/css">
#pun-announcement h2 span{
  display:none;
}
</style>

<style type="text/css">
.post-content .quote-box, .post-content .code-box {
border: solid 1px #8B7C74;
-webkit-border-radius: 10px;
padding: 2em;
margin: 10px;
}
</style>

<style>
#mod-options {
    background: url(http://i.imgur.com/ZsacUBu.jpg);
    position: fixed;
    border: 0;
    cursor: pointer;
    top: 0;
    margin-left: -172px;
    height: 35px;
    width: 160px;
}

#navadmin a {
    position: absolute;
    color: white !important;
    top: 0;
    left: 200px;
}

#navadmin a:hover {
    color: #e3d3b2 !important;
}

#navuserlist a {
    position: absolute;
    color: white !important;
    top: 0;
    left: 90px;
}

#navuserlist a:hover {
    color: #e3d3b2 !important;
}
</style>

<style>
#topic-modmenu {
position: absolute;
    bottom: 5px;
    background: none;
    margin-left: 10px;
}

.pa-replies {
    margin-top: 20px;
    font-size: 14px;
}
</style>

<style>
#topic-users-in {
    padding: 5px;
    border-top: 1px solid #8d7e6b;
    font-size: 14px;
}
</style>

<style>
.pa-avatar.item2 img {
outline: 1px solid rgb(214, 194, 161);
    outline-offset: -2px;
    max-height: 250px;
}
</style>

<style>
td.tcr a {
background: url(http://i.imgur.com/5p701z9.png) 0% 1px no-repeat transparent;
padding-left: 15px;
font-size: 12px;
}
td.tcr a:hover {
background: url(http://forumstatic.ru/files/0016/6b/78/58926.png) 0% 1px no-repeat transparent;
padding-left: 15px;
font-size: 12px;
}
</style>

<style>
.closedatafield {
    margin-top: 30px;
    line-height: 15px;
    position: absolute;
    color: #646464d6;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: times;
}
</style>

<style>
#profile fieldset {
line-height: 30px;
}

#pun-main h2 small {
    position: absolute;
    text-transform: none;
    color: #000000;
    float: right;
    margin-top: -40px;
    right: 10px;
   letter-spacing: 0;
   border: 0;
}
</style>

<style>

#pun-stats h2 {
    background: url(http://i.imgur.com/bign00c.jpg) repeat;
    text-align: right;
    max-width: 1050px;
    padding: 0 10px 0 170px;
    line-height: 39px;
    height: 38px;
    text-transform: uppercase;
    text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
    border-bottom: 4px groove rgba(186, 160, 125, 0.38);
}

#pun-stats h2 span {
    color: black;
    text-decoration: underline;
}

#pun-stats h4 {
    background: rgba(183,154,122,0.3);
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
}

#pun-stats h5 {
    background: rgba(183,154,122,0.3);
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 20px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    outline: 1px solid #e1d3ae;
    outline-offset: -2px;
}

#pun-stats #bib thead {
    outline: 1px solid #d8c2a0;
    outline-offset: -2px;
}

#pun-stats #bib thead th {
    padding: 5px;
    text-transform: uppercase;
    font-weight: 100;
}

#pun-stats #bib .hasicon .tc2 {
    width: 90px;
    border: none;
    padding-left: 0;
    padding-right: 20px;
    background: none;
    border-bottom: 1px solid #a29379;
    border-left: 1px solid #a29379;
    color: #594732 !important;
    font-weight: 100;
    text-align: right;
}

#pun-stats #bib .hasicon {
    background: rgba(183,154,122,0.3);
}

#pun-stats #bib .hasicon .tcr {
    border-left: 1px solid #a29379;
}

#pun-stats #bib .hasicon .tcr a {
    font-size: 9px;
    font-weight: bolder;
    font-family: verdana;
    text-transform: uppercase;
}

#pun-stats #bib .hasicon tr {
    line-height: 20px;
}

#pun-stats #bib .hasicon td {
    padding: 0;
    line-height: 22px;
    padding-left: 20px;
    font-weight: bold;
    border-bottom: 1px solid #a29379;
    font-size: 14px;
}
</style>

<style>
#pun-statistic #pun-main h1 {
    display: inherit !important;
    background: url(http://i.imgur.com/bign00c.jpg) repeat;
    outline: 1px solid #807361;
    outline-offset: -2px;
}

#pun-statistic #pun-main .tc3 {
    display: inherit !important;
}

#pun-statistic #pun-main .tc2 {
    display: inherit !important;
}
</style>

<style>
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    left: 50%;
    top: 40px;
    background: rgb(199, 175, 142);
    padding: 15px;
    width: 300px;
    outline: 1px solid #d6c3a0;
    outline-offset: -2px;
    font-weight: bold;
}
</style>

<style>
#pun-massages .formal fieldset .post-box {
background: url(http://i.imgur.com/ZsacUBu.jpg);
}

#profile {
    font-size: 12px;
}

#profile a {
    text-decoration: underline;
    padding: 0 2px;
}

#profile p {
    line-height: 20px;
    padding: 5px 0;
}

#profile .radiofield {
    background: rgba(183,154,122,0.3);
    padding: 10px;
    outline: 1px solid #e4d4b2;
    outline-offset: -2px;
}

.radio {text-decoration: underline;}

#profile .fs-box {
    padding: 0 10px 0;
    margin: 0;
    border-left: 10px solid #b89e7d;
}

#profile .formsubmit {
    background: rgba(183,154,122,0.3);
    line-height: 30px;
    padding: 5px !important;
    border: 2px solid #b89e7d;
    margin: 0 1px;
}

</style>

<style>
#pun-viewtopic #post-form #post .fs-box.hashelp input {
    cursor: pointer;
    border: none;
    padding: 5px 10px;
    margin-left: 20px;
    outline: 1px solid #bba17e;
    outline-offset: -2px;
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
    float: left;
}

#pun-viewtopic #post-form #post .fs-box.hashelp {
margin-bottom: 10px;
}

#pun-viewtopic #post-form #post .formsubmit {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 20px;
}
</style>

<style>
#pun-edit #post .areafield.required {
line-height: 25px;
}

#pun-edit #post .checkfield {
background: rgba(183,154,122,0.3);
    outline: 1px solid #e1d3ae;
    outline-offset: -2px;
    text-align: left;
    line-height: 25px;
    padding: 0 10px;
    margin-top: 10px;

#pun-edit #post .formsubmit {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 20px;
}
</style>

<style>
#navindex a {
color: white !important;
}

#navindex a:hover {
color: #e3d3b2 !important;
}

#navprofile a {
    width: 149px;
    position: absolute;
    top: 301px;
    left: 36px;
    text-align: center;
    background: none;
    line-height: 36px;
    border-right: 1px solid #90775b;
}

#navlogout a {
    width: 149px;
    position: absolute;
    top: 301px;
    right: 568px;
    text-align: center;
    padding: 0;
    background: none;
    line-height: 36px;
    border-right: 1px solid #90775b;
}

#pun-messages #messages .fs-box {
padding: 0;
margin: 0; 
border-right: 0;
border-left: 0;
}


#pun-messages #pun-main #profile fieldset .fs-box {
    padding: 0;
    border: 0;
    margin: 0;
}

#pun-messages #profile .post-box {
    margin: 0;
    background: url(http://i.imgur.com/ZsacUBu.jpg);
    border-left: 1px solid #8D7E6B !important;
}
</style>

<style>
span.num_msg {
    right: 502px;
    top: 347px;
    padding: 0 !important;
    position: absolute;
    font-size: 11px;
    line-height: 21px;
    background: #bd0000;
    height: 22px;
    width: 22px;
    text-align: center;
    color: white !important;
    cursor: pointer;
    border-radius: 100%;
}

span.num_msg:before {display:none;}
</style>

<style>
.pl-email {
padding: 0px 5px;
    margin-top: 15px;
    margin-left: 0px !important;
    height: 10px;
    line-height: 10px !important;
    border-right: 1px solid #594732;
}

#pun-messages #profile a {
   text-decoration: none !important;
}

#pun-messages li.pl-quote a, #pun-messages li.pl-delete a {
   padding: 5px 0px 5px 25px;
}

#pun-messages .pa-reg {
display: none;
}

#pun-messages .pa-author a {
padding: 0 !important;
}

#pun-messages .pl-website {
margin-left: 5px !important;
}

#pun-messages h3 {
    line-height: 30px;
    text-align: right;
    text-transform: none;
}

#pun-messages h3 span {
    padding-right: 10px;
}

#pun-viewforum .main.multipage .postlink {
    background: none !important;
}

hr {
    opacity: unset !important;
    margin-bottom: 5px;
    border-color: #ffe7bc;
    border-width: 1px;
}

#sub4 {
font-family: myriad-cont;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0;
    line-height: 15px;
    border: none;
    padding: 11px 20px;
    background: rgba(183,154,122,0.3);
    outline: 1px solid #e1d3ae;
    outline-offset: -2px;
}

#sub4:hover {
-webkit-transition: all 0.3s;
    font-family: myriad-cont;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    color: #ece3c9;
    border-radius: 0;
    line-height: 15px;
    border: none;
    padding: 11px 20px;
    background: url(http://i.imgur.com/bign00c.jpg) repeat;
    outline: 1px solid #d7c29f;
    outline-offset: -2px;
}

#pun-messages fieldset legend {margin-bottom: 0px;}

#pun-messages #post {
padding: 10px;
border-top: 1px solid #8d7e6b;
}

.post-content .code-box .blockcode .scrollbox  {
font-size: 12px;
}

.pa-avatar.item2 {
    width: 170px;
    max-height: 250px;
    text-align: left;
    margin-left: 15px;
}

#navlogin {
        position: absolute;
    color: white !important;
    top: 0;
    left: 200px;
}

#navregister {
        position: absolute;
    color: white !important;
    top: 0;
    left: 300px;
}

#navlogin a, #navregister a  {
   color: white !important;
}

#pun-index .user-avatar {
    height: 40px;
    vertical-align: middle;
    margin-left: 0;
}

.tc_tbl {
    background: rgba(183,154,122,0.3) !important;
    border-bottom: 1px solid #8d7e6b !important;
    border-left: 1px solid #8d7e6b !important;
    width: 280px !important;
    line-height: 20px !important;
    vertical-align: top !important;
    padding: 10px 0 0 0 !important;
}

#pun-index .tc_tbl span {
position: absolute;
    margin-top: 5px;
    padding-right: 10px;
    font-weight: bold;
}

.tc_tbl .tcr {
    border-top: 1px solid #8d7e6b !important;
    text-align: left !important;
    width: 90% !important;
    line-height: 10px !important;
    display: block !important;
    border: 0px none !important;
    background: none !important;
}

.tc_tbl .tc2 {
    display: inline !important;
    border: 0px none !important;
    background: none !important;
    margin-left: 10px !important;
    color: black !important;
    font-size: 12px;
    padding: 0 !important;
}

.tc_tbl .tc3 {
    display: inline !important;
    border: 0px none !important;
    background: none !important;
    margin-left: 10px !important;
    color: black !important;
    font-size: 12px;
    padding: 0 !important;
}

#notify-settings {
    margin-bottom: 0 !important;
    padding: 10px;
}

.punbb .user-avatar img.ava {
    border-radius: 0% !important;
}

#pun-online table .tcl {
padding: 0 0px 0 20px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    width: 350px !important;
    border-right: 1px solid #8d7e6b;
}

#pun-online table .tc3 {
    display: inline-block;
    padding: 0 0px 0 20px;
    line-height: 30px;
    font-size: 14px;
    width: 288px;
    border-bottom: 1px solid #8d7e6b;
}

.forum .tcl font b {
font-weight: normal;
}

</style>

<style>

#pun-userlist .usertable {
    margin-top: 20px;
}

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

#pun-userlist .usertable table .tcl {
    display: block;
    overflow: inherit;
    position: relative;
    top: 0px;
    padding: 10px;
    height: 134px;
    border: none;
}

#pun-userlist .usertable table .tcl .usersname {}

#pun-userlist .usertable table .tcl a {
    position: relative;
    display: inline-block;
    line-height: 38px;
    padding: 0 10px 0px 10px;
    background-color: #bba17e;
    font-size: 16px;
    z-index: 100;
    width: auto;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
}

#pun-userlist .usertable table .tcl em.user-avatar {
        position: relative;
    z-index: 200;
    background: none;
}

#pun-userlist .usertable table .tcl .user-avatar img.ava {
    border: 2px solid currentColor !important;
    margin: 0;
    opacity: 1;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#pun-userlist .usertable table .tcl a.user-avatar-link {}

#pun-userlist .usertable table .tcl .user-avatar-link .ava {
    width: 80px;
    height: 80px;
}

#pun-userlist .usertable table .tc2 {
    font-weight: bold;
    font-size: 14px;
    background: none;
    display: block;
    position: absolute;
    top: 50px;
    left: 120px;
    height: 30px;
    z-index: 50;
    padding: 0 10px 0 10px !important;
    line-height: 30px;
    width: auto;
}

#pun-userlist .usertable table .tc3 {
    font-size: 14px;
    background: none;
    display: block;
    height: auto;
    width: auto;
    text-align: left;
    margin-left: 100px;
    margin-right: 50px;
    position: relative;
    z-index: 200;
    margin-bottom: 4px;
    left: 30px;
    top: -80px;
    padding-top: 5px;
    border-bottom: 1px solid #90775b;
}

#pun-userlist .usertable table tr {
    border-top: 1px solid #90775b;
    display: inline-block;
    width: 350px;
    position: relative;
    height: 200px;
}

#pun-userlist .usertable table tr.altstyle {
    background: rgba(183,154,122,0.3) !important;
}

.punbb .user-avatar img.on_ {
margin: 5px 8px 0 -16px !important;
}

</style>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/0014/ef/99/34838.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/0014/ef/99/34838.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display: none;
    position: fixed;
    right: 100px;
    z-index: 9999;
    cursor: pointer;
    opacity: .7;
    margin-bottom: 5px;
    height: 28px;
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
transform: rotate(180deg);
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>


<style>

#viewprofile {
min-height: 305px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #90775b;
}

#viewprofile ul {
padding: 0;
    min-height: 305px;
}

#viewprofile #profile-left {
padding: 10px 10px 10px 15px !important;
    line-height: 20px;
    width: 178px;
    border-top: 1px solid #90775b;
}

#viewprofile #profile-left strong {}

#viewprofile #profile-left #profile-name {
font-size: 16px;
}

#viewprofile #profile-left #profile-title {
font-size: 14px;
}

#viewprofile #profile-left li {}

#viewprofile #profile-left div {
padding: 10px;
    position: absolute;
    left: 5px;
    background: none;
}

#viewprofile #profile-left div img {
outline: 1px solid rgb(214, 194, 161);
    outline-offset: -2px;
}

#viewprofile #profile-left #profile-name strong {
color: #594732;
    text-decoration: underline;
}

#viewprofile #profile-left #profile-title strong {}

#viewprofile #profile-right {
width: 851px;
    position: absolute;
    left: 200px;
    min-height: 315px;
    border-left: 1px solid #90775b;
}

#viewprofile #profile-right li {
line-height: 27px;
    font-size: 14px;
    padding-left: 10px;
    border-top: 1px solid #90775b;
}

#viewprofile #profile-right strong {display: block;
    float: right;
    padding-right: 10px;
    margin-right: 90px;
    padding-left: 10px !important;}

#viewprofile #profile-right span {}

.post-vote .container {
background: #75634e;
    outline: 1px solid #b89e7d;
    outline-offset: -2px;
    position: absolute;
    top: 3px;
    right: 640px;
    min-width: 26px;
    line-height: 23px;
    text-align: center;
    padding: 0 !important;
    width: 50px;
}

.post-vote .container a {
color: white !important;
    font-size: 20px !important;
}

</style>


<style>

.inner.post_reputation {
display: block;
    padding: 0;
    outline: 0;
}

.inner.post_reputation .container {
padding: 8px;
    background: #2b2b29;
    line-height: 30px;
}

.inner.post_reputation #rep_form table tr {
display: block;
}

#rep_form table .tcl {
width: 100%;
border: none;
    text-align: left;
}

#rep_form table .tc2 {
text-align: left;
    display: block;
    width: 100%;
background: none !important;
}

#rep_form table span {
    font-size: 160%;
    text-transform: none;
}

#pun-respect #pun-main table tr {
line-height: 30px;
font-size: 14px;
}

#pun-respect #pun-main table .tcl {
border: 0 !important;
    padding-left: 10px;
    border-top: 1px solid #90775b !important;
}

#pun-respect #pun-main table .tc2 {
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #90775b !important;
}

#pun-respect #pun-main table .tc3 {
text-align: center;
    line-height: 15px;
    border-top: 1px solid #90775b !important;
}

#pun-respect #pun-main table .tcr {
padding: 0 0 0 10px !important;
    border-top: 1px solid #90775b !important;
}

</style>

0

356

.skyhunter написал(а):

Мне важно понять, почему команды в html-верхе работают, а в стилях нет.

Все те же приоритеты - НТМЛ верх подгружается позже, чем окна из своего стиля, поэтому приоритет у стилей прописанных в НТМЛ верху выше. Вероятно при переносе приоритет уменьшается и каким то правилом перебивается - почему я и говорил, что у вас в стиле много импортантов, они чаще мешают, чем приносят пользу.. Сегодня вечером или уже на выходных покопаюсь в вашем коде постараюсь поправить..

0

357

.skyhunter, 210 импортантов на два окна в своем стиле - это займет несколько больше времени, чем я думал..

0

358

kolobdur74
Звучит очень плохо( Уверены, что это стоит вашего времени?
Когда я только начинал изучать css, я вообще не парился насчёт этого, злоупотреблял, как и все начинающие, наверное. Потом понял, что импортанты только все запутали, но их уже было использовано столько, что разбираться с каждым выглядело для меня нереальным челленджем.

0

359

.skyhunter написал(а):

Звучит очень плохо( Уверены, что это стоит вашего времени?
Когда я только начинал изучать css, я вообще не парился насчёт этого, злоупотреблял, как и все начинающие, наверное. Потом понял, что импортанты только все запутали, но их уже было использовано столько, что разбираться с каждым выглядело для меня нереальным челленджем.

Ну, практика вещь тоже полезная)) Но быстро не обещаю, бо надо разбираться что откуда - ведь есть селекторы, которых нет в стандартном дизе.. Пока убрал часть импортантов:

Свой стиль первое окно:

Первое окно
Код:
/*************************************************************
A - SETUP
**************************************************************/
 
/* A1 Import the colour scheme
-------------------------------------------------------------*/
 
/* A1.1 */
@import url(style_cs.css);
@import url(http://forumstatic.ru/files/0011/c1/fb/68949.css);
 
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
 
/* A2.1 */
html, body {margin: 0; padding: 0}
html {
background: url(http://www.tokkoro.com/picsup/2629522-the-elder-scrolls-online-4k-pc-wallpaper-free.jpg) no-repeat fixed #1d1d1d;
background-size: 120%;
background-position: top;
image-rendering: pixelated;
}
 
/* A2.2 */
.punbb * {
margin: 0;
}
 
/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 20;
list-style: none;
}
 
/* A2.4 */
.punbb img {
border:none;
}
 
/* A2.5 */
.punbb .main table {
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%  Philosopher, Arial, Tahoma, Verdana, iconfont, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
}
 
/* A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em Philosopher, arial, verdana, helvetica, sans-serif;
}
 
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1em;
font-weight: bold;
}
 
/* A3.5 */
.punbb h4, .punbb table {
font-size: 1.1em;
font-weight: normal;
}
 
/* A3.6 */
.punbb h1 span, .punbb h2 span {
font-size: 1em;
text-align: center;
color: #6a502f;
}
 
/* A3.7 */
.punbb legend span {
font-size: 1em;
}
 
/* A3.8 */
.punbb pre {
font: pholosopher, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
 
/* A3.9 */
.punbb address, .punbb em {
margin-left: 20px;
}
 
/* A3.10 */
.punbb .post-content em {
font-style: italic;
}
 
/* A3.11 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
 
/* A3.12 */
.punbb a {
text-decoration: underline;
}
 
/* A3.13 */
.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-right: auto;
margin-left: auto;
width: 1050px;
padding: 0;
position: relative;
}
 
/* A5.2 */
.punbb {
box-shadow: 0 0 200px;
float: left;
width: 100%;
height: auto;
border-left: 2px solid #90775b;
border-right: 2px solid #90775b;
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
}
 
/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0px;
}
 
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}
 
/* 5.7 */
#pun-post .topic {
margin-top: 0em;
}
 
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
border-style: none;
border-width: 1px;
}
 
/* A5.9 */
.punbb .container {
border-style: none none none none;
border-width: 0px 0px 0px 0px;
}
 
/* A5.11 */
#pun-index h2 {
max-width: 1050px;
padding: 0 10px 0 170px;
line-height: 39px;
height: 38px;
text-transform: uppercase;
border-bottom: 1px solid rgb(141, 126, 107);
background: url(http://i.imgur.com/JbDqbip.png) 50px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
}
 
/* A5.12 */
#pun-main h2 span {
font-size: 14px;
text-decoration: none;
color: #000000;
letter-spacing: 10px;
text-shadow: 1px 1px #e5d2b2ba;
}
 
/* A5.13 */
#pun-post .topic h2,
#post-form h2 {
text-transform: uppercase;
padding: 10px 30px;
text-align: center;
background: url(http://i.imgur.com/JbDqbip.png) 12px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
box-shadow: 0px 1px 2px black;
outline: dashed 1px black;
outline-offset: -2px;
font-size: 11px;
width: 1000px;
margin-left: -5px;
border-radius: 6px;
}
 
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
 
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
 
/* B1.1 */
.punbb .post-content {
padding: 10px 0 0 0;
margin: 0;
width: 100%;
overflow: hidden;
}
 
/* B1.2 */
.punbb .post-sig dt {
display: block;
}
 
/* B1.3 */
.punbb .post-content p {
padding: 0 0 10px 0;
line-height: 140%;
font-size: 16px;
font-family: arial, new roman;
}
 
/* 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 {
border: dashed 1px #8B7C74;
font-size: 12px;
-webkit-border-radius: 0px;
padding: 10px 10px 0px 15px;
background: rgba(183,154,122,0.3);
color: #3E3E3E;
}
 
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 14px;
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: 1em;
font-weight: bold;
}
 
 
/* B3 Pagination and posting links
-------------------------------------------------------------*/
 
/* B3.1 */
.punbb .linkst {
height: 30px;
line-height: 30px;
background: rgba(183,154,122,0.3);
}
 
/* B3.2 */
.multipage {
margin-top: 0em;
}
 
/* B3.5 */
.punbb .linksb {
height: 30px;
line-height: 30px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
}
 
/* B3.6 */
.linksb .pagelink {
margin-left: 20px;
}
 
/* B3.7 */
.linksb .postlink {
margin-right: 0;
}
 
/* B3.8 */
.subscribelink {
margin-top: 5px;
line-height: 20px;
float: right;
margin-right: 10px;
margin-left: 10px;
padding: 0 5px 0 15px;
border-left: 1px solid #8d7e6b;
}
 
 
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
 
/* C1 Form layout
-------------------------------------------------------------*/
 
/* C1.1 */
.punbb .formal .container {
padding: 0;
}
 
/* C1.2 */
.punbb .formsubmit {
text-align: right;
margin-bottom: 10px;
margin-right: 20px;
}
 
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0;
}
 
/* C1.4 */
.punbb fieldset {
border: none;
padding: 5px;
margin: 0;
}
 
/* C1.5 */
.punbb fieldset legend {
text-transform: uppercase;
padding: 10px 30px;
text-align: center;
background: url(http://i.imgur.com/JbDqbip.png) 12px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px;
box-shadow: 0px 1px 2px black;
outline: dashed 1px black;
outline-offset: -2px;
font-size: 12px;
width: 1000px;
border-radius: 6px;
}
 
/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0;
}
 
/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
}
 
/* 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%;
}
 
/* 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 */
.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}
 
/* C1.22 */
#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 {
vertical-align: middle;
text-align: left;
border-bottom: 1px solid rgb(141, 126, 107);
}
 
/* C2.2 */
#pun-index #pun-main .tcmod, #pun-viewforum .tc2, #pun-viewforum .tc3, #pun-viewforum .tcmod  {
display: none;
text-align: center;
width: 10%;
color: #6B6152;
}
 
/* C2.3 */
.punbb .main .tcr {
padding: 0 10px 0 10px;
}
 
/* C2.5 */
#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-family: Philosopher, arial;
margin-bottom: 20px;
border-bottom: 1px solid #766f2e82;
}
 
/* C2.9 */
#pun-index .tcl h3:hover {
border-bottom: 1px solid black;
-webkit-transition: all 0.3s;
}
 
 
/* C2.10 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}
 
/* C2.11 */
.punbb .main th {
padding: 10px;
}
 
/* C2.12 */
.punbb .main .tcl {
border-left-style: none;
}
 
/* C2.13 */
* html .tclcon {height: 1px}
 
/* C2.14 */
.punbb td div.tclcon {
padding: 10px 10px 10px 0px;
margin-left: 60px;
font-size: 14px;
color: #451A0E;
}
 
/* C2.15 */
.punbb div.icon {
float: left;
max-height: 60px;
height: 60px;
width: 60px;
}
 
/* C3 Topics
-------------------------------------------------------------*/
 
/* C3.2 */
.punbb .post h3 {
float: right;
width: 849px;
height: 30px;
border-bottom: 1px solid #8D7E6B;
border-left: 1px solid #8D7E6B;
border-top: 1px solid #8D7E6B;
line-height: 240%;
text-transform: uppercase;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px;
}
 
/* C3.3 */
.punbb .post h3 span {
background: none;
}
 
/* C3.5 */
.punbb .post .post-author {
background: url(https://image.ibb.co/bTaTUc/Screenshot_1.gif) no-repeat left top;
float: left;
width: 200px;
overflow: hidden;
text-align: center;
padding-bottom: 10px;
}
 
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0;
line-height: 140%;
background: none;
}
 
/* C3.7 */
.punbb .post .post-author ul {
border-top: 1px solid #8D7E6B;
background: url() 50% 0% no-repeat, url() no-repeat 50% 100%, url() 50% 100% repeat-y;
}
 
/* C3.8 */
.pa-author {
padding-left: 10px;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
text-shadow: rgb(255, 238, 208) 0px 0px 25px;
text-align: left;
font-size: 15px;
border-bottom: 1px solid #8D7E6B;
line-height: 30px;
}
 
/* C3.9 */
li.pa-author {
font-size: 18px;
}
 
/* C3.10 */
.pa-author a {
text-decoration: underline;
}
 
/* C3.11 */
li.pa-title {
margin-left: 37px;
margin-bottom: 17px;
padding: 2px 0;
padding-left: 5px;
border-bottom: 1px solid #beab89;
text-align: left;
font-weight: bold;
font-size: 12px;
}
 
/* C3.12 */
li.pa-online {
line-height: 18px;
margin-top: 10px;
margin-left: 37px;
text-align: right;
padding-right: 15px;
}
 
/* C3.13 */
.punbb .post-body {
padding-top: 31px;
padding-left: 200px;
background: rgba(183,154,122,0.3);
}
 
/* C3.14 */
.punbb .post-box {
padding: 0px 20px;
background: url() no-repeat, url(http://i.imgur.com/ZsacUBu.jpg) repeat;
border: 1px solid #8D7E6B;
border-bottom: none;
border-right: none;
}
 
/*C3.15 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
 
/* C3.16 */
.punbb .post-links {
margin-left: 200px;
border-left: 1px solid #8D7E6B;
background: rgba(183,154,122,0.3);
}
 
/* C3.17 */
.punbb .post-links ul {
margin-left: -200px;
padding: 0 20px 0 0px;
width: 1030px;
height: 40px;
border-top: 1px solid #8D7E6B;
text-align: right;
}
 
/* C3.18 */
.punbb .post-links li {
display: inline;
margin-left: 10px;
line-height: 40px;
}
 
/* C3.19 */
.pl-email, .pl-website {
float: left;
}
 
/* C3.20 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
 
 
/* C4 Moderator menu
-------------------------------------------------------------*/
 
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}
 
/* C4.3 */
.punbb .modmenu .container strong {
float: left;
text-align: right;
}
 
/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}
 
 
/* C5 Message boxes
-------------------------------------------------------------*/
 
/* C5.1 */
.punbb .info .container {
padding: 3em 3em;
}
 
/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}
 
 
/* C6 Profile
-------------------------------------------------------------*/
 
/* C6.1 */
#profilenav {
border-top: 2px solid #b89e7d;
line-height: 32px;
height: 32px;
background: rgba(183,154,122,0.3);
padding: 0 10px;
}
 
/* C6.2 */
#profilenav li {
display: inline-block;
padding: 0;
font-size: 10px;
line-height: 32px;
}
 
/* C6.3 */
#profilenav ul {
text-transform: uppercase;
padding: 0;
line-height: 32px;
}
 
/* C6.4 */
#profilenav ul a {
color: #763902;
}
 
/* C6.5 */
#profilenav ul a:hover {
color: #451A0E;
}
 
/* C6.6 */
#viewprofile h2, #profilenav h2 {
display: none;
}
 
/* C6.7 */
#profilenav h2 span {
padding: 0 5px;
position: relative;
}
 
/* C6.8 */
#setmods dl {
padding: 0 0 0 200px;
border-bottom: 1px solid #9b8e78;
margin-bottom: 0;
background: none;
}
 
/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 1em 1em 1em 0em;
font-weight: bold;
display: inline;
}
 
/* C6.10 */
#setmods dd {
display: block;
padding-left: 5px;
border-left: 1px solid #9b8e78;
}
 
/* 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;
}
 
/* C7.3 */
#pun-userlist .usertable table {
border: none;
}
 
 
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
 
/* D1 Logo and description
-------------------------------------------------------------*/
 
/* D1.1 */
#pun-title {
border-style: none;
border-width: 0px;
padding-bottom: 36px;
}
 
/* D1.2 */
#pun-title h1 {
display : block;
height : 300px;
margin: -1px 0px 0px -1px;
}
 
/* D1.3 */
#pun-title .container {
border-style: none;
padding: 0 1em 0.8em 1em;
}
 
/* D1.4 */
#pun-title h1 span {
display: none;
}
 
/* D1.5 */
#pun-title TABLE {
border: none;
height: 300pxpx;
width: 100%;
}
 
/* D1.6 */
#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
 
/* D1.7 */
#pun-title TD.title-logo-tdr {
position: absolute;
z-index: 1;
border: none;
width: 468px;
vertical-align: top;
top: 0;
padding-right: 5px;
left: 4.7em;
}
 
/* 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;
}
 
/* D2.6 */
#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;
}
 
/* D3.2 */
#pun-navlinks .container {
top: 0;
position: absolute;
width: 1054px;
margin-left: -2px;
padding: 0;
line-height: 35px;
background: linear-gradient(to left, #0000009e, #69181094);
}
 
/* D3.3 */
#pun-navlinks li {
font-family: georgia;
line-height: 35px;
width: 100px;
padding-left: 20px;
}
 
/* D3.5 */
#pun-navlinks li a {
text-transform: uppercase;
}
 
/* D3.6 (rusff/0pk only) */
li#navawards {
display: none;
}
 
/* D4 User links
-------------------------------------------------------------*/
 
/* D4.1 */
#pun-ulinks  {
margin-top: 0;
}
 
/* D4.2 */
#pun-ulinks .container {
width: 100%;
max-width: 1030px;
text-align: right;
margin-left: 2px;
text-transform: uppercase;
padding: 0px 20px 0px 0px;
position: absolute;
top: 593px;
left: 0;
font-size: 10px;
background: #000000de;
}
 
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
padding-left: 10px;
line-height: 20px;
display: inline;
}
 
/* D4.4 */
#pun-ulinks li a {
border-left: 2px solid #d5c19e;
border-radius: 5%;
color: #d5c19e;
}
 
/* D4.5 */
#pun-ulinks li a:hover {
border-left: 2px solid #ffffff;
border-radius: 5%;
color: #ffffff;
}
 
/* D4.6 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
}
 
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
 
/* D5.1 */
#pun-status {
position: absolute;
line-height: 35px;
top: 0;
text-align: right;
right: 0;
padding-right: 20px;
font-size: 12px;
}
 
/* D5.2 */
#pun-status .container {
background: none;
color: white;
}
 
/* D5.3 */
#pun-status .container .item2 {
display: none;
}
 
/* D5.4 */
#pun-status span {
white-space: nowrap;
}
 
/* D5.5 */
#pun-crumbs1 {
text-transform: uppercase;
font-size: 10px;
line-height: 15px;
width: 1044px;
margin-left: -2px;
padding-left: 10px;
border-bottom: 2px solid #90775b;
margin-bottom: 20px;
background: #e8d8b4;
}
 
/* D5.6 */
#pun-crumbs1 p.container {
font-weight: bold;
background: none;
text-shadow: rgb(255, 238, 208) 0px 0px 25px;
color: #90775b;
line-height: 20px;
}
 
/* D5.7 */
#pun-break1 {
display: none;
margin: 0 0em;
border-style: none;
border-width: 0px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}
 
/* D6 Announcement
-------------------------------------------------------------*/
 
/* D6.1 */
#pun-announcement h2 {
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 {
line-height: 15px;
font-size: 12px;
letter-spacing: 1px;
height: 230px;
border: 2px solid #90775b;
outline: 1px solid #90775b;
outline-offset: -4px;
margin-left: -2px;
margin-right: -2px;
}
 
/* D7 Statistics
-------------------------------------------------------------*/
 
/* D7.1 */
#pun-stats .container {
margin: 10px 0px;
padding: 20px 20px 20px 100px;
background: url(http://forumstatic.ru/files/0017/2e/bd/47712.png) 20px 40px no-repeat, rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
font-size: 14px;
min-height: 80px;
}
 
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
display: inline;
padding-right: 10px;
border-right: 1px solid #594732;
}
 
/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
display: inline;
padding-right: 10px;
border-right: 1px solid #594732;
}
 
/* D7.4 */
li#onlinelist {
border-bottom: 1px solid #8d7e6b;
float: left;
width: 100%;
line-height: 130%;
}
 
/* D7.5 */
li#onlinelist div {
padding: 0.7em 0px 0.7em;
}
 
/* 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 {
background: none;
text-shadow: rgb(255, 238, 208) 0px 0px 25px;
line-height: 20px;
}
 
/* D8.7 */
#pun-crumbs2 .container {
text-transform: uppercase;
background: url(http://i.imgur.com/kC2D676.gif) repeat;
font-size: 10px;
width: 1044px;
margin-left: -2px;
padding-left: 10px;
color: white;
}
 
/* D8.8 */
#pun-break4 {
margin: 0
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}
 
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: none;
border-top-width: 0px;
}
 
 
/* 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: philosopher, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
 
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
 
#pun_wrap {
background: none;
}
 
#f-subforums {
margin-bottom: 20px;
}
 
#f-subforums .tcl h3 a {
font-size: 20px;
color: #766f2e;
font-variant: small-caps;
font-weight: bold;
text-decoration: none;
}
 
#pun-viewforum .modmenu {
display: none;
}
 
#top_bar_f a {
color: #763902 !important;
text-shadow: none !important;
text-decoration: underline !important;
padding: 12px !important;
}
 
#top_bar_f a:hover {
text-decoration: underline !important;
color: #000000;
text-shadow: none !important;
}
 
.td_l {
display: none !important;
}
 
.td_p {
background: none !important;
}
 
#top_bar {
border: none !important; 
height: 35px !important;
}
 
.mini_profil {
background: rgb(239, 226, 193) !important;
border: 1px solid #B15300 !important;
}
 
.dd_menu {
background: rgb(239, 226, 193) !important;
border: 1px solid #B15300 !important;
}
 
.menu_top li a:link, .menu_top li a:visited {
display: block;
text-align: left;
color: #555;
width: 100%;
padding: 4px 10px;
border-bottom: 1px solid #d0d0d0;
border-top: 1px solid #fff;
}
 
#messages .fs-box .tcl, #messages .fs-box .tc2, #messages .fs-box .tc3 {
display: table-cell;
padding: 0;
}
 
#messages .fs-box thead .tcl.pmtcl1 {
text-align: left;
padding-left: 20px;
}
 
#messages .fs-box .tc3 {
color: #000000 !important;
font-weight: 100 !important;
}
 
#messages .fs-box a {
font-weight: 100;
}
 
#pun-messages .linksb {
height: 47px;
line-height: 47px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
margin-top: 10px;
}
 
#pun-viewtopic #post-form #post legend {
display: none;
}
 
.punbb .main .tcr a {
font-size: 9px;
font-weight: bolder;
font-family: verdana;
text-transform: uppercase;
}
 
.post-rating {
background: #75634e;
outline: 1px solid #b89e7d;
outline-offset: -2px;
position: absolute;
top: 3px;
right: 700px;
min-width: 26px;
line-height: 26px;
text-align: center;
}
 
.topic a.sharelink {
float: right;
margin-right: 20px;
margin-top: 2px;
display: none;
}
 
.permalink {
float: right;
text-transform: none;
text-decoration: underline !important;
margin-right: 10px;
line-height: 30px;
font-size: 12px;
font-weight: 100 !important;
}
 
div.post h3 span strong:after {
content: none;
}
 
div.post h3 span strong:before {
content: "# ";
}
 
#navsearch {
display: none !important;
}
 
#pun-messages .formal fieldset {
width: 1050px;
border: 0;
}
 
#pun-messages #profile .container {
width: 1050px;
border: 0;
padding: 0 !important;
}
 
#top_bar {
box-shadow: 0px 0px 5px #111 !important;
background: url(http://i.imgur.com/bign00c.jpg) !important;
text-transform: uppercase !important;
font-size: 11px;
position: absolute !important;
top: -35px !important;;
min-width: 1050px !important;;
}
 
.punbb .info .container {
margin: 20px;
padding: 10px;
outline: 4px double rgb(141, 126, 107);
font-size: 12px;
}
 
#pun-userlist #userlist {
padding: 0px 10px;
height: 140px;
margin-bottom: 50px;
}
 
#pun-userlist #userlist .pagelink {
margin-top: 5px;
margin-left: -30px;
}
 
#pun-userlist #userlist fieldset {
color: rgb(110, 93, 70);
font-size: 14px;
padding: 0;
line-height: 30px;
}
 
#pun-userlist #userlist fieldset legend {
display: none;
}
 
#pun-main #profile #profileContainer fieldset p {
padding: 5px;
}
 
#pun-main #profile #profileContainer fieldset {
margin: 0 0 20px 0;
text-transform: none;
font-family: arial;
font-size: 12px;
outline-color: rgb(181, 170, 149) !important;
box-shadow: none !important;
}
 
#pun-main #profile #profileContainer fieldset .infofield {
padding: 15px 15px 5px 15px !important;
text-align: center;
color: rgb(197, 189, 170);
text-shadow: none;
}
 
#pun-main #profile #profileContainer fieldset .checkfield {
float: none;
margin-left: 10px;
padding: 10px 10px 0px 10px;
}
 
#pun-main #profile #profileContainer fieldset .formsubmit {
white-space: pre-line;
color: rgb(197, 189, 170);
text-shadow: none;
border-top: 1px dashed;
border-top-color: rgb(72, 56, 38);
padding-top: 0 !important;
margin-top: 20px;
}
 
#navpm #npm {
color: maroon !important;
font-weight: bold;
font-family: monospace;
}
 
#navpm #npm a {
margin-left: 2px;
color: maroon !important;
font-family: georgia;
}
 
#pun-messages #profilenav span {
padding: 4px;
color: rgb(197, 189, 170);
font-family: georgia;
font-size: 12px !important;
margin: 0 !important;
}
 
#pun-messages #profilenav ul {
float: left;
}
 
#pun-messages .postlink {
outline: none;
border: none !important;
background: none;
margin-top: 5px;
}
 
#pun-messages #profile .container {
padding-left: 220px;
}
 
#pun-messages .formal fieldset td {
border-right: none;
outline: none;
}
 
#pun-messages .formal fieldset .tc2.pmtc22 {
border-bottom: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
width: 20% !important;
line-height: 30px;
}
 
#pun-messages .formal fieldset .tc3.pmtc33 {
border-bottom: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
width: 10% !important;
}
 
#pun-messages .formal fieldset .tc2.pmtc24 {
border-bottom: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
width: 20px !important;
background: rgba(183,154,122,0.3);
}
 
#pun-messages .formal fieldset {
padding: 0px !important;
text-transform: none;
}
 
#pun-messages .formal .hasicon .tcl.pmtcl1 {
outline: none;
}
 
#pun-messages .formal .hasicon .tclcon {
font-size: 14px;
line-height: 50px;
padding: 5px 10px 5px 0;
}
 
.tclcon img {
outline: 1px solid rgb(195, 187, 168);
border: 1px solid rgb(107, 97, 82);
outline-offset: -2px;
opacity: 0.5;
-webkit-transition: all 0.3s;
}
 
.tclcon img:hover {
opacity: 1;
-webkit-transition: all 0.3s;
}
 
.category .container .hasicon .tcl {
padding: 0;
height: 60px;
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat;
}
 
.category .container .hasicon .alt2 .tcl {
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat !important;
}
 
.forum .container .tcr {
background: rgba(183,154,122,0.3) !important;
border-bottom: 1px solid #8d7e6b !important;
border-left: 1px solid #8d7e6b !important;
width: 280px !important;
line-height: 12px !important;
vertical-align: top !important;
padding: 10px 0 0 0 !important;
}
 
.forum .container .tcr span {
margin-top: 5px;
padding-right: 10px;
font-weight: bold;
}
 
.forum .container .hasicon .tcl h3 {
font-family: Philosopher, arial;
margin-bottom: 20px !important;
border-bottom: 1px solid #766f2e82;
}
 
.forum .container .hasicon .tcl {
padding: 0;
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat !important;
line-height: 39px;
}
 
.forum .container .hasicon .alt2 .tcl {
height: 60px;
padding: 0;
background: url(http://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat !important;
}
 
.forum .tcl a {
font-size: 14px;
font-weight: 100;
letter-spacing: 1px;
}
 
.category .tcl h3 a {
font-size: 20px !important;
color: #766f2e !important;
font-variant: small-caps;
text-decoration: none;
padding-right: 200px;
}
 
.category .container .hasicon .tcl .tclcon h3 a:hover {
color: black !important;
-webkit-transition: all 0.3s;
}
 
#pun-break2 .hasicon .tcr {
outline: none;
}
 
#navpm a {
width: 149px;
position: absolute;
top: 325px;
right: 496px;
padding: 0;
text-align: center;
background: none;
line-height: 36px;
border-right: 1px solid #90775b;
color: white;
}
 
#navpm a:hover {
color: #e3d3b2 !important;
background: linear-gradient(to left top, #1e1c18 45%, #87271e);
-webkit-transition: all 0.3s;
}
 
#navprofile a:hover {
color: #e3d3b2 !important;
background: linear-gradient(to left top, #1e1c18 45%, #87271e);
-webkit-transition: all 0.3s;
}
 
#navlogout a:hover {
color: #e3d3b2 !important;
background: linear-gradient(to left top, #1e1c18 45%, #87271e);
-webkit-transition: all 0.3s;
}
 
#punbbsearch.container {
position: absolute;
background: none;
top: 301px;
right: 2px !important;
line-height: 35px;
z-index: 1;
}
 
#punbbsearch.container span {
display: none;
}
 
#fld1s {
border-radius: 5px !important;
line-height: 28px;
vertical-align: middle;
border: 0;
background: #343330;
font-size: 14px;
padding: 0px 5px;
outline: none;
}
 
#Accio.button {
height: 28px;
vertical-align: middle;
line-height: 28px;
padding: 0;
border: 0;
outline: 0;
background: url(https://freeiconshop.com/wp-content/uploads/edd/search-solid.png) no-repeat #9e9161;
background-size: 70%;
background-position: center;
image-rendering: auto;
width: 28px;
}
 
.pa-awards { 
height: 50px;
padding: 0em 1em 1em 1em;
border-left: 10px solid #41321f;
background: linear-gradient(to left, transparent, #b89e7d);
margin-bottom: 2em;
}
 
.mini_awards_label {
padding-right: 560px;
padding-bottom: 5px;
font-weight: bold;
background: url(http://i.imgur.com/O3EM5.png) repeat-x bottom left transparent;
}
 
.mini_awards img {
max-width: 40px;
max-height: 40px;
background: rgb(199, 187, 165);
padding: 5px;
margin-left: 10px;
margin-top: 10px;
border: 2px groove rgba(141, 126, 107, 0.6);
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
}
 
#pun-main.main.mod-page h2 {
padding: 1.7em 0;
}
 
#pun-main.main.mod-page button {
-webkit-border-radius: 0px;
font-weight: normal;
padding: 1em 35.5em 1em 35.5em;
}
 
.pa-sex {
width: 20px;
height: 20px;
line-height: 24px;
border: 1px solid #8d7e6b;
background: url(http://i.imgur.com/ZsacUBu.jpg);
outline: 1px solid #e6d3b3;
position: absolute;
top: 40px;
margin-left: 7px;
}
 
.post-content ul li { 
list-style: square;
color: rgb(65, 50, 31);
}
 
.post-content table { 
width: 100% !important;
border: solid 1px #8B7C74;
font-size: 12px;
-webkit-border-radius: 0px;
padding: 10px 10px 0px 15px;
background: rgba(183,154,122,0.3) !important;
color: #3E3E3E;
}
 
.post-content table td {
border-width:1px !important; 
border-style: solid !important; 
border-color: #8B7C74;
}
 
.punbb .post-content img.postimg {
width:auto!important;
}
 
p.lastedit {
font-style: italic;
color: #8B7C74;
margin: 15px;
font-size: 13px !important;
}
 
#f-subforums .tcl .modlist {
display: block;
margin-top: 5px;
padding-top: 5px;
background: url(http://i.imgur.com/O3EM5.png) repeat-x top left transparent;
margin-left: 10px;
}
 
#f-subforums .tcl .modlist a {
font-weight: bold !important;
font-size: 13px !important;
}
 
#f-subforums .hasicon .tcl {
line-height: 15px !important;
}
 
.modlist {
display: block;
margin-top: 5px;
padding-top: 5px;
background: url(http://i.imgur.com/O3EM5.png) repeat-x top left transparent;
margin-left: 10px;
}
 
.post-content .spoiler-box > div {
background: url(http://i.imgur.com/5afSb.png) 0% 50% no-repeat transparent;
height: 14px;
}
 
.post-content .spoiler-box > div.visible {
background-image: url(http://i.imgur.com/KrN0j.png);
}
 
#similartopics {
font-size: 11px;
border-spacing: 0px;
background-image: url(http://i.imgur.com/gnqi3.jpg);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.46);
}
 
#similartopics td {
padding: 1em;
border-top: 1px solid;
border-color: #6B6152;
}
 
#poll-special h1 {
height: 6px !important;
-webkit-border-radius: 10px;
}
 
li.pl-delete a {
background: url(http://i.imgur.com/riwzK.png) 5px 3px no-repeat;
padding: 5px 0px 5px 25px;
font-family: myriad-cont;
text-transform: uppercase;
border-left: 1px solid #8d7e6b;
}
 
li.pl-delete a:hover {
background: url(http://i.imgur.com/2lcz4.png) 5px 3px no-repeat; 
color: #000 !important;
font-family: myriad-cont;
text-transform: uppercase;
}
 
li.pl-edit a {
background: url(https://image.ibb.co/k06faH/Nt1dX.png) 4px 2px no-repeat;
padding: 5px 0px 5px 25px;
font-family: myriad-cont;
text-transform: uppercase;
border-left: 1px solid #8d7e6b;
}
 
li.pl-edit a:hover {
background: url(https://image.ibb.co/iJAv9c/Nt1dX2.png) 4px 2px no-repeat; 
color: #000 !important;
font-family: myriad-cont;
text-transform: uppercase;
}
 
li.pl-quote a {
background: url(http://i.imgur.com/DwdPr.png) 5px 5px no-repeat;
padding: 5px 0px 5px 25px;
font-family: myriad-cont;
text-transform: uppercase;
border-left: 1px solid #8d7e6b;
}
 
li.pl-quote a:hover {
background: url(http://i.imgur.com/iZmHn.png) 5px 5px no-repeat; 
color: #000 !important;
font-family: myriad-cont;
text-transform: uppercase;
}
 
.spoiler-box {
padding: 1em !important;
}
 
.post-sig {
margin-top: 20px;
color: black;
font-size: 10px;
}
 
.punbb .post-sig dt {
background: url(http://i.imgur.com/o7OVpFY.png);
height: 1px;
width: 100%;
}
 
.post-sig dd {
margin-top: 0.3em;
}
 
.postlink {
background: url(https://image.ibb.co/jyr5sx/Screenshot_2.gif) no-repeat;
font-family: myriad-cont;
text-transform: uppercase;
text-decoration: underline;
float: right;
height: 24px;
line-height: 24px;
width: 107px;
text-align: center;
margin-top: 3px;
margin-right: 5px !important;
}
 
.pagelink {
text-transform: uppercase;
float: left;
height: 20px;
font-weight: bold;
margin-left: 20px;
margin-bottom: 10px;
}
 
.punbb input, .punbb select, .punbb optgroup {
font: 13px arial, verdana, helvetica, sans-serif;
color: rgb(0, 0, 0);
padding: 2px 2px;
border-radius: 0;
border-color: #b79a7a9c;
background: rgb(255, 239, 201);
text-align: center;
}
 
input.button {
font-family: myriad-cont;
text-transform: uppercase;
cursor: pointer;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
}
 
input.button:hover {
-webkit-transition: all 0.3s;
font-family: myriad-cont;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
color: #ece3c9;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
outline: 1px solid #d7c29f;
outline-offset: -2px;
}
 
.post-author .pa-fld11, .pa-fld2, .pa-posts, .pa-respect, .pa-from {
padding: 4px 10px 3px 25px;
margin-left: 37px;
background: url(https://image.ibb.co/gwbovH/Nt1dX2.png) no-repeat 4px 3px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #beab89;
font-size: 12px;
}
 
.post-author .pa-posts {
background: url(https://image.ibb.co/k06faH/Nt1dX.png) no-repeat 4px 3px;
}
 
.post-author .pa-respect {
background: url(https://image.ibb.co/eOA6FH/Nt1dX2.png) no-repeat 4px 3px;
}
 
.post-author .pa-fld2 {
background: url(https://image.ibb.co/cHtnNx/Nt1dX2.png) no-repeat 4px 3px;
}
 
.post-author .pa-from {
background: url(https://image.ibb.co/m6kCpc/Nt1dX2.png) no-repeat 4px 3px;
}
 
.pa-fld4 {
margin-left: 37px;
padding-left: 5px;
text-align: left;
font-size: 12px;
}
 
.pa-fld1 {
display: none;
}
 
#smilies-area {
background-image: url(http://i.imgur.com/ZJu7L.jpg);
padding: 0;
border: 1px solid rgb(72, 56, 38);
outline: 2px solid rgb(199, 186, 167);
outline-offset: -3px;
top: -25px;
width: 210px;
}
 
#smilies-area .asmile {
margin: 0.5em;
}
 
#pun-stats li.item2 {
margin-bottom: 10px;
}
 
#onlinelist.item6 {
padding-bottom: 1em;
padding-top: 1em;
}
 
.pa-respect a {
vertical-align: middle;
}
 
fieldset {
background: none;
}
 
#pun-main #post fieldset .checkfield {
padding: 8px !important;
font-weight: bold !important;
font-style: italic !important;
background: rgb(176, 165, 147) !important;
color: rgb(0, 0, 0) !important;
text-shadow: rgb(199, 187, 165) 0px 0px 15px !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77) !important;
outline: rgb(72, 56, 38) solid 1px !important;
outline-offset: -3px !important;
margin-bottom: 5px !important;
margin-top: 10px;
}
 
.post-content table {
border-collapse: collapse; 
margin: 0.9em;
}
 
.subscribelink {
display: none;
}
 
#messages tr {
background: rgba(143, 127, 108, 0.22) !important;
}
 
.inner.reputation {
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
}
 
.inner.reputation h1 {
background-image: url(http://i.imgur.com/bign00c.jpg) !important;
}
 
.post-content hr {
border-color: rgba(106, 94, 80, 0.52) white rgba(245, 245, 245, 0.84) white;
}
 
.post-content .highlight-text {
background-color: rgba(143, 127, 108, 0.219608);
border: solid 1px #8B7C74;
border-radius: 3px;
padding-left: 0.3em;
padding-right: 0.3em;
padding-bottom: 0.2em;
color: rgb(73, 73, 73);
line-height: 170%;
}
 
#form-buttons {
padding: 5px;
color: rgb(197, 189, 170);
text-shadow: rgb(61, 61, 61) 1px 1px 0px;
font-weight: bold;
box-shadow: black 0px 1px 1px;
outline: rgb(72, 56, 38) dashed 1px;
outline-offset: -3px;
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
font-family: myriad-cont;
text-transform: uppercase;
}
 
#messages fieldset {
background-image: none !important;
}
#messages fieldset legend {
background-image: url(http://i.imgur.com/gnqi3.jpg) !important;
}
#messages fieldset legend span {
background-image: none !important;
color: black;
}
 
#messages fieldset table {
border-style: solid;
border-width: 2px;
border-color: #958979;
}
 
#pun-redirect.punbb {
margin-top: 100px;
border-top: 2px solid #8B7C74;
}
 
#profilenav h2 {
padding: 11.5px;
background-image: url(http://i.imgur.com/pLM604a.jpg);
margin-bottom: 6px;
display:none;
}
 
#profilenav span {
background-image: none !important;
text-shadow: none;
padding: 1em 4em 1em 4em;
}
 
#profilenav ul a {
padding: 6px;
}
 
#pun-ulinks li {
padding-left: 2em;
}
 
#post-preview .quote-box {
margin: 10px 75px 10px 75px;
}
 
#post-preview .code-box {
margin: 10px 75px 10px 75px;
}
 
.punbb textarea {
font: 12px arial, verdana, helvetica, sans-serif;
}
 
#smilies-area img {
padding: 4px;
border-right: 2px solid rgb(199, 186, 167);
}
 
#ava-status img {
max-width: 37px;
max-height: 70px;
}
 
#pun-status p span.item3 {
float: none !important;
}
 
#pun-status p span.item3 a {
position: absolute;
top: 6.8em;
right: 2em;
}
 
#profile .checkfield {
float: right;
margin-right: 5em;
}
 
#profile fieldset .button {
margin: 0 0 1em 1em;
}
 
#profile textarea {
width: 600px;
margin: 1.2em;
}
 
#profile fieldset .fs-box {
padding: 0em;
}
 
.infofield {
padding: 1em 4em 2em 0em !important;
}
 
#profile fieldset .post-box {
padding: 1em;
border: 2px solid #8d7e6b !important;
border-bottom: none;
border-right: none !important;
background: url(http://i.imgur.com/ZsacUBu.jpg) repeat;
}
 
#profile fieldset .post-author {
width: 15em;
}
 
#profile fieldset .post-author ul {
width: 13em;
background: none;
}
 
#profile fieldset .post-body {
margin-left: 0em;
padding-left: 15em;
background-image: url(http://i.imgur.com/gnqi3.jpg) !important;
}
 
#profile fieldset .post-links {
background-image: none;
margin-left: 19em;
margin-bottom: 0.5em;
}
 
#profile fieldset .post-links ul {
height: 4em;
line-height: 4em;
margin-left: -18.5em;
margin-right: 0.5em;
margin-bottom: 2px;
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
border: solid 2px #958979;
}
 
#messages .postlink {
float: right;
width: 93px;
font-weight: bold;
text-align: center;
border: none;
background: none !important;
}
 
#messages fieldset legend {
background-image: url(http://i.imgur.com/ZsacUBu.jpg) !important;
margin-bottom: 1em;
}
 
#messages fieldset legend span {
color: #6A5E50;
}
 
#messages tr {
background: none !important;
}
 
#checker {
margin: 0.2em;
}
 
#messages fieldset table {
border: none;
}
 
#messages table .tclcon {
margin: 0;
padding: 1em;
padding-left: 0;
}
 
#p50 {
margin-right: 0.5em;
margin-left: 0.5em;
}
 
#profile1 fieldset {
padding: 1em 2em 2em 2em;
}
 
#profile1 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#fld1, #fld2, #fld3, #fld4, #fld5, #fld6, #fld7, #fld8, #fld9 {
height: 21px;
padding: 3px !important;
text-align: center !important;
font-size: 14px;
-webkit-border-radius: 0px !important;
background: rgba(255, 239, 218, 0.5)!important;
color: rgb(107, 97, 82) !important;
outline: 1px solid rgb(128, 118, 101);
outline-offset: -2px;
border: 0;
margin-right: 20px;
text-transform: none;
}
 
#profile2 fieldset {
padding: 0em 0em 0em 3em;
}
 
#profile2 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#profile2 .radiofield {
width: 20%;
padding: 1em;
font-weight: bold;
}
 
#profile2 .processed {
margin: 1em 0em 0em 0em;
width: 90%;
}
 
#profile3 fieldset {
padding: 0em 0em 2em 3em;
}
 
#profile3 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#profile4 fieldset {
padding: 0em 0em 2em 3em;
}
 
#profile4 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#profile4 .avatardemo {
padding: 0em 6em 0em 2em;
}
 
#profile5 fieldset {
padding: 0em 0em 0em 3em;
}
 
#profile5 .processed {
width: 90%;
}
 
#profile5 .parsedsig {
padding: 3em;
}
 
#profile5 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#profile6 fieldset {
padding: 0em 0em 2em 3em;
}
 
#profile6 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#profile7 fieldset {
padding: 0em 0em 2em 3em;
}
 
#profile7 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#profile7 .radiofield {
width: 80%;
padding: 1em;
font-weight: bold;
margin-bottom: 1em;
}
 
#profile8 fieldset {
padding: 0em 0em 1em 3em;
}
 
#profile8 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#profile8 fieldset .button {
margin-top: 2em;
}
 
#profile8 #setmods dl {
background-color: rgba(255, 248, 213, 0.309804) !important;
width: 440px;
padding: 1em 1em 1em 16em;
}
 
#profile8 #setmods dt {
margin-left: -12em !important;
}
 
#profile9 fieldset {
padding: 0em 0em 1em 3em;
}
 
#profile9 fieldset legend span {
background: none;
color: #6A5E50;
}
 
#setmods dl {
background: none;
}
 
#setmods dd {
background: none;
padding: 0;
margin-left: 23.5em;
}
 
#setmods img {
width: 65px !important;
height: 30px !important;
padding: 0.2em;
border: solid 2px #958979;
}
 
#sub4 {
padding: 0.5em 2em 0.5em 2em;
margin-left: 1em;
}
 
.usertable table {
border: 2px solid #8B7C74;
font-weight: bolder;
}
 
.usertable .altstyle {
background: rgba(143, 127, 108, 0.22) !important;
}
 
#profile-left {
padding-top: 1em !important;
}
 
.grippie {
background: url(http://i.imgur.com/JJQ7Jtq.png) no-repeat scroll center 2px !important;
}
 
.post-box {
color: #000;
}
 
.fs-box .post-box {
background: url(http://i.imgur.com/ZsacUBu.jpg);
}
 
.topic h2 {
padding: 1.7em 0 !important;
}
 
.main.tags h2 {
padding: 1.7em 0 !important;
}
 
.main.tags .info {
background-image: url(http://i.imgur.com/gnqi3.jpg);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.46);
}
 
.main.tags .info td {
border-top: 1px solid;
}
 
#tieser-bottom {
background: none;
}
 
.quote-box cite {
margin-bottom: 5px !important;
border-bottom: 1px solid #8D7E6B;
}
 
.code-box .legend {
background: url(http://i.imgur.com/O3EM5.png) 50% 100% repeat-x;
margin-bottom: 0.8em !important;
}
 
.inner.post_reputation {
background: url(http://i.imgur.com/ZsacUBu.jpg) repeat;
}
 
#pun-redirect.punbb {
margin-top: 20%;
}
 
.isticky b {
font-family: myriad-cont;
text-transform: uppercase;
font-size: 12px;
}
 
#similartopics .tcl {
border-top: 0px;
}
 
#similartopics thead .tc2 {
border-bottom: 1px solid rgb(141, 126, 107);
}
 
#similartopics .tc2 {
border-top: 0px;
border-bottom: 1px solid #6B6152;
}
 
#pun-about .container {
font-size: 10px;
text-transform: uppercase;
}
 
.category h2 span small {
border-top: 1px solid black;
padding: 1px 20px;
}
 
#pun-online .main.multipage .tc3 {
border-bottom: 1px solid rgb(141, 126, 107);
}
 
#pun-online .main.multipage .tcl {
border-right: 1px solid rgb(141, 126, 107);
}
 
#pun-messages #main-reply {
width: 650px !important;
}
 
#pun-messages .inputfield.required {
padding: 10px 0px 0px 20px;
}
 
#pun-messages .formal fieldset {
outline-color: rgb(141, 126, 107);
outline-offset: -6px;
width: 800px;
}
 
#pun-messages fieldset .post-author ul {
border-top: 1px solid #8B7C74;
border-top: 1px solid #8B7C74;
width: 120px;
padding: 15px 8px 15px 8px;
}
 
#pun-messages fieldset h3 {
font-size: 11px;
font-family: arial;
}
 
#pun-messages fieldset .post-author {
width: 135px;
}
 
#pun-messages fieldset .post-links ul {
padding: 0;
margin: 0px;
width: 662px;
border-top: 4px double #958979;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
 
#pun-messages fieldset {
font-weight: normal;
}
 
#pun-messages fieldset .post-author ul .pa-from {
display: none;
}
 
#pun-messages fieldset .post-body {
padding-left: 135px;
}
 
#pun-messages fieldset .post-box {
border-left: 1px solid #8d7e6b !important;
border-top: 1px solid #8d7e6b !important;
border-bottom: 0px solid #8d7e6b !important;
margin-bottom: 0;
}
 
#pun-messages fieldset .post-author ul .pa-reg {
display: none;
}
 
#pun-messages fieldset .post-author ul .pa-posts {
color: #6B6152;
font-weight: bold;
}
 
#pun-messages fieldset .post-author ul .pa-avatar.item2 img {
width: 100px;
height: 100px;
}
 
#pun-messages fieldset .post-author ul .pa-avatar.item2 img {
width: 100px;
height: 100px;
}
 
#pun-messages fieldset .post-links {
margin: 0;
}
 
#pun-messages #profile .fs-box .container {
padding-left: 0px !important;
}
 
#form-buttons td {
border-right: 1px dashed rgb(72, 56, 38);
}
 
.modlist {
font-family: georgia;
font-weight: bold;
font-size: 11px;
color: rgb(72, 56, 38);
}
 
.forum .tclcon .byuser {
padding-left: 2px;
border-left: 1px solid;
border-color: #8B7C74;
}
 
#b_script_182694 {
text-align: center;
margin: 6px 0 10px 0;
padding: 10px;
background: rgba(0, 0, 0, 0.1);
border-top: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
}
 
#form-buttons table, .punbb .formal textarea {
width: 100% !important;
}
 
#pun-userlist .usertable table td.tc3:before{
  font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}
 
#pun-userlist .usertable table td.tc3:nth-child(4n-1):before {
  content:"Уважение: ";
}
 
#pun-userlist .usertable table td.tc3:nth-child(4n):before {
  content:"Постов: ";
}
 
#pun-userlist .usertable table td.tc3:nth-child(4n+1):before {
  content:"Зарегистрирован: ";
}
 
#pun-userlist .usertable table td.tc3:nth-child(4n+2):before {
  content:"Был: ";
}

Свой стиль второе окно:

Второе окно
Код:
/* CS0 Admin-menu
-------------------------------------------------------------*/
 
/* CS0.1 Bakground Color */
.punbb-admin #pun-admain *{
border-color: #BDB095!important;
background-color: transparent!important;
}
 
/* CS0.2 Textarea, Select, Input */
.punbb-admin #pun-admain textarea, 
.punbb-admin #pun-admain select, 
.punbb-admin #pun-admain input {
border: 1px solid #451A0E!important;
background-color: #BAB09C!important; 
}
 
/* CS1 Background and text colours
-------------------------------------------------------------*/
 
body {
}
 
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, #pun-about center {
background-image: url(http://i.imgur.com/ZsacUBu.jpg);
color: #000000;
}
 
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-image: url( );
}
 
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
font-weight: bold;
}
 
/* CS1.4 */
#pun-title {
background: url(https://image.ibb.co/j3tTpn/2.gif) no-repeat #000000de;
}
 
/* CS1.5 */
.punbb legend span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-image: url(http://i.imgur.com/bign00c.jpg);
color: #451A0E;
}
 
/* CS1.6 */
.punbb .post h3 span, .punbb th, #setmods dl  {
font-size: 0.9em;
background-color: rgba(255, 248, 213, 0.31);
color: #63503B;
}
 
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #cec5b4;
color: #451A0E;
}
 
.offline li.pa-online strong {
font-weight: normal;
}
 
.punbb textarea, .punbb select, .punbb input {
color: #451A0E;
border-color: #6A5E50;
}
 
/* CS2 Border colours
-------------------------------------------------------------*/
 
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #451A0E;
}
 
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #451A0E;
}
 
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: rgba(143, 127, 108, 0.219608);
border-color: #451A0E;
}
 
/* CS2.4 */
.punbb td, .punbb fieldset, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #362208;
}
 
/* CS2.5 */
.punbb th {
border-color: #451A0E;
}
 
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #451A0E;
}
 
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #451A0E;
}
 
.punbb .divider {
border-color: #ADA396;
}
 
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 0;
}
 
li.pa-online {
border-left-color: #451A0E;
}
 
.punbb .post-sig dt {
border-top-color: #8B7C74 !important;
}
 
 
/* 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: #594732;
font-weight: bold;
border-bottom: 0px none #451A0E;
-webkit-transition: all 0.3s;
}
 
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #008000;
}
 
/* 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: black;
font-weight: bold;
border-bottom: 0px none #451A0E;
-webkit-transition: all 0.3s;
 
}
 
/* CS3.3 */
#pun-navlinks a {
color: white;
font-weight: bold;
}
 
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #e3d3b2;
font-weight: bold;
font-style: normal;
border-bottom: 0px none #451A0E;
}

#navrules a:hover {
color: black;
}
 
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #008000;
}
 
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(http://i.imgur.com/UDX5e96.gif) no-repeat;
position: relative;
}
tr.inew div.icon {
background: url(http://i.imgur.com/HACn7HS.gif) no-repeat;
position: relative;
}
tr.iclosed div.icon {
background: url(http://i.imgur.com/1cMlae5.gif) no-repeat;
position: relative;
}
tr.iredirect div.icon {
background: url(http://i.imgur.com/UDX5e96.gif) no-repeat;
position: relative;
}
tr.isticky div.icon {
background: url(http://i.imgur.com/gqMFzAn.gif) no-repeat;
position: relative;
}
 
.stickytext {
margin-top: -4px !important;
line-height: 15px;
position: absolute;
color: #800000a3;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
font-family: times;
}
 
.punbb-admin #pun-admain h2 {
border: none;
}
 
#pun-break2.divider div.container {
width: 1050px;
font-size: 11px;
font-family: Philosopher, georgia;
}
 
#pun-break2.divider div.container table th {
padding: 1em;
background: rgba(183,154,122,0.3) !important;
}
 
#pun-break2.divider div.container tbody.hasicon td {
padding: 6px 15px;
text-align: left;
border-bottom: 0px solid rgb(239, 226, 193);
color: #451A0E;
font-weight: bold;
border-top: 1px solid #8D7E6B;
}
 
#pun-break2.divider div.container tbody.hasicon .tcr {
text-align: left !important;
}
 
#pun-break2.divider div.container tbody.hasicon .tcr a {
box-shadow: none;
padding: 0px 0px 0px 20px !important;
color: rgba(0, 0, 0, 0.62) !important;
}
 
#pun-break2.divider div.container tbody.hasicon .tcr a:hover {
color: #763902 !important;
}
 
#pun-break2.divider div.container tbody.hasicon .tc2 {
background: url() 28% 50% no-repeat !important;
border-right: 1px solid #8d7e6b;
border-left: 1px solid #8d7e6b;
font-weight: normal;
color: #451A0E !important;
}
 
#pun-break2.divider div.container tbody.hasicon .tcr a {
color: maroon !important;
}
 
#pun-break2.divider div.container tbody.hasicon .tcr a:hover {
color: #763902 !important;
}
 
#pun-break2.divider h2 {
display: none;
margin-top: -1px;
padding: 16px;
color: #EFE2C1;
outline: rgb(239, 226, 193) solid 1px;
outline-offset: -4px;
background-image: url(http://i.imgur.com/kC2D676.gif);margin-bottom: 0;
text-transform: uppercase;
font-size: 11px;
}
 
#pun-main.main.multipage h1 {
padding: 0 10px 0 130px;
line-height: 39px;
height: 38px;
border-bottom: 1px solid rgb(141, 126, 107);
text-align: left;
}
 
#pun-main.main.multipage h1 span {
font-size: 14px;
text-decoration: none;
color: #000000;
letter-spacing: 10px;
}
 
 
div.post {
position: relative;
}
 
div.post h3 span strong {
float: left !important;
margin-left: 10px !important;
font-size: 18px;
font-weight: 100;
line-height: 30px;
}
 
div.post-rating p a {
padding: 5px;
}
 
.byuser {
margin-top: 0 !important;
line-height: 40px;
color: #000000;
font-size: 8px;
font-family: verdana;
text-transform: uppercase;
float: right;
font-weight: bold;
}
 
.forum .container table thead .tcl {
border-top: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #6b6152 !important;
width: 70%;
}
 
.forum .container table thead .tc2 {
border-top: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
}
 
.forum .container table thead .tc3 {
border-top: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
}
 
.forum .container table thead .tcr {
border-top: 1px solid rgb(141, 126, 107);
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
}
 
#pun-viewtopic .pagelink {
font-size: 16px;
margin: 0 5px 0 10px;
line-height: 30px;
text-transform: uppercase;
}
 
#pun-viewtopic .pagelink a {
margin-right: 0;
padding: 0 4px;
}
 
#pun-viewtopic .pagelink .prev {
font-size: 20px;
background: none;
border: none;
}
 
#pun-viewtopic .pagelink strong {
padding: 0 4px;
color: #5f503a78;
}
 
#pun-viewtopic .linkst {
border-bottom: 0;
}
 
#bs-bottom-iframe {
padding: 5px;
background: rgba(141, 126, 107, 0.89);
border: 1px solid rgb(201, 190, 168);
outline: 1px solid rgb(140, 125, 106);
box-shadow: 1px 1px 5px rgb(0, 0, 0);
}
 
.hasicon .tc2,
.hasicon .tc3 {
border-left: 1px solid rgb(141, 126, 107);
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902;
font-weight: bold;
font-size: 14px;
}
 
.category thead .tc2,
.category thead .tc3 {
border-bottom: 1px solid rgb(141, 126, 107);
color: #763902 !important;
}
 
.category thead .tcl {
color: #763902 !important;
}
 
#topic-modmenu .container {
box-shadow: none !important;
}
 
#topic-users-in .container {
padding: 0 !important;
}
 
.linkst .postlink {
	margin-right: 0;
}
 
 
 
.poll2 {
padding: 20px;
outline: rgb(141, 126, 107) double 4px;
outline-offset: -10px;
background: rgba(143, 127, 108, 0.219608) !important;
margin-bottom: 5px;
border-bottom: 2px solid rgb(141, 126, 107);
}
 
.poll2 .tac {
color: rgb(197, 189, 170);
text-shadow: rgb(61, 61, 61) 1px 1px 0px;
font-weight: bold;
box-shadow: #763902 0px 1px 1px;
outline: rgb(181, 170, 149) double 4px;
outline-offset: -5px;
background-color: rgb(141, 126, 107);
text-transform: uppercase;
font-family: Philosopher, myriad-cont;
padding-top: 17px !important;
font-size: 12px !important;
}
 
.poll2 tr {
font-weight: bold;
box-shadow: #763902 0px 1px 1px;
outline: rgb(141, 126, 107) solid 2px;
outline-offset: -6px;
text-transform: uppercase;
font-family: Philosopher, georgia;
font-size: 11px;
}
 
.poll2 h1 {
display: block !important;
margin-left: -30px;
max-width: 290px !important;
font-size: 3px !important;
background: rgb(141, 126, 107);
outline: 1px solid rgb(194, 181, 162);
outline-offset: -2px;
border-radius: 0 !important
}
 
#post .fs-box.hashelp .inputfield.required.longinput .input input {
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}
 
#post .fs-box.hashelp .inputfield.required.longinput #fld4 {
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}
 
#post .fs-box.hashelp .inputfield.required.longinput {
line-height: 40px;
padding: 0 10px;
margin-bottom: 10px;
}
 
#post .fs-box.hashelp .inputfield.required.longinput lebel {
color: maroon;
}
 
#post .fs-box.hashelp #main-reply {
font-size: 14px;
padding: 10px;
width: 98%;
color: #000000;
outline: rgb(225, 211, 174) solid 1px;
outline-offset: -2px;
height: 100%;
background: rgb(216, 196, 163);
display: block;
border: 0;
}
 
#pun-main #post fieldset .checkfield {
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}
 
#post .checkfield #fld7 {
outline: 1px solid rgb(143, 128, 109) !important;
outline-offset: -4px !important;
width: 16px !important;
height: 16px !important;
cursor: pointer !important;
margin-right: 10px !important;
}
 
#post .checkfield #fld10, #fld6 {
outline: none !important;
cursor: pointer !important;
line-height: 15px;
width: 15px;
height: 15px;
margin: 2px;
}
 
#post .fs-box.hashelp .inputfield.required.longinput #tags {
margin-top: 20px;
float: left;
}
 
#post .fs-box.hashelp .inputfield.required.longinput .button {
margin-top: 20px;
line-height: 12px;
}
 
#pun-viewtopic #post-form #post #form-buttons {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
 
#pun-main #profile #profileContainer fieldset {
color: rgb(0, 0, 0) !important;
text-shadow: rgb(199, 187, 165) 0px 0px 15px !important;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.77) !important;
outline: rgb(72, 56, 38) double 4px !important;
outline-offset: -5px !important;
padding: 4px !important;
}
 
#pun-main #profile #profileContainer fieldset legend {
position: fixed;
}
 
#pun-main #profile #profileContainer table {
table-layout: auto;
border-collapse: collapse;
}
 
#pun-main #profile #profileContainer table thead tr {
background: none;
border-bottom: 4px double rgb(72, 56, 38);
text-transform: uppercase;
font-size: 12px;
color: rgb(204, 191, 153);
font-family: Philosopher, myriad-cont;
}
 
#pun-main #profile #profileContainer table tr {
outline: 2px dashed rgb(72, 56, 38);
outline-offset: -7px;
}
 
#pun-main #profile #profileContainer table tcl {
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-family: Philosopher, myriad-cont;
color: #763902;
font-weight: bold;
}
 
#pun-main #profile #profileContainer table tc2 {
border-left: 2px dashed rgb(72, 56, 38);
}
 
#pun-main #profile #profileContainer table tc2 img {
padding: 10px;
background: rgb(158, 147, 130);
max-height: 100px;
max-width: 100px;
border: 1px solid rgb(107, 97, 82);
outline: 1px solid rgb(151, 138, 119);
box-shadow: 1px 2px 5px #763902;
}
 
#pun-main #profile #profileContainer table tc2 .award-description {
padding: 10px;
text-align: center;
font-size: 11px;
font-family: Philosopher, arial;
color: #763902;
font-weight: bold;
}
 
#pun-main #profile #profileContainer table tc3 {
text-align: center;
width: 10%;
color: #6B6152;
border-left: 2px dashed rgb(72, 56, 38);
}
 
.container.crumbs a {
color: #90775b !important; 
text-shadow: none;
}
 
.container.crumbs a:hover {
color: maroon !important;
text-shadow: none;
}
 
#pun-viewforum .modmenu .container a {
color: rgba(214, 204, 180, 1) !important;
text-shadow: none;
}
 
#pun-viewforum .modmenu .container a:hover {
color: #763902 !important;
text-shadow: none;
}
 
#pun-post .topic h3 {
float: none;
border: none;
width: 100%;
font-size: 12px;
line-height: 20px;
height: 20px;
padding: 5px 0;
}
 
#pun-post .topic h3 a {
float: right;
text-transform: none;
text-decoration: underline !important;
margin-right: 10px;
font-size: 12px;
font-weight: 100 !important;
}
 
#pun-post .topic .post-box {
border: none;
border-left: 1px solid #8D7E6B;
}
 
#pun-post .topic h2 {
margin-bottom: 10px;
}
 
#pun-post .topic .post-author  {
outline: 0;
padding: 0;
padding-top: 10px;
padding-left: 10px;
background: none;
}
 
#pun-post .topic .post-author .pa-author  {
padding: 0;
border: 0;
font-weight: bold;
text-decoration: underline;
}
 
#pun-post #post .formsubmit {
text-align: right;
margin-bottom: 10px;
margin-right: 20px;
}
 
#pun-post #post .button {
font-family: myriad-cont;
text-transform: uppercase;
cursor: pointer;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
margin: 0;
font-weight: 100 !important;
font-size: 13px;
}
 
#pun-post #post .button:hover {
-webkit-transition: all 0.3s;
font-family: myriad-cont;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
color: #ece3c9;
border-radius: 0;
line-height: 15px;
border: none;
padding: 11px 20px;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
outline: 1px solid #d7c29f;
outline-offset: -2px;
}
 
#pun-post #post input {
border: none;
padding: 4px;
outline: 1px solid #bba17e;
outline-offset: -2px;
font-weight: bold;
font-size: 12px;
line-height: 22px;
}
 
#pun-post #post .checkfield {
background: rgba(183,154,122,0.3);
outline: 1px solid #e1d3ae;
outline-offset: -2px;
margin-top: 10px;
}
 
#pun-post #post .checkfield input {
outline: 0;
}
 
.inner.post_reputation {
font-weight: bold;
box-shadow: #763902 0px 1px 1px;
outline: rgba(181, 170, 149, 0.7) double 8px;
outline-offset: -10px;
background: rgb(141, 126, 107) !important;
padding: 1em;
background-image: none;
font-family: Philosopher, myriad-cont;
text-transform: uppercase;
}
 
#rep_form table #reputationText {
width: 100%;
margin: 0;
padding: 5px;
font-size: 18px;
 
#rep_form .button {
margin: 0 10px !important;
}

Отредактировано kolobdur74 (Сб, 18 Авг 2018 14:31:06)

+1

360

.skyhunter, вторая часть -  все не влезло в одно сообщение:

НТМЛ верх:

НТМЛ верх
Код:
<!-- Аватар в цитате V.2 © Alex_63 / Ч.1 в HTML верх-->
<style type="text/css">
.quote-box.with-avatar{padding-left:60px!important;}
.author-avatar+span {margin-left:0px;}
.author-avatar {
  float: left;
  width: 39px;
  margin-left: -48px;
}
 
.qc-post-link a {
position: absolute;
    margin-top: -2px;
    padding: 0 5px;
}
.author-avatar > img {
  width: 30px;
    height: 30px;
    padding: 2px;
    border: 1px solid #90775b;
    border-radius: 0px;
}
</style>
<script type="text/javascript">
var QuoteImg = 'http://i.imgur.com/5p701z9.png'; //Картинка "Перейти к сообщению" в цитате
</script><script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/77306.js"></script>
 
<div style="
    width: 278px;
    top: 36px;
    right: 0;
    position: absolute;
    padding: 10px 10px 0px 0px;
    max-height: 61px;
    height: 61px;
    border-bottom: 8px solid #b79a7a;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
">
 
<style>
#pun-announcement .left-box, #pun-announcement .right-box {
width: 50%;
}
 
div.post-rating p {
float: none !important;
    border: 0 !important;
    padding: 0px !important;
}
 
.forum .tcl a:hover {
color: black !important;
}
 
div.post-rating a {
    cursor: pointer !important;
    color: white !important;
}
 
#pun-announcement .left-box {
border-right: 2px solid #90775b;
    padding: 20px;
    background: linear-gradient(to left top, #000000f2, #320000);
    color: #ebdebc;
}
 
#pun-announcement .right-box {
background: url(http://i.imgur.com/bign00c.jpg) repeat;
}
 
#pun-announcement .left-box a {
color: white !important;
-webkit-transition: all 0.3s;
cursor: pointer;
}
 
#pun-announcement .left-box a:hover {
color: white !important;
-webkit-transition: all 0.3s;
text-shadow: 0px 0px 10px white;
cursor: pointer;
}
 
#backimage {
height: 100%;
    background: url(http://img1.reactor.cc/pics/post/The-Elder-Scrolls-%D1%84%D1%8D%D0%BD%D0%B4…%D1%80%D1%81%D0%BA%D0%B8%D0%B9-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4-3043557.jpeg) no-repeat;
    opacity: 0.7;
    background-position: 0vh -180px;
    background-size: cover;
    -webkit-transition: all 0.3s;
    backface-visibility: hidden;
}
 
.right-box .viz-content {
        width: 482px;
    position: absolute;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 20px;
    z-index: 1;
    background: linear-gradient(to left, #000000b0, transparent);
}
 
.right-box .viz-content h1 {
font-size: 20px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}
 
.right-box .viz-content a {
color: white !important;
-webkit-transition: all 0.3s;
cursor: pointer;
}
 
.right-box .viz-content a:hover {
color: white !important;
-webkit-transition: all 0.3s;
cursor: pointer;
text-shadow: 0px 0px 10px white;
}
 
</style>
 
<script language="JavaScript">
<!--
   var es_months = new Array(
"Утренней Звезды<br><br>Созвездие - Ритуал", "Восхода Солнца<br><br>Созвездие - Любовник", "Первого Зерна<br><br>Созвездие - Лорд",
"Руки Дождя<br><br>Созвездие - Маг", "Второго Зерна<br><br>Созвездие - Тень", "Середины Года<br><br>Созвездие - Конь",
"Высокого Солнца<br><br>Созвездие - Ученик", "Последнего Зерна<br><br>Созвездие - Воин", "Огня Очага<br><br>Созвездие - Леди",
"Начала Морозов<br><br>Созвездие - Башня", "Захода Солнца<br><br>Созвездие - Атронах", "Вечерней Звезды<br><br>Созвездие - Вор");
   var es_day = new Array("Сандас","Морндас","Тирдас","Миддас","Тюрдас","Фредас","Лордас");
   var es_zodiacs = new Array(
"http://i.imgur.com/OQIA8xS.png", "http://i.imgur.com/SROhQhy.png", "http://i.imgur.com/lXz5D5t.png",
"http://i.imgur.com/I7mkw4Y.png", "http://i.imgur.com/tuAi1g9.png", "http://i.imgur.com/kTTiWXz.png",
"http://i.imgur.com/zK7sOfn.png", "http://i.imgur.com/WFVBhNF.png", "http://i.imgur.com/4hEWJXg.png",
"http://i.imgur.com/pwpxems.png", "http://i.imgur.com/NY6hdHi.png", "http://i.imgur.com/GB1zAH2.png");
   var es_day = new Array("Сандас","Морндас","Тирдас","Миддас","Тюрдас","Фредас","Лордас");
   var Today = new Date();
   var m = Today.getMonth();
   var z = Today.getMonth();
   var d = Today.getDate();
   var wd = Today.getDay()
   var esDate;
   esDate = es_day[wd] + ", " + d.toString() + "-й день " + "<br>" + es_months[m];
   var esZodiac;
   esZodiac = es_zodiacs[z];
document.write('<div style="background: url('+esZodiac+') 220px 0px no-repeat;padding: 0px 70px 0px 0px;height: 61px;text-align: right;">'+esDate+'</div>')
// -->
</script>
 
</div>
 
<div id="КонтентРотатор" style="
    width: 273px;
    top: 120px;
    right: 10px;
    position: absolute;
    padding: 5px;
    max-height: 61px;
    height: 61px;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
">
<!-- Ротатор произвольного контента -->
<p style="display: none; text-align: right;">"Брат мой, я не рассказываю сплетни. Я создаю их." Люсьен Лашанс</p>
<p style="display: none; text-align: right;">"Время и место каждого Подвига определяется Судьбой. Но если не придёт Герой, не будет и Подвига." Цурин Арктус</p>
<p style="display: none; text-align: right;">"Мудрецу, который спрятал свое лучшее изречение, следует отсечь руки: ибо он – вор, и украл чужую мудрость." Вивек</p>
<p style="display: none; text-align: right;">“Тени не являются отсутствием света, они – отражения другого мира.” Скелос Ундриел, Маг Теней</p>
<p style="display: none; text-align: right;">"Все языки сделаны из мяса. Не позволяй софистам провести тебя." Вивек</p>
<p style="display: none; text-align: right;">"Победа в сражении – это самая незначительная победа. Победа без сражения – вот высочайшее мастерство." Цурин Арктус</p>
<p style="display: none; text-align: right;">"Присоединись к Легиону. Посмотришь мир. Отморозишь свою задницу." Капитан Фалько</p>
<p style="display: none; text-align: right;">"Как столь грустное может быть столь смешным?" Цицерон</p>
<p style="display: none; text-align: right;">"Помни всегда, сын севера: норд оценивается не по тому, как он жил, а по тому, как он умер." Исграмор</p>
<p style="display: none; text-align: right;">"Трое оклеветали тебя, трое предали тебя. Один, кого ты предал, был трижды прав". Дагот Ур</p>
<p style="display: none; text-align: right;">"Выследить жертву, подбросить ложные улики, погубить репутацию невиновного. Контракт, достойный Слышащего". Люсьен Лашанс</p>
<p style="display: none; text-align: right;">"Всегда вперед, но никогда назад." Шеогорат</p>
<p style="display: none; text-align: right;">"У Богов есть вечность, чтобы взвесить свои слова. У смертных - лишь мгновение, чтобы услышать их". Сота Сил</p>
<p style="display: none; text-align: right;">"Нет времени на разговоры. Охота началась!" Хирсин</p>
<p style="display: none; text-align: right;">"Лучшая техника боя - техника выживших." Гэйден Шинджи</p>
<p style="display: none; text-align: right;">"Уязвимость врага может быть его сильнейшим местом; ваше слабое место может помочь вам нанести решающий удар." Зурин Арктус</p>
<p style="display: none; text-align: right;">"Я не из тех рабов, что погибают." Неревар</p>
<p style="display: none; text-align: right;">"Не думай, что безумие - это проклятие, смертный. Для некоторых это величайшее из благословений... Горькое, возможно, но все равно милосердие." Шеогорат</p>
<p style="display: none; text-align: right;">"Первое значение всегда скрыто." Вивек</p>
<p style="display: none; text-align: right;">"Где бы ни были бестолковые животные, хищники всегда неподалеку." Янус Гассилдор, граф Скинграда</p>
<p style="display: none; text-align: right;">"Убийство королей - опасная затея. Но такая заманчивая..." Люсьен Лашанс</p>
<p style="display: block; text-align: right;">"Тех, кто орудует тряпкой, не берут в Совнгард". Булфлек</p>
<p style="display: none; text-align: right;">"Время спасти царство. Освободить принцессу. Сразить чудовище. Или умереть, в попытке сделать это". Шеогорат</p>
<p style="display: none; text-align: right;">"Доблести не бывает. Это просто внушают солдатам, чтобы они были готовы идти на смерть." Брунвульф Зимний Простор</p>
<p style="display: none; text-align: right;">"Если ты не поддаешься искушению в малом, это помогает отказываться от большего." Партурнакс</p>
<p style="display: none; text-align: right;">"Нет никакого божественного плана. Мы сами вольны распоряжаться своей судьбой." Мартин Септим</p>
<p style="display: none; text-align: right;">"Представь безоблачную ночь, холодную как зимний лед, укутанную тенью. Это - Ситис." Люсьен Лашанс</p>
<p style="display: none; text-align: right;">Barra agea ry sou karan - "Носи знания, как броню". Айлейдский текст</p>
</div>
 
<!-- Подфорумы "не скриптом" © Alex_63 / Ч.1 в начало HTML верх -->
<script type="text/javascript">var SUBF = {};
// Настройки скрипта //
 
SUBF.icon_old = 'http://forumstatic.ru/files/0016/4f/7e/12924.jpg';  // Иконка подфорумов без новых сообщений
SUBF.icon_new = 'http://forumstatic.ru/files/0016/4f/7e/75803.jpg';  // Иконка подфорумов с новыми сообщениями
SUBF.d_title = 'Подфорумы:'  // Текст в заголовке секции подфорумов
SUBF.category_link = 0; // Кликабельность категорий: 0 - отключена, 1 - включена
</script>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0016/4f/7e/73859.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0016/4f/7e/73858.js"></script>
 
<style type="text/css">
 
.subforums span{
    display: inline !important;
    margin-right: 4px;
    line-height: 20px;
}
 
.Icon_LastPost.O {
display: none !important;
}
 
.Icon_LastPost.N {
display: none !important;
}
 
.d_title {
    float: left;
    line-height: 20px;
    padding-right: 5px;
}
 
.subforums {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 0;
}
 
</style>
 
<style type="text/css">
 
.subforums span:not(:last-of-type):after{
  content: ",";
  margin-left: 0px;
}
 
</style>
 
<style type="text/css">
@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/53660.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/40233.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/17115.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/78105.svg#svgPhilosopherItalic') format('svg');
font-weight: normal;
font-style: italic;
}
</style>
 
<style type="text/css">
 
@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/74496.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/18641.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/36568.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/55485.svg#svgPhilosopherBold') format('svg');
font-weight: bold;
font-style: normal;
}
</style>
 
<!-- Шрифт - установка -->
<style type="text/css">
 
@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/49033.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/27670.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/50863.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/29179.svg#svgPhilosopherRegular') format('svg');
font-weight: normal;
font-style: normal;
}
 
</style>
 
<style type="text/css">
 
@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/53660.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/40233.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/17115.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/78105.svg#svgPhilosopherItalic') format('svg');
font-weight: normal;
font-style: italic;
}
 
</style>
 
<style type="text/css">
 
@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/74496.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/18641.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/36568.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/55485.svg#svgPhilosopherBold') format('svg');
font-weight: bold;
font-style: normal;
}
</style>
 
<style type="text/css">
 
@font-face {
font-family: 'Philosopher';
src: url('http://forumstatic.ru/files/0007/f8/00/23796.eot?'),
url('http://forumstatic.ru/files/0007/f8/00/43223.woff') format('woff'),
url('http://forumstatic.ru/files/0007/f8/00/27434.ttf') format('truetype'),
url('http://forumstatic.ru/files/0007/f8/00/58365.svg#svgPhilosopherBoldItalic') format('svg');
font-weight: bold;
font-style: italic;
}
</style>
 
<!-- //End//-Шрифт -установка -->
 
<!-- Шрифт - настройка -->
 
<style type="text/css">
.punbb {
  font-family: Philosopher, iconfont;
  font-size:11px;
}
 
</style>
 
<!-- //End//-Шрифт - настройка -->
 
<style type="text/css">
 
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot?51497368');
  src: url('../font/iconfont.eot?51497368#iefix') format('embedded-opentype'),
       url('http://forumstatic.ru/files/0016/6b/78/54644.woff2') format('woff2'),
       url('http://forumstatic.ru/files/0016/6b/78/85386.woff') format('woff'),
       url('http://forumstatic.ru/files/0016/6b/78/11599.ttf') format('truetype'),
       url('http://forumstatic.ru/files/0016/6b/78/18611.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
</style>
 
<div id="prblock" style="background: black; height: 60px; position: fixed;"></div>
 
<table id="avst" cellpadding="0" cellspacing="0" style="
    position: absolute;
    z-index: 1;
    margin-left: 0;
    top: 301px;">
<tr><td id="ava-status"></td></tr></table>
 
<style>
#ava-status img {
height: 36px;
width: 36px;
}
</style>
 
<div id="pm" style="position: absolute;
    margin-top: -24px;
    margin-left: 830px;
    z-index: 1;
    font-family: georgia;
    text-transform: uppercase;" title="Личные сообщения"></div>
<script>function tag_list(count) {
  var a = '\n'; for (var i = 0; i < count-1; i++) { a+= '[*]\n' }
  bbcode('[list]\n[*]', a+'[/list]');
}
FORUM.set("editor.list", { 'name : 'Список', onclick : function() { tag_list(2) } });
FORUM.set("editor.list_el", { 'name : 'Элемент списка', onclick : function() { bbcode('\n[*]', '\n' } });</script>
 
<div id="pun-fastsearch" class="section">
<form id="punbbsearch" class="container" method="get" action="http://tes.rolfor.ru/search.php">
<span style="color: #000;">
Поиск
</span>
<input type="hidden" name="action" value="search">
<input type="text" id="fld1s" name="keywords" size="40" maxlength="100" style="border-radius: 5px !important;" placeholder="Поиск по форуму...">
<input type="submit" class="button" id="Accio" name="search" value="" style="border-radius: 5px !important;" original-title="Ищи!">
</form>
<script type="text/javascript">
$('#fld1s').bind('keyup keydown keypress', function(){
   $('#Accio').attr('title', 'Ищи '+$(this).val()+'!');
});
$('#Accio').tipsy({fade: true, gravity: 's'});
</script>
</div>
 
<style type="text/css">
#share a {opacity: 0.6;}
#share a:hover {opacity: 1;}
</style>
 
<style type="text/css">
.green {
    color: rgba(0, 128, 0, 0.8);
border: 2px solid;
border-color: rgba(0, 128, 0, 0.4);
background: rgba(255, 239, 223, 0.37)!important;
outline: rgba(0, 128, 0, 0.3) double 4px;
outline-offset: -4px;
margin-right: 0.6em;
font-size: 10px;
font-weight: bold;
padding: 2px 5px 2px 5px;
text-transform: uppercase;
font-family: times;
margin-bottom: 2px;
}
</style>
 
<script type="text/javascript">
rusffLive.enable = false;
</script>
 
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
 
<script type="text/javascript">
RusffCore.sets.graffiti = false;
</script>
 
<script type="text/javascript">
RusffCore.sets.rusff_smilepack = 0;
</script>
 
<script type="text/javascript">
RusffCore.sets.rusff_smilepack = 0;
</script>
 
<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>
 
<style type="text/css">
li.pl-share a {display:none}
</style>
 
<style type="text/css">
#pun-announcement h2 span{
  display:none;
}
</style>
 
<style type="text/css">
.post-content .quote-box, .post-content .code-box {
border: solid 1px #8B7C74;
-webkit-border-radius: 10px;
padding: 2em;
margin: 10px;
}
</style>
 
<style>
#mod-options {
    background: url(http://i.imgur.com/ZsacUBu.jpg);
    position: fixed;
    border: 0;
    cursor: pointer;
    top: 0;
    margin-left: -172px;
    height: 35px;
    width: 160px;
}
 
#navadmin a {
    position: absolute;
    top: 0;
    left: 200px;
}
 
#navuserlist a {
    position: absolute;
    top: 0;
    left: 90px;
}
</style>
 
<style>
#topic-modmenu {
position: absolute;
    bottom: 5px;
    background: none;
    margin-left: 10px;
}
 
.pa-replies {
    margin-top: 20px;
    font-size: 14px;
}
</style>
 
<style>
#topic-users-in {
    padding: 5px;
    border-top: 1px solid #8d7e6b;
    font-size: 14px;
}
</style>
 
<style>
.pa-avatar.item2 img {
outline: 1px solid rgb(214, 194, 161);
    outline-offset: -2px;
    max-height: 250px;
}
</style>
 
<style>
td.tcr a {
background: url(http://i.imgur.com/5p701z9.png) 0% 1px no-repeat transparent;
padding-left: 15px;
font-size: 12px;
}
td.tcr a:hover {
background: url(http://forumstatic.ru/files/0016/6b/78/58926.png) 0% 1px no-repeat transparent;
padding-left: 15px;
font-size: 12px;
}
</style>
 
<style>
.closedatafield {
    margin-top: 30px;
    line-height: 15px;
    position: absolute;
    color: #646464d6;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: times;
}
</style>
 
<style>
#profile fieldset {
line-height: 30px;
}
 
#pun-main h2 small {
    position: absolute;
    text-transform: none;
    color: #000000;
    float: right;
    margin-top: -40px;
    right: 10px;
   letter-spacing: 0;
   border: 0;
}
</style>
 
<style>
 
#pun-stats h2 {
    background: url(http://i.imgur.com/bign00c.jpg) repeat;
    text-align: right;
    max-width: 1050px;
    padding: 0 10px 0 170px;
    line-height: 39px;
    height: 38px;
    text-transform: uppercase;
    text-shadow: rgb(255, 238, 208) 0px 0px 25px !important;
    border-bottom: 4px groove rgba(186, 160, 125, 0.38);
}
 
#pun-stats h2 span {
    color: black;
    text-decoration: underline;
}
 
#pun-stats h4 {
    background: rgba(183,154,122,0.3);
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
}
 
#pun-stats h5 {
    background: rgba(183,154,122,0.3);
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 20px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    outline: 1px solid #e1d3ae;
    outline-offset: -2px;
}
 
#pun-stats #bib thead {
    outline: 1px solid #d8c2a0;
    outline-offset: -2px;
}
 
#pun-stats #bib thead th {
    padding: 5px;
    text-transform: uppercase;
    font-weight: 100;
}
 
#pun-stats #bib .hasicon .tc2 {
    width: 90px;
    border: none;
    padding-left: 0;
    padding-right: 20px;
    background: none;
    border-bottom: 1px solid #a29379;
    border-left: 1px solid #a29379;
    color: #594732 !important;
    font-weight: 100;
    text-align: right;
}
 
#pun-stats #bib .hasicon {
    background: rgba(183,154,122,0.3);
}
 
#pun-stats #bib .hasicon .tcr {
    border-left: 1px solid #a29379;
}
 
#pun-stats #bib .hasicon .tcr a {
    font-size: 9px;
    font-weight: bolder;
    font-family: verdana;
    text-transform: uppercase;
}
 
#pun-stats #bib .hasicon tr {
    line-height: 20px;
}
 
#pun-stats #bib .hasicon td {
    padding: 0;
    line-height: 22px;
    padding-left: 20px;
    font-weight: bold;
    border-bottom: 1px solid #a29379;
    font-size: 14px;
}
</style>
 
<style>
#pun-statistic #pun-main h1 {
    display: inherit !important;
    background: url(http://i.imgur.com/bign00c.jpg) repeat;
    outline: 1px solid #807361;
    outline-offset: -2px;
}
 
#pun-statistic #pun-main .tc3 {
    display: inherit !important;
}
 
#pun-statistic #pun-main .tc2 {
    display: inherit !important;
}
</style>
 
<style>
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    left: 50%;
    top: 40px;
    background: rgb(199, 175, 142);
    padding: 15px;
    width: 300px;
    outline: 1px solid #d6c3a0;
    outline-offset: -2px;
    font-weight: bold;
}
</style>
 
<style>
#pun-massages .formal fieldset .post-box {
background: url(http://i.imgur.com/ZsacUBu.jpg);
}
 
#profile {
    font-size: 12px;
}
 
#profile a {
    text-decoration: underline;
    padding: 0 2px;
}
 
#profile p {
    line-height: 20px;
    padding: 5px 0;
}
 
#profile .radiofield {
    background: rgba(183,154,122,0.3);
    padding: 10px;
    outline: 1px solid #e4d4b2;
    outline-offset: -2px;
}
 
.radio {text-decoration: underline;}
 
#profile .fs-box {
    padding: 0 10px 0;
    margin: 0;
    border-left: 10px solid #b89e7d;
}
 
#profile .formsubmit {
    background: rgba(183,154,122,0.3);
    line-height: 30px;
    padding: 5px !important;
    border: 2px solid #b89e7d;
    margin: 0 1px;
}
 
</style>
 
<style>
#pun-viewtopic #post-form #post .fs-box.hashelp input {
    cursor: pointer;
    border: none;
    padding: 5px 10px;
    margin-left: 20px;
    outline: 1px solid #bba17e;
    outline-offset: -2px;
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
    float: left;
}
 
#pun-viewtopic #post-form #post .fs-box.hashelp {
margin-bottom: 10px;
}
 
#pun-viewtopic #post-form #post .formsubmit {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 20px;
}
</style>
 
<style>
#pun-edit #post .areafield.required {
line-height: 25px;
}
 
#pun-edit #post .checkfield {
background: rgba(183,154,122,0.3);
    outline: 1px solid #e1d3ae;
    outline-offset: -2px;
    text-align: left;
    line-height: 25px;
    padding: 0 10px;
    margin-top: 10px;
 
#pun-edit #post .formsubmit {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 20px;
}
</style>
 
<style>
#navprofile a {
    width: 149px;
    position: absolute;
    top: 301px;
    left: 36px;
    text-align: center;
    background: none;
    line-height: 36px;
    border-right: 1px solid #90775b;
}
 
#navlogout a {
    width: 149px;
    position: absolute;
    top: 301px;
    right: 568px;
    text-align: center;
    padding: 0;
    background: none;
    line-height: 36px;
    border-right: 1px solid #90775b;
}
 
#pun-messages #messages .fs-box {
padding: 0;
margin: 0; 
border-right: 0;
border-left: 0;
}
 
 
#pun-messages #pun-main #profile fieldset .fs-box {
    padding: 0;
    border: 0;
    margin: 0;
}
 
#pun-messages #profile .post-box {
    margin: 0;
    background: url(http://i.imgur.com/ZsacUBu.jpg);
    border-left: 1px solid #8D7E6B !important;
}
</style>
 
<style>
span.num_msg {
    right: 502px;
    top: 347px;
    padding: 0 !important;
    position: absolute;
    font-size: 11px;
    line-height: 21px;
    background: #bd0000;
    height: 22px;
    width: 22px;
    text-align: center;
    color: white !important;
    cursor: pointer;
    border-radius: 100%;
}
 
span.num_msg:before {display:none;}
</style>
 
<style>
.pl-email {
padding: 0px 5px;
    margin-top: 15px;
    margin-left: 0px !important;
    height: 10px;
    line-height: 10px !important;
    border-right: 1px solid #594732;
}
 
#pun-messages #profile a {
   text-decoration: none !important;
}
 
#pun-messages li.pl-quote a, #pun-messages li.pl-delete a {
   padding: 5px 0px 5px 25px;
}
 
#pun-messages .pa-reg {
display: none;
}
 
#pun-messages .pa-author a {
padding: 0 !important;
}
 
#pun-messages .pl-website {
margin-left: 5px !important;
}
 
#pun-messages h3 {
    line-height: 30px;
    text-align: right;
    text-transform: none;
}
 
#pun-messages h3 span {
    padding-right: 10px;
}
 
#pun-viewforum .main.multipage .postlink {
    background: none !important;
}
 
hr {
    opacity: unset !important;
    margin-bottom: 5px;
    border-color: #ffe7bc;
    border-width: 1px;
}
 
#sub4 {
font-family: myriad-cont;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0;
    line-height: 15px;
    border: none;
    padding: 11px 20px;
    background: rgba(183,154,122,0.3);
    outline: 1px solid #e1d3ae;
    outline-offset: -2px;
}
 
#sub4:hover {
-webkit-transition: all 0.3s;
    font-family: myriad-cont;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    color: #ece3c9;
    border-radius: 0;
    line-height: 15px;
    border: none;
    padding: 11px 20px;
    background: url(http://i.imgur.com/bign00c.jpg) repeat;
    outline: 1px solid #d7c29f;
    outline-offset: -2px;
}
 
#pun-messages fieldset legend {margin-bottom: 0px;}
 
#pun-messages #post {
padding: 10px;
border-top: 1px solid #8d7e6b;
}
 
.post-content .code-box .blockcode .scrollbox  {
font-size: 12px;
}
 
.pa-avatar.item2 {
    width: 170px;
    max-height: 250px;
    text-align: left;
    margin-left: 15px;
}
 
#navlogin {
        position: absolute;
    top: 0;
    left: 200px;
}
 
#navregister {
        position: absolute;
    top: 0;
    left: 300px;
}
 
#navlogin a, #navregister a  {
}
 
#pun-index .user-avatar {
    height: 40px;
    vertical-align: middle;
    margin-left: 0;
}
 
.tc_tbl {
    background: rgba(183,154,122,0.3) !important;
    border-bottom: 1px solid #8d7e6b !important;
    border-left: 1px solid #8d7e6b !important;
    width: 280px !important;
    line-height: 20px !important;
    vertical-align: top !important;
    padding: 10px 0 0 0 !important;
}
 
#pun-index .tc_tbl span {
position: absolute;
    margin-top: 5px;
    padding-right: 10px;
    font-weight: bold;
}
 
.tc_tbl .tcr {
    border-top: 1px solid #8d7e6b !important;
    text-align: left !important;
    width: 90% !important;
    line-height: 10px !important;
    display: block !important;
    border: 0px none !important;
    background: none !important;
}
 
.tc_tbl .tc2,
.tc_tbl .tc3 {
    display: inline;
    border: none;
    background: none;
    margin-left: 10px;
    color: black;
    font-size: 12px;
    padding: 0;
}
 
#notify-settings {
    margin-bottom: 0 !important;
    padding: 10px;
}
 
.punbb .user-avatar img.ava {
    border-radius: 0% !important;
}
 
#pun-online table .tcl {
padding: 0 0px 0 20px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    width: 350px !important;
    border-right: 1px solid #8d7e6b;
}
 
#pun-online table .tc3 {
    display: inline-block;
    padding: 0 0px 0 20px;
    line-height: 30px;
    font-size: 14px;
    width: 288px;
    border-bottom: 1px solid #8d7e6b;
}
 
.forum .tcl font b {
font-weight: normal;
}
 
</style>
 
<style>
 
#pun-userlist .usertable {
    margin-top: 20px;
}
 
#pun-userlist .usertable table thead {display: none;}
 
#pun-userlist .usertable table .tcl {
    display: block;
    overflow: inherit;
    position: relative;
    top: 0px;
    padding: 10px;
    height: 134px;
    border: none;
}
 
#pun-userlist .usertable table .tcl .usersname {}
 
#pun-userlist .usertable table .tcl a {
    position: relative;
    display: inline-block;
    line-height: 38px;
    padding: 0 10px 0px 10px;
    background-color: #bba17e;
    font-size: 16px;
    z-index: 100;
    width: auto;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
}
 
#pun-userlist .usertable table .tcl em.user-avatar {
        position: relative;
    z-index: 200;
    background: none;
}
 
#pun-userlist .usertable table .tcl .user-avatar img.ava {
    border: 2px solid currentColor !important;
    margin: 0;
    opacity: 1;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
 
#pun-userlist .usertable table .tcl a.user-avatar-link {}
 
#pun-userlist .usertable table .tcl .user-avatar-link .ava {
    width: 80px;
    height: 80px;
}
 
#pun-userlist .usertable table .tc2 {
    font-weight: bold;
    font-size: 14px;
    background: none;
    display: block;
    position: absolute;
    top: 50px;
    left: 120px;
    height: 30px;
    z-index: 50;
    padding: 0 10px 0 10px !important;
    line-height: 30px;
    width: auto;
}
 
#pun-userlist .usertable table .tc3 {
    font-size: 14px;
    background: none;
    display: block;
    height: auto;
    width: auto;
    text-align: left;
    margin-left: 100px;
    margin-right: 50px;
    position: relative;
    z-index: 200;
    margin-bottom: 4px;
    left: 30px;
    top: -80px;
    padding-top: 5px;
    border-bottom: 1px solid #90775b;
}
 
#pun-userlist .usertable table tr {
    border-top: 1px solid #90775b;
    display: inline-block;
    width: 350px;
    position: relative;
    height: 200px;
}
 
#pun-userlist .usertable table tr.altstyle {
    background: rgba(183,154,122,0.3) !important;
}
 
.punbb .user-avatar img.on_ {
margin: 5px 8px 0 -16px !important;
}
 
</style>
 
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/0014/ef/99/34838.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/0014/ef/99/34838.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display: none;
    position: fixed;
    right: 100px;
    z-index: 9999;
    cursor: pointer;
    opacity: .7;
    margin-bottom: 5px;
    height: 28px;
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
transform: rotate(180deg);
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
 
 
<style>
 
#viewprofile {
min-height: 305px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #90775b;
}
 
#viewprofile ul {
padding: 0;
    min-height: 305px;
}
 
#viewprofile #profile-left {
padding: 10px 10px 10px 15px !important;
    line-height: 20px;
    width: 178px;
    border-top: 1px solid #90775b;
}
 
#viewprofile #profile-left strong {}
 
#viewprofile #profile-left #profile-name {
font-size: 16px;
}
 
#viewprofile #profile-left #profile-title {
font-size: 14px;
}
 
#viewprofile #profile-left li {}
 
#viewprofile #profile-left div {
padding: 10px;
    position: absolute;
    left: 5px;
    background: none;
}
 
#viewprofile #profile-left div img {
outline: 1px solid rgb(214, 194, 161);
    outline-offset: -2px;
}
 
#viewprofile #profile-left #profile-name strong {
color: #594732;
    text-decoration: underline;
}
 
#viewprofile #profile-left #profile-title strong {}
 
#viewprofile #profile-right {
width: 851px;
    position: absolute;
    left: 200px;
    min-height: 315px;
    border-left: 1px solid #90775b;
}
 
#viewprofile #profile-right li {
line-height: 27px;
    font-size: 14px;
    padding-left: 10px;
    border-top: 1px solid #90775b;
}
 
#viewprofile #profile-right strong {display: block;
    float: right;
    padding-right: 10px;
    margin-right: 90px;
    padding-left: 10px !important;}
 
#viewprofile #profile-right span {}
 
.post-vote .container {
background: #75634e;
    outline: 1px solid #b89e7d;
    outline-offset: -2px;
    position: absolute;
    top: 3px;
    right: 640px;
    min-width: 26px;
    line-height: 23px;
    text-align: center;
    padding: 0 !important;
    width: 50px;
}
 
.post-vote .container a {
color: white !important;
    font-size: 20px !important;
}
 
</style>
 
 
<style>
 
.inner.post_reputation {
display: block;
    padding: 0;
    outline: 0;
}
 
.inner.post_reputation .container {
padding: 8px;
    background: #2b2b29;
    line-height: 30px;
}
 
.inner.post_reputation #rep_form table tr {
display: block;
}
 
#rep_form table .tcl {
width: 100%;
border: none;
    text-align: left;
}
 
#rep_form table .tc2 {
text-align: left;
    display: block;
    width: 100%;
background: none !important;
}
 
#rep_form table span {
    font-size: 160%;
    text-transform: none;
}
 
#pun-respect #pun-main table tr {
line-height: 30px;
font-size: 14px;
}
 
#pun-respect #pun-main table .tcl {
border: 0 !important;
    padding-left: 10px;
    border-top: 1px solid #90775b !important;
}
 
#pun-respect #pun-main table .tc2 {
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #90775b !important;
}
 
#pun-respect #pun-main table .tc3 {
text-align: center;
    line-height: 15px;
    border-top: 1px solid #90775b !important;
}
 
#pun-respect #pun-main table .tcr {
padding: 0 0 0 10px !important;
    border-top: 1px solid #90775b !important;
}
 
</style>

НТМЛ низ:

НТМЛ низ
Код:
<!-- Аватар в цитате V.2 © Alex_63 / Ч.2 в HTML низ -->
<script type="text/javascript">setLinkAndAva()</script>

<script language="javascript">
var Nrout=$("#КонтентРотатор p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

<!--Количество тем, сообщений, последнее сообщение в столбик--> 
<script> 
$(".category thead").remove(); 
$(".category tbody tr").each(function(){ 
$(this).find(".tcl").after("<td class=\"tc_tbl\"></td>"); 
$(this).find(".tc2,.tc3,.tcr").appendTo($(this).find(".tc_tbl")); 
if($(this).find(".tcr").text().length<2){$(this).find(".tcr").remove();} 
$(this).find(".tc2").prepend("Тем: "); 
$(this).find(".tc3").prepend("Постов: "); 
$(this).find(".tcr").prepend(""); 

}); 
</script> 
<!--— //End//-Количество тем, сообщений, последнее сообщение в столбик —-->

<script type="text/javascript">setSubforums()</script>

<script><!-- Переносим список модераторов ниже секции Подфорумов -->
$('.modlist').each(function () {
  if($(this).parents('.tclcon').find('.subforums').length)$(this).insertAfter($(this).parents('.tclcon').find('.subforums'));
});
</script>

<script src="/export.php?type=js&amp;max=10" type="text/javascript"></script>
<script type="text/javascript">
var html='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
	ts = new Date();
	ts.setTime(1000*content[i][0]);
	mo = ts.getMonth()+1;
	if (mo<10) mo='0'+mo;
	hh = ts.getHours();
	mm = ts.getMinutes()+'';
	if (mm<10) mm='0'+mm;
	ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html2="</tr></tbody></table></div>"
html1="<h4>Последние 10 сообщений форума</h4><div id=\"bib\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th scope=\"col\">Время</th><th scope=\"col\">Последнее сообщение</th></tr></thead><tbody class=\"hasicon\">"
html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}

var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h5>Общая статистика</h5>"+name+""
}
i++
}
</script>

<!-- Cкрипт Валюты --><script type="text/javascript">
        $("#pun-viewtopic .post .post-author").each(function(){
        var fldName="<b>Септимы</b>"    //Точное Имя Поля

        //Все Коэфициенты могут быть дробными
        var K_post=1;    //Кол-о баллов начисляемых за одно сообщение;
        var K_invites=11;    //Кол-о баллов начисляемых за число приглашенных на форум;
        var K=1;            //Коэффициент участия(Кол-о баллов за час пребывания на форуме
        var K_respect=3;    //Кол-о баллов начисляемых за один балл уважения;
        var K_positive=0;    //Кол-о баллов начисляемых за один балл выставленный данным юзером другим юзерам в уважение;

        if($(this).find(".pa-avatar").length){var L=".pa-avatar"}else var L=".pa-title"
        $(this).find(L).after('<li class="pa-fld11"><b>'+fldName+'</b>: 0</li>')

        var ss1=0,ss2=0,ss0=0,i=0,ss=0,s=0;
        if($(this).find(".pa-respect").length){ss2=$(this).find(".pa-respect").text();
        ss2=ss2.replace(/^[\s\S]+?([+-]*\d+)(?:[^\d]*?(-\d*).*)*/gim,'$1,$2').split(',');
        ss2=K_respect*(+ss2[0]+ +ss2[1]);}
        if($(this).find(".pa-positive").length){ss1=$(this).find(".pa-positive").text();
        ss1=ss1.replace(/^[\s\S]+?([+-]*\d+)(?:[^\d]*?(-\d*).*)*/gim,'$1,$2').split(',');
        ss1 = K_positive*(+ss1[0]+ +ss1[1]);}
        if($(this).find(".pa-invites").length){ss=$(this).find(".pa-invites").text(); ss=K_invites*parseInt(ss);}

        if($(this).find(".pa-posts").length)ss0=$(this).find(".pa-posts").text();
        ss0=K_post*parseInt(ss0.replace("Сообщений: ",""));
        if($(this).find(".pa-time-visit").length){var str=$(this).find(".pa-time-visit").text();str=str.replace("Неизвестно","0 минут");
        str=str.replace(" минуты","+");str=str.replace(" минуту","+");str=str.replace(" минут","+");
        str=str.replace(" часа","*60+");str=str.replace(" часов","*60+");str=str.replace(" час","*60+");
        str=str.replace(" день","*24*60+");str=str.replace(" дней","*24*60+");str=str.replace(" дня","*24*60+");
        str=str.replace(" месяцев","*(365/12)*24*60+");str=str.replace(" месяца","*(365/12)*24*60+");
        str=str.replace(" месяц","*(365/12)*24*60+");str=str.replace(/ /g,"");str=str.replace("Провеланафоруме:","");
        str=str.replace("Провелнафоруме:","");str+="0";var i=eval(str);}

        var s=$(this).find("li:not(.pa-fld11):contains('"+fldName+":')").remove().text();
        if(s=='')s=''+0;
        s=s.replace(fldName+": ","");s=parseFloat(s);s=Math.round((i/60)*K+ss0+ss1+ss2+s);
        str=$(this).find(".pa-fld11").html();str=str.replace(/:.*/ig,': '+s);$(this).find(".pa-fld11").html(str);

        ;})
        </script><!-- Конец -->

<script><!--Универсальный скрипт замены. -->
    function UniverСhange(selektor,changed,substitute){
    $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
    $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
    UniverСhange(".pa-fld1","Уникальный статус:","");
    UniverСhange("#pun-status p span.item3 a","Помочь форуму","Пополнить казну");
    UniverСhange(".container.crumbs","»","? ");
    UniverСhange("li#onlinelist div a","Активны","Сейчас на форуме");
    UniverСhange("li#onlinelist div","Гостей:","Странников:");
    UniverСhange("li#onlinelist div","Пользователей:","Своих:");
    UniverСhange("#pun-stats li.item3 span","Зарегистрированных пользователей:","Зарегистрированных участников форума:");
    UniverСhange("#pun-stats li.item4 span","Последним зарегистрировался:","Приветствуем нового пользователя -");
    UniverСhange(".punbb .main .tcl","Форум","Раздел");
    UniverСhange(".punbb .modmenu .container","Гостей:","Странников:");
    UniverСhange(".punbb .modmenu .container","Пользователей:","Своих:");
    UniverСhange("span.stickytext","Важно: ","Важная тема");
    UniverСhange("span.closedatafield","Закрыта&nbsp;","Закрыта");
    UniverСhange("#profile1 fieldset label","Имя ","Никнейм ");
    UniverСhange("#profile1 fieldset label","E-mail ","Ваша электронная почта ");
    UniverСhange(".fs-box p","справа","слева");
    UniverСhange("#pun-status span.item2","Ваш последний визит: ","Твой последний визит: ");
    UniverСhange("#pun-about p span a","Cоздать форум","");
    UniverСhange("#pun-about p span a","cоздать форум","");
    UniverСhange("#pun-about p span a","cоздать форум","");
    UniverСhange("#pun-about p span","анимешный на AniHub.ru,","");
    UniverСhange("#pun-about p span","на 0pk.ru,","");
    UniverСhange(".modlist","(Модераторы: ","Модераторы: ");
    UniverСhange(".modlist",")","");
    UniverСhange("#f-subforums .tcl .modlist","(Модераторы: ","Модераторы: ");
    UniverСhange("#f-subforums .tcl .modlist",")","");
    UniverСhange("#pun-respect #pun-main h1 span","Отношение участников форума к","Репутация:");
</script>

<script type="text/javascript">
var img = document.createElement('img');
var UserAvatar = UserAvatar;
if( ! UserAvatar )
	img.src = 'https://image.ibb.co/hksmaG/1.gif';
else
	img.src = UserAvatar;

$("td#ava-status").html(img);
</script>

<script type="text/javascript">
var cpm=($("#navpm a").css("color"));var chng="&nbsp;(";
var spm="</span><span style=\"color:"+cpm+";\" id=\"npm\">(";
$("#navpm a").html($("#navpm a").html().replace(chng,spm));
$("#npm").appendTo("#navpm");
$("#pm").append($("li#navpm"));
$("#npm").append($("#navpm a"));
</script>



<script type="text/javascript">
var sex=document.getElementById('pun-main').getElementsByTagName("li")
var sx=0
for (sx=0; sx<=(sex.length-1); sx++)
{if (sex[sx].className=="pa-sex")
{if (sex[sx].innerHTML.indexOf("Мужской")!=-1)
{sex[sx].innerHTML="<img src='http://i.imgur.com/Ql0qBk4.png' title='Male' />"}
else if (sex[sx].innerHTML.indexOf("Женский")!=-1)
{sex[sx].innerHTML="<img src='http://i.imgur.com/3uZVa9F.png' title='Female' />"}
}}
</script>

<!-- опросы -->
<script type="text/javascript">
$('#pun-viewforum .tclcon').map(function () {
var Opros=$(this).find('a').attr('href');var self=$(this);
$.get(Opros,'',proOpros);function proOpros(data){$(data).find('div#poll-special').each(function(){ self.prepend('<span class="green">Опрос</span>&nbsp;'); }); } });
</script>

<script type="text/javascript">
Offcategor("Название  Раздела", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
Offcategor("Название  Форума", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
Offcategor("Название темы", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
        function Offcategor(categor,myarray){ 
        var a = 1
        st = document.getElementById("pun-crumbs1").innerHTML;
        if (st.indexOf(categor)!= -1){
        var a = 0
        for(q=0;q<myarray.length;q++){
        if (myarray[q]== UserLogin){
        a = 1}}
        if (a != 1){document.getElementById("pun-main").innerHTML = "<div id=\"pun-main\" class=\"main\" style=\"margin-top: -25px!important;\"><h1><span>Информация</span></h1><div class=\"info\"><div class=\"container\"><b><span style='font-size:14px;'>Вы не имеете прав доступа к этой странице.</span><b></div></div></div>"}
}
}
</script>

<script type="text/javascript">
var categor_ = new Array (
"Общий раздел", "Информация, вопросы администрации, обсуждение работы форума.",
"Империя Тамриэль - Морроувинд", "Страна, покрытая пеплом Красной Горы.",
"Империя Тамриэль - Скайрим", "Также известный как Старое Королевство, исконная родина воинственных нордов.",
"FloodZone", "Общение на любые темы.",
"Форумные Ролевые Игры", "Создай своего Героя",
"Общение", "на любые темы",
"Архивы форума", "Все то, что достойно быть сохраненным.",
"End" )//Конец списка;
$(".category h2 .catleft").next().each(function(){
var lng = categor_.length-2; for(var i=0;i<lng;i+=2){var name = $(this).html();
if(name==categor_[i]){$(this).html(name+'<br/><small>'+categor_[i+1]+'</small>');break;}}
});
</script>

<style>p.tags { border: 1px solid #8B7C74;border-radius: 4px;padding: 0.3em 1.0em;margin: 10px;background-image: url(http://i.imgur.com/gnqi3.jpg);font-weight: bold; }
</style>
<script>var tmp = $('.post-content > p'); tmp = tmp.eq(a.length - 1).each(function() { if ($(this).text().indexOf('Теги: ') == 0) { $(this).addClass('tags'); } });</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var arr=document.links
var arr1=new Array ("BlackSparrow", "0")
var arr2=new Array ("Воин_Чести", "00")
var arr3=new Array ("ник")
var arr4=new Array ("ник")
var arr5=new Array ("ник")
for (x in arr)
{for (y in arr1)
{if (arr[x].innerHTML==arr1[y])
{
arr[x].innerHTML="<font color='maroon'>"+arr[x].innerHTML+"</font>"}
}}
for (x in arr)
{for (j in arr2)
{if (arr[x].innerHTML==arr2[j])
{
arr[x].innerHTML="<font color='#556B2F'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (l in arr3)
{if (arr[x].innerHTML==arr3[l])
{
arr[x].innerHTML="<font color='Цвет'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (l in arr3)
{if (arr[x].innerHTML==arr4[l])
{
arr[x].innerHTML="<font color='Цвет'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (l in arr3)
{if (arr[x].innerHTML==arr5[l])
{
arr[x].innerHTML="<font color='Цвет'>"+arr[x].innerHTML+"</font>"}}}
</script>

<script type="text/javascript">
    var rows=document.getElementsByTagName("tr")
    var no=0
    for (no=0; no<=(rows.length-1); no++)
    {if (rows[no].className.indexOf("isticky")!=-1)
    {rows[no].getElementsByTagName("a")[0].innerHTML="<font color='maroon'><b>"+rows[no].getElementsByTagName("a")[0].innerHTML+"</b></font>"}
    else if (rows[no].className.indexOf("iclosed")!=-1)
    {rows[no].getElementsByTagName("a")[0].innerHTML="<font color='#666666'>"+rows[no].getElementsByTagName("a")[0].innerHTML+"</font>"}
    }
    </script>

<script>
visit="Твой последний визит"
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
   document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+19,str.length-1)
greet="Под этим солнцем и небом, мы тепло приветствуем тебя, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1)
</script>

<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>

<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

<!--Спойлер - контейнер-->
<!-- jquery уже подключен -->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>


<style type="text/css">
#button-spoiler {background:url('http://i.imgur.com/2JUXjUA.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>

<script type="text/javascript">
function tag_spoiler(){
 var y = prompt("Введите описание закрытой кнопки",'');
 if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){
 var x = prompt("Введите описание открытой кнопки",'');
 if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[spoiler='+y+']','[/spoiler]'); else bbcode('[spoiler='+y+'|'+x+']','[/spoiler]');}
 else bbcode('[spoiler]','[/spoiler]')
}
function addSpoiler(str,from,internal){
 var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open='';
 if((pos=str.indexOf("[spoiler",from))==-1) return str;
 if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
 if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){
 string = str.substring(pos+9,pos_c);
 if((pos_l = string.indexOf("|"))!=-1){
close = string.substring(0,pos_l);
open = string.substring(pos_l+1,string.length);
 }
 else{
close = string;
open = string;
 }
 }
 else{
close = 'Показать спойлер';
open = 'Скрыть спойлер';
 }
 newpos=str.indexOf("[spoiler",pos+9)
 if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
 if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
 str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length)
 if( str.indexOf("[spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false)
 return str;
}

function makeSpoiler(txt,open,close){
 txt='<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
 return txt;
}

$(document).ready(function(){
 $("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
 });
});

if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
 elm=document.getElementById("pun-main").getElementsByTagName("div")
 for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)
 }
}
if(form=document.getElementById("form-buttons"))
 form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img  id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
</script>


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



<style>.Myimge {position:absolute;margin-top:-4px;cursor:pointer;}</style>
<script type="text/javascript">
PiarNik="PR";
PiarPas="0000";


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

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

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].getElementsByClassName('pa-online')[0].innerHTML = "<img src='http://i.imgur.com/kuNuh.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)){
we[x].innerHTML=we[x].innerHTML+"<img src='http://i.imgur.com/82ebw.png' />"}}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld4")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>



<script type="text/javascript">
var DefAvtr = 'https://image.ibb.co/hksmaG/1.gif'; //Ссылка на аватар по умолчанию

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
var L='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';
if($(this).parent().find('.pa-avatar').html()==null)$(this).after(L);});
$('#profile-left strong:contains("Нет аватара")').parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>


<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) {
var repl = document.getElementById("main-reply");
var submit = document.getElementsByTagName("p")
for (var i=0; i<submit.length; i++){
if (submit[i].className == "formsubmit")
submit[i].innerHTML = "<span id=\"plng\" style=\"font-family: myriad-cont;text-transform: uppercase;cursor: default;border-radius: 0;padding: 12px 20px;margin-right: 20px !important;background: rgba(183,154,122,0.3);outline: 1px solid #e1d3ae;outline-offset: -2px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML;
}
repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){
document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>";
}}
</script>

<script type="text/javascript">
li=document.getElementsByTagName("span")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Всего тем")) != -1) li[f].innerHTML=s.substring(0,p)+"Тем"+s.substring(p+9)
else if((p=s.indexOf("Всего сообщений")) != -1) li[f].innerHTML=s.substring(0,p)+"Сообщений"+s.substring(p+15)
}
</script>

<script type="text/javascript">
var smileDiv = document.getElementById("smilies-block");
smileDiv.innerHTML="";
if(smileDiv)
{
var smileItem = new Array();
smileItem.push('http://yoursmiles.org/ksmile/white/k1404.gif');
smileItem.push('http://yoursmiles.org/ksmile/white/k1411.gif');
smileItem.push('http://yoursmiles.org/ksmile/white/k1403.gif');
smileItem.push('http://yoursmiles.org/ksmile/white/k1402.gif');
smileItem.push('http://yoursmiles.org/ksmile/white/k1414.gif');
smileItem.push('http://yoursmiles.org/ksmile/white/k1414.gif');
smileItem.push('http://yoursmiles.org/ksmile/white/k1409.gif');

for (i=0; i<smileItem.length; i++){
smileDiv.innerHTML+='<img src="'+smileItem[i]+'" alt="Смайл" onclick="smile(\'[img]'+smileItem[i]+'[/img]\')" />';
}
}
</script>

<script type="text/javascript">
li=document.getElementsByTagName("span")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Зарегистрированных пользователей")) != -1) li[f].innerHTML=s.substring(0,p)+"Зарегистрированных пользователей"+s.substring(p+32)
else if((p=s.indexOf("Последним зарегистрировался")) != -1) li[f].innerHTML=s.substring(0,p)+"Приветствуем нового участника"+s.substring(p+27)
}
</script>

<!-- Поисковые боты (расширенный список)-->
<div class="botlist" style="display:none">
<p>Yandex,#9E8DA7,95.108.,77.88.,93.158.</p> 
<p>Google,#9E8DA7,66.249.</p> 
<p>Mail,#9E8DA7,94.100.,217.69.134.,217.69.136.</p>
<p>Rambler,#9E8DA7,81.19.</p>
<p>Yahoo!,#9E8DA7,67.195.,72.30.,74.6.,202.160.</p>
<p>Bing,#9E8DA7,207.46.,65.52.,65.55.,157.55.</p>
<p>Baidu,#9E8DA7,119.63.,123.125.,220.181.</p>
<p>Ask,#9E8DA7,66.235.</p>
<p>Ezooms,#9E8DA7,208.115.111.</p>
<p>Aport,#9E8DA7,194.67.</p>
</div>
<script>var L0=$("#navlogout").html(),L=$(".punbb").attr("id");if((L0!=null)&&(GroupID<3)&&(L=="pun-index"||L=="pun-online")){var Botlist={},L=[];$(".botlist p").each(function(j){L[j]=$(this).text().split(",");Botlist[L[j][0]]=L[j]});$.ajax({type:'GET',url:'online.php',success:function(data){$(data).find('div#pun-online td.tcl:first-child').map(function(){var OnlineIP=$(this).find('a').attr('title');Str='<a href="/online.php" class="bot" title="';for(var key in Botlist){for(i=2;i<Botlist[key].length;i++){var pattern="^"+Botlist[key][i],regexp=new RegExp(pattern,"ig");if(OnlineIP.search(regexp)!=-1){var L=Str+OnlineIP+'"><span style="color:'+Botlist[key][1]+';" >&nbsp;, '+Botlist[key][0]+'[bot]</span></a>';$('li#onlinelist.item5 span:first').append(L);}}}})}});$('div#pun-online td.tcl a:contains("Гость")').map(function(){OnIP=$(this).attr('title');for(var key in Botlist){for(i=2;i<Botlist[key].length;i++){var pattern="^"+Botlist[key][i],regexp=new RegExp(pattern,"ig");if(OnIP.search(regexp)!=-1){$(this).html(Botlist[key][0]+'[bot]').css({'color':Botlist[key][1]})}}}})}</script>

<script>$('.post-content:contains("[list]")').each(function() {
  var replacer = function(str, p1, offset, s) { return '<ul>' + $.trim(p1.replace('[*]', '<li>').replace(/\s*\[\*\]\s*/g, '</li><li>')) + '</li></ul>' },
    reg = /\[list\]\s*([\s\S]*)\s*\[\/list\]/gim;
  $(this).html($(this).html().replace(reg, replacer));
});</script>

<style type="text/css">.post-sig dd li{text-align:left}.tipsy.sig{font-size:13px;font-family:Times New Roman;}</style>
<script type="text/javascript">
$(window).load(function(){
setTimeout(function(){
var sig_default = '<dl class="post-sig"><dt><span>Подпись автора</span></dt><dd></dd></dl>';
var fld = ".pa-awards";
$(".topic .post "+fld).each(function(){
   var sig = $(this).parents('.post').find('.post-sig dd');
   if(!sig.length)$(this).parents('.post').find('.post-content').append(sig_default);
   sig=$(this).parents('.post').find('.post-sig dd')
   $(this).appendTo(sig)
});
$('.topic .post').find('.post-sig dd img[title]').tipsy({fade: true, gravity: 's sig'});
},400);});
</script>

<script language="javascript">
$('div.post-content p a[rel="nofollow"]').map(function(){
var link = $(this).attr('href');
var hrfstr = link.slice(link.indexOf('click.php?') +10);
if((hrfstr.indexOf(".jpg")!= -1) || (hrfstr.indexOf(".png")!= -1) || (hrfstr.indexOf(".gif")!= -1) ){
$(this).html('<br><img src="'+hrfstr+'" >');
}
if(hrfstr.indexOf(".mp3")!= -1) {
$(this).html('<br /><embed src="http://petushki-city.ru/files/0002/10/47/48643.swf" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="comment=track&amp;st=http://petushki-city.ru/files/0002/10/47/36138.txt&amp;file='+hrfstr+'" width="400" height="25">' );
}
if(hrfstr.indexOf("youtu")!= -1) {
var End = hrfstr.slice(hrfstr.indexOf('?v=') +3);
$(this).html('<br /><iframe class="youtube-player" src="http://www.youtube.com/embed/'+End+'" frameborder="0" allowfullscreen="true" width="480" height="284"></iframe>');
}
});
</script>

<!-- Цветовыделение Ников по группам // V.3 -->
<script type="text/javascript">
var groupColors ={
//ID группы  //Цвет
          1 : 'maroon',
          2 : '#3378d2',
          6 : 'gray'  //Последний элемент без запятой
};
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/30024.js"></script>

Протестируйте - все ли работает, бо кое что я выкинул, что-то объединил ну и часть импортантов убрал..

Пока я завис на селекторах: #top_bar_f, #top_bar, .td_l, .td_p,  .mini_profil - если вы знаете к чему они относятся это мне облегчит работу..

Отредактировано kolobdur74 (Сб, 18 Авг 2018 14:31:17)

+3


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)