/************************************************************* КОДЫ BLANCHE, ГРАФИКА BLURRY v.2021.1 с радостью подарим вам такую же красоту, у нас есть мастерская на рено, обращайтесь <З - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - части кодов можно свободно брать в личное пользование но мне будет очень приятно, если вы оставите простое "спасибо" в стиле вашего диза давайте уважать труды, да и просто друг друга <З ************************************************************** I. ШАПКА, ФУТЕР -------------------------------------------------------------*/ /* шапка */ #pun-title table { height: 362px; position: absolute; width: 1022px;top: -322px; left: -15px; border: none; background: url(http://forumstatic.ru/files/001b/8b/a0/76127.png) no-repeat top center;} /* футер */ #pun-about { width: 1022px; height: 80px; margin: 0px 0 -36px -45px; background: url(http://forumstatic.ru/files/001b/8b/a0/75191.png) center top;} /* II. КАТЕГОРИИ -------------------------------------------------------------*/ #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2, #pun-stats.section h2 { height: 84px; background: url(http://forumstatic.ru/files/001b/8b/a0/70696.png); width: 978px; margin-left: -22px; font-size: 0px;} #pun-category1.category h2 { font-size: 0px;} #pun-category2.category h2 span, #pun-category3.category h2 span, #pun-category4.category h2 span, #pun-category5.category h2 span, #pun-category6.category h2 span, #pun-category7.category h2 span, #pun-category8.category h2 span, #pun-stats.section h2 span { height: 29px; position: absolute;margin: 25px 0 0 45px;} #pun-category2.category h2 span {background: url(http://forumstatic.ru/files/001b/8b/a0/77397.png);width: 174px;} #pun-category3.category h2 span {background: url(http://forumstatic.ru/files/001b/8b/a0/58066.png);width: 219px;} #pun-category4.category h2 span {background: url(http://forumstatic.ru/files/001b/8b/a0/20472.png);width: 186px;} #pun-category5.category h2 span {background: url(http://forumstatic.ru/files/001b/8b/a0/84205.png);width: 209px;} #pun-category6.category h2 span {background: url(http://forumstatic.ru/files/001b/8b/a0/42733.png);width: 176px;} #pun-category7.category h2 span {background: url(http://forumstatic.ru/files/001b/8b/a0/26089.png);width: 177px;} #pun-stats.section h2 span {background: url(http://forumstatic.ru/files/001b/8b/a0/88626.png);width: 124px;} #pun-category2.category h2 span:before, #pun-category3.category h2 span:before, #pun-category4.category h2 span:before, #pun-category5.category h2 span:before, #pun-category6.category h2 span:before, #pun-category7.category h2 span:before, #pun-category8.category h2 span:before { position: absolute; color: #dbcfc5; font-family: alice; font-size: 12px; margin: 9px 0 0 380px; width: 500px; text-align: right; text-shadow: 1px 1px #2b211a, 0 0 5px #766a5f;} #pun-category2.category h2 span:before {content: '« The path to paradise begins in hell » '} #pun-category3.category h2 span:before {content: '« Everywhere is “here” and every “when” is now »'} #pun-category4.category h2 span:before {content: '« If you give people light, they will find their own way »'} #pun-category5.category h2 span:before {content: '« Beauty awakens the soul to act »'} #pun-category6.category h2 span:before {content: '« They yearn for what they fear for »'} #pun-category7.category h2 span:before {content: '« I did not die, and yet I lost life’s breath »'} /* онлайн внизу */ #pun-stats ul.container { display: flex; flex-wrap: wrap; justify-content: space-between;} /* всего тем, сообщений */ #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: #c7b8ae8f;} #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {color: #685342;} /* III. ИКОНКИ -------------------------------------------------------------*/ /* на главной */ .punbb table Div.icon { float: right; width: 26px; height: 41px; background: url(http://forumstatic.ru/files/001b/8b/a0/66047.png); margin: 0px 5px 0 0px; opacity: .3;} TR.inew Div.icon {opacity: 1;} /* в подфорумах */ #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 10px; font-size: 15px; background: none; height: 10px; width: 10px} #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: #af9073;} #pun-viewforum TR.isticky Div.icon:before {content: '\203C'; color: #af9073;} #pun-viewforum TR.iclosed Div.icon:before {content: '\2718'; opacity: .5} /* IV. ТАБЛИЦА -------------------------------------------------------------*/ .ban { position: absolute; margin-top: 32px; left: 0px; text-align: center; width: 100%; overflow: auto; height: 33px;} .ban a { filter: grayscale(1); opacity: .3;} .ban a:hover { filter: none; opacity: 1;} .tabla1 { position: absolute; width: 70px; height: 36px; top: -145px; right: 90px; mix-blend-mode: screen;} .tabla2 { position: absolute; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; width: 324px; height: 168px; top: -106px; right: 48px;opacity: 0;} .tabla1:hover .tabla2 {opacity: 1} .tabla3 { position: absolute; z-index: 1; width: 290px; height: 180px; top: -246px; right: 170px;} img.a1, img.a2, img.a3, img.a4, img.a5, img.n1, img.n2, img.n3, img.n4, img.tp { position: absolute;object-fit: cover; filter: grayscale(1); opacity: .4; z-index: 10;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;} img.a1:hover, img.a2:hover, img.a3:hover, img.a4:hover, img.a5:hover, img.n1:hover, img.n2:hover, img.n3:hover, img.n4:hover, img.tp:hover {opacity: .6} img.a2, img.a3, img.a4, img.a5 { width: 38px; height: 35px;} img.n1, img.n2, img.n3, img.n4 { width: 34px; height: 24px; transform: rotate(-8deg);} img.a1 { top: -265px; right: 363px; width: 75px; height: 46px; transform: rotate(2deg);} img.a2 { top: -145px; right: 357px; transform: rotate(8deg);} img.a3 { top: -173px; right: 315px; transform: rotate(1deg);} img.a4 { top: -274px; left: 373px; transform: rotate(-15deg);} img.a5 { top: -261px; left: 433px; transform: rotate(17deg);} img.n1 { top: -295px; right: 261px;} img.n2 { top: -265px; right: 257px;} img.n3 { top: -237px; right: 254px;} img.n4 {top: -210px; right: 250px;} img.tp { top: -124px; left: 172px; transform: rotate(15deg); width: 35px; height: 33px;} .tpost { position: absolute; top: -117px; left: 216px; width: 93px; padding-right: 5px; text-align: justify; height: 63px; overflow: auto; font-family: 'Alice'; font-size: 10px; line-height: 12px; letter-spacing: .5px;} .pl { position: absolute; top: -271px; left: 220px;width: 141px; overflow: auto; height: 104px;} .pl a.pl1, .pl a.pl2, .pl a.pl3 { width: 136px; display: block; color: #504238 !important; font-family: 'Gunny Rewritten'; font-size: 15px; text-align: center; font-weight: bold; letter-spacing: .5px;} .pl a.pl1 { background: url(http://forumstatic.ru/files/001b/8b/a0/16577.png); height: 47px; line-height: 42px; margin: -11px 0;} .pl a.pl2 { background: url(http://forumstatic.ru/files/001b/8b/a0/74577.png); height: 50px; line-height: 42px; margin: -11px 0;} .pl a.pl3 { background: url(http://forumstatic.ru/files/001b/8b/a0/89120.png); height: 54px; line-height: 46px; margin: -16px 0;} .pl::-webkit-scrollbar-thumb, .gost gost1::-webkit-scrollbar-thumb, .gost gost2::-webkit-scrollbar-thumb { background: #c0b196; border: 1px solid #72634a;} .pl::-webkit-scrollbar, .gost gost1::-webkit-scrollbar, .gost gost2::-webkit-scrollbar { width: 5px;} /* 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: #e9e2de; box-shadow: 0 0 0 1px #f5efeb, 0 0 0 2px #bfb2a9, 0 0 15px #e1d4cc 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: #dbcdc5; box-shadow: 0 0 10px #c3b3aa 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, .copycode { cursor: pointer; font-size: 10px; padding: 4px; text-align: center; font-family: Arial; border: none !important; outline: none !Important; background: #e9e2de; box-shadow: 0 0 0 1px #ebe5e2, 0 0 0 2px #bfb2a9, 0 0 5px #d7c1b6 inset; color: #584636;} .punbb option { background-color: #e9e2de !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: #a28879 !important; box-shadow: 0 0 0 1px #a99081, 0 0 0 2px #856b5c, 0 0 5px #836553 inset !important; color: #efe4de !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; max-height: 150px !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: #e5dbd4; box-shadow: 0 0 0 1px #efe7dd, 0 0 0 2px #c1b0a5, 0 0 20px #d7c8bf inset; color: #6e5845;} #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: #8d936b; box-shadow: 0 0 5px #6c724a inset; } .post-content .spoiler-box > div {background: url('') no-repeat 10px, #8d936b !important; margin-bottom: -11px;} .punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .copycode strong.legend a { color: #dfe3cb;} /* III. ПРОФИЛЬ -------------------------------------------------------------*/ .punbb .post .post-author { float: left; overflow: hidden; width: 258px; min-height: 200px; margin: 0 0 40px 10px; padding-bottom: 30px; background: url(http://forumstatic.ru/files/001b/8b/a0/29006.png) 0px bottom no-repeat, url(http://forumstatic.ru/files/001b/8b/a0/80844.png) 0px top no-repeat, url(http://forumstatic.ru/files/001b/8b/a0/31774.jpg) 0px repeat;} .punbb .post .post-author ul { display: flex; flex-wrap: wrap; text-align: center; justify-content: space-around; margin: 7px 0; width: 258px;} .punbb .post-body {margin-left: 290px;} /* шрифт ника (гости) bl */ .pa-author { font-size: 15px; letter-spacing: 1px; width: inherit; margin: 10px 0 0 0; font-family: lighthaus;} .pa-author, .pa-author a, .pa-title, .pa-posts, .pa-respect, .pa-respect a, .pa-fld4, .pa-fld3 { color: #dbcfc5!important; text-shadow: 1px 1px #2b211a;} /* статус */ li.pa-title { width: inherit; margin: 0px 10px; font-size: 10px; text-transform: lowercase; letter-spacing: 1px; font-family: alice;} /* аватар */ .pa-avatar {width: inherit; margin: 15px 0;} .pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 4px #f9e4d652, 0 0 0 5px #645244, 0 0 0 6px #b89e8c; max-height: 180px; max-width: 180px !important;} /* репутация и соо на одной строке */ .pa-respect, .pa-posts, .pa-fld4, .pa-fld3 { width: 100px; font-family: alice; letter-spacing: 1px; text-transform: lowercase; font-size: 10px; text-align: center;} .pa-posts, .pa-fld3 { margin-left: 20px;} .pa-respect, .pa-fld4 { margin-right: 20px;} .pa-posts, .pa-respect { margin-top: 15px; margin-bottom:5px;} .pa-respect img {vertical-align: middle; mix-blend-mode: luminosity; margin-right: -3px;} /* онлайн, последний визит*/ .pa-online, .pa-last-visit { text-align: center; font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; margin: 24px 0 -19px 0; font-family: 'Gunny Rewritten'; font-weight: bold;} .pa-last-visit .fld-name { margin-right: 3px;} /* ай-пи */ li.pa-ip {position: absolute;display:none;} /* поля */ .pa-fld1 { background: url(http://forumstatic.ru/files/001b/8b/a0/21941.jpg); width: 160px; padding: 5px 10px 10px 10px !important; text-align: justify; font-family: 'Alice'; font-size: 10px; font-weight: bold; letter-spacing: .5px; line-height: 13px; margin-top: -49px; position: relative; z-index: 1;} .pa-fld1, .pa-fld1 span a { color: #4e3d31 !important;} .pa-fld1 span { display: block; text-align: center; font-size: 12px; margin-bottom: 50px; letter-spacing: 0px;} .pa-fld1:after { content: ''; background: url(http://forumstatic.ru/files/001b/8b/a0/62991.png); display: block; width: 186px; height: 15px; position: absolute; bottom: -15px; left: -3px;} .pa-fld2 { position: relative; margin: 4px 0 -13px 0; z-index: 2;} .pa-fld2 plash {display: none;} /* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН -------------------------------------------------------------*/ .post .bookmark {color: #7e9131 !important} #BookmCntToggle.default-style { background: url(http://forumstatic.ru/files/001b/8b/a0/82013.png) !important; width: 50px !important; height: 91px !important; box-shadow: none !important; border: none !important; margin-top: -10px;} #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: #6a5d4c !important; text-shadow: none!important; font-weight: normal !important;} .bubble:after {border-color: #c4af9e transparent !important} span.num_msg { } /* стрелки */ .go-up, .go-down { cursor: pointer; display: none; opacity: 1; position: fixed; z-index: 9999; margin-left: 962px!important; width: 83px;height: 22px;} .go-up { bottom: 52%; background: url(http://forumstatic.ru/files/001b/8b/a0/89286.png); } .go-down { bottom: 48%; background: url(http://forumstatic.ru/files/001b/8b/a0/98794.png);} /* онлайн */ .indOnline, .indOffline { left: 64px; width: 29px; height: 45px; cursor: pointer; position: absolute;} .indOnline { background: url();} .indOffline { } /* VI. ТЕМЫ -------------------------------------------------------------*/ .gost { background: url(http://forumstatic.ru/files/001b/8b/a0/16987.jpg); width: 577px; height: 377px; margin: auto;} .gost gost1, .gost gost2 { position: absolute; width: 140px; overflow: auto;} .gost gost1 { margin: 110px 0 0 310px; height: 70px;} .gost gost2 { margin: 210px 0 0 310px; height: 100px;} .gost gost1 a, .gost gost2 a { background: #d9cab1; display: block; font-family: 'Alice'; font-size: 11px; font-weight: bold; padding-left: 5px; width: 120px; letter-spacing: .5px;margin-bottom: 5px;} .gost gost1 a:before, .gost gost2 a:before {content: '-'; margin-right: 3px;} .gost gost3 { position: absolute; margin: 37px 0 0 340px; font-family: 'Gunny Rewritten'; font-size: 16px; letter-spacing: 1px; transform: rotate(3deg); text-align: center; width: 170px; font-weight: bold;} .gost gost3 a:not(:last-child):after {content: 'x'; margin-left: 6px;} .gost gost4 { position: absolute; margin: 331px 0 0 255px; font-family: 'Gunny Rewritten'; font-size: 16px; letter-spacing: 1px; text-align: center; width: 200px; font-weight: bold;} .gost gost5 { position: absolute; margin: 69px 0 0 140px; font-family: 'Gunny Rewritten'; font-size: 15px; letter-spacing: 1px; width: 110px; font-weight: bold; height: 90px;text-align: left; line-height: 13px;} .gost gost5 span {text-transform: uppercase; display: block;} .gost gost5 a:before {content: 'x'; margin-right: 6px;} .gost gost6 { position: absolute; margin: 180px 0 0 100px; font-family: 'Gunny Rewritten'; font-size: 13px; letter-spacing: 1px; width: 110px; font-weight: bold; text-align: center; line-height: 11px;} .gost, .gost gost5, .gost gost5 a, .gost gost4, .gost gost3 a, .gost gost1 a, .gost gost2 a { color: #2c1f13 !important;} .gost gost5 {text-shadow: 1px 1px #977554;} .tem { background: url(http://forumstatic.ru/files/001b/8b/a0/30881.png) bottom center no-repeat, url(http://forumstatic.ru/files/001b/8b/a0/97859.png) top center no-repeat, url(http://forumstatic.ru/files/001b/8b/a0/48504.jpg) top center repeat-y; margin: auto; width: 490px; min-height: 50px; color: #3b3122; padding: 40px 40px 100px 47px; letter-spacing: .5px;} .tem tem1 { display: block; margin: -20px 0 -15px 0; text-align: center; font-family: 'Gunny Rewritten'; font-size: 45px; text-transform: lowercase;} .tem tem2 { font-family: 'Alice'; font-size: 12px;} .tem tem1:before, .tem tem1:after {content: '-'; margin: 0 -1px;} .tem hr { border: none !important; border-top: 1px solid #6f6855 !important; border-bottom: 1px solid #a99b85 !important; width: 100%!important; margin: 10px auto!important;}