/* Шаблон дизайна предоставлен проектом ForumD - Дизайн для форумов и техническая поддержка © 2022 ForumD.ru */


/* ЗАДНИЙ ФОН (текстурка) */

html {
  background-color: #364c4a;  /*цвет*/
  background-image: url("/files/001b/9d/37/38870.jpg");  /*картинка*/
}


/* БОКОВЫЕ ГРАНИЦЫ КАРТИНКОЙ (подложка форума и ширина форума) */

#pun {
  width: 1072px;  /*шарина картинки*/
  background-image: url("/files/001b/9d/37/27017.jpg");  /*картинка фона*/
  background-repeat: repeat-y;  /*повторение картинки*/
  background-position: center top;  /*позиционирование картинки*/
  padding: 289px 0 0; /* высота шапки */
  margin: 0 auto;
}
.punbb {
  margin: 0 60px; /*отступ от краев границ до форума*/
  width: 990px; /*ширина форума внутри границ*/
}

#pun-title {
background: url(https://forumstatic.ru/files/001b/9d/37/43591.png) no-repeat top center;
height: 65px;
width: 1072px;
margin-top: -92px; /*отступ сверху*/
left: -60px; /*отступ слева*/
position: relative; /*позиционирование*/
}

/* ШАПКА */

#shapka {
background: url(/files/001b/9d/37/48641.jpg) no-repeat top center;
height: 252px;
position: absolute;
top: 0; 
left: 0;
width: 100%;
}

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

#shapka .my_text {
height: 189px;  /*высота контейнера с текстом*/
width: 275px;  /*ширина контейнера с текстом*/
color: #c1b9cb;   /*цвет текста*/
font-size: 6.5em;  /*размер шрифта*/
text-align: left; /*текст слева*/
position: relative; /*позиционирование*/
 margin: 0 auto;
font-family: Alessa Beilaire Deluxe Italic; /*шрифт*/
top: 6px; /*двигаем контейнер вверх-вниз*/
line-height: 73%; /*интервал между строками*/
}

/* МЕНЮ НАВИГАЦИИ И ЮЗЕР-МЕНЮ */

#pun-navlinks {
  width: 980px;  /*ширина контейнера меню навигации*/
  top: 187px;  /*отступ сверху меню навигации*/
}
#pun-ulinks {
  width: 980px;  /*ширина контейнера юзер-меню*/
  top: 221px;  /*отступ сверху юзер-меню*/
} 
#pun-navlinks .container a {
    text-decoration: none; /*убрать подчёркивание у ссылок*/
    color: #e8e8d9; /*цвет шрифта у ссылок*/
font-size: 1.2em; /*размер шрифта*/
    text-transform: uppercase; /*все буквы заглавные*/
font-family: Playfair Display; /*шрифт*/
font-weight: normal; /*не жирный шрифт*/
}

#pun-navlinks .container a:hover {color: #afa7ca; /*цвет шрифта у ссылок пи наведении*/}

#pun-navlinks li {/*фон ссылок в навигации*/
    background: url(https://forumstatic.ru/files/001b/9d/37/20678.png) repeat-x top center; /*фоновая картинка*/
    padding: 10px; /*отступы внутри контейнера*/
}

#pun-ulinks .container a {
    color: #534461; /*цвет шрифта у ссылок*/
font-size: 1.1em; /*размер шрифта*/
    text-transform: lowercase; /*все буквы прописные*/
}

/* ЗАГОЛОВКИ ФОРУМА */

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-image: url(/files/001b/9d/37/38534.png);  /*картинка*/
  background-position:  top center;  /*позиционирование картинки*/
  height: 80px; /*высота картинки*/
  width: 1020px;  /*шрина картинки*/
  margin: 0px -61px 0; /*отступы, с помощью которых она торчит за краями форума*/
  text-align: center; /*расположение текста по центру*/
  }
.punbb h2 span, #pun-main h1 span, #MyBookmarks #bm2 {
top: 17px;  /*отступ текста сверху*/
color: #ffffff;  /*цвет текста*/
font-family: Playfair Display; /*шрифт*/
font-size: 1.5em; /*размер шрифта*/
text-transform: uppercase; /*все буквы заглавные*/
-webkit-text-shadow: 2px 1px 5px #435147; /*тень*/
-moz-text-shadow: 2px 1px 5px #435147; /*тень*/
text-shadow: 2px 1px 5px #435147; /*тень*/
}

/* ОПИСАНИЕ КАТЕГОРИЙ */
.catright:after {font-size: 12px; /*размер шрифта*/
    color: #f7f6f5; /*цвет текста*/}

.catright {padding-top: 25px;}

div#pun-category1 .catright:after {content: 'Sister, you said you could turn back time? Back to the past. Surely we can be happy';} /*описание категории 1*/

div#pun-category2 .catright:after {content: 'If you want to rewrite history, just show that the verity is the truth of the individual who tells it';} /*описание категории 2*/

div#pun-category3 .catright:after {content: 'In order to have feelings for someone, the fate of this world was too shackling me. I wanted to love myself more than anyone else';} /*описание категории 3*/

div#pun-category4 .catright:after {content: 'If disappear into to the crowd then I could go wherever I want. Now that think about it, why have not I tried leaving that house before?';} /*описание категории 4*/

div#pun-category5 .catright:after {content: 'There are people around me who will hold my hand if I reach out to them. All I had to do was look around';} /*описание категории 5*/

div#pun-category6 .catright:after {content: 'Waking up in the morning the first thing need to do... is reminding myself that real "me" is not here anymore';} /*описание категории 6*/

div#pun-category7 .catright:after {content: 'I was here. I have always been here. But only you realized that';} /*описание категории 7*/

div#pun-category8 .catright:after {content: 'I occasionally have thoughts of an unknown future that will never come. All day long I hear lies from everyone and then I go back home';} /*описание категории 8*/

/* ИКОНКИ */

/* На главной */
.category div.icon, .category TR.inew Div.icon {
width: 50px; /*ширина иконок*/
  height: 51px; /*высота иконок*/
  padding-right: 0; /*отступ текста*/
  margin-left: 0;  /*отступ иконки влево*/
  margin-top: -.8em;  /*отступ иконки сверху*/
    float: right; /*иконки справа*/
  }

.category tbody.hasicon td.tcl {
 padding-left: 0px;
    margin-left: -7px; /* отступ описания форума от левого края для размещения иконки */
  }

.category Div.icon {
background: url(/files/001b/9d/37/22722.png) no-repeat;; /*старые*/
opacity: .5;
}
.category TR.inew Div.icon {
  background: url(/files/001b/9d/37/22722.png) no-repeat; /*новые*/
opacity: 1;
}

/*Страница списка тем */
tr.altstyle.isticky {background: rgb(255 0 0 / 8%);} /*важно*/

tr.iclosed {background: rgb(128 128 128 / 20%);} /*закрыто*/

tr.poll {background: #ffff002e;} /*опрос*/

tr.inew {background: rgb(75 118 117 / 20%);} /*новое*/

/* КОПИРАЙТ */
#html-footer {
    background: url(/files/001b/9d/37/39251.jpg) no-repeat bottom center; /*картинка*/
    width: 1072px; /*ширина картинки*/
height: 178px; /*высота картинки*/
    margin-left: -60px;  /*двигаем влево, чтобы располагалась по центру*/
}

/*текст копирайта*/
#my_copyright {
  height: 64px; /*высота контейнера*/
  width: 612px; /*ширина контейнера*/
  margin-left: 400px; /*отступ контейнера слева*/
    margin-top: 39px; /*отступ контейнера сверху*/
overflow-y: auto; /*прокрутка*/
}

/* ФОРМА ОТВЕТА (текстура)*/

.punbb textarea, .punbb input, .punbb optgroup {
  background: url(/files/001b/9d/37/83541.jpg) repeat; /*фон*/
  border: 1px solid #ab9fb9 !important; /*границы*/
color: #5a5460; /*цвет шрифта*/
}

.punbb select {
background: #ab9fb9; /*фон*/
color: #ffffff; /*цвет шрифта*/}

/* ЦИТАТА И КОД (текстура)*/

.punbb .quote-box, .punbb .code-box {
  background: url(/files/001b/9d/37/83541.jpg) repeat; /*фон*/
  color: #4b7675;  /*цвет текста*/
}

/*контейнеры в форме ответа */
#tags .container {
  background: url(/files/001b/9d/37/83541.jpg) repeat; /*фон*/
    
}

/* ССЫЛКИ ФОРУМА */
 /*цвет всех ссылок при обычном состоянии*/
#pun-navlinks a, #pun-ulinks a, .punbb a, .punbb a:link, .punbb a:visited{
   color: #7a5e7d;
font-weight: bold;
} 
 /*цвет всех ссылок при наведении курсора*/
#pun-navlinks a:hover, #pun-ulinks a:hover, .punbb a:hover {
   color: #a897af;
}

/*цвет ссылок на главной в статистике*/
#pun-stats a, span.modlist a  {    color: #eeeee3 !important;}

 /*индикатор страниц форума (Страница 1, 2, 3...) */
.linkst .pagelink {
   top: -35px;  /*отступ снизу*/
   color: #fefefe;  /*цвет текста*/
}
 /*ссылки "новая тема", "ответить" и т.п.*/
.linkst .postlink {
  top: -35px; /*отступ снизу*/
}

#pun-admain a {color: #4b7675 !important; /*цвет ссылок админки в обычном состоянии*/}
#pun-admain a:hover, #pun-admain .isactive a {color: #b42000 !important; /*цвет ссылок админки при наведении и активные */}

.linkst .postlink a, li.pa-fld2 a {    color: #fefefe !important; /*цвет текста*/}

/*некоторые ссылки оформлены как кнопки*/
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .linksb .postlink a, .punbb .post-links li a, li#pa-edit a, .topic a.sharelink, input.button {
    color: #fafafa; /*цвет текста*/
    background: #ab9fb9; /*цвет фона */
    padding: 4px 12px 6px 12px; /*отступы*/
font-weight: bold; /*жирный текст*/
}

/*названия форумов*/

#pun-index .tcl h3 a {
color: #ffffff; /*цвет ссылки*/
text-shadow: 2px 1px 5px #435147; /*тень*/
-webkit-text-shadow: 2px 1px 5px #435147; /*тень*/
    -moz-text-shadow: 2px 1px 5px #435147; /*тень*/
font-weight: normal; /*ссылки не жирные*/
font-size: 1.1em; /*размер шрифта*/ }

/* ТАБЛИЦЫ ФОРУМА, ТЕКСТ ФОРУМА И ФОНОВЫЕ ЦВЕТА */

 /*контейнеры главная страница*/
#pun-stats .container, .punbb .main .container {
border: 1px solid #fffff; /*обводка*/
  border-top: ;  /*отключение верхней границы*/
  margin-left: 8px;  /*отступ таблиц слева*/
  margin-right: 20px;  /*отступ таблиц справа*/
}
 /*шапка форумных таблиц (тем, сообщений...)*/
.punbb th {
  background: transparent; /*фон*/
  color: #b4b4b4;  /*цвет текста*/
  text-align: center; /*текст по центру*/
}

 /*рамка у подфорума с переадресацией и статистикой*/
#pun-index .iredirect, #pun-stats .container {
background: url(/files/001b/9d/37/71525.jpg) no-repeat top center, /*верх рамки*/
url(/files/001b/9d/37/62897.jpg) no-repeat bottom center,  /*низ рамки*/
url(/files/001b/9d/37/21876.jpg) repeat-y top center; /*повторяющая часть*/
border-style: none; /*нету линии вокруг*/
}

.category .tcl {background: url(https://forumstatic.ru/files/001b/9d/37/48612.jpg) no-repeat top center, /*верх рамки*/
url(https://forumstatic.ru/files/001b/9d/37/90347.jpg) no-repeat bottom center,  /*низ рамки*/
url(https://forumstatic.ru/files/001b/9d/37/30255.jpg) repeat-y top center; /*повторяющая часть*/}

.desrptn, #pun-index .subforums {
background: url(/files/001b/9d/37/38257.jpg) repeat; /*внутренний белый фон*/
padding: 12px; /*отступ слева для линий*/
}

.decrtext {/*описание подфорумов*/
    color: #614c6e; /*цвет шрифта*/
    border-left: 7px double #c3b5d1; /*двойная линия*/
    text-align: center;
}
div.wlink {
    margin: -1em 0 1em 0;
}

.wlink {
    text-align: center;
    font-variant: small-caps;
}
.wlink a, .wlink a:hover, .wlink a:visited {
    color: #f7f6f5!important;
    font-weight: normal!important;
}

#pun-index .tcl h3 {/*фон у названия форумов*/
    background: url() repeat;
}

 /*окно статуса и пагинация*/
#pun-status, #pun-status .container, #pun-crumbs1, #pun-crumbs1 p.container, #pun-crumbs2, #pun-crumbs2 p.container, #pun-about, #pun-about .container, .linksb .pagelink {
  color: #534461; /*цвет текста*/
}

#pun-status, #pun-crumbs1 {
    text-align: center; /*текст по центру*/
    text-transform: lowercase; /*все буквы прописные*/
}

/*контейнеры на странице постов и в админке*/
.punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .adformal h2, #pun-adnav h2 {
border: none !important; /*убрать лишние линии*/
}

 /*секции форума, посты, ячейки форумных таблиц и т.п.*/
.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 {
  color:#372c41; /*цвет текста*/
  }

#pun-stats .container, span.modlist {color: #ddd;} /*цвет текста в блоке статистика*/

/*Цвет поясняющего текста*/
#pun-viewforum .forum td.tc2:before, #pun-viewforum .forum td.tc3:before, #pun-viewforum .forum td.tcr:before, span.polltext, span.stickytext, .usertable thead, span.closedatafield, #pun-index .subforums, #subforums { color: #9f9e9e;}

#pun-index .tcr, #pun-index td.tc2, #pun-index td.tc3 {  color: #534461;}

 /*цвет текста основных контейнеров форума (например, посты)*/
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  color: #534461; /*цвет текста*/
}
/*контейнеры с поясняющим текстом, например: "напишите сообщение и нажмите ОТРАВИТЬ" в форме ответа*/
 #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, #subforums, .punbb fieldset legend, ul.adsubnav {
  background-color: #dfdcda; /*цвет текста*/
    border: 1px solid #ab9fb9; /*линия вокруг*/
}

/*Цвет некоторых заголовков*/
 .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {color: #6b6374;}

/*Мини-профиль в топике и предпросмотре*/
#profile-left {/*предпросмотр профиля фон*/
background: 
url(/files/001b/9d/37/14407.jpg) no-repeat bottom center, 
url(/files/001b/9d/37/76369.jpg) no-repeat top center,
url(/files/001b/9d/37/52491.jpg) repeat-y top center;
text-align: center; /*текст по центра*/
    width: 235px !important; /*ширина*/
    padding: 22px !important; /*отступ*/}

.punbb .post-author {/*фон в топике */
background: url(/files/001b/9d/37/52491.jpg) repeat-y top center;
}
.punbb .post-author ul {/*фон в топике */
background: url(/files/001b/9d/37/14407.jpg) no-repeat bottom center, url(/files/001b/9d/37/76369.jpg) no-repeat top center;
}

.pa-author a, .pa-author, li#profile-name, li#profile-name strong {
color: #fdfdfb !important; /*цвет текста*/
    font-family: Playfair Display; /*вид шрифта*/
    -webkit-text-shadow: 2px 1px 5px #435147; /*тень*/
    -moz-text-shadow: 2px 1px 5px #435147; /*тень*/ 
    text-shadow: 2px 1px 5px #435147; /*тень*/}

.pa-author, li#profile-name {/*подложка под ник*/
background: url(/files/001b/9d/37/25306.png) repeat-x;}

li.pa-title, li.pa-online, li#profile-title, li#pa-online {
    color: #483d54; /*цвет шрифта*/
}

.pa-avatar img, li#pa-avatar img {
    box-shadow: 2px 1px 9px 2px #583f58; /*тень*/
-webkit-box-shadow: 2px 1px 9px 2px #583f58; /*тень*/
 -moz-box-shadow: 2px 1px 9px 2px #583f58; /*тень*/
}

.punbb .pa-respect, .punbb .pa-respect a, .punbb .pa-posts {color: #fefefe; /*цвет текста*/
 -webkit-text-shadow: 2px 1px 5px #583f58; /*тень*/
    -moz-text-shadow: 2px 1px 5px #583f58; /*тень*/
    text-shadow: 2px 1px 5px #583f58; /*тень*/}

li.pa-fld1, li.pa-fld3 {
    background: url(/files/001b/9d/37/38257.jpg) repeat; /*фон*/
    width: 276px; /*ширина поле*/
    margin-left: -22px; /*отступ слева*/
line-height: 150%; /*высота линий*/
font-size: 1.1em; /*размер шрифта*/
}

.punbb .pa-respect, .punbb .pa-posts {/*фон к колонкам уважение и сообщений*/
background: #9d90ae;
}

/* ГРАНИЦЫ ФОРУМА */

/*цвет черты между статусом и названием форума*/
.punbb .divider, .punbb .post-links ul, .category tr {
  border-color: #ab9fb9;  
}
/*цвет границ ячеек таблиц, рамки вокруг поста, вокруг даты сообщения и т.п. */
.punbb fieldset, #viewprofile ul, #profilenav, .usertable table {
    border-color: #ab9fb9;
    background: #ab9fb93b;
}
/*цвет границ в шапке форумных таблиц (тем, сообщений...)*/
.punbb .main th {
  border-color: #2f2f2f;
}
/*цвет границ в статистике*/
#pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, #pun-ulinks li, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ab9fb9;
}

/*цвет линии подписи в постах*/
 .punbb .post-sig dt {border-top: 1px solid #dadada;}

/*цвет границ секций, контейнеров, модераторского меню и т.п.*/
.punbb .container, .punbb .post-body, .post h3, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
  border-color: #ffff;
}

.usertable td, #pun-online #pun-main td, hr, #wrapper ul, #similar-topics table td, .forum td {
    border-bottom: 1px solid #ab9fb9 !important;
}

/*ОБЪЯВЛЕНИЕ*/
#pun-announcement h2 {/*скрыть заголовок*/
display: none;}

div#pun-announcement {/*отступ сверху*/
    margin-top: 71px;
}

#pun-status {/*позционирование статуса*/
    position: absolute;
    top: 255px; /*двигаем вверх-вниз*/
    left: 332px; /*двигаем влево-вправо*/
}

#pun-crumbs1 {position: relative; /*позиционирование верхних хлебных крошек*/
    width: fit-content; /*ширина*/
    top: -242px; /*двигаем вверх-вниз*/
    left: 30px; /*двигаем влево-вправо*/}

.short_text {
    transform: rotate(90deg); /*повернуть текст*/
    transform-origin: top left; /*позиционирование текста*/
    margin: -86px 0 0 -47px !important; /*двигаем в нужное место*/
    font-size: 14px; /*размер шрифта*/
    text-transform: uppercase; /*заглавные буквы*/
    color: #f7f6f5; /*цвет текста*/
    font-family: PTSerif Regular; /*вид шрифта*/
}

#anntable .table h3 {
    color: #615174; /*цвет текста*/
}

div#anntable {border-top: 4px double #ab9fb9; /*линия наверху*/
    border-bottom: 1px solid #ab9fb9; /*линия внизу*/}

#pun-crumbs1 p.container {    
background: #eeefe4; /*внутренний белый фон*/}


/*ДОПОЛНЕНИЯ*/
.category td.tc2:before {content: 'Тем: '; text-transform: uppercase; color: #ab9fb9;}
.category td.tc3:before {content: 'Сообщений: '; text-transform: uppercase; color: #ab9fb9;}
.category td.tcr:before {content: 'Последний пост: '; text-transform: uppercase; color: #ab9fb9;}
#pun-viewforum .forum td.tc2:before {content: "Сообщений: "; text-transform: uppercase;}
#pun-viewforum .forum td.tc3:before {content: "Просмотров: "; text-transform: uppercase;}
#pun-viewforum .forum td.tcr:before {content: 'Последний пост: '; text-transform: uppercase;}


/*Количество непрочитанного, уведомления*/
span.num_msg, span.num_msg:before {background: #4b7675 !important;} /*ЛС*/

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {background: transparent !important;} /*Темы*/

.newtext a {/*новые сообщения на странице списка топиков*/
    text-transform: uppercase;
    font-size: 1em;
    padding: 1px 5px;
    color: #fff !important;
    background-color: #335453;
    border-radius: 4px;
    animation: blinkColor 1.0s linear infinite;
    -moz-animation: blinkColor 1.0s linear infinite;
    -webkit-animation: blinkColor 1.0s linear infinite;
}

.punbb .user-avatar .isonline {background: #fad !important;} /*индикатор он-лайн*/

/*Закладки*/
#MyBookmarks, .editBookmark h1 {background: url(/files/001b/9d/37/16219.jpg) repeat !important;}

#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2  {
    background: transparent !important;
    width: 216px !important;
    margin-left: 0 !important;
    height: 50px !important;
}
 #MyBookmarks .container, .editBookmark {background: url(/files/001b/9d/37/38257.jpg) repeat;}

.post .bookmark {
    right: -22px !important;
    color: #4b7675 !important;
}

#BookmCntToggle.default-style {color: #4b7675 !important;     
background: #eeeee3 !important;}

.editBookmark h1 {
    margin: 0 !important;
    height: 50px !important;
}

#MyBookmarks span.scrl {width: 94px !important;}

/*Переадресация*/
#pun #pun-redirect #pun-main {/*блок с фоном*/
background: url(https://forumstatic.ru/files/001b/9d/37/70123.jpg) no-repeat bottom center, url(https://forumstatic.ru/files/001b/9d/37/37793.jpg) no-repeat top center, url(https://forumstatic.ru/files/001b/9d/37/47546.jpg) repeat-y top center !important; /*фоновая картика*/
    width: 100%; /*ширина*/
    height: 200px; /*высота*/
position: absolute; /*позиционирование*/
top: 0;
left: 0;
}

#pun-redirect #pun-main h1 {
margin: 0 auto; /*отступы*/
background: transparent; /*убираем фоновую картинку заголовку*/
    padding-top: 27px; /*отступ сверху*/}

#pun-redirect #pun-main h1 span {/*слово переадресация*/
text-align: center; /*текст по центру*/
    color: #4b7675; /*цвет текста*/
    font-size: 3em; /*размер шрифта*/
    text-shadow: none; /*нет тени*/
}

#pun-redirect .info {/*блок с текстом*/
text-align: center; /*текст по центру*/
margin-top: -16px; /*отступ сверху*/
    font-size: 1.2em; /*размер шрифта*/
}

/* кнопки вверх вниз*/
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:55px; /*указываем положение, если слева - left*/
cursor:pointer;
opacity:.7; /*прозрачность*/
}

.go-up {
bottom: 227px; /*положение от низа окна браузера верхняя кнопка*/
z-index: 999;  /*показываем поверх все элементов на странице*/
width:67px; /*ширина кнопки*/
height:25px; /*высота кнопки*/
}
.go-down {
bottom:200px; /*положение от низа окна браузера нижняя кнопка кнопка*/
width:66px; /*ширина кнопки*/
height:60px; /*высота кнопки*/
}

.go-down:hover,.go-up:hover {
opacity:1;
}

/* Шаблон дизайна предоставлен проектом ForumD - Дизайн для форумов и техническая поддержка © 2022 ForumD.ru */