/* шапка */ #pun-title table { background: url(https://i.imgur.com/fB5NBgQ.png) no-repeat top center; height: 555px; width: 1079px; margin-left: -65px; z-index: 1; border: none;} /* футер */ #pun-about p.container { background-image: url(https://i.imgur.com/exmDje3.png); width: 1077px; height: 218px; margin-left: -64px; margin-top: 0px; margin-bottom: -14px; background-position: center top; } #pun-about p.container a { color: #ffffff !important; text-shadow: 1px 0px 2px #688599 !important;} #pun-about p.container .item1 { position: absolute; text-align: center; font-style: normal !important; letter-spacing: 0px !important; text-transform: lowercase !important; font-size: 7px !important; color: #ffffff !important; text-shadow: 1px 0px 2px #688599 !important; padding-top: 0px; margin: 174px 0 0 212px;} #pun-about { margin-bottom:-3px!important;} /* фон */ body { background: url(https://i.imgur.com/tXOz2CE.jpg) repeat-x top center, url() repeat-x bottom center, url() repeat; background-color: #bcbcee; min-width: 1080px !important; overflow-x: hidden !important;} /* тело */ #pun { background-image: url(https://i.imgur.com/3U1iZ88.jpg); background-color: #f2f1ff; width : 1042px; margin: auto; margin-bottom: 0px; position: relative;} /* ссылки до наведения */ .punbb a { color: #504f91; text-shadow: 1px 1px 1px #9d9fbf66; text-decoration: none !important; -webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; -moz-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;} /* ссылки после наведения */ .punbb a:hover, .punbb a:focus, .punbb a:active {color: #376276; text-shadow: 1px 1px 1px #c8c9ec; text-decoration: none; font-weight: normal; } #pun-admain a { color: #627f8d !important; text-shadow: 1px 1px 1px #ffffff; text-transform: uppercase;} #pun-navlinks a { display: inline-block; text-decoration: none;} #pun-ulinks a { color: #f2f1ff; text-shadow: 0 0 3px #5b5a9c, 1px 1px 0 #565396; font-family: 'codeproregular'; -webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0s linear; -moz-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0s linear; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0s linear;} #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {} #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { text-shadow: 0 0 3px #d2e5ff, 1px 1px 0 #526e96; color: #fff; text-decoration: none; } /* старые соо */ .punbb table Div.icon { float: right; width: 56px; height: 70px; background-image: url(); margin: 4px 25px 0px 0px; /* opacity: 0.5; */} #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon { width: 80px; height: 15px; display: block; float: left; margin: 0px 20px 0 10px !important; padding-left: 0px!important; position: relative; background-image: url(https://i.imgur.com/8t4K7QP.jpg); opacity: 1.0!important;} /* новые соо */ TR.inew Div.icon { background-image: url(https://i.imgur.com/HlrnwUK.png); background-repeat: no-repeat;opacity: 1;} #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon { width: 80px; height: 15px; display: block; float: left; margin: 0px 20px 0 10px !important; padding-left: 0px!important; position: relative; background-image: url(https://i.imgur.com/wyPC2ub.jpg); opacity: 1!important;} /* важные соо */ TR.isticky Div.icon { background-image : url(); background-repeat: no-repeat;} #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {width: 80px; height: 15px; background-image: url(https://i.imgur.com/oCIgmey.jpg); opacity: 1.0!important;} /* закрытые соо */ TR.iclosed Div.icon { width: 80px; height: 15px; background-image : url(); background-repeat: no-repeat; opacity: .5;} #pun-viewforum TR.iclosed Div.icon. #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon { display: block; float: left; margin: 0px 20px 0 10px !important; padding-left: 0px!important; position: relative; background-image: url(https://i.imgur.com/VGddEDL.jpg); opacity: .5!important;} /* G3.5 категории */ #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-stats.section h2 {font-size: 0px !important;width: 972px;height: 76px;margin-left: -12px;} #pun-category1.category h2 { background: url(https://i.imgur.com/mMVFcsD.jpg); width: 972px; height: 42px; margin: -73px 0px 0px -12px; z-index: 1; position: relative; font-size: 0px !important;} #pun-category2.category h2 { background: url(https://i.imgur.com/4y01SHw.jpg);} #pun-category3.category h2 { background: url(https://i.imgur.com/4y01SHw.jpg);} #pun-category4.category h2 { background: url(https://i.imgur.com/4y01SHw.jpg);} #pun-category5.category h2 { background: url(https://i.imgur.com/4y01SHw.jpg);} /* статистика */ #pun-stats ul.container { margin: -50px 0 0 24px; } #pun-stats.section h2 {background: url(https://i.imgur.com/4y01SHw.jpg);} #pun-stats.section h2 { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 0% 0%; background-repeat: no-repeat; background-size: auto; box-shadow: none; border: none;margin-bottom: 50px !important;} #pun-main div.catleft, #pun-main div.catright { display: none} .lastedit {display:none;} #pun .modlist {display: none;} #pun-ulinks .container li.item5 {display: none;} li.pl-share {display: none !important;} #pun-main .post-links li { text-align: center; font-family: codeproregular; font-style: normal; font-size: 9px;} #main-reply { width: 104% ;} #pun-main h2 { text-align: center} #pun-main h2, #pun-stats.section h2 { padding: 3px 1em;} #pun th { font-family: codeproregular; letter-spacing: 1px; color: rgb(55 98 118); font-size: 8px !important;} #pun-main.main.multipage .tc2, #pun-main.main.multipage .tc3 { text-align: center; width: 8%;} #pun-viewforum td.tcr { height: 32px;} #pun-viewforum .linksb .postlink, #pun-searchtopics .linksb .postlink { margin-top: -1px; position: absolute;} #pun-viewforum .linksb .postlink, #pun-messages .linksb .postlink, #pun-searchtopics .linksb .postlink { right: 56px;} #post-form h2 span { display: none;} #pun-stats li.item3{ display:none;} /* баннер */ #pun-title table tbody tr .title-logo-tdr { position: absolute; z-index: 1; left: 250px !important; top: 100px;} /* цвет текста на форуме */ .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 { background-color: transpanent; color: #414278; font-weight: normal; font-style: normal;} #addition-area div { font-size: 8px;} .punbb input::-webkit-input-placeholder { color: #f9efef;} .punbb input::-moz-placeholder { /* Firefox 19+ */ color: #f9efef; } .punbb input::-ms-input-placeholder { color: #f9efef; } .punbb input::-moz-placeholder { /* Firefox 18— */ color: #f9efef; } .punbb textarea::-webkit-input-placeholder { color: #6b4a2f; } .punbb textarea::-moz-placeholder { /* Firefox 19+ */ color: #6b4a2f; } .punbb textarea::-ms-input-placeholder { color: #6b4a2f; } .punbb textarea::-moz-placeholder { /* Firefox 18— */ color: #6b4a2f; } .punbb .section { border: none !important;} .punbb .formal span.input {font-family: codeproregular; font-size: 8px; letter-spacing: 1px;} #pun-main h2, .pagelink, .punbb fieldset legend, #pun-about p span, .punbb .linksb, .punbb .linkst { font-family: codeproregular; font-size: 8px !important; letter-spacing: 1px !important; color: #7476bf!important; font-style: normal;} #pun-main h2 { display: block;} #pun-main h1 { font-family: codeproregular; font-size: 8px; letter-spacing: 3px; font-style: normal;} /* окно репутации */ #pun-reputation .inner {font-size: 10px; font-family: verdana; color: #4d4e6b !important; text-shadow: 0 0 3px #7c80c5, 1px 1px 0 #e6e7ff8c; background: linear-gradient(10deg, #b0b1cc, #bfc1e8); outline: 2px solid #cdddf5; padding: 5px; border: 1px solid #bfc1e8; box-shadow: 0 0 20px inset #efefff, 1px 1px 0 #fff inset !important;} div.inner.post_reputation h1 { background: none; width: auto; height: auto; padding: 10px 0 0 0px !important; color: #46486d !important; text-shadow: 0 0 3px #babce0, 1px 1px #eff5ff96; font-family: codeproregular !important; font-size: 10px !important; letter-spacing: 3px !important;} div.inner.post_reputation .tc2, div.inner.post_reputation .tcl { color: #fff !important; letter-spacing: 1px; font-size: 10px;} /* выделение текста */ ::selection { color: #f2f1ff; background: #9899d2;} ::-webkit-selection { color: #f2f1ff; background: #9899d2;} ::-moz-selection { color: #f2f1ff; background: #9899d2;} .punbb .modmenu .container, #pun-about p span {} #pun-live-rusff {margin-right: 27px !important; letter-spacing: 0px !important;} .cool1 { letter-spacing: 0px !important; font-weight: normal !important;} #pun-main h1 {text-align: center;} #keyboard-span input { box-shadow: none !important; text-shadow: none !important;} .adcontainer { border: none !important; } #pun-admain fieldset { border: none !important;} .admain { padding-left: 14em !important; font-family: codeproregular; font-size: 8px; letter-spacing: 1px;} .adformal { border: none !important;} #pun-adnav { font-family: verdana !important; font-size: 9px; letter-spacing: 0px; margin-left: -160px !important;} div.grippie { margin-top: 5px;} #pun-admain table {width: 95% !important;} #pun-admain label, div#pun-admain .adlabel { /* font-weight: bold; */} /* стиль уведомлений */ span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author { border: 1px solid rgb(55 98 118); outline: rgb(214 231 255) solid 1px; border-radius: 0px !important; background: rgb(99 140 154) !important; color: rgb(236 249 255) !important;} span.num_msg:before {background: #a1a1bb !important;} .bubble:after {border-color:#6a6bb3 transparent !important} span.num_msg { margin-top: 22px !important; margin-left: -142px !important;} .jGrowl .messag_theme { box-shadow: none !important; font-family: Arial !important;} #messages-list a.Author { font-family: codeproregular !important;font-size:10px!important; text-shadow: none !important; font-weight:normal !important; letter-spacing: 1px;} .jGrowl-notification { opacity: 1 !important; font-family: Arial !important;} .notify-message .jGrowl-message a, .notify-message .jGrowl-message a:hover { color: #909090 !important;} .notify-message .jGrowl-message img.avatar { padding: 0px !important; outline: 1px solid #77ccae; border: 1px solid #fff; outline-offset: 3px; margin: 0 10px 0 0;} .notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award { border-left: 12px solid #898ce1 !important;} .notify-message.jg-message { border-left: 12px solid #7b6ace !important;} .notify-message .jGrowl-date { border-top: 1px solid #a0b9b6!important;} .notify-message .jGrowl-header { font-family: codeproregular; color: #ffffff !important; font-size: 10px !important;} .notify-message .jGrowl-close {background: transparent!important; color: #ffffff !important;} .jGrowl-closer { opacity: 1 !important; font-family: codeproregular; letter-spacing: 2px; font-size: 7px !important;} input, textarea { outline: none;} input:active, textarea:active { outline: none;} :focus { outline: none;} div.modal-inner.section h2 { background: none; width: auto; height: auto; padding: 10px 0 0 0px !important; color: #945343 !important; text-shadow: 0 0 3px #b98072, 1px 1px #dcd5ff; font-family: codeproregular !important; font-size: 10px !important; letter-spacing: 3px !important;} div#pun-live-rusff {font-size: 0px !important; display: none !important; } /*выделения текста */ .punbb .post-content s, strike, del { text-decoration-color: #9fbb9a; text-decoration-style: double; text-shadow: 0 0 1px #9fbb9a; color: transparent; -webkit-transition: 0.15s linear; -moz-transition: 0.15s linear; transition: 0.15s linear;} .punbb .post-content s:hover, strike:hover, del:hover { color: inherit; text-decoration: none; text-shadow: none;} /* профиль*/ .punbb .post .post-author { float: left; width: 252px; padding: 0px; margin: -29px 0px 0px -14px; overflow: hidden; text-align: center; min-height: 270px; background: url(https://i.imgur.com/yHFHRVh.png) 0px bottom no-repeat, url(https://i.imgur.com/T6bePOf.png) 0px top no-repeat, url(https://i.imgur.com/XrIqiUB.png) 0px center repeat-y;} .pa-author { font-family: abrilfatfaceregular, bradobreiregular; text-transform: uppercase; font-style: normal; font-size: 10px; letter-spacing: 1px; width: inherit; margin-top: 28px; margin-left: -39px;} .pa-author, .pa-author a { background: linear-gradient(0deg, #000000, #ffffff); -webkit-background-clip: text; color: #f6f4ffc4 !important; text-shadow: 0 0 3px #646dba, 1px 1px 0 #3d447b;} .pa-author a:hover { color: #ac9bcead !important;} /* статус */ li.pa-title { width: inherit; font-size: 9px; letter-spacing: 0.5px; font-family: Arial; text-transform: lowercase; line-height: 9px; margin: 21px 2px 0px -25px; color: rgb(242, 241, 255); padding: 1px !important;} /* аватар */ .pa-avatar {width: 200px;height: auto;z-index: 9;display: block; margin-top: -8px;} .pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, .pic, #profile-left #pa-avatar img { margin: 18px 0px 10px; outline: rgb(55, 98, 118) solid 1px; box-shadow: rgb(127, 164, 181) 0px 0px 0px 2px, rgb(76, 108, 125) 0px 0px 0px 3px; border: 1px solid rgb(218, 235, 255) !important;} /* репутация и соо на одной строке */ .pa-respect, .pa-posts { position: absolute; font-family: codeproregular; font-size: 10px; letter-spacing: 0.5px; width: 95px; margin: 206px -8px -64px 4px;} .pa-respect a, .pa-posts span{ font-size: 7px; letter-spacing: 1px;} .pa-respect { margin-left: 110px;} .pa-posts, .pa-respect, .pa-respect a, .pa-respect a:hover { color: #f2f1ff !important; text-shadow: 1px 1px 0 484888;} .pa-respect img {vertical-align: text-bottom; mix-blend-mode: luminosity;} /* онлайн */ .indOnline, .indOffline { display: -webkit-box; position: absolute; margin: 12px 0px 0px 9px; width: 36px; height: 57px;} .indOnline { background-image: url(https://i.imgur.com/TBlGcFM.png);} .indOffline { background-image: url(https://i.imgur.com/Qwa7sXX.png); opacity: .7;} /* ай-пи */ li.pa-ip { margin: 183px 0px 0px 4px; position: absolute; font-family: codeproregular; font-size: 8px; color: rgb(171 176 234); letter-spacing: 1px;} li.pa-ip a, li.pa-ip a:hover {color: #8288b1; background: none !important;} .pa-reg {display: none;} .pa-gifts { display: none;} .pa-replies{display: none;} .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display:none;} /* поля профиля */ .pa-fld1 { width: 252px; height: 38px; margin: -5px 0px 0px -11px; background: url(https://i.imgur.com/YzwP70o.png); padding: 5px 0px 0px !important;} .plaha { margin: -3px 0px 0px -27px;} .pa-fld2 lz6 { font-family: codeproregular; text-shadow: rgba(59, 59, 123, 0.74) 1px 1px; font-size: 8px; letter-spacing: 1px; display: block; width: 170px; line-height: 15px; margin-top: 0px; margin-left: 5px; text-align: left; border: 1px solid rgb(242, 241, 255); padding: 9px 10px 5px !important;} .pa-fld2 lz6, .pa-fld2 lz6 a { color: rgb(248 248 255);} .pa-fld2 { width: inherit;} li.pa-fld2 lz1, li.pa-fld2 lz2, li.pa-fld2 lz3, li.pa-fld2 lz4, li.pa-fld2 lz5 { display: block; margin: 0px 0px 5px; background: linear-gradient(0deg, rgb(139, 139, 203), rgb(173, 172, 238)); border: 1px solid rgb(242, 241, 255); outline: rgb(86, 94, 166) solid 1px; box-shadow: rgb(101, 110, 185) 0px 0px 3px; color: rgb(242, 241, 255); padding: 0px 1px 0px 3px;} .pa-fld2 { margin-bottom: 8px;} .fa-clipboard-user:before, .fa-star:before, .fa-heart:before, .fa-bolt:before, .fa-gem:before { color: #e3e4ffe0; text-shadow: 1px 1px 0 #314c60; padding: 0px 5px 0px 0px;} .legend a { text-align: center;} .legend a:hover { text-align: center;} /* цитата */ .punbb .quote-box, .punbb .code-box { margin: 8px 15px 23px 8px; padding: 10px 0 0 10px; background: radial-gradient(ellipse farthest-corner at 90% 100%, #d6e7ff, #d3e3fb 10%, #d4deed 50%, #d4e5fc); border: 1px solid #d6e7ff; border-bottom: 1px solid #d6e7ff; outline: 1px solid #376276; box-shadow: 0 0 10px #bccee8 inset; color: #0d2835;} /* ввод текста */ .punbb textarea { overflow: auto; font-size: 10.5px !important; line-height: 15px !important; padding: 7px; font-family: Verdana; background: radial-gradient(ellipse farthest-corner at 50% 0%, #eae5f5, #e9e4f7 10%, #dedaef 50%, #c5c1dc); border: 1px solid #ddd8ef; border-bottom: 1px solid #d7d1e4; outline: 1px solid #c0bec7; box-shadow: 0 0 10px #bdb8c7 inset, 0 0 5px #cec7ea; color: #3b3844;} /* фон у смайлов и тд*/ #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; height: 190px; font-family: codeproregular; letter-spacing: 1px; z-index: 99999; margin: -8px -21px 23px 18px; background: radial-gradient(at 100% 50%, rgb(222, 222, 255), rgb(221, 222, 253) 10%, rgba(177, 179, 218, 0.38) 50%, rgb(222, 222, 255)); border: 1px solid rgb(94, 96, 157); box-shadow: rgb(176, 178, 229) 0px 0px 10px inset; color: rgb(75, 69, 95); text-shadow: rgb(184, 176, 206) 1px 1px 0px; padding: 10px !important; font-size: 8px !important;} #pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area { margin: 9px -21px 0 0px !important;} #addition-area div { font-size: 8px;height: 20px!important;} #spoiler-area a, #image-area a {color: inherit;} #font-area {font-size: 16px !important; letter-spacing: 0px;} #font-area div { padding: 10px 0 10px 0; margin-bottom: 6px;} #keyboard-span input { color: #5e609d !important; background-color: #e2ddff !important; font-size: 10px !important; border: 1px solid #b1b3da !important; outline: 1px solid #8a8ad2; margin: 2px 2px !important; min-width: 27px !important;} #form-buttons { background: rgb(196 198 235 / 45%); margin: 2px -17px -3px -1px;} #image-area-tcon-computer:after { display: none;} #smilies-area { overflow-x: hidden;} #smilies-area div[class^="t-"]:not(.t-0){display:none; } #image-area, #color-area, #video-area, #spoiler-area {height: auto !important;} #tags .container { position: absolute; right: 6px; top: 41px; z-index: 2;} #smilies-area, #video-area, #spoiler-area { width: 460px;} /* ползунок */ ::-webkit-scrollbar {width: 6px;height: 6px;} ::-webkit-scrollbar-track { background: #0000000d; border: 1px solid #0000000a;} ::-webkit-scrollbar-thumb { background: linear-gradient(45deg, #77a8bd, #578490); box-shadow: 0 0 3px #6592a0 inset; border: 1px solid #729dad;} /* кнопки до наведения */ .punbb input, .punbb select { cursor: pointer; background: linear-gradient(0deg, #b1b3dc, #ddddff); font-size: 10px; padding: 4px 5px 4px 5px; text-align: center; font-family: Arial; border: 1px solid #6465a6; box-shadow: 0 0 5px #5d5e9f inset; color: #4e4e8e; border-radius: 0px !important;} .button, .hashelp center div a button { cursor: pointer; background: #b2b3e9 !important; padding: 6px !important; border: 1px solid #b1b3da !important; outline: 1px solid #5d5e9e; box-shadow: 0 0 3px #5d5e9e inset, 0 -4px 8px #5d5e9e inset, 0 4px 8px #5d5e9e inset !important; font-family: sourcecodepro !important; font-size: 8px !important; color: #e9e9f7 !important; text-shadow: 0 0 3px #797bb8, 1px 1px 0 #444477; letter-spacing: 1.5px; text-transform: uppercase; -webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; -moz-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;} .formsubmit input, #pun-admain input { background-position: center; transition: background 0.4s;} .formsubmit input { width: 100px;} .checkbox {width: auto !important;} .tc2 input {font-size: 8px !important;letter-spacing: 1px;font-family: codeproregular !important;} .punbb .formsubmit {padding: 0 0 0 42px;margin: 0px 0 20px -33px;text-align: center;} /* кнопки после наведения */ .formsubmit input:hover { background: #89a4a4 !important; border: 1px solid #b0d2d0 !important; outline: 1px solid #89a3a4; box-shadow: 0 0 3px #5c7b75 inset, 0 -4px 8px #c7e2e0 inset, 0 4px 8px #62847f inset !important; color: #c6ded9 !important; text-shadow: 0 0 3px #5a7d78, 1px 1px 0 #375250;} /* подфор*/ #pun-index td div.tclcon { background: url(http://forumuploads.ru/uploads/000c/73/14/2/422123.png); width: 414px; height: 90px; margin-left: 20px; margin-bottom: 16px;} /* внутренности */ .hanpod1 { position: absolute; margin-left: 78px; margin-top: 50px; width: 240px; text-align: center;} .hanpod1 { font-size: 7px;} .hanpod1 { font-family: codeproregular; letter-spacing: 2px; vertical-align: baseline; color: rgb(222 220 255); text-shadow: rgb(75 76 129) 0px 0px 4px, rgb(76 79 127) 1px 1px 0px;} .hanpod2 { position: absolute; margin-left: 10px; margin-top: 60px; width: 380px; text-align: center; font-size: 16px;} .hanpod2 a { background: rgb(68 68 119); border-width: 1px; border-style: solid; border-color: rgb(160 162 219); box-shadow: rgb(108 109 165) 0px 0px 20px inset; outline: rgb(90 91 152) solid 1px; padding-left: 5px; padding-right: 3px; padding-bottom: 1px; font-size: 9px; font-family: arial; letter-spacing: 1px; margin-left: 5px; text-shadow: rgb(68 68 119) 1px 1px 0px !important; color: rgb(224 225 241) !important;} .hanpod3 { position: absolute; margin-left: 108px; margin-top: 4px; max-width: 270px; text-align: center;} .hanpod3 { font-size: 7px;} .hanpod3 { font-family: codeproregular; letter-spacing: 2px; vertical-align: baseline; color: rgb(187 210 220); text-shadow: rgb(255 255 255) 0px 0px 5px, rgb(255 255 255) 1px 1px 5px;} /* название */ #pun-index .tcl h3 { font-style: normal; font-size: 16px; font-family: 'Abril Fatface'; text-transform: uppercase; margin: 18px 0px 0px 19px; width: 375px; letter-spacing: 2px; text-align: center; position: absolute;} .FNTslider { width: 80px; height: 9px; margin: 8px 0px 0px 63px;} .FNTslider .before { height: 8px; margin: -1px 0 -1px -10px; background: linear-gradient(0deg, #56569f,#8382c1,#a6a7f1); border: 1px solid #5a65b0;} .FNTslider .thumb { background: url(https://i.imgur.com/sGqHFN9.png); width: 16px; height: 16px; position: relative; top: -14px; cursor: pointer; margin-left: -10px;} .lastedit { display:none !important; } #profilenav, #viewprofile, #pun-adnav { background: url(https://i.imgur.com/an1fAcS.jpg); border: 1px solid rgb(218 235 255); outline: rgb(49 76 96) solid 1px;} #viewprofile td { border: 0; padding: 0; overflow: hidden;} #viewprofile ul { margin: 10px; padding: 5px 10px 20px 10px; border: 1px solid #daebff; box-shadow: 0 0 7px #54708a, 0 0 10px #526d89 inset;} #viewprofile { margin: -51px 38px 10px 42px; display: inline-block;} #viewprofile #profile-signature, #profile-right li#pa-invites, #profile-right li#pa-fld4, #profile-right li#pa-fld1, #profile-gifts {display: none;} #profile-left { vertical-align: middle;} #profile-right { padding-top: 19px !important;} #profile-left #profile-name strong, #profile-left #pa-edit strong a { font-family: 'abrilfatfaceregular'; font-size: 13px; text-transform: uppercase; letter-spacing: 3px; text-align: center; background: linear-gradient(0deg, #000000, #ffffff); -webkit-background-clip: text; color: #dee9ef; text-shadow: 1px 1px 0 #314c60;} -webkit-background-clip: text; color: #2a4439ad; text-shadow: 1px 1px 0 #bfc3a7;} #profile-left #pa-edit strong a { font-family: codeproregular; font-weight: normal !important; font-size: 9px; display: block;} #profile-left #profile-name strong { width: 220px; letter-spacing: 1px; font-style: normal;} #profile-left #profile-title strong, #profile-left #pa-online strong { font-weight: normal !important; text-align: center; font-size: 9px; letter-spacing: .5px; font-family: Arial; text-transform: lowercase; line-height: 9px; padding: 4px 5px 3px 5px; margin: 0 1px 0 1px; background: radial-gradient(ellipse farthest-corner at 50% 10%, #87b0b0, #93abb5 20%, #78929a 40%, #44535e); border: 1px solid #daebffad; outline: 1px solid #314c60;} #profile-left #pa-avatar { text-align: center; margin: -9px 0px 0px;} #profile-right li strong {padding: 4px 0 4px 10px !important;margin-left: 6px;font-family: Arial;font-size: 11px;text-transform: lowercase;} #profile-left #pa-edit { margin: 0px 0px 0px 1px; background: radial-gradient(ellipse farthest-corner at 50% 10%, #87b0b0, #93abb5 20%, #78929a 40%, #44535e); border: 1px solid #daebffad; outline: 1px solid #314c60; width: 233px; height: 13px; font-size: 2px; text-align: center; padding: 0px 0px 6px 0px;} #profile-right li#pa-fld3 strong, #profile-right li#pa-fld2 strong { border: none !important;} #profile-right li#pa-fld1 strong { padding: 0 !important;} #profile-right li strong, #profile-right li#pa-fld2 lz1, #profile-right li#pa-fld2 lz2, #profile-right li#pa-fld2 lz3, #profile-right li#pa-fld2 lz4, #profile-right li#pa-fld2 lz5, #profile-right li#pa-fld3 posts { border: 1px solid #89aec6; background: #829da694;} #profile-right li#pa-fld2 strong, #profile-right li#pa-fld3 strong { display: flex; width: 369px; margin-left: 6px;} #profile-right li#pa-fld2 lz1, #profile-right li#pa-fld2 lz2, #profile-right li#pa-fld2 lz3, #profile-right li#pa-fld2 lz4, #profile-right li#pa-fld2 lz5, #profile-right li#pa-fld3 posts { text-align: left; margin-right: 2px; width: 341px; display: -webkit-box; padding: 3px;} #profile-right .fa { display: block; padding: 3px 0px 3px 0; margin-bottom: 5px; background: #b5b99a;} #profile-right li#pa-fld1 strong { display: flex; width: 381px;} #profilenav, #profilenav li a, #profilenav li a:hover, #profilenav li a:focus, #profilenav li a:active, #profile-right .far fa-star, #profile-right .far fa-star, #profile-right .far fa-heart, #profile-right .far fa-gem, #profile-right .far fa-bolt, #profile-left #pa-avatar strong, #pun-adnav a, #profile-right li strong, #profile-right li strong a, #profile-right li strong a:hover, #pun-redirect.punbb .info .container, .punbb .info .container .backlink a { color: #ccdfe8 !important; text-shadow: 1px 1px 0 #314c60;} .hanban1 { position: absolute; margin-left: 342px; margin-top: -117px; max-width: 400px; max-height: 15px; text-align: center;} .hanban2 { position: absolute; margin-left: 344px; margin-top: -48px; max-width: 350px; max-height: 9px; text-align: center;} .hanban1, .hanban2 { font-size: 7px;} .hanban1, .hanban2 { font-family: codeproregular; letter-spacing: 2px; vertical-align: baseline; color: rgb(242 241 255); text-shadow: rgb(255 255 255) 0px 0px 5px, rgb(255 255 255) 1px 1px 5px;} .hanban { position: absolute; margin: -97px 0px 0px 309px; width: 374px; height: 41px; overflow: auto hidden; white-space: nowrap;} .hanban img {border: 1px solid #a77377!important;outline: 1px solid #33191c;} .hanban a {opacity: .4;} .hanban a:hover {opacity: 1;} /* новостные плашки */ .newplaha { position: absolute; top: 108px; left: 679px; width: 316px; height: 50px; overflow: auto; white-space: nowrap;} .newplaha1 { width: 152px; height: 38px; white-space: break-spaces; letter-spacing: .5px; display: inline-block; margin-right: 2px;} /* админы */ .ams { position: absolute; top: 295px; left: 746px; font-family: 'abrilfatfaceregular'; font-size: 10px; width: 200px; letter-spacing: .5px; text-align: center; text-transform: uppercase;} .ams1 { position: absolute; top: 320px; left: 746px; font-family: 'abrilfatfaceregular'; font-size: 10px; width: 200px; letter-spacing: .5px; text-align: center; text-transform: uppercase;} .ams, .ams a { color: rgb(245 246 255); text-shadow: 1px 1px #14343c;} .ams1, .ams1 a { color: rgb(245 246 255); text-shadow: rgb(35 42 83) 1px 1px;} .ams img {display: none} .ams a:hover img { position: absolute; top: -166px; left: 46px; display: block;} /* пара, соул и эпизод */ .couple, .soul, .epiz { position: absolute; filter: grayscale(1); mix-blend-mode: soft-light; opacity: .8;overflow: hidden;} .soul { left: 631px;} .couple, .soul, .epiz { top: 368px;} .couple { left: 217px;} .epiz { left: 743px;} /* игроки и флудеры */ .players { position: absolute; filter: grayscale(1); mix-blend-mode: soft-light; top: 369px; overflow: hidden;} .players { left: 27px; letter-spacing: 2px;} .flooders { position: absolute; filter: grayscale(1); mix-blend-mode: soft-light; top: 390px; overflow: hidden;} .flooders { left: 848px; letter-spacing: 2px;} /* пост и цитата */ .bestpost { position: absolute; top: 368px; filter: grayscale(1); mix-blend-mode: soft-light; overflow: hidden;} .bestpost { left: 337px;} .quote { position: absolute; top: 436px; filter: grayscale(1); mix-blend-mode: soft-light; overflow: hidden;} .quote { left: 505px;} .bestpost1 { position: absolute; top: 385px; font-family: Arial; font-size: 10px; text-shadow: rgb(39 45 99) 1px 1px 0px; width: 145px; height: 41px; overflow: hidden auto; line-height: 10px; text-align: justify; padding-right: 5px; color: rgb(233 234 247);} .bestpost1 { left: 453px;} .quote1 { position: absolute; top: 440px; font-family: Arial; font-size: 10px; text-shadow: rgb(39, 45, 99) 1px 1px 0px; width: 147px; height: 30px; overflow: hidden auto; line-height: 10px; text-align: justify; padding-right: 5px; color: rgb(233 234 247);} .quote1 { left: 342px;} #hancod {background: linear-gradient(90deg, #f7f9ff78, #adacde8c); border: 1px solid #cacde2; box-shadow: 0 0 3px #9398c7 inset; color: #32316a; padding: 1px 10px 3px 10px;cursor: pointer; font-family: Arial; font-size: 10px; letter-spacing: 1px;white-space: break-spaces; overflow: hidden;} #hancod1 { background: linear-gradient(90deg, #ede1ff78, #ab97b37d); border: 1px solid #cacde2; box-shadow: 0 0 3px #d5cae2 inset; color: #4c2068; padding: 1px 10px 3px 10px; cursor: pointer; font-family: Arial; font-size: 10px; letter-spacing: 1px; white-space: break-spaces; overflow: hidden;} /* гостевая */ .han-gost { background: url(https://i.imgur.com/2QqyyNH.jpg); width: 617px; height: 302px; position: relative; overflow: hidden; margin: 0px 0px 0px 43px;} .han-gost han-gost1 {position: absolute; margin: 112px 0px 0px 18px; height: 154px; overflow: auto; } .han-gost han-gost2 { position: absolute; margin: 113px 0px 0px 207px; height: 154px; overflow: auto;} .han-gost han-gost1 v { padding: -2px 2px 0 2px; text-align: left; width: 170px; display: block; height: 10px; font-family: arial; font-size: 9px; color: #f0edf3; text-shadow: 1px 1px 0 #75717d; letter-spacing: 0.5px; margin-bottom: 2px; text-transform: uppercase;} .han-gost han-gost2 v { padding: -2px 2px 0 2px; text-align: left; width: 170px; display: block; height: 10px; font-family: arial; font-size: 9px; color: #f0edf3; text-shadow: 1px 1px 0 #75717d; letter-spacing: 0.5px; margin-bottom: 2px; text-transform: uppercase;} .han-gost han-gost2 d { padding: 2px 4px 4px 2px; text-align:center; width: 160px; display: block; height: 10px; font-family: arial; font-size: 10px; color: #f0edf3; text-shadow: 1px 1px 0 #75717d; background-color: #433C77; border: 1px solid #433C77!important;outline: 1px solid #BBC1FD; outline-offset: -2px;letter-spacing: 0.5px; margin-bottom: 4px; } .han-gost han-gost1 z { padding: 2px 4px 4px 2px; text-align:center; width: 160px; display: block; height: 10px; font-family: arial; font-size: 10px; color: #f0edf3; text-shadow: 1px 1px 0 #75717d; background-color: #19434F; border: 1px solid #19434F!important;outline: 1px solid #90B8C9; outline-offset: -2px;letter-spacing: 0.5px; margin-bottom: 4px; } .gost3 { position: absolute; margin-top: -54px; width: 208px; margin-left: 433px;} /* анкета на соул */ .han-anket { width: 600px; height: 643px; background-image:url('https://i.imgur.com/Af3TR9z.jpg')!important; position: relative; overflow: hidden; margin: 0px 0px 0px 43px;} .han-anket img { position: absolute; top: 110px; left: 249px; width: 100px; height: 100px; opacity:.6; mix-blend-mode: soft-light; filter: grayscale(100%);} .han-anket name {width:400px; font: 16px 'arial'; color:#fff; position:relative; top:26px; left: 106px; text-transform: uppercase; } .han-anket quote { width: 200px; font: 12px 'arial'; color: #fff; position: relative; top: 45px; left: -174px; letter-spacing: 1px;} .han-anket age{ width:200px; height: 20px; position: absolute; top: 93px; left: 36px; font: normal 400 12px/12px 'arial'; color: #333; } .han-anket profession { width: 200px; height: 20px; position: absolute; top: 154px; left: 36px; font: normal 400 12px/12px 'arial'; color: #333; overflow: auto;} .han-anket city { width:200px; height: 20px; position: absolute; top: 216px; left: 36px; font: normal 400 12px/12px 'arial'; color: #333; } .han-anket status{ width: 200px; height: 20px; position: absolute; top: 216px; left: 364px; font: normal 400 12px/12px 'arial' ; color: #333;overflow: auto;} .han-anket stadiya{ width: 200px; height: 20px; position: absolute; top: 93px; left: 364px; font: normal 400 12px/12px 'arial' ; color: #333; overflow: auto;} .han-anket metka{ width: 200px; height: 20px; position: absolute; top: 154px; left: 364px; font: normal 400 12px/12px 'arial' ; color: #333; overflow: auto;} .han-anket history {position: absolute; top: 278px; width: 545px; height: 340px; left: 30px; right: 0; bottom: 0; padding: -2px 6px 6px 6px; z-index: 6; overflow: auto; font: 11px 'arial'; color: #333; letter-spacing: 0.6px; } /* главная тема */ .hans-tema {background: url(https://i.imgur.com/WQerCDG.jpg) 0px bottom no-repeat, url(https://i.imgur.com/zavYuH2.jpg) 0px top no-repeat, url(https://i.imgur.com/naHizDE.jpg) 0px repeat-y; width: 600px; min-height: 200px; position: relative; margin: 0px 0px 0px 43px;} .hans-tema text {position: absolute; top: 70px; left:40px; width: 515px; padding: -4px 6px 6px 6px; color: #363950; text-align: justify; } .hans-tema hans-tema1 { font-family: bradobreiregular; font-size: 14px; color: #e6fcfd; text-align: center; position:relative; top: 26px; display: block; letter-spacing: 0.6 px; text-shadow: 1px 1px 0 #103133; text-transform: uppercase; } .hans-tema hans-tema2 { display: inline-block; border: 1px solid #8877a6; outline: 1px solid #cfc7d6; box-shadow: 0 0 5px #9678b3; margin: 0 3px 0 3px;} .hans-tema hans-tema2 img { mix-blend-mode: soft-light; filter: grayscale(1);} /* внешности */ .han_vneh { width: 607px; height: 785px; background: url(https://i.imgur.com/OgQWXpd.jpg) no-repeat;margin: 0px 0px 0px 43px; } .han_vneh1 { position: absolute; width: 564px; margin-top: 722px; margin-left: 21px;} .han_vneh_title {font-family: bradobreiregular; font-size: 14px; color: #e6fcfd; text-align: center; position:relative; top: 26px; display: block; letter-spacing: 0.6 px; text-shadow: 1px 1px 0 #103133; text-transform: uppercase; } .han_vneh_all { position: absolute; width: 583px; height: 675px; line-height: 13px; text-align: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-family: 'bwvivantblack'; text-transform: uppercase; letter-spacing: 1px; font-size: 9px; margin-top: 72px !important; margin-left: 20px !important; padding-top: 0px !important; color: rgb(218 221 255) !important; text-shadow: #0e242d 1px 1px 0px, #8c75ff 0px 0px 7px !important;} .han_vneh_all a { color: rgb(241 241 255) !important; text-shadow: #0e242d 1px 1px 0px, #8c75ff 0px 0px 7px !important;} .han_vneh_all b { letter-spacing: 3px; font-weight: normal !important; color: rgb(255 255 255) !important; text-shadow: #0e242d 1px 1px 0px, #8c75ff 0px 0px 7px !important;} .han_vneh_all1 { position: absolute; margin-top: 5px; margin-left: 14px; width: 246px; height: 83px; overflow-y: auto; padding-right: 6px; line-height: 16px;} .han_vneh_all2 { position: absolute; margin-top: 5px; margin-left: 297px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all3 { position: absolute; margin-top: 135px; margin-left: 14px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all4 { position: absolute; margin-top: 135px; margin-left: 297px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all5 { position: absolute; margin-top: 268px; margin-left: 14px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all6 { position: absolute; margin-top: 268px; margin-left: 297px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all7 { position: absolute; margin-top: 398px; margin-left: 14px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all8 { position: absolute; margin-top: 398px; margin-left: 297px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all9 { position: absolute; margin-top: 528px; margin-left: 14px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} .han_vneh_all10 { position: absolute; margin-top: 528px; margin-left: 297px; width: 246px; height: 83px; overflow-y: auto; padding-right: 5px; line-height: 16px;} /* банк */ .bank1 { position: absolute; margin-top: 432px; width: 167px; height: 14px; margin-left: 246px;} .bank2 { position: absolute; margin-top: 432px; width: 166px; height: 14px; margin-left: 420px;} #calc { width: 200px; position: absolute; margin: 250px 0px 0px 30px;} #btn{ width: 94%; height: 31px; cursor: pointer; box-shadow: rgb(131 127 186) 0px 0px 9px inset; border: 1px solid rgb(73 71 121); letter-spacing: 2px; font-size: 13px !important; background-color: rgb(164 162 212) !important; color: rgb(255 255 255) !important; text-shadow: rgb(73 71 121) 1px 1px 0px!important; font-family: 'codeproregular' !important; text-transform: lowercase !important;} #btn:hover{ cursor: pointer; box-shadow: inset 0 0 1px #1c1b2f !important; -webkit-transition: .6s all; -moz-transition: .6s all; -ms-transition: .6s all; -o-transition: .6s all; transition: .6s all;} #btn2 { width: 173px; height: 17px; cursor: pointer; box-shadow: rgb(131 127 186) 0px 0px 9px inset; border: 1px solid rgb(73 71 121); letter-spacing: 2px; font-size: 13px !important; background-color: rgb(164 162 212) !important; color: rgb(255 255 255) !important; text-shadow: rgb(73 71 121) 1px 1px 0px!important; font-family: 'codeproregular' !important; text-transform: lowercase !important;} .fonbank{ width: 607px; height: 492px; background: url(https://i.imgur.com/sRFCRvK.jpg) no-repeat; margin: 0px 0px 0px 43px; } .fonbank b { font-family: 'codeproregular'; letter-spacing: 2px; font-size: 10px; text-transform: lowercase !important;} .zagbank {font-family: bradobreiregular; font-size: 14px; color: #e6fcfd; text-align: center; position:relative; top: 26px; display: block; letter-spacing: 0.6 px; text-shadow: 1px 1px 0 #103133; text-transform: uppercase; } .textbank { position: absolute; width: 186px; height: auto; font-family: arial; line-height: 17px; text-align: justify; padding: 3px; font-size: 11px; margin-top: 64px!important; margin-left: 32px!important; color: #f2f1ff!important; text-shadow: 1px 1px 0 #1c1b2f, 0 0 2px #1c1b2f!important; line-height: 12px;} .one { position: absolute; width: 155px; height: 176px; font-size: 11px; font-family: arial; line-height: 13px; text-align: left; padding: 5px; padding-top: 0px!important; overflow-y: auto; letter-spacing: 0px; color: #271e4a!important; text-shadow: 1px 1px 0 #ffffff; margin: 60px 247px!important;} .two { position: absolute; margin-left: 426px !important; margin-top: 72px!important; width: 155px; height: 175px; font-size: 11px; font-family: arial; line-height: 13px; text-align: left; padding: 5px; padding-top: 0px!important; overflow-y: auto; letter-spacing: 0px; color: #271e4a!important; text-shadow: 1px 1px 0 #ffffff; margin: 60px 420px!important;} .three { position: absolute; width: 155px; height: 137px; font-size: 11px; font-family: arial; line-height: 13px; text-align: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; overflow-y: auto; letter-spacing: 0px; text-shadow: rgb(255, 255, 255) 1px 1px 0px; padding-top: 0px !important; color: rgb(39, 30, 74) !important; margin: 267px 0px 0px 247px !important;} .four {position: absolute; width: 155px; height: 137px; font-size: 11px; font-family: arial; line-height: 13px; text-align: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; overflow-y: auto; letter-spacing: 0px; text-shadow: rgb(255, 255, 255) 1px 1px 0px; padding-top: 0px !important; color: rgb(39, 30, 74) !important; margin: 267px 0px 0px 419px !important;} /* приёмка */ .han-admission { width: 600px; height: 194px; background-image:url('https://i.imgur.com/4RGXcQu.jpg')!important; position: relative; overflow: hidden;margin: 0px 0px 0px 43px; } .han-admission img { position: absolute; top: 53px; left: 45px; width: 90px; height: 90px; opacity:.6; mix-blend-mode: soft-light; filter: grayscale(100%);} .han-admission texti { position: absolute; top: 61px; width: 410px; height: 75px; left: 147px; right: 0; bottom: 60px; padding: -2px 6px 6px 6px; z-index: 6; overflow: auto; font: 11px 'arial'; color: #f0edf3; letter-spacing: 0.6px;} .hanlink { position: absolute; margin-left: 21px; margin-top: 149px; width: 560px; text-align: center; font-size: 18px;} .hanlink a { background: rgb(68 68 119); border-width: 1px; border-style: solid; border-color: rgb(160 162 219); box-shadow: rgb(108 109 165) 0px 0px 20px inset; outline: rgb(90 91 152) solid 1px; padding-left: 5px; padding-right: 3px; padding-bottom: 1px; font-size: 11px; font-family: arial; letter-spacing: 1px; margin-left: 5px; text-shadow: rgb(68 68 119) 1px 1px 0px !important; color: rgb(224 225 241) !important;} /* хочу видеть*/ .han-videt { width: 600px; height:249px; background-image:url('https://i.imgur.com/MUhAmJ6.jpg')!important; position: relative; overflow: hidden;margin: 0px 0px 0px 43px; } .han-videt fotka img, .han-videt fotka1 img, .han-videt fotka2 img, .han-videt fotka3 img { width: 88px; height: 88px; opacity:.6; mix-blend-mode: soft-light; filter: grayscale(100%); } .han-videt fotka { position: absolute; margin: 55px 0 0 99px;} .han-videt fotka1 {position: absolute; margin: 55px 0 0 206px;} .han-videt fotka2 {position: absolute; margin: 55px 0 0 314px;} .han-videt fotka3 {position: absolute; margin: 55px 0 0 422px;} .han-videt name { width: 420px; font: 16px arial; color: rgb(255, 255, 255); position: absolute; top: 23px; left: 97px; text-transform: uppercase;text-align: center;} .han-videt text { position: absolute; top: 160px; width: 520px; height: 64px; left: 42px; right: 0; bottom: 0; z-index: 6; overflow: auto; font: 11px 'arial'; color: #333; letter-spacing: 0.6px;} /* хочу к вам*/ .han-kvam { width: 600px; height:290px; background-image:url('https://i.imgur.com/BEUYsVo.jpg')!important; position: relative; overflow: hidden;margin: 0px 0px 0px 43px; } .han-kvam fotka img, .han-kvam fotka1 img, .han-kvam fotka2 img, .han-kvam fotka3 img { width: 88px; height: 88px; opacity:.6; mix-blend-mode: soft-light; filter: grayscale(100%); } .han-kvam fotka { position: absolute; margin: 54px 0px 0px 99px;} .han-kvam fotka1 { position: absolute; margin: 54px 0 0 206px;} .han-kvam fotka2 { position: absolute; margin: 54px 0 0 314px;} .han-kvam fotka3 { position: absolute; margin: 54px 0px 0px 422px;} .han-kvam name { width: 420px; font: 16px arial; color: rgb(255, 255, 255); position: absolute; top: 23px; left: 97px; text-transform: uppercase;text-align: center;} .han-kvam info { width: 400px; font: 12px 'arial'; color: #fff; position: absolute; top: 151px; left: 100px; letter-spacing: 1px; text-align: center;} .han-kvam text { position: absolute; top: 184px; width: 520px; height: 82px; left: 42px; right: 0; bottom: 0; z-index: 6; overflow: auto; font: 11px 'arial'; color: #333; letter-spacing: 0.6px;} /* нужные*/ .han-need {background: url(https://i.imgur.com/mXFORFV.jpg) 0px bottom no-repeat, url(https://i.imgur.com/5X5721W.jpg) 0px top no-repeat, url(https://i.imgur.com/JHtPSSd.jpg) 0px repeat-y; width: 600px; min-height: 315px; position: relative; margin: auto; margin: 0px 0px 0px 43px;} .han-need fotka img, .han-need fotka1 img, .han-need fotka2 img, .han-need fotka3 img { width: 88px; height: 88px; opacity:.6; mix-blend-mode: soft-light; filter: grayscale(100%); } .han-need fotka { position: absolute; margin: 54px 0px 0px 99px;} .han-need fotka1 { position: absolute; margin: 54px 0 0 206px;} .han-need fotka2 { position: absolute; margin: 54px 0 0 314px;} .han-need fotka3 { position: absolute; margin: 54px 0px 0px 422px;} .han-need name { width: 420px; font: 16px arial; color: rgb(255, 255, 255); position: absolute; top: 23px; left: 97px; text-transform: uppercase;text-align: center;} .han-need info { width: 400px; font: 12px 'arial'; color: #fff; position: absolute; top: 151px; left: 100px; letter-spacing: 1px; text-align: center;} .han-need text { position: absolute; top: 181px; width: 520px; height: 102px; left: 42px; right: 0; bottom: 0; z-index: 6; overflow: auto; font: 11px 'arial'; color: #333; letter-spacing: 0.6px;} /* итоги*/ .han-itogi { width: 600px; height:550px; background-image:url('https://i.imgur.com/rfP7p3W.jpg')!important; position: relative; overflow: hidden;margin: 0px 0px 0px 43px;} .han-itogi title {font-family: bradobreiregular; font-size: 14px; color: #e6fcfd; text-align: center; position:relative; top: 23px; display: block; letter-spacing: 0.6 px; text-shadow: 1px 1px 0 #103133; text-transform: uppercase;text-align: center; } .han-itogi text { position: absolute; inset: 307px 0px 0px 25px; width: 550px; height: 220px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(51, 51, 51); letter-spacing: 0.6px;} .han-itogi couple, .han-itogi soul, .han-itogi epiz, .han-itogi mc { position: absolute; filter: grayscale(1); mix-blend-mode: soft-light; opacity: .8;overflow: hidden;} .han-itogi soul {top: 55px; left: 217px;} .han-itogi couple, .han-itogi epiz { top: 178px;} .han-itogi couple { left: 473px;} .han-itogi epiz { left: 376px;} .han-itogi mc { left: 21px; top: 181px;} .han-itogi players { position: absolute; filter: grayscale(1); mix-blend-mode: soft-light; top: 55px; overflow: hidden;} .han-itogi players { left: 21px; letter-spacing: 2px;} .han-itogi flooders { position: absolute; filter: grayscale(1); mix-blend-mode: soft-light; top: 199px; overflow: hidden;} .han-itogi flooders { left: 176px; letter-spacing: 2px;} .han-itogi bestpost { position: absolute; top: 107px; filter: grayscale(1); mix-blend-mode: soft-light; overflow: hidden;} .han-itogi bestpost { left: 313px;} .han-itogi quote { position: absolute; top: 56px; filter: grayscale(1); mix-blend-mode: soft-light; overflow: hidden;} .han-itogi quote { left: 480px;} .han-itogi bestpost1 { position: absolute; top: 126px; font-family: Arial; font-size: 10px; text-shadow: rgb(39, 45, 99) 1px 1px 0px; width: 145px; height: 41px; overflow: hidden auto; line-height: 10px; text-align: justify; padding-right: 5px; color: rgb(233, 234, 247);} .han-itogi bestpost1 { left: 428px;} .han-itogi quote1 { position: absolute; top: 60px; font-family: Arial; font-size: 10px; text-shadow: rgb(39, 45, 99) 1px 1px 0px; width: 147px; height: 23px; overflow: hidden auto; line-height: 10px; text-align: justify; padding-right: 5px; color: rgb(233, 234, 247);} .han-itogi quote1 { left: 317px;} /* эпизод*/ .han-epiz { width: 600px; height:218px; background-image:url('https://i.imgur.com/ibokdA9.jpg')!important; position: relative; overflow: hidden; margin: 0px 0px 0px 43px;} .han-epiz fotka img, .han-epiz fotka1 img, .han-epiz fotka2 img, .han-epiz fotka3 img { width: 88px; height: 88px; opacity:.6; mix-blend-mode: soft-light; filter: grayscale(100%); } .han-epiz fotka { position: absolute; margin: 54px 0px 0px 99px;} .han-epiz fotka1 { position: absolute; margin: 54px 0px 0px 206px;} .han-epiz fotka2 { position: absolute; margin: 54px 0px 0px 314px;} .han-epiz fotka3 { position: absolute; margin: 54px 0px 0px 421px;} .han-epiz name { width: 445px; font: 16px arial; color: rgb(255, 255, 255); position: absolute; top: 23px; left: 80px; text-transform: uppercase;text-align: center;} .han-epiz info { width: 489px; font: 12px arial; color: rgb(255, 255, 255); position: absolute; top: 155px; left: 54px; letter-spacing: 1px; text-align: center;} .han-epiz text { position: absolute; inset: 180px 0px 0px 53px; width: 490px; height: 17px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(242 241 255); letter-spacing: 0.6px; text-align: center;} /* интервью*/ .han-inter { width: 600px; height: 492px; position: relative; overflow: hidden; background-image: url(https://i.imgur.com/XB8ackG.jpg) !important; margin: 0px 0px 0px 43px;} .han-inter fotka { position: absolute; margin: 15px 0px 0px 17px;} .han-inter fotka img { width: 217px; height: 461px; opacity: 0.6; mix-blend-mode: soft-light; filter: grayscale(100%);} .han-inter polosa { position: absolute; margin: 397px 0px 0px 18px; width: 217px; z-index: 1; height: 40px; background-image: url(https://i.imgur.com/8pBFfmt.jpg) !important;} .han-inter polosa1 { width: 213px; font-size: 13px; font-family: 'bradobreiregular'; color: rgb(255, 255, 255); position: absolute; text-align: center; top: 2px; left: 2px; text-transform: uppercase;} .han-inter polosa2 { position: absolute; inset: 23px 0px 0px 2px; width: 213px; height: 17px; z-index: 6; text-align: center; overflow: auto; font: 11px arial; color: rgb(242, 241, 255); letter-spacing: 0.6px;} .han-inter text { position: absolute; inset: 21px 0px 0px 249px; width: 336px; height: 450px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(1 9 10); letter-spacing: 0.6px;} .han-inter pods { background: rgb(97 94 146); padding: 2px; line-height: 22px; border-width: 1px; border-style: solid; border-color: #d6d2e8; outline: 1px solid #7772a4; color: rgb(255, 255, 255);} .han-inter quote { width: 213px; max-height: 40px; font: 12px arial; color: rgb(255, 255, 255); position: absolute; top: 351px; left: 21px; letter-spacing: 1px; overflow: auto;} /* магазин*/ .magazin {background: url(https://i.imgur.com/U3Z1HjH.jpg); width: 600px; height: 492px; margin: 0px 0px 0px 43px;} .magazin name {font-family: bradobreiregular; font-size: 14px; color: #e6fcfd; text-align: center; position:relative; top: 23px; display: block; letter-spacing: 0.6 px; text-shadow: 1px 1px 0 #103133; text-transform: uppercase; text-align: center; } .magazin1 { position: absolute; margin-top: 432px; width: 153px; height: 14px; margin-left: 275px;} .magazin2 { position: absolute; margin-top: 432px; width: 155px; height: 14px; margin-left: 431px;} .magazin text { position: absolute; margin: 61px 0px 0px 277px; width: 310px; height: 162px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(4 25 33); letter-spacing: 0.6px; text-shadow: 1px 1px 0px #ebf5f9ab;} .magazin text1 { position: absolute; margin: 254px 0px 0px 277px; width: 310px; height: 151px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(4 25 33); letter-spacing: 0.6px; text-shadow: 1px 1px 0px #ebf5f9ab;} .putams { height: 315px; margin: 63px 0px 0px 167px; position: absolute; width: 300px;} .sliderr { height: 388px; overflow-y: auto; width: 223px; padding: 0px; margin: -3px 0px 0px -142px;} .putams > input { display: none;} .slidess { height: inherit; position: absolute; width: inherit;} .slide11, .slide22, .slide33 { background-image: url(); } .putams .controls { margin: -404px 0px 0px -63px; position: absolute; z-index: 1;} .putams label { background: linear-gradient(rgb(226 237 255), rgb(195 224 254), rgb(162 198 230)); border: 1px solid rgb(54 100 116); cursor: pointer; display: inline-block; height: 10px; margin: 0px 0px 0px 10px; position: relative; width: 10px; border-radius: 50%; transition: background 0.5s ease-in-out 0s;} .putams label:hover, #slide11:checked ~ .controls label:nth-of-type(1), #slide22:checked ~ .controls label:nth-of-type(2), #slide33:checked ~ .controls label:nth-of-type(3) { background: linear-gradient(rgb(215 217 255), rgb(207 208 255), rgb(116 103 156)); border: 1px solid rgb(112 102 142);} .slidess { height: inherit; opacity: 0; position: absolute; width: inherit; z-index: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s; -moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s; -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s; transition: transform ease-in-out .5s, opacity ease-in-out .5s;} #slide11:checked ~ .sliderr > .slide11, #slide22:checked ~ .sliderr > .slide22, #slide33:checked ~ .sliderr > .slide33 { opacity: 1; z-index: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);} @keyframes spnn { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } @-webkit-keyframes spnn { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-moz-keyframes spnn { 0% { -moz-transform:rotate(0deg); transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); transform:rotate(360deg) } } @-o-keyframes spnn { 0% { -o-transform:rotate(0deg); transform:rotate(0deg) } 100% { -o-transform:rotate(360deg); transform:rotate(360deg) } } .mag { position: absolute; width: 230px; padding: 0px 3px 0px 0px; height: 390px; background-color: transparent; transform: translate3d(0px, 0px, 0px); overflow: auto; color: #f2f1ff; text-shadow: 1px 1px 0px #3f3b76;} /* лотерея*/ .han-lot { width: 600px; height: 492px; position: relative; overflow: hidden; background-image: url(https://i.imgur.com/srGwUvC.jpg) !important; margin: 0px 0px 0px 43px;} .han-lot name { font-family: bradobreiregular; font-size: 14px; color: #e6fcfd; text-align: center; position: relative; top: 23px; display: block; letter-spacing: 0.6 px; text-shadow: 1px 1px 0 #103133; text-transform: uppercase; text-align: center;} .han-lot info { position: absolute; inset: 57px 0px 0px 215px; width: 367px; height: 163px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(242, 241, 255); letter-spacing: 0.6px;} .han-lot text { position: absolute; inset: 241px 0px 0px 28px; width: 180px; height: 227px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(39 79 88); letter-spacing: 0.6px;} .han-lot text1 { position: absolute; inset: 241px 0px 0px 214px; width: 180px; height: 227px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(39 79 88); letter-spacing: 0.6px;} .han-lot text2 { position: absolute; inset: 241px 0px 0px 404px; width: 180px; height: 227px; z-index: 6; overflow: auto; font: 11px arial; color: rgb(39 79 88); letter-spacing: 0.6px;} .han-lot fotka { position: absolute; margin: 39px 0px 0px 46px;} .han-lot fotka img { max-width: 167px; max-height: 165px; opacity: 0.6; /* mix-blend-mode: soft-light; */ /* filter: grayscale(100%); */}