/* CS1.1 Внешний фон */
body {
    background-color: #18191D;  
    background-image: url(КАРТИНКА); 
    background-repeat : no-repeat;
    background-position: bottom center; 
    background-size:cover;
  }



/* CS1.3 Тело форума */
#pun {
    background-attachment: local; 
    background-repeat: repeat; 
  }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://forumstatic.ru/files/001a/f2/4e/30003.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 300px;
width: 1100px;
margin-left: -1px;
}

.punbb {
    float: none;
    width:  1040px;
    height: auto;
    margin: 0 auto;
    margin-bottom: -75px;
    background-image: url(картинка);
    background-color: #18191D;  
  }

#pun-index .category tr {
    background-color: transparent;
    box-shadow: 0 0px 0px 0 rgba(128, 128, 128, 0.16);
  }

#pun-index .category table {
    border-spacing: 0px 0px;
  }


/* CS1.4 Футер*/
#pun-about p.container {
    background-image: url(картинка);
    background-position: top center;
    background-repeat: no-repeat;
  }

div#html-footer {
    margin: -5px 0px 0px 0px;
  }

/* CS2 Иконки сообщений */

/* CS2.1 Прочитанные сообщения*/
.punbb table Div.icon {
    float: right; 
    display: block; 
    border-style: none none none none;
    margin-left: 5px;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    background-image : url(http://forumstatic.ru/files/001a/f2/4e/59366.svg);
    background-repeat: no-repeat;
  }

/* CS2.2 Новое сообщение*/
TR.inew Div.icon {
    background-image : url(http://forumstatic.ru/files/001a/f2/4e/41750.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
  }

/* CS2.3 Важное сообщение*/
TR.isticky Div.icon {
    background-image : url(картинка);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
  }

/* CS2.4 Закрытая тема*/
TR.iclosed Div.icon {
    background-image : url(картинка);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
  }


/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
    background-color: #dbd8d8; color: #2b2b2b; 
  }

/* CS1.5 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { 
    color: #710000;
    font-weight: normal;
    font-style: normal;

  }

/* CS3 Ссылки */

/* CS3.1 Ссылки*/
.punbb a, .punbb a:link, .punbb a:hover,
.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 {
    color: #2a2929;
    text-decoration: none;
color: #F3F4FA;
  }

.punbb a:hover {
    text-decoration: none;
color: #710000 !important;
  }

/* Закругленные края цитаты и кода с тенью */

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {
    border-radius: 0px;
    border: 1px solid #710000;
    padding: 5px;
  }

/* размер шрифта в кодах внутри сообщений*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    font-size: 11px;
  }


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: #f3f3f3;
    color: #3b3b3b;
  }


/* Оформление кнопок */
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 10px!important;
    background-color: #1e1f23;
    color: #f3f4fa;
    text-transform: uppercase;
    border: 2px solid #f3f4fa;
    padding: 5px 5px 5px 5px;
  }


/*убирает форум, тем, сообщений*/
.punbb thead {
    display:none;
  }

.category .container thead {
    display: none;
  }

/*прокрутка*/
::-webkit-scrollbar {
    width: 6px;
    height: 4px;
  }
::-webkit-scrollbar-track {
    background-color: transparent;
  }
::-webkit-scrollbar-thumb {
    background-color: transparent;
  }

/* цвет ссылок в посте */
.punbb .post-content a {
    color: #5f5c59;
  }

.processed {
    background-color: #d5d5d5 !important;
  }

.legend {
    display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
  }


/* Оформление иконок над формой ответа */

/* Оформление формы ответа */

.punbb .formal textarea {
    width: 99%;
    table-layout: fixed;
    border-radius: 0px;
    border: 1px solid #710000;
    padding: 5px;
    background-color: #242529 !important;
    margin-bottom: 5px;
color: #c9c9c9 !important;
  }

#profile-right{
    padding-left: 2em;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
  }

#pun-index .user-avatar {
    height: auto!important;
    width: auto;
    vertical-align: middle;
    border: 1px solid #40c4c800;
    padding: 6px;
    border-image-source: url(картинка);
    border-image-slice: 25%;
    border-image-width: 25px 25px;
    border-image-repeat: inherit;
    display: block;
  }

.punbb .user-avatar {
    float: left;
    position: relative;
    height: 36px;
    width: 36px;
    vertical-align: middle;
    border: 1px solid #40c4c800;
    padding: 6px;
    border-image-source: url(картинка);
    border-image-slice: 25%;
    border-image-width: 25px 25px;
    border-image-repeat: inherit;
    display: block;
    margin-right: 5px;
  }

.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
    font-family: '36953';
    color: #000000 !important;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
  }

.punbb .code-box strong.legend a {
    display: block;
    padding-bottom: 0.7em;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    font-family: '36953';
    color: #000000 !important;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
  }

.punbb .code-box strong.legend a:hover {
    color: #710000 !important;
  }

.punbb #pun-category1 {
    margin-top: -50px !important;
  }

#tuser {
    cursor: pointer;
    opacity: 0.5;
    /* margin-left: 7%; */
    padding: 2px;
    width: 0px;
    height: 2px;
    display: none;
}

.reactions-root {
    padding: 0 5px;
    display: none;
}

#s-block {
    display: none !important;
    justify-content: flex-end;
}