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

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title table {margin: 0;    position: absolute;display: none;    background: url() no-repeat top center;    width: 0;    height: 0;}

/* футер */
#pun-about {width: 1008px;    height: 78px;    margin: 0px 0 0px -50px;
    background: url(https://forumstatic.ru/files/001b/7c/28/55638.png) center top;} 





/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-category1.category h2 {    font-size: 0px !important; }
#pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-stats.section h2 {    width: 695px;    height: 73px;    margin: 0 0 0px 110px;    font-size: 0px;    opacity: .85;}

#pun-category2.category h2 {background: url(https://forumstatic.ru/files/001b/7c/28/75163.png) no-repeat;}
#pun-category3.category h2 {background: url(https://forumstatic.ru/files/001b/7c/28/65674.png) no-repeat;}
#pun-stats.section h2 {background: url(http://forumstatic.ru/files/001b/7c/28/58593.png) no-repeat;}



/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
table Div.icon {    float: left;    width: 25px;    height: 25px;    margin: -3px 0px 0 -35px;
    border-radius: 25px;    border: 1px solid #343433;    opacity: .2;}
TR.inew Div.icon {border: none; background: #343433; opacity: 1;}

/* в подфорумах */
#pun-searchtopics table .icon, #pun-viewforum table .icon, #pun-messages table Div.icon { width: 10px; height: 10px;    margin: 0 10px 0 0;}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
.tabl1 {    position: absolute;    top: -200px;    left: 300px;    color: #f1e8df;    font-family: 'Helvetica Neue';    font-size: 9px;    letter-spacing: 1px;    line-height: 26px;    text-shadow: 0 0 5px #766357;width: 200px;}
.tabl1 span {display:block;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;}
.tabl1 span:hover {margin-left: 10px; letter-spacing: 2px;}
.tabl1 span:before {    content: '•';    margin: 0 5px 0 -10px;    opacity: 0;color: #333;    transition: all .5s;    text-shadow: none;    vertical-align: middle;}
.tabl1 span:hover:before {    opacity: 1;}

.tabl2 {    position: absolute;    top: -230px;    left: 170px;    font-family: bigilla;    font-size: 160px;    color: #282828;    font-style: italic;transition: all .5s;}
.tabl3 {    position: absolute;    color: #282828;    font-family: 'Lighthaus';    top: -118px;    left: 250px;    font-size: 22px;    font-style: italic;}
.tabl4 {    position: absolute;    top: -150px;    left: 130px;    color: #282828;    font-family: 'Helvetica Neue';    text-transform: uppercase;    font-size: 7px;    letter-spacing: 1px;    line-height: 15px;}
.tabll:hover .tabl2 {    color: #d5cdc6;}





/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;padding: 7px;font: 11px helvetica !important;line-height: 15px !important; outline: none !important}
.punbb textarea, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {    border: none !important;
    background: #f3f2f0;
    color: #6d5a50;
    box-shadow: 0 0 0 1px #d5d3c8, 0 0 20px inset #e9e8e3, 0 0 10px #dddbd2;
}



/*--------------------- формы заполнения ---------------------*/
.punbb select {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 4px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select {    cursor: pointer;    font-size: 10px;    padding: 4px;    font-family: Arial;    border-radius: 6px;    border: none; outline: none; text-align: center;
    text-shadow: 1px 1px 0 #cebfb4;
    background: #c1b3a9;
    color: #6c594e;
    box-shadow: 0 0 0 1px #bdafa6, 0 0 10px inset #e1d2c5, 0 0 10px #c9c6bc;}
.punbb option {    background-color: #c1b3a9 !important;} /* модерское */


/*--------------------- кнопки ---------------------*/
p.formsubmit {text-align: center;}
/* до наведения */
.button, .hashelp center div a button, input#sub4 {cursor: pointer;    padding: 8px 10px !important;    font-family: 'helvetica neue' !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase;    min-width: 100px;    margin: 0 3px;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; }

/* кнопки после наведения */
.button:hover {
    text-shadow: 1px 1px 0 #f5f4ef;
    background: #ecebe6;
    box-shadow: 0 0 0 1px #f1f0ed, 0 0 10px inset #f1efe8, 0 0 10px #e1ded2;}




/* IV. ЦИТАТЫ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 20px 25px 20px; position: relative;}
.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;} pre {    font-family: 'Helvetica Neue';    line-height: 150%;}
.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {padding: 10px;font-size: 11px!important;    font-family: arial!important;}
.punbb .post-content .quote-box, .punbb .post-content .code-box {    border-radius: 10px;    padding: 20px !important;
    background: linear-gradient(0deg, #e5e3db, #f1efeb);
    box-shadow: 0 0 0 1px #d7d4ce, 0 0 0 1px inset #f7f5f2, 0 0 20px inset #e5e2db, 0 0 10px #d5d2c5ad;
}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {    font-style: normal;    padding: 7px 10px;    display: block;    text-transform: uppercase;    font-family: 'Lighthaus';    letter-spacing: 1px;    font-size: 11px;    text-align: center;    margin: -15px 0 10px 0;    font-weight: normal;    border-bottom: 1px solid #afafaf;
}
.post-content .spoiler-box > div {background: url('') no-repeat 10px !important;    margin-bottom: 0px;}
.punbb .quote-box cite, .punbb .code-box strong.legend, .punbb .code-box strong.legend a, .post-content .spoiler-box > div {    color: #333333;}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
.punbb .post .post-author {    float: left;    overflow: hidden;    width: 222px;    min-height: 70px;    margin: 0 0 80px -10px;
    background: url(https://forumstatic.ru/files/001b/7c/28/44911.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/7c/28/89598.png) top no-repeat, url(https://forumstatic.ru/files/001b/7c/28/56403.png) top repeat-y;}

.punbb .post .post-author ul {    display: flex;    flex-wrap: wrap;    text-align: center;    justify-content: space-around;    width: 182px;    margin: 10px 0px 10px 20px;}
.punbb .post-body {margin-left: 243px;  }

/* шрифт ника (гости) bl */
.pa-author {     font-size: 12px;    font-family: 'Lighthaus';    letter-spacing: 1.5px;    width: inherit;}
.pa-author a, .pa-author a:hover, #pun-searchposts .pa-author strong {color: #2d2d2d !important}

/* аватар */
.pa-avatar {    width: inherit;    margin: -5px -20px 0 -20px;    border: 1px solid #5e5e5e;    padding: 17px 15px 20px 15px !important;    border-radius: 5px;    z-index: 1;}
.pa-avatar img {    margin-bottom: -2px; border-radius: 5px; border: 1px solid #5e5e5e;}

.pa-fld2 {    position: absolute;    margin-top: 15px;    color: #2d2d2d;    font-size: 8px;    font-family: 'Helvetica Neue';    text-transform: lowercase;    letter-spacing: 1px;}

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

/* сообщения, посты, репутация */
.pa-posts, .pa-respect {     font-family: 'Lighthaus';    font-size: 8px;    letter-spacing: 1px;    font-weight: bold;    width: 90px;    margin-top: 7px;}
.pa-posts, .pa-fld5, .pa-fld4, .pa-respect, .pa-respect a { color: #333 !important;}
.pa-respect a img {    mix-blend-mode: luminosity;    opacity: .7;vertical-align: middle;}

/* поля */
.pa-fld1 {    width: inherit;    margin-top: -15px;    font-family: 'Helvetica Neue';    text-transform: uppercase;    color: #e9ded4;    text-shadow: 0 0 3px #836552;    font-size: 8px;    letter-spacing: 1px;}
.pa-fld1:before, .pa-fld1:after {content: '—'; margin: 0 5px;}






/* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН
-------------------------------------------------------------*/
#BookmCntToggle.default-style {    background: url(https://forumstatic.ru/files/001b/7c/28/11371.png) !important;    width: 40px !important;    height: 41px !important;    box-shadow: none !important; border-left: none !important;}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none;}
#MyBookmarks li.BookmarkL>span.last_click, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {    background: #e3ebee !important;}
#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !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: 'helvetica neue';    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;}

.post .bookmark {    width: 0px !important;    right: -16px !important;}
.post .bookmark.ncnfrm {color: #a8bcc3 !important;} .post .bookmark {color: #aec3b5 !important;}
.post .bookmark:before {    content: '\f005' !important;    font-family: 'FontAwesome';    font-size: 16px;    cursor: pointer; border: none !important;}

#MyBookmarks span.scrl span:before {    content: '\f0de' !important;    font-family: 'FontAwesome';    font-size: 21px;    display: block;}
#MyBookmarks span.scrl.t span:before {    margin: 3px 0 -3px 0;}
#MyBookmarks span.scrl.b span:before {    margin: -6px 0 6px 0;}
#MyBookmarks li.BookmarkL {    margin-top: 10px;}


/* новое соо, уведомления */
span.num_msg, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author, span.num_msg:before {    text-shadow: none!important;    font-weight: normal !important;    box-shadow: none !important;    font-family: 'Helvetica Neue' !important;
    background: #282828 !important;    color: #e5d5c7 !important;}
span.num_msg {    width: 7px;    margin: 0px -5px 0px 5px !important;    position: relative !important;}

.bubble {    position: relative !important;    top: 0px !important;    right: -4px !important;    font-family: 'Helvetica Neue' !important;    font-size: 8px !important;    margin-top: -10px !important;    text-shadow: none!important;    font-weight: normal !important;    box-shadow: none !important;    height: 10px;    padding: 0px !important;}
.bubble:after {border-color:  transparent !important}

.styl1 {    text-transform: uppercase;    font-size: 8px !important;    letter-spacing: 1px;    line-height: 15px;    padding-top: 7px !important;}
#closet {    background: #b7c6c9 !important;    border: none !important;    text-transform: uppercase;    font-size: 8px !important;    padding: 5px 10px !important;    letter-spacing: 1px;    color: #6b7f83 !important;}

/* стрелки */
.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999;    margin-left: 962px; -webkit-transition: all 500ms ease;      background: #333333;    border-radius: 20px;}
.go-up {    bottom: 53%;    width: 12px;    height: 12px;    margin-left: 952px; }
.go-down {    bottom: 50%;    width: 20px;    height: 20px;    margin-left: 948px;} 
.go-up:hover, .go-down:hover {    transform: scale(1.3);}

/* онлайн */
.indOnline, .indOffline {    display: inline-block;    margin: 0px -3px 2px 3px;    width: 6px;    height: 6px;    cursor: pointer;    border-radius: 10px;}
.indOnline {    background: #5e5e5e;}
.indOffline {     box-shadow: 0 0 0 1px inset #5e5e5e;}





/* VI. ТЕМЫ
-------------------------------------------------------------*/
.ep p {text-align: center !important;}
.ep img { margin: 0px 3px !important;}

.ank, .tem, .ep {      width: 520px;    margin: auto;    border-radius: 7px 7px 20px 20px;    padding: 15px;    font-family: 'Helvetica Neue';    font-size: 11px;    letter-spacing: .5px;    box-shadow: 0 0 0 1px #5e5e5ea1;}
.ank2 p, .ep1 p, .tem tem1 {     font-family: lighthaus;    color: #edede9;    font-size: 15px;    text-align: right !important;    padding: 0 15px 0 0 !important;    background: #333;    margin: -16px -16px 0 -16px !important;    height: 60px;    line-height: 36px !important;}
.ank1 {    position: absolute;    margin: -25px 0 0 -34px;}
.ank1 p, .ank1 p img {    border-radius: 50px;    width: 80px;    height: 80px;    object-fit: cover;}
.ank1 p {    background: #7c7c7c;    padding: 0px !important;}
.ank1 p img {    filter: grayscale(1);    mix-blend-mode: soft-light;    margin: 0px !important;}
.ank3p, .ep2 p {text-align: left !important;}

.ank1 p, .tem {color: #323232 !important} .ank3, .ep2 {color: #dbc6b6 !important}

.ank3, .ep2 {    margin-top: -28px;    border-top: 1px solid #646464;    text-transform: uppercase;    font-size: 8px;    letter-spacing: 1px;    padding: 8px 0 0 0px;}
.ank3 {margin-left: 60px;     width: 460px;}
.ep2 {width: 520px;    margin-bottom: 15px;}

.tem {line-height: 16px;}
.tem span {display: block; padding: 20px;    text-indent: 40px;border-radius: 10px;}
.tem tem1 {display: block;height: 40px;}
.tem tem1:before {    content: '';    background: #b7ced1;    width: 546px;    height: 1px;    display: block;    margin-left: 2px;}
.tem span b {     font-size: 13px;    color: #b78c74;    font-family: 'Lighthaus';    font-weight: normal;}

.nuz {     margin: 0px 0 -15px 125px;    font-family: 'Lighthaus';    font-size: 25px;    color: #d5b8a4;}

.gost {    margin-top: 35px;}
.gost:before {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/65165.png);    width: 224px;    height: 126px;    position: absolute;    margin: -61px 0 0 -49px;}
.gost span {    margin-top: 17px;} .gost gost1 {    font-size: 12px;    line-height: 40px !important;}

.tem p.img {    text-align: center !important;}
.tem p.img img {    margin: 13px;    outline: 1px solid #91918f;    outline-offset: 5px;    border-radius: 5px; width: 80px; height: 80px; object-fit: cover;    filter: grayscale(1);}
.tem p.img:before {    content: 'мудина гордость';    border-bottom: 1px solid #91918f;    display: block;    text-align: left;    font-family: 'Lighthaus';    font-size: 26px;    margin: 20px 40px;}