etcover [ фиолетовый ]
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться203.04.2023 13:23:11
Код:
/************************************************************* СТРУКТУРА *************************************************************/ /* Не удалять -------------------------------------------------------------*/ @import url(style_cs.css); /* Шрифты -------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100;200;300;400); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @font-face { font-family: "druk-text"; font-style: normal; src: url(https://forumstatic.ru/files/0017/98/d9/14128.eot), url(https://forumstatic.ru/files/0017/98/d9/14128.eot) format("embedded-opentype"), url(https://forumstatic.ru/files/0017/98/d9/24227.woff2) format("woff2"), url(https://forumstatic.ru/files/0017/98/d9/43620.woff) format("woff"), url(https://forumstatic.ru/files/0017/98/d9/22886.ttf) format("truetype"); } @font-face { font-family: "sequel95"; font-style: normal; src: url(https://forumstatic.ru/files/0017/98/d9/93807.eot), url(https://forumstatic.ru/files/0017/98/d9/93807.eot) format("embedded-opentype"), url(https://forumstatic.ru/files/0017/98/d9/31570.woff2) format("woff2"), url(https://forumstatic.ru/files/0017/98/d9/81839.woff) format("woff"), url(https://forumstatic.ru/files/0017/98/d9/27450.ttf) format("truetype"); } @font-face { font-family: "sequel105"; font-style: normal; src: url(https://forumstatic.ru/files/0017/98/d9/39123.eot), url(https://forumstatic.ru/files/0017/98/d9/39123.eot) format("embedded-opentype"), url(https://forumstatic.ru/files/0017/98/d9/32856.woff2) format("woff2"), url(https://forumstatic.ru/files/0017/98/d9/79682.woff) format("woff"), url(https://forumstatic.ru/files/0017/98/d9/60490.ttf) format("truetype"); } @font-face { font-family: "Arial Black"; font-style: normal; src: url("https://forumstatic.ru/files/001b/6f/ae/31956.eot"), url("https://forumstatic.ru/files/001b/6f/ae/31956.eot") format("embedded-opentype"), url("https://forumstatic.ru/files/001b/6f/ae/43588.woff2") format("woff2"), url("https://forumstatic.ru/files/001b/6f/ae/76932.woff") format("woff"), url("https://forumstatic.ru/files/001b/6f/ae/69872.ttf") format("truetype"), url("https://forumstatic.ru/files/001b/6f/ae/10163.svg") format("svg"); } :root { --font-base: verdana, arial, helvetica, sans-serif; --montserrat: "Montserrat", verdana, arial, helvetica, sans-serif; --arial: arial, verdana, helvetica, sans-serif; --arial-black: "Arial Black", arial black, arial, verdana, helvetica, sans-serif; --font-accent1: "sequel105", verdana, arial, helvetica, sans-serif; --font-accent2: "sequel95", verdana, arial, helvetica, sans-serif; --font-accent3: "druk-text", verdana, arial, helvetica, sans-serif; --mso: "Material Symbols Outlined"; --body-img: url(https://forumstatic.ru/files/0017/98/d9/63111.jpg); --header-img: url(https://forumstatic.ru/files/0017/98/d9/97455.png); --profile-img: none; --body-color: #000000; --pun-color: #dbdbdb; --quote-color: #ededed; --text-color: #333333; --accent-color1: #805db4; --accent-color2: #1a1a1a; --accent-color3: #c0c0c0; --border-color: #e5e5e5; --border-opacity: rgba(229, 229, 229, 1); --link-color: #9877cb; --link-hover: #959595; --button-color: #121212; --button-text-color: #e5e5e5; --user-avatar-color: #3c3c3c; --select-min: rgba(178, 166, 209, 0.1); --select-medium: rgba(178, 166, 209, 0.3); --select-max: rgba(178, 166, 209, 0.7); --select-text-color: #6b647b; --black-max2: rgba(0, 0, 0, 0.4); --black-max: rgba(0, 0, 0, 0.2); --black-medium: rgba(0, 0, 0, 0.1); --black-min: rgba(0, 0, 0, 0.01); --white-medium: rgba(255, 255, 255, 0.7); --white-max: rgba(255, 255, 255, 0.9); --grey: #bbbbbb; --body-width: 1000px; --pun-padding: 30px; --body-padding: 40px; --header-height: 370px; --profile-width: 220px; --adaptive-body-width: 100vw; } /* Обнуление -------------------------------------------------------------*/ * { 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 10px; 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; 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; position: absolute; left: -9999px; overflow: hidden; } td#title-logo-tdr, .punbb .datafield br, #post-form h2 span, #pun-messages .user-avatar, #pun-modviewforum .user-avatar, #pun-searchposts li.pa-replies, #pun-messages li.pa-reg, #pun-messages li.pa-posts, #pun-title h1, #navawards, #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, li#pa-invites, #pun-multimove li.pa-title, .punbb .main td .modlist, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name, li.pa-gifts, li.pa-gifts a, li.pa-gifts span, #pun-searchposts .post-links, #pun-messages .linksb:after, li.pl-website.website, .reactions-root { display: none !important; } /* Тело -------------------------------------------------------------*/ body { font-size: 100.01%; font-family: var(--montserrat); font-weight: 500; } .punbb { font: 500 68.75% var(--montserrat); padding: 0; box-sizing: border-box; } .punbb .post-box { font: 1em var(--font-base); } .punbb textarea { background: var(--white-max); font: 1em var(--font-base); } .punbb input { background: var(--select-medium); font: 1em var(--montserrat); } .punbb select { background: var(--select-medium); font: 1em var(--montserrat); text-transform: lowercase; } .punbb optgroup { background: var(--select-min); font: 1em var(--montserrat); font-weight: 700; } .punbb pre { font: 1em var(--font-base); line-height: 170%; white-space: break-spaces; text-align: left; } .punbb .main table { table-layout: fixed; width: 100%; } #pun-messages .main table:not(#form-buttons table), #pun-reputation table { border-spacing: 0 12px; } .punbb .section { margin: 0 auto; width: 100%; } .punbb .main { margin-bottom: 0; } .punbb .topic { margin-top: 0; } .punbb .category, .punbb .post { margin-top: 0; } .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 { box-sizing: border-box; } .punbb { margin: 0; width: 100% !important; padding: 0 !important; } /* Шапка -------------------------------------------------------------*/ #pun-title td.title-logo-tdl { width: 100%; } #pun-title { margin: 0; } #pun-title h1 span { font-size: 0; } /* Меню навигации: форум, участники и т. д. -------------------------------------------------------------*/ #pun-navlinks { display: flex; } #pun-navlinks .container { background: transparent !important; width: 100%; height: 100%; margin: 0; } #navindex a:before, #navuserlist a:before, #navsearch a:before, #navprofile a:before, #navpm a:before, #navadmin a:before, #navlogout a:before, #navlogin a:before, #navregister a:before, #navpr_1 a:before { display: inline-flex; justify-content: center; align-items: center; text-align: center; margin: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; top: 0; left: 0; } #pun-navlinks { z-index: 5; } #pun-navlinks li { padding: 0; } /* Меню навигации 2: новые соо, активные темы и т. д. -------------------------------------------------------------*/ #pun-ulinks li { display: inline-flex; white-space: nowrap; } #pun-ulinks li a { white-space: nowrap; } #pun-ulinks { position: relative; display: flex; } #pun-ulinks .container { background: transparent !important; width: 100%; height: 100%; margin: 0; } #pun-ulinks .item1, #pun-ulinks .item1 a { padding-left: 0; } /* Приветствие и хлебные крошки -------------------------------------------------------------*/ #pun-crumbs1 { overflow: hidden; margin: 35px 0 20px; } #pun-crumbs1 .container { padding: 0; } #pun-crumbs2 { overflow: hidden; margin: 30px 0 0; } #pun-viewforum #pun-crumbs2, #pun-searchtopics #pun-crumbs2, #pun-userlist #pun-crumbs2, #pun-respect #pun-crumbs2, #pun-searchposts #pun-crumbs2, #pun-multimove #pun-crumbs2 { padding: 20px 0 2px; } #pun-index #pun-crumbs2 { padding: 0 !important; } #pun-crumbs2 .container { padding: 0; } #pun-break1 { height: 0; margin: 0; position: relative; z-index: 1; } #pun-status .container { padding: 0; } #pun-status .status-right a { margin-right: 0; } #pun-status span #pun-crumbs1, #pun-crumbs1 .container, #pun-crumbs2 .container, #pun-crumbs2 { font-weight: 700 !important; } .punbb .divider { border-color: transparent !important; } /* Объявление и переадресация -------------------------------------------------------------*/ #pun-announcement .html-box { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; height: auto; } .pun-modal .modal-inner { background: var(--pun-color); padding: 10px !important; width: 600px !important; border-radius: 0; } .move_posts_form .modal-inner>.container { background: var(--pun-color) !important; } #move_posts_form .formal>form.container { padding: 15px 15px 7px 15px !important; } body.redirect-page #pun { margin: calc(var(--header-height) / 2) auto 0 !important; } #pun-redirect, #pun-maint { background-color: var(--pun-color); padding: 20px !important; box-sizing: border-box; } #pun-redirect h1 { margin-bottom: 0 !important; padding: 10px 0 !important; } .pun-modal.move_posts_form h2 { margin-bottom: 10px !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-weight: 700 !important; color: var(--text-color); } /* Таблица общее -------------------------------------------------------------*/ .punbb .main .tcmod { text-align: center; width: 3%; } .punbb .main td { padding: 0; } .punbb .main tr { display: block; word-break: break-word; } #pun-respect tr { border-spacing: 0 6px; } #pun-messages tr:not(#form-buttons table tr), #pun-reputation tr:not(#form-buttons table tr), .punbb .post-box table tr:not(#form-buttons table tr), .history_posts_list table tr:not(#form-buttons table tr), .Form-Table table tr:not(#form-buttons table tr), .adfs-box table tr:not(#form-buttons table tr), .fs-box table tr:not(#form-buttons table tr) { display: table-row !important; } #pun-viewforum .main tr:not(:last-child):not(:first-child), #pun-searchtopics .main tr:not(:last-child):not(:first-child), .multipage .main tr:not(:last-child):not(:first-child), #pun-userlist .main tr:not(:last-child):not(:first-child), #pun-statistic .main tr:not(:last-child):not(:first-child), #pun-online .main tr:not(:last-child):not(:first-child), #pun-modviewforum .main tr:not(:last-child):not(:first-child) { margin: 1.5em 0; } #pun-viewforum .main tr:last-child:not(:first-child), #pun-searchtopics .main tr:last-child:not(:first-child), .multipage .main tr:last-child:not(:first-child), #pun-userlist .main tr:last-child:not(:first-child), #pun-statistic .main tr:last-child:not(:first-child), #pun-online .main tr:last-child:not(:first-child), #pun-modviewforum .main tr:first-child:not(:last-child) { margin: 1.5em 0 1px; } #pun-viewforum .main tr:first-child:not(:last-child), #pun-searchtopics .main tr:first-child:not(:last-child), .multipage .main tr:first-child:not(:last-child), #pun-userlist .main tr:first-child:not(:last-child), #pun-statistic .main tr:first-child:not(:last-child), #pun-online .main tr:first-child:not(:last-child), #pun-modviewforum .main tr:first-child:not(:last-child) { margin: 0 0 1.5em; } #pun-index .main td { padding: 0; } .punbb .main th { padding: 0 0 20px; box-sizing: border-box; font-size: 0; } #pun-index .main th { padding: 0 !important; } #pun-respect .main th, #pun-online .main th { padding: 20px 0 !important; } #pun-messages .main th { padding: 0 0 8px; } .punbb .main td span.youposted { position: absolute; } .punbb tbody.hasicon td.tcl { padding-left: 0; } .punbb .user-avatar { margin: 0 !important; float: right !important; position: relative; } .multipage { margin-top: 0; } .multipage, div#pun-main, div#pun-stats, div#pun-crumbs1, div#pun-crumbs2, div#pun-about { padding: 0; } /* Таблица на index -------------------------------------------------------------*/ #pun-index .main .tcl, #pun-index .main .tcr { overflow: hidden; } #pun-index .main .tc2, #pun-index .main .tc3 { width: 0; font-size: 0; } /* Таблица на searchtopics и viewforum -------------------------------------------------------------*/ #pun-searchtopics tr { vertical-align: top; } #pun-searchtopics .tcl { width: calc(var(--body-width) * 0.4) !important; } #pun-searchtopics .tc2 { width: calc(var(--body-width) * 0.3) !important; } #pun-searchtopics .tc3 { width: calc(var(--body-width) * 0.1) !important; } #pun-searchtopics .tcr { width: calc(var(--body-width) * 0.2) !important; } #pun-searchtopics div.icon { float: none; position: absolute; line-height: 0; } #pun-viewforum .tcl, .multipage .tcl { width: calc(var(--body-width) * 0.55) !important; } #pun-viewforum .tc2, #pun-viewforum .tc3, .multipage .tc2, .multipage .tc3 { width: calc(var(--body-width) * 0.1) !important; } #pun-viewforum .tcr, .multipage .tcr { width: calc(var(--body-width) * 0.35) !important; } #pun-viewforum .tcr a, .multipage .tcr a { display: block; } #pun-viewforum div.icon, .multipage div.icon { float: none; position: absolute; line-height: 0; } #pun-statistic .tcl:not(.tcl.tc-topic) { width: calc(var(--body-width) * 0.275) !important; } #pun-statistic .tcl.tc-topic { width: calc(var(--body-width) * 0.425) !important; } #pun-statistic .tc2 { width: calc(var(--body-width) * 0.275) !important; } #pun-statistic .tc3 { width: calc(var(--body-width) * 0.15) !important; } #pun-statistic .tc3:not(:last-child) { text-align: center; } /* Таблица на userlist -------------------------------------------------------------*/ #pun-userlist .usertable { margin: 20px auto 20px; } #pun-userlist .tcl { width: calc(var(--body-width) * 0.275) !important; text-align: left; word-break: break-word; } #pun-userlist .tc2 { width: calc(var(--body-width) * 0.275) !important; text-align: center; vertical-align: middle; word-break: break-word; } #pun-userlist .tc3 { width: calc(var(--body-width) * 0.15) !important; text-align: center; vertical-align: middle; word-break: break-word; } #pun-userlist .tc3:last-child { text-align: right; } .usertable { margin: 0 auto; } /* Таблица на debug и statistic -------------------------------------------------------------*/ #pun-debug .tcl { width: calc(var(--body-width) * 0.15) !important; white-space: normal; } #pun-debug .tcr { width: calc(var(--body-width) * 0.9) !important; 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: 0.8em; padding: 20px 0 12px; font-weight: 700 !important; } #statistic-other span { padding-right: 0 !important; } #pun-online .tcl, #pun-online .tc3 { width: calc(var(--body-width) * 0.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: 500 !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: calc(var(--body-width) * 0.3) !important; text-align: left; } #pun-messages .tc2 { width: calc(var(--body-width) * 0.2) !important; } #pun-messages .tc2:last-of-type { width: calc(var(--body-width) * 0.05) !important; } #pun-messages .tc3 { width: calc(var(--body-width) * 0.1) !important; } #pun-messages .tcr { width: calc(var(--body-width) * 0.1) !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 .thumb { cursor: pointer !important; display: inline-block !important; position: relative !important; } /* Статистика -------------------------------------------------------------*/ #pun-stats .container { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { display: flex; align-items: center; flex-flow: wrap; text-align: center; padding: 0; cursor: default; height: 32px; width: auto; box-sizing: border-box; margin: 5px 0 15px; text-align: center; justify-content: center; } #pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span { margin-right: 3px; } li#onlinelist { float: left; text-align: justify; width: 100%; margin: 0 0 1em; line-height: 1.8; } li#onlinelist:last-child { margin: 0 !important; } li#onlinelist div { padding: 0; } #onlinelist { text-transform: lowercase; letter-spacing: 0.2px; font-size: 0.9em; font-weight: 500; } #onlinelist a:not { text-transform: initial; } /* Футер -------------------------------------------------------------*/ #pun-qjump { width: 50%; margin: 0; position: relative; float: left; } #pun-qjump .container { background: transparent; } #pun-about { margin: 0; } #pun-about .container { line-height: 150%; } #pun-about p span { display: block; padding: 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: 3px 5px; box-sizing: border-box; margin: 0; } #pun-viewtopic #post-form textarea, #pun-messages textarea, #pun-edit textarea, textarea#reputationText { border-radius: 0 !important; border: 1px solid var(--border-opacity) !important; } .submitfield input#sub4, #pun-profile p.inputfield a, #pun-profile p.datafield a { text-transform: lowercase; padding: 5px 10px; line-height: 1; border-radius: 0; cursor: pointer; background: var(--white-medium); color: var(--text-color) !important; display: inline-flex; justify-content: center; align-items: center; width: -moz-fit-content; width: fit-content; min-width: 125px; box-sizing: border-box; cursor: pointer; } .submitfield input#sub4:hover, #pun-profile p.inputfield a:hover, #pun-profile p.datafield a:hover { opacity: 0.4; } .punbb .post .container { margin-top: 0 !important; padding-bottom: 0; position: relative; } .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0; line-height: 140%; } .punbb fieldset { padding: 0; margin: 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: 12px 16px; } .punbb .post-content .scrollbox { height: auto !important; max-height: 60px !important; overflow-y: auto; } .punbb .post-content .spoiler-box>div { padding: 8px 12px !important; line-height: 170%; } .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 2em; } .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-box { padding: 0; } .punbb .post-links ul { height: auto; margin-left: 0; padding: 0 0 0; background: transparent; line-height: 1; text-align: right; } .punbb .post-links li { line-height: 1 !important; } .punbb .post-links li:not(:first-of-type) { margin-left: 1.5em; } .punbb .hashelp { position: relative; } .punbb .clearer { clear: both; height: 0; font-size: 0; } #pun-messages .clearer { display: none; } .punbb .post-sig dt { display: block; width: 50%; margin: 10px auto; } .punbb dl.post-sig p, #profile-signature p, dl.parsedsig p { line-height: 100% !important; } .punbb .helplinks { display: block; position: absolute; width: 36%; top: 1em; right: 0; font-weight: 500; } .punbb .helplinks span { display: block; padding-bottom: 0.2em; } .punbb .quote-box cite, .punbb .code-box strong.legend { box-sizing: border-box; } .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; } .pl-delete, .pl-edit, .pl-quote, .pl-reports { float: none; } form#rep_form .tc2 input { cursor: pointer; margin: 0 0 8px 0 !important; padding: 7px 13px !important; } .punbb .post h3 { box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } #pun-messages .post h3 { margin: 0 !important; background: transparent; height: auto; width: auto; padding: 0; position: relative; display: flex; justify-content: flex-end; align-items: center; } #pun-messages .post h3 span { font-weight: 600 !important; } .punbb .post h3 span { text-align: left; letter-spacing: 0.4px; line-height: 1; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; box-sizing: border-box; margin: 0 !important; } #pun-multimove .post h3 strong, #pun-searchposts .post h3 strong { right: var(--pun-padding); position: absolute; } .punbb .post-box { text-align: justify; padding: 0 !important; } .punbb #pun-main .info-box .legend { font-size: 1em; font-weight: 700; } .punbb address, .punbb em, em { font-style: normal; } a.qc-post-link img { display: none; } .punbb .required label, .punbb .datafield span.input a { font-weight: 500 !important; } em.bbuline { font-style: normal; text-decoration: none; } hr { opacity: 1 !important; margin-bottom: 0.8em; filter: none; border-bottom-style: none !important; } .linkst .postlink span.closed, .linksb .postlink span.closed { display: none; } span.closed { margin-right: 10px; } #plng { padding: 0; margin: 0 20px 0 0; font-weight: 500 !important; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.2px; line-height: 1; } #plng b { font-weight: 500 !important; } #restore-post { position: absolute; right: -33px; top: 47px; z-index: 200; cursor: pointer; } span#restore-post:before { content: "\f044"; font-family: var(--mi); color: var(--text-color); font-size: 1em; display: block; } .post-content .highlight-text { padding: 0 4px 2px 4px; } /* Пагинация и соседние строчки -------------------------------------------------------------*/ #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, .punbb .linksb { float: none; position: relative; width: 100%; height: 30px !important; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .punbb .linksb noindex, .punbb .linkst noindex { display: flex; align-items: center; } .linkst .postlink { right: 0; text-align: right; } .punbb .linksb { padding: 0.5em 0; } .linksb .pagelink, .linkst .pagelink { float: none; left: var(--pun-padding); position: absolute; line-height: 1; width: auto; max-width: calc(var(--profile-width) - var(--pun-padding)); text-align: left; } #pun-messages .linksb .pagelink, #pun-messages .linkst .pagelink { left: 0 !important; } .linksb .postlink, .linkst .postlink { float: none; right: var(--pun-padding) !important; position: absolute; line-height: 1; width: auto; text-align: right; } #pun-messages .linksb .postlink, #pun-messages .linkst .postlink { right: 0 !important; } .linksb { text-align: right; } .linkst { text-align: left; } #pun-viewtopic .linksb { display: flex; justify-content: flex-end; align-items: center; } #pun-viewtopic .linksb .pagelink { order: 0; } #pun-viewtopic .linksb .postlink { float: none; width: auto; order: 1; } #pun-viewtopic .linksb .subscribelink { float: none; width: auto; order: 2; } #pun-viewtopic .linksb .postlink, #pun-viewtopic .linksb .subscribelink { text-align: right; width: auto; height: auto; display: flex; justify-content: center; align-items: center; } #pun-viewtopic .linksb .postlink a, #pun-viewtopic .linksb .subscribelink a { width: auto; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0; } /* Профиль в постах -------------------------------------------------------------*/ .punbb .post .post-author { float: left; border: none; outline: none !important; box-shadow: none !important; box-sizing: border-box; } .punbb .post .post-author ul { display: flex; justify-content: center; align-items: flex-start; width: auto; height: auto; flex-direction: row; flex-wrap: wrap; box-sizing: border-box; } .pa-author { box-sizing: border-box; } .pa-title { line-height: 1.2; box-sizing: border-box; } .pa-avatar.item2 { width: 100%; height: auto; display: flex; justify-content: center; align-items: flex-end; } .pa-avatar.item2 img, #profile-left #pa-avatar img { max-height: 180px; max-width: 180px; } #profile-left #pa-avatar div { padding: 0; } .pa-online { line-height: 1; } .pa-posts, .pa-respect, .pa-fld2 { box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; flex: auto; flex-direction: column; text-align: center; position: relative; margin: 20px 0 0 !important; } .pa-posts, .pa-respect { width: 50%; } .pa-fld2 { width: 50%; max-width: 50%; } .pa-respect, .pa-fld2 { flex-direction: row !important; white-space: nowrap !important; } .pa-respect img { width: 8px; height: 8px; mix-blend-mode: normal; margin: 0 4px 0 0; filter: grayscale(1); } .pa-ip { color: var(--text-color) !important; font-size: 0.8em; letter-spacing: 1px; display: block; width: 100%; text-align: center; margin-bottom: 5px !important; } .pa-ip a { color: var(--accent-color1) !important; } .pa-ip a:hover { opacity: 0.6 !important; } /* Страница профиля -------------------------------------------------------------*/ #viewprofile .container { box-sizing: border-box; position: relative; } #viewprofile ul { margin: 0; padding: 0; } #viewprofile li { margin: 0; padding: 0; } #viewprofile li strong, #viewprofile li div { padding: 0; display: block; width: auto; } #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: flex; justify-content: center; align-items: center; height: auto; } #profile-right { width: auto !important; } #profile-right li { margin: 0; text-align: left; margin: 0 0 20px 0; display: flex; justify-content: start; align-items: center; } #profile-right li span { float: left; min-width: 160px; padding: 0; margin: 0 30px 0 0; white-space: nowrap; display: block; } td#profile-right { display: table-cell; margin-left: 0; padding: 0 0 0 60px !important; } #profile-signature { padding: 0 !important; margin-top: 30px; } #profile-signature:before { content: ""; display: block; width: 50%; background: var(--black-medium); height: 1px; margin: 0 auto 30px; } #profile-signature ul { margin: 0; padding: 0 1em !important; } /* Настройки профиля -------------------------------------------------------------*/ #profile .container { padding-left: 16.6em; margin-top: 0; } #profilenav { float: left; width: 13em; margin-left: -15.45em; display: inline; letter-spacing: 0.4px; } #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; text-align: left; } #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: 500; } #setmods dd { display: block; } .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em; } #profilenav h2 span { background-color: transparent; color: var(--text-color); text-transform: lowercase; font-weight: 700 !important; font-size: 1em; letter-spacing: 0.6px; } #profilenav li { font-weight: 500 !important; text-transform: lowercase; } .fs-box label, .fs-box .label, p.infofield { font-size: 1em; letter-spacing: 0.1px; font-weight: 500 !important; text-transform: lowercase; padding: 0px 0 1px; box-sizing: border-box; line-height: 1; } div#setmods { padding: 0 0 0.8em 0; } .punbb .formal span.input { text-transform: lowercase; } /* Меню модератора -------------------------------------------------------------*/ #pun-multimove .modmenu .container { display: flex !important; justify-content: flex-end !important; align-items: center !important; } #pun-multimove input#messages-selector { margin-right: 5px; } .punbb .modmenu strong { height: 2em; line-height: 1; display: flex; justify-content: center; align-items: center; font-weight: 500 !important; text-transform: lowercase; margin-right: 5px !important; } .punbb .modmenu .container strong { float: left; } .punbb .modmenu a { height: auto; line-height: 1; } .punbb .modmenu input { margin-left: 1em; } #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; } /* Админка -------------------------------------------------------------*/ #pun-adnav { margin-left: -16em !important; } #pun-adnav ul { padding: 0 !important; margin: 0; } .ace_editor { overflow: hidden !important; } #pun-admain legend { margin: 0 !important; font-size: 1em !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; } .adminmain { margin-bottom: 0 !important; } #pun-admain2 fieldset .subforums { margin-left: 0 !important; } /* Ссылки и переходы -------------------------------------------------------------*/ a, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .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, .submitfield input#sub4, #pun-profile p.inputfield a, #pun-profile p.datafield a, #pun-index .main .user-avatar, #pun-index .main .user-avatar .avatar-image, span.num_msg, #Go_Top:before, #Go_Bottom:before, .etc_table, .All_the_pros:before { text-decoration: none !important; transition: all 0.4s ease !important; } /* Заголовки -------------------------------------------------------------*/ #pun-main h1, #pun-main h2, #pun-debug h2 { padding: 0.5em 0; } /* Формы и кнопки -------------------------------------------------------------*/ .punbb .formsubmit { display: flex; justify-content: center; align-items: center; text-transform: lowercase; padding: 0; margin: 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: 5px 20px !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: flex; flex-direction: column; justify-content: 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: 5px 20px !important; } #pun-multimove input.button { margin: 0 0 0 20px !important; } form#register fieldset { padding: 0; margin: 0 0 1em 0; } /* Всплывающие уведомления: новое лс и проч. -------------------------------------------------------------*/ .jGrowl { font-size: 1em !important; } .jGrowl .messag_theme { font-family: arial !important; text-transform: lowercase !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 { box-sizing: border-box; line-height: 1; letter-spacing: 0; } span.num_msg:before { content: none !important; } /* Скроллбар -------------------------------------------------------------*/ ::-webkit-scrollbar { width: 7px; height: 0; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background-color: transparent; background: transparent; } textarea::-webkit-scrollbar, #tags .container::-webkit-scrollbar, .scrollbox::-webkit-scrollbar, .hvStickerPackModalContent::-webkit-scrollbar, #pun-index td .tclcon p::-webkit-scrollbar, .banners p::-webkit-scrollbar, .etc_post p::-webkit-scrollbar { width: 3px !important; height: 0; } /* Панель в форме ответа -------------------------------------------------------------*/ .punbb .formal textarea { width: 99%; } #form-buttons table { height: 26px; } #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: 259px; } #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; } #uploaded-images img { cursor: pointer !important; width: auto !important; height: 50px !important; max-width: 100px; 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-buttons td { padding: 0; background-repeat: no-repeat; background-color: transparent !important; background-image: none !important; display: flex; font-family: var(--mso) !important; font-style: normal !important; line-height: 1 !important; width: 100%; height: 26px; box-sizing: border-box; justify-content: center; align-items: center; text-align: center; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #form-buttons tr { text-align: center; display: flex; flex-wrap: nowrap; } #form-buttons td img { position: absolute; z-index: 2; margin: 0; width: auto !important; opacity: 0 !important; } #form-buttons #button-font:before { content: "\e264"; position: absolute; } #form-buttons #button-transL:before { content: "\e8e2"; position: absolute; } #form-buttons #button-size:before { content: "\eae2"; position: absolute; } #form-buttons #button-bold:before { content: "\e238"; position: absolute; } #form-buttons #button-italic:before { content: "\e23f"; position: absolute; } #form-buttons #button-underline:before { content: "\e249"; position: absolute; } #form-buttons #button-strike:before { content: "\e257"; position: absolute; } #form-buttons #button-left:before { content: "\e236"; position: absolute; } #form-buttons #button-center:before { content: "\e234"; position: absolute; } #form-buttons #button-right:before { content: "\e237"; position: absolute; } #form-buttons #button-justify:before { content: "\e235"; position: absolute; } #form-buttons #button-spoiler:before { content: "\e875"; position: absolute; } #form-buttons #button-quote:before { content: "\e625"; position: absolute; } #form-buttons #button-code:before { content: "\ead1"; position: absolute; } #form-buttons #button-color:before { content: "\e40a"; position: absolute; } /*#form-buttons #button-smile:before { content: "\e813"; position: absolute; }*/ #form-buttons #button-smile { display: none!important; } #form-buttons #button-sticker:before { content: "\e87d"; position: absolute; } #form-buttons #button-link:before { content: "\e157"; position: absolute; } #form-buttons #button-image:before { content: "\e412"; position: absolute; } #form-buttons #button-image2:before { content: "\e3f4"; position: absolute; } #form-buttons #button-video:before { content: "\e1c4"; position: absolute; } #form-buttons #button-hide:before { content: "\e898"; position: absolute; } #form-buttons #button-table:before { content: "\f088"; position: absolute; } #form-buttons #button-keyboard:before { content: "\f028"; position: absolute; } #form-buttons #button-addition:before { content: "\e145"; position: absolute; } #form-buttons #button-indent:before { content: "\e23e"; position: absolute; } #form-buttons #button-html:before { content: "\ef54"; position: absolute; } #form-buttons #floatbut:before { content: "\e949"; position: absolute; } #form-buttons #button-mask:before { content: "\e853"; position: absolute; } #form-buttons #button-ChangeСase:before { content: "\e262"; position: absolute; } #form-buttons #button-darkcover:before { content: "\e51c"; position: absolute; } 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; } #float { width: auto; padding: 8px; position: absolute; top: 37px; left: 347px; z-index: 20; display: none; } #float:last-child img { margin: 0 5px !important; filter: invert(1); } /* Репутация -------------------------------------------------------------*/ 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; box-sizing: border-box; border-radius: 0; } #pun-report .inner .container, #pun-reputation .inner .container, #pun-admin-award-form .inner .container { padding: 0 !important; } #pun-respect td:last-child:first-child { width: 100% !important; text-align: center; display: flex; justify-content: center; align-items: center; } #pun-respect .tcl { width: calc(var(--body-width) * 0.2) !important; text-align: left; } #pun-respect .tc2 { width: calc(var(--body-width) * 0.05) !important; text-align: center; } #pun-respect .tc3 { width: calc(var(--body-width) * 0.25) !important; text-align: center; line-height: 1; } #pun-respect .tcr { width: calc(var(--body-width) * 0.25) !important; text-align: right; text-transform: lowercase; } .removeReputation { background: transparent !important; float: none !important; height: 12px !important; display: inline !important; } div.post-rating p { padding: 0 !important; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { background: var(--pun-color) !important; box-shadow: none !important; } div.post-rating, div.post-vote, div.post-vote a, div.post-rating a, form#rep_form .tcl strong { font-weight: 700 !important; } .removeReputation:before { content: "\e5cd"; font-family: var(--mso); font-size: 0.9em !important; font-weight: 300 !important; } .edit-reputation { border-bottom: 1px dashed var(--body-color) !important; } /* Закладки -------------------------------------------------------------*/ #MyBookmarks { padding: 20px; box-sizing: border-box; } #MyBookmarks .container { margin-top: 20px; line-height: 150% !important; } input#reputationButtonSend { margin: 0 0 8px 0 !important; } /* Кнопки вверх/вниз -------------------------------------------------------------*/ #Go_Top, #Go_Bottom { position: fixed; cursor: pointer; z-index: 999; } /* Смена имиджа маской -------------------------------------------------------------*/ #mask_dialog .inner { background: var(--pun-color) !important; box-shadow: none !important; max-height: 95% !important; border-radius: 0; } .hv-preview-block { min-width: 120px; margin-right: 10px !important; } .hv-form-block { margin-right: 10px !important; margin-bottom: 10px !important; } #mask_signature { margin: 0; } /* Баннеры в футере -------------------------------------------------------------*/ .banners a { opacity: 0.75; filter: grayscale(100%); mix-blend-mode: luminosity; margin: 2px; } .banners a:hover { filter: none; mix-blend-mode: normal; opacity: 0.9; } /* Дополнительно -------------------------------------------------------------*/ #tooltip, .tipsy-inner { border-radius: 0 !important; padding: 5px 6px !important; font-family: var(--montserrat) !important; text-transform: uppercase !important; font-size: 0.6em !important; letter-spacing: 0.4px !important; font-weight: 500 !important; } .jGrowl-notification, .jGrowl-closer, .notification-spoiler, .jGrowl-notification a, .jGrowl-notification em.guest-link { font-size: 11px !important; } #uploaded-count-block { padding: 0.5em 0 !important; } table#filetable td { padding: 7px 0; } .submitend { margin-top: 10px; } /************************* Стиль для Быстрой смены аккаунтов Deff *************************/ /*Cкрытие формы входа без клика*/ #pun-navlinks a:not(.NextShow)+span.odd { display: none !important; } span.odd { display: block; } #pun-navlinks #New-exit img { position: absolute; margin: 3px -45px 0 45px; width: 17px; height: auto; opacity: 0.98; } #pun-navlinks #New-exit:hover { opacity: 0.4; } /*Стиль доп-иконки Выход!*/ .punbb #pun-navlinks a#New-exit { position: relative; z-index: 100000 !important; float: none !important; width: auto; margin: 0 6px 0 12px; box-sizing: border-box; } .punbb #pun-navlinks a#New-exit:before { display: block!important; width: auto; height: auto; position: relative!important; z-index: 99999999999; content: 'exit'; } .punbb #pun-navlinks a#New-exit img { display: none; } li#navlogout, li#navlogin { display: flex; flex-direction: row; } .punbb #pun-navlinks #form-login span { text-transform: lowercase; } #pun-navlinks #form-login span:not(#pun-navlinks #form-login div span) { box-sizing: border-box; padding: 0 4px; } .punbb #pun-navlinks #form-login input { text-rendering: auto; color: #000000 !important; margin: 3px 0 !important; display: inline-block !important; text-align: center; font: 11px var(--arial) !important; background-color: var(--pun-color); } #pun-navlinks #form-login div { line-height: 16px; } .punbb #form-login #fld1, #form-login #fld2 { background-color: rgb(235, 235, 235); } .punbb #pun-navlinks #form-login input[type=submit] { margin: 13px 0 2px !important; text-align: center; background: var(--body-color) !important; color: var(--button-text-color) !important; font-family: var(--montserrat) !important; font-size: 11px !important; text-transform: lowercase !important; font-weight: 400 !important; letter-spacing: 0.2px !important; line-height: 1 !important; border-radius: 0; } .punbb #pun-navlinks #form-login input[type=submit]:hover { background: var(--accent-color1)!important; } /*Стиль формы входа*/ .punbb #pun-navlinks #form-login { background: var(--accent-color2); border-radius: 0; color: var(--pun-color); display: block; font: 9px var(--montserrat); letter-spacing: 0.4px; left: 0; padding: 7px; box-sizing: border-box; position: absolute !important; text-align: center; text-shadow: none; text-transform: none; top: 28px; width: 158px; z-index: 100000 !important; } #pun-navlinks #navlogin #form-login { margin-top: 0; /*Подвижки формы вниз от вход*/ margin-left: 0; /*Подвижки формы влево от вход*/ } #pun-navlinks #navlogout #form-login { margin-left: 0; /*Подвижки формы влево от выход*/ } .ismoderator #pun-navlinks #navlogout #form-login { margin-left: 0 !important; /*Подвижки формы влево от выход для АМС*/ } /*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ #pun-navlinks #form-login input[value=Войти]+p { margin-bottom: 11px; margin-top: 11px; } .punbb #pun-navlinks #form-login a.Rega, .punbb #pun-navlinks #form-login a.Forgot { position: relative; text-transform: lowercase !important; z-index: 20; cursor: pointer; color: var(--pun-color)!important; font-size: 9px; display: block; } .punbb #pun-navlinks #form-login a.Rega:before, .punbb #pun-navlinks #form-login a.Forgot:before { content: none; } /* Помечаем красным незаполненные поля!*/ #form-login input.none { outline: red dashed 2px !important; } /*Форма слева(с Никами) */ #List-UserNames { position: absolute; margin-top: -7px; min-height: 90px; width: 248px; right: 100%; padding: 7px; background: var(--button-color); border-radius: 0; text-align: left; box-shadow: none; box-sizing: border-box; } /*Стиль контейнера под список Ников*/ .punbb #List-UserNames ul { padding: 0; overflow: hidden; overflow-y: auto; min-height: 30px; max-height: 146px; /*Видимое число Ников без прокрутки*/ } .punbb #List-UserNames li { display: block !important; position: relative; background: #000000 !important; text-align: left; padding-left: 5px !important; font: normal normal 700 12x/normal Verdana !important; margin: 1px auto !important; padding: 2px 0; transition: 0.33s; } .punbb #List-UserNames li:hover { opacity: 0.84; /*background:#83693E!important;*/ } /*Стиль Ников*/ .punbb #List-UserNames li>b { cursor: pointer; opacity: 1; color: var(--pun-color); text-shadow: none; } .punbb #List-UserNames li>b:hover { opacity: .7; } /*Скролл контейнера с никами*/ #List-UserNames ul::-webkit-scrollbar { width: 7px; height: 5px; } #List-UserNames ul::-webkit-scrollbar-track { background-color: #919190; border: 1px solid #919190; box-shadow: none; } #List-UserNames ul::-webkit-scrollbar-thumb { background-color: #000; border: 2px solid #000; box-shadow: none; } /*Кнопки Удалить (правее ников)*/ #List-UserNames ul li>span { display: inline-block; padding: 1px 5px 0; box-sizing: border-box; position: absolute; opacity: 1; cursor: pointer; top: 0; right: 0; bottom: 0; color: var(--pun-color); font: 10px var(--arial-black); line-height: 1; text-shadow: none; background: var(--accent-color1); } /*Текст при отсутствии запомненных Ников!*/ #List-UserNames ul:empty:before { display: inline-block; content: "у вас нет запомненных ников, введенных через форму справа или перенос ниже"; text-align: center; text-transform: lowercase; box-sizing: border-box; padding: 0 4px; } /*Кнопка выход-2*/ #navlogin #exit-2 { display: none; } #navlogout .Rega, #navlogout .Forgot { display: none; } /*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ #List-UserNames ul+span { display: inline-block; padding: 6px 0 0; text-align: left; } input#Paste-And-Copy { width: 100%!important; } #List-UserNames ul+span b { color: var(--accent-color1); font-size: 16px; } /*Сам инпут*/ .punbb #List-UserNames input { padding: 2px !important; vertical-align: middle; box-sizing: border-box; } /*Стрелочки к инпуту*/ font: 15px var(--montserrat); padding: 0 3px; line-height: 1; box-sizing: border-box; color: var(--accent-color1); } /*Кликалка слево, чуть выше инпута*/ #List-UserNames .a1-copy { display: inline-block !important; cursor: pointer; float: left; } /*Кликалка справо*/ #List-UserNames .a1-paste { cursor: pointer; display: inline-block !important; float: right; } /*Подсказки на кликалках*/ .tipsy.a11 { font: normal normal 400 11px/normal Tahoma !important; margin-top: -22px !important; margin-left: 148px !important; max-width: 170px; } /************************* //Конец Стиля для Быстрой смены аккаунтов *************************/
Поделиться303.04.2023 13:23:29
Код:
/************************************************************* СТИЛЬ *************************************************************/ /* Тело -------------------------------------------------------------*/ body { background-image: var(--body-img); background-color: var(--body-color); background-size: cover; background-attachment: fixed; background-position: center top; background-repeat: repeat-y; } #pun:before, #pun-about:before { content: ''; width: calc(var(--body-width) + var(--body-padding) * 2); background: var(--body-color); display: block; position: absolute; left: calc(50% - var(--body-padding) - var(--body-width) / 2); z-index: -1; } #pun:before { height: 100%; } #pun-about:before { height: 80px; } body:before { content: ''; width: calc(var(--body-width) + var(--body-padding) * 2); background: var(--body-color); display: block; position: absolute; left: calc(50% - var(--body-padding) - var(--body-width) / 2); z-index: -1; height: calc(var(--header-height) + var(--body-padding)); margin-top: 0; top: 0; } #pun { background: var(--pun-color); width: var(--body-width); margin: var(--header-height) auto 40px; padding: 0 var(--pun-padding); color: var(--text-color); box-sizing: border-box; border-radius: 0; position: relative; } #profile .container:not(.fs-box .container) { padding: 0 0 0 calc(13.6em + var(--pun-padding)) !important; } .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: var(--text-color); } .punbb th { background-color: transparent; color: var(--text-color); } #setmods dd, #setmods dl { background-color: transparent; color: var(--text-color); font-weight: 500 !important; } /* Шапка -------------------------------------------------------------*/ #pun-title table { background-image: var(--header-img); background-color: var(--body-color); width: var(--body-width); height: var(--header-height) !important; margin: calc(0px - var(--header-height) + 40px) 0 0 calc(0px - var(--pun-padding)); background-repeat: no-repeat; } /* Меню навигации: форум, участники и т. д. -------------------------------------------------------------*/ #pun-navlinks { width: var(--body-width) !important; height: 40px; background: var(--body-color); word-spacing: 0; text-transform: uppercase; left: -30px; font-family: var(--font-accent3); font-weight: 400 !important; letter-spacing: 1px; font-size: 12px; flex-direction: column; flex-wrap: nowrap; position: relative; } #pun-navlinks .container { display: flex; align-items: center; justify-content: center; } #pun-navlinks li { margin: 0px 6px; position: relative; width: auto; height: auto; padding: 0px !important; } #pun-navlinks li a { color: var(--pun-color); margin: 0; display: block; text-align: center; line-height: 1; padding: 0 !important; position: relative; font-size: 0; } #pun-navlinks li a span { display: none; } #pun-navlinks li#navindex a:before { content: "forum"; } #pun-navlinks li#navuserlist a:before { content: "users"; } #pun-navlinks li#navsearch a:before { content: "search"; } #pun-navlinks li#navprofile a:before { content: "profile"; } #pun-navlinks li#navpm a:before { content: "messages"; } #pun-navlinks li#navadmin a:before { content: "ams"; } #pun-navlinks li#navlogout a:before { content: "logout"; } #pun-navlinks li#navregister a:before { content: "join"; } #navpr_1 a:before { content: "pr"; } #pun-navlinks li#navlogin a:before { content: "login"; } #navindex a:before, #navuserlist a:before, #navsearch a:before, #navprofile a:before, #navpm a:before, #navadmin a:before, #navlogout a:before, #navlogin a:before, #navregister a:before, #navpr_1 a:before { font-size: 16px; } #pun-navlinks li a:hover { color: var(--accent-color1); } /* Меню навигации 2: новые соо, активные темы и т. д. -------------------------------------------------------------*/ #pun-ulinks { width: 100% !important; height: auto; padding: 0 !important; flex-wrap: nowrap; justify-content: center; align-items: center; text-align: center; font-size: 0.75em; font-weight: 600 !important; font-style: normal; text-transform: uppercase; letter-spacing: 0.8px; word-spacing: 0; margin: 10px 0 0; top: 0; left: 0; font-family: var(--arial); } #pun-ulinks .container { display: flex; flex-direction: row; align-items: center; justify-content: center; } #pun-ulinks li { margin: 0 9px; } #pun-ulinks li a { color: var(--accent-color2); margin: 0 !important; display: flex !important; justify-content: flex-end; align-items: center; flex-wrap: nowrap; } #pun-ulinks li a:hover { color: var(--accent-color1); } /* Приветствие и хлебные крошки -------------------------------------------------------------*/ #pun-status { position: absolute; left: 0px; top: calc(0px - var(--header-height) + var(--body-padding) / 2 - 5px); text-align: center; box-sizing: border-box; } #pun-status .container { font-size: 7px; letter-spacing: 0.8px; line-height: 1; text-transform: uppercase; box-sizing: border-box; font-weight: 600; font-family: var(--arial); color: #6e6e6e; } #pun-status .container strong { font-weight: 600; } #pun-status .container .item1 strong, #pun-status .container a { color: var(--link-color); } #pun-status .status-right { float: none !important; position: absolute; top: 0px; right: 0; width: 110px; text-align: right; font-size: 0.75em; letter-spacing: 1.3px; } #pun-status .status-right, #pun-status .status-right a { color: var(--pun-color) !important; text-transform: lowercase; } #pun-crumbs1 .container, #pun-crumbs2 .container { font-size: 0.85em; text-transform: uppercase; color: var(--text-color); letter-spacing: 0; text-align: center; line-height: 1; } #pun-index div#pun-crumbs1, #pun-index div#pun-crumbs2 { font-size: 0; } #pun-index div#pun-crumbs1 { margin: 0 0 15px !important; } #pun-index div#pun-crumbs2 { margin: 0 !important; } /* Объявление и переадресация -------------------------------------------------------------*/ /* Заголовки -------------------------------------------------------------*/ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th, #pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span { font-size: 1em; font-weight: 500 !important; } .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb-admin #pun-admain legend span { text-align: center; text-transform: uppercase !important; font-size: 0.9em !important; letter-spacing: 0.4px; line-height: 1; margin: 0; background: transparent; color: var(--text-color); } .punbb-admin #pun-admain h2, .punbb-admin #pun-admain h1 { text-transform: lowercase; } .punbb .topic h2 { text-align: center; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.4px; line-height: 1; margin: 0; } /* Категории -------------------------------------------------------------*/ .punbb .category { padding: 0 10px; box-sizing: border-box; width: calc(var(--body-width) - var(--pun-padding)); margin: 20px 0 0 calc(0px - var(--pun-padding) / 2); } .punbb .category h2 { width: var(--body-width); height: 40px; box-sizing: border-box; padding: 0; margin: 20px 0 20px calc(0px - var(--pun-padding) + 5px); position: relative; display: flex; justify-content: center; align-items: center; text-align: center; background-image: url(https://forumstatic.ru/files/0017/98/d9/54173.png); background-color: var(--body-color); } .punbb #pun-stats h2 { display: none !important; } .punbb .category h2 span { width: var(--body-width); height: auto; display: flex; -webkit-box-pack: center; -ms-flex-pack: cenproter; align-items: center; box-sizing: border-box; padding: 31px 40px 0 !important; font-weight: normal !important; color: var(--accent-color1); text-transform: lowercase !important; line-height: 1; letter-spacing: 0.8px; font-family: var(--font-accent2); margin: 0 auto; font-size: 40px !important; } .punbb #pun-category1.category h2 span, .punbb #pun-category3.category h2 span, .punbb #pun-category5.category h2 span, .punbb #pun-category7.category h2 span { justify-content: flex-end; } .punbb #pun-category2.category h2 span, .punbb #pun-category4.category h2 span, .punbb #pun-category6.category h2 span, .punbb #pun-category8.category h2 span { justify-content: flex-start; } #pun-category1 h2 { display: none !important; } /* Иконки подфорумов -------------------------------------------------------------*/ div.icon { background: var(--pun-color); box-shadow: 0 0 0 1px var(--black-medium); opacity: 1; border-radius: 0; } div.inew, div.icon-new { background: var(--accent-color1) !important; box-shadow: 0 0 0 1px var(--accent-color1) !important; font-weight: 700 !important; opacity: 1; } tr.isticky div.icon { background: var(--button-color) !important; box-shadow: 0 0 0 1px var(--button-color) !important; opacity: 1; } div.inew~.tclcon:not(#pun-index .tclcon), .icon.inew~.tclcon a:not(#pun-index .tclcon a) { font-weight: 700 !important; font-family: var(--montserrat) !important; } #pun-viewforum div.icon, #pun-searchtopics div.icon, #pun-messages div.icon, .multipage div.icon { height: 5px; width: 5px; margin: 5px 0 0; } #pun-index div.icon { background-color: transparent !important; background-image: url(https://forumstatic.ru/files/0017/98/d9/96251.png) !important; font-weight: 500 !important; float: none; width: 87px; height: 46px; display: block; margin: 0; line-height: 1; z-index: 14; opacity: 1 !important; box-shadow: none !important; } #pun-index div.inew { background-color: transparent !important; background-image: url(https://forumstatic.ru/files/0017/98/d9/44473.png) !important; opacity: 1 !important; box-shadow: none !important; border-radius: 0 !important; } /* Таблица общее -------------------------------------------------------------*/ .multipage .forum { margin-top: 0; 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; } #pun-index .main .user-avatar { position: relative; margin: 3px 5px 3px 20px !important; } .punbb .user-avatar { height: 25px; width: 25px; margin: 0px 7px 0px 10px !important; background: var(--user-avatar-color); border-radius: 0 !important; box-shadow: 0 0 0 1px var(--accent-color1); } .punbb .user-avatar .avatar-image { height: 25px !important; width: 25px !important; border-radius: 0 !important; opacity: 0.5 !important; mix-blend-mode: multiply; filter: contrast(1) brightness(2) grayscale(1); } #pun-viewforum .user-avatar .avatar-image, #pun-viewforum .user-avatar, #pun-searchtopics .user-avatar .avatar-imager, #pun-searchtopics .user-avatar { width: 25px !important; height: 25px !important; margin-left: 10px !important; } #pun-viewforum .user-avatar .avatar-image, #pun-viewforum .user-avatar, #pun-searchtopics .user-avatar .avatar-imager, #pun-searchtopics .user-avatar { float: right !important; } #pun-index .user-avatar, #pun-index .user-avatar .avatar-image { height: 22px !important; width: 22px !important; } #pun-index .user-avatar .avatar-image { margin: 0 !important; position: relative; opacity: 0.5 !important; } .punbb .user-avatar .isonline { background: var(--link-color) !important; top: -2px !important; right: -2px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; z-index: 4 !important; } #pun-index .user-avatar .isonline { top: -3px !important; right: -3px !important; } /* Таблица на index + подфорумы -------------------------------------------------------------*/ #pun-index .main .tcl { text-align: left; width: calc(var(--body-width) * 0.5); height: auto; padding: 0; } #pun-index .main thead .tcl { height: 0; } #pun-index .main thead { display: none; } .container table:not(div#form-buttons table, #pun-profile table, .fs-box .container table) { padding: 0 0; } #pun-index .container table { padding: 0 !important; border-spacing: 0; margin: 0; } #pun-index .main td.tcr { text-align: right; width: calc(var(--body-width) * 0.48); padding: 0 0 0 60px; box-sizing: border-box; } #pun-index .main td.tcl .intd { width: 100%; height: 100%; display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; margin: 0; flex-direction: column; } #pun-index .main .tcr a:not(.user-avatar a), #pun-index .main .tcr .lastpost { line-height: 1.5; box-sizing: border-box; font-family: var(--montserrat); display: inline-block; max-width: calc(var(--body-width) * 0.48 - 130px); } #pun-index .main .tcr .lastpost { font-weight: 600 !important; font-size: 0.7em; font-family: var(--arial); color: var(--text-color); padding: 0; float: right; text-transform: uppercase; letter-spacing: 1px; } #pun-index .main .tcr a:not(.user-avatar a) { font-weight: 400 !important; text-transform: lowercase; font-size: 11px; font-family: var(--arial-black); color: var(--accent-color1); margin: 0 !important; padding: 0; letter-spacing: 0.4px; } #pun-index .main .tcr a:not(.user-avatar a):hover { color: var(--accent-color2); opacity: 0.7; } #pun-index .main .tcr span.datetime { margin-right: 3px; } #pun-index .main .tcr span.byuser { margin-left: 3px; } #pun-index .main tbody.hasicon { position: relative; } #pun-index td .tclcon { box-sizing: border-box; height: 100%; width: 80%; border-radius: 0; color: var(--accent-color2); font-weight: 500 !important; font-size: 0.6em; font-family: var(--arial); letter-spacing: 1px; line-height: 140%; text-transform: uppercase; padding: 0; margin: 6px 0 0 47px; text-align: justify; -moz-text-align-last: start; text-align-last: start; display: flex; flex-direction: column; position: relative; align-items: flex-start; } #pun-index .main td.tcl h3 { font-size: 20px; letter-spacing: 0; font-weight: 400 !important; text-transform: lowercase; line-height: 1; height: auto; width: auto; box-sizing: border-box; margin: 0 0 5px; color: var(--accent-color2); font-family: var(--font-accent3); text-align: center; padding: 0; background: var(--pun-color); order: 1; } #pun-index .main td.tcl p { order: 2; } #pun-index .main td.tcl h3 a { color: var(--accent-color1); } #pun-index .main td.tcl h3 a:hover { color: var(--accent-color1); } #pun-index div.category .container { padding: 0; margin: 1px; box-sizing: border-box; border-radius: 0; background: transparent; box-shadow: none; background: var(--pun-color); } #pun-index .container table tr { position: relative; display: block !important; margin: 10px 0 30px; } .forlinks { display: flex; justify-content: flex-end; margin: -50px 0 0 50px !important; order: 0; flex-direction: column; flex-wrap: nowrap; height: 46px; max-height: 46px; text-transform: lowercase; } .forlinks a { letter-spacing: 1px; background: transparent; color: var(--accent-color2) !important; padding: 0; line-height: 1; font-family: var(--arial); font-size: 10px; margin: 1px 0; font-weight: 700; } .forlinks a:hover { color: var(--accent-color1) !important; } /* Таблица на searchtopics и viewforum -------------------------------------------------------------*/ #pun-searchtopics, #pun-viewforum, #pun-messages td, #pun-respect, #pun-online, #pun-statistic { letter-spacing: 0.2px; text-transform: lowercase; font-family: var(--montserrat) !important; font-weight: 500 !important; } #pun-statistic.punbb #pun-main h1 { font-size: 12px !important; padding: 30px 0 0; letter-spacing: 1px; justify-content: flex-start; text-align: right !important; } #pun-messages th, .multipage th { letter-spacing: 0.2px; font-size: 0.8em !important; text-transform: lowercase; font-family: var(--montserrat) !important; font-weight: 700 !important; } #pun-searchtopics .tclcon strong, #pun-viewforum .tclcon strong, #pun-online a.registered-user { font-weight: 700 !important; } #pun-searchtopics td .tclcon, .multipage td .tclcon { margin-left: 20px; } #pun-searchtopics td.tcl, .multipage td.tcl { text-align: left; } #pun-searchtopics td .tc3, #pun-searchtopics td .tc2 { font-size: 0.9em !important; text-align: center; } #pun-searchtopics th.tc2, #pun-searchtopics th.tc3 { font-size: 0.8em !important; } #pun-searchtopics .tcr { text-align: right; } #pun-searchtopics .tcr a { display: block; font-weight: 500 !important; text-transform: lowercase !important; color: var(--text-color) !important; } #pun-searchtopics .tcr a:hover { color: var(--link-hover) !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; letter-spacing: 0.4px; } #pun-viewforum td.tcl, .multipage td.tcl { text-align: left; } #pun-viewforum td.tc3, #pun-viewforum td.tc2, .multipage td.tc3, .multipage td.tc2 { text-align: center; } #pun-viewforum .tcr, .multipage .tcr { text-align: right; } #pun-viewforum .tcr a, .multipage .tcr a { font-weight: 500 !important; text-transform: lowercase !important; } #pun-viewforum .tcl, .multipage .tcl { text-align: left; } #pun-online .tcl:not(:first-child) { text-align: center; } #pun-online .tcl, #pun-online .tc3 { text-transform: lowercase; } /* Таблица на userlist -------------------------------------------------------------*/ #pun-userlist { font-weight: 500 !important; text-transform: lowercase; letter-spacing: 0.4px; } #pun-userlist .user-avatar { float: left !important; margin: 0 10px 0 0 !important; width: 25px; height: 25px; } #pun-userlist .tcl span.usersname { display: flex; align-items: center; height: 25px; } #pun-userlist .usersname a { color: var(--text-color); } #pun-userlist .usersname a:hover { color: var(--link-hover); } /* Таблица на messages -------------------------------------------------------------*/ #pun-messages tbody.hasicon td.tcl { padding-left: 0; } #pun-messages td .tclcon { margin-left: 15px; } #pun-messages td.tc2, #pun-messages td.tc3 { text-align: center; text-transform: lowercase; } #pun-messages td.tcl { text-align: left; } #pun-messages .tcr { text-align: right; } #pun-messages .tcr a { font-size: 1em !important; font-weight: 500 !important; text-transform: lowercase !important; letter-spacing: 0.4px !important; color: var(--body-color) !important; } #pun-messages .tc2:last-of-type { text-align: right; } #pun-messages fieldset legend strong { font-size: 0.9em; text-transform: lowercase; font-weight: 500 !important; letter-spacing: 0.2px; } #pun-messages fieldset legend strong:before { content: "/"; margin-right: 20px; } .punbb .post-body { margin: 0 0 20px calc(var(--profile-width) + var(--pun-padding)) !important; } #pun-messages .post-body { margin-left: calc(var(--profile-width) + var(--pun-padding)) !important; } #pun-messages .post-box { margin-top: 15px; } #pun-messages .post h3 span { font-size: 8px; font-weight: 700 !important; height: 100%; text-transform: uppercase; z-index: 1; color: var(--body-color); padding: 4px 0; line-height: 1; border-radius: 0px; box-sizing: border-box; width: auto; gap: 10px; } #pun-messages .tclcon strong a { font-weight: 700 !important; color: var(--text-color); } #pun-messages dl.post-sig { display: none; } #pun-messages .pa-avatar.item2 { margin: 0 0 3px; } /* Другие таблицы -------------------------------------------------------------*/ #pun-multimove .post .container, #pun-searchposts .post .container { padding: 0; } #pun-multimove .post-links ul, #pun-searchposts .post-links ul { padding: 0 0 0; } #pun-multimove .post h3 span, #pun-searchposts .post h3 span { justify-content: flex-end; padding: 0 0 0 calc(190px + var(--pun-padding)) !important; } div#pun-multimove .endpost { margin-bottom: 70px; } #pun-multimove .pl-select { line-height: 1 !important; } /* Личные сообщения -------------------------------------------------------------*/ #volSlider { background: var(--grey) !important; width: 100px !important; height: 6px !important; border-radius: 0 !important; box-shadow: none !important; } #volSlider .before { background: var(--black-max) !important; height: 6px !important; border-radius: 0 !important; margin-top: 0 !important; } #volSlider .thumb { background: var(--black-max2) !important; width: 6px !important; height: 6px !important; border-radius: 0 !important; box-shadow: none !important; position: relative !important; margin-bottom: 1px; } .FNTslider { position: relative; z-index: 1000; background: var(--grey) !important; width: 120px !important; height: 6px !important; margin: 0 auto !important; float: right; } .FNTslider .before { height: 100% !important; border: none !important; position: absolute !important; background: var(--black-max) !important; margin: 0 !important; } .FNTslider .thumb { width: 1em !important; height: 100% !important; position: relative; top: 0 !important; background: var(--black-max2) !important; cursor: pointer; } div#notify-settings { font-weight: 500 !important; text-transform: lowercase; letter-spacing: 0.2px; font-size: 0.9em; margin: 0 0 20px !important; } #pun-messages dl.post-sig { display: none; } .bubble, #notify-link .unreads, #navpm .unreads { background: var(--accent-color2) !important; color: var(--accent-color1) !important; top: 0 !important; right: 0 !important; font-weight: 600 !important; font-size: 12px !important; font-family: var(--montserrat) !important; line-height: 1 !important; box-sizing: border-box !important; padding: 2px 5px !important; letter-spacing: 0 !important; position: relative !important; min-width: 13px !important; margin-left: 2px !important; height: auto !important; box-shadow: none !important; border-radius: 0 !important; } .bubble:after { content: none !important; } /* Статистика -------------------------------------------------------------*/ #pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 { color: var(--text-color); font-size: 0.9em; font-weight: 700 !important; line-height: 1; text-transform: uppercase; letter-spacing: 0.8px; font-family: var(--arial); } #pun-stats li strong { font-weight: 700 !important; } #pun-stats .item4 a { color: var(--link-color); } #pun-stats .item4 a:hover { color: var(--accent-color2); opacity: 0.8; } #onlinelist a { color: var(--accent-color2); } #onlinelist a:hover { color: var(--accent-color1); } /* Футер -------------------------------------------------------------*/ #pun-about { margin: 50px 0 0 calc(0px - var(--pun-padding)) !important; padding: 0 !important; width: var(--body-width); height: 10px; background: var(--body-color); } #pun-about .container { font-size: 7px; letter-spacing: 0.5px; text-transform: uppercase; box-sizing: border-box; margin: 37px auto 0; padding: 0; position: absolute; background: transparent; width: var(--body-width); height: 10px; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: 600; } #pun-about p span { text-align: center; margin: 0 0 -53px; padding: 0 !important; width: 100%; box-sizing: border-box; } #pun-about p span, #pun-about p span a { color: var(--pun-color); } div#statistic-other { text-align: justify; margin: 16px 0 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; color: var(--link-hover); font-size: 1em; font-weight: 500 !important; line-height: 1; text-transform: lowercase; letter-spacing: 0.2px; } div#statistic-other a { color: var(--accent-color2); } .banners { display: flex; background-image: url(https://forumstatic.ru/files/0017/98/d9/41212.png); position: absolute; overflow-y: auto; text-align: center; padding: 0; margin: 0 0 0px calc(0px - var(--pun-padding)) !important; height: 62px; width: var(--body-width); box-sizing: border-box; bottom: -46px; border-radius: 0 0 30px 30px; justify-content: flex-end; align-items: flex-end; } .banners p { height: 34px; width: 800px; overflow-y: auto; margin-right: 30px; margin-bottom: 3px; } /* Посты -------------------------------------------------------------*/ #post-form h2 { padding: 0 !important; margin: 0 !important; } #image-area-tinp { color: var(--accent-color1); } #main-reply { border-radius: 0; } .punbb input:not(input.button-color), .punbb select, .punbb optgroup { border-radius: 0; } .punbb .post h3 { height: auto; box-sizing: border-box; padding: 0; color: var(--body-color); width: 100%; position: relative; } .punbb .post h3:not(#pun-messages .post h3)::before, #pun-viewtopic .post:last-child .post-links:before { content: ""; display: block; height: 15px; width: 100%; position: absolute; z-index: 0; margin: 0; box-shadow: none; padding-bottom: 10px; } .punbb .post:first-of-type h3 { margin: 0 0 20px 0; } .punbb .post h3 { margin: 0 0 20px 0; } #pun-viewtopic .post:last-child .post-links { width: 100% !important; margin: 0 0 -10px 0 !important; padding: 0 !important; box-sizing: border-box; height: auto !important; position: relative !important; } #pun-viewtopic .post:last-child .post-links:before { margin: 0; } #pun-multimove .post h3 span em, #pun-searchposts .post h3 span em { padding: 0px 0px 2px 2px; line-height: 1; border-radius: 0px; box-sizing: border-box; color: var(--accent-color2); letter-spacing: 0; display: flex; width: 16px; height: 16px; justify-content: center; align-items: center; } .punbb .post h3 span { padding: 0 0 0 calc(var(--profile-width) + var(--pun-padding) / 2 + 14px); font-weight: 600 !important; font-size: 8px; height: 100%; text-transform: uppercase; z-index: 1; font-family: var(--montserrat); } .punbb .post h3 strong { width: auto; float: right; font-weight: 400 !important; text-align: right; color: var(--accent-color2) !important; padding: 3px 0 4px 8px; line-height: 1; border-radius: 0px; box-sizing: border-box; font-family: var(--arial); } #pun-multimove .post h3 strong, #pun-searchposts .post h3 strong { padding: 3px 0 4px 8px !important; } .punbb .post h3 span a { color: var(--link-color); padding: 3px 0 4px; line-height: 1; border-radius: 0px; box-sizing: border-box; } .punbb .post h3 span a:hover { opacity: 0.5; } .punbb .post h3 span em { margin: 0 10px; } .pun-modal.move_posts_form h2, #mask_dialog .inner .hv-mask-dialog-title, .punbb fieldset legend span { padding: 5px 0 !important; text-align: center; color: var(--link-color); font-size: 1.2em !important; letter-spacing: 0.2px; line-height: 1; font-weight: 600 !important; text-transform: lowercase !important; list-style: upper-alpha; margin: 0 !important; display: block; } .punbb #pun-main h1 { font-size: 0 !important; display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: nowrap; position: relative; width: 100%; height: auto; background: transparent; box-sizing: border-box; padding: 0; font-weight: 600 !important; color: var(--body-color); text-transform: lowercase !important; line-height: 1; letter-spacing: 0; margin: 0 !important; font-family: var(--montserrat); } .punbb .post-content .quote-box, .punbb .post-content .code-box { color: var(--text-color); position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; } .punbb .post-content .blockcode, .punbb .post-content blockquote { background: var(--body-color); color: var(--accent-color3); } .quote-box.hide-box blockquote, .quote-box.quote-main blockquote { background: var(--pun-color) !important; color: var(--text-color) !important; border-bottom: 2px solid var(--accent-color1) !important; border-right: 2px solid var(--accent-color1) !important; border-left: 2px solid var(--accent-color2) !important; border-top: 2px solid var(--accent-color2) !important; } .punbb .post-content .quote-box.spoiler-box { background: var(--pun-color) !important; color: var(--text-color) !important; border-bottom: 2px solid var(--accent-color1) !important; border-right: 2px solid var(--accent-color1) !important; border-left: 2px solid var(--accent-color2) !important; border-top: 2px solid var(--accent-color2) !important; } .post-content .spoiler-box>div.visible { border-radius: 0 !important; } .punbb .post-content .spoiler-box>div { background-image: none !important; background: var(--pun-color); } .punbb .post-content .spoiler-box>blockquote.visible { padding: 5px 12px 10px !important; background: var(--pun-color); border: none !important; color: var(--text-color); } .punbb .quote-box cite, .punbb .code-box strong.legend { background: var(--body-color); line-height: 1 !important; letter-spacing: 0; font-style: normal; text-transform: lowercase; padding: 8px 15px 11px; cursor: default; font-size: 14px; font-family: var(--font-accent3); color: var(--accent-color1) !important; width: 100%; max-width: 100%; margin: 0px auto 0 !important; z-index: 1; max-width: 100%; font-weight: 400 !important; box-shadow: inset 0 -1px 0 0 var(--pun-color); align-items: center; } .punbb .quote-box cite { text-align: center; } .punbb .quote-box.hide-box cite { background: var(--pun-color); text-align: center; color: var(--accent-color1) !important; font-weight: 400 !important; margin: 0px auto -6px !important; position: relative; font-size: 14px; letter-spacing: 0; text-transform: lowercase; font-family: var(--font-accent3); box-shadow: none; border-bottom-width: 0px !important; padding: 0px 10px 0; width: auto; } .punbb .code-box strong.legend { text-align: left; font-weight: 400 !important; margin: 0 auto !important; } .punbb .code-box strong.legend a { color: var(--accent-color1); } .punbb .post-content blockquote { background: var(--body-color); color: var(--pun-color); } .punbb .code-box strong.legend a:hover { color: var(--accent-color3); } .quote-box { position: relative; } a.qc-post-link:before { margin: 0 !important; content: "\e8b6"; display: inline-block; color: var(--pun-color); font-family: var(--mso); position: absolute; font-weight: 300; } a.qc-post-link:hover:before { color: var(--pun-color) !important; } .punbb .datafield span.input { font-weight: bold; } .punbb .info .container { text-transform: lowercase; } .punbb .post-sig dt { border-top: 1px solid var(--select-max) !important; } em.bbuline { border-bottom: 1px solid var(--accent-color1) !important; } del { opacity: 0.45; } hr { border: 1px solid var(--select-max) !important; } .post-content .spoiler-box>div:before, .post-content .spoiler-box>div.visible:before { width: auto; margin-right: 10px !important; font-family: var(--mso); color: var(--accent-color1); font-weight: 600; } .post-content .spoiler-box>div:before { content: "\e5cf"; } .post-content .spoiler-box>div.visible:before { content: "\e5ce"; } .post-content .highlight-text { background-color: var(--button-color) !important; color: var(--button-text-color) !important; } .punbb .post-links:not(#pun-messages .post-links) { margin: 0; position: absolute; width: calc(var(--body-width) * 0.88); height: 15px; } #pun-multimove .post-links { margin: 0; position: relative; width: 100%; } .punbb .post-links li { text-transform: lowercase; letter-spacing: 0.4px; z-index: 5; position: relative; padding: 0 !important; background: transparent; height: 15px; box-sizing: border-box; display: inline-flex; align-items: center; } #pun-viewtopic .post-links li { padding: 0 !important; } .punbb .post-links li:not(#pun-messages .post-links li) { font-size: 0.7em; } #pun-messages .post-links li { font-size: 0.9em; } .punbb .post-links a { text-transform: uppercase; font-weight: 600 !important; font-size: 8px; padding: 3px 0 4px; line-height: 1; border-radius: 0px; font-family: var(--montserrat); letter-spacing: 0.4px; } .punbb .post-links li.pl-delete a, .punbb .post-links li.pl-edit a, .punbb .post-links li.pl-quote a, .punbb .post-links li.pl-reports a { color: var(--link-color) !important; } .punbb .post-links li.pl-email.profile a, .punbb .post-links li.pl-email.pm a, .punbb .post-links li.pl-email.email a { color: var(--accent-color2) !important; font-weight: 600 !important; } .punbb .post-links a:hover { opacity: 0.5; } .punbb .modmenu .container { font-weight: 500 !important; text-transform: lowercase; z-index: 5; position: relative; box-sizing: border-box; padding: 18px 0 0; margin-top: 10px; } .punbb .modmenu strong a { background: var(--button-color); color: var(--button-text-color); padding: 4px 12px; line-height: 1; border-radius: 0; } .punbb .modmenu strong a:hover, .punbb .formsubmit a:hover { background-color: var(--grey) !important; color: var(--button-text-color) !important; } div.modmenu { margin-bottom: 10px; } div#topic-users-in p.container { padding: 5px 0 0; font-size: 0.9em; } .punbb .modmenu .container span { font-weight: 500 !important; }
Поделиться403.04.2023 13:23:36
Код:
/* Пагинация и соседние строчки -------------------------------------------------------------*/ .linkst .postlink, .linkst .pagelink, .linksb .pagelink { font-weight: 600 !important; text-transform: uppercase; font-size: 1.1em; letter-spacing: 0.4px; line-height: 1; z-index: 2; } .linksb .postlink, .linksb .subscribelink { font-weight: 600 !important; text-transform: uppercase; font-size: 1.1em; letter-spacing: 0.4px; line-height: 1; z-index: 2; margin-left: 30px !important; } #pun-viewtopic .linksb .postlink { position: relative !important; right: 0 !important; } .pagelink strong { font-weight: 700 !important; color: var(--body-color); padding: 0 2px; letter-spacing: 0; line-height: 1; } .pagelink a { font-weight: 700 !important; background: transparent; padding: 0 3px; letter-spacing: 0; line-height: 1; } .pagelink a:hover { background: var(--text-color) !important; color: var(--pun-color) !important; border-radius: 0; } .linksb, .linkst { font-weight: 700 !important; text-transform: uppercase; font-size: 0.7em !important; letter-spacing: 0.2px !important; } .linksb .postlink a, .linksb .subscribelink a { color: var(--link-hover); } .linksb .postlink a:hover, .linksb .subscribelink a:hover { color: var(--grey); } .linksb:not(#messages .linksb), .linkst:not(#messages .linkst) { box-sizing: border-box; } #pun-viewtopic .linkst, .multipage .linkst { width: var(--body-width) !important; margin: 0 0 20px calc(0px - var(--pun-padding)); padding: 10px var(--pun-padding) !important; color: var(--text-color); } #pun-viewtopic .linksb, .multipage .linksb { width: var(--body-width) !important; margin: 0 0 0 calc(0px - var(--pun-padding)); padding: 10px var(--pun-padding) 15px !important; color: var(--text-color); } #pun-viewtopic .linksb .pagelink strong, #pun-viewtopic .linkst .pagelink strong, .multipage .linksb .pagelink strong, .multipage .linkst .pagelink strong { box-shadow: 0 1px 0 0 var(--body-color); } /* Профиль в постах -------------------------------------------------------------*/ .punbb .post .post-author { width: var(--profile-width); height: 100%; padding: 0 0 20px; margin: 0 !important; } .punbb .post .post-author ul { border-radius: 0 !important; padding: 0px 0 20px !important; background: var(--quote-color); position: relative; } #pun-viewtopic .post .post-author ul { background: var(--body-color); padding-top: 20px !important; } #pun-messages .post .post-author ul { background: var(--accent-color2); border-radius: 0 !important; padding-bottom: 10px !important; } .punbb .post .post-author ul li { z-index: 2; } .pa-author { height: auto; width: 100%; padding: 14px 2px 14px !important; margin: 0px 0 0 !important; font-size: 16px; line-height: 0.8; text-transform: uppercase; color: var(--pun-color); font-family: var(--montserrat); letter-spacing: 0.4px; font-weight: 900 !important; text-shadow: none; text-align: center; display: flex; justify-content: center; align-items: flex-end; } .pa-author a { color: var(--accent-color1) !important; } .pa-author a:hover { opacity: 0.6 !important; } #pun-viewtopic .pa-author { box-shadow: none !important; border-width: 0 !important; width: 246px; height: 30px; position: absolute; display: flex; align-items: flex-end; justify-content: flex-end; text-align: right; padding: 0 !important; text-transform: uppercase; font-weight: 900 !important; transform: rotate(-90deg); margin: 114px 0 0 -139px !important; top: 0; left: 0; } #pun-viewtopic .post-author.no-avatar .pa-author { width: 160px; margin: 71px 0 0 -96px !important; } .pa-title, .pa-fld3 { text-transform: uppercase; font-size: 0.65em; letter-spacing: 1px; width: 100%; height: auto; text-align: center; padding: 5px 2px 3px !important; box-sizing: border-box; color: var(--pun-color); font-weight: 400 !important; font-family: var(--arial); position: relative; background: var(--accent-color1); margin: 0 17px 19px !important; line-height: 1; } .pa-fld3 a { color: var(--pun-color) !important; } .pa-title { display: none; } .pa-avatar.item2 { margin: 0 !important; padding: 0 0 20px !important; border-radius: 0; position: relative; } #pun-viewtopic .pa-avatar.item2 { padding: 4px 0 !important; z-index: 3; } .pa-avatar.item2 img, #profile-left #pa-avatar img { box-shadow: 0 0 0 2px var(--accent-color2), 0 0 0 3px var(--accent-color1) !important; border-radius: 0; } .pa-online { font-size: 0.7em; text-transform: uppercase; color: var(--accent-color1); letter-spacing: 0.6px; width: 100%; padding: 6px 0 8px !important; line-height: 1; text-align: center; } #pun-viewtopic .pa-online { position: absolute; display: block; top: 0; left: -6px; width: 4px; height: 4px; padding: 0 !important; margin: 0; font-size: 0; background: var(--accent-color1); } #pun-viewtopic .pa-last-visit { position: absolute; display: block; top: 0; left: -6px; width: 4px; height: 4px; padding: 0 !important; margin: 0; font-size: 0; background: var(--accent-color2); opacity: 0.2; } .pa-online strong { font-weight: 700 !important; } #pun-messages .pa-online strong { font-weight: 700 !important; } #pun-messages .pa-online { color: var(--accent-color1); } #pun-messages .pa-avatar.item2 { margin: 0 !important; padding: 0 0 10px !important; } .pa-posts, .pa-respect, .pa-fld2 { text-transform: lowercase; line-height: 1; padding: 0 0 5px !important; font-weight: 900; color: var(--accent-color1); font-family: var(--font-accent3); font-size: 14px; letter-spacing: 0; } .pa-posts span.fld-name, .pa-posts a, .pa-respect span.fld-name, .pa-fld2:before { font-weight: 400; margin: 0 0 10px; text-transform: uppercase; font-size: 7px !important; letter-spacing: 1.3px; width: 100%; display: block; padding: 0; box-sizing: border-box; line-height: 1; font-family: var(--arial); } .pa-respect a, .pa-posts a, .pa-respect span.fld-name, .pa-posts span.fld-name, .pa-fld2:before { color: var(--pun-color) !important; } .pa-respect a, .pa-posts span.fld-name, #pun.isguest .pa-respect span.fld-name { font-size: 0px !important; display: inline-flex; flex-direction: column; } .pa-respect span a:before { content: "погладили"; font-size: 7px !important; } #pun.isguest .pa-respect span.fld-name:before { content: "погладили:"; font-size: 7px !important; } .pa-fld2:before { content: "воды налито:"; } .pa-fld1 { width: 100%; height: auto; display: block; text-align: justify; -moz-text-align-last: center; text-align-last: center; margin: -20px 0 0 !important; box-sizing: border-box; padding: 0 !important; color: var(--pun-color); font-size: 8px; letter-spacing: 1.4px; text-transform: lowercase; font-weight: 400; font-family: var(--arial); line-height: 1.5; } .pa-fld1 lz1, .pa-fld1 lz2, .pa-fld1 lz3 { display: block; width: 100%; padding: 40px 20px 20px; box-sizing: border-box; } .pa-fld1 lz1 { /* светло-серый */ background: url(https://forumstatic.ru/files/0017/98/d9/61292.jpg); } .pa-fld1 lz2 { /* темно-серый */ background: url(https://forumstatic.ru/files/0017/98/d9/59225.jpg); } .pa-fld1 lz3 { /* фиолетовый */ background: url(https://forumstatic.ru/files/0017/98/d9/43786.jpg); } .pa-fld1 a, .pa-fld2 a { color: var(--link color) !important; } .pa-fld1 a:hover, .pa-fld2 a:hover { color: var(--grey) !important; } /* Поиск по постам юзера -------------------------------------------------------------*/ #pun-searchposts .post-author, #pun-multimove .post-author { padding: 0 !important; margin: 0 !important; width: 200px; height: auto; } #pun-searchposts .post-body, #pun-multimove .post-body { margin: 0 0 0 220px !important; } #pun-searchposts .post-author ul, #pun-multimove .post-author ul { margin: 0 !important; padding: 5px 20px 6px !important; background: var(--accent-color2); } #pun-searchposts .pa-author, #pun-multimove .pa-author { text-shadow: none; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 !important; position: relative; font-size: 13px; line-height: 1.3; color: var(--pun-color); background: transparent; padding: 0 !important; word-break: break-word; height: auto; } #pun-searchposts .pa-author a, #pun-multimove .pa-author a { text-align: left; align-items: center; justify-content: flex-start; color: var(--link-hover) !important; } #pun-searchposts .pa-author strong, #pun-multimove .pa-author strong { font-weight: 400 !important; font-family: var(--font-accent3) !important; } /* Страница профиля -------------------------------------------------------------*/ #viewprofile .container { padding: 0 !important; margin: 0; } div#viewprofile-next { margin: 30px 0 0; } #pun-profile #pun-main h1 { display: none; } #profile-left { width: 220px !important; padding: 0 !important; box-sizing: border-box; text-align: center; } #profile-left #profile-name { box-sizing: border-box; height: auto; padding: 15px 4px 17px !important; margin: 0 !important; text-align: center; font-size: 17px; line-height: 1; text-transform: uppercase; color: var(--pun-color); letter-spacing: 1px; font-weight: 400 !important; text-shadow: none; font-family: var(--font-accent1); background: var(--accent-color2); border-radius: 0; } #profile-left strong { font-weight: 500 !important; } #profile-left #profile-name strong { font-weight: 400 !important; font-size: 13px !important; line-height: 1; text-transform: uppercase; font-family: var(--font-accent3); letter-spacing: 0.4px; } #profile-left #profile-title { box-sizing: border-box; border-radius: 0; width: 100%; height: auto; margin: 0 !important; text-align: center; padding: 10px 2px 13px !important; background: var(--accent-color2); color: var(--pun-color); text-transform: uppercase; font-size: 0.6em; letter-spacing: 1px; font-weight: 400 !important; display: none; } #profile-left #profile-title strong { font-weight: 400 !important; font-family: var(--font-accent1); position: relative; background: var(--accent-color1); margin: 0 10px 5px !important; line-height: 1; color: var(--accent-color2); padding: 4px 0 2px 0px; } #profile-left #pa-avatar { margin: 0 !important; padding: 0 0 16px !important; background: var(--accent-color2); box-sizing: border-box; } #profile-left #pa-avatar strong { color: var(--pun-color); text-transform: lowercase; font-weight: 400 !important; font-size: 0.8em; letter-spacing: 0.2px; } #profile-left #pa-online { color: var(--accent-color1); text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.8px; margin: 0 !important; box-sizing: border-box; padding: 0 2px 16px !important; line-height: 1; text-align: center; background: var(--accent-color2); } #profile-left #pa-online strong { font-weight: 700 !important; } #profile-left #pa-edit { text-align: center; font-size: 1em; text-transform: lowercase; letter-spacing: 0.2px; margin: 0; padding: 10px 0; width: 100%; box-sizing: border-box; } #profile-left li:nth-last-child(1), #profile-left li:nth-last-child(2):not(#pa-avatar, #profile-title, #profile-name) { border-radius: 0 !important; } #profile-left #pa-edit strong { font-weight: 600 !important; } #profile-left #pa-edit a { color: var(--body-color); } #profile-left #pa-edit:hover a { color: var(--link-hover); } #profile-right li strong { font-size: 1em; text-transform: lowercase; letter-spacing: 0.2px; font-weight: 500 !important; width: 100%; padding: 0 !important; } #viewprofile li { background-color: transparent; color: var(--text-color); } #viewprofile li strong, #viewprofile li div { background-color: transparent; font-weight: 500; } #viewprofile li span { font-size: 1em; line-height: 1; text-transform: lowercase; font-weight: 600 !important; letter-spacing: 0.2px; color: var(--text-color); margin-bottom: 0 !important; } #viewprofile li span a, #profile-right li span a { color: var(--text-color); } #viewprofile h2 span { background-color: transparent; color: var(--body-color); text-transform: uppercase; font-weight: 500 !important; font-size: 1.2em; } /* Админка -------------------------------------------------------------*/ .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: var(--text-color); } #pun-admain fieldset .handle, #pun-admain fieldset p { border: none; background: #ebebeb !important; } #pun-admain label, div#pun-admain .adlabel { font-weight: 700 !important; text-transform: uppercase; } #pun-adnav a { font-weight: 500 !important; text-transform: lowercase !important; } #pun-adnav .isactive ul.adsubnav a { color: var(--accent-color1) !important; } sup.new { color: var(--text-color) !important; font-weight: 500 !important; } sup.new:before { content: "("; } sup.new:after { content: ")"; } /* Ссылки и переходы -------------------------------------------------------------*/ .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: var(--link-color); } .punbb .isactive a, .punbb .isactive a:link, .punbb .isactive a:visited { box-shadow: 0px 1px 0 0 var(--black-medium); } .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #pun-admain a:hover, .punbb-admin #pun-admain a:focus, .punbb-admin #pun-admain a:active { color: var(--link-hover); } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: var(--body-color); color: var(--accent-color1); } /* Формы и кнопки -------------------------------------------------------------*/ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, input.button, button.sml, #mask_dialog .hv-control input { background: var(--button-color) !important; color: var(--button-text-color) !important; font-family: var(--montserrat) !important; font-size: 11px !important; text-transform: lowercase !important; font-weight: 600 !important; letter-spacing: 0.2px !important; line-height: 1 !important; border-radius: 0; padding: 5px 20px !important; } .punbb input.button { border-radius: 0; } input.button:hover, #mask_dialog .hv-control input:hover { background: var(--grey) !important; } #mask_dialog .hv-form-block { max-height: 380px !important; } #profile .formsubmit { text-transform: lowercase; } div#form-buttons { margin: 0; padding: 0; } /* Всплывающие уведомления: новое лс и проч. -------------------------------------------------------------*/ /* Баббл новых лс -------------------------------------------------------------*/ span.num_msg { border-radius: 0 !important; margin: 0 !important; right: 7px; top: -6px; color: var(--accent-color1) !important; font-family: var(--font-accent1) !important; font-size: 16px !important; letter-spacing: 0 !important; line-height: 1 !important; width: auto !important; height: auto !important; position: relative !important; background: none !important; speak: literal-punctuation; justify-content: center; align-items: center; display: inline-flex; } span.num_msg:after { content: none !important; display: none !important; } #pun-navlinks li#navpm { display: flex; justify-content: center; align-items: center; } /* Скроллбар -------------------------------------------------------------*/ ::-webkit-scrollbar-thumb { background-color: var(--pun-color); } #tags .container::-webkit-scrollbar-thumb { background-color: var(--pun-color) !important; } textarea::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb { background-color: var(--black-max) !important; } .scrollbox::-webkit-scrollbar-thumb { background-color: var(--white-medium) !important; } .banners p::-webkit-scrollbar-thumb { background-color: var(--white-medium); } /* Выделение текста -------------------------------------------------------------*/ ::-moz-selection { background-color: var(--select-max); color: var(--select-text-color) !important; } ::selection { background-color: var(--select-max); color: var(--select-text-color) !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, #float { background: var(--accent-color2); color: var(--pun-color); border-radius: 0; border: 1px solid var(--black-medium) !important; border-top-width: 0 !important; } #tags .container { text-transform: lowercase; font-size: 0.9em; letter-spacing: 0.2px; font-weight: 400; } #tags .container a { color: var(--pun-color); } #tags .container a:hover { color: var(--accent-color1); } #tags .container strong, div#video-area-thd, div#image-area-thd, div#float strong { font-weight: 500 !important; text-transform: lowercase !important; letter-spacing: 0.2px; color: var(--pun-color) !important; font-size: 11px; } #imageupload-left input[type=button] { width: auto !important; color: var(--text-color) !important; font-family: var(--montserrat) !important; font-weight: 700 !important; border-radius: 0; box-shadow: none; background: var(--pun-color) !important; } #addition-area div:hover, #font-area div:hover, #size-area div:hover { background: rgba(255, 255, 255, 0.25) !important; border-radius: 0; } #keyboard-span input { background-color: rgba(255, 255, 255, 0.7) !important; font-size: 1.2em !important; color: var(--text-color) !important; border-radius: 0; } #keyboard-span input:hover { background-color: var(--body-color) !important; color: var(--pun-color) !important; } .uploadQueueItem .cancel a { font-weight: 500 !important; color: var(--accent-color1) !important; } #uploaded-images img { border: 1px solid var(--select-max) !important; } #form-buttons td { color: var(--text-color) !important; font-weight: 300 !important; font-size: 1.5em !important; border-radius: 0; } #form-buttons td:hover { opacity: 0.4; } #button-image p { color: var(--pun-color) !important; } .punbb #post .tabs .active a, .punbb #post .tabs li a:hover { background: #686868 !important; } .punbb #post .tabs li a { background: #3c3c3c !important; } .hvStickerPackModal { border-radius: 0 !important; background: var(--pun-color)!important; border-bottom: 2px solid var(--accent-color1) !important; border-right: 2px solid var(--accent-color1) !important; border-left: 2px solid var(--accent-color2) !important; border-top: 2px solid var(--accent-color2) !important; box-shadow: none!important; padding: 10px !important; } .hvStickerPackModalContent { padding: 0 6px!important; } .hvStickerPackModalTab { padding: 6px 12px !important; border-radius: 0 !important; background: rgba(0, 0, 0, 0.1) !important; font-size: 10px !important; letter-spacing: 0.4px !important; font-family: var(--montserrat) !important; font-weight: 700 !important; text-transform: uppercase !important; color: #222 !important; } .hvStickerPackModalInput, .hvStickerPackModalAddButton { border-radius: 0!important; } /* Репутация -------------------------------------------------------------*/ form#rep_form .tcl { width: 20% !important; font-family: var(--montserrat) !important; text-transform: lowercase; text-align: left; font-weight: 500 !important; } #pun-respect .tcl { text-transform: lowercase !important; } /* Закладки -------------------------------------------------------------*/ #BookmCntToggle.default-style { background: var(--pun-color) !important; box-shadow: none !important; color: var(--text-color) !important; border-left: solid 2px var(--text-color) !important; border-radius: 0; } #MyBookmarks { background: var(--pun-color) !important; box-shadow: none !important; border-radius: 0; } #MyBookmarks .container { color: var(--text-color) !important; text-transform: lowercase !important; } #MyBookmarks h2 { font-family: var(--montserrat) !important; font-size: 0.8em !important; font-weight: 500 !important; text-transform: uppercase !important; color: var(--text-color) !important; } #MyBookmarks h2 span { font-size: 1.1em !important; } #MyBookmarks h1 { font-family: var(--montserrat) !important; font-size: 0.8em !important; font-weight: 500 !important; text-transform: uppercase !important; color: #fff !important; } #MyBookmarks #bm2 { height: 25px !important; width: 25px !important; display: block; position: absolute; padding: 9px; box-sizing: border-box; top: 0 !important; right: -16px !important; } #MyBookmarks #bm2:after { content: "\e5cd" !important; font-family: var(--mso); font-size: 1.1em; background: var(--accent-color1) !important; border-radius: 0; display: flex !important; justify-content: center; align-items: center; color: #fff; z-index: 999; width: 26px !important; height: 26px !important; box-sizing: border-box; letter-spacing: 0; line-height: 1; padding: 0 0 0 1px !important; } #MyBookmarks span.scrl { width: 98px !important; padding-top: 4px !important; color: var(--text-color) !important; text-shadow: none !important; } #MyBookmarks span.scrl.b { left: 100px !important; } #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b { box-shadow: none !important; } #MyBookmarks .BookmarkL>span>a { color: var(--text-color) !important; } #MyBookmarks .BookmarkL>span>a:hover { opacity: 0.4; } #MyBookmarks li span strong { float: right; cursor: pointer; z-index: 99999; font-weight: 500; position: relative; font-size: 0 !important; } #MyBookmarks li span strong:after { content: "\e5cd"; font-size: 0.9em; font-family: var(--mso); color: var(--text-color); } .post .bookmark { color: var(--body-color) !important; right: calc(0px - var(--pun-padding)) !important; } .editBookmark { box-shadow: none !important; border-radius: 0 !important; background: var(--pun-color) !important; border: 1px solid var(--select-max) !important; } .editBookmark h1 { margin-bottom: 0 !important; color: var(--accent-color1) !important; padding: 10px !important; } .editBookmark input.button { margin: 0 !important; } .editBookmark .container { border-radius: 0 !important; padding: 10px !important; } .editBookmark input:not(.button-color) { height: 23px; text-transform: lowercase; background: var(--accent-color1); 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 { left: calc(50% + var(--body-width) / 2 + 30px); font-size: 0; display: flex; justify-content: center; align-items: center; } #Go_Top { top: calc(50% - 40px); } #Go_Bottom { top: calc(50% + 40px); } #Go_Top:before, #Go_Bottom:before { display: block; font-family: var(--font-accent1); color: var(--pun-color); font-size: 20px; text-transform: uppercase; letter-spacing: 3px; } #Go_Top:before { margin-bottom: 1px !important; content: "up"; } #Go_Bottom:before { margin-top: 1px !important; content: "down"; } #Go_Top:hover, #Go_Bottom:hover { opacity: 0.5; } /* Смена имиджа маской -------------------------------------------------------------*/ #mask_dialog .inner .hv-mask-block .hv-form-block label { font-size: 0.9em; text-transform: lowercase; } #mask_dialog .inner .hv-mask-block .hv-form-block label b { font-size: 1em; text-transform: lowercase; font-weight: 600 !important; } .hv-preview-author { font-size: 1.2em !important; font-family: var(--montserrat) !important; font-weight: 700 !important; padding-bottom: 1px !important; text-transform: lowercase; } .hv-preview-title { font-size: 0.8em !important; font-family: var(--montserrat) !important; font-weight: 500 !important; text-transform: lowercase !important; margin: -5px 0px 2px 0px; } #mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea { background: var(--quote-color) !important; border: 1px solid var(--select-max) !important; } .hv-mask-field.pa-fld3, .hv-mask-field.pa-fld1 { text-transform: unset !important; font-size: unset !important; letter-spacing: unset !important; width: unset !important; height: unset !important; text-align: unset !important; text-align-last: unset !important; padding: unset !important; box-sizing: border-box; color: unset !important; font-weight: unset !important; font-family: unset !important; position: unset !important; background: unset !important; margin: unset !important; } /* Шапка + таблица -------------------------------------------------------------*/ .etc_name { position: absolute; width: 100%; top: -265px; left: 10px; font-size: 160px; letter-spacing: 1.8px; font-weight: 400; font-family: var(--font-accent2); color: var(--accent-color1); text-align: center; } .quote_top { position: absolute; top: -390px; left: -12px; font-size: 120px; letter-spacing: 1.8px; font-weight: 400; font-family: var(--font-accent2); color: var(--accent-color1); text-align: center; z-index: 6; } .quote_bottom { position: absolute; top: -25px; left: calc(var(--body-width) - 80px); font-size: 120px; letter-spacing: 1.8px; text-transform: lowercase; font-weight: 400; font-family: var(--font-accent2); color: var(--accent-color1); text-align: center; z-index: 6; height: 90px; overflow: hidden; } a.banner_left, a.banner_right { position: absolute; font-weight: 700; font-family: var(--montserrat); font-size: 12px; letter-spacing: 1px; color: white !important; display: flex; width: 200px; border-radius: 20px 20px 0 0; justify-content: center; align-items: center; } .banner_left { background: var(--accent-color1); transform: rotate(-90deg); top: 0; left: 0; margin: -156px 0 0 -113px !important; height: 25px; } .banner_right { background: var(--grey); transform: rotate(90deg); top: 0; right: 0; margin: -156px -112px 0 0 !important; height: 24px; } a.banner_left:hover { background: var(--grey) !important; } a.banner_right:hover { background: var(--accent-color1) !important; } .etc_table { position: absolute; top: calc(0px - var(--header-height) + var(--body-padding)); left: 0; background-image: url(https://forumstatic.ru/files/0017/98/d9/77015.png); width: var(--body-width); height: 370px; opacity: 0; } .etc_table:hover { opacity: 1; } .etc_links { position: absolute; width: 100%; font-size: 15px; letter-spacing: 0.8px; font-weight: 900; font-family: var(--arial); color: var(--pun-color); text-align: center; margin-top: 25px !important; } .etc_links a { color: var(--pun-color) !important; } .etc_links a:hover { color: var(--link-color) !important; } .etc_links a:hover:after { color: var(--pun-color) !important; } .etc_links a:after { content: " -"; } .etc_links a:last-child:after { content: none; } .etc_episode { position: absolute; width: 100%; font-size: 9px; letter-spacing: 0.9px; font-weight: 700; font-family: var(--arial); color: var(--link-color); text-align: center; top: 80px !important; z-index: 99999; } .etc_episode a { color: var(--pun-color) !important; } .etc_episode a:hover { color: var(--link-color) !important; } .etc_post { position: absolute; font-size: 9px; line-height: 2; letter-spacing: 0.8px; font-weight: 400 !important; font-family: var(--arial); color: var(--pun-color); text-align: justify; -moz-text-align-last: center; text-align-last: center; top: 280px !important; padding: 0px 140px; z-index: 99999; } .etc_post a { display: inline-block; font-size: 13px; font-family: var(--font-accent2); } .etc_post a:hover { color: var(--pun-color) !important; } .etc_post p { height: 54px; overflow-y: auto; } /* Дополнительно -------------------------------------------------------------*/ #table-area td.selected { background-color: #eceeea !important; } .subforums { order: 3; margin-top: 3px !important; } div.post-vote p, div.post-rating p { line-height: 1; } .Form-Table { margin-bottom: 30px !important; } .table_GamePosts { background: var(--white-medium) !important; } .table_GamePosts tr:nth-child(odd) { background: var(--quote-color)!important; } #pre_placement>a { top: 3px; right:2px; } .punbb .GamePst { padding:0!important; } .punbb .table_GamePosts tbody th { padding: 10px !important; box-sizing: border-box !important; display: table-cell !important; font-size: .9em !important; color: var(--pun-color) !important; height: auto !important; cursor: pointer; visibility: visible; opacity: 1 !important; background: var(--accent-color2) !important; text-align: center; } .punbb .table_GamePosts td { border: none!important; } #pre_placement { position: relative; text-align: right; margin-bottom: 5px; } #pre_placement>a:before { content: '\e7fe'; } #pre_placement>a { opacity: 1!important; position: relative!important; display: inline-block!important; cursor: pointer; width: auto!important; height: auto!important; top: 0!important; right: 0!important; box-shadow: none!important; background: none!important; text-decoration: none !important; font-family: var(--mso) !important; font-style: normal !important; line-height: 1 !important; font-size: 16px!important; font-weight: 300!important; color: var(--pun-color)!important; background: var(--accent-color2)!important; box-sizing: border-box; padding: 5px; letter-spacing: 0; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* ЛАЙКИ ВСЕМ НА СТРАНИЦЕ © deff, оформление blanche (брать нельзя, скрипт платный) -------------------------------------------------------------*/ .All_the_pros { position: relative; margin-right: 30px !important; width: auto; height: auto; background: transparent; } .All_the_pros:before, .All_the_pros.load:before, .All_the_pros.done:before { color: var(--link-color); } .All_the_pros:not(.All_the_pros.done, .All_the_pros.load):hover::before { color: var(--grey); } .All_the_pros:before { content: 'погладить всех'; } .All_the_pros.load:not(.done):before { content: 'гладим...'; } .All_the_pros.load.done:before { content: 'поглажено'; } .All_the_pros:not(.All_the_pros.done, .All_the_pros.load) { cursor: pointer; } .All_the_pros.done, .All_the_pros.load { cursor: default !important; } /* ТЕМНАЯ ТЕМА ПОСТА Ч.2 © переработка blanche, основа deff. брать можно только с копирайтом -------------------------------------------------------------*/ .darkcover div.container { background: var(--accent-color2); margin: 0 calc(0px - var(--pun-padding)) 20px; box-shadow: 0 -2px var(--accent-color1), 0 2px var(--accent-color1); } .darkcover div.container:not(.darkcover.endpost div.container) { padding: var(--pun-padding) var(--pun-padding) 0 !important; } .darkcover.endpost div.container { padding: var(--pun-padding) !important; } .darkcover .post-box { color: var(--pun-color); box-sizing: border-box; } .darkcover .post-links { margin-top: 20px!important; } .punbb .darkcover .post-content .quote-box, .punbb .darkcover .post-content .code-box { color: var(--pun-color)!important; } .punbb .darkcover .post-content .quote-box.hide-box cite { background: var(--accent-color2); } .punbb .darkcover .post-content .quote-box.hide-box blockquote, .punbb .darkcover .post-content .quote-box.quote-main blockquote { background: var(--accent-color2) !important; color: var(--pun-color) !important; } .punbb .darkcover .post-content .quote-box.hide-box blockquote, .punbb .darkcover .post-content .quote-box.quote-main blockquote, .punbb .darkcover .post-content .quote-box.spoiler-box { border-left: 2px solid var(--body-color) !important; border-top: 2px solid var(--body-color) !important; } .punbb .darkcover .post-content .quote-box cite, .punbb .darkcover .post-content .code-box strong.legend { box-shadow: inset 0 -1px 0 0 var(--accent-color2); } .punbb .darkcover .post-content .spoiler-box>div, .punbb .darkcover .post-content .spoiler-box>blockquote.visible { background: var(--accent-color2); color: var(--pun-color); } /* Выравнивание таблиц по верхнему краю в темах -------------------------------------------------------------*/ #p5759 tr, #p5769 tr, #p6 tr, #p5750 tr { vertical-align: top!important; } /* Первое соо без профиля -------------------------------------------------------------*/ #p5769 .post-author, #p5769 .post-sig, #p5769 .pl-email, #p5769 .post-author, #p5769 .post-sig, #p5769 .pl-email, #p5769 .post-author, #p5769 .post-sig, #p5769 .pl-email { display: none; } #p5769 .post-body, #p5769 .post-body, #p5769 .post-body { margin-left: 0 !important; } #p5769 h3 span { padding: 0; } #p5759 .post-author, #p5759 .post-sig, #p5759 .pl-email, #p5759 .post-author, #p5759 .post-sig, #p5759 .pl-email, #p5759 .post-author, #p5759 .post-sig, #p5759 .pl-email { display: none; } #p5759 .post-body, #p5759 .post-body, #p5759 .post-body { margin-left: 0 !important; } #p5759 h3 span { padding: 0; } #p925 .post-author, #p925 .post-sig, #p925 .pl-email, #p925 .post-author, #p925 .post-sig, #p925 .pl-email, #p925 .post-author, #p925 .post-sig, #p925 .pl-email { display: none; } #p925 .post-body, #p925 .post-body, #p925 .post-body { margin-left: 0 !important; } #p925 h3 span { padding: 0; } #p343 .post-author, #p343 .post-sig, #p343 .pl-email, #p343 .post-author, #p343 .post-sig, #p343 .pl-email, #p343 .post-author, #p343 .post-sig, #p343 .pl-email { display: none; } #p343 .post-body, #p343 .post-body, #p343 .post-body { margin-left: 0 !important; } #p343 h3 span { padding: 0; }
Страница: 1