doomsday
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться213.04.2022 11:27:16
Код:
/************************************************************* СТРУКТУРА : все цвета, изображения, шрифты и проч. во втором окне *************************************************************/ /* Не удалять -------------------------------------------------------------*/ @import url(style_cs.css); /* Шрифты -------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); @font-face { font-family: 'FontAwesome'; src: local("FontAwesome"), url(https://forumstatic.ru/files/001b/6f/ae/91462.otf); } @font-face { font-family: 'Helvetica Bold'; font-style: normal; src: url("https://forumstatic.ru/files/001b/6f/ae/45197.eot"), url("https://forumstatic.ru/files/001b/6f/ae/45197.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001b/6f/ae/37261.woff2") format("woff2"), url("https://forumstatic.ru/files/001b/6f/ae/68239.woff") format("woff"), url("https://forumstatic.ru/files/001b/6f/ae/71611.ttf") format("truetype"), url("https://forumstatic.ru/files/001b/6f/ae/52766.svg") format("svg"); } @font-face { font-family: 'Helvetica Regular'; font-style: normal; src: url("https://forumstatic.ru/files/001b/6f/ae/36354.eot"), url("https://forumstatic.ru/files/001b/6f/ae/36354.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001b/6f/ae/85193.woff2") format("woff2"), url("https://forumstatic.ru/files/001b/6f/ae/36754.woff") format("woff"), url("https://forumstatic.ru/files/001b/6f/ae/69832.ttf") format("truetype"), url("https://forumstatic.ru/files/001b/6f/ae/99970.svg") format("svg"); } @font-face { font-family: 'Ghostclan'; font-style: normal; src: url("https://forumstatic.ru/files/001a/16/90/16128.eot"), url("https://forumstatic.ru/files/001a/16/90/16128.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001a/16/90/69003.woff2") format("woff2"), url("https://forumstatic.ru/files/001a/16/90/87533.woff") format("woff"), url("https://forumstatic.ru/files/001a/16/90/39417.ttf") format("truetype"), url("https://forumstatic.ru/files/001a/16/90/45169.svg") format("svg"); } /* Обнуление -------------------------------------------------------------*/ * { border: none !important; border-style: none !important; border-width: 0 !important; border-color: transparent !important; -webkit-text-size-adjust: none !important; -moz-text-size-adjust: none !important; -ms-text-size-adjust: none !important; } html, body { margin: 0 !important; padding: 0 !important; outline: none !important; -webkit-text-size-adjust: none !important; -moz-text-size-adjust: none !important; -ms-text-size-adjust: none !important; } .punbb * { margin: 0; } #pun { position: relative; } .punbb { float: left; width: 100%; height: auto; } #pun-redirect, #pun-maint { margin: 0 auto; width: auto; float: none; } .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* Скрытые элементы -------------------------------------------------------------*/ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; line-height: 0.0; font-size: 0; } .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position: absolute; left: -9999px; overflow: hidden; } td#title-logo-tdr, .punbb .datafield br, #post-form h2 span, #pun-messages .user-avatar, #pun-searchposts li.pa-replies, #pun-messages li.pa-reg, #pun-messages li.pa-posts, #pun-title h1, #navawards, #pun-ulinks li.item5, #pun-main div.catleft, #pun-main div.catright, .topic a.sharelink, li.pl-reports, #pun-live-rusff, form#register .info-box, #button-files_rusff, #button-graffiti_rusff, #post legend span, div#topic-modmenu span, .stickytext, .closedatafield, p.lastedit, lastedit, div#most_invitations, #pun-announcement h2, #pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span, li#pa-invites, #pun-multimove li.pa-title, div#pun-profile div#pun-main h1, .punbb .main td .modlist { display: none !important; } /* Тело -------------------------------------------------------------*/ body { font-size: 100.01%; } .punbb { font: normal 68.75% verdana, arial, helvetica, sans-serif; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .punbb .main table { table-layout: fixed; width: 100%; } #pun-index .main table { border-spacing: 0 20px; } .punbb .section { margin: 0 auto; width: 1005px; } .punbb .main { margin-bottom: 0; } .punbb .topic { margin-top: 1em; } .punbb .category, .punbb .post { margin-top: 0.4em; } .punbb .category { cursor: default; } .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } .checkfield input[type="checkbox"], .radiofield input[type="radio"] { margin: 0 0.3em; } p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.3em; vertical-align: middle; } /* Шапка -------------------------------------------------------------*/ #pun-title td.title-logo-tdl { width: 100%; } /* Меню навигации: форум, участники и т. д. -------------------------------------------------------------*/ #pun-navlinks { display: block; font-style: normal; width: 100%; } #pun-navlinks .container { margin: 0; background: transparent; } #navindex a:before, #navuserlist a:before, #navsearch a:before, #navprofile a:before, #navpm a:before, #navadmin a:before, #navlogout a:before, #navlogin a:before, #navpr_1 a:before { display: inline-block; } /* Меню навигации 2: новые соо, активные темы и т. д. -------------------------------------------------------------*/ #pun-ulinks li { display: inline; white-space: nowrap; } #pun-ulinks li a { display: inline; white-space: nowrap; } /* Приветствие и "хлебные крошки" -------------------------------------------------------------*/ #pun-status { margin: 40px auto 0 auto; } #pun-status .container { margin-bottom: 0; } #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-status span:last-child { margin-right: 0 !important; } #pun-crumbs1 { overflow: hidden; margin: 0; } #pun-crumbs1 p.container { padding: 20px 0 10px 0; } #pun-break1 { height: 0; margin: 0; position: relative; z-index: 1; } /* Объявление -------------------------------------------------------------*/ #pun-announcement .container { padding: 10px 0 0 0; } /* Таблица общее -------------------------------------------------------------*/ .punbb .main .tcmod { text-align: center; width: 3%; } .punbb .main td { padding: 1em 2px; } #pun-index .main td { padding: 0; } .punbb .main th { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .punbb .main td span.youposted { position: absolute; } .punbb tbody.hasicon td.tcl { padding-left: 0; } .punbb .user-avatar { margin: 0 0 0 12px !important; float: right !important; position: relative; } #pun-index .main .user-avatar { float: right !important; margin: 0 13px 0 12px !important; position: relative; } .punbb .user-avatar .isonline { display: block; position: absolute; animation: none !important; -moz-animation: none !important; -webkit-animation: none !important; z-index: 100; } .multipage { margin-top: 2em; } .multipage, div#pun-main, div#pun-stats, div#pun-crumbs1, div#pun-crumbs2, div#pun-status, div#pun-about { padding: 0; } /* Таблица на index -------------------------------------------------------------*/ #pun-index .main .tcl { overflow: hidden; width: 59%; } #pun-index .main .tc2, #pun-index .main .tc3 { width: 0; font-size: 0; } #pun-index .main .tcr { overflow: hidden; width: 39%; } #pun-index div.icon { line-height: 0; } #pun-index .user-avatar { height: 50px !important; width: 30px !important; } /* Таблица на searchtopics и viewforum -------------------------------------------------------------*/ #pun-searchtopics tr { vertical-align: top; } #pun-searchtopics .tcl { width: 40% !important; } #pun-searchtopics .tc2 { width: 30% !important; } #pun-searchtopics .tc3 { width: 10% !important; } #pun-searchtopics .tcr { width: 20% !important; } #pun-searchtopics div.icon { float: none; position: absolute; line-height: 0; } #pun-viewforum tr, .multipage tr { vertical-align: top; } #pun-viewforum .tcl, .multipage .tcl { width: 50% !important; } #pun-viewforum .tc2, #pun-viewforum .tc3, .multipage .tc2, .multipage .tc3 { width: 10% !important; } #pun-viewforum .tcr, .multipage .tcr { width: 30% !important; } #pun-viewforum .tcr a, .multipage .tcr a { display: block; } #pun-viewforum div.icon, .multipage div.icon { float: none; position: absolute; line-height: 0; } /* Таблица на userlist -------------------------------------------------------------*/ #pun-userlist .tcl { width: 20% !important; text-align: left; } #pun-userlist .tc2 { width: 20% !important; text-align: center; vertical-align: middle; } #pun-userlist .tc3 { width: 15% !important; text-align: center; vertical-align: middle; } #pun-userlist .tc3:last-child { text-align: right; } .usertable { margin: 20px auto; } /* Таблица на debug и statistic -------------------------------------------------------------*/ #pun-debug .tcl { width: 15%; white-space: normal; } #pun-debug .tcr { width: 90%; white-space: normal; } #pun-statistic { text-transform: lowercase; } #pun-statistic .tcl { text-align: left !important; } #pun-statistic .tc2 { text-align: center !important; } #pun-statistic .tc3:not(:last-of-type) { text-align: center !important; } #pun-statistic .tc3:last-of-type { text-align: right !important; } #pun-statistic th { font-size: 9px; } div#statistic-other { text-align: center; margin-top: 10px; } #pun-online .tcl, #pun-online .tc3 { width: 33% !important; } #pun-online .tc3 { text-align: right; } #pun-online td.tcl.username, #pun-online th.tcl:first-child { text-align: left; } #pun-online .tcl.action { text-align: center; } #pun-online .tcl.action strong { font-weight: normal!important; } /* Таблица на pun-messages -------------------------------------------------------------*/ #pun-messages tbody.hasicon td.tcl { padding-left: 0; } #pun-messages div.icon { float: none; position: absolute; line-height: 0; } #pun-messages tr { vertical-align: middle; } #pun-messages .tcl { width: 30% !important; text-align: left; } #pun-messages .tc2 { width: 20% !important; } #pun-messages .tc2:last-of-type { width: 5% !important; } #pun-messages .tc3 { width: 10% !important; } #pun-messages .tcr { width: 30% !important; } #pun-messages .tcr a { display: block; } #pun-messages fieldset { padding: 0 8px 0 0; } /* Личные сообщения -------------------------------------------------------------*/ #volSlider { display: block !important; float: right !important; margin: 5px 0 0 1em !important; } #volSlider .before { margin: 0 !important; } #volSlider .thumb { cursor: pointer !important; display: inline-block !important; position: relative !important; } /* Поиск по постам юзера -------------------------------------------------------------*/ #pun-searchposts .post-author { padding: 0 !important; } /* Статистика -------------------------------------------------------------*/ #pun-stats .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; } #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: wrap; flex-flow: wrap; text-align: center; padding: 3px 0; cursor: default; } #pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span { margin-right: 2px; } #pun-stats li.item1, #pun-stats li.item2 { width: auto; } #pun-stats li.item3 { width: auto; } #pun-stats li.item4 { width: auto; } li#onlinelist { float: left; text-align: justify; width: 100%; margin: 1.5em 0 0 0; line-height: 130%; } li#onlinelist div { padding: 0.7em 0 0 0; } /* Футер и "хлебные крошки" 2 -------------------------------------------------------------*/ #pun-qjump { width: 50%; margin: 0; position: relative; } #pun-qjump .container { background: transparent; } #pun-about { margin: 0; } #pun-about .container { text-align: center; line-height: 150%; } #pun-about p span { display: block; position: absolute; padding: 0; } #pun-crumbs2 { font-weight: normal; overflow: hidden; margin: 10px 0; } #pun-index #pun-crumbs2 { margin: 10px 0 20px 0; } #pun-crumbs2 .container { padding: 10px 0; } #pun-break4 { position: relative; height: 0; margin: 0; z-index: 1; } /* Посты -------------------------------------------------------------*/ #main-reply { line-height: 170%; padding: 10px; } .punbb textarea, .punbb input, .punbb select, .punbb optgroup { outline: none; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } .punbb .post .container { margin-top: 10px !important; padding-bottom: 0; } .punbb .post h3 span { margin: 0 !important; padding: 0; } .punbb .post h3 strong { width: 5em; float: right; } .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0; line-height: 140%; } .punbb fieldset { padding: 0; margin: 0 0 1em 0; } .punbb fieldset legend { padding: 0; margin: 0; } .punbb fieldset legend span { padding: 0; margin: 0; } .punbb fieldset .post-box { margin-bottom: 0.8em; } .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } #pun-messages .post-content { width: 100% !important; } .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 170%; } .punbb .post-content blockquote p:last-of-type { padding: 0; } .punbb .post-content img { vertical-align: text-bottom; } .punbb .post-content img.postimg { vertical-align: middle; } .punbb .post-content blockquote, .punbb .post-content .blockcode { overflow: hidden; margin: 0; padding: 8px 12px; } .punbb .post-content .scrollbox { height: auto !important; max-height: 100px !important; overflow-y: auto; } .punbb .post-content .spoiler-box > div { padding: 8px 12px !important; line-height: 170%; } .punbb .post-content .spoiler-box > blockquote.visible { padding: 0 12px 8px 12px !important; } .punbb .post-content .spoiler-box > div:before, .punbb .post-content .spoiler-box > div.visible:before { display: inline-block; } .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0 0 1em; padding: 0; } .punbb .info .container { padding: 1em 2em; text-align: center; } .punbb .info .container .backlink { padding-top: 0.8em; } .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; margin: 0 0 1.1em 0; } .punbb .info-box * { padding: 0 0 0.7em 0; } .punbb .fs-box { padding: 1em 0 0.8em 0; } .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0; line-height: 160%; } .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; line-height: 160%; } .punbb .inline .infofield { clear: both; text-transform: lowercase; } .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; } .punbb textarea, .punbb .longinput input { width: auto; margin: 0; } .punbb .post-body { margin-left: 22em !important; padding: 0; } .punbb .post-box { padding: 0; } .punbb .post-links { margin: 0 0 0 0; } .punbb .post-links ul { height: 2em; margin-left: 0; padding: 15px 0 5px 0; background: transparent; } .punbb .post-links li { display: inline; } .punbb .post-links li:not(:first-of-type) { margin-left: 1em; } .punbb .hashelp { position: relative; } .punbb .clearer { clear: both; height: 0; font-size: 0; } .punbb .post-sig dt { display: block; width: 50%; margin: 10px auto; } .punbb dl.post-sig p, #profile-signature p, dl.parsedsig p { line-height: 140% !important; } .punbb .helplinks { display: block; position: absolute; width: 36%; top: 1em; right: 0; font-weight: normal; } .punbb .helplinks span { display: block; padding-bottom: 0.2em; } .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } .punbb #profile .helplinks { top: 1.5em; } .punbb .formal .container { padding: 0; } #pun-post .formal .info-box li { list-style-type: square; list-style-position: inside; margin: 0; padding-left: 4px; line-height: 1.5; } .pl-email, .pl-website { float: left; } form#rep_form .tc2 input { cursor: pointer; margin: 0 0 8px 0 !important; padding: 7px 13px !important; } /* Пагинация и соседние строчки -------------------------------------------------------------*/ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; padding: 0; width: 100%; } #pun-pagelinks .container { background: transparent; padding: 0; } #pun-pagelinks .container li { display: inline; } #pun-pagelinks li a { display: block; float: left; width: 100%; height: 2em; margin-left: -9999px; padding: 0; } #pun-pagelinks li a span { display: block; margin: 0 1em; } #pun-pagelinks a:link, #pun-pagelinks a:hover { display: block; float: left; width: 100%; height: 2em; margin-left: -9999px; padding: 0; } #pun-pagelinks a:active, #pun-pagelinks a:focus { position: relative; margin: 0; } .punbb .linkst { float: left; position: relative; width: 100%; height: 0; } .linkst .pagelink { position: absolute; width: 24em; top: -30px; left: 0; } .linkst .postlink { position: absolute; top: -30px; right: 0; width: 16em; } .punbb .linksb { padding: 0.5em 0; } .linksb .pagelink { float: left; width: 24em; } .linksb .postlink { float: right; width: 16em; } #pun-viewtopic .linksb { padding: 0.5em 0; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } #pun-viewtopic .linksb .pagelink { float: none; width: auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; position: absolute; left: 30px; text-align: left; } #pun-viewtopic .linksb .postlink { float: none; width: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #pun-viewtopic .linksb .subscribelink { float: none; width: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #pun-viewtopic .linksb .postlink, #pun-viewtopic .linksb .subscribelink { text-align: right; width: auto; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 40px !important; } /* Профиль в постах -------------------------------------------------------------*/ .punbb .post .post-author { float: left; margin: 0; overflow: hidden; } .pa-author { overflow: hidden; } .pa-posts, .pa-respect, .pa-fld3, .pa-fld4 { display: block; width: calc(100%/4); margin: 0 0 20px; padding: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .pa-respect img { margin-bottom: -1px; } /* Страница профиля -------------------------------------------------------------*/ #viewprofile ul { margin: 0; padding: 0; } #viewprofile li { margin: 0; padding: 0; } #viewprofile li strong, #viewprofile li div { padding: 0; display: block; padding: 0; } #viewprofile h2 { background: transparent; padding: 0; margin: 0 14px; } #viewprofile h2 span { padding: 0 5px; position: relative; } #profile-left { margin: 0 !important; overflow: hidden; } #profile-left li { width: 100%; } #profile-left li#pa-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% !important; height: auto; margin: 0 !important; } #profile-left strong { font-weight: normal; } #profile-right { width: auto !important; } #profile-right li { margin: 0; text-align: left; margin: 0 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #profile-right li span { float: left; min-width: 160px; padding: 0; margin: 0 20px 0 0px; font-weight: normal !important; white-space: nowrap; display: block; } td#profile-right { display: block; margin-left: 70px; } /* Настройки профиля -------------------------------------------------------------*/ #profile .container { padding-left: 16.6em; margin-top: 2em; } #profilenav { float: left; width: 13em; margin-left: -16em; display: inline; } #profilenav ul { margin: 0 0 1em 0; padding: 0; } #profilenav li { padding-bottom: 0.8em; } #profilenav h2 { background: transparent; padding: 0; margin: 0 0 10px 0; } #profilenav h2 span { padding: 0; position: relative; } #setmods dd { padding: 0; } #setmods dl { padding: 0 0 0 8em; margin: 0; } #setmods dt { float: left; display: inline; width: 14em; margin-left: -16em; font-weight: normal; } #setmods dd { display: block; } .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em; } /* Меню модератора -------------------------------------------------------------*/ .punbb .modmenu .container { padding: 0.8em 0; text-align: left; } #pun-multimove .modmenu .container { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } #pun-multimove input#messages-selector { margin-right: 5px; } .punbb .modmenu strong { height: 1.8em; line-height: 1.8em; } .punbb .modmenu .container strong { float: left; } .punbb .modmenu a { height: 1.8em; line-height: 1; } .punbb .modmenu input { margin-left: 1em; } div#topic-modmenu { margin-top: 0; } /* Хелп -------------------------------------------------------------*/ #pun-help .formal .info-box h3.legend { padding-bottom: 0; margin-bottom: 0.8em; } #pun-help .formal .info-box h3.legend span { display: block; padding-bottom: 0.6em; font-size: 1em; } #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em; } #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em; } #pun-help .formal li { padding: 0; line-height: 130%; } #pun-help .formal li * { vertical-align: text-top; } #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } /* Ссылки и переходы -------------------------------------------------------------*/ a, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .punbb .user-avatar .isonline, .punbb .user-avatar .avatar-image, li.pa-avatar.item2 img, #profile-left li#pa-avatar img, #pun-ulinks, input.button, .bookmark, .pa-respect .fld-name:before, .header-text-title no:after, #profile-left li#pa-edit, #pun-index .main .tcl h3, .pa-posts, .pa-respect, .punbb .quote-box cite, a.qc-post-link:before, #pun-navlinks a:after, .punbb .post-links li, #pun-index div.container tbody.hasicon tr { text-decoration: none !important; transition: all 0.4s ease !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; } /* Заголовки -------------------------------------------------------------*/ #pun-main h1, #pun-main h2, #pun-debug h2 { padding: 0.5em 0; } /* Формы и кнопки -------------------------------------------------------------*/ .punbb .formsubmit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: lowercase; padding: 0; margin: 1em 0; text-align: center; } .punbb .formsubmit input { cursor: pointer; } .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 20px 8px 0 !important; padding: 6px 14px 6px 15px !important; } input.button:last-of-type, .punbb .formsubmit input:last-of-type, .punbb .formsubmit a:last-of-type, .punbb .formsubmit span:last-of-type { margin: 0 0 8px 0 !important; } #login .formsubmit input:last-of-type { margin: 0 20px 8px 0 !important; } .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0; } #profile .formsubmit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 1em 0 0 0; text-align: center; } #form-buttons table { width: 100% !important; } input.button, button.sml { cursor: pointer; margin: 0 20px 8px 0 !important; padding: 6px 20px !important; } #pun-multimove input.button { margin: 0 0 0 20px !important; } form#register fieldset { padding: 0; margin: 0 0 1em 0; } /* Админка -------------------------------------------------------------*/ #pun-adnav { margin-left: -14em !important; } #pun-adnav ul { padding: 0 !important; margin: 0; } .ace_editor { overflow: hidden !important; } #pun-admain .adlabel { width: auto !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; margin-left: 0 !important; } #pun-admain fieldset .handle, #pun-admain fieldset p { margin-bottom: 5px !important; padding: 0.6em !important; } #pun-admain p.adsubmitfield .adlabel { padding-bottom: 0 !important; } #pun-admain span.adsubmit { position: relative !important; left: 0 !important; width: 16em !important; top: 0.5em !important; } #pun-admain .adinput { padding: 0 !important; } #pun-admin_index #pun-admain .adformal div ul, #pun-admin_index #pun-admain div p { padding: 0.6em !important; } /* Панель в форме ответа -------------------------------------------------------------*/ #font-area, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #smilies-area, #video-area, #spoiler-area { padding: 7px !important; overflow-y: auto; max-height: 300px; } #tags .container { top: auto !important; margin-top: 0; } div#color-area, div#table-area, div#image-area, div#imageup-area, div#imageattach-area, div#keyboard-area, div#video-area, div#addition-area, div#smilies-area, div#video-area, div#spoiler-area { right: 0 !important; } #addition-area div, #font-area div, #size-area div { padding: 4px 5px 5px 5px !important; height: auto !important; } #font-area span, #size-area span { height: auto !important; } #keyboard-span input { cursor: pointer; margin: 1px !important; height: 29px !important; min-width: 30px !important; line-height: 100% !important; } #smilies-area img { margin-right: 4px !important; margin-bottom: 2px !important; } .uploadQueueItem { padding: 5px !important; border-radius: 0 !important; background: transparent !important; } #upload-button-container input[type=button], #imageupload-left input[type=button], #selected-image-width, #selected-thumb-width, #imageupload-left select { cursor: pointer !important; } #imageupload-left input[type=button] { width: auto !important; } #uploaded-images img { cursor: pointer !important; width: auto !important; height: 50px !important; max-width: 150px; margin-right: 4px !important; } #video-area-tinp, #image-area-tinp { margin: 0.8em 0 !important; border: none !important; } div#video-area-actions { text-align: right !important; line-height: 2em !important; } /* Репутация -------------------------------------------------------------*/ form#rep_form .tc2, form#rep_form .tc3 { width: 100% !important; } textarea#reputationText { width: 100% !important; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { padding: 20px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } #pun-report .inner .container, #pun-reputation .inner .container, #pun-admin-award-form .inner .container { padding: 0 !important; } #pun-respect .tcl { width: 20% !important; text-align: left; } #pun-respect .tc2 { width: 5% !important; text-align: center; } #pun-respect .tc3 { width: 25% !important; text-align: center; } #pun-respect .tcr { width: 25% !important; text-align: right; text-transform: lowercase; } .removeReputation { background: transparent !important; } div.post-rating p { padding: 0 !important; } /* Закладки -------------------------------------------------------------*/ #MyBookmarks { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } #MyBookmarks .container { margin-top: 20px; line-height: 150% !important; } input#reputationButtonSend { margin: 0 0 8px 0 !important; } /* Для мобильных -------------------------------------------------------------*/ @media screen and (max-device-width: 1024px) { html { min-width: 1150px; } #Go_Top, #Go_Bottom, #Go_Top:before, #Go_Bottom:before { display: none !important; } } /* Дополнительно -------------------------------------------------------------*/
Поделиться313.04.2022 11:27:38
Код:
/************************************************************* СТИЛЬ *************************************************************/ /* Тело -------------------------------------------------------------*/ body { background-color: #181818; background-image: url(https://forumstatic.ru/files/001a/16/90/49808.jpg); background-repeat: repeat; background-attachment: fixed; background-size: cover; } body:before { content: ''; display: block; position: fixed; background: url(https://forumstatic.ru/files/001a/16/90/71811.png) no-repeat; width: 67px; height: 770px; margin: 0; top: 2%; left: calc(50% - 625px); z-index: -1; } #pun { background-image: url(https://forumstatic.ru/files/001a/16/90/44127.png); background-repeat: repeat; width: 1105px; margin: 290px auto 130px auto; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } #pun .punbb { margin: 0 0 0 0; width: 100% !important; padding: 0 !important; } .punbb .main .container, .punbb .post .container { background-color: transparent; color: #333; } .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: transparent; color: #333; } .punbb th { background-color: transparent; color: #333; } #setmods dd, #setmods dl { background-color: transparent; color: #333; font-weight: normal; } /* Шапка -------------------------------------------------------------*/ #pun-title { margin: 0; } #pun-title h1 span { font-size: 0; } #pun-title table { background: url(https://forumstatic.ru/files/001a/16/90/15162.png) no-repeat; width: 1105px; height: 40px; margin: -40px 0 18px -30px; } /* Меню навигации: форум, участники и т. д. -------------------------------------------------------------*/ #pun-navlinks { word-spacing: 8px; padding: 0 !important; margin: -47px 0 0 0; position: absolute; text-align: center; } #pun-navlinks a { color: #e4e4e4; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 500!important; letter-spacing: 1px; position: relative; } #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #ee8130 !important; } #pun-navlinks a:after { content: ''; position: absolute; left: 42%; bottom: -11px; border: 8px solid transparent; border-bottom: 10px solid #fa7c16; opacity: 0; } #pun-navlinks a:hover:after, #pun-navlinks a:focus:after, #pun-navlinks a:active:after { opacity: 1!important; } #pun-navlinks .container { background: transparent !important; padding: 0; height: auto; } #pun-navlinks li { display: inline; padding: 0; } /* Меню навигации 2: новые соо, активные темы и т. д. -------------------------------------------------------------*/ #pun-ulinks { position: absolute; margin: -12px 0 0 0; width: 100%; height: auto; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 500 !important; text-transform: uppercase; letter-spacing: 0.6px; } #pun-ulinks .container { padding: 0; text-align: center; } #pun-ulinks li a { margin: 0; color: #1d1d1d; margin: 0 8px !important; } #pun-ulinks li a:hover { color: #fb6d01; } #pun-ulinks li.item1, #pun-ulinks li.item1 a { padding-left: 0; } /* Приветствие и 'хлебные крошки' -------------------------------------------------------------*/ #pun-status .container { padding: 0; font-family: 'Montserrat', sans-serif; font-size: 8px; letter-spacing: 0.6px; text-transform: uppercase; font-weight: 600 !important; margin: 0; display: block; } #pun-status .container, #pun-status .container strong, #pun-status .container a { color: #202020; font-weight: 600; } #pun-status span #pun-crumbs1 { font-weight: normal; } #pun-crumbs1 p.container, #pun-crumbs2 .container { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; color: #1d242c; letter-spacing: 0.6px; text-align: center; } .punbb .divider { border-color: #b1a598 !important; } /* Объявление и переадресация -------------------------------------------------------------*/ #pun-announcement .container { height: auto; } #pun-announcement .html-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } .pun-modal .modal-inner { background: #e6e6e6; padding: 10px !important; width: 600px !important; border: 2px solid #fb6d01!important; } .move_posts_form .modal-inner > .container { background: #e6e6e6!important; } #move_posts_form .formal > form.container { padding: 15px 15px 7px 15px !important; } #pun-redirect h1 { margin-bottom: 10px !important; color: #e66503!important; } .pun-modal.move_posts_form h2 { margin-bottom: 10px !important; } #pun-redirect .container { color: #dddddd!important; } .move_posts_form .modal-inner > .container .fs-box { text-transform: lowercase; } #move_posts_form .tcl { text-align: left; } #move_posts_form .tc2 { width: 15%; text-align: right; } .forum_name strong { font-family: 'Helvetica Bold', sans-serif; font-weight: normal; color: #505050; } /* Заголовки -------------------------------------------------------------*/ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: transparent; color: #333; } .punbb-admin #pun-admain h2, .punbb-admin #pun-admain h1 { text-transform: lowercase; } /* Категории -------------------------------------------------------------*/ .punbb #pun-category1 h2, .punbb #pun-category2 h2, .punbb #pun-category3 h2, .punbb #pun-category4 h2, .punbb #pun-category5 h2, #pun-stats h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 1005px; height: 19px; background: #08141b; margin: 20px auto 0px auto; padding: 0 100px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; white-space: nowrap; } #pun-stats h2 { margin: 20px auto 30px !important; } .punbb #pun-category1 h2:before, .punbb #pun-category2 h2:before, .punbb #pun-category3 h2:before, .punbb #pun-category4 h2:before, .punbb #pun-category5 h2:before, .punbb #pun-category6 h2:before, #pun-stats h2:before, .punbb #pun-category1 h2:after, .punbb #pun-category2 h2:after, .punbb #pun-category3 h2:after, .punbb #pun-category4 h2:after, .punbb #pun-category5 h2:after, .punbb #pun-category6 h2:after { font-family: 'Ghostclan', sans-serif; font-size: 30px; line-height: 1; letter-spacing: 1px; width: auto; height: 100%; background: #dddddd; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; text-align: center; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .punbb #pun-category1 h2:before, .punbb #pun-category2 h2:before, .punbb #pun-category3 h2:before, .punbb #pun-category4 h2:before, .punbb #pun-category5 h2:before, .punbb #pun-category6 h2:before { color: #08141b; padding: 0 4px 0 15px; } #pun-stats h2:before { color: #08141b; padding: 0 15px; } .punbb #pun-category1 h2:after, .punbb #pun-category2 h2:after, .punbb #pun-category3 h2:after, .punbb #pun-category4 h2:after, .punbb #pun-category5 h2:after, .punbb #pun-category6 h2:after { color: #f26901; padding: 0 15px 0 4px; } /* Иконки подфорумов -------------------------------------------------------------*/ div.icon { background: #dddddd; box-shadow: 0 0 0 1px #b7b7b7; } div.inew, div.icon-new { background: #2c333b; box-shadow: 0 0 0 1px #2c333b; font-weight: normal; font-family: 'Helvetica Bold', sans-serif; } tr.isticky div.icon { background: #fb6d01; box-shadow: 0 0 0 1px #fb6d01; } div.inew ~ .tclcon { font-weight: normal; font-family: 'Helvetica Bold', sans-serif; } #pun-viewforum div.icon, #pun-searchtopics div.icon, #pun-messages div.icon, .multipage div.icon { height: 7px; width: 7px; margin: 3px 0 0 0; } #pun-index div.icon { background: #08141b; font-weight: normal; float: none; width: 5px; height: auto; display: block; margin: 0; box-shadow: none!important; flex-shrink: 0; } #pun-index div.inew { background: #fb6d01; } /* Таблица общее -------------------------------------------------------------*/ .multipage th, #pun-statistic th, #pun-messages th { font-size: 9px !important; text-transform: lowercase; font-family: 'Helvetica Bold' !important; font-weight: normal; } .multipage .forum { margin-top: 20px; text-transform: lowercase; } thead { text-transform: lowercase; } .punbb td span.youposted { margin-left: -1em; font-weight: bold; } .punbb td .modlist { display: block; padding-top: 0.3em; } .punbb .user-avatar { height: 30px !important; width: 30px !important; } .punbb .user-avatar .avatar-image { height: 30px !important; width: 30px !important; filter: grayscale(1) brightness(1.5) contrast(0.5); border-radius: 0% !important; opacity: 1 !important; } #pun-index .user-avatar .avatar-image { margin: 0 0 0 0 !important; } .punbb .user-avatar .isonline { background: #fb6d01 !important; width: 4px !important; height: 30px !important; border-radius: 0% !important; top: 0px !important; right: 0px !important; } .multipage .user-avatar .isonline { width: 2px !important; } /* Таблица на index -------------------------------------------------------------*/ #pun-index .main .tcl { text-align: justify; } #pun-index .main .tcl h3 { font-family: 'Ghostclan', sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; line-height: 100%; width: 100%; height: auto; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px 0; } #pun-index .main .tcl h3 a { color: #f26901; } #pun-index .main .tcl h3 a:hover { color: #c3c3c3 !important; } #pun-index .main td.tcl { font-size: 9px; letter-spacing: 1px; } #pun-index .main .tcr { text-align: right; } #pun-index .main td.tcl .intd { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; } #pun-index .main .tcr a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; color: #08141b; line-height: 1.3; } #pun-index .main .tcr a:hover { color: #c3c3c3 !important; } #pun-index .main .tcr .lastpost { text-transform: uppercase; font-family: 'Helvetica Bold', sans-serif; font-weight: normal !important; letter-spacing: 1px; font-size: 8px; color: #202020; } #pun-index td .tclcon { margin-left: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; height: auto; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #08141b; font-family: 'Helvetica Regular', sans-serif; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: 1px; } #pun-index td .tclcon .pfor-a { width: 100%; height: auto; display: block; text-transform: uppercase; text-align: left; margin-top: 15px; } #pun-index td .tclcon .pfor-a a { margin: 0 2px 0 0; color: #08141b; background: #d1d1d1; padding: 4px 10px 4px 11px; font-size: 12px; line-height: 1; font-family: 'Helvetica Bold', sans-serif; font-weight: normal; letter-spacing: 1px; display: inline-block; } #pun-index td .tclcon .pfor-a a:hover { color: #dddddd; background: #08141b; } #pun-index div.container tbody.hasicon tr { background: rgba(255, 255, 255, 0.25); } #pun-index div.container tbody.hasicon tr:hover { box-shadow: 1px 0 0 0 #c7c7c7, 0px -1px 0 0 #c7c7c7, 0 1px 0 0 #c7c7c7; } #pun-index div.container { width: 1005px; margin: 0 auto; } /* Таблица на searchtopics и viewforum -------------------------------------------------------------*/ #pun-searchtopics, #pun-viewforum, #pun-messages td, #pun-messages th, #pun-respect, #pun-online, #pun-statistic { font-family: 'Helvetica Regular', sans-serif; letter-spacing: 0.6px; } #pun-searchtopics .tclcon strong, #pun-viewforum .tclcon strong, #pun-online a.registered-user { font-family: 'Helvetica Bold', sans-serif; font-weight: normal; } #pun-searchtopics td .tclcon, .multipage td .tclcon { margin-left: 20px; } #pun-searchtopics td.tcl, .multipage td.tcl { text-align: left; font-size: 11px !important; } #pun-searchtopics td .tc3, #pun-searchtopics td .tc2 { font-size: 11px !important; text-align: center; } #pun-searchtopics th.tc2, #pun-searchtopics th.tc3 { font-size: 9px !important; } #pun-searchtopics .tcr { text-align: right; } #pun-searchtopics .tcr a { display: block; font-size: 11px !important; font-weight: normal !important; text-transform: lowercase !important; color: #505050 !important; } #pun-searchtopics .tcr a:hover { color: #fb6d01 !important; } #pun-searchtopics .tc2, #pun-searchtopics .tc3 { text-align: center; text-transform: lowercase; } #pun-searchtopics .tcl { text-align: left; } #pun-viewforum td .tclcon, .multipage td .tclcon { margin-left: 20px; font-family: 'Helvetica Regular', sans-serif; letter-spacing: 1px; } #pun-viewforum td.tcl, .multipage td.tcl { text-align: left; } #pun-viewforum td.tc3, #pun-viewforum td.tc2, .multipage td.tc3, .multipage td.tc2 { font-size: 11px !important; text-align: center; } #pun-viewforum th.tc2, #pun-viewforum th.tc3, .multipage th.tc2, .multipage th.tc3 { font-size: 9px !important; } #pun-viewforum .tcr, .multipage .tcr { text-align: right; } #pun-viewforum .tcr a, .multipage .tcr a { font-size: 11px !important; font-weight: normal !important; text-transform: lowercase !important; } #pun-viewforum .tcl, .multipage .tcl { text-align: left; } #pun-online .tcl, #pun-online .tc3 { text-transform: lowercase; } /* Таблица на userlist -------------------------------------------------------------*/ #pun-userlist { font-family: 'Helvetica Regular', sans-serif; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; } #pun-userlist td.tcl.username { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } #pun-userlist .user-avatar { float: left !important; margin: 0 10px 0 0 !important; } #pun-userlist .usersname a { color: #323232; } #pun-userlist .usersname a:hover { color: #fb6d01; } /* Таблица на messages -------------------------------------------------------------*/ #pun-messages tbody.hasicon td.tcl { padding-left: 0; } #pun-messages td .tclcon { margin-left: 12px; } #pun-messages td.tc2, #pun-messages td.tc3 { font-size: 11px !important; text-align: center; text-transform: lowercase; } #pun-messages td.tcl { text-align: left; font-size: 11px !important; } #pun-messages th.tc2, #pun-messages th.tc3 { font-size: 9px !important; } #pun-messages .tcr { text-align: right; } #pun-messages .tcr a { font-size: 11px !important; font-weight: normal !important; text-transform: lowercase !important; letter-spacing: 1px !important; color: #c56018 !important; } #pun-messages .tc2:last-of-type { text-align: right; } #pun-messages fieldset legend strong { font-family: 'Helvetica Regular', sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } #pun-messages fieldset legend strong:before { content: '/'; margin-right: 20px; } #pun-messages.post-body { margin-left: 20em !important; } #pun-messages .tclcon strong a { font-family: 'Helvetica Bold', sans-serif; font-weight: normal; color: #505050; } #pun-messages dl.post-sig { display: none; } #pun-messages .post-author { margin: 0!important; } /* Личные сообщения -------------------------------------------------------------*/ #volSlider { background: #c1c1c1 !important; width: 100px !important; height: 5px !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #volSlider .before { background: #9d9d9d !important; height: 5px !important; border-radius: 0 !important; } #volSlider .thumb { background: #6b6e70 !important; width: 7px !important; height: 7px !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .FNTslider { position: relative; z-index: 1000; background: #535c66 !important; width: 120px !important; height: 5px !important; margin: 4px auto 0 !important; float: right; } .FNTslider .before { height: 4px !important; border: none !important; position: absolute !important; background: #939393 !important; margin: 0 !important; } .FNTslider .thumb { width: 5px !important; height: 8px !important; position: relative; top: -2px !important; background: #939393 !important; cursor: pointer; } div#notify-settings { font-family: 'Helvetica Regular', sans-serif; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; } #pun-messages dl.post-sig { display: none; } #pun-messages .post-body { margin-left: 23em !important; } .bubble { background: transparent!important; border-radius: 0!important; color: #e6e6e6!important; top: -6px!important; } .bubble:after { display: none!important; } /* Поиск по постам юзера -------------------------------------------------------------*/ #pun-searchposts .post-author, #pun-multimove .post-author { width: 200px; height: auto; padding: 0 !important; } #pun-searchposts .pa-author, #pun-multimove .pa-author { text-shadow: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0 !important; color: #ddd; } #pun-searchposts .post-author ul, #pun-multimove .post-author ul { background: #2c333b !important; padding: 4px 0 !important; } #pun-searchposts .pa-author strong, #pun-multimove .pa-author strong { font-weight: normal; } /* Статистика -------------------------------------------------------------*/ #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { color: #2a2a2a; font-family: 'Helvetica Bold', sans-serif; font-size: 9px; font-weight: normal; line-height: 10px; text-transform: uppercase; letter-spacing: 1px; } #pun-stats li.item4 a { color: #d15d05; } #pun-stats li strong { font-weight: normal; } li#onlinelist { text-transform: lowercase; font-family: 'Helvetica Regular', sans-serif; letter-spacing: 1px; font-size: 11px; } /* Футер -------------------------------------------------------------*/ #pun-about { margin: -48px 0 -48px 0!important; padding: 0!important; } #pun-qjump { float: left; } #pun-about .container { font-size: 7px; letter-spacing: 1px; font-family: 'Helvetica Bold', sans-serif; text-transform: uppercase; background: url(https://forumstatic.ru/files/001a/16/90/91931.png); height: 49px; width: 1105px; padding: 0; margin: 0px 0 -5px -30px; } #pun-about p span { text-align: right; margin: 30px 0 0 0; width: 100%; padding: 0 27px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } #pun-about p span, #pun-about p span a { color: #545454; } /* Посты -------------------------------------------------------------*/ .punbb fieldset legend span { font-family: 'Helvetica Regular', sans-serif; font-size: 10px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; color: #202020; } .punbb textarea { background: rgba(255, 255, 255, 0.4); font: 1em verdana, arial, sans-serif; } .punbb input { background: #ededed; font: 1em verdana, arial, sans-serif; } .punbb select { background: #ededed; font: 1em verdana, arial, sans-serif; text-transform: lowercase; } .punbb optgroup { background: #ededed; font: 1em verdana, arial, sans-serif; font-weight: bold; } .punbb .post h3 { padding: 3px 10px; width: 1075px; background: #2c333b; margin: 0 0 0 -15px; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; border: 2px solid #fb6d01!important; border-right-width: 0!important; } #pun-messages .post h3 { width: 877px !important; margin: 0 !important; } .punbb .post h3 span { text-align: left; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #dddddd; display: block; height: auto; width: 100%; } .punbb .post h3 span a { color: #dddddd; } .punbb .post h3 span a:hover { color: #f26901; } .punbb .post h3 strong { font-weight: normal; text-align: right; } .punbb .post-box { text-align: justify; padding: 0 0 0 0 !important; } .punbb #pun-main .info-box .legend { font-size: 1em; font-weight: bold; } .punbb #pun-main h1, .pun-modal.move_posts_form h2 { margin-bottom: 10px; padding: 5px 0; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 12px; letter-spacing: 0.6px; line-height: 15px; font-weight: 600; text-transform: uppercase; color: #2c333b; } .punbb pre { font: 1em verdana, arial, sans-serif; line-height: 170%; white-space: break-spaces; text-align: left; } .punbb address, .punbb em { font-style: normal; } .punbb .post-content blockquote, .punbb .post-content .blockcode { background-color: rgba(255, 255, 255, 0.25); color: #333; } .punbb .post-content .spoiler-box > div { background-color: rgba(255, 255, 255, 0.25); background-image: none !important; } .punbb .quote-box cite, .punbb .code-box strong.legend { font-family: 'Helvetica Bold', sans-serif; font-size: 10px; line-height: 10px !important; letter-spacing: 1px; font-weight: normal !important; font-style: normal; text-transform: uppercase; padding: 10px 0 5px; cursor: default; background: transparent !important; color: #2a2a2a !important; text-align: left; } .punbb .code-box strong.legend a { color: #2c333b; width: auto; text-align: center; } .punbb .code-box strong.legend a:hover { color: #f97d17 !important; } a.qc-post-link img { display: none; } a.qc-post-link:before { margin: 0 0 0 2px !important; content: ''; height: 10px; width: 11px; background-color: #db6205; -webkit-mask-image: url(https://forumstatic.ru/files/001b/6f/ae/34828.svg); mask-image: url(https://forumstatic.ru/files/001b/6f/ae/34828.svg); display: inline-block; } a.qc-post-link:hover:before { background-color: #323232 !important; } .punbb .required label { font-weight: normal; } .punbb .datafield span.input { font-weight: bold; } .punbb .datafield span.input a { font-weight: normal; } .punbb .info .container { text-transform: lowercase; } .punbb .post-sig dt { border-top: 1px solid #c1c1c1 !important; } em { font-style: normal; } em.bbuline { font-style: normal; text-decoration: none; border-bottom: 1px solid #d96004 !important; } del { opacity: .45; } hr { opacity: 1 !important; margin-bottom: 0.8em; -webkit-filter: none; filter: none; border: 1px solid #c1c1c1 !important; border-bottom-style: none !important; } .linkst .postlink span.closed, .linksb .postlink span.closed { display: none; } span.closed { margin-right: 10px; } .post-content .spoiler-box > div:before, .post-content .spoiler-box > div.visible:before { width: 9px; margin-right: 10px !important; font-family: 'FontAwesome'; color: #2c333b; } .post-content .spoiler-box > div:before { content: '\f107'; } .post-content .spoiler-box > div.visible:before { content: '\f106'; } #plng { padding: 0; margin: 0 20px 0 0; font-size: 10px; font-family: 'Helvetica Regular', sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; } #plng b { font-weight: normal; } #restore-post { position: absolute; right: -33px; top: 47px; z-index: 200; cursor: pointer; } span#restore-post:before { content: '\f044'; font-family: 'FontAwesome'; color: #c56018; font-size: 11px; display: block; } .post-content .highlight-text { background-color: #545d68 !important; color: #ddd!important; padding: 0px 4px 2px 4px; } /* Пагинация и соседние строчки -------------------------------------------------------------*/ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { font-size: 1.2em; line-height: 2em; } .linkst .postlink { text-align: right; } .linkst .postlink, .linkst .pagelink, .linksb .postlink, .linksb .pagelink { font-family: 'Helvetica Bold', sans-serif; font-weight: normal; text-transform: uppercase; } .linksb, .linkst { font-size: 9px; letter-spacing: 1px; font-family: 'Helvetica Regular', sans-serif; font-weight: normal; text-transform: uppercase; color: #545454; } .linksb { text-align: right; } .linkst { text-align: left; } .linksb .pagelink { text-align: left; } .pagelink strong { font-weight: 700 !important; } #pun-viewtopic .linksb { font-family: 'Helvetica Bold', sans-serif; font-weight: normal !important; letter-spacing: 0.6px; text-transform: uppercase; color: #2c333b; font-size: 9px !important; letter-spacing: 0.6px !important; } #pun-viewtopic .linksb .postlink, #pun-viewtopic .linksb .subscribelink { text-align: right; } #pun-viewtopic .linksb .postlink a, #pun-viewtopic .linksb .subscribelink a { width: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; color: #2c333b; } #pun-viewtopic .linksb .postlink a:hover, #pun-viewtopic .linksb .subscribelink a:hover { color: #fb6d01; } div#topic-users-in { font-family: 'Helvetica Regular', sans-serif; font-weight: normal; font-size: 12px; text-transform: lowercase; color: #c56018; margin-top: 20px; } .punbb .modmenu strong { font-family: 'Helvetica Regular', sans-serif; font-weight: normal !important; text-transform: lowercase; } .punbb .modmenu strong a { background: #2c333b; color: #dddddd; padding: 1px 15px 3px 15px; } .punbb .modmenu strong a:hover, .punbb .formsubmit a:hover { background-color: #ebebeb !important; color: #2c333b !important; } .punbb .modmenu .container { font-family: 'Helvetica Regular', sans-serif; font-weight: normal !important; text-transform: lowercase; } .punbb .modmenu .container span { font-family: 'Helvetica Bold', sans-serif; font-weight: normal !important; } /* Профиль в постах -------------------------------------------------------------*/ .punbb .post .post-author { width: 230px; height: auto; padding: 20px 0 5px 0 !important; margin: 0 0 0 -15px !important; border: none !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .punbb .post .post-author ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #2c333b; padding: 0 0 9px !important; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fb6d01!important; border-left-width: 0; } #pun-messages .post .post-author ul { border-left-width: 2px!important; } .pa-author { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 2px!important; text-align: left; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1; text-transform: uppercase; color: #fb6d01; font-weight: 700; letter-spacing: 0.6px; text-shadow: none; margin: -18px 0 4px 1px!important; } #pun-messages .pa-author { padding: 0 !important; margin: -18px 0 4px -4px !important; } .pa-author a { color: #fb6d01 !important; } .pa-author a:hover { color: #2c333b !important; } li.pa-title { padding: 0 !important; font-weight: normal; color: #e6e6e6; text-align: center; text-transform: lowercase; font-size: 7px; line-height: 1; font-family: 'Helvetica Regular', sans-serif; letter-spacing: 1px; width: 100%; margin: 8px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } li.pa-avatar.item2 { margin: 6px 0 16px; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } li.pa-avatar.item2 img, #profile-left li#pa-avatar img { box-shadow: 0 0 0 5px #2c333b, 0 0 0 6px #636363; max-height: 180px; max-width: 180px; } li.pa-online { font-size: 7px; font-family: 'Helvetica Regular', sans-serif; color: #dddddd; text-transform: lowercase; line-height: 1; letter-spacing: 1px; width: 100%; text-align: center; } li.pa-online strong { font-weight: normal !important; } .pa-respect, .pa-posts, .pa-fld3, .pa-fld4 { text-align: center; font-family: 'Montserrat', sans-serif; font-size: 8px; line-height: 1.6; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; color: #dddddd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 !important; } .pa-posts span.fld-name, .pa-respect span.fld-name, .pa-fld3:before, .pa-fld4:before { display: block; font-family: 'Montserrat', sans-serif; padding: 0; color: #dddddd; font-weight: 600; letter-spacing: 0.2px; font-size: 7px; text-transform: lowercase; } .pa-respect a { color: #dddddd !important; } .pa-respect img { -webkit-filter: hue-rotate(-70deg); filter: hue-rotate(-70deg); width: 7px; height: 7px; } .pa-fld3:before { content: 'посты:'; } .pa-fld4:before { content: 'деньги:'; } .pa-fld3:before, .pa-fld4:before { font-size: 7px !important; } li.pa-fld1 span.fld-name, li.pa-fld2 span.fld-name, li.pa-fld3 span.fld-name, li.pa-fld4 span.fld-name { display: none; } li#pa-fld1 { display: flex; } .pa-fld1, li#pa-fld1 strong { font-family: 'Montserrat', sans-serif; color: #e6e6e6; line-height: 1; background: #fb6d01!important; width: 100%; max-width: 230px; height: 30px; margin: 5px 0px !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 1px 0 0px !important; display: flex!important; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .pa-fld1 pl, li#pa-fld1 strong pl { display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; padding: 3px 0; box-sizing: border-box; } .pa-fld1 img, li#pa-fld1 strong img { width: 40px; height: 40px; outline: 3px solid #3d3d3d; border-radius: 50%; } .pa-fld1 pl top, li#pa-fld1 strong pl top { font-weight: 700; font-size: 12px; text-transform: uppercase; } .pa-fld1 pl btm, li#pa-fld1 strong pl btm { font-weight: 400; font-size: 8px; letter-spacing: 1px; text-transform: lowercase; } .pa-fld2 { width: 100%; margin: 10px auto!important; } .pa-fld2 a { display: block; padding: 0 3px; margin: -3px 0 5px; color: #fff!important; text-align: center; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 2px; font-size: 9px; line-height: 1; } li#pa-fld2 strong a { display: block; } li#pa-fld2 strong lz a { display: inline; } .pa-fld2 a:hover { opacity: .5; } .pa-fld2 lz { outline: 1px solid #636363; width: 80%; margin: 0 auto!important; padding: 6px; text-align: justify; display: block; color: #ddd; font-family: 'Helvetica Regular', sans-serif; font-weight: normal !important; } .pa-fld2 lz a, .pa-fld2 lz { font-size: 9px!important; letter-spacing: 1px!important; line-height: 1.4; text-transform: lowercase!important; } .pa-fld2 lz a { display: inline!important; padding: 0!important; margin: 0!important; color: #fb6d01!important; font-family: 'Helvetica Bold', sans-serif; } .pa-fld2 lz a:hover { background: #a3a3a3; color: #2c333b!important; opacity: 1!important; } li.pa-ip { color: #e6e6e6!important; font-family: 'Helvetica Regular', sans-serif; font-size: 9px; letter-spacing: 1px; display: block; width: 100%; text-align: center; margin-bottom: 5px!important; } li.pa-ip a { color: #e6e6e6 !important; } li.pa-ip a:hover { opacity: .6 !important; } .punbb .post-links ul { text-align: right; } .punbb .post-links li { padding: 4px 5px 4px 6px!important; background: #fb6d01; line-height: 1!important; text-transform: uppercase; font-size: 8px; font-family: 'Montserrat', sans-serif; font-weight: 500!important; letter-spacing: 1px; } .punbb .post-links li a { color: #ffffff!important; } .punbb .post-links li:hover { background: #dddddd!important; } .punbb .post-links li:hover a { color: #2c333b!important; } .pl-email, .pl-website { background: #2c333b!important; margin-right: 3px!important; } #pun-multimove .post-links li { background: transparent!important; } /* Страница профиля -------------------------------------------------------------*/ #viewprofile .container { padding: 20px 60px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } #profile-left { background: transparent; width: 230px !important; padding: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; } #profile-left li#profile-name { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 2px!important; text-align: left; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1; text-transform: uppercase; font-weight: 700!important; letter-spacing: 0.6px; text-shadow: none; margin: 0 0 4px !important; color: #fb6d01 !important; } #profile-name strong { font-weight: 700!important; color: #fb6d01!important; font-size: 14px!important; } #profile-left li#profile-title { padding: 9px 5px !important; font-weight: normal; color: #e6e6e6; text-align: center; text-transform: lowercase; font-size: 7px; line-height: 1; font-family: 'Helvetica Regular', sans-serif; letter-spacing: 1px; width: 100%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #2c333b; } #profile-left li#pa-avatar { background: #2c333b; padding: 6px 0 14px 0 !important; } #profile-left li#profile-title strong { font-weight: normal !important; } #profile-left li#pa-online { font-size: 7px; font-family: 'Helvetica Regular', sans-serif; color: #dddddd; background: #2c333b; text-transform: lowercase; line-height: 1; letter-spacing: 1px; width: 100%; text-align: center; padding-bottom: 10px; border-bottom: 2px solid #fb6d01!important; } #profile-left li#pa-online strong { font-weight: normal !important; } #profile-left li#pa-edit { text-align: center; } #profile-left li#pa-edit a { font-family: 'Montserrat', sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: lowercase; font-weight: 600 !important; padding: 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; color: #2c333b; margin-top: 5px; } #profile-right li strong { font-size: 11px; text-transform: lowercase; letter-spacing: 1px; font-family: 'Helvetica Regular', sans-serif; font-weight: normal !important; width: 100%; padding: 0!important; } #viewprofile li { background-color: transparent; color: #333; } #viewprofile li strong, #viewprofile li div { background-color: transparent; font-weight: normal; } #viewprofile li span { font-family: 'Helvetica Bold', sans-serif; font-size: 11px; line-height: 10px; text-transform: lowercase; font-weight: normal !important; letter-spacing: 1px; color: #343434; } #viewprofile li span a, #profile-right li span a { color: #343434; } #viewprofile h2 span { background-color: transparent; color: #c56018; font-family: 'Helvetica Regular', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 13px; } #profile-signature { padding: 0 !important; margin-top: 30px; } #profile-signature:before { content: ''; display: block; width: 50%; background: #c1c1c1; height: 1px; margin: 0 auto 30px; } #profile-signature ul { margin: 0; padding: 0 1em !important; } #viewprofile ank { display: block; } /* Настройки профиля -------------------------------------------------------------*/ #profilenav h2 span { background-color: transparent; color: #c56018; font-family: 'Helvetica Regular', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 13px; } #profilenav li { font-weight: normal; text-transform: lowercase; } .fs-box label, .fs-box .label, p.infofield { font-family: 'Helvetica Regular', sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase; } .punbb .formal span.input { text-transform: lowercase; } /* Ссылки -------------------------------------------------------------*/ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #6a727a; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #20262e; } .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #fa7c18; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* Формы и кнопки -------------------------------------------------------------*/ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, input.button, button.sml, #mask_dialog .hv-control input { background: #2c333b !important; font-family: 'Helvetica Regular' !important; font-size: 9px !important; text-transform: uppercase !important; font-weight: normal !important; letter-spacing: 1px !important; color: #ffffff !important; border-radius: 0; } input.button:hover, #mask_dialog .hv-control input:hover { background-color: #ebebeb !important; color: #2c333b !important; } #mask_dialog .hv-form-block { max-height: 380px!important; } #profile .formsubmit { text-transform: lowercase; } div#form-buttons { background: #2c333b; border-bottom: 2px solid #f87c18!important; margin-bottom: 0; } div#float strong { font-family: 'Helvetica Bold', sans-serif; font-weight: normal; text-transform: uppercase !important; letter-spacing: 1px; } /* Всплывающие уведомления: новое лс и проч. -------------------------------------------------------------*/ .jGrowl { font-size: 11px !important; } .jGrowl .messag_theme { font-family: arial !important; text-transform: lowercase !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .jGrowl-notification { height: auto !important; text-align: center !important; border-radius: 0 !important; } #closet { border-radius: 0 !important; text-transform: lowercase !important; } /* Баббл новых лс -------------------------------------------------------------*/ span.num_msg { background: transparent !important; border-radius: 0 !important; margin-top: -7px !important; margin-left: -2px !important; padding: 3px !important; color: #fb7c16 !important; font-family: 'Helvetica Bold' !important; font-weight: normal !important; font-size: 10px !important; width: 15px !important; height: 15px !important; letter-spacing: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } span.num_msg:before { content: none !important; } /* Админка -------------------------------------------------------------*/ .punbb-admin #pun-admain legend span { background-color: transparent; color: #545454; font-family: 'Helvetica Regular', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 13px; } .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: #333; } #pun-admain fieldset .handle, #pun-admain fieldset p { border: none; background: #dddddd!important; } #pun-admain label, div#pun-admain .adlabel { font-weight: normal; font-family: 'Helvetica Bold', sans-serif; text-transform: uppercase; } #pun-adnav a { font-weight: normal !important; text-transform: lowercase !important; } #pun-adnav .isactive ul.adsubnav a { color: #c56018 !important; } sup.new { color: #c56018 !important; font-weight: normal !important; } sup.new:before { content: '('; } sup.new:after { content: ')'; } /* Скроллбар -------------------------------------------------------------*/ ::-webkit-scrollbar { width: 7px; height: 0; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background-color: #202022; } ::-webkit-scrollbar-thumb { background-color: #f26901; } textarea::-webkit-scrollbar, #tags .container::-webkit-scrollbar, .scrollbox::-webkit-scrollbar, .banners::-webkit-scrollbar, .t-welcome p::-webkit-scrollbar, .t-post p::-webkit-scrollbar, .hvStickerPackModalContent::-webkit-scrollbar { width: 4px !important; height: 0; } textarea::-webkit-scrollbar-track, textarea::-webkit-scrollbar-corner, .scrollbox::-webkit-scrollbar-track, .scrollbox::-webkit-scrollbar-corner, .hvStickerPackModalContent::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-corner { background-color: #e6e6e6 !important; border: none !important; } textarea::-webkit-scrollbar-thumb, .scrollbox::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb { background-color: #666666 !important; } #tags .container::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-corner { background-color: #e1e1e1 !important; } #tags .container::-webkit-scrollbar-thumb { background-color: #f87c18 !important; } .banners::-webkit-scrollbar-track, .banners::-webkit-scrollbar-corner { background-color: #2c333b !important; } .banners::-webkit-scrollbar-thumb { background-color: #707376 !important; } /* Выделение текста -------------------------------------------------------------*/ ::selection { background-color: #e1aa80; color: #2c333b!important; } ::-moz-selection { background-color: #e1aa80; color: #2c333b!important; } /* Панель в форме ответа -------------------------------------------------------------*/ #form-buttons table, .punbb .formal textarea { width: 99%; } #font-area, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #smilies-area, #video-area, #spoiler-area, #float { background: #f3f3f3; border: 1px solid #f87c18!important; border-top: none !important; color: #2c333b; } #tags .container { text-transform: lowercase; } #tags .container a { color: #c9c9c9; } #tags .container a:hover { color: #4e4e4e; } #tags .container strong, div#video-area-thd, div#image-area-thd { font-family: 'Helvetica Bold', sans-serif; font-weight: normal; text-transform: uppercase !important; letter-spacing: 1px; color: #e7e7e7 !important; font-size: 10px; } #addition-area div:hover, #font-area div:hover, #size-area div:hover { background: rgba(44, 51, 59, 0.1) !important; border-radius: 0; } #keyboard-span input { background-color: rgba(44, 51, 59, 0.5) !important; font-size: 13px !important; color: #fff !important; } #keyboard-span input:hover { background-color: rgba(44, 51, 59, 1) !important; } .uploadQueueItem .cancel a { font-weight: normal !important; color: #e6e6e6 !important; } #upload-button-container input[type=button], #imageupload-left input[type=button], #selected-image-width, #selected-thumb-width, #imageupload-left select { font-family: 'Helvetica Bold' !important; font-size: 10px !important; font-weight: normal !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #fb6d01 !important; background-color: #101010 !important; } #uploaded-images img { border: 1px solid #c56018 !important; } #form-buttons #button-font, #form-buttons #button-transL, #form-buttons #button-size, #form-buttons #button-bold, #form-buttons #button-italic, #form-buttons #button-underline, #form-buttons #button-strike, #form-buttons #button-left, #form-buttons #button-center, #form-buttons #button-right, #form-buttons #button-justify, #form-buttons #button-spoiler, #form-buttons #button-quote, #form-buttons #button-code, #form-buttons #button-color, #form-buttons #button-smile, #form-buttons #button-link, #form-buttons #button-image, #form-buttons #button-image2, #form-buttons #button-video, #form-buttons #button-hide, #form-buttons #button-table, #form-buttons #button-keyboard, #form-buttons #button-addition, #form-buttons #button-indent, #form-buttons #button-html, #form-buttons #floatbut, #form-buttons #button-sticker { background-color: #efefef; background-image: none !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .resizable-textarea label { font-size: 0; } #form-buttons td { padding: 0; line-height: 0; background-repeat: no-repeat; } #form-buttons td img { height: 26px; width: 100%; } #form-buttons #button-font { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/79448.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/79448.png) !important; } #form-buttons #button-transL { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/76975.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/76975.png) !important; } #form-buttons #button-size { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/63808.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/63808.png) !important; } #form-buttons #button-bold { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/33694.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/33694.png) !important; } #form-buttons #button-italic { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/78169.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/78169.png) !important; } #form-buttons #button-underline { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/19334.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/19334.png) !important; } #form-buttons #button-strike { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/20461.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/20461.png) !important; } #form-buttons #button-left { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/88670.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/88670.png) !important; } #form-buttons #button-center { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/20490.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/20490.png) !important; } #form-buttons #button-right { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/81976.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/81976.png) !important; } #form-buttons #button-justify { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/32863.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/32863.png) !important; } #form-buttons #button-spoiler { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/79426.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/79426.png) !important; } #form-buttons #button-quote { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/97129.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/97129.png) !important; } #form-buttons #button-code { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/61995.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/61995.png) !important; } #form-buttons #button-color { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/73637.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/73637.png) !important; } #form-buttons #button-smile { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/28265.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/28265.png) !important; } #form-buttons #button-sticker { -webkit-mask-image: url(https://forumstatic.ru/files/001b/6f/ae/58510.png) !important; mask-image: url(https://forumstatic.ru/files/001b/6f/ae/58510.png) !important; } #form-buttons #button-link { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/65787.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/65787.png) !important; } #form-buttons #button-image { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/39101.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/39101.png) !important; } #form-buttons #button-image2 { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/31870.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/31870.png) !important; } #form-buttons #button-video { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/54319.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/54319.png) !important; } #form-buttons #button-hide { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/24823.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/24823.png) !important; } #form-buttons #button-table { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/72423.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/72423.png) !important; } #form-buttons #button-keyboard { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/57469.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/57469.png) !important; } #form-buttons #button-addition { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/85484.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/85484.png) !important; } #form-buttons #button-indent { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/48942.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/48942.png) !important; } #form-buttons #button-html { -webkit-mask-image: url(https://forumstatic.ru/files/001a/16/90/21501.png) !important; mask-image: url(https://forumstatic.ru/files/001a/16/90/21501.png) !important; } #form-buttons #floatbut { -webkit-mask-image: url(https://forumstatic.ru/files/001b/6f/ae/67909.png) !important; mask-image: url(https://forumstatic.ru/files/001b/6f/ae/67909.png) !important; } img.vibor { filter: invert(1); margin: 0 10px; } #button-image > img { position: relative; z-index: 2; } #button-image > center { opacity: 0; visibility: hidden; } #button-image:hover > center { opacity: 1; visibility: visible; } #button-image p { color: #e6e6e6!important; } #float { width: auto; padding: 8px; position: absolute; top: 37px; left: 347px; z-index: 20; display: none; } #float:last-child img { margin: 0 5px !important; -webkit-filter: invert(1); filter: invert(1); } .punbb #post .tabs li.active a, .punbb #post .tabs li a:hover { background: #686868!important; } .punbb #post .tabs li a { background: #3c3c3c!important; } .hvStickerPackModalTab { padding: 6px 12px!important; border-radius: 0!important; background: rgba(0, 0, 0, 0.1)!important; font-size: 9px!important; letter-spacing: 1px!important; font-family: 'Helvetica Bold', sans-serif!important; font-weight: normal!important; text-transform: uppercase!important; color: #2c333b!important; } /* Репутация -------------------------------------------------------------*/ form#rep_form .tcl { width: 20% !important; font-family: 'Helvetica Regular' !important; text-transform: uppercase; text-align: left; font-weight: normal; } form#rep_form .tcl strong { font-family: 'Helvetica Bold' !important; font-weight: normal !important; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { background: #e6e6e6!important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: 2px solid #fb6d01; } div.post-rating, div.post-vote, div.post-vote a, div.post-rating a { font-family: 'Helvetica Bold' !important; font-weight: normal !important; } #pun-respect .tcl { text-transform: lowercase !important; } .removeReputation:before { content: '\f00d'; font-family: 'FontAwesome'; font-size: 10px !important; font-weight: 900 !important; } .edit-reputation { border-bottom: 1px dashed #c56018 !important; } /* Закладки -------------------------------------------------------------*/ #BookmCntToggle.default-style { background: #dddddd !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #2c333b !important; border-left: solid 5px #fb6d01 !important; border-radius: 0; } #MyBookmarks { background: #202326 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; } #MyBookmarks .container { color: #fff !important; text-transform: lowercase !important; } #MyBookmarks h2 { font-family: 'Helvetica Regular' !important; font-size: 9px !important; font-weight: normal !important; text-transform: uppercase !important; color: #fff !important; } #MyBookmarks h2 span { font-size: 12px !important; } #MyBookmarks h1 { font-family: 'Helvetica Regular' !important; font-size: 9px !important; font-weight: normal !important; text-transform: uppercase !important; color: #fff !important; } #MyBookmarks #bm2 { height: 18px !important; width: 18px !important; display: block; position: absolute; padding: 9px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0px !important; right: -12px !important; } #MyBookmarks #bm2:after { content: '\f00d' !important; font-family: 'FontAwesome'; font-size: 12px; background: #48535f; border-radius: 0%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #e6e6e6; z-index: 999; width: 18px !important; height: 18px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } #MyBookmarks span.scrl { width: 98px !important; padding-top: 4px !important; color: #fff !important; text-shadow: none !important; } #MyBookmarks span.scrl.b { left: 100px !important; } #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b { -webkit-box-shadow: none !important; box-shadow: none !important; } #MyBookmarks li.BookmarkL > span > a { color: #fff !important; } #MyBookmarks li.BookmarkL > span > a:hover { opacity: 0.4; } #MyBookmarks li span strong { float: right; cursor: pointer; z-index: 99999; font-weight: 900; position: relative; font-size: 0 !important; } #MyBookmarks li span strong:after { content: '\f00d'; font-size: 10px; font-family: 'FontAwesome'; color: #ffffff; } .post .bookmark { color: #ed9552 !important; } .editBookmark { -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; background: #efefef !important; border: 1px solid #f26901!important; } .editBookmark h1 { margin-bottom: 0 !important; color: #2c333b !important; } .editBookmark input.button { margin: 0 !important; } .editBookmark .container { border-radius: 0 !important; padding: 10px !important; } .editBookmark input:not(.button) { height: 23px; text-transform: lowercase; background: #dddddd !important; font-size: 10px !important; line-height: 9px !important; } .editBookmark .inputfield { color: #fff !important; font-size: 0 !important; text-transform: lowercase; } .editBookmark .inputfield .button { margin-left: 10px !important; margin-top: 1px !important; } span.delBookmark { margin-right: 5px !important; } /* Кнопки вверх/вниз -------------------------------------------------------------*/ #Go_Top, #Go_Bottom { position: fixed; cursor: pointer; background-color: #f26901; width: 13px; height: 100px; z-index: 999; } #Go_Top { top: calc(50% - 65px); left: calc(50% + 552px); } #Go_Bottom { top: calc(50% + 65px); left: calc(50% + 552px); } /* Таблица в шапке (актив) -------------------------------------------------------------*/ .t-welcome, .t-post { display: block; position: absolute; margin: -240px 0 0 0px!important; top: 0; } .t-welcome { left: 45px; } .t-post { right: 30px; } .t-welcome p, .t-post p { background: rgba(221, 221, 221, 0.2); outline: 2px solid rgba(251, 109, 1, 0.2); width: 350px; height: 150px; color: #ddd; font-family: 'Helvetica Regular', sans-serif; text-transform: lowercase; letter-spacing: 1px; line-height: 1.6; padding: 8px 10px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; margin-top: 5px!important; } .t-welcome:before { content: 'welcome:'; width: 100%; text-align: right; } .t-welcome:before, .t-post a.pname, .t-post a.pname:after { display: inline-block; color: #fa7c17; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; line-height: 1; letter-spacing: 0.6px; } .t-post a.pname:after { margin-left: 5px; content: 'posted:'; } .t-post a.rmore { display: block; width: 100%; text-align: right; color: #fa7c17; font-family: 'Montserrat', sans-serif; font-size: 8px; font-weight: 600; text-transform: uppercase; line-height: 1; letter-spacing: 0.6px; margin: 5px 0 0 0!important; } .t-post a.rmore:hover { color: #fff; } .t-act-top, .t-act-btm { display: block; position: absolute; top: 0; left: 0; width: 326px; height: 42px; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: nowrap; } .t-act-top { margin: -222px 0 0 397px!important } .t-act-btm { margin: -113px 0 0 397px!important; } .t-act-top img, .t-act-btm img { width: 70px; height: 40px; filter: grayscale(1); opacity: .5; } .t-act-top a, .t-act-btm a { display: block; background: #f97c18; width: 70px; height: 40px; outline: 1px solid #9f9f9f; } .t-act-top a:hover, .t-act-btm a:hover { background: #2c333b; outline: 1px solid #f97c18; } .t-links, .t-admins { display: flex; position: absolute; justify-content: center; align-items: center; top: 0; left: 0; width: 325px; flex-wrap: wrap; white-space: nowrap; } .t-links { margin: -180px 0 0 398px!important; height: 67px; box-sizing: border-box; padding: 10px 5px; } .t-admins { margin: -255px 0 0 398px!important; height: 20px; box-sizing: border-box; padding: 0 5px; } .t-links a, .t-admins a { line-height: 1; color: #ddd!important; font-size: 11px; font-family: 'Montserrat', sans-serif; letter-spacing: 0.6px; text-transform: uppercase; margin: 0 6px; font-weight: 600; } .t-links a:hover, .t-admins a:hover { color: #fa7c17!important; } /* Баннеры в футере -------------------------------------------------------------*/ .banners { display: block; position: absolute; bottom: -93px !important; left: 15px !important; width: 1075px; height: 32px; overflow-y: auto; text-align: justify; text-align-last: center; padding: 0 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .banners a { opacity: .5; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .banners a:hover { -webkit-filter: none; filter: none; opacity: .9; } /* Текст категорий -------------------------------------------------------------*/ .punbb #pun-category1 h2:before { content: 'chapter'; } .punbb #pun-category1 h2:after { content: 'one'; } .punbb #pun-category2 h2:before { content: 'text2'; } .punbb #pun-category2 h2:after { content: 'text22'; } .punbb #pun-category3 h2:before { content: 'text3'; } .punbb #pun-category3 h2:after { content: 'text33'; } .punbb #pun-category4 h2:before { content: 'text4'; } .punbb #pun-category4 h2:after { content: 'text44'; } .punbb #pun-category5 h2:before { content: 'text5'; } .punbb #pun-category5 h2:after { content: 'text55'; } .punbb #pun-category6 h2:before { content: 'text6'; } .punbb #pun-category6 h2:after { content: 'text66'; } #pun-stats h2:before { content: 'statistics'; } /* Дополнительно -------------------------------------------------------------*/
Страница: 1