/*************************************************************
КОДЫ BLANCHE, ГРАФИКА BLURRY v.2021.1
с радостью подарим вам такую же красоту, у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование
но мне будет очень приятно, если вы оставите простое "спасибо" в стиле вашего диза
давайте уважать труды, да и просто друг друга <З
**************************************************************

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title table {    height: 312px;    position: absolute;    width: 1016px;    top: -197px;    left: 0px;   border: none;    background: url(https://forumstatic.ru/files/001a/02/ac/93787.png) no-repeat top center;}

/* футер */
#pun-about {    width: 1016px;    height: 118px; margin: 0px 0 -36px -30px;    background: url(https://forumstatic.ru/files/001a/02/ac/15222.png) center top;}





/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category h2, #pun-stats.section h2 {      height: 128px;    background: url(https://forumstatic.ru/files/001a/02/ac/77758.png);    width: 976px;    margin: -40px 0 -30px -30px;text-align: center;    font-family: Madegra;    color: #c2d2c4;    font-size: 18px;    letter-spacing: 2px;    line-height: 116px;}
#pun-category1.category h2 { display: none;}

#pun-index .category h2 span {    width: 760px;    display: block;    margin-left: 40px;}
#pun-index .category h2 span:before, #pun-index .category h2 span:after {content: '•'; margin: 0 5px; }
#pun-stats.section h2 span {font-size: 0px; margin-left: 130px;} #pun-stats.section h2:before {content: '•   statistic   •'}

/* онлайн внизу */
#pun-stats ul.container {    display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-top: -30px;}

/* всего тем, сообщений */
#pun-stats li.item1, #pun-stats li.item2 {width: 27%;}

/* последним зарегистрировался  */
#pun-stats li.item3, #pun-stats li.item4 {width: 44%;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {   display: inline-block;    text-align: center;      font-family: Arial;    text-transform: lowercase;  font-size: 9px;    letter-spacing: 1px;    padding: 4px 0;
background: #bacbbf;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {color: #465c57;} 





/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun-index table Div.icon {    width: 150px;    height: 1px;    background: #738367;position: absolute;    margin: -13px -5px 0 0px;}
#pun-index TR.inew Div.icon:after {    content: 'new';    position: absolute;    margin: -20px 0 0 160px;    font-family: 'Madegra';    font-size: 30px;    color: #738367;}

/* в подфорумах */
#pun-viewforum table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-messages table Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics table Div.icon, #pun-searchtopics TR.inew Div.icon {    float: left;    margin: -4px 5px;    font-size: 15px;    background: none;    height: 10px;    width: 10px;     color: #aebbb2;}
#pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before, #pun-searchtopics table Div.icon:before {content: '\2718'}
#pun-viewforum TR.inew Div.icon:before, #pun-messages TR.inew Div.icon:before, #pun-searchtopics TR.inew Div.icon:before {content: '\2714';    color: #8d9b73;}
#pun-viewforum TR.isticky Div.icon:before {content: '\203C';    color: #8d9b73;}
#pun-viewforum TR.iclosed Div.icon:before {content: '\2718'; opacity: .5}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
#pun-announcement akt1, #pun-announcement akt2 {    position: absolute;    display: flex;    width: 104px;    justify-content: space-between;}
#pun-announcement akt1 img, #pun-announcement akt2 img, #pun-announcement akt3 img, #pun-announcement img.tpost1 {    filter: grayscale(1);    opacity: .5;    border-radius: 4px; object-fit: cover;}
#pun-announcement akt1 img, #pun-announcement akt2 img, #pun-announcement img.tpost1 {width: 28px; height: 28px;} #pun-announcement akt3 img {width: 58px; height: 28px;}
#pun-announcement akt1 {top: -122px;    right: 340px;}
#pun-announcement akt2 {top: -81px;    left: 331px;}
#pun-announcement tpost {    position: absolute;    top: -76px;    right: 275px;    width: 108px;    padding-right: 5px;    text-align: justify;    height: 30px;    overflow: auto;    color: #3a3f2f;    font-size: 9px;    text-transform: lowercase;    font-family: arial;    letter-spacing: .5px;}
#pun-announcement img.tpost1 {    position: absolute;    top: -74px;    right: 240px;}
#pun-announcement akt3 {    position: absolute;    display: flex;    width: 150px;    justify-content: space-between;    top: -128px;    left: 255px;}
#pun-announcement ams {    position: absolute;    top: -45px;    right: 45px;    font-family: 'Raleway';    font-size: 9px;    letter-spacing: .5px;}
#pun-announcement ams a {    color: #b1c7b8;    text-shadow: 1px 1px #3c4c41;}
#pun-announcement ams a:not(:last-child):after {content: '•'; margin: 0 5px;}

.ban {    position: absolute;    height: 45px;    white-space: nowrap;    overflow: auto;    margin: 46px 0 0 148px;    width: 785px;}
.ban a {    filter: grayscale(1); opacity: .5} .ban a:hover {    filter: none; opacity: 1;}

#pun-announcement nov {    display: inline-block;    background: linear-gradient(358deg, #9ab1a1, #bbc3ac);    padding: 4px 10px;    border-radius: 7px;    box-shadow: 0 0 0 1px #c4cbb7, 0 0 0 2px #83998a, 0 0 7px inset #7ea589, 0 0 7px #93a99a;    font-family: 'Raleway';    font-size: 9px;    letter-spacing: .5px;    min-width: 100px;    color: #546a58;    font-weight: bold;margin: 5px;}
#pun-announcement nov span {    display: block;    text-transform: uppercase;    letter-spacing: 1px;    font-size: 11px;    color: #dde7c8;    text-shadow: 1px 1px #5f6e55;    font-weight: bold;}






/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;font-size: 10.5px !important;line-height: 15px !important;padding: 7px;font-family: Verdana;    border: none !important;    outline: none !important;
    background: #eef3ef;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #b9cbbf, 0 0 15px #e1ede6 inset;}

/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {overflow-y: auto;padding: 10px !important;height: 207px; font-family: 'Raleway';text-transform: lowercase;letter-spacing: .5px;z-index: 99999;font-size: 10px;margin: -6px -21px 0 0px;
background: #cdd7cf;
    box-shadow: 0 0 10px #bac7bc inset;}


/*--------------------- формы заполнения ---------------------*/
.punbb select {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 3px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select {    cursor: pointer;    font-size: 10px;    padding: 4px;    text-align: center;    font-family: Arial; border: transparent !important; outline: none !Important;
    background: #eef3ef;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #b9cbbf, 0 0 5px #dbe7e0 inset;
    color: #435652;}
.punbb option {    background-color: #eef3ef !important;} /* модерское */


/*--------------------- кнопки ---------------------*/
p.formsubmit {text-align: center;}
/* до наведения */
.button, .hashelp center div a button, ul.tabs li a, input#sub4, .hvStickerPackModalTab {cursor: pointer;    padding: 5px 7px !important;    font-family: raleway !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase;    min-width: 100px;    margin: 0 3px; border: none !important; outline: none !Important;
    background: #85998b !important;
    box-shadow: 0 0 0 1px #92a598, 0 0 0 2px #7a8b7f, 0 0 5px #637669 inset !important;
    color: #dde3ce !important;}

/* кнопки после наведения */
.button:hover {}




/* IV. ЦИТАТЫ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 20px 10px 20px;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {margin: 0px;    width: 99%;    overflow: hidden;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;overflow-y: hidden !important;height: auto !important;}
.punbb .post-content .quote-box, .punbb .post-content .code-box, #float, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks, .hvStickerPackModal {padding: 10px;font-size: 11px!important;    font-family: arial!important; 
    background: #e1e7e3;
    box-shadow: 0 0 0 1px #f6f9f7, 0 0 0 2px #a4bdae, 0 0 20px #ceddd3 inset;
    color: #4e645f;}
#MyBookmarks, .editBookmark, .hvStickerPackModal {    box-shadow: 0 0 10px #b5aa9e inset !important;}
.hvStickerPackModal {    background: #e2ded2 !important;    border: 1px solid #e2ded2!important; border-radius: 0px !important;}
.hvStickerPackModalContent {border: none !important;}
.hvStickerPackModalTab {border-radius: 0px !important; text-align: center;}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {font-style: normal;    font-weight: normal;    text-align: center;    padding: 5px 0;    width: auto;    display: block;    text-transform: lowercase;    margin: -10px -10px 0px -10px;    font-family: 'Raleway';    letter-spacing: 2px;
background: #708781;
    box-shadow: 0 0 5px #495f5a inset;
}
.post-content .spoiler-box > div {background: url('') no-repeat 10px, #708781 !important;   margin-bottom: -11px;}
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .copycode strong.legend a {    color: #dfe7ce;}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
.punbb .post .post-author {    float: left;    overflow: hidden;    width: 239px; font-family: raleway; margin: 0 0 50px 10px;
    background: url(https://forumstatic.ru/files/001a/02/ac/71187.png) 0px bottom no-repeat, url(https://forumstatic.ru/files/001a/02/ac/20035.png) 0px top no-repeat, url(https://forumstatic.ru/files/001a/02/ac/89696.jpg) 0px repeat;}

.punbb .post .post-author ul {    display: flex;    flex-wrap: wrap;    text-align: center;    justify-content: space-around;        margin: 35px 0 28px 0;position: relative;width: 239px; min-height: 190px;}

.punbb .post-body {margin-left: 290px;}

/* шрифт ника (гости) bl */
.pa-author {    font-size: 19px;    letter-spacing: 1px;    text-transform: uppercase;    width: inherit;    margin: 0 24px 0 30px;    font-family: madegra;}

.pa-author, .pa-author a, .pa-posts, .pa-respect, .pa-respect a, .pa-online, .pa-last-visit, .pa-fld2 span.ank a {    color: #505545!important;    text-shadow: 1px 1px #d6e3c9;} .pa-author strong {font-weight: normal;}
.pa-title, .pa-fld3, .pa-fld4 {    color: #b6cec9!important;    text-shadow: 1px 1px #202e2b;}

/* статус */
li.pa-title {    width: inherit;    margin: 7px 12px 0 30px;    font-size: 9px;    text-transform: lowercase;    letter-spacing: 1px;}

/* аватар */
.pa-avatar {width: inherit;    margin: 7px 12px 7px 30px;    z-index: 2;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 1px #3f544f, 0 0 0 2px #829f9a; max-height: 180px; max-width: 180px !important;}

/* репутация и соо на одной строке */
.pa-respect, .pa-posts, .pa-fld4, .pa-fld3 {    width: 100px;     letter-spacing: 1px;    text-transform: lowercase;    font-size: 9px; }
.pa-posts, .pa-fld3 {text-align: right;margin-left: 20px;} .pa-respect, .pa-fld4 {text-align: left;}
.pa-posts, .pa-respect {      position: absolute;    bottom: -24px;} .pa-fld3, .pa-fld4 {margin-top: 10px;}
.pa-posts {    left: 4px;} .pa-respect {    right: 6px;}
.pa-respect img {vertical-align: bottom;    mix-blend-mode: luminosity;    margin-right: -3px;}
.pa-posts:after, .pa-fld3:after {content: '•'; margin: 0 -4px 0 5px;}

.pa-posts .fld-name, .pa-respect .fld-name a {font-size: 0px;}
.pa-posts .fld-name:before, .pa-respect .fld-name a:before {    font-size: 9px;    margin-right: -10px;}
.pa-posts .fld-name:before {content: 'соо:';}
.pa-respect .fld-name a:before {content: 'плюсы';}

/* онлайн, последний визит*/
.pa-online, .pa-last-visit {    position: absolute;    top: 123px;    margin-left: -220px;    transform: rotate(-90deg);    text-transform: uppercase;    letter-spacing: .5px;    font-size: 10px;width: 220px;    text-align: right;}
.pa-online strong, .pa-last-visit strong {font-weight: normal !important;}
.pa-last-visit .fld-name {    margin-right: 3px;}
.pa-last-visit .fld-name {    font-size: 0px;} .pa-last-visit .fld-name:before {    content: 'посл. визит:';    font-size: 10px;    margin-right: -7px;}

/* ай-пи */
li.pa-ip {position: absolute;display:none;}

/* поля */
.pa-fld1 {    position: absolute;    top: -34px;    left: 85px;width: 60px;    height: 30px;}
.pa-fld1 img {max-width: 60px; max-height: 30px;}

li.pa-fld2 {    margin: 0 0 0 20px;}
.pa-fld2 span.ank {    background: url(http://forumstatic.ru/files/001b/9a/cc/45219.jpg) bottom;    box-shadow: 0 0 0 1px #788069, 0 0 0 2px #a8b09b;    display: block;    width: 164px;    height: 21px;    padding-top: 104px;    margin: -110px auto 0 auto;    font-size: 10px;    text-transform: uppercase;    line-height: 20px;    border-radius: 0 0px 10px 0;}
.pa-fld2 span.lz {    background: #a3c9c085;    display: block;    margin: 10px auto 0 auto; width: 180px;    border-radius: 10px;    padding: 7px;    text-align: center;    text-transform: lowercase;    color: #314641;    font-size: 9px;    line-height: 13px; letter-spacing: .5px;}
.pa-fld2 span.lz a {    color: #b4c397 !important;}

.pa-fld5 {    margin: 5px 0 -6px 18px; z-index: 9999;}








/* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН
-------------------------------------------------------------*/
.post .bookmark {color: #7e9131 !important}
#BookmCntToggle.default-style {    color: #adb69b !important;}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none;
    background: #d6d2c5;
    border: 1px solid #c7c3b5;}
#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;background: #56681540 !important;}
#pun-main .editBookmark h1 {    font-size: 10px !important;    letter-spacing: 2px;    display: block !important;    text-transform: uppercase;    text-align: center;    font-weight: normal;}
#pun-main .editBookmark h1 span.delBookmark {    font-size: 25px !important;    margin: -15px 0px 0 0;}
.editBookmark {font-family: 'Raleway';    font-size: 9px;    letter-spacing: .5px;    border-radius: 0px !important;    margin: 26px 50px 0 0px !important;}
.editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;}
#MyBookmarks li.BookmarkL:first-child {    margin-top: 10px;}


/* новое соо, уведомления */
span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author, span.num_msg:before {background: #798560 !important; text-shadow: none!important;    font-weight: normal !important;}
.bubble:after {border-color: #c4af9e transparent !important}
span.num_msg {    margin: -40px 0 0 0 !important;    z-index: 99999 !important;}

/* стрелки */
.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999; width: 21px;   margin-left: 975px!important;}
.go-up {    bottom: 52%; background: url(https://forumstatic.ru/files/001a/02/ac/98190.png); height: 19px;}
.go-down {    bottom: 48%; background: url(https://forumstatic.ru/files/001a/02/ac/94720.png);  height: 20px;}

/* онлайн */
.indOnline, .indOffline {    left: 64px;    width: 29px;    height: 45px;    cursor: pointer;    position: absolute;}
.indOnline {     background: url();}
.indOffline { }

td#button-smile {
    background: url(/i/form_buttons.3.png) no-repeat 50% -437px;
display:none;
}



/* VI. ТЕМЫ
-------------------------------------------------------------*/