Kazan
Kazan
Пост недели от Варвара Вознесенская Ну, час от часу не легче! Даже если бандиты и не польстятся на тёткины платье и капор, так надругаются уж как пить дать, по их сальным и недвусмысленным ухмылкам это очевидно. От страха Варю начинает бить самая настоящая мелкая дрожь, даром что на улице стоит тёплый летний вечер. Глаза непроизвольно зажмуриваются, чтобы даже не смотреть на то, что будет дальше, тем более один из грабителей уже беззастенчиво пытается облапать Варвару через тонкую ткань платья. Пожалуй, только и остаётся, что непроизвольно шептать знакомую с детства молитву Богородице-заступнице. На кого же ещё надеяться, от кого дать помощи в такой беде? ЛИЧНЫЙ ПАМЯТНЫЙ ФОРУМ-ТЕСТОВИК ДЛЯ ЧТЕНИЯ И ИГР ДЛЯ СЕБЯ. Благодарим за идею и совместную работу создателя проекта. Спасибо форуму https://kazancitylife.rusff.me/ .

Казань русреал NC-21 наши дни

Добро пожаловать в Казань! Третья столица России - прекрасный и самобытный старинный город с богатой историей, интереснейшими традициями и нравами. Здесь слились воедино православие и мусульманская вера, рядом с православными храмами мирно уживаются красивые мечети. Но, главное - В Казани приветливые и дружелюбные жители, которые всегда рады гостям города. Рейтинг NC - 21, русреал без мистики.

KAZAN CITY MEMORIES тестовик

Объявление

CITY MEMORIES


Ana Gabriel - Eres todo en me поет для вас
при поддержке школы танцев "TERRA NOVA"



С Днем города, дорогие форумчане!

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

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

Вы здесь » KAZAN CITY MEMORIES тестовик » Сервис для гостей » Тестовое сообщение

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

Страница: 1

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

1

Благодарим за выбор нашего сервиса!

0

2

<a href="ссылка на сообщение с вашей анкетой"><b>Как обращаются к персонажу, или имя, или прозвище и т.д., ВОЗРАСТ ЧИСЛОМ</b><br></a>короткая фраза о персонаже, желательно не абстракция<a href="ссылка на профиль важного человека в вашей жизни">пара</a> если надо заканчиваем фразу

0

3

https://get-color.ru/blue/

0

4

тест новых соо

0

5

https://www.rgbtohex.net/rgb/196-99-124

0

6

цитата

0

7

Код:
код

0

8

Иоанн Вознесенский написал(а):

тест новых соо

0

9

еще тест

0

10

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

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url(https://forumstatic.ru/files/0018/25/96/61263.css);
@import url(http://allfont.ru/allfont.css?fonts=fra … hic-medium);
@import url('https://fonts.googleapis.com/css?family=Cuprum');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat|Montserrat+Alternates|Open+Sans|Oswald');
@import "https://cdn.linearicons.com/free/1.0.0/icon-font.min.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Emoji:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@font-face { font-family: 'TAN-PEARL';
src: local("TAN-PEARL"), url('https://forumstatic.ru/files/0019/be/2e/89891.ttf') format('truetype');}

/* 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: 103%;
    border: 1px solid black;
    margin-left: 12px !important;
}

/* 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 68.75% verdana, arial, helvetica, sans-serif;
  }

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

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

/* ВСЕ, ЧТО НИЖЕ В БЛОКЕ А3, ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

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

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

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

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

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

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

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

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

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

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

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

/* A5.10 КАТЕГОРИИ, ЗАГОЛОВКИ - ОТСТУПЫ - НЕ ТРОГАЕМ */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 2px 1em 9px 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: -21px;
    margin-left: 14px;
}
/* СНИЗУ */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left; 
}

/* НЕ ТРОГАТЬ */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;       padding-right: 30px !important; 
  }

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

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

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

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

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

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

/* C1.2 НЕ ТРОГАЕМ */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

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

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

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

/* C1.6 НЕ ТРОГАЕМ */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 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: 60%;
  }

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

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

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

/* C3.3 НЕ ТРОГАЕМ */
.punbb .post h3 span {
    border-left: 1px solid transparent;
    padding: 0.5em 1em;
    display: block;
    margin-left: 47px;
    font-size: 10px;
}
/* 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: 0.5em;
    overflow: hidden;
    min-height: 105px!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 {}

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

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

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

/* C3.14 НЕ ТРОГАЕМ */
.punbb .post-links {
    margin-left: 230px;
    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: 0.5em 0em;
    text-align: right;
    margin-left: 12px !important;     width: 102.7% !important;}

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

.punbb .modmenu .container span {padding-right: 30px !important;}

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

#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: 18px!important;
    color: #ffffff;
    text-transform: uppercase;
    font-family: Amatic SC!important;
    font-weight: 800;
    z-index: auto;
    margin-right: 15px;
    letter-spacing: 1px;
    padding-bottom: 1px !important;
}
/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ
настраиваем вид ссылок при наведении */
#pun-navlinks li a:hover {  border-bottom: 1px solid black !important;}

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

/* SEARCH */
#navsearch {
display: inline;
    padding-right: 1em; margin-right: 7px !important; color: #395778 !important;
}
#navindex a {color: #395778 !important;}
#navuserlist a{color: #395778 !important;}
#navsearch a{color: #395778 !important;}

/* 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 {
    font-size: 10px;
    text-transform: lowercase;
    position: absolute;
    z-index: 50;
    top: -58px;
    left: 866px;
    width: 182px;
    text-align: left;
    color: #bacdda;
    line-height: 130%;
}

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

/* 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 3em 1em 3em;
    margin-top: -78px;
    text-align: center;
    padding-bottom: 43px !important;
}

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

/* D7.1 СТАТИСТИКА
Можно добавить особенный шрифт и цвет, но можно и не трогать*/
#pun-stats .container {
padding: 0.8em 1em;
    border: 1px solid black;
    margin: 0px 13px;
    width: 100.3%;
    font-size: 10px !important;
    text-transform: lowercase;
  }

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

/* D7.3 НЕ ТРОГАЕМ */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

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

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

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

/* 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: 0px!important
}

#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 .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-color: transparent;
    text-align: justify;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
.punbb .user-avatar .avatar-image { border-radius: 0% !important;
    height: 25px !important;
    width: 25px !important;
    float: right !important;     border: 2px solid !important;}

.punbb .user-avatar .isonline {
    width: 5px !important;
    height: 5px !important;
    border-radius: 0% !important;
    display: block;
    position: absolute;
    top: 2px !important;
    right: 2px !important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #8ac176;
    z-index: 100;
}

/* улучшить профиль
-------------------------------------------------------------*/
#pun-status .status-right {
    float: none !important;
}

/* это интересно
-------------------------------------------------------------*/
div#pun-live-rusff {display: none !important;}

/* для личных сообщений
-------------------------------------------------------------*/
span.num_msg {
    margin-top: -13px !important;
    margin-left: -9px !important;
    font-size: 9px !important;
    background: #8184a5 !important;
    padding: 1px 3px !important;
    height: 12px !important;
}

span.num_msg:before {
    top: 12px !important;
    background: #8184a5 !important;
}

div#pun-ulinks .item9 {
    display: none;
}

/* двигаем рейтинг поста
-------------------------------------------------------------*/
div.post-rating a, div.post-vote a {
    font-size: 130% !important;
    text-decoration: none !important;
    margin-right: -10px !important;
}

/* hr разделительная линия
-------------------------------------------------------------*/
.post-content hr {    border-top: #647ea3 solid 1px !important;}

.reactions-container {
    display: none !important;
    gap: 4px;
}



/*Правка для названий категорий*/
.punbb#pun-index #pun-stats h2,
.punbb#pun-index #pun-main h2{
    text-align:center;
    font-size: 1.4em!important;
    position:relative;
    height:44px;
}
.punbb#pun-index #pun-stats h2 span,
.punbb#pun-index #pun-main h2 span{
    margin:auto!important;
    display:inline-block!important;
    text-align:center;
    position:absolute;
    font-family: Amatic SC!important;
    font-weight: 800;
    font-size: 1.7em!important;
    left:0; right:0;
    bottom:14px;
    color:#395778;
    text-shadow: -1px -1px 0 rgba(255,255,255,.6);
    background-color:#BFD2DF;
    height:28px;
}

0

11

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

ПАН ТЕЛО

**************************************************************/
/* A5.1 ПАН ИЛИ ТЕЛО
здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
-------------------------------------------------------------*/
#pun   {
    position: relative;
    width: 1120px;
    margin: 273px auto 10px auto;
    background: transparent url(https://forumstatic.ru/files/001b/fe/ab/30233.jpg);
    padding-top: 280px;
    background-repeat: repeat !important;
    border: 3px double #000;
}

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

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

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

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

/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body {
   
    background: url(https://forumstatic.ru/files/001b/fe/ab/11165.png) no-repeat fixed top center;
    /* background: no-repeat; */
    background-color: #9d8f9f;
    overflow-x: hidden;
    background-size: cover;

}

/* ШАПКА
-------------------------------------------------------------*/
#pun-title table {
    background: url(https://forumstatic.ru/files/0019/d3/4c/14213.png) rgba(0, 0, 0, 0) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1120px;
    height: 202px;
    z-index: 9;}

/* ФУТЕР
-------------------------------------------------------------*/
#pun-about p.container {
background: url() center bottom no-repeat scroll rgba(0, 0, 0, 0);
    height: 323px;
    margin-bottom: -146px;
    margin-left: -59px;
    margin-top: -156px;
    width: 1084px;
    padding: 0px !important;
    border: none !important;
}
/* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
-------------------------------------------------------------*/
#pun-about .container .item1 {
width: 995px;
    position: absolute;
    font-family: arial;
    font-size: 9px;
    text-align: center;
    margin-left: 43px;
    margin-top: 163px;
}

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

ПРОФИЛЬ

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

/* РАМКА ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author {
    width: 200px;
    margin-left: 13px !important;
    padding-bottom: 5px !important;
    border: 1px solid black;
}
/* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author ul {
    margin-left: 0px;
    margin-top: 0px;
    width: 200px;
    padding: 0px !important;
}
/* НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author {text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 700 !important;
    color: #395778 !important;
    font-family: Amatic SC !important;
    position: absolute;
    width: 200px;
    text-align: left;
    margin: -20px -1px !important;
}

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

/* СТАТУС ЛИЧНОЕ ЗВАНИЕ
-------------------------------------------------------------*/
.pa-title {
    text-transform: lowercase;
    text-align: center;
    font-size: 9px !important;
    padding: 0px 13px 0px !important;
    border-bottom: 1px solid black;
}

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

/* ЗАДАЕМ ТЕНЬ И РАМКУ АВАТАРУ
-------------------------------------------------------------*/
.pa-avatar img {
max-width: 180px;
    max-height: 180px;
    border: 3px double rgb(0 0 0) !important;
}

/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/
.pa-fld1 {      width: 174px!important;
    font-size: 10px;
    text-transform: lowercase;
    border: 1px double rgb(0 0 0) !important;
    padding: 5px !important;
    margin: 0px 7px !important;
    line-height: 110%;
}

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

.pa-fld1 a { }

.pa-fld2 {}

.pa-fld2 a {}

.pa-fld3 {}

.pa-fld3 a {}

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

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-posts, .pa-respect {   
    width: 60px;
    text-transform: lowercase;
    font-size: 9px;
    display: inline-block;
    padding: 2px 4px !important;
}
/* СЛОВО РЕПУТАЦИЯ - ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО!
-------------------------------------------------------------*/
.pa-respect a { }

/* ОТКЛ КОЛ-ВО СООБЩЕНИЙ В ЛС
-------------------------------------------------------------*/
#pun-messages .pa-posts {
    display: none;
}

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

/* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
-------------------------------------------------------------*/
#pun-post .pa-author {
    padding: 0px;
    margin-top: 14px;
    text-align: center;
    margin-left: 0px;
}

/* ССЫЛКИ ПРОФИЛЬ, ЛС, EMAIL ПОД ПРОФИЛЕМ ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
Возможно, придется двигать с помощью последнего параметра*/

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

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

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

/* АЙПИ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    width: 206px;
    font-size: 7px;
}
/* ОНЛАЙН - АКТИВЕН В ТОПИКЕ
-------------------------------------------------------------*/
.pa-online {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 10px!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: rgb(55 68 87);
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.punbb .post-box {}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb, .linksb .pagelink {
    text-transform: lowercase;
    color: rgb(116 135 151);
    font-size: 10px;
}
/* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 10px !important;}

/* НОМЕР ПОСТА (МОЖНО ПОДВИНУТЬ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 761px;
    position: absolute;
    width: 200px;
    text-align: right!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 0s;
    box-shadow: none;
    color: #395778;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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;
    border: none !important;
    color: rgb(196 124 99);
}

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

ПОДФОРУМ

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

/* ПОДФОРУМ
-------------------------------------------------------------*/
#pun-index .tclcon {
    font-size: 10px;
    text-transform: lowercase;
    margin-left: 17px;
    text-align: justify;
}

.podfor {       height: 61px;
    width: 372px;
    overflow: auto;
    padding-right: 5px;
}

/* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    text-align: left;
    font-family: Amatic SC;
    font-weight: 700 !important;
    color: #395778 !important;
}
/* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon a {
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
    font-family: montserrat;    font-weight: 700;
}

/* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ
-------------------------------------------------------------*/
.podfor_link {text-align: center;}
.podfor_link a {  color: #395778 !important;
    margin: 0px 5px !important;
}
.podfor_link a:hover { color: #395778 !important; }
/* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index .tcr a {
font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    color: #395778;
}

/* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-index .tcr {
text-align: left;
}

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

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

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

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

/* КАТЕГОРИИ

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

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

/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats.section h2 {
    background: url(https://forumstatic.ru/files/0019/d3/4c/95482.png);
    width: 831px;
    height: 16px;
    display: inherit;
    margin-top: -9px;
    border: none !important;
    padding: 0px !important;
    margin-left: 78px !important;
}
/* ПЕРВАЯ
-------------------------------------------------------------*/
#pun-category1 h2 {
    background: url(https://forumstatic.ru/files/0019/d3/4c/95482.png);
    width: 831px;
    height: 16px;
    display: inherit;
    margin-top: -9px;
    border: none !important;
    padding: 0px !important;
    margin-left: 78px !important;
}
/* ВТОРАЯ
-------------------------------------------------------------*/
#pun-category2 h2 {
    background: url(https://forumstatic.ru/files/0019/d3/4c/95482.png);
    width: 831px;
    height: 16px;
    display: inherit;
    margin-top: -9px;
    border: none !important;
    padding: 0px !important;
    margin-left: 78px !important;
}
/* ТРЕТЬЯ
-------------------------------------------------------------*/
#pun-category3 h2 {
    background: url(https://forumstatic.ru/files/0019/d3/4c/95482.png);
    width: 831px;
    height: 16px;
    display: inherit;
    margin-top: -9px;
    border: none !important;
    padding: 0px !important;
    margin-left: 78px !important;
}
/* ЧЕТВЕРТАЯ
-------------------------------------------------------------*/
#pun-category4 h2 {
    background: url(https://forumstatic.ru/files/0019/d3/4c/95482.png);
    width: 831px;
    height: 16px;
    display: inherit;
    margin-top: -9px;
    border: none !important;
    padding: 0px !important;
    margin-left: 78px !important;
}

/* ПЯТАЯ
-------------------------------------------------------------*/
#pun-category5 h2 {
    background: url(https://forumstatic.ru/files/0019/d3/4c/95482.png);
    width: 831px;
    height: 16px;
    display: inherit;
    margin-top: -9px;
    border: none !important;
    padding: 0px !important;
    margin-left: 78px !important;
}

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

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

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

/* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ
-------------------------------------------------------------*/
#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-right: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: left;
    position: absolute;
    margin-top: -251px !important;
    width: 569px !important;
    margin-left: 169px !important;
    z-index: 9999;
}

/* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК
-------------------------------------------------------------*/
#pun-ulinks .container {
    text-transform: lowercase;
    font-style: normal;
    top: 205px;
    font-size: 8px;
    width: 1030px !important;
    text-align: center !important;
}

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

/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 9px !important;
    font-weight: 100;
    transition: all 0.7s cubic-bezier(0.4, 0, 1, 1) 0s;
    letter-spacing: 1px;
    padding: 0 20px 0px 7px !important;
}
/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
#pun-ulinks a:hover {}

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

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

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

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700 !important;
    width: 963px;
    margin-bottom: 10px !important;
    color: #395778 !important;
    font-family: Amatic SC !important;
}

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

/* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ - ДЕЛАЕМ ЖИРНЫМИ
-------------------------------------------------------------*/
#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: rgb(192 211 224);
    border: 1px solid rgb(0 0 0);
}

/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
    background: rgb(192 211 224);
    border: 1px solid rgb(0 0 0);
    padding: 20px !important;
    width: 102% !important;
}
/* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ - НАЗВАНИЕ ТЕМЫ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(192 211 224);
    border: 1px solid rgb(0 0 0);
    padding: 5px !important;
}

#form-buttons table {    width: 107%!important;
    margin: 0px 0px !important;
    border: 0px !important;}

/* СДВИГАЕМ ЦИТАТУ, КОД И ТД
-------------------------------------------------------------*/
.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;
    padding: 5px !important;
    position: relative;
    border: 1px solid rgb(0 0 0);
}

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

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

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

/* В ФОРМЕ ОТВЕТА ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background: rgb(212 225 237);
    color: rgb(81 113 139);
    border: 1px solid rgb(178 199 221);
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(255 255 255) 0px 0px 1px inset, rgb(174 193 211) 0px 0px 30px inset;
    border-radius: 15px;
}

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

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

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

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

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index table Div.icon {
background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: left;
    border: 1px solid black;
    width: 11px;
    height: 19px;
    margin: 0px -15px !important;
}

/* ИКОКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 14px;
    width: 13px;
    z-index: 1;
    opacity: 0.4;
    background: #e5b6ac;
    border-radius: 100px;
    float: left;
    margin: 37px 5px 0px 0px !important;
    border: 9px solid #bbcedb;
}

/* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon  {
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 10px;
    width: 10px;
    z-index: 1;
    opacity: 1;
    float: left;
    margin: 1px 7px 0px -12px !important;
    border-radius: 0px !important;
    border: 1px solid black;}

/* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #c38874;
}

/* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #335678;
}
/* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #acacac;
}

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

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

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

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font-size: 16px !important;
    border: 1px solid rgb(0 0 0) !important;
    font-family: Amatic SC !important;
    padding: 3px 9px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    background: #c47c63 !important;
    color: white !important;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background:  #284865  !important;
    cursor: pointer!important;

  }

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

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

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

/* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА
-------------------------------------------------------------*/
::selection {    background: rgb(103 128 151);
    color: rgb(204 217 230);
}
/* ПРОКРУТКА ШИРИНА
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}

/* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
    background-color: rgb(194 137 106);
    border: 1px solid rgb(116 112 133);
    box-shadow: rgb(255 255 255) 0px 0px 2px inset;
}
/* ПОДЛОЖКА ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: rgb(167 185 201);
    border: 1px solid rgb(148 168 186);
    box-shadow: rgb(255 255 255 / 59%) 0px 0px 2px inset;
}
/* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
-------------------------------------------------------------*/
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: 43%;
    margin-left: 1100px !important;
}

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

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

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

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

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

#html-header top_text {    position: absolute;
    font-size: 10px;
    color: rgb(237, 235, 255);
    width: 245px;
    text-align: center;
    height: 60px;
    overflow: hidden;
    text-transform: lowercase;
    text-shadow: rgb(104 101 126) 1px 1px 0px, rgb(255 255 255 / 24%) 0px 0px 3px;
    margin: 294px 202px !important;
}


-------------------------------------------------------------*/
.for_links {text-align: center}

.for_links a {    border-radius: 20px;
    text-transform: lowercase !important;
    transition: all 0.5s ease 0s;
    font-size: 10px !important;
    background: linear-gradient(rgb(129, 150, 167), rgb(57, 75, 90)) !important;
    border: 1px solid rgb(79, 111, 136) !important;
    box-shadow: rgb(204 217 230) 0px 0px 2px inset, rgb(204 217 230 / 45%) 0px 0px 1px inset, rgb(32 55 74) 0px 0px 5px inset !important;
    font-family: verdana !important;
    padding: 0px 6px 2px 6px!important;
    cursor: pointer !important;
    font-weight: 300 !important;
    text-shadow: rgb(54 70 84) 1px 1px 0px, rgb(216 230 243 / 25%) 0px 0px 5px !important;
    color: rgb(203, 220, 237) !important;
}

.for_links a:hover {    background: linear-gradient(rgb(57, 75, 90), rgb(129, 150, 167)) !important;     border: 1px solid rgb(79, 111, 136) !important;}

/* ОФОРМЛЕНИЕ ТЕМЫ
-------------------------------------------------------------*/

.tema1 {    width: 557px;
    font-size: 10px;
    background: url() center top no-repeat, url() center bottom no-repeat, url() repeat-y;
    min-height: 150px;
    text-align: justify;
    padding-top: 18px;
    padding-bottom: 15px;
    margin: auto!important;
}
.tema1 name {    display: block;
    margin: 0px 90px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 381px;
    text-align: center;
    font-family: montserrat !important;
    font-weight: 700 !important;
    text-shadow: rgb(91 111 129) 1px 1px 0px, rgb(216 230 243 / 25%) 0px 0px 5px !important;
    color: #ccd9e6 !important;
}
.tema1 text {    width: 474px;
    display: block;
    margin: 34px 41px;}

.tema1 text_overflow {    width: 474px;
    display: block;
    margin: 34px 41px;
    overflow: auto;
    padding-right: 5px !important;
    height: 83px;
}

.tema1 lottery {
    text-align: justify !important;
    display: block;
    line-height: 55px;
    margin-left: 56px;
    width: 455px;
    margin-top: 33px;
    margin-bottom: 22px;}

.lot1 {
    background-image: url();
    width: 53px;
    height: 43px;
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
}
.lot2 {
    background-image: url();
    width: 53px;
    height: 43px;
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.lot {    padding-right: 6px;
    margin-top: -5px !important;
    margin-left: 7px !important;
    font-size: 10px;
    text-shadow: rgb(72 91 106) 1px 1px 0px, rgb(177 192 203) 0px 0px 5px;
    font-family: montserrat !important;
    font-weight: 700 !important;
    color: rgb(204 217 230) !important;
}

/* ГОСТЕВАЯ
-------------------------------------------------------------*/
.guest {    background: url() no-repeat;
    height: 383px;
    width: 613px;
    margin: auto;}

.guest welcome {    position: absolute;
    text-transform: lowercase;
    text-shadow: rgb(104 101 126) 1px 1px 0px, rgb(255 255 255 / 24%) 0px 0px 3px;
    color: rgb(237, 235, 255);
    font-size: 10px;
    margin: 82px 80px;
    width: 211px;
    height: 81px;
    text-align: center;
    overflow: hidden;
}

.guest welcome o {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    font-family: montserrat !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

.guest rules {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 7px;
    font-family: montserrat !important;
    font-weight: 700 !important;
    position: absolute;
    margin: 360px 205px;
    text-shadow: rgb(91 111 129) 1px 1px 0px, rgb(216 230 243 / 25%) 0px 0px 5px !important;
    color: rgb(204, 217, 230) !important;
    text-align: center;
    width: 380px;
    height: 9px;
    overflow: hidden;
}
.guest faces {    position: absolute;
    margin: 225px 106px;
    width: 238px;
    height: 96px;
    overflow: auto;
    padding-left: 5px;
    text-transform: lowercase;
    font-size: 10px;
    text-shadow: rgb(67 88 106) 1px 1px 0px, rgb(216 230 243 / 0%) 0px 0px 5px !important;
    color: rgb(165 182 199) !important;
    direction: rtl;
    text-align: left;
    line-height: 16px;}

.guest faces a {    text-shadow: rgb(91 111 129) 1px 1px 0px, rgb(216 230 243 / 25%) 0px 0px 5px !important;
    color: rgb(204, 217, 230) !important;}

.guest male:before {background: url(https://forumstatic.ru/files/001b/eb/88/86145.png) no-repeat;}

.guest faces::-webkit-scrollbar {
    width: 4px !important;
    height: 6px !important;
}

.guest faces::-webkit-scrollbar-thumb {
    background-color: rgb(61 76 90) !important;
    border: 1px solid rgb(63 77 92) !important;
    box-shadow: rgb(255 255 255) 0px 0px 1px inset !important;
}

.guest faces::-webkit-scrollbar-track {
    background-color: rgb(167, 185, 201) !important;
    border: 1px solid rgb(119 139 157) !important;
    box-shadow: rgb(255 255 255 / 59%) 0px 0px 1px inset !important;
}

.forumname   {
    font-family: TAN-PEARL;
    font-size: 202px;
    position: absolute;
    margin: -480px 80px!important;
    color: black;
    z-index: 9;
    height: 197px !important;
    overflow: hidden;
}

.forumname2   {
    font-family: TAN-PEARL;
    font-size: 200px;
    position: absolute;
    margin: -482px 80px!important;
    color:   #a56853;
    z-index: 999;
}

/*----------------------- текст поста ----------------------*/
#html-header tablapost {    position: absolute;
    position: absolute;
    font-size: 10px;
    text-transform: lowercase;
    height: 71px;
    text-align: justify;
    margin: -172px 708px;
    width: 311px;
    overflow: auto;
    padding-right: 4px;
    line-height: 12px;
    z-index: 9999;}

#html-header tablapost::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}

#html-header tablapost_pic {     position: absolute;    margin: 152px 521px;}

/*----------------------- инфо ----------------------*/

#html-header tablainfo {    position: absolute;
    font-size: 10px;
    text-transform: lowercase;
    height: 60px;
    text-align: justify;
    margin: -155px 10px;
    width: 317px;
    overflow: auto;
    padding-right: 4px;
    line-height: 12px;
    z-index: 9999;
}

#html-header tablainfo::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}

#html-header active_left1 {   position: absolute; margin: 13px 77px !important; }
#html-header active_left2 {position: absolute;margin: 13px 148px !important;}
#html-header active_left3 {position: absolute;margin: 13px 217px !important;}

#html-header active img {-webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;}

#html-header active img {    border-radius: 100%;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -ms-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
    opacity: 1;
}

#html-header active img:hover {opacity: 0.5}

#html-header active {position: absolute;}

#html-header active {
    position: absolute;
    top: 48px !important;
    z-index: 99;
    left: 121px !important;
}

#html-header active2 {    position: absolute;
    top: 22px !important;
    z-index: 99;
    left: 678px !important;
}

#html-header active2 img {-webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;}

#html-header active2 img {    border-radius: 100%;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -ms-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
    opacity: 1;
}

#html-header active2 img:hover {opacity: 0.5}

#html-header active2 {position: absolute;}

/* ИНСТАГРАМ © nova*/

.post #instpost {
line-height: 16px;
margin-left: 80px;
}

.post #inst {
width:500px;
height:140px;
background:url(https://forumstatic.ru/files/001a/0d/86/73355.png);
}

.post #inst1 {
font-family: arial;
color: #000;
margin-left: 234px;
font-size: 12px;
width: 30px;
height: 15px;
}

.post #inst2 {
border: none;
border-radius: 30px;
width: 42px;
height: 42px;
margin-left: 10px;
margin-top: 56px;
overflow: hidden;
clear: both;
}

.post #inst2 img{
margin-top: 0px;
}

.post #inst3 {
font-family: arial;
color: #000;
margin-left: 64px;
margin-top: -52px;
font-size: 12px;
}

.post #inst4 {
font-family: arial;
color: #000;
margin-left: 64px;
margin-top: -18px;
font-size: 12px;
}

.post #inst5 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst5 img{
max-width: 500px;
min-width: 500px;
}

.post #inst5 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst6 {
width:500px;
height:207px;
margin-top: -23px;
background:url(https://forumstatic.ru/files/001a/0d/86/26552.png);
}

.post #inst7 {
font-family: arial;
color: #403e3e;
margin-left: 192px;
padding-top: 62px;
font-size: 16px;
}

.post #inst8 {
font-family: arial;
color: #000;
margin-left: 17px;
margin-top: -12px;
font-size: 14px;
width: 470px;
height: 67px;
overflow-y: auto;
}

.post #inst8 img {margin: 0;}

.post #inst9 {
width: 500px;
height: 776px;
background: url(https://forumstatic.ru/files/001a/0d/86/57421.png);
line-height: 16px;
margin-left: 80px;
}

.post #inst10 {
font-family: arial;
color: #000;
margin-left: 100px;
font-size: 22px;
width: 300px;
text-align: center;
}

.post #inst11 {
border: none;
border-radius: 90px;
width: 100px;
height: 100px;
margin-left: 20px;
margin-top: 23px;
overflow: hidden;
}

.post #inst11 img{
margin-top: 0px;
}

.post #inst12 {
font-family: arial;
color: #000;
margin-left: 150px;
margin-top: -104px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst13 {
font-family: arial;
color: #000;
margin-left: 264px;
margin-top: -32px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst14 {
font-family: arial;
color: #000;
margin-left: 379px;
margin-top: -32px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst15 {
font-family: arial;
color: #000;
margin-left: 10px;
margin-top: 74px;
font-size: 17px;
}

.post #inst16 {
font-family: arial;
color: #000;
margin-left: 10px;
margin-top: -14px;
font-size: 12px;
}

.post #inst17 {
width: 500px;
max-height: 164px;
padding-top:160px;
clear: both;
white-space: nowrap;
}

.post #inst17 img{
margin-top: -2px;
max-width: 164px;
min-width: 164px;
min-height: 164px;
max-height: 164px;
object-fit: cover;
}

.post #inst17a {
width: 500px;
max-height: 164px;
margin-top: -13px;
clear: both;
white-space: nowrap;
}

.post #inst17a img{
margin-top: -2px;
max-width: 164px;
min-width: 164px;
min-height: 164px;
max-height: 164px;
object-fit: cover;
}

.post #inststory {
min-width: 500px;
min-height: 888px;
line-height: 16px;
margin-left: 80px;
}

.post #inst18 {
width: 500px;
height: 888px;
position: relative;
z-index: 1;
}

.post #inst18 img{
max-width: 500px;
min-width: 500px;
min-height: 888px;
max-height: 888px;
object-fit: cover;
}

.post #inst19 {
width: 500px;
height: 888px;
margin-top: -899px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 {
border: none;
width: 60px;
height: 60px;
margin-left: 19px;
margin-top: -870px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 img{
margin-top: 0px;
border-radius: 90px;
object-fit: cover;
}

.post #inst21 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 300px;
margin-top: -70px;
position: relative;
z-index: 2;
}

.post #inst22 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 100px;
margin-top: -12px;
position: relative;
z-index: 2;
}

.post #inst23 {
width: 250px;
height: 40px;
position: sticky;
margin-left: 120px;
margin-top: 670px;
position: relative;
z-index: 2;
}

.post #inst24 {
font-family: arial;
color: #fff;
margin-left: 155px;
margin-top: -40px;
width: 200px;
height: 20px;
font-size: 19px;
text-transform: uppercase;
text-align: center;
position: relative;
z-index: 2;
}

.post #inst25 {
margin-left: 360px;
margin-top: -690px;
height: 100px;
width: 100px;
position: relative;
z-index: 2;
}

.post #inst25 img{
max-width: 100px;
max-height: 100px;
}

.post #instnews {
line-height: 16px;
margin-left: 80px;
}

.post #inst26 {
width: 500px;
height: 259px;
background: url(https://forumstatic.ru/files/001a/0d/86/78928.png);
}

.post #inst27 {
margin-left: 16px;
margin-top: 56px;
overflow: hidden;
clear: both;
width: 463px;
height: 75px;
justify-content: space-between;
align-items: center;
display: flex;
}

.post #inst27 img{
border: none;
border-radius: 40px;
width: 67px;
height: 67px;
object-fit: cover;
}

.post #inst28 {
border: none;
border-radius: 30px;
width: 39px;
height: 39px;
margin-left: 12px;
margin-top: 30px;
overflow: hidden;
clear: both;
}

.post #inst28 img{
margin-top: 0px;
}

.post #inst29 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -54px;
font-size: 15px;
}

.post #inst30 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -16px;
font-size: 12px;
}

.post #inst31 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst31 img{
max-width: 500px;
min-width: 500px;
}

.post #inst31 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst32 {
width: 500px;
height: 53px;
margin-top: -23px;
background: url(https://forumstatic.ru/files/001a/0d/86/34983.png);
}

.post #inst33 {
width: 500px;
height: 252px;
background: url(https://i.imgur.com/6f88SZh.png);
line-height: 16px;
margin-left: 80px;
}

.post #insthead {
    width: 500px;
    height: 142px;
    background: url(https://i.imgur.com/StxoZuQ.png);
}

.post #inst34 {
width: 466px;
min-height: 150px;
background: white;
color: black;
line-height: 16px;
padding: 17px;
font-family: arial;
font-size: 14px;
margin-top: -16px;
}

.post #instbottom {
    width: 500px;
    height: 55px;
    background: url(https://i.imgur.com/V8nJA4k.png);
    margin-top: -16px;
}

/* ИНСТАГРАМ END © nova*/


.banners {
    width: 600px;
    height: 7px;
    margin: 5px 200px !important;
    overflow: auto;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 30px;
    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);}

span.item4.status-right a {color: rgb(196 124 99);} /* в спокойном состоянии */
span.item4.status-right a:hover {color: #fff;} /* при наведении */

0

12

<!-------------------------- название -------------------------->
<div class="forumname">Kazan </div>
<!-------------------------- название -------------------------->
<div class="forumname2">Kazan </div>

<!---------------------------- актив слева ---------------------------->
<active>

<active_left1> <a href="https://kazancitylife.rusff.me/profile.php?id=52"><img src="https://upforme.ru/uploads/001b/26/b3/11/505578.jpg"  title="активист: Лилия Данилова"></a> </active_left1>

<active_left2> <a href="http://kazancitylife.rusff.me/profile.php?id=2"><img src="https://upforme.ru/uploads/001b/26/b3/11/934784.jpg"  title="активист: Данил Сабуров"></a></active_left2>

<active_left3> <a href="http://kazancitylife.rusff.me/profile.php?id=3"><img src="https://upforme.ru/uploads/001b/26/b3/11/203384.jpg"  title="активист: Иван Вознесенский"></a></active_left3>

</active>

<!---------------------------- актив справа ---------------------------->
<active2>

<active_left1> <a href="http://kazancitylife.rusff.me/profile.php?id=54"><img src="https://upforme.ru/uploads/001b/26/b3/11/127565.jpg"  title="флудёр: Диана Маврина"></a> </active_left1>

<active_left2> <a href="http://kazancitylife.rusff.me/profile.php?id=34"><img src="https://upforme.ru/uploads/001b/26/b3/11/993379.jpg"  title="флудёр: Владимир Орлов"></a></active_left2>

<active_left3><a href="http://kazancitylife.rusff.me/profile.php?id=2"><img src="https://upforme.ru/uploads/001b/26/b3/11/934784.jpg"  title="флудёр: Данил Сабуров"></a></active_left3>

</active2>

<!---------------------------- пост недели ---------------------------->

<tablapost>

Пост недели от

<a href="https://kazancitylife.rusff.me/viewtopic.php?id=156#p19155">Варвара Вознесенская </a>

Пока Распутин довольно улыбается и выражает радость от встречи, Варя ловко вешает на вешалку пальто и шарф, оставшись лишь в чёрных брюках и красном джемпере, и поудобнее устраивается на мягком стуле. Как всё — таки сразу радостно и светло на душе от искренней, широкой улыбки Лёшки!

</tablapost>

<!---------------------------- инфо ---------------------------->

<tablainfo>Добро пожаловать в Казань! Третья столица России - прекрасный и самобытный старинный город с богатой историей, интереснейшими традициями и нравами. Здесь слились воедино православие и мусульманская вера, рядом с православными храмами мирно уживаются красивые мечети. Но, главное - В Казани приветливые и дружелюбные жители, которые всегда рады гостям города.   Рейтинг NC - 21, русреал без мистики.     </tablainfo>

<!---------------------------- Выделение кода © Alex_63, 2017г. ---------------------------->

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

<!---------------------------- бб в подписи © Alex_63 ---------------------------->
<script type="text/javascript">
if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');
</script>

<!---------------------------- пиар-вход ---------------------------->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = 'PR'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>

<!---------------------------- оформление title ---------------------------->
<script type="text/javascript">$(document).ready(function() {$('a, img').tipsy({fade: true, gravity: 'n'}); });</script>

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

<!-- Создание активности -->
<script type="text/javascript">
$(function(){
if (window.location.pathname === '/') {
  const profilesIds = {'Даниил Сабуров': 2, 'Иоанн Вознесенский': 3, 'Владимир Орлов': 34,  'Варвара Вознесенская': 11, 'Ярослав Бельский': 13, 'Анатолий Кузнецов': 12, 'Лилия Данилова': 52, 'Реклама': 5,  'Третья столица': 20};
  const profiles = Object.keys(profilesIds);
  let addToOnline = [];
  let onlineHTML = $('.users_24h div span').html();
  let onlineArr = onlineHTML.split(', ');
  onlineArr = onlineArr.map((str) => {
    let start = str.indexOf('>');
    let finish = str.lastIndexOf('<');
    if (start !== -1 && finish !== -1) {
      return str.substring(start + 1, finish);
    }
    else {
      return ''
    }
  });
  profiles.forEach((name) => {
    if (onlineArr.indexOf(name) === - 1) {
      addToOnline.push(name);
    }
  });
  let yesterday = (d => new Date(d.setDate(d.getDate() - 1)) )(new Date).toISOString();
  yesterday = yesterday.substring(yesterday.indexOf('T') + 1, yesterday.indexOf('.'));
  $('.users_24h div span').append(addToOnline.reduce((sum, str) => `${sum}, <a class="group5" title="Вчера ${yesterday}" href="/profile.php?id=${profilesIds[str]}" rel="nofollow">${str}</a>`, ''));
  $('.users_24h div strong:first').html(parseInt($('.users_24h div strong:first').html()) + addToOnline.length);
}
});
</script>

0

13

<!---------------------------- навигация ---------------------------->
<script type="text/javascript">
var itemMass = new Array("форум", "участники", "поиск", "профиль", "почта", "амс", "регистрация", "войти", "выход");
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>

<!---------------------------- хтмл кнопка---------------------------->
<style>
#button-html {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/html-add-icon.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>$('#topic-users-in a').prev('a').after(',');</script>

<!---------------------------- выравнивание justify---------------------------->
<style>
#button-mybb {background-image:url('https://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.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>

<!---------------------------- тег  абзаца - [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>

<!-------------------------- в строчку для Сообщений и Репутации © deff --------------------------> 
    <script type="text/javascript">
    function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
       changeS('.pa-posts','Сообщений:','Сообщений:</br>');
       changeS('.pa-respect','Уважение</a>:','Уважение</a>:<br>');
       changeS('.pa-respect','Уважение: <span>','Уважение:<br><span>');
    </script>

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], img.postimg[alt]');
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>

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

<!-------------------------- увеличение текста -------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<!-------------------------- это не интересно -------------------------->
<script type="text/javascript">
rusffLive.enable = false;
</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">
    var A=[1,2,3,4,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>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;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>

<!-------------------------- вверх-вниз -------------------------->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/fe/ab/62787.png"></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/fe/ab/25154.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">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</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>

<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7,8,9,10,11,12]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

<!--БАННЕРЫ-->
<div class="banners">
<div id="counters">
<center>

<a href="http://ninenine.rusff.me/" target="_blank"> <img src="https://i.imgur.com/BHK23YA.png" title="99 problem" border="0" alt="99 problem"></a>

<a href="http://severobaikalsk.rusff.me/" title="СЕВЕРНЫЙ" target=_blank> <img src="https://upforme.ru/uploads/001b/78/43/2/761731.png" border="0" alt="СЕВЕРНЫЙ"></a>

<a href="http://thecityandthecity.rusff.me" alt="The City" title="The City" target=_blank> <img src="https://upforme.ru/uploads/0019/7d/d5/2/43566.jpg" border="0" ></a>

<a href="https://magnificentempire.ru/" target="_blank"><img src="https://forumstatic.ru/files/0010/f9/8d/13369.png" title="Magnificent Empire"></a>

<a href="https://rusmagic.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0018/3d/6c/53870.gif" title="Форумный ролевой проект в жанре альтернативной истории + магии. 1812 год" border="0" width="88" height="31"></a>

<a href="https://diablerie.ru/" target="_blank" ><img src="https://upforme.ru/uploads/001b/56/22/3/314111.png"  title="Чертовщина: мрачные сказки славян. Локационная, 18+" /></a>

<a href="http://19centuryrussia.rusff.me" target="_blank"> <img src="https://i.imgur.com/KCemrbl.png" border="0" width="88" height="31" title="Петербургское дворянство"></a>

<a href="https://clubofromance.rusff.me/" title="romance club: new story"><img src="https://upforme.ru/uploads/001b/b5/70/2/36492.png" border="0"></a>

<a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a>

</center>

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


<!-- BB-цитатa (NEW) -->
<script>
var BBQuote = {};
BBQuote.mode   = 1; // BB-цитирование: 0 - по стандартной кнопке цитаты, 1 - со вставкой новой кнопки;
BBQuote.text   = 'BB-цитата'; // Надпись на кнопке BB-цитирования
</script>

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





<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>

<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0011/da/9b/24232.js"></script>
<!--сохранение постов вариант 2-->
<script>
var get = (function(a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i)
    {
        var p=a[i].split('=');
        if (p.length != 2) continue;
        b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
    }
    return b;
})(window.location.search.substr(1).split('&'));
var text = localStorage.getItem('topic'+get['id']);
if(text) {
  $('#post textarea#main-reply').val(text);
}
$('#post textarea#main-reply').bind('keydown keypress keyup', function(e){
  var text = $(this).val();
  localStorage.setItem('topic'+get['id'], text);
});
$('#post').submit(function() {
  localStorage.removeItem('topic'+get['id']);
});
</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>

<!-- Дополнение к Загрузчику изображений: вывод в "Мои загрузки" © 2018 Alex_63 -->
<script>FORUM.allowDeleteUploaded = 1; // Возможность удаления загруженных изображений: 0 - нет, 1 - да //</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18003.js"></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 language="javascript">
    $('div[id$="-content"] p:contains("[/inst"),#post-preview p:contains("[/inst")').map(function (){
    var post = $(this).html();
    if(post.indexOf("[/inst]") != -1) {
    post = post.replace(/\[inst\](.*?)\[\/inst\]/gi, "<div id='inst'>$1</div>");
    };
    if(post.indexOf("[/inst1]") != -1) {
    post = post.replace(/\[inst1\](.*?)\[\/inst1\]/gi, "<div id='inst1'>$1</div>");
    };
    if(post.indexOf("[/inst2]") != -1) {
    post = post.replace(/\[inst2\](.*?)\[\/inst2\]/gi, "<div id='inst2'>$1</div>");
    };
    if(post.indexOf("[/inst3]") != -1) {
    post = post.replace(/\[inst3\](.*?)\[\/inst3\]/gi, "<div id='inst3'>$1</div>");
    };
    if(post.indexOf("[/inst4]") != -1) {
    post = post.replace(/\[inst4\](.*?)\[\/inst4\]/gi, "<div id='inst4'>$1</div>");
    };
    if(post.indexOf("[/inst5]") != -1) {
    post = post.replace(/\[inst5\](.*?)\[\/inst5\]/gi, "<div id='inst5'>$1</div>");
    };
    if(post.indexOf("[/inst6]") != -1) {
    post = post.replace(/\[inst6\](.*?)\[\/inst6\]/gi, "<div id='inst6'>$1</div>");
    };
    if(post.indexOf("[/inst7]") != -1) {
    post = post.replace(/\[inst7\](.*?)\[\/inst7\]/gi, "<div id='inst7'>$1</div>");
    };
    if(post.indexOf("[/inst8]") != -1) {
    post = post.replace(/\[inst8\](.*?)\[\/inst8\]/gi, "<div id='inst8'>$1</div>");
    };
    if(post.indexOf("[/inst9]") != -1) {
    post = post.replace(/\[inst9\](.*?)\[\/inst9\]/gi, "<div id='inst9'>$1</div>");
    };
    if(post.indexOf("[/inst10]") != -1) {
    post = post.replace(/\[inst10\](.*?)\[\/inst10\]/gi, "<div id='inst10'>$1</div>");
    };
    if(post.indexOf("[/inst11]") != -1) {
    post = post.replace(/\[inst11\](.*?)\[\/inst11\]/gi, "<div id='inst11'>$1</div>");
    };
    if(post.indexOf("[/inst12]") != -1) {
    post = post.replace(/\[inst12\](.*?)\[\/inst12\]/gi, "<div id='inst12'>$1</div>");
    };
    if(post.indexOf("[/inst13]") != -1) {
    post = post.replace(/\[inst13\](.*?)\[\/inst13\]/gi, "<div id='inst13'>$1</div>");
    };
    if(post.indexOf("[/inst14]") != -1) {
    post = post.replace(/\[inst14\](.*?)\[\/inst14\]/gi, "<div id='inst14'>$1</div>");
    };
    if(post.indexOf("[/inst15]") != -1) {
    post = post.replace(/\[inst15\](.*?)\[\/inst15\]/gi, "<div id='inst15'>$1</div>");
    };
    if(post.indexOf("[/inst16]") != -1) {
    post = post.replace(/\[inst16\](.*?)\[\/inst16\]/gi, "<div id='inst16'>$1</div>");
    };
    if(post.indexOf("[/inst17]") != -1) {
    post = post.replace(/\[inst17\](.*?)\[\/inst17\]/gi, "<div id='inst17'>$1</div>");
    };
    if(post.indexOf("[/inst17a]") != -1) {
    post = post.replace(/\[inst17a\](.*?)\[\/inst17a\]/gi, "<div id='inst17a'>$1</div>");
    };
    if(post.indexOf("[/inst18]") != -1) {
    post = post.replace(/\[inst18\](.*?)\[\/inst18\]/gi, "<div id='inst18'>$1</div>");
    };
    if(post.indexOf("[/inst19]") != -1) {
    post = post.replace(/\[inst19\](.*?)\[\/inst19\]/gi, "<div id='inst19'>$1</div>");
    };
    if(post.indexOf("[/inst20]") != -1) {
    post = post.replace(/\[inst20\](.*?)\[\/inst20\]/gi, "<div id='inst20'>$1</div>");
    };
    if(post.indexOf("[/inst21]") != -1) {
    post = post.replace(/\[inst21\](.*?)\[\/inst21\]/gi, "<div id='inst21'>$1</div>");
    };
    if(post.indexOf("[/inst22]") != -1) {
    post = post.replace(/\[inst22\](.*?)\[\/inst22\]/gi, "<div id='inst22'>$1</div>");
    };
    if(post.indexOf("[/inst23]") != -1) {
    post = post.replace(/\[inst23\](.*?)\[\/inst23\]/gi, "<div id='inst23'>$1</div>");
    };
    if(post.indexOf("[/inst24]") != -1) {
    post = post.replace(/\[inst24\](.*?)\[\/inst24\]/gi, "<div id='inst24'>$1</div>");
    };
    if(post.indexOf("[/inst25]") != -1) {
    post = post.replace(/\[inst25\](.*?)\[\/inst25\]/gi, "<div id='inst25'>$1</div>");
    };
    if(post.indexOf("[/inst26]") != -1) {
    post = post.replace(/\[inst26\](.*?)\[\/inst26\]/gi, "<div id='inst26'>$1</div>");
    };
    if(post.indexOf("[/inst27]") != -1) {post = post.replace(/\[inst27\](.*?)\[\/inst27\]/gi, "<div id='inst27'>$1</div>");
    };
    if(post.indexOf("[/inst28]") != -1) {
    post = post.replace(/\[inst28\](.*?)\[\/inst28\]/gi, "<div id='inst28'>$1</div>");
    };
    if(post.indexOf("[/inst29]") != -1) {
    post = post.replace(/\[inst29\](.*?)\[\/inst29\]/gi, "<div id='inst29'>$1</div>");
    };
    if(post.indexOf("[/inst30]") != -1) {
    post = post.replace(/\[inst30\](.*?)\[\/inst30\]/gi, "<div id='inst30'>$1</div>");
    };
    if(post.indexOf("[/inst31]") != -1) {
    post = post.replace(/\[inst31\](.*?)\[\/inst31\]/gi, "<div id='inst31'>$1</div>");
    };
    if(post.indexOf("[/inst32]") != -1) {
    post = post.replace(/\[inst32\](.*?)\[\/inst32\]/gi, "<div id='inst32'>$1</div>");
    };
    if(post.indexOf("[/inst33]") != -1) {
    post = post.replace(/\[inst33\](.*?)\[\/inst33\]/gi, "<div id='inst33'>$1</div>");
    };
    if(post.indexOf("[/inst34]") != -1) {
    post = post.replace(/\[inst34\](.*?)\[\/inst34\]/gi, "<div id='inst34'>$1</div>");
    };
    if(post.indexOf("[/insthead]") != -1) {
    post = post.replace(/\[insthead\](.*?)\[\/insthead\]/gi, "<div id='insthead'>$1</div>");
    };
    if(post.indexOf("[/instbottom]") != -1) {
    post = post.replace(/\[instbottom\](.*?)\[\/instbottom\]/gi, "<div id='instbottom'>$1</div>");
    };
    if(post.indexOf("[/inststory]") != -1) {
    post = post.replace(/\[inststory\](.*?)\[\/inststory\]/gi, "<div id='inststory'>$1</div>");
    };
    if(post.indexOf("[/instpost]") != -1) {
    post = post.replace(/\[instpost\](.*?)\[\/instpost\]/gi, "<div id='instpost'>$1</div>");
    };
    if(post.indexOf("[/instnews]") != -1) {
    post = post.replace(/\[instnews\](.*?)\[\/instnews\]/gi, "<div id='instnews'>$1</div>");
    };
    $(this).html(post);
    });
    </script>
<!---------------------------- бб коды для ИНСТАГРАМА ---------------------------->



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

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    forumAccessExtended: {
        'Игры в реале': ['Игрок'],
        'Альт': ['Игрок'],
        'Завершенные эпизоды': ['Игрок'],
        'Незавершенные эпизоды': ['Игрок'],
        'архив альтов': ['Игрок']
    },
    changeList: {
        'pafld1': {
            title: '::',
            description: '',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '',
            type: 'html'
        }
    }
});
</script>





<!---------------------------- ЗАПРЕТ РЕКЛАМЫ РЕДАКТИРОВАТЬ ПРОФИЛЬ ------------------------->
<script type="text/javascript">
if(UserLogin=='owl' || UserLogin=='Ник2'&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color: red; padding: 10px 10px 10px 10px;'>Администратор запретил вам редактировать профиль.</div>");
}
</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>
<!-- Конец -->

0

14

<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="KAZань смайлы GIF"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="KAZань смайлы GIF"
p.style.display="none"}
return false}
</script>

<div>
<input type="Button" value="KAZань смайлы GIF" onclick="return showhide(this)">
<p style="display:none">

<br><br><b>   </b><br><br>

<img src="https://i.imgur.com/67aZel7.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/67aZel7.gif')" />
<img src="https://i.imgur.com/eNQ2aSD.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/eNQ2aSD.gif')" />
<img src="https://i.imgur.com/ERmD95f.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/ERmD95f.gif')" />
<img src="https://i.imgur.com/b1Gh629.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/b1Gh629.gif')" />
<img src="https://i.imgur.com/9XeJ4u0.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/9XeJ4u0.gif')" />
<img src="https://i.imgur.com/Yk9gXxb.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/Yk9gXxb.gif')" />
<img src="https://i.imgur.com/iILrPJn.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/iILrPJn.gif')" />
<img src=" https://i.imgur.com/ndTat2N.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/ndTat2N.gif')" />
<img src="https://i.imgur.com/0MFMtm2.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/0MFMtm2.gif')" />
<img src="https://i.imgur.com/SLjlLbc.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/SLjlLbc.gif')" />
<img src="https://i.imgur.com/iaLlSU1.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/iaLlSU1.gif')" />
<img src="https://i.imgur.com/iYcrS4Y.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/iYcrS4Y.gif')" />
<img src="https://i.imgur.com/JkC8jYl.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/JkC8jYl.gif')" />
<img src="https://i.imgur.com/1A5dGf8.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/1A5dGf8.gif')" />
<img src="https://i.imgur.com/cNzVa5u.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/cNzVa5u.gif')" />
<img src="https://i.imgur.com/ForJBjV.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/ForJBjV.gif')" />
<img src="https://i.imgur.com/IoSeso8.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/IoSeso8.gif')" />
<img src="https://i.imgur.com/T3ZfLxj.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/T3ZfLxj.gif')" />
<img src="https://i.imgur.com/EnuYFUV.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/EnuYFUV.gif')" />
<img src=" https://i.imgur.com/MhvYffc.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/MhvYffc.gif')" />
<img src="https://i.imgur.com/Dy6iDDn.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/Dy6iDDn.gif')" />
<img src="https://i.imgur.com/zvKUece.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/zvKUece.gif')" />
<img src="https://i.imgur.com/hSSqi6u.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/hSSqi6u.gif')" />
<img src="https://i.imgur.com/85ZKkCz.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/85ZKkCz.gif')" />
<img src="https://i.imgur.com/jM12BGb.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/jM12BGb.gif')" />
<img src="https://i.imgur.com/lTt6KB1.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/lTt6KB1.gif')" />
<img src="https://i.imgur.com/6iUQ6UP.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/6iUQ6UP.gif')" />
<img src="https://i.imgur.com/uduXszj.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/uduXszj.gif')" />
<img src="https://i.imgur.com/uIQA4b3.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/uIQA4b3.gif')" />
<img src="https://i.imgur.com/c0vBsea.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/c0vBsea.gif')" />
<img src="https://i.imgur.com/ovaSfWq.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/ovaSfWq.gif')" />
<img src="https://i.imgur.com/nGpQ9hN.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/nGpQ9hN.gif')" />
<img src="https://i.imgur.com/mWTOVE9.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/mWTOVE9.gif')" />
<img src="https://i.imgur.com/iZvXdGi.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/iZvXdGi.gif')" />
<img src="https://i.imgur.com/Rbh3M3I.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/Rbh3M3I.gif')" />
<img src="https://i.imgur.com/wlgQHfi.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/wlgQHfi.gif')" />
<img src="https://i.imgur.com/3Ha2ACO.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/3Ha2ACO.gif')" />
<img src="https://i.imgur.com/kypAxhL.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/kypAxhL.gif')" />
<img src="https://i.imgur.com/oBaMbrk.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/oBaMbrk.gif')" />
<img src="https://i.imgur.com/q2O7yNZ.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/q2O7yNZ.gif')" />
<img src="https://i.imgur.com/Z6Jlx6B.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/Z6Jlx6B.gif')" />
<img src="https://i.imgur.com/kgwKVxd.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/kgwKVxd.gif')" />

<br><br><b>   </b><br><br>

<img src="https://i.imgur.com/tp2LtQY.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/tp2LtQY.gif')" />
<img src="https://i.imgur.com/tQzPBy0.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/tQzPBy0.gif')" />
<img src="https://i.imgur.com/RMzUfQk.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/RMzUfQk.gif')" />
<img src="https://i.imgur.com/BeUpnvn.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/BeUpnvn.gif')" />
<img src="https://i.imgur.com/apIubRZ.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/apIubRZ.gif')" />
<img src="https://i.imgur.com/kJ3Jooc.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/kJ3Jooc.gif')" />
<img src="https://i.imgur.com/mlhcRS1.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/mlhcRS1.gif')" />
<img src="https://i.imgur.com/4E7BHh8.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/4E7BHh8.gif')" />
<img src="https://i.imgur.com/cgjasGm.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/cgjasGm.gif')" />
<img src="https://i.imgur.com/7Nls4ty.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/7Nls4ty.gif')" />
<img src="https://i.imgur.com/EgGdK7t.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/EgGdK7t.gif')" />
<img src="https://i.imgur.com/RLqSZ1T.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/RLqSZ1T.gif')" />
<img src="https://i.imgur.com/UhBhaOO.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/UhBhaOO.gif')" />
<img src="https://i.imgur.com/YhIAOc9.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/YhIAOc9.gif')" />
<img src="https://i.imgur.com/YXdvl1i.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/YXdvl1i.gif')" />
<img src="https://i.imgur.com/UfHi99C.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/UfHi99C.gif')" />
<img src="https://i.imgur.com/CoXUeC2.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/CoXUeC2.gif')" />
<img src="https://i.imgur.com/D7YxEg3.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/D7YxEg3.gif')" />
<img src="https://i.imgur.com/uhjgGdB.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/uhjgGdB.gif')" />
<img src="https://i.imgur.com/un6kmlz.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/un6kmlz.gif')" />
<img src="https://i.imgur.com/aIBqoP4.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/aIBqoP4.gif')" />
<img src="https://i.imgur.com/uRYk4EA.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/uRYk4EA.gif')" />
<img src="https://i.imgur.com/KfM4SwB.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/KfM4SwB.gif')" />
<img src="https://i.imgur.com/Y5S1PxA.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/Y5S1PxA.gif')" />
<img src="https://i.imgur.com/JbsFlSQ.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/JbsFlSQ.gif')" />
<img src="https://i.imgur.com/ediy6wS.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/ediy6wS.gif')" />
<img src="https://i.imgur.com/TfjFxSF.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/TfjFxSF.gif')" />
<img src="https://i.imgur.com/xa5kyAH.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/xa5kyAH.gif')" />
<img src="https://i.imgur.com/RgUDYG4.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/RgUDYG4.gif')" />
<img src="https://i.imgur.com/qR7Jd4X.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/qR7Jd4X.gif')" />
<img src="https://i.imgur.com/zZUPZgV.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/zZUPZgV.gif')" />
<img src="https://i.imgur.com/dnArZ4Y.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/dnArZ4Y.gif')" />
<img src="https://i.imgur.com/qGKgzPa.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/qGKgzPa.gif')" />
<img src="https://i.imgur.com/DLa2beO.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/DLa2beO.gif')" />
<img src="https://i.imgur.com/fHzcJmy.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/fHzcJmy.gif')" />
<img src="https://i.imgur.com/TLIB9Mi.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/TLIB9Mi.gif')" />
<img src="https://i.imgur.com/5h4i7ye.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/5h4i7ye.gif')" />

<br><br>
<b>   </b><br><br>

<img src="https://i.imgur.com/kMmqD2u.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/kMmqD2u.gif')" />
<img src="https://i.imgur.com/Jorc0Dj.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/Jorc0Dj.gif')" />
<img src="https://i.imgur.com/pSlwRcO.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/pSlwRcO.gif')" />
<img src="https://i.imgur.com/ZOscUfq.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/ZOscUfq.gif')" />
<img src="https://i.imgur.com/ZlzLnY3.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/ZlzLnY3.gif')" />
<img src="https://i.imgur.com/7DDNVnB.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/7DDNVnB.gif')" />
<img src="https://i.imgur.com/6jUI659.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/6jUI659.gif')" />
<img src="https://i.imgur.com/zWMQjk1.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/zWMQjk1.gif')" />
<img src="https://i.imgur.com/lhukhMq.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/lhukhMq.gif')" />
<img src="https://i.imgur.com/f86uHgt.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/f86uHgt.gif')" />
<img src="https://i.imgur.com/SRgD4GT.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/SRgD4GT.gif')" />
<img src="https://i.imgur.com/RYQLesP.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/RYQLesP.gif')" />
<img src="https://i.imgur.com/vFMD72e.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/vFMD72e.gif')" />
<img src="https://i.imgur.com/0dSBK9T.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/0dSBK9T.gif')" />
<img src="https://i.imgur.com/Rzoj4Mj.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/Rzoj4Mj.gif')" />
<img src="https://i.imgur.com/uiLeE7Q.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/uiLeE7Q.gif')" />
<img src="https://i.imgur.com/fIfiW1Z.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/fIfiW1Z.gif')" />
<img src="https://i.imgur.com/djtRSnh.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/djtRSnh.gif')" />
<img src="https://i.imgur.com/YDT44ql.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/YDT44ql.gif')" />
<img src="https://i.imgur.com/cp69Q5B.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/cp69Q5B.gif')" />
<img src="https://i.imgur.com/vHYw6GA.gif" style="cursor: pointer" onclick="smile('https://i.imgur.com/vHYw6GA.gif')" />
</style>

<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width:500px;}
.tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;}
.tabs li{float:left;cursor:pointer;}
.tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;}
.tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;}
.tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.2px;}.tabs li.active a:hover{color:#6A5ACD;}
#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
</style>
<script type="text/javascript">
var nabor=[];

nabor['хомяки']=['https://upforme.ru/uploads/001b/67/7a/248/t813302.png',
'https://upforme.ru/uploads/001b/67/7a/248/t396782.png',
'https://upforme.ru/uploads/001b/67/7a/248/t491690.png',
'https://upforme.ru/uploads/001b/67/7a/248/t503544.png',
'https://upforme.ru/uploads/001b/67/7a/248/t424169.png',
'https://i.imgur.com/rB9QNkF.png',
'https://upforme.ru/uploads/001b/67/7a/248/t393870.png',
'https://upforme.ru/uploads/001b/67/7a/248/t141378.png',
'https://upforme.ru/uploads/001b/67/7a/248/t663525.png',
'https://upforme.ru/uploads/001b/67/7a/248/t62343.png',
'https://upforme.ru/uploads/001b/67/7a/248/t211356.png',
'https://upforme.ru/uploads/001b/67/7a/248/t481309.png',
'https://upforme.ru/uploads/001b/67/7a/248/t397667.png',
'https://upforme.ru/uploads/001b/67/7a/248/t136589.png',
'https://upforme.ru/uploads/001b/67/7a/248/t764100.png',
'https://upforme.ru/uploads/001b/67/7a/248/t590185.png',
'https://upforme.ru/uploads/001b/67/7a/248/t730049.png',
'https://upforme.ru/uploads/001b/67/7a/248/t447218.png',
'https://upforme.ru/uploads/001b/67/7a/248/t728404.png',
'https://upforme.ru/uploads/001b/67/7a/248/t543113.png',
'https://upforme.ru/uploads/001b/67/7a/248/t346184.png',
'https://upforme.ru/uploads/001b/67/7a/248/t476109.png',
'https://upforme.ru/uploads/001b/67/7a/248/t956710.png',
'https://upforme.ru/uploads/001b/67/7a/248/t648884.png',
'https://upforme.ru/uploads/001b/67/7a/248/t136043.png',
'https://upforme.ru/uploads/001b/67/7a/248/t691536.png',
'https://upforme.ru/uploads/001b/67/7a/248/t271829.png',
'https://upforme.ru/uploads/001b/67/7a/248/t116249.png',
'https://upforme.ru/uploads/001b/67/7a/248/t664266.png',
'https://upforme.ru/uploads/001b/67/7a/248/t321162.png',
'https://upforme.ru/uploads/001b/67/7a/248/t830026.png',
'https://upforme.ru/uploads/001b/67/7a/248/t424219.png'
],

nabor['кролики']=['https://i.imgur.com/jZ6LMo5.png',
'https://i.imgur.com/BWFzTLT.png',
'https://i.imgur.com/rHLhXEA.png',
'https://i.imgur.com/ugeJ8RO.png',
'https://i.imgur.com/eMBpYAU.png',
'https://i.imgur.com/C7d1fXx.png',
'https://i.imgur.com/ZZ9wUBe.png',
'https://i.imgur.com/1tsZiji.png',
'https://i.imgur.com/YahsQhl.png',
'https://i.imgur.com/IbEJSmr.png',
'https://i.imgur.com/waSYgkr.png',
'https://i.imgur.com/s4cOY6k.png',
'https://i.imgur.com/q914i27.png',
'https://i.imgur.com/YWezP2T.png',
'https://i.imgur.com/yJRb1mF.png',
'https://i.imgur.com/3faqwsx.png',
'https://i.imgur.com/j5zui3v.png',
'https://i.imgur.com/7SrGdou.png',
'https://i.imgur.com/hNCCt0N.png',
'https://i.imgur.com/YZNTg58.png',
'https://i.imgur.com/BDbTfCr.png'];
nabor['фразы']=['https://i.imgur.com/3FLFahg.jpg',
'https://i.imgur.com/vrKxqzP.jpg',
'https://i.imgur.com/dlFZI4E.jpg',
'https://i.imgur.com/jy4f6O8.jpg',
'https://i.imgur.com/LIKTMmy.jpg',
'https://i.imgur.com/qUZNwvN.jpg',
'https://i.imgur.com/YvzyxwG.jpg',
'https://i.imgur.com/D8e0txv.jpg',
'https://i.imgur.com/lIcLhH7.jpg',
'https://i.imgur.com/uauizJl.jpg',
'https://i.imgur.com/FPUfI56.jpg',
'https://i.imgur.com/JAmToS7.jpg',
'https://i.imgur.com/OOBUZ6z.jpg',
'https://i.imgur.com/PbjH0PW.jpg',
'https://i.imgur.com/E40mLCz.jpg',
'https://i.imgur.com/fZQC0s3.jpg',
'https://i.imgur.com/eER6pfG.jpg',
'https://i.imgur.com/O518Hl2.jpg',
'https://i.imgur.com/XPS0pn2.jpg',
'https://i.imgur.com/l3bp3sY.jpg',
'https://i.imgur.com/BwOjVfx.png']

$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="return FORUM.get(&apos;editor.smile.onclick()&apos;,false)"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("--") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); });
</script>

0

15

Код:
<!--HTML--><ul class="s-tabs">
<span>Я в Казани</span><span>Близкие и не очень</span><span>Подарки и награды</span><span>Достижения</span>
<li class="stab">
<!-- Ваш контент 1-->
<table>
<tr>
<td>Обо мне</td>
<td>Эпизоды</td>
</tr>
<tr>
<td><div class="charabout">
            <img class="charpic" src="image png">
            <div>Информация</div>
            <div>Имя</div>
            <div>Статус</div>
            <div>Как давно в Казани</div>
            <div>Коротко о себе<br>Девиз или цитата</div>
        </div></td>
<td><p class="finep" title="завершён"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="actep" title="активен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="froep" title="заморожен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p></td>
</tr>
</table>
    
</li>
<li class="stab">
<!-- Ваш контент 2-->
<table>
<tr>
<td><img class="charpic" src="image png">
<div>Имя</div>
</td>
<td>ваш текст об отношениях</td>
</tr>
</table>
</li>
<li class="stab">
<!-- Ваш контент 3-->
<img src="https://forumstatic.ru/files/0017/ac/82/95286.png" title="подарок">
</li>
<li class="stab">
<!-- Ваш контент 4-->

</li>
</ul>

0

16

  • Автор: Проверочка
  • Гость

тест гостевого поста

0

17

<style type="text/css">
/******************************************************************
  Cтиль:"таблица с вкладками"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background:#d5ebeb;
border-color: #c0e0e0!important;
}
.s-tabs{
width:500px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:300px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
color:#294d95;
cursor:pointer;
border: 1px solid;
display:inline-block;
padding:4px;
height: 17px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 13px/16.5px "Segoe print";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#294d95;
background:#c0e0e0;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;
text-align:center;
vertical-align:middle;
border:  4px solid;
padding:4px 12px!important;
}
</style>

0

18

Полный исходный код

хтмл верх:

<style type="text/css">
/******************************************************************
  Cтиль:"таблица с вкладками"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background:#d5ebeb;
border-color: #c0e0e0!important;
}
.s-tabs{
width:500px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:300px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
color:#294d95;
cursor:pointer;
border: 1px solid;
display:inline-block;
padding:4px;
height: 17px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 13px/16.5px "Segoe print";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#294d95;
background:#c0e0e0;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;
text-align:center;
vertical-align:middle;
border:  4px solid;
padding:4px 12px!important;
}
</style>

начало хтмл низ

В начало HTML низ
<script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();   
});
</script>

сама таблица куда надо в тегах хтмл

<ul class="s-tabs">
<span>Вкладка 1</span><span>Вкладка 2</span><span>Вкладка 3</span>
<li class="stab">
<!-— Ваш контент 1-->
</li>
<li class="stab">
<!-— Ваш контент 2-->
</li>
<li class="stab">
<!-— Ваш контент 3-->
</li>
</ul>

0

19

<style type="text/css">
/******************************************************************
  Cтиль:"таблица с вкладками"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background:#d5ebeb;
border-color: #c0e0e0!important;
}
.s-tabs{
width:500px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:300px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
color:#294d95;
cursor:pointer;
border: 1px solid;
display:inline-block;
padding:4px;
height: 17px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 13px/16.5px "Segoe print";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#294d95;
background:#c0e0e0;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;
text-align:center;
vertical-align:middle;
border:  4px solid;
padding:4px 12px!important;
}
</style>

в этой части

0

20

<style type="text/css">
/******************************************************************
  Cтиль:"таблица с вкладками"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background: rgb(192 211 224);
border: 1px solid rgb(0 0 0) !important;
}
.s-tabs{
width:500px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:300px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
font-weight: 700 !important;
background: #c47c63;
color: white !important;
cursor:pointer;
border: 1px solid;
display:inline-block;
padding:4px;
height: 17px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: normal 400 13px/16.5px "Amatic SC";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color: white !important
background:  #284865  !important;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;
text-align:center;
vertical-align:middle;
border:  1px solid;
padding:4px 12px!important;
}
</style>

0

21

Код:
<!--HTML--><ul class="s-tabs">
<span>Вкладка 1</span><span>Вкладка 2</span><span>Вкладка 3</span>
<li class="stab">
<!-— Ваш контент 1-->
</li>
<li class="stab">
<!-— Ваш контент 2-->
</li>
<li class="stab">
<!-— Ваш контент 3-->
</li>
</ul>

0

22

Фамилия Имя Отчество персонажа: ответ
дата рождения и сколько лет персонажу: ответ
деятельность: ответ
внешность персонажа: ответ

вставляем картинку персонажа размером не более 200*300

ИНФОРМАЦИЯ О ПЕРСОНАЖЕ
Расписываем персонажа, можно фактами. Внешность и характер по желанию.

0

23

NAME IN ENGLISH Last name

http://gungsters.ucoz.ru/tropico/tropiko_v_anketu.gif
внешность

Имя, Фамилия
2) Возраст
3) Статус

Био
▼▼▼▼▼▼▼▼
Характер
▼▼▼▼▼▼▼▼
Табу и пристрастия в сексе, другие предпочтения 

пример  вашего поста

пост тут

связь

ася, ВК, агент, скайп

0

24

Фамилия Имя Отчество персонажа: Горячева Елена Ивановна
дата рождения и сколько лет персонажу: 03.11.1983, 40
деятельность: Налоговый инспектор
внешность персонажа: Эмили Блант

https://i.ibb.co/CnTxQhc/213.jpg

ИНФОРМАЦИЯ О ПЕРСОНАЖЕ
Елена родилась и живет в Москве. Находится в бракоразводном процессе, который достаточно долго затягивается из-за мужа, ведь его устраивала их жизнь: она работает и занимается с детьми, он ведет бизнес и периодически погуливает. И если раньше ей приходилось закрывать глаза на подобные прецеденты жизни (на свою зарплату сильно не разгуляешься, а к родителям под крыло не хотела возвращаться), то последние полгода она всячески пытается отвязаться от всего этого. Дети взрослые - двое парней двойняшек, которые давно совершеннолетние и самостоятельно устраивают свою жизнь, учась и подрабатывая на данный момент, и их не нужно контролировать на каждом шагу. К тому же они всячески поддерживают решение мамы. А мама, для начала, погрузилась в работу и не поддается на предложения, еще пока, супруга, а теперь и вовсе уехала в Казань в рабочую командировку, в надежде выдохнуть и набраться сил на новый раунд.
Елена из тех людей, которые если за что-то берутся, то идут до конца. Запугивать или подкупать бесполезно, проще дать, что требует и отвяжется поскорей. Это касается всех сфер жизни. Надо было родиться в апреле, так хотя бы внутренний "баранизм" был бы оправдан.
Не лишена человеческих качеств: доброта, понимание, отзывчивость, страх и сострадание. Хоть порой и ощущает и ведет себя как «железная леди», это больше относится к работе. А работу надо выполнять несмотря не на что.

0

25

li.pa-fld3, li.pa-fld4 {
    display: inline-block;
    width: 107px;
    margin-top: 5px!important;
    margin-bottom: 0px!important;
    font-size: 9px;
    height: 14px;
    line-height: 15px;
    color: #2e2a2a;
    border: 1px solid #66494754;
    box-shadow: 0 0 16px 6px rgb(170 145 145 / 38%) inset;
    background: #c7a4a336;
}

0

26

.pa-respect a { color: #2e2a2a !important;}

li.pa-fld3, li.pa-fld4 {
    display: inline-block;
    width: 107px;
    margin-top: 5px!important;
    margin-bottom: 0px!important;
    font-size: 9px;
    height: 14px;
    line-height: 15px;
    color: #2e2a2a;
    border: 1px solid #66494754;
    box-shadow: 0 0 16px 6px rgb(170 145 145 / 38%) inset;
    background: #c7a4a336;
}

0

27

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-posts, .pa-respect {   
    width: 60px;
    text-transform: lowercase;
    font-size: 9px;
    display: inline-block;
    padding: 2px 4px !important;
}
/* СЛОВО РЕПУТАЦИЯ - ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО!
-------------------------------------------------------------*/
.pa-respect a { }

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

0

28

74AlexUS, в конец второго окна стиля:
выделить [копируется сразу]

.pa-fld3,
.pa-fld4,
.pa-posts,
.pa-respect {
    display: inline-block;
    width: 91px;
    border: 1px solid black;
    box-sizing: border-box;
    margin-top: 4px !important;
    padding:  0 !important;
    font-size: 9px;
}

.pa-posts,
.pa-respect {
    margin-bottom: 4px !important;
}

Вам желательно увеличить ширину профиля, чтобы пятизначные значения репутации и сообщений помещались (сейчас они будут прям упираться в края)
Строчку с шириной можно поменять на width: 43px, чтобы было как вы хотели изначально, но тогда нужно что-то сделать со словами "сообщений" и "репутация", они не поместятся. У вас есть два скрипта "в строчку для Сообщений и Репутации © deff" и "кликабельное Сообщений", там можно поменять слова на короткие, например "соо" и "репа". Или задизайнить иконками, это сложнее
Добавлено спустя 36 секунд:
Скрипты смотрел на тестовике

0

29

.pa-fld2 {
    border: 1px solid #000;
    margin: 2px 7px 4px!important;
}

конец 1 окна стиля.

0

30

https://i.imgur.com/67aZel7.gif

0

Страница: 1

Вы здесь » KAZAN CITY MEMORIES тестовик » Сервис для гостей » Тестовое сообщение

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

Дизайн от кодрэд