пост недели от: терессы
В Ардоне слишком много уставших людей. Незнакомец, сидящий перед ней, ничем не отличался: тот же печальный взгляд, те же поникшие плечи. Любой человек в этой деревне мог бы быть им, сидеть так же на похожей лавке и размышлять о смысле собственной жизни. Проблема в том, что люди не столь просты, — нам очень хочется, чтобы пришел кто-то и решил что-то за нас, она, по сути, именно этого от него и ожидала. Тересса знала, что он юлит с ответом на вопрос, почему он решил отдаться толпе, ведь правда заключалась в том, что так проще. «Этого желали вы» — но так ли это? Люди просто хотели, чтобы перестали мучить их любимых и это вполне оправданное желание. Привыкли, да, но не значит, что смирились. Он размышляет, что всем так проще, но это не совсем так, просто большинство устали противостоять, так же, как и он сам. Тересса была не такая, наверно, потому что она большую часть жизни провела не в этой стране, не впитала в себя эту прожжённую философию «смирись или умри». Она уж точно никогда не смирится. улыбкой.
лучший эпизод all that we are
активисты недели
разыскиваются по всем землям
антуражка с элементами фэнтэзи / эпизоды, nc-21

mrazeus & shady design test

Объявление

тг-канал
обмазываемся эдитами

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

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


Вы здесь » mrazeus & shady design test » диз джена » диз синий кресджен


диз синий кресджен

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

1

https://i.imgur.com/cric7rS.png
https://i.imgur.com/ku80GFO.png https://i.imgur.com/TANC3j7.png https://i.imgur.com/80UKuEW.png
https://i.imgur.com/CfFlP6l.png https://i.imgur.com/7rM4lk1.png
https://i.imgur.com/06g3Hs3.gif https://i.imgur.com/7pyyz95.gif
https://i.imgur.com/CBXTbaT.gif https://i.imgur.com/w5UMtWc.gif https://i.imgur.com/CyHbf2r.gif https://i.imgur.com/UaeC6vN.gif

0

2

стиль

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

Основа css разработана специально для группового обучения дизайну от piterksaya.

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

/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);

@import url(https://forumstatic.ru/files/001b/1d/5c/11844.css);
@import url(https://forumstatic.ru/files/001b/1d/5c/89264.css);
@import url(https://forumstatic.ru/files/0010/68/b3/73390.css);
@import url(https://forumstatic.ru/files/0010/68/b3/29403.css);

@import url(https://fonts.googleapis.com/css?family … i,700,700i);
@font-face {
    font-family: Neothic;
    src: url('https://forumstatic.ru/files/001a/e2/69/78735.ttf');
}

@font-face {
    font-family: AuX;
    src: url('https://forumstatic.ru/files/001b/0b/62/12218.ttf');
}

@font-face {
    font-family: Aznauri;
    src: url('https://forumstatic.ru/files/001b/0b/62/58024.ttf');
}

/* A2 НАСТРОЙКИ БРАУЗЕРА ПО УМОЛЧАНИЮ. ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/

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

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

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

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

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

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

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

/* A3 ШРИФТ НА ФОРУМЕ - ЛУЧШЕ НЕ ТРОГАТЬ.
блок отвечает за шрифты и их размеры, но он не требует изменений в 95% случаев
-------------------------------------------------------------*/

/* A3.1 РАЗМЕР ШРИФТА НА ФОРУМЕ
-------------------------------------------------------------*/
body {
  font-size: 100.01%;
  overflow-x: hidden;
  }

/* A3.1 ШРИФТЫ НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb {
  font: normal 70% verdana;
  }

/* A3.2 ШРИФТЫ В ПОЛЯХ ВВОДА
-------------------------------------------------------------*/
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana;
  }

/* A3.4 ЗАГОЛОВКИ
-------------------------------------------------------------*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  border-color: transparent;
  }

/* ВСЕ, ЧТО НИЖЕ В БЛОКЕ А3, ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/
/* A3.5 */
.punbb h1 span, .punbb legend span {
  font-size: 10px!important;
    font-family: play!important;
    color: #185a79!important;
    font-weight: 600;
    text-transform: uppercase;
  }
.punbb h2 span,  {
  font-size: 10px!important;
    font-family: play!important;
    color: #3dbdbc!important;
    letter-spacing: 1px;
    font-weight: 300;
    text-shadow: 1px 2px 1px black;
    text-transform: lowercase;
  }

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

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

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

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

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

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

/* A4 ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ - ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/

/* 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 ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ
-------------------------------------------------------------*/

/* A5.4 НЕ ТРОГАЕМ */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 НЕ ТРОГАЕМ */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 НЕ ТРОГАЕМ */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: -30px;;
  }

/* 5.7 НЕ ТРОГАЕМ */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 НЕ ТРОГАЕМ */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 НЕ ТРОГАЕМ */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 КАТЕГОРИИ, ЗАГОЛОВКИ - ОТСТУПЫ - НЕ ТРОГАЕМ */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0px 1em 70px 1em;
    border-style: solid solid none solid;
    border-width: 1px 1px 0px 1px;
  }

/*************************************************************
B - ГЛАВНОЕ СОДЕРЖИМОЕ - ОБЩИЕ
**************************************************************/

/* B1 контент, подписи и поля прокрутки
-------------------------------------------------------------*/

/* B1.1 ВАЖНО! ВЫРАВНИВАНИЕ ТЕКСТА В ПОСТАХ
Justify в последней строке отвечает за выравнивание постов по ширине*/
.punbb .post-content {
  width: 100%;
  overflow: hidden;
  text-align:justify;
  }

/* B1.2 ПОЛОСА, ОТДЕЛЯЮЩАЯ ПОСТ И ПОДПИСЬ*/
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid color: #4444442e;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 АБЗАЦЫ ВНУТРИ ПОСТОВ*/
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;}

/* B1.4 НЕ ТРОГАЕМ */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 НЕ ТРОГАЕМ */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 НЕ ТРОГАЕМ */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 НЕ ТРОГАЕМ */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 ОТСТУПЫ У ЦИТАТ, КОДОВ - НЕ ТРОГАЕМ  */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border: medium none;
    margin: 0.4em 0em 0.8em;
    padding: 0em;
}

/* B2 ИНФОБОКСЫ ВООБЩЕ НЕ ТРОГАЕМ
-------------------------------------------------------------*/

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

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

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

/* B3 РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
-------------------------------------------------------------*/

/* B3.1 НЕ ТРОГАЕМ */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 НЕ ТРОГАЕМ */
.multipage {
  margin-top: 3em;
  }

/* B3.3 СТРАНИЦЫ ВНУТРИ ТЕМ СВЕРХУ */
.linkst .pagelink {
margin-top: -40px;
    margin-left: 10px;
    font-family: tahoma !important;
}
/* СНИЗУ */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    margin-left: -6px!important;
}

/* НЕ ТРОГАТЬ */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: normal;   
  }

/* СТРАНИЦЫ ВНУТРИ ТЕМ СНИЗУ */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em;
    font-family:tahoma!important;
}

/* B3.4 ССЫЛКИ НОВАЯ ТЕМА, СОЗДАТЬ ОПРОС ВНУТРИ ПОДФОРУМА
Лучше не трогать */
.linkst .postlink {
    position: absolute;
    top: -40px;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: normal;
    font-family: tahoma!important;
}

/* B3.8 ССЫЛКА ПОДПИСАТЬСЯ И ОТСЛЕЖИВАТЬ ВНУТРИ ТЕМЫ
Лучше не трогать */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - НАСТРОЙКА ГЛАВНЫХ ЭЛЕМЕНТОВ
**************************************************************/

/* C1 РАСПОЛОЖЕНИЕ ФОРМ
-------------------------------------------------------------*/

/* C1.1 НЕ ТРОГАЕМ */
.punbb .formal .container {
  padding: 1em 1em 1em 1em;
  }

/* C1.2 НЕ ТРОГАЕМ */
.punbb .formsubmit {
  padding: 0 0 0 10px;
  }

/* C1.3 НЕ ТРОГАЕМ */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 НЕ ТРОГАЕМ */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
   }

/* C1.5 НЕ ТРОГАЕМ */
.punbb fieldset legend {
padding: 0;
margin: 0px 0 0 -10px;
font-size: 1.1em;
  }

/* C1.6 НЕ ТРОГАЕМ */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 10px;
  }

/* C1.7 НЕ ТРОГАЕМ */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 НЕ ТРОГАЕМ */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 НЕ ТРОГАЕМ */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 НЕ ТРОГАЕМ */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 НЕ ТРОГАЕМ */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 НЕ ТРОГАЕМ */
.punbb .datafield br {
  display: none
  }

/* C1.13 НЕ ТРОГАЕМ */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 НЕ ТРОГАЕМ */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 НЕ ТРОГАЕМ */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 НЕ ТРОГАЕМ */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 НЕ ТРОГАЕМ */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 НЕ ТРОГАЕМ */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 НЕ ТРОГАЕМ */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 НЕ ТРОГАЕМ */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

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

/* C1.21.1 НЕ ТРОГАЕМ */
.punbb .helplinks span INPUT {
  margin-right: 2px;
  margin-bottom: 2px;
}

/* C2 РАСПОЛОЖЕНИЕ ТАБЛИЦ
-------------------------------------------------------------*/

/* C2.1 ПОДФОРУМ - СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА
Очень редко требует корректировки */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 55%;
  }

/* C2.2 НЕ ТРОГАЕМ */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

.punbb .main .tc3 {
text-transform: none !important;
}

/* C2.3 ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА И ПОСЛЕДНЕЕ СООБЩЕНИЕ
СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА
Очень редко требует корректировки */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 НЕ ТРОГАЕМ */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 НЕ ТРОГАЕМ */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 НЕ ТРОГАЕМ */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 НЕ ТРОГАЕМ */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 НЕ ТРОГАЕМ */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 НЕ ТРОГАЕМ */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 НЕ ТРОГАЕМ */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 НЕ ТРОГАЕМ */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 НЕ ТРОГАЕМ */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 НЕ ТРОГАЕМ */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 НЕ ТРОГАЕМ */
.punbb tbody.hasicon td.tcl {  }

/* C2.15 НЕ ТРОГАЕМ */
.punbb div.icon { }

/* C3 ТОПИКИ
-------------------------------------------------------------*/

/* C3.1 НЕ ТРОГАЕМ */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 НЕ ТРОГАЕМ */
.punbb .post h3 {
    border-style: solid solid none solid;
    border-width: 1px;
    width: 949px;
    margin: 10px -18px !important;
    background: url(https://forumstatic.ru/files/001b/11/27/65766.png) no-repeat;

}

/* C3.3 НЕ ТРОГАЕМ */
.punbb .post h3 span {
    border-left: 1px solid transparent;
    padding: 0em 0em;
    display: block;
    margin-left: 30px;
    margin-top: 7px;
    font-size: 10px;
    font-family: tahoma!important;
    color: #828a5e !important;
}

.punbb .post h3 a { color: #aeaeae!important;}

/* C3.4 НЕ ТРОГАЕМ */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 ПРОФИЛЬ */
.punbb .post .post-author {
    float: left;
    margin-top: -1.5em;
    overflow: hidden;
    min-height: 250px!important;
}

/* C3.6 НЕ ТРОГАЕМ */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 НЕ ТРОГАЕМ */
.pa-author { }

/* C3.7 НЕ ТРОГАЕМ */
.pa-author a {}

/* C3.7 НЕ ТРОГАЕМ */
.pa-author a:hover {
}

/* C3.9 СТАТУС-ЛИЧНОЕ ЗВАНИЕ АВТОРА В ПРОФИЛЕ В ТОПИКЕ */
li.pa-title {
  padding-bottom: 0em;  }

/* C3.10 ПРЯЧЕМ, КОГДА ЗАРЕГИСТРИРОВАН*/
.pa-reg {display: none;}

/* не трогаем */
li.pa-online {}

li.pa-ua {
    margin-top: 0.7em;
    display: none!important;
    justify-content: center;
}

/* C3.11 ВАЖНО!!! СООТНОШЕНИЕ МЕЖДУ ШИРИНОЙ ПРОФИЛЯ И ШИРИНОЙ ПОСТА */
.punbb .post-body {
    margin-left: 245px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 0px 0;
}

/* C3.12 НЕ ТРОГАЕМ */
.punbb .post-box {
      padding: 0px 15px 10px 0px;
  }

/*C3.13 НЕ ТРОГАЕМ */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 НЕ ТРОГАЕМ */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 НЕ ТРОГАЕМ */
.punbb .post-links ul {}

/* C3.16 НЕ ТРОГАЕМ */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 НЕ ТРОГАЕМ */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 НЕ ТРОГАЕМ */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

/* C4 МЕНЮ МОДЕРАТОРА
-------------------------------------------------------------*/

/* C4.1 НЕ ТРОГАЕМ */
.punbb .modmenu .container {
  padding: 10px 5px;
  text-align: right;
  }

/* C4.2 НЕ ТРОГАЕМ */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 НЕ ТРОГАЕМ */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 НЕ ТРОГАЕМ */
.punbb .modmenu input {
  margin-left: 1em;
  }

/* C5 НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* C5.1 НЕ ТРОГАЕМ */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 НЕ ТРОГАЕМ */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

/* C6 ПРОФИЛЬ
-------------------------------------------------------------*/

/* C6.1 НЕ ТРОГАЕМ */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 НЕ ТРОГАЕМ */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 НЕ ТРОГАЕМ */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: normal;
  }

/* C6.4 НЕ ТРОГАЕМ */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 НЕ ТРОГАЕМ */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 НЕ ТРОГАЕМ */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 НЕ ТРОГАЕМ */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 НЕ ТРОГАЕМ */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 НЕ ТРОГАЕМ */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 НЕ ТРОГАЕМ */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 НЕ ТРОГАЕМ */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 СПИСОК ПОЛЬЗОВАТЕЛЕЙ
-------------------------------------------------------------*/

/* C7.1 НЕ ТРОГАЕМ */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 НЕ ТРОГАЕМ */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 НЕ ТРОГАЕМ */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }

/*************************************************************
D - PUNBB РАЗДЕЛЫ, ОСНОВНОЕ СОДЕРЖИМОЕ
**************************************************************/

* html .tclcon {height: 1px}

/* D1 ЛОГОТИП И ОПИСАНИЕ
-------------------------------------------------------------*/

/* D1.1 НЕ ТРОГАЕМ */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 НЕ ТРОГАЕМ */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 НЕ ТРОГАЕМ */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 НЕ ТРОГАЕМ */
#pun-title h1 span  {
  font-size: 0em!important;
  }

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

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

/* D2 НАВИГАЦИЯ ПО СТРАНИЦАМ
-------------------------------------------------------------*/

/* 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 НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
Та самая строка, которая показывает ваше нынешнее положение в виде
НАЗВАНИЕ ФОРУМА - ПОДФОРУМ - ТЕМА
-------------------------------------------------------------*/

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

/* D.3 НЕ ТРОГАЕМ */
#pun-navlinks li {
  display: inline;
  padding-right: 0em;
  }

/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ
Форум, участники, поиск и тд - настраиваем вид ссылок */
#pun-navlinks li a {
    font-size: 13px!important;
    letter-spacing: 1px;
    color: #95a84b!important;
    text-transform: uppercase;
    font-family: play!important;
    font-weight: 600;
    text-shadow: rgb(26 10 31) 1px 1px 0px, rgb(71 48 80 / 46%) 0px 0px 5px!important;
    margin: 0px 5px !important;

}

/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ
настраиваем вид ссылок при наведении */
#pun-navlinks li a:hover { 
    color: #2db7c9!important;
}

/* КАЖДЫЙ ЭЛЕМЕНТ НАВИГАЦИИ ПО ФОРУМУ В ОТДЕЛЬНОСТИ
В том случае, если нужно будет придать каждой из ссылок свое собственное расположение
-------------------------------------------------------------*/
/* MAIN */
#navindex {
display: inline;
    padding-right: 1em;
}
/* USERS */
#navuserlist {
display: inline;
    padding-right: 1em;
}

/* SEARCH */
#navsearch {
display: inline;
    padding-right: 1em;
}

/* PROF */
#navprofile {
display: inline;
    padding-right: 1em;
}

/* SMS */
#navpm {
display: inline;
    padding-right: 1em;
}

/* EXIT */
#navlogout {
display: inline;
    padding-right: 1em;
}

/* REG */
#navregister {
display: inline;
    padding-right: 1em;
}

/* ENTER */
#navlogin {
display: inline;
    padding-right: 1em;
}

/* PR */
#navpr_1 {
display: inline;
    padding-right: 1em;
}

/* AMS */
#navadmin {
display: inline;
    padding-right: 1em;
}

/* AWARDS HIDDEN */
#navawards a span {
  display:none;
}

/* D4 ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
Новые сообщения, активные темы, Темы без ответов и т.д.
-------------------------------------------------------------*/

/* D4.1 НЕ ТРОГАЕМ */
#pun-ulinks  {
    border: 2px solid transparent;
    margin-bottom: 15px;
}
/* D4.2 РАСПОЛОЖЕНИЕ КОНТЕЙНЕРА С ПОЛЬЗОВАТЕЛЬСКИМИ ССЫЛКАМИ
не трогаем */
#pun-ulinks .container {
    position: absolute;
    display: inline;
    padding: 0!important;

}
/* НЕ ТРОГАЕМ */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
/* НЕ ТРОГАЕМ */
#pun-ulinks li a {
    padding: 0 0 0 5px;
}

/* D5 СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/

/* D5.1 НЕ ТРОГАЕМ */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 ВАЖНО!!! НАСТРОЙКИ СТРОКИ ПРИВЕТСТВИЯ */
#pun-status .container {
    position: absolute;
    width: 870px;
    text-align: center;
    font-size: 10px;
    text-transform: lowercase;
    top: 6px;
    font-family: tahoma!important;
    color: #949e4e;
}

#pun-status strong {    font-weight: normal;    color: #949e4e;}

/* D5.3 НЕ ТРОГАЕМ */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 НЕ ТРОГАЕМ */
#pun-crumbs1 {
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 НЕ ТРОГАЕМ */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 14px;
}

/* D5.6 НЕ ТРОГАЕМ */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/

/* D6.1 НЕ ТРОГАЕМ */
#pun-announcement h2 {
  padding: 0;
  margin: 0 15px -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  display:none;
  }

/* D6.2 НЕ ТРОГАЕМ */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 НЕ ТРОГАЕМ */
#pun-announcement .container {
  padding: 0.6em 1em 1em 1em;
  margin-bottom: -20px;
  margin-top: 20px
  }

/* D7 СТАТИСТИКА
-------------------------------------------------------------*/

/* D7.1 СТАТИСТИКА
Можно добавить особенный шрифт и цвет, но можно и не трогать*/
#pun-stats .container {
  padding: 0.8em 2em
  }

/* D7.2 НЕ ТРОГАЕМ */
#pun-stats li.item1, #pun-stats li.item2 {
    width: 150px;
    text-transform: lowercase;
    font-size: 11px;
    float: left;
    clear: both;
    line-height: 150%;
}

#pun-stats li.item1 {    margin-left: 0px !important;}

#pun-stats li.item3, #pun-stats li.item4 { text-align: right;
    text-transform: lowercase;
    font-size: 11px;
    min-width: 150px;
    line-height: 150%;
}

#pun-stats li.item4 {}

/* D7.4 НЕ ТРОГАЕМ */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 НЕ ТРОГАЕМ */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;     line-height: 16px;
  }

/* D8 НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* 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 {
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 НЕ ТРОГАЕМ */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  }

/* D8.8 НЕ ТРОГАЕМ */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 НЕ ТРОГАЕМ */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }

/* D9 НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* D9.1 НЕ ТРОГАЕМ */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

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

/* D9.3 НЕ ТРОГАЕМ */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 НЕ ТРОГАЕМ */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 НЕ ТРОГАЕМ */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 НЕ ТРОГАЕМ */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 НЕ ТРОГАЕМ */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 НЕ ТРОГАЕМ */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

/* ФОРМА ОТВЕТА */
#main-reply {height: 220px}
/* ФОРМА ОТВЕТА В АДМИНЕ */
#pun-admain textarea {    width: 94%!important;}

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

НЕ ТРОГАТЬ

**************************************************************/
/* РАСПОЛОЖЕНИЕ ФОРУМА ПО ЦЕНТРУ
-------------------------------------------------------------*/
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-title {border: none}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    font-size: 11px;
    font-family: play!important;
    color: #266081;
    text-align: center;
    FONT-WEIGHT: 600;
    text-transform: uppercase;
}

#pun-index h2 {box-shadow: none}

#pun-main div.catleft, #pun-main div.catright {
    display: none;
}
.punbb th {font-size: 0!important;}

/* ПРЯЧЕМ КНОПКУ ПОДЕЛИТЬСЯ
-------------------------------------------------------------*/
.topic a.sharelink {
    display: none;
}

/* НЕ ТРОГАЕМ - НЕ ТРЕБУЕТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {border-color: transparent;}

html, body {min-width: 1200px!important;}

.punbb input {
    border: medium none;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
#pun-main .post-author ul {
    text-align: center;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
.punbb .section, .punbb .forum, .punbb .modmenu, .punbb .info, .punbb .category {
    border-color: transparent;
    text-align: justify;
text-transform: lowercase;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/

.punbb .user-avatar .avatar-image {    border: 2px solid!important;   
    border-radius: 0% !important;
    height: 30px !important;
    width: 30px !important;
    margin: 4px 2px !important;
    box-shadow: 0 0 6px #6d695de3 !important;
filter: grayscale(1);}

#pun-status .status-right  {
    float: right;
    position: absolute;
}

#pun-messages .post h3 {
    background: none !important;
}

#pun-messages .post-author ul {
    margin-top: 31px;
}

#pun-messages .pa-author a {    text-shadow: none !important;}

#pun-messages .pa-author {    text-shadow: none !important;}

#pun-messages .pa-title {    }

#pun-messages .pa-avatar img {    border: 1px solid #01272b!important;
    box-shadow: 0 0 7px #202525;}

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}










/* ПРОСТО Я НЕМНОЖЕЧКО ШАЛЮ */

#pun-admain .adlabel input, #pun-admain .adinput input {
    text-transform: none;
}

.pa-fld2 .fld-name {
display: none;
}

#post-form h2 span, #post-form fieldset legend span {
    font-size: 0px!important;
}

#viewprofile li #name {
margin: 0px 0px auto 0px !important;
    font-size: 14px!important;
    text-align: left!important;
    padding: 7px !important;
    background-color: transparent!important;
    border: none !important;
    background:  transparent!important;
    font-weight: 800!important;
    text-shadow: none !important;
line-height: 15px;
}

#viewprofile #pa-edit {
    position: absolute;
right: 85px;
    top: 200px;
}

#viewprofile #pa-edit a{
color: #acaaaf!important;
}

.pa-author a {
    transition: all 0.7s !important;
}

#pun-main h1 {
display: none;
}

.punbb .post-sig dt {
display: block;
    width: 500px;
    margin: 10px auto;
    background: #656836 !important;
    height: 1px;
  }

#MyBookmarks {
background: #a6a6a6 !important;
margin-top: 50px;
max-height: 700px;
}

#BookmCntToggle.default-style {
color: #47a5da !important; 
}

#MyBookmarks h2 {
font-size: 14px !important;
}

#MyBookmarks .container {
height: 93%!important;
    margin-top: -45px !important;
}

#MyBookmarks inner {
    padding-top: 2.9em !important;
}

#post-form h2 {
margin-bottom: -50px;
}

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

/* БАНК */

.bank {
width: 600px;
margin: 10px auto 20px 20px;
}

.bankdate {
margin-left: 25px;
    font-family: MADE EVOLVE SANS;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    line-height: 27px;
    width: 540px;
background: linear-gradient( 88deg, black, black);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bankdate:hover {
background: linear-gradient( 88deg, #34440a, #0a3e44);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background 0.8s linear;
}

.banko {
width: 260px;
height: auto;
    padding: 10px 10px 25px 10px;
    margin-top: 5px;
    text-align: justify;
    line-height: 20px;
    border: 1px solid;
background: linear-gradient(to top, #ffffff0f, #5e771b63);
    position: relative;
    text-align: justify;
    box-shadow: 0px 2px 2px #01242836;
}

.bankz {
width: 260px;
height: auto;
    padding: 10px 10px 25px 10px;
    margin-top: 5px;
    text-align: justify;
    line-height: 20px;
    border: 1px solid;
    background: linear-gradient(to top, #ffffff0f, #7ba2a2ad);
    position: relative;
    text-align: justify;
    box-shadow: 0px 2px 2px #01242836;
}

.bank1 {
    text-align: center;
    letter-spacing: 2px;
    margin-top: -20px;
    font-family: MADE EVOLVE SANS;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 7px;
}

.bank b {
font-width: bold;
    font-size: 13px;
    letter-spacing: 1px;
}

.bank b:hover {
font-style: italic;
}

/* ШАБЛОН АНКЕТЫ */

.anketa {
width: 550px;
margin: 15px auto 5px 50px;
  position: relative;
}

.anketaost {
    position: absolute;
    transform: rotate(180deg);
    font-family: arial;
    text-align: right;
    writing-mode: vertical-rl;
    height: 650px;
    right: 550px;
    vertical-align: text-bottom;
}

.anketaost:after {
     content: " ;";
font-family: arial black;
font-size: 12px;
   }

.anketa1 {
height: auto;
border: solid black;
border-width: 2px 0px 0px 2px;
padding: 7px;
background: linear-gradient(to top, #fefcea00, #618c92ba);
box-shadow: -1px -1px 3px #0124281f;
}

.anketa1name1 {
font-family: MADE EVOLVE SANS;
    font-size: 25px;
    text-align: right;
    margin-bottom: 10px;
letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.5s linear;
}

.anketa1name1:hover {
color: #54691d;
}

.anketa1name2 {
font-family: Trebuchet Ms;
    font-size: 13px;
    text-align: right;
    margin-top: -5px;
text-transform: lowercase;
    margin-bottom: 10px;
    font-style: italic;
}

.anketa1name2:hover {
}

.anketa1 img {
width: 100px;
    height: 100px;
    object-fit: cover;
    border: 1px solid black;
    border-width: 1px 0px 0px 1px;
padding: 2px;
    filter: grayscale(1);
}

.anketa1 img:hover {
    filter: grayscale(0);
}

.anketa1name3 {
font-size: 10px;
    text-align: center;
    margin-bottom: 10px;
    text-transform: lowercase;
    letter-spacing: 2px;
}

.anketa1name3:hover {
    letter-spacing: 5px;
transition: all 0.5s !important;
}

.anketa1info {
width: 480px;
margin: auto;
    line-height: 16px;
    text-align: justify;
    font-size: 11px;
}

.anketa1info p{
font-family: arial black;
font-size: 12px;
    margin-left: 30px !important;
    margin-right: 5px !important;
display: inline;
}

.anketa2do {
font-family: arial black;
font-size: 12px;
text-align: center;
transition: all 1s !important;
   }

.anketa2do:hover {
letter-spacing: 10px;
    color: #0a3e44;
   }

.anketa2 {
max-height: 720px;
    overflow-y: auto;
    padding: 10px;
    border: solid black;
    border-width: 0px 2px 2px 0px;
    text-align: justify;
    background: linear-gradient(to bottom, #fefcea00, #505f2a7a);
    box-shadow: 1px 1px 3px #01242826;
}

.anketa2 p:first-letter {
font-family: arial black;
font-size: 22px;
margin-right: 2px;
float: left;
}

/* ИТОГИ */

.itog {
width: 500px;
margin: 10px auto 5px 100px;
}

.itogdate {
font-family: 'MADE EVOLVE SANS';
    font-size: 30px;
    text-align: right;
margin: -35px auto 10px 190px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 27px;
    position: absolute;
}

.itogadm {
margin-bottom: -6px;
    position: relative;
    background: #668c90;
    width: 386px;
    height: 56px;
}

.itogadm img {
width: 380px;
    height: 50px;
    object-fit: cover;
    border: 1px solid black;
padding: 2px;
    filter: grayscale(1);
    opacity: 60%;
}

.itogadm img:hover {
    filter: grayscale(0);
}

.itogt {
width: 370px;
    max-height: 500px;
    overflow-y: auto;
    padding: 7px;
    border: 1px solid;
    margin-top: 5px;
    position: relative;
    background: linear-gradient(to top, #ffffff0f, #7b999c94);
text-align: justify;
box-shadow: 0px 1px 3px #01242847;
}

.itogt p:first-letter {
font-family: arial black;
font-size: 22px;
margin-right: 2px;
float: left;
}

.itogig {
width: 60px;
    height: auto;
    position: absolute;
    margin-left: 385px;
    margin-top: 30px;
}

.itogig img {
width: 50px;
    height: 50px;
    object-fit: cover;
    border: 1px solid black;
padding: 2px;
    filter: grayscale(1);
margin-bottom: 7px;
}

.itogig img:hover {
    filter: grayscale(0);
}

/* НОВОСТИ */

.nov {
    width: 500px;
margin: 10px auto 20px 95px;
}

.novdate {
font-family: MADE EVOLVE SANS;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    line-height: 27px;
    width: 441px;
    padding: 5px;
    margin-bottom: -5px;
transition: 0.8s linear;
}

.novdate:hover {
color: #18717b;
}

.novdate1 {
font-family: MADE EVOLVE SANS;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    line-height: 27px;
    width: 441px;
    padding: 5px;
    margin-bottom: -5px;
transition: 0.8s linear;
}

.novdate1:hover {
color: #923232;
}

.novt {
width: 430px;
    height: auto;
    padding: 10px;
    border: 1px solid;
    margin-top: 5px;
    background: linear-gradient(to top, #ffffff0f, #7ba2a2ad);
    position: relative;
text-align: justify;
box-shadow: 0px 2px 2px #01242836;
}

.novt1 {
width: 430px;
    height: auto;
    padding: 10px;
    border: 1px solid;
    margin-top: 5px;
    background: linear-gradient(to top, #ffffff0f, #cc6666ba);
    position: relative;
text-align: justify;
box-shadow: 0px 2px 2px #01242836;
}

.novt p:first-letter {
font-family: arial black;
font-size: 22px;
margin-right: 2px;
float: left;
}

.novt1 p:first-letter {
font-family: arial black;
font-size: 22px;
margin-right: 2px;
float: left;
}

/* ЛЮБАЯ ТЕМА */

.tema {
width: 550px;
margin: 7px auto 20px 45px;
}

.temadate {
font-family: MADE EVOLVE SANS;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    line-height: 27px;
    width: 540px;
    padding: 5px;
    margin-bottom: -5px;
    transition: 0.8s linear;
}

.temadate:hover {
   letter-spacing: 2px;
}

.temat {
width: 529px;
    height: auto;
    padding: 10px;
    border: 1px solid;
    margin-top: 5px;
    position: relative;
    text-align: justify;
    box-shadow: 0px 2px 2px #01242836;
background: linear-gradient(to top, #ffffff2b, #7ba2a2ad);
}

.temat p:first-letter {
font-family: arial black;
font-size: 22px;
margin-right: 2px;
float: left;
}

.hv-mask .pa-fld5 {
display: none !important;
}

.punbb .main .tc3 span {
text-transform: none !important;
}



/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks #New-exit img{
position:absolute;
margin: 0px 80px;
width:17px;
height:auto;
opacity:.8;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 5px!important;
  margin-left: 0px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 2px inset;
text-rendering: auto;
color: #000000!important; 
margin-top:4px!important;
border-radius:5px;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block!important;
text-align: center;
font: normal normal 400 11px/normal Arial!important; rgb(250, 255, 189)
background-color: rgb(250, 255, 189);
}
.punbb #form-login #fld1,#form-login #fld2{
background-color: rgb(250, 255, 189);
}
.punbb #pun-navlinks #form-login input[type="submit"]{
border: 2px outset #A29489!important;
color:#9DADBC!important; 
cursor:pointer;
font-weight:700!important;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
text-shadow:1px 1px 0 rgba(255,255,255,.24);
display:block;
font: normal normal 400 11px/normal Tahoma;
color:#D4D6D7;
text-transform: none;
position:absolute!important;
left:0px;
top: 15px; /*Подвижки формы от низа кнопки вход/выход*/
z-index:100000!important;
padding:7px 12px;
background: rgba(0,32,35,.83);
border-color: #1A3D42; /* Цвет границы */
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */
border-radius:0 0 6px 6px;
text-align: center;
/* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */
}
#pun-navlinks #navlogin #form-login {
margin-left: 122px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
  margin-left: 15px!important;/*Подвижки формы влево от выход для АМС*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: 15px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
cursor:pointer;
font: normal normal 400 10px/normal Tahoma!important;
letter-spacing:0.5!important;
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слево(с Никами) */
#List-UserNames {
position:absolute;
margin-top:-8px;
min-height:90px;
width:220px;
right:100%;
padding: 12px 19px 12px 17px;
background: rgba(0,32,35,.83);
border-color: #1A3D42; /* Цвет границы */
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */
border-radius:0 0 0px 6px;
text-align:center;
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding:0;
overflow:hidden;
overflow-y:auto;
min-height:36px;
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
}
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #303A00;
text-align: left;
box-shadow: 2px 2px 1px rgba(84,106,107,.7);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#546a6b!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: .8;
color: #ffffff;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 7px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #919190;
border: 1px solid #919190;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #bdbdbc;
border: 2px solid #888887;
box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display:inline-block;
padding:0 3px;
position:absolute;

opacity:.88;
cursor:pointer;
top:0;bottom:0;
right:2px;
color:#fff;
font: normal normal

700 10.56px/normal Verdana;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#navlogout .Rega,
#navlogout .Forgot {
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
background: rgb(250, 255, 189);
border: 2px inset rgba(250,219,111,.853)!important;
border-radius: 6px;
text-shadow: none!important;
color:#282828!important;
background-color: #C5C3C3;
font: normal normal 400 11px/normal Arial!important;
/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
margin-top: 9px;
padding: 2px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color:#D4D6D7;
}
/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
cursor:pointer;
float:left;
}
/*Кликалка справо*/
#List-UserNames .a1-paste{
cursor:pointer;
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Tahoma!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/

0

3

цвета

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

ПАН ТЕЛО

**************************************************************/
/* A5.1 ПАН ИЛИ ТЕЛО
здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
-------------------------------------------------------------*/
#pun {
    position: relative;
    width: 1014px;
    margin: 340px auto -10px auto;
    background: repeat transparent url(https://forumstatic.ru/files/001b/11/27/77058.png);
    background-position: center;
    padding-top: 153px;
    padding-bottom: 115px;
    margin-bottom: 40px;
}

/* A5.2 РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 50px;
    width: 913px;
}

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

ШАПКА, ФОН, ФУТЕР И НАСТРОЙКИ ФУТЕРА

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

/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body {
background: url(https://forumstatic.ru/files/001b/1d/5c/81861.jpg) no-repeat fixed top center;
background-color: #131313;
overflow-x: hidden; }

/* ШАПКА
-------------------------------------------------------------*/
#pun-title table {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001b/11/27/58596.png);
    border: none;
    height: 551px;
    margin-left: -316px;
    margin-bottom: -476px;
    width: 1645px;
    margin-top: -496px;
}

/* ФУТЕР
-------------------------------------------------------------*/
#pun-about p.container {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001b/11/27/82463.png) no-repeat scroll bottom center;
    height: 213px;
    margin-bottom: -191px;
    margin-left: -58px;
    margin-top: -100px;
    width: 1034px;
    padding: 0px !important;
    border: none !important;
    padding-bottom: 50px !important;
}
/* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 93px;
    width: 883px;
    margin-left: 73px;
    position: absolute;
    font-family: tahoma;
    font-size: 9px;
    text-align: center;
    text-transform: lowercase;
}

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

ПРОФИЛЬ

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

/* РАМКА ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author {
width: 319px;
    background: url(https://forumstatic.ru/files/001b/11/27/26145.png) top no-repeat, url(https://forumstatic.ru/files/001b/11/27/89880.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/11/27/30786.png) repeat-y;
    margin-left: -73px!important;
    padding-bottom: 30px!important;
    margin-top: -28px !important;
}

/* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author ul {
    margin-left: 27px;
    margin-top: 31px;
    width: 301px;
    padding: 0px !important;
    color: rgb(123 123 123) !important;
    padding-bottom: 20px !important;
}

/* НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author {    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: rgb(16 16 16) 1px 1px 0px, rgb(76 76 76 / 0%) 0px 0px 5px;
    color: rgb(152 76 39) !important;
    font-size: 10px;
    font-family: play!important;
    font-weight: 800;
    padding-top: 7px!important;
}

/* НИК АВТОРА В ТОПИКЕ ССЫЛКА
-------------------------------------------------------------*/
.pa-author a {
        text-shadow: rgb(4 4 4) 1px 1px 0px, rgb(84 68 48 / 46%) 0px 0px 5px;
    color: #828a5e !important;
    font-size: 11px!important;
    font-family: play!important;
}

/*ПРИ НАВЕДЕНИИ НА НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author a:hover {
letter-spacing:0.5px!important
}

/* СТАТУС ЛИЧНОЕ ЗВАНИЕ
-------------------------------------------------------------*/
.pa-title {
    font-size: 9px!important;
    text-transform: lowercase;
    padding: 8px 13px 0px 13px!important;
    text-align: center;
    color: #828a5e;
    letter-spacing: 0.5px;
}

/* АВАТАР ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-avatar {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    text-align: center;
}

/* ЗАДАЕМ ТЕНЬ И РАМКУ АВАТАРУ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #5d5c5e99!important;
    box-shadow: 0 0 7px #000000;
}

/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/
/* эмодзи
-------------------------------------------------------------*/
.pa-fld1 {    margin-left: -11px!important;
    margin-top: -21px!important;
    filter: grayscale(0.3) brightness(0.4);
width: 30px;
}

.pa-fld1 img{        width: 27px;
    height: 27px;}

/* имя и способка
-------------------------------------------------------------*/
.pa-fld5 {}

#name {    line-height: 0.1;
    max-width: 202px;
    margin-left: 39px!important;
    margin-right: 10px!important;
    font-size: 10px;
    font-family: play!important;
    text-align: center;
    padding: 10px !important;
    text-transform: uppercase;
    background-color: #19191985;
    border: 1px solid #292829 !important;
    color: rgb(111 109 109) !important;
    background: #151414;
    margin-top: 6px!important;
    font-weight: 800;
    letter-spacing: 1px;
    text-shadow: rgb(4 4 4) 1px 1px 0px, rgb(84 68 48 / 46%) 0px 0px 5px;
}

#spos {letter-spacing: 3px;
    margin-top: -14px;
    color: #828a5e;
    font-size: 9px;
    font-weight: lighter;}

.pa-fld5 a {
color: rgb(111 109 109) !important;
}

.pa-fld5 a:hover {
color: #737a36 !important;
}

/* лз
-------------------------------------------------------------*/
.pa-fld3 {line-height: 1.3;
    max-width: 203px;
    margin-left: 38px!important;
    margin-right: 10px!important;
    font-family: tahoma!important;
    text-align: justify;
    background-color: #19191985;
    padding: 10px 10px 10px 10px !important;
    text-transform: lowercase;
    font-size: 9.5px;
    border: 1px solid #292829 !important;
    color: rgb(111 109 109) !important;
    background: #151414;
    margin-top: 6px!important;}

.pa-fld3 a {
color: #828a5e !important;
}

.pa-fld3 a:hover {
color: #185a61 !important;
}

/* банк
-------------------------------------------------------------*/
.pa-fld4 {}

/* плашка
-------------------------------------------------------------*/
.pa-fld2 {            margin-left: 25px!important;
    background: url(https://forumstatic.ru/files/001b/11/27/27526.png) no-repeat;
    width: 250px;
    height: 55px;
}

#pl1 {font-family: 'Play';
    font-size: 13px;
    color: #6e6e6e!important;
    padding: 14px 0 0 0px;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#pl2 {font-family: 'Play';
    font-size: 10px;
    color: #6e6e6e!important;
    padding: 1px 0 0 0px;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: lowercase;
}

#pls1 {font-family: 'Play';
    padding: 20px!important;
    font-size: 13px;
    color: #6e6e6e!important;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;}

#profilenav h2 {
    text-align: left !important;
}

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-posts, .pa-respect, .pa-fld4 {   
padding: 1px 7px 1px 7px !important;
    width: 57px;
    text-transform: lowercase;
    font-size: 10px;
    display: inline-block;
    border: 1px solid #292829 !important;
    color: rgb(111 109 109) !important;
    line-height: 140%;
    background: #151414;
    min-height: 25px;
    margin-top: 5px!important;
}

.pa-posts span, .pa-respect span, .pa-fld4 span {
    display: inline-block;
}
/* СЛОВО РЕПУТАЦИЯ - ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО!
-------------------------------------------------------------*/
.pa-respect a {   
color: #686669 !important;}

/* СДВИГ КОЛ-ВА ПОСТОВ
-------------------------------------------------------------*/
.pa-posts {margin-left: 0px!important}

/* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
-------------------------------------------------------------*/
#pun-post .pa-author {
    width: 202px !important;
    padding: 0;
    margin-top: 12px;
    text-align: center;
    margin-left: 8px;
}
/* ССЫЛКИ ПРОФИЛЬ, ЛС, EMAIL ПОД ПРОФИЛЕМ ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
Возможно, придется двигать с помощью последнего параметра*/

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

/* ВРЕМЯ И НОМЕР ПОСТА
-------------------------------------------------------------*/
.post h3 {
    height: 50px;
    margin: 5px 0px 5px -46px;
    border: none;
    text-transform: lowercase;
}

/* НОМЕР ПОСТА (МОЖНО ПОДВИНУТЬ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 695px;
    position: absolute;
    width: 200px;
    text-align: right!important;
}

/* ИКОНКА СТРАНЫ НЕ ОТОБРАЖАЕТСЯ
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}

/* АЙПИ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    font-size: 7px;
}

/* ОНЛАЙН - АКТИВЕН В ТОПИКЕ
-------------------------------------------------------------*/
.pa-online {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 16px!important;
    text-transform: lowercase;
    font-size: 9px;
}

/* НЕ ОТОБРАЖАТЬ ПОСЛЕДНЕЕ ИЗМЕНЕНИЕ И НАГРАДЫ
-------------------------------------------------------------*/
li#navawards, .lastedit {
    display: none !important;
}

/* НЕ ОТОБРАЖАТЬ ПОДАРКИ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}

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

ЦВЕТ ТЕКСТА И КОНТЕНТ ПОСТА

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

/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #0b4046;
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.punbb .post-box {
    color: #162425;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;
    color: #064146;
    font-family: tahoma;
}

/* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 10px !important;}

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

ЦВЕТ ССЫЛОК

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

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    box-shadow: none;
    color: #185a61;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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 {
    border: none !important;
    text-decoration: none;
    color: #737a36;
}

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

ПОДФОРУМ

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

/* ПОДФОРУМ
-------------------------------------------------------------*/
#pun-index .tclcon {
    font-size: 10px;
    text-transform: lowercase;
    min-height: 50px;
    margin-left: 35px;
    text-align: justify;
    font-family: tahoma!important;
    max-width: 350px;
}

/* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    font-family: play!important;
    font-weight: 600;
    text-shadow: rgb(138 170 169) 1px 1px 0px, rgb(105 85 61 / 46%) 0px 0px 5px !important;
    color: #0b405a!important;
transition: all 0.7s !important;
}

#pun-index .tclcon h3 a:hover {
    letter-spacing:2px;
}

/* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon a { line-height: 22px;}

/* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ
-------------------------------------------------------------*/
.podfor_link {text-align: center;}
.podfor_link a {  color: #005a86!important;
    margin: 0px 5px !important;
    font-size: 8px;
    font-weight: bolder;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #00000036;
}
.podfor_link a:hover { color: #656836 !important; }

/* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 12px;
    text-transform: lowercase;
    font-family: play!important;
    font-weight: 600;
}

/* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 30%!important;
    text-align: left;
    font-family: tahoma!important;
    text-transform: lowercase;
    font-size: 10px;
}

/* КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ В ПОДФОРУМЕ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: tahoma!important;
    font-size: 10px;
    text-transform: lowercase;
}

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

КАТЕГОРИИ И СТАТИСТИКА

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

/* КАТЕГОРИИ

ВАЖНО! Если категорий больше 5, копируете одру из категорий и заменяете последнюю цифру
например: чтобы получить шестую категорию, сделайте из pun-category5 - pun-category6

-------------------------------------------------------------*/

/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats.section h2 {         background: url(https://forumstatic.ru/files/001b/11/27/61430.png) no-repeat;
    border: none !important;
    padding: 5px !important;
    width: 967px;
    height: 30px;
    margin-left: -32px !important;
    display: inherit;
    font-size: 10px!important;
    font-family: play!important;
    color: #9ba95e!important;
    text-align: center;
    FONT-WEIGHT: 300!important;
    padding: 43px 0px 40px 0px!important;
    text-transform: lowercase!important;
    text-shadow: 1px 1px black;
    letter-spacing: 5px;
}

#pun-stats.section h2 span, .punbb #pun-category1 h2 span, .punbb #pun-category2 h2 span, .punbb #pun-category3 h2 span, .punbb #pun-category4 h2 span, .punbb #pun-category5 h2 span, .punbb #pun-category6 h2 span  {
    margin-left: 27px !important;
}

/* ПЕРВАЯ
-------------------------------------------------------------*/
#pun-category1 h2 {    background: url(https://forumstatic.ru/files/001b/11/27/61430.png) no-repeat;
    border: none !important;
    width: 967px;
    height: 30px;
    margin-left: -32px !important;
    display: inherit;
    font-size: 10px!important;
    font-family: play!important;
    color: #9ba95e!important;
    text-align: center;
    FONT-WEIGHT: 300!important;
    padding: 43px 0px 20px 0px!important;
    text-transform: lowercase!important;
    text-shadow: 1px 1px black;
    letter-spacing:5px;
}

/* ВТОРАЯ
-------------------------------------------------------------*/
#pun-category2 h2 {      background: url(https://forumstatic.ru/files/001b/11/27/61430.png) no-repeat;
    border: none !important;
    width: 967px;
    height: 30px;
    margin-left: -32px !important;
    display: inherit;
    font-size: 10px!important;
    font-family: play!important;
    color: #9ba95e!important;
    text-align: center;
    FONT-WEIGHT: 300!important;
    padding: 43px 0px 20px 0px!important;
    text-transform: lowercase!important;
    text-shadow: 1px 1px black;
    letter-spacing: 5px;
}
/* ТРЕТЬЯ
-------------------------------------------------------------*/
#pun-category3 h2 {     background: url(https://forumstatic.ru/files/001b/11/27/61430.png) no-repeat;
    border: none !important;
  width: 967px;
    height: 30px;
    margin-left: -32px !important;
    display: inherit;
    font-size: 10px!important;
    font-family: play!important;
    color: #9ba95e!important;
    text-align: center;
    FONT-WEIGHT: 300!important;
    padding: 43px 0px 20px 0px!important;
    text-transform: lowercase!important;
    text-shadow: 1px 1px black;
    letter-spacing: 5px;
}
/* ЧЕТВЕРТАЯ
-------------------------------------------------------------*/
#pun-category4 h2 {     background: url(https://forumstatic.ru/files/001b/11/27/61430.png) no-repeat;
    border: none !important;
   width: 967px;
    height: 30px;
    margin-left: -32px !important;
    display: inherit;
    font-size: 10px!important;
    font-family: play!important;
    color: #9ba95e!important;
    text-align: center;
    FONT-WEIGHT: 300!important;
    padding: 43px 0px 20px 0px!important;
    text-transform: lowercase!important;
    text-shadow: 1px 1px black;
    letter-spacing: 5px;
}

/* ПЯТАЯ
-------------------------------------------------------------*/
#pun-category5 h2 {      background: url(https://forumstatic.ru/files/001b/11/27/61430.png) no-repeat;
    border: none !important;
    width: 967px;
    height: 30px;
    margin-left: -32px !important;
    display: inherit;
    font-size: 10px!important;
    font-family: play!important;
    color: #9ba95e!important;
    text-align: center;
    FONT-WEIGHT: 300!important;
    padding: 43px 0px 20px 0px!important;
    text-transform: lowercase!important;
    text-shadow: 1px 1px black;
    letter-spacing: 5px;
}

/* ШЕСТАЯ
-------------------------------------------------------------*/
#pun-category6 h2 {      background: url(https://forumstatic.ru/files/001b/11/27/61430.png) no-repeat;
    border: none !important;
    width: 967px;
    height: 30px;
    margin-left: -32px !important;
    display: inherit;
    font-size: 10px!important;
    font-family: play!important;
    color: #9ba95e!important;
    text-align: center;
    FONT-WEIGHT: 300!important;
    padding: 43px 0px 20px 0px!important;
    text-transform: lowercase!important;
    text-shadow: 1px 1px black;
    letter-spacing: 5px;
}
/*************************************************************

ФОРУМНАЯ И ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ

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

/* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}

/* ЦВЕТ ССЫЛОК ФОРУМНОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-navlinks a {
    font-size: 0px !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0.1s;
    display: inline-block;
    padding: 0 !important;
}

/* КОНТЕЙНЕР НАВИГАЦИОННЫХ ССЫЛОК
-------------------------------------------------------------*/
#pun-navlinks .container {
    border: none;
    margin: 0;
    font-weight: normal;
    text-align: center;
    width: 915px!important;
    margin-left: -1px!important;
    margin-bottom: 220px;
}
/* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК
-------------------------------------------------------------*/
#pun-ulinks .container {
    font-family: tahoma!important;
    text-transform: lowercase;
    width: 907px !important;
    text-align: center !important;
    font-style: normal;
    top: -30px;
    font-size: 10px;
}

/* НЕ ОТОБРАЖАТЬ МОИ ЗАГРУЗКИ В ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛКАХ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 10px !important;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 7px 0px 7px !important;
    font-weight: bold;
}
/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
#pun-ulinks a:hover {}

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

ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ

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

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    text-transform: uppercase;
    width: 913px;
    font-family: play!important;
    font-weight: 600;
}

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ
-------------------------------------------------------------*/
#pun-crumbs1 {            margin-top: 150px !important; margin-bottom: 30px;}

/* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ - ДЕЛАЕМ ЖИРНЫМИ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {font-weight: bold}

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

ПОЛЯ ВВОДА, ЦИТАТЫ-КОДЫ, ВСПЛЫВАЮЩИЕ ОКНА

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

/* СТРАНИЦА ПЕРЕАДРЕСАЦИИ
-------------------------------------------------------------*/
#pun-redirect{
padding: 14px;
margin-top: -140px!important;
margin-left: 250px!important;
}

/* ВНЕШНИЙ ВИД ОКНА СТРАНИЦЫ ПЕРЕАДРЕСАЦИИ
Зачастую, страница переадресации не требует серьезных изменений.
В большинстве случаев достаточно изменить цвета и закругление краев (т.е. 5 последних позиций)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width:500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 40px;
    display:inline-block;
    text-transform: uppercase;
    background-color: #999a9a;
    color: #172223;
    border: 1px solid #656836;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(145 143 146);
}

/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
    background-clip: padding-box;
    padding: 18px 20px !important;
    width: 95% !important;
    background-color: #afafaf;
    color: #172223;
    border: 1px solid #656836;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(145 143 146);
}

/* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ - НАЗВАНИЕ ТЕМЫ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(227, 217, 212);
    padding: 2px 2px 2px 2px !important;
    background-color: #999a9a;
    color: #172223;
    border: 1px solid #656836;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(145 143 146);
}

/* СДВИГАЕМ ЦИТАТУ, КОД И ТД
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ВНЕШНИЙ ВИД ЦИТАТЫ, КОДА И ТД
-------------------------------------------------------------*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    background: rgb(255, 255, 255);
    padding: 20px 20px !important;
    background-color: #999a9a;
    color: #172223;
    border: 1px solid #656836;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(145 143 146);
}

/* B1.9 ЛЕГЕНДА ЦИТАТЫ, КОДА
Отвечает за настройки того самого "Маша написал(-а), выделить код и тд.
Работаем только с 4 последними параметрами
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 2px !important;
    margin: 0;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #333232;
    font-family: play!important;
    font-weight: 600;
    border-bottom: 1px solid #847c6c;
    margin-bottom: 10px !important;
}

/* КОД (СКОПИРОВАТЬ КОД)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-size: 12px;}

/* РЕЙТИНГ ПОСТА В ТОПИКЕ (КОГДА ПИШЕШЬ КОММЕНТ К ПЛЮСУ - ЧТОБЫ ФОН БЫЛ НЕ ПРОЗРАЧНЫЙ)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;
    background: rgb(152 153 153);}

/* В ФОРМЕ ОТВЕТА ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area, .post_reputation, #spoiler-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background-color: #999a9a;
    color: #172223;
    border: 1px solid #656836;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(145 143 146);
}

/* ЗАДАЕМ ШИРИНУ И ВЫСОТУ ФОРМЕ ОТВЕТА, А ТАКЖЕ СОЗДАЕМ ДЛЯ НЕЕ ПРОКРУТКУ
ЧТОБЫ ОНА НЕ РАСТЯГИВАЛАСЬ НА ПОЛОВИНУ ЭКРАНА
-------------------------------------------------------------*/
#font-area {
    height: 300px;
    overflow-y: auto;
    padding: 5px;
    text-align: left;
    font-size: 16px !important;
}

#font-area div {
    margin-bottom: 7px!important;
}

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

ИКОНКИ СТАРЫХ НОВЫХ

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

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index table Div.icon {
    background-image: url(https://forumstatic.ru/files/001b/11/27/93976.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 40px;
    margin-right: -5px;
    margin-top: 35px;
    width: 40px;
    z-index: 1;
    opacity: 0.5;
    float: right;
}

/* ИКОКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(https://forumstatic.ru/files/001b/11/27/70947.png);
    background-repeat: no-repeat;
    opacity: 1;
}

/* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -3px 8px;
    width: 40px;
    height: 40px;
    background-image: url(https://forumstatic.ru/files/001b/11/27/93976.png);     opacity: 0.3;
}

/* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 40px;
    height: 40px;
    background-image: url(https://forumstatic.ru/files/001b/11/27/70947.png);  opacity: 1;
}
/* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 40px;
    height: 40px;
    background-image: url(https://forumstatic.ru/files/001b/11/27/70947.png);  opacity: 1;
}
/* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 40px;
    height: 40px;
    background-image: url(https://forumstatic.ru/files/001b/11/27/93976.png);  opacity: 0.1;
}

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

КНОПКИ ОТПРАВИТЬ, ПОСМОТРЕТЬ, СОХРАНИТЬ И ТД

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

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input, #viewprofile #pa-edit {
font-size: 9px!important;
    background: linear-gradient(#353d09, #252b00)!important;
    border: 1px solid #403f3f !important;
    box-shadow: inset 0px 0px 2px #656936, inset 0px 0px 1px #868686, inset 0px 0px 18px rgb(37 43 0);
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(235 226 214 / 27%);
    color: #acaaaf!important;
    font-weight: 600 !important;
    padding: 5px 6px 5px 7px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: play!important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(#252b00, #353d09)!important;
    cursor: pointer!important;

  }

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

ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА

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

/* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА
-------------------------------------------------------------*/
::selection {    background: #4e4e4e;
    color: #cecbc4;
}

/* ПРОКРУТКА ШИРИНА
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}

/* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: #064348;
    border: 1px solid #25555a;
    box-shadow: inset 0 0 2px #012428;
}
/* ПОДЛОЖКА ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #353d09;
    border: 1px solid #252b00;
    box-shadow: inset 0 0 2px #252810;
}

/* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
-------------------------------------------------------------*/
body {overflow-x: hidden}

/* КНОПКИ ВВЕРХ ВНИЗ
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
-------------------------------------------------------------*/
.go-up {
    bottom: 40%;
    margin-left: 980px !important;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
    bottom: 30%;
    margin-left: 980px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

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

ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ

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

/* ТЕКСТ В ШАПКЕ
-------------------------------------------------------------*/

#html-header active1 {    position: absolute;
    margin: 117px 64px !important;
}

#html-header active2 {    position: absolute;
    margin: 117px 133px !important;
}

#html-header postactive1 {        position: absolute;
    margin: 177px 113px !important;
}

#html-header postactive2 {    position: absolute;
    margin: 177px 182px !important;
}

#html-header post {    position: absolute;
    margin: 112px 732px !important;
}

#html-header posttext {        position: absolute;
    margin: 217px 687px !important;
    font-size: 9px;
    color: #74844c;
    width: 151px;
    text-align: justify;
    height: 46px;
    overflow: auto;
    text-transform: lowercase;
    font-family: tahoma !important;
    padding-right: 7px;
}

.plashka {
    width: 170px;
    height: 24px;
    font-size: 9px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: play!important;
    background: url(https://forumstatic.ru/files/001b/11/27/62062.png);
    padding-top: 13px;
    font-weight: bolder;
    display: inline-block;
}

.plashka a {
    color: #95a839!important;
}
.plashka a:hover { 
    color: #1eabb1!important;
}

.opa{opacity: 0}
.opa:hover{opacity: 1}

#html-header plashki {        position: absolute;
margin-top: 400px !important;
    width: 910px;
}

/* ОБЪЯВА
-------------------------------------------------------------*/
#pun-announcement {
    margin-top: 50px!important;}

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

БАННЕРЫ

**************************************************************/
.banners { position: absolute;
    width: 930px;
    height: 34px;
    margin: 92px -8px !important;
    overflow: auto;
    padding-right: 5px;
    line-height: 20px;
    padding-top: 2px;
    text-align-last: center;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}
.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}

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

ЛИЧНАЯ СТРАНИЧКА

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

.lichka {
    background: url(https://forumstatic.ru/files/001b/11/27/17911.png) no-repeat;
    width: 570px;
    height: 414px;
    position: absolute;
    margin-left: 180px!important;
}
.lichka_num {
  text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 400px!important;
    margin-top: 14px!important;
    position: relative;
    font-family: play!important;
    color: #747474;
    width: 300px;
    margin-bottom: 6px!important;
    font-size: 8px;
    padding-top: 16px;
}

.lichka_gif {
margin-top: 31px!important;
    position: absolute;
    margin-left: 222px!important;
    filter: grayscale(1) blur(0.5px);
    box-shadow: 0 0 7px #000000e0;
}

.lichka_gif img {
    width: 186px;
    height: 135px;
    object-fit: cover;
}

.redoff {
margin-top: -72px!important;
    position: absolute;
    width: 17px;
    height: 17px;
    margin-left: 213px!important;
    opacity: 0.6;
    }

.redoff img {max-width: 17px;
    max-height: 17px;
    opacity: 0.6;
}

.lichka_name {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 438px!important;
    margin-top: 42px!important;
    position: relative;
    font-family: play!important;
    color: #747474;
    width: 300px;
    height: 41px;
    overflow: hidden;
    font-weight: bolder;
}

/* .lichka_level {
    letter-spacing: 19px;
    font-size: 9px;
    text-align: justify;
    margin-left: 433px!important;
    margin-top: 5px!important;
    width: 350px;
    height: 87px;
    position: relative;
    overflow: auto;
}

.lvloff {
    opacity: 0.4;
    letter-spacing: 18px;
    font-size: 9px;
    text-align: justify;
    margin-left: 46px!important;
    margin-top: -27px!important;
    position: relative;
    overflow: hidden;
} */

.lichka_level {
    letter-spacing: 19px;
    font-size: 9px;
    text-align: justify;
    margin-left: 433px!important;
    margin-top: 5px!important;
    width: 270px;
    height: 30px;
    position: relative;
    overflow: auto;
display: inline-flex;
}

.lichka_levelo {
    background: url(https://forumstatic.ru/files/001b/11/27/63455.png);
    width: 25px;
    height: 25px;
    opacity: 1;
    margin-right: 20px !important;
}

.lichka_levelc {
    background: url(https://forumstatic.ru/files/001b/11/27/63455.png);
    width: 25px;
    height: 25px;
    opacity: 0.4;
    margin-right: 21px !important;
}

.lichka_icon {
    margin-left: 433px!important;
    margin-top: 24px!important;
    width: 278px;
    height: 29px;
    position: relative;
    overflow: overlay;
    padding-right: 9px;
}

.lichka_icon img {max-width: 27px;
    max-height: 27px;
    filter: grayscale(0.5) brightness(0.3);}

.lichka_plashki {
    position: relative;
    margin: 36px 5px 30px 222px !important;
    line-height: 15px;
    overflow: overlay;
    padding-right: 22px;
    height: 158px;
    width: 178px;}

#plls1 {font-family: 'Play';
    padding: 6px!important;
    font-size: 11px;
    color: #6e6e6e!important;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;}
   
#plls2 {font-family: 'Play';
    font-size: 11px;
    color: #6e6e6e!important;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;}   
   
    .ls_plashki {
    background: url(https://forumstatic.ru/files/001b/11/27/52899.png);
    width: 186px;
    height: 33px;
    text-align: center;
    padding: 5px 0px 0px 0px!important;}

.lichka_awards {
    position: relative;
margin: -188px 100px 105px 430px !important;
    width: 280px;
    height: 148px;
    overflow: auto;
    padding: 5px;
}

.lichka_awardst {
text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: play!important;
    color: #747474;
    font-weight: bolder;
text-align: center;
margin: 7px 0px 5px 0px;
}

.lichka_award .fa {
font-size: 22px;
    margin: 4px;
    color: #4c4c4c;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}

.lichka_award1 .fa {
font-size: 22px;
    margin: 4px;
    color: #adb87d;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 5%), 0px 0px 6px rgb(171 181 124 / 89%);
}

.grayscale {
  -webkit-filter: grayscale(1);
}

.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;

}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: -308px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
        text-decoration: none;
}

/* ПОЯСНЕНИЯ К МОЛНИЯМ */






/* ПРОСТО Я НЕМНОЖЕЧКО ШАЛЮ */

#profile-right li {
    background: #34440a1f !important;
}

#profile-right strong img {
height: 27px !important;
}

#pun-status .container a {
color:#b0b0b0 !important;
}

.pa-posts a {
color: #686669 !important;
}

.pa-ip a {
color: #686669 !important;
}

.post-content .highlight-text {
    background-color: #437980 !important;
}

.hvStickerPackModal {
padding: 15px 10px 10px 10px !important;
    border-radius: 2px !important;
    background: linear-gradient(to top, #79875d, #3d7479) !important;
    color: #271f2b !important;
    border: 1px solid #61586b !important;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(145 143 146) !important;
}

.hvStickerPackModalContainer .hvStickerPackModal {
width: 700px !important;
padding: 2px 2px 8px !important;
margin-left: 190px !important;
margin-bottom: -10px  !important;
}

.hvStickerPackModalContainer .hvStickerPackModalTab {
font-size: 9px!important;
    background: linear-gradient(#353d09, #252b00)!important;
    border: 1px solid #403f3f !important;
    box-shadow: inset 0px 0px 2px #656936, inset 0px 0px 1px #868686, inset 0px 0px 18px rgb(37 43 0);
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(235 226 214 / 27%);
    color: #acaaaf!important;
    font-weight: 600 !important;
    padding: 5px 6px 5px 7px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: play!important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
border-radius: 0px !important;
}

.hvStickerPackModalContainer .hvStickerPackModalTab:hover {
    background: linear-gradient(#252b00, #353d09)!important;
    cursor: pointer!important;
  }

.hvStickerPackModalTabs {
padding: 0px 15px !important;
border-radius: 0px !important;

}

.hvStickerPackModalContent {
    padding: 5px !important;
    min-height: 17px !important;
max-height: 170px !important;
}

#button-sticker {
    background: url(https://i.imgur.com/ebE4TLJ.png) 50% no-repeat !important;
background-size: auto !important;
}

.hvStickerPackItem {
    padding: 1px !important;
}

    #mask_dialog .inner {
background: linear-gradient(to top, #13444ae8, #354410de) !important;
    color: #acaaaf !important;
    border: 1px solid #61586b !important;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(145 143 146) !important;
}

abbr {text-decoration: underline dotted; cursor: help !important;}

#tooltip {
  position: absolute;
  background: #34440a;
  z-index: 999999;
  max-width: 165px;
  border: none;
  font-size: 10px;
font-family: tahoma;
    text-transform: lowercase;
    letter-spacing: 0.5px;
  display: none;
  color: #fff;
  text-align: center;
  padding: 4px;
}

#pun-status .item4 {
   display:none;
}

0

4

верх

<!---------------------------- <style type="text/css">
</style> ---------------------------->

<!---------------------------- анимация ---------------------------->

<div class="opa" style="   
    position: absolute;
    width: 70px;
    height: 72px;
    top: -233px;
    margin-left: 421px;">
<img src="https://i.imgur.com/ZQAs2qK.gif">
</div>

<!---------------------------- Скрытие профиля в теме тегом ---------------------------->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}</style>
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>
<!-- Конец -->

<!--Отключить кнопку "Вложения"-->
<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>

<!--выделить код. Alex_63 new.2019-->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!— конец —>

<!---------------------------- удаление соо ---------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>

<!---------------------------- смайлы ---------------------------->
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001b/15/fc/29951.txt");
});
</script>

<!---------------------------- скрыть жалобы ---------------------------->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>

<!--Всплывающие подсказки при наведении
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
-->

<!----------------------------  скрыть заявки на роль---------------------------->
<style>#pun-ulinks #Rz{display:none}</style>

<!---------------------------- ПЛАШКИ ---------------------------->
<plashki><center>
<div class="plashka"><a href="http://cgene.rusff.me/viewtopic.php?id=104#p9590">7 :: угадай фильм</a></div>

<div class="plashka"><a href="http://cgene.rusff.me/viewtopic.php?id=16#p9607">итоги недели :: 4</a></div><br>
</center></plashki>

<!---------------------------- актив ---------------------------->
<active1><a href="http://cgene.rusff.me/profile.php?id=26"><img src="https://i.imgur.com/21Kz9Gq.png"></a></active1>
<active2><a href="http://cgene.rusff.me/profile.php?id=58"><img src="https://i.imgur.com/WiybXb6.png"></a></active2>

<!---------------------------- постописцы ---------------------------->
<postactive1><a href="http://cgene.rusff.me/profile.php?id=49"><img src="https://i.imgur.com/26ghGs8.png"></a></postactive1>
<postactive2><a href="http://cgene.rusff.me/profile.php?id=47"><img src="https://i.imgur.com/6wVjrWz.png"></a></postactive2>

<!---------------------------- пост ---------------------------->
<post><a href="http://cgene.rusff.me/viewtopic.php?id=76#p9152"><img src="https://i.imgur.com/fTTklIl.png"></a></post>
<posttext>она заламывает свои нежные пальчики с дорогим маникюром и не знает, нужно ли отправлять это злополучное сообщение. ей хочется и Н А Д О это сделать. потому что уже столько всего сделано. потому что отступать нельзя. отступать банально некуда.</posttext>

<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'https://forumstatic.ru/files/001b/1d/5c/47974.png'; //Дополнительная Иконка выход-2;https://forumstatic.ru/files/0014/cc/0a/31208.svg
</script>
<script data="34383a"  src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>

<!---------------------------- личная страничка ---------------------------->

<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>

0

5

низ

<!-------------------------- вверх-вниз -------------------------->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/11/27/91437.png"></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/11/27/63923.png"></div>
<!--кнопки вверх вниз-->
<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>

<!-------------------------- удаляет названия дополнительных полей профиля -------------------------->
<script type="text/javascript">
var A=[1,2,3,5]
$(".post .post-author li").each(function (){
for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

<!---------- меняем текст навигации ---------->
<script type="text/javascript">
var itemMass = new Array("всплеск", "граждане", "радар", "id", "чат", "амс", "регистрация", "идентификация", "скрыться");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>
<!--- конец --->

<script>
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">
    var DefAvtr = 'https://i.imgur.com/CfFlP6l.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/7rM4lk1.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });$('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>

<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
  position:relative;z-index:1000;
  background: #0a3e44;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #cccccc7d;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  position: absolute;
  background: #91a23d;
  margin-top: -1px;
}
.FNTslider .thumb {
width: 9px;
    height: 9px;
    border-radius: 50%;
    position: relative;
    top: -3px;
    background: #137c7d;
    border: 1px solid #0a3e44;
    cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<!----------------- между никами запятая --------------->
<script>$('#topic-users-in a').prev('a').after(',');</script>

<!-- НАЧАЛО. ссылка на новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>
<!-- КОНЕЦ. ссылка на новые сообщения -->

<!-- Закрытие темы при числе постов в теме более заданной: -->
<script type="text/javascript">
(function(){
var Num_Hide = 1000; //Число постов, после которого Cкрытие формы ответа.
var a = $('.topic>h2>span.item2');
if(a.length)a=parseInt(a.text().replace(/.*из (\d+)/,'$1'));
if(a>=Num_Hide){$('.postlink a[href*="/post.php?tid"],#post').hide();
$('.postlink').empty().append('Тема закрыта')}
}());
</script>

<!-- Кликабельность сообщений -->
<script type="text/javascript">
$('.post-author ul').each(function(){
  if(GroupID == 3) {
    var id = $(this).find('.pa-author a').attr('href').split('id=')[1];
  } else {
    id = $(this).parents('.post').find('.pl-email:first a').attr('href').split('id=')[1];
  }
  $(this).find('.pa-posts').html('<a href="/search.php?action=show_user_posts&user_id='+id+'" target="_blank">Сообщений</a>:'+$(this).find('.pa-posts').text().split(':')[1]);
});
</script>
<!-- конец -->

<!-- Кликабельность ника в постах Гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
<!-- Конец -->

<!---------------------------- запятая после ника---------------------------->
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>

<!-------------------------- отключаем поделиться -------------------------->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>

<!-------------------------- это не интересно -------------------------->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!-- ХТМЛ в постах -->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<!-- кнопка ХТМЛ  -->
<style>
#button-html {background-image:url('https://i.imgur.com/pOHAcqi.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:14px; margin-left: 2px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(12).innerHTML="<img src='/i/blank.gif' title=\"Теги HTML\" id='button-html' onclick=\"bbcode('

Код:
<!--HTML-->', '

');\"/>"
</script>

<!-- маска профиля  -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['введите пароль', 'разрешить доступ', 'заблокировать доступ', 'скачивание данных', 'синхронизация контактов'],
    forumAccess: {
        'введите пароль': ['Игроки'],
        'синхронизация контактов': ['Игроки']
    },
    forumAccessExtended: {
        'разрешить доступ': ['Игроки'],
        'заблокировать доступ': ['Игроки'],
        'скачивание данных': ['Игроки']
    },
    changeList: {
        'pafld1': {
            title: 'личная информация',
            description: '',
            tag: 'lzinf',
            class: 'pa-fld3',
            defaultCode: '<center><font size="2"><b>Имя Фамилия, возраст</b></font><br>текст вашего лз</center>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-fld1', 'pa-title', 'pa-avatar', 'pa-fld5', 'pa-fld3', 'pa-fld4', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-online', 'pa-ip']
});
</script>

<!---------------------------- тег  абзаца - [indent] ---------------------------->
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="http://icons.iconarchive.com/icons/famfamfam/silk/16/text-indent-icon.png"  onclick="smile(\''+b+'\')" style="    height: 16px;    width: 16px;  margin-left: 6px;"></td>');
    var indent = '<span style="display:inline-block;margin:0em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>

<!-------------------------- счетчик символов -------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border: 1px solid #34440a;     border-width: 2px 0px 0px 1px;     padding: 2px 3px;     margin: 0 20px 0 10px;">выстрадано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

<!---------------------------- тег img---------------------------->
<script>
var oldIMG="<td id=\"button-image\" title=\"Изображение\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!-- Конец -->

<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>

<!-- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ -->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#fff;border:0px solid black; color: #000; width:auto; padding:8px; position:absolute; margin-top:-54%; margin-left:35%; z-index:20">
<div><strong>направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- Конец -->

<!---------------------------- выравнивание justify---------------------------->
<style>
#button-mybb {background-image:url('https://i.imgur.com/xk6CO1b.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('', '');\"/>"
</script>

<!-- Восстановление последнего поста при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->

<!-------------------------- дефис -------------------------->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>

<script type="text/javascript">
if ($('#post').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Abril Fatface');
ft_f.push('Acoustica South');
ft_f.push('Adelyyn Trial');
ft_f.push('Adleit');
ft_f.push('Advent Pro');
ft_f.push('Airin');
ft_f.push('Albanian');
ft_f.push('alessandria');
ft_f.push('');
ft_f.push('');
ft_f.push('Allan');
ft_f.push('Ananas Lips');
ft_f.push('Angelface');
ft_f.push('AnthonyLouis');
ft_f.push('Anton');
ft_f.push('Aortha Lucy');
ft_f.push('Artemay Bright');
ft_f.push('Arya');
ft_f.push('Authentic Signature');
ft_f.push('Bahiana');
ft_f.push('Bangers');
ft_f.push('Beauty');
ft_f.push('billyohio');
ft_f.push('birdhousescript');
ft_f.push('Black Street');
ft_f.push('Calligraffitti');
ft_f.push('Caveat');
ft_f.push('Chilanka');
ft_f.push('CestLaIsabelly');
ft_f.push('Contrail One');
ft_f.push('Cookie');
ft_f.push('Crushed');
ft_f.push('Dancing Script');
ft_f.push('devonian');
ft_f.push('');
ft_f.push('Dorsa');
ft_f.push('El Messiri');
ft_f.push('Indie Flower');
ft_f.push('Fjalla One');
ft_f.push('fortunatesdecember');
ft_f.push('flaming');
ft_f.push('gant');
ft_f.push('Geo');
ft_f.push('Get Lost!');
ft_f.push('Give You Glory');
ft_f.push('Gloria Hallelujah');
ft_f.push('Graduate');
ft_f.push('Gravitas One');
ft_f.push('Great Vibes');
ft_f.push('greatdaypersonaluse');
ft_f.push('Handlee');
ft_f.push('Harris');
ft_f.push('Hastoler');
ft_f.push('Homenaje');
ft_f.push('Homemade Apple');
ft_f.push('Just Another Hand');
ft_f.push('JustBecause');
ft_f.push('Kaushan Script');
ft_f.push('Kristi');
ft_f.push('limelight');
ft_f.push('La Belle Aurore');
ft_f.push('Long Cang');
ft_f.push('Lovegood');
ft_f.push('madetheartistscript');
ft_f.push('malina');
ft_f.push('manussmoothtrial');
ft_f.push('Marmelad');
ft_f.push('medula One');
ft_f.push('Meddon');
ft_f.push('midnight');
ft_f.push('Mr Bedfort');
ft_f.push('Mr Dafoe');
ft_f.push('Mr. Night');
ft_f.push('Montez');
ft_f.push('newfrench');
ft_f.push('Nothing You Could Do');
ft_f.push('Oregano');
ft_f.push('Patty');
ft_f.push('Permanent Marker');
ft_f.push('Pink Script');
ft_f.push('Pirata One');
ft_f.push('Playball');
ft_f.push('Raphlanokfuture');
ft_f.push('reilly beck');
ft_f.push('');
ft_f.push('rofitaste');
ft_f.push('Ruthie');
ft_f.push('Sacramento');
ft_f.push('santana script');
ft_f.push('Satisfy');
ft_f.push('Sedgwick Ave');
ft_f.push('shadowedgermanica');
ft_f.push('Shadows Into Light');
ft_f.push('shorelinesscriptbold');
ft_f.push('Signerica');
ft_f.push('solmet brush');
ft_f.push('snubnosedemo');
ft_f.push('squada one');
ft_f.push('Six Caps');
ft_f.push('Starlit Drive');
ft_f.push('Sukro');
ft_f.push('Sue Ellen Francisco');
ft_f.push('taramda');
ft_f.push('teddy bear');
ft_f.push('Teko');
ft_f.push('takenbyvulturesdemo');
ft_f.push('thehillspersonaluseonly');
ft_f.push('theblacklist');
ft_f.push('Train One');
ft_f.push('Qwigley');
ft_f.push('warpath');
ft_f.push('Walfords');
ft_f.push('willona love');
ft_f.push('Xyling');
ft_f.push('zenythscript');
ft_f.push('Zeitgeist DEMO');
ft_f.push('UnifrakturMaguntia');
ft_f.push('UnifrakturCook');
ft_f.push('Unica One');
ft_f.push('Yesteryear');
ft_f.push('yerbaluisaffp');
ft_f.push('yellowtail');
ft_f.push(' ');
ft_f.push('- - - кириллица - - -');
ft_f.push(' ');
ft_f.push('Amatic SC');
ft_f.push('Archive');
ft_f.push('BadScript');
ft_f.push('Bebas Neue');
ft_f.push('Caveat');
ft_f.push('Carolina');
ft_f.push('Comfortaa');
ft_f.push('Deutsch Gothic');
ft_f.push('drinaregular');
ft_f.push('Gant');
ft_f.push('Journalism');
ft_f.push('Lemon Tuesday');
ft_f.push('lillybelle');
ft_f.push('lobster');
ft_f.push('MADE Evolve Sans');
ft_f.push('madetheartistscript');
ft_f.push('Marck Script');
ft_f.push('Mistral');
ft_f.push('Neucha');
ft_f.push('Noah');
ft_f.push('Old Standard TT');
ft_f.push('oswald');
ft_f.push('Pacifico');
ft_f.push('Pangolin');
ft_f.push('Pattaya');
ft_f.push('Play');
ft_f.push('Poiret One');
ft_f.push('PT Sans Narrow');
ft_f.push('Rozovii Chulok');
ft_f.push('Rubik Mono One');
ft_f.push('Shlapak Script');
ft_f.push('vtregular');
ft_f.push('Yanone Kaffeesatz');
ft_f.push('Yeseva One')
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

<script type="text/javascript">
    function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
     
    Change("#pun-stats.section h2 span","Статистика форума","статистика"); 
    </script>

<div id="character" class="reveal-modal xlarge main container">
<div class='modal_wrap'></div>
<a class="close-reveal-modal">×</a>
</div>

<script type="text/javascript">
function showTab(elem){
    $(".menu span").removeClass("tabactive");
    $(elem).addClass("tabactive");
    $("div.submenutext").hide();
    var activeDiv = $(elem).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false;
}
$(".modal-link").click(function() {
        var modId = $(this).attr('id');
$('.modal_wrap').html('');
$.get('pages/'+modId, function (data){
    $('.modal_wrap').html($(data).find('.character').html());
});
$(".submenutext").hide();
$(".submenutext:first").show();
});
</script>

<!-- Cпойлер наград в топике -->
<style type="text/css">.mini_awards_label, .mini_awards {display: none; font-size:0px;} #awrdbut * {cursor: pointer; }</style>
  <script>

(function () {
     var awards_button = "<img src='https://forumstatic.ru/files/001b/11/27/44757.png' title='Показать|скрыть награды'>";
      function awards_spoiler() {
          $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
          $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
      }
      var t=0;  var time_func = setInterval(function(){ t++;
          if (t>100) { clearInterval(time_func); return; }
          if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
      },100);
}())
  </script>







<!----------------- баннеры --------------->

<div class="banners">

<a href="http://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/poQI688.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a>

<a href="http://funeralrave.rusff.me/"><img src="https://i.imgur.com/sreWq1o.png"></a>

<a href="http://tmi.f-rpg.me/" title=" TMI: Deus Vult" target="_blank"><img src="https://forumupload.ru/uploads/001b/0a/5f/2/372787.jpg" width="88" height="31" border="0" alt=" TMI: Deus Vult"></a>

<a target="_blank" href="http://stigma.rusff.me" title="pathologia"><img src="https://forumstatic.ru/files/001b/15/80/10517.gif" border="0"></a>

<a href="http://shelterme.rusff.me/"><img title="SHELTER ME" src="https://forumstatic.ru/files/0017/c4/40/47254.gif" border="0" /></a>

<a href='http://onlineroleplay.rusff.me/' target='_blank' title='ONLINEROLEPLAY'><img src='https://forumupload.ru/uploads/001b/1a/5a/3/767371.png' border='0' width='88' height='31'></a>

<a target="_blank" href="http://uts.rusff.me/" title="UNDER THE SUN"><img src="https://forumstatic.ru/files/001b/1a/6a/47011.png" border="0"></a>

<a href="https://somethingold.f-rpg.me"><img src="https://i.imgur.com/D49Emq1.gif" title="DOCTOR WHO, OR THERE AND BACK AGAIN" width="88" height="31"></a>

<a href="http://fap.mybb.ru/" target="_blank"><img src="https://funkyimg.com/i/38GBT.png" title="Foggy Albion`s Poison" alt="FAP" width="88" height="31"></a>

<a href="http://razvod.rusff.me"><img src="https://i.imgur.com/acleNZX.png"></a>

<a href="http://dystopia.0pk.me/" target="_blank"><img src="https://i.imgur.com/81V9vMA.jpg" title="Dystopia. New Tomorrow [1984]" border="0" width="88" height="31"></a>

</div>

<!--ПИАР-ВХОД-->
<script type="text/javascript">
PiarNik="spam";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span>Спам</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>
<!------------------------------------------------------------->

0

6

форма

<!--Дополнительные смайлы-->
<script type="text/javascript">
(function (){
var fun = 'showhide'+(+new Date()%40000);
var b='<style>.custom-smilies img {cursor:pointer !important}</style>'
+'<div class="custom-smilies"><input type="Button" value="мемология" onclick="return '+fun;
document.write(b+'(this)" style="margin-bottom: 15px;"><p style="display:none; margin: 10px 20px 5px 20px;"></p></div>');
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var c = '" onclick="smile('+bb+')" />';
function ass(){/*==123==;

https://i.imgur.com/yFy0OZE.png
https://i.imgur.com/pozprWX.png
https://i.imgur.com/ugCGYEm.png
https://i.imgur.com/nTRuHma.png
https://i.imgur.com/MYuNGEz.png
https://i.imgur.com/BMfU3or.png
https://i.imgur.com/vwbxWB6.png
https://i.imgur.com/XPXvcml.png
https://i.imgur.com/uPBr3JS.png
https://i.imgur.com/jzpoYxo.png
https://i.imgur.com/pcASmwz.jpg
https://i.imgur.com/LW23UWA.png
https://i.imgur.com/tjWqTMJ.jpg
https://i.imgur.com/FxMknw8.jpg
https://i.imgur.com/Gzng3lL.jpg
https://i.imgur.com/rvb5aR0.jpg
https://i.imgur.com/lpwYlvW.jpg
https://i.imgur.com/FUTLMgl.jpg
https://i.imgur.com/kQA4eTK.jpg
https://i.imgur.com/IwzufIt.jpg
https://i.imgur.com/Sedkb8d.jpg
https://i.imgur.com/vBOkGY7.jpg
https://i.imgur.com/gGZ9aFh.png
https://i.imgur.com/ICFGPzb.png
https://i.imgur.com/VXHl8uc.png
https://i.imgur.com/G6HbeQY.png
https://i.imgur.com/NgGmYnd.png
https://i.imgur.com/iu0H24S.png
https://i.imgur.com/ez8JFMj.png
https://i.imgur.com/GNJqXb5.png
https://i.imgur.com/Kl8YYwd.png
https://i.imgur.com/hfKDNdD.png
https://i.imgur.com/OtRxwS3.png
https://i.imgur.com/FTNmDrn.png
https://i.imgur.com/ckPupUt.png
https://i.imgur.com/46oDOPJ.png
https://i.imgur.com/1orIZYm.png
https://i.imgur.com/IwRdNl1.png
https://i.imgur.com/0hzjPOX.png
https://i.imgur.com/2Wl1fLO.png
https://i.imgur.com/9172Goy.png
https://i.imgur.com/TFXQMbk.jpg
https://i.imgur.com/wlZsELL.jpg
https://i.imgur.com/c3HCmot.png
https://i.imgur.com/Squb5Es.png
https://i.imgur.com/Hm2XXCS.png
https://i.imgur.com/G4eHxvs.png
https://i.imgur.com/VLbhVkk.jpg

https://i.imgur.com/wb9Xdg0.png
https://i.imgur.com/7MymyjD.jpg
https://i.imgur.com/MjpucOG.png
https://i.imgur.com/MaPUXpX.jpg
https://i.imgur.com/kfWemJK.jpg
https://i.imgur.com/StssPi0.jpg
https://i.imgur.com/Zcp5XbZ.jpg
https://i.imgur.com/W9c9HU2.jpg
https://i.imgur.com/rZ28wA6.jpg
https://i.imgur.com/eO3BdYB.jpg

https://i.imgur.com/ZSQ2jPO.png
https://i.imgur.com/43cKcLL.png
https://i.imgur.com/OkshMtZ.png

https://i.imgur.com/VeLkEXt.png
https://i.imgur.com/JeBZY7i.png
https://i.imgur.com/l6vQXcH.png
https://i.imgur.com/yRdCoxj.png
https://i.imgur.com/HLq4K4N.png
https://i.imgur.com/Qnp9uJj.png
https://i.imgur.com/pbS9OAd.png
https://i.imgur.com/ohUfjwn.png
https://i.imgur.com/FQtWSQI.png
https://i.imgur.com/BESTZ9g.png
https://i.imgur.com/Udtmtyx.jpg
https://i.imgur.com/878t8LK.jpg
https://i.imgur.com/Lm0PmVH.jpg
https://i.imgur.com/c7VvMmG.jpg

https://i.imgur.com/iwq5TSz.png
https://i.imgur.com/uCZ3Abr.png
https://i.imgur.com/F3RLC1U.png
https://i.imgur.com/Cs3pWM4.png
https://i.imgur.com/rAxc8IV.png
https://i.imgur.com/zemp5dI.png
https://i.imgur.com/z0lVtlO.jpg
https://i.imgur.com/rkWFmQt.jpg
https://i.imgur.com/ivLCREC.jpg
https://i.imgur.com/dEc7TcJ.png
https://i.imgur.com/9mxjry2.jpg
https://i.imgur.com/iqk6P9R.png
https://i.imgur.com/CdlBp1W.png
https://i.imgur.com/ztNCApe.jpg
https://i.imgur.com/R5eqFJb.jpg
https://i.imgur.com/jlIeTqq.png
https://i.imgur.com/NTSUylp.png

https://i.imgur.com/VTxqrEZ.png
https://i.imgur.com/qkt6fUZ.png
https://i.imgur.com/SzbO238.png
https://i.imgur.com/ESyxIi4.png
https://i.imgur.com/VEbLfTn.png
https://i.imgur.com/D3yuXTJ.png
https://i.imgur.com/pxVhIHE.png
https://i.imgur.com/SoIlYmw.png
https://i.imgur.com/u3tYwtp.png
https://i.imgur.com/FoVgg58.png
https://i.imgur.com/xGOmN6r.png
https://i.imgur.com/X1izn65.png
https://i.imgur.com/01Kfv8I.png
https://i.imgur.com/LSjsqTD.png
https://i.imgur.com/XhwONGQ.png
https://i.imgur.com/yClN4Sw.png
https://i.imgur.com/iwTNWNP.png
https://i.imgur.com/GEB8Wd8.png
https://i.imgur.com/V5vioOZ.png
https://i.imgur.com/q9IjZnj.png
https://i.imgur.com/pAwx9Za.png
https://i.imgur.com/1h9P30J.png
https://i.imgur.com/R9ewmSl.png
https://i.imgur.com/XjRdVn0.png
https://i.imgur.com/klCtthr.png
https://i.imgur.com/0WteQb2.jpg
https://i.imgur.com/65OyCUi.jpg
https://i.imgur.com/xRGKf6n.jpg
https://i.imgur.com/ANdD9gi.png
https://i.imgur.com/wwgR5rG.png
https://i.imgur.com/yojUm7z.jpg
https://i.imgur.com/FIN9fWr.jpg
https://i.imgur.com/3qvrZzO.jpg
https://i.imgur.com/3cemYha.jpg
https://i.imgur.com/PhHfaDO.png
https://i.imgur.com/psMQT3F.jpg
https://i.imgur.com/IKnIvDk.png
https://i.imgur.com/o5bLDAW.png
https://i.imgur.com/NKUWRHV.png

https://i.imgur.com/2An2x9V.png
https://i.imgur.com/akKJ8mi.png
https://i.imgur.com/stkTPD0.jpg
https://i.imgur.com/cbkoDfc.jpg
https://i.imgur.com/f1kjqQG.png
https://i.imgur.com/S1I0LXW.png
https://i.imgur.com/lwB1SRh.png
https://i.imgur.com/d0JcWf0.png
https://i.imgur.com/75gX573.png
https://i.imgur.com/0CM2n3u.png
https://i.imgur.com/tqbLPrn.png
https://i.imgur.com/LlXlZeu.png
https://i.imgur.com/h8NOel3.png
https://i.imgur.com/osAbGmn.png
https://i.imgur.com/sdDw5g4.png
https://i.imgur.com/Yh8rumV.png
https://i.imgur.com/4wmgwOP.png
https://i.imgur.com/ExZ6HQ8.jpg
https://i.imgur.com/ndxQ8ft.png
https://i.imgur.com/htDpU1I.png
https://i.imgur.com/7QS3kaf.png
https://i.imgur.com/KbrUfS7.png
https://i.imgur.com/QCniHth.png

https://i.imgur.com/83tfZCx.png
https://i.imgur.com/cMDlOrU.png
https://i.imgur.com/dJ4gE6u.png
https://i.imgur.com/Qwyp3hX.png
https://i.imgur.com/dLIQvUb.png
https://i.imgur.com/m3StACi.png
https://i.imgur.com/so9CM69.png
https://i.imgur.com/K0iBbW7.jpg
https://i.imgur.com/cX7adDy.png
https://i.imgur.com/KY0Uqin.png
https://i.imgur.com/aUxIv2B.jpg
https://i.imgur.com/BP1WxKv.png

==123==;*/
} ass = ass.toString().split('==123==;')[1];
ass=ass.replace(/^(http?s?:.*?)$/gim,'<img src="$1"'+c);
var load = false;
window[fun] = function (b){
p = b.parentNode.getElementsByTagName("p")[0]
if(!load){load = true;$(ass).appendTo(p);}
if(b.value=="мемология"){
b.value="скрыть мемы"
p.style.display="block"}
else{
b.value="мемология"
p.style.display="none"}
return false}}());
</script>

0


Вы здесь » mrazeus & shady design test » диз джена » диз синий кресджен


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