первое
Код:/************************************************************* ШРИФТЫ **************************************************************/ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Cormorant+Unicase:wght@300;400;500;600;700&family=Cuprum:ital,wght@0,400..700;1,400..700&family=Didact+Gothic&family=Forum&family=Golos+Text:wght@400..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Tenor+Sans&family=Ysabeau+Office:ital,wght@0,1..1000;1,1..1000&family=Zen+Old+Mincho&display=swap'); /* Font Awesome */ @import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css'); /* шрифты бланш */ @import url('https://forumstatic.ru/files/001a/28/10/55678.css'); @import url('https://forumstatic.ru/files/001a/28/10/36579.css'); @import url('https://forumstatic.ru/files/001a/28/10/75564.css'); @font-face { font-family: goznak; src: local("goznak"), url(https://forumstatic.ru/files/001b/b6/6b/80985.ttf) format('truetype');} @font-face { font-family: soledago; src: local("soledago"), url(https://forumstatic.ru/files/001b/b6/6b/11896.ttf) format('truetype');} /************************************************************* ЧТО МЕНЯЮ **************************************************************/ /* СПИСОК ОНЛАЙНА*/ #pun-main.multipage .online-list { background-color: var(--punvn); border-radius: 8px; padding: 8px 0 0 0; border: 1px solid var(--bord);} #pun-online .tc3 { text-align: right;} /* ПРОСМОТР ПРОФИЛЯ И НАСТРОЙКА ПОЛЕЙ */ #viewprofile #profile-right li#pa-register-date { order: 1;} #viewprofile #profile-right li#pa-time-visit { order: 2;} #viewprofile #profile-right li#pa-last-post { order: 3;} #viewprofile #profile-right li#pa-last-visit { order: 4;} #viewprofile #profile-right li#pa-respect { order: 5;} #viewprofile #profile-right li#pa-positive { order: 6;} #viewprofile #profile-right li#pa-posts { order: 7;} #viewprofile #profile-right li#pa-email { order: 8;} #viewprofile #profile-right li#pa-positive a {color: var(--white);} #viewprofile #profile-right li#pa-fld3 .mp { height: 16px; width: 160px; display: flex; flex-wrap: wrap; justify-content: center;} #viewprofile #profile-right li#pa-fld3 .mp t1 { margin: -5px 0px 0px 0px; width: 160px;} #viewprofile #profile-right li#pa-fld4 lz_name { background: none; border: none;} #viewprofile #profile-right li#pa-fld1 { order: 11;} #viewprofile #profile-right li#pa-fld2 { /*order: 12;*/} #viewprofile #profile-right li#pa-fld3 { order: 10;} #viewprofile #profile-right li#pa-fld4 { order: 9; width: 160px; padding: 5px 20px 5px 10px !important;} #viewprofile #profile-right li#pa-fld5 { padding: 0 !important; margin: -15px 0 0 0 !important; width: 199px !important; height: 160px !important; position: absolute; left: 56px; border-radius: 10px 10px 0 0 !important; overflow: hidden; z-index: 0;} #viewprofile #profile-right li#pa-fld5 bg {} #viewprofile #profile-right li#pa-fld5 bg1, #viewprofile #profile-right li#pa-fld5 span, #viewprofile #profile-right li#pa-fld5 icnk, #viewprofile #profile-right li#pa-fld4 span, #viewprofile #profile-right li#pa-fld3 span {display: none;} #profile-left #pa-avatar div img { border-radius: 2px; max-width: 150px; max-height: 150px; object-fit: cover; z-index: 1; position: relative;} #viewprofile #profile-title { z-index: 1; position: relative;} #viewprofile #profile-name{ z-index: 1; position: relative;} #viewprofile #profile-name strong { font: var(--f3); background: var(--punvn); padding: 0px 20px !important; color: var(--punshadow); border: 1px solid var(--bord); border-radius: 8px;} #viewprofile #profile-title strong { text-transform: lowercase; color: var(--bord); letter-spacing: 0.3px; font: var(--f7); padding: 2px 10px !important; background: var(--punvn); border-radius: 8px; font-weight: 100 !important;} #viewprofile #pa-online strong { color: rgb(117 71 54 / 72%); text-transform: lowercase; font-variant-caps: all-small-caps !important; letter-spacing: 0.4px; font: var(--f2);} #viewprofile #pa-edit a { text-transform: lowercase; font-variant-caps: all-small-caps !important; letter-spacing: 0.4px; font: var(--f2); color: var(--punshadow); font-weight: 700;} #viewprofile tr { display: flex;} #viewprofile li span { font-weight: normal; background: var(--bord); color: var(--white); text-transform: uppercase; border-radius: 8px; font: var(--f3); padding: 3px 10px !important; font-size: 9px;} #profile-right li strong { font-weight: normal; margin: 0px !important; padding: 10px 0px 4px 4px !important;} #profile-right li { display: flex; flex-direction: column; justify-content: center; flex: auto; text-align: center; padding: 5px 10px !important; font-size: 10px; background: var(--punvn); border-radius: 10px; align-self: stretch; align-items: center;} #viewprofile #profile-left { padding: 10px !important; width: 200px; display: flex; flex-direction: column; background: var(--pun); border-radius: 15px; align-items: center; color: var(--punshadow); box-sizing: border-box;} #profile-right { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 10px; width: auto !important; background: var(--pun); padding: 15px !important; border-radius: 10px; box-sizing: border-box; flex: 1; margin-left: 20px;} /* СТРАНИЦА РЕПУТАЦИИ */ #pun-respect .main table { background: var(--punvn); border-radius: 8px; padding: 10px 0px 15px 0px; border: 1px solid var(--bord);} #pun-respect th { text-align: center !important;} #pun-respect table tr, #pun-positive table tr { vertical-align: text-top;} #pun-respect table .tcr, #pun-positive table .tcr { width: 20% !important; text-align: right !important; text-transform: lowercase; box-sizing: border-box;} #pun-respect table td.tc3.tc4, #pun-positive table td.tc3.tc4 { text-transform: none; position: relative;} #pun-respect table .tcl, #pun-positive table .tcl { text-align: left !important; width: 12% !important; text-transform: lowercase;} #pun-respect table .tc2, #pun-positive table .tc2 { width: 3% !important;} #pun-respect table .tc3, #pun-positive table .tc3 { width: 28% !important;} /* НАСТРОЙКА И ОФОРМА ДОП ПОЛЕЙ */ .pa-respect, .pa-posts, .pa-fld1 { width: auto; margin: 4px 16px 8px 16px !important; font: var(--f5); letter-spacing: 0.3px; display: inline-grid;} .pa-respect .fld-name, .pa-posts .fld-name, .pa-fld1 .fld-name { display: inline-block; position: relative; font-size: 0;} .pa-respect .fld-name, .pa-respect .fld-name a, .pa-posts .fld-name, .pa-fld1 .fld-name { color: var(--punshadow);} .pa-respect .fld-name:before, .pa-posts a:before, .pa-fld1 .fld-name:before, .pa-posts .fld-name:before { color: var(--punshadow); display: inline-block !important; margin: 0 0 7px 0; font: 600 12px 'font awesome 6 pro';} .pa-respect .fld-name:before { content: '\f004';} .pa-posts .fld-name:before, .pa-posts a:before { content: '\f075';} .pa-fld1 .fld-name:before { content: '\f81d';} .pa-posts { margin-top: 10px !important;} .pa-respect .fld-name a { position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .pa-respect img {position: absolute; opacity: 0; z-index: -1;} /* СТРАНИЦА ПОИСКА */ #pun-searchposts .post-author { height: 65px; margin: 0px 0px 0px 0px !important; width: 210px !important;} #pun-searchposts .post-author ul { min-height: 50px !important; width: 200px !important; margin: 7px 0px 0px 5px !important; padding: 2px 10px 0px 10px !important;} #pun-searchposts .post-author li { margin: 7px 0px 0px 5px !important;} #pun-searchposts .pa-replies {display: none !important;} /* СТРАНИЦА СОО */ #pun-messages .post { margin: -11px 0 0;} #pun-messages .post h3 { float: right; border-radius: 0px 0px 10px 10px; border: none !important; margin: -28px 0px 0px 0px;} #pun-messages .tc2.pmtc22 { text-align: left; width: 25% !important;} #pun-messages .tc3.pmtc33 { text-align: left; width: 12% !important;} #pun-messages .tc2.pmtc24 { width: 10% !important; text-align: right;} #pun-messages .user-avatar { display:none;} #pun-messages th {text-align: center;} /* КРУЖОЧКИ МЕЖДУ НАЗВАНИЕМ ТЕМЫ И ФОРА */ #pun-crumbs1 em, #pun-crumbs2 em { display: none;} #pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after { content: '\2022'; margin: 0 3px 0 5px; font-size: 12px; color: var(--bejproz);} /* ВИД ЦИФОРОК УВЕДОВ */ .bubble {background: var(--pink) !important;} .bubble:after { border-color: var(--pink) transparent !important;} span.num_msg { margin-left: 101px !important; background: var(--pink) !important;} span.num_msg:before { background: var(--pink) !important;} /* НАСТРОЙКИ СПИСКА С НОМЕРОМ СТРАНИЦ */ #pun-respect .linksb .pagelink { margin: 0px;} #pun-userlist .linksb .pagelink { margin: 2px 0px 0px 0px;} #pun-messages .linksb .pagelink { margin: 2px 0px 0px 0px;} #pun-viewtopic .linksb .pagelink { margin: 2px 0px 0px 0px;} #pun-viewtopic .linkst .pagelink { margin: 20px 0px 0px 0px;} #pun-messages .linksb .postlink { margin: 2px 0px 0px 0px;} #pun-messages .pa-posts, #pun-messages .pa-reg {display: none !important;} #pun-main, #profile.formal.messages-container .container { /* min-height: 150px; */} .linkst .pagelink, .linksb .pagelink { text-transform: lowercase; letter-spacing: 0.5px; font: var(--f2); float: left; word-spacing: 3px; text-align: left; border-radius: 5px; align-items: center; padding: 4px 16px; background: var(--bord); color: var(--white);} .linkst div, .linksb div { max-width: 400px;} .linkst .pagelink a, .linksb .pagelink a { font: var(--f2); border-bottom: none; color: var(--punvn);} .linkst .postlink.long, .linksb .postlink.long { width: auto;} .postlink.long .new-topic, .postlink.long .new-poll { margin-right: 12px; background: var(--bord); /* border: 1px solid var(--bejbord); */ text-align: center; font: var(--f2); border-radius: 6px; padding: 4px 16px; padding-right: 16px !important;} .postlink.long .new-topic a, .postlink.long .new-poll a{color: var(--white);font: var(--f2);} #pun-viewforum .forum { margin: 50px 0px 42px 0px; border-radius: 20px; background: var(--punvn); padding: 4px 0px; border: 1px solid var(--bord);} /* ВНУТРИ ПОДФОРА */ #pun-viewforum .tcl { width: 50%;} #pun-viewforum .tc2, #pun-viewforum .tc3 { text-align: center;} #pun-viewforum .tcr { width: 86%; text-align: left; display: flex; align-items: center; justify-content: flex-start;} #pun-viewforum .tcl .intd { display: flex; gap: 2px;} .tclcon { line-height: 160%;} #pun-searchtopics .tcl a, #pun-viewforum .tcl a { color: rgb(64 34 23);} .byuser { color: rgb(132 101 89); font-weight: 500;} .modmenu .container strong a { display: flex; justify-content: center; align-items: center; height: 18px; width: max-content; padding: 0px 10px 2px; border-radius: 6px; color: var(--white); background: var(--pinkproz); margin: -20px 0px 0px 324px;} .pun-modal.move_posts_form .modal-inner { width: 72.4em; max-height: unset; background: #f2e8dd !important;} #pun th { color: black; text-transform: lowercase; letter-spacing: 0.7px; font: var(--f2); text-align: left; padding: 2px 20px 12px 20px; border-bottom: 1px solid var(--bord);} #pun-userlist .usertable .tc2.title { font: var(--f2) !important;} #pun-main h2 {} /* РАЗМЕР ТЕЛА (ПАНА) */ #pun { margin: 40px auto 40px auto; width: 1049px; position: relative; border-radius: 20px; border: 1px solid var(--punbord);} /* РАЗМЕР ТЕЛА ВНУТРИ */ .punbb {height: auto; width: 1000px;margin: 0 auto;} /* ЗАГОЛОВКИ*/ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 1em; font-weight: normal;} .punbb h1 span, .punbb h2 span, .punbb legend span {font: var(--f2); text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px;} h1 { font-size: 0;} /* ССЫЛКИ НАВИГАЦИИ (ФОРУМ УЧАСТНИКИ И ТД) РАСПОЛОЖЕНИЕ */ #pun-navlinks .container { position: absolute; top: 55px; left: -149px; gap: 22px; display: flex; flex-direction: column; align-items: flex-end;} /* ОФОРМЛЕНИЕ */ #pun-navlinks li { display: inline-flex; } /* ССЫЛКА ДО */ #pun-navlinks li a { text-transform: lowercase; color: #fff; padding: 2px 6px 3px 6px; font: var(--f1); margin: 0px 0px 0px 74px; letter-spacing: 0.5px; background: var(--bejproz); border: 1px solid var(--bejbord); border-right: none; border-radius: 10px 0px 0px 10px;} /* ССЫЛКА ПОСЛЕ */ #pun-navlinks li a:hover {background: var(--pinkproz); border-right: none !important; border: 1px solid var(--pinkbord);} /* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ (УВЕДЫ, НОВЫЕ СОО И ТД) РАСПОЛОЖЕНИЕ */ #pun-ulinks .container { position: absolute; text-align: center; top: -19px; left: -4px; padding: 0 0 0 2rem; width: 900px; display: flex; justify-content: center;} /* ОФОРМЛЕНИЕ */ #pun-ulinks li, #pun-ulinks li a { border-left-style: solid; border-left-width: 1px; white-space: nowrap; margin: 0 0 0 5px; display: inline-flex;} /* ССЫЛКА ДО НАВЕДЕНИЯ */ #pun-ulinks li a { text-transform: lowercase; color: rgb(242 232 221); letter-spacing: 0.5px; font: var(--f5);} /* ПОСЛЕ */ #pun-ulinks li a:hover {color: rgb(229 194 181);} /* ПРИВЕТ, ВАШ ПОСЛЕДНИЙ ВИЗИТ РАСПОЛОЖЕНИЕ */ #pun-status { position: relative; margin-top: -50px; width: 400px; margin-left: -58px;} #pun-status .container { text-transform: lowercase; color: #ffffff; letter-spacing: 0.3px; text-align: center; font: var(--f5); position: relative; font-variant-caps: all-small-caps;} /* НАЗВАНИЕ ФОРУМА НА ГЛАВНОЙ */ #pun-index #pun-crumbs1 p.container, #pun-index #pun-crumbs2 p.container { font-size: 0 !important;} #pun-crumbs1 p.container { padding: 0; text-transform: lowercase; color: rgb(43 25 19); /* letter-spacing: 0.5px; */ text-align: center; text-transform: uppercase; font: var(--f5); margin-top: 4px;} /* НАЗВАНИЕ ФОРА ВНИЗУ НА ГЛАВНОЙ */ #pun-crumbs2 .container { padding: 2em 1em 1.8em 1em; text-transform: uppercase; color: var(--black); letter-spacing: 0.5px; font: var(--f5); text-align: center;} /* НИЖНИЕ ССЫЛКИ РУСФФ РАСПОЛОЖЕНИЕ */ #pun-about .container { border-top-style: none; text-align: center; line-height: 150%; padding: 10px 0px 0px 0px;} /* ОФОРМЛЕНИЕ */ #pun-about p span { display: block; margin-top: 92px; font: var(--f7); text-transform: uppercase; font-size: 7.3px; text-align: center; color: var(--html);} /* ЦВЕТ ССЫЛКИ */ #pun-about p span a { color: var(--pun);} /* РАСПОЛОЖЕНИЕ КАТЕГОРИЙ */ .punbb #pun-category1, #pun-category2, #pun-category3, #pun-category4, #pun-category5, #pun-category6 {margin: 4px auto 4px auto; padding: 16px 0 16px 0;} .punbb #pun-category1 { margin-top: -30px;} /* СТАТИСТИКА ОФОРМЛЕНИЕ */ #pun-stats .container { padding: 20px 10px 20px 10px; text-transform: lowercase; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 980px; margin: -14px 0px 0px -1px; border-radius: 0px 0px 20px 20px; border: 1px solid var(--bord); background: var(--punvn);} /* ТАБЛИЦА ПОДФОРА (РАЗМЕР) */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 71%; line-height: 125%;} /* СКОЛЬКО ТЕМ И СОО ВНУТРИ ПОДФОРА */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { background-color: transparent; text-align: center; width: 6%; padding-left: 12px; font: normal 400 10px/125%; color: var(--black); } /* ТАБЛИЦА ГДЕ АВА ПОСЛЕДНЕЕ СОО И ТЕМА */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: left; width: 30%; text-transform: lowercase; font-size: 10px;} /* ТЕМ И СОО НА ГЛАВНОЙ В ПОДФОРЕ */ #pun-index .category .tc2, #pun-index .category .tc3 {display: none;} /* АВАТАР НА ГЛАВНОЙ В ПОДФОРАХ */ .punbb .user-avatar .avatar-image { height: 34px !important; width: 34px !important; opacity: 1 !important; border-radius: 0px !important; mix-blend-mode: luminosity; transition: all 0.5s ease-out 0s;} .punbb .user-avatar .avatar-image:hover {filter: grayscale(1) !important;} .punbb .user-avatar .isonline { right: 1px !important; top: 2px !important; width: 5px !important; height: 5px !important; background: var(--pun) !important;} #pun-index .user-avatar { height: 34px !important; width: 34px !important; position: absolute; margin-left: -50px !important; margin-top: 2px !important; background: var(--pinkproz); border: 1px solid var(--pinkbord);} .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; margin-top: -22px;} /* СТРАНИЦА ВНУТРИ ТЕМЫ (СВЕРХУ) */ .linkst .pagelink { margin: -18px 0px;} /* ССЫЛКИ НОВАЯ ТЕМА, СОЗДАТЬ ОПРОС И ТД*/ .linkst .postlink { text-align: center; text-transform: lowercase; letter-spacing: 0.5px; font: var(--f2); float: right; margin-top: -13px;} /* НУМЕРАЦИЯ СТРАНИЦЫ ВНУТРИ */ /*.punbb .linksb {text-align: right; font-size: 1.1em;}*/ /* СТРАНИЦА ВНУТРИ ТЕМЫ (СНИЗУ) */ .linksb .pagelink { margin: -50px 0px 0px 0px;} .linksb .postlink { float: right; /* width: 5em; */ font: var(--f2); color: var(--black); text-transform: lowercase; letter-spacing: 0.5px; margin-top: -47px;} /* ПОДПИСАТЬСЯ */ .subscribelink { float: right; clear: both; padding-top: 0.3em; margin-top: -38px !important; padding-bottom: 0.5em; font: var(--f2); color: var(--black); text-transform: lowercase; letter-spacing: 0.5px;} /* НАПИШИТЕ СООБЩЕНИЕ И ОТПРАВЬТЕ */ .punbb fieldset legend { margin: 0px 0 0 15px; padding: 2px 10px; text-transform: lowercase; border-radius: 12px; font: var(--f3); font-size: 14px; font-variant-caps: all-small-caps; color: var(--white); border: 1px solid var(--bord); background: var(--bord);} .punbb fieldset legend span { color: var(--white); display: flex; align-items: center;} /* ПРОФИЛЬ */ .punbb .post .post-author { float: left; text-align: center; background-color: var(--pun); border-radius: 10px; border: 1px solid var(--bord); margin: 10px 0px 0px -8px; position: sticky;} bg{ position: absolute; top: 0px; z-index: -1; left: 0px; width: 234px !important; max-height: 180px; overflow: hidden; border-radius: 10px 10px 0px 0px;} bg::after { content: ""; position: absolute; top: 0; left: 0px; width: 234px; height: 180px; background: linear-gradient(180deg, rgba(112, 143, 182, 0) 0%, rgb(244 228 212) 84%); pointer-events: none;} bg1 { left: 0px; width: 234px !important; border-radius: 0px 0px 10px 10px; position: absolute; max-height: 180px; overflow: hidden; bottom: 0px; z-index: -1;} bg1::after { content: ""; position: absolute; top: 0; left: 0px; width: 234px; height: 180px; background: linear-gradient(0deg, rgba(112, 143, 182, 0) 0%, rgb(244 228 212) 84%); pointer-events: none;} #pun-main .post-author ul { padding: 10px; text-align: center; width: 210px; box-sizing: border-box; margin: 28px 12px; border-radius: 20px; border: 1px solid var(--bejproz); background: #fff3e8; /*min-height: 180px;*/} /* НИК */ .pa-author { margin: 6px 0px 0px 0px !important; padding: 4px 0px 16px 0px !important; text-align: center; letter-spacing: 0.5px;font: var(--f3); position: relative;} /* ЦВЕТ НИКА ДО И ПСОЛЕ НАВЕДЕНИЯ */ .pa-author a { color: var(--punshadow) !important; text-decoration: none;} .pa-author a:hover {color: var(--pinkbord) !important;} /* СТАТУС*/ li.pa-title { position: relative; z-index: 1; padding-top: 2px !important; padding-bottom: 7px !important; text-align: center; text-transform: lowercase; color: var(--bord); margin-top: -18px !important; letter-spacing: 0.3px; font: var(--f7);} /* ОНЛАЙН*/ li.pa-online { margin-top: 10px; /* margin-bottom: 0px; */ color: rgb(117 71 54 / 72%); text-transform: lowercase; font-variant-caps: all-small-caps !important; letter-spacing: 0.4px; font: var(--f2);} /* ПРОФИЛЬ, ЛС, МЭЙЛ И ТД ПОД ПРОФОМ В ТЕМЕ */ .punbb .post-links ul { padding: 0 0em 0 0; margin-left: -224px; text-align: right; font: var(--f2); font-size: 11px; font-variant-caps: all-small-caps; letter-spacing: 0.5px;} /* ОФОРМЛЕНИЕ СПИСКА ПОЛЬЗОВАТЕЛЕЙ В ТЕМЕ */ #topic-users-in { font: var(--f2); color: var(--black); text-transform: lowercase; letter-spacing: 0.5px; font-variant: all-small-caps;} #pun-viewtopic .postlink {float: right;} /* ВРЕМЯ ПОСТА, БЕГУНОК, ПОЛОСА ЭТО ИНТЕРЕСНО И НОМЕР ПОСТА */ .punbb .post h3 { color: var(--punshadow); font: var(--f2); text-transform: lowercase; padding: 3px 20px 3px; margin: -17px -10px 10px -14px; display: block; border-bottom: 1px solid var(--bejbord) !important; background: var(--bejproz); border-radius: 10px 10px 0px 0px; position: relative;} .punbb .post h3 span {} /* НОМЕР ПОСТА В ТЕМЕ */ .punbb .post h3 strong { float: right; width: auto; text-align: right; text-transform: uppercase; color: var(--lz); font: var(--f1);} /* ЦВЕТ КНОПОК ВВОДА ТЕКСТА */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; background: var(--punvn); border: 1px solid var(--bord); border-radius: 4px;} /* ОФОРМЛЕНИЕ ЦИТАТ И КОДА*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 8px 0px 8px 0px; padding: 8px; border-radius: 8px; background: var(--pun); border: 1px solid var(--bejproz);} /* ОФОРМЛЕНИЕ ЗАГОЛОВКА ЦИТАТЫ И КОДА */ .punbb .quote-box cite, .punbb .code-box strong.legend a { display: block; padding: 4px 10px 4px 8px; letter-spacing: 0.4px; background: var(--bejproz); border-radius: 8px 8px 0px 0px; border: 1px solid var(--bejbord); display: flex; justify-content: flex-start; align-items: center; border-top: none; border-left: none; border-right: none; margin: -8px -8px 0px -8px;} /* ОКНО ШРИФТОВ В ОТВЕТЕ */ #font-area {height: 195px; overflow-y: auto;} /* ОФОРМЛЕНИЕ ВНУТРИ РЕДАКТИРОВАНИЯ ПРОФИЛЯ */ #profile fieldset { clear: right; background: var(--punvn); border-radius: 20px; border: 1px solid var(--bord);} #profile fieldset legend span { border-radius: 12px; font: var(--f3); font-size: 14px; font-variant-caps: all-small-caps; color: var(--white); text-align: center;} #profile .post .post-author { margin: 0px 0px 0px -12px;} /* ЦИФРЫ, ИМЯ, МЭЙЛ ВНУТРИ РЕДАКТА ПРОФИЛЯ*/ .punbb .required label, .punbb .datafield span.input {font: var(--f1);} .punbb .datafield span.input a {font-weight: normal;} /* ОФОРМЛЕНИЕ ПОДЛОЖКИ ПРОСМОТРА ПРОФИЛЯ */ #viewprofile ul, #profilenav ul { padding: 20px 18px 20px 18px; margin: 0 0 1em 0; background: var(--punvn); font: var(--f1); border-radius: 16px; border: 1px solid var(--bord) !important;} #profile-right li#pa-invites {display: none;} /* ЗАГАЛОВОК ПРОСМОТРА ПРОФИЛЯ*/ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -1.6em 14px;} /* ПАПКИ ДЕЙСТВИЯ В СОО */ #viewprofile h2 span, #profilenav h2 span { padding: 2px 10px; background: var(--bord); border-radius: 24px; color: var(--white); margin: 0 0 -4px 0; font: var(--f3); position: relative; font-size: 12px; font-variant-caps: all-small-caps;} /* В СПИСКЕ ЮЗЕРОВ ВТОРОЙ СТОЛБИК*/ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { background-color: transparent; text-align: left; width: 20%; font: var(--f2); color: var(--black);} /* В СПИСКЕ ЮЗЕРОВ НИК*/ #pun-userlist td.tcl.username {width: 10%; font-size: 10px;} /* ОТСТУП ССЫЛКИ ЗАГОЛОВКА ПОДФОРА */ #pun-index .tcl h3 { font-size: 20px; line-height: 16px; text-align: left; margin: 0px 0 4px 26px;} /* В СПИСКЕ ЮЗЕРОВ СТОЛБИКИ (УВАЖЕНИЕ, СООБЩЕНИЙ, ПОСЛ ВИЗИТ)*/ #pun-userlist td.tc3.relation, #pun-userlist td.tc3.num_posts, #pun-userlist td.tc3.registered, #pun-userlist td.tc3.last_visit { font: var(--f2); color: var(--black); width: 40%; text-align: left;} /* ПОЯСНЯЮЩИЙ ТЕКСТ */ abbr { border-bottom: 2px dotted var(--pinkbord); text-decoration: none;} /* ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ НА МОБИЛЬНЫХ */ @media screen and (max-width: 540px) { abbr { padding:15px;border-bottom: 1px dotted color: var(--black); } abbr[title] { position:relative;} abbr[title]::after { content: attr(title); display:none; text-align:left;} abbr[title]:hover::after { position:absolute; display:block; background-color: var(--black); color: #fff; border-radius: 3px; font-size: 14px; padding: 3px 5px;}} /* НАСТРОЙКИ В АДМИН СТРАНИЦЕ */ .adminmain { padding-left: 15em !important; margin-bottom: 1em;} #pun-admain fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0; border-color: transparent !important;} .adcontainer { border-style: none solid solid solid; border-width: 0 1px 1px 1px; border-color: transparent !important;} /* ШРИФТ ВЫПАД ОКОШКА В МОД МЕНЮ */ .punbb .modmenu strong, .punbb .modmenu a { font-weight: 500 !important; height: 1.8em; line-height: 1.8em; font: var(--f6); text-transform: lowercase; font-variant-caps: all-small-caps;} span.stickytext{ font-weight: 800; padding: 2px 8px 4px 8px; background: #c06c6c9e; color: #fff; border-radius: 24px; margin: 0 4px 0 0;} /* ПОЛОСА ПОДПИСИ */ .punbb .post-sig dt {display: block; width: 250px; margin: 24px 0;} /* ССЫЛКА ПОДЕЛИТЬСЯ ОТКЛЮЧЕНИЕ */ .topic .sharelink, .topic a.sharelink {display: none;} /* РАЗМЕР ИКОНОК*/ .punbb td div.tclcon {text-align: justify;} #pun-index .tclcon { margin: -21px 0px -5px 21px;} .punbb div.icon { } /* ПЕРЕАДРЕСАЦИЯ */ #pun-redirect{border: 0 none; background: var(--black); margin: 0; padding: 0; left: 0; right: 0; top: 0;bottom: 0; position: fixed; width: 100%; height: 100%; text-align: center;} #pun-redirect *{border: 0 none;} #pun-redirect .main-title {display: none;} #pun-redirect.punbb .info .container{text-align: left; font-weight: bold; display: inline-block; left: 0; right: 0; top: 0; bottom: 0; margin: 7% auto; width: 300px; padding: 0px 50px; height: 300px; background: url() center no-repeat;} /************************************************************* ЧТО НЕ ТРОГАЮ **************************************************************/ /* БРАУЗЕРНЫЕ НАСТРОЙКИ -------------------------------------------------------------*/ html, body {margin: 0; padding: 0;} .punbb * {margin: 0;} .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;} .punbb img {border:none;} /* размер и оформа таблицы в подфоре*/ .punbb .main table {table-layout: fixed; width: 100%;} .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 1.8em; vertical-align: middle;} /* ОСНОВНОЙ ТЕКСТ -------------------------------------------------------------*/ body {font-size: 100.01%;} .punbb {font: normal 11px verdana, arial, helvetica, sans-serif;} .punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 1em verdana, arial, helvetica, sans-serif;} .punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;} .punbb address, .punbb em {font-style: normal;} .punbb .post-content em {font-style: italic;} .punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;} .punbb a {text-decoration: none;} .punbb optgroup {font-weight: bold;} /* СКРЫТЫЕ ЭЛЕМЕНТЫ -------------------------------------------------------------*/ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;} .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden;} /* ОСНОВА ФОРА -------------------------------------------------------------*/ #pun-redirect, #pun-maint {margin: 50px 20% 12px 20%; width: auto; float: none; text-align: center; font-size: 0;} .punbb .section, .punbb .main {margin-bottom: 1em;} .punbb .category, .punbb .post {margin-top: 1em;} .punbb .toppost, .punbb .topicpost {margin-top: 0;} #pun-post .topic {margin-top: 1em;} .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-style: none none solid none; border-width: 0px 0px 2px 0px;} .punbb .container {border-style: solid; border-width: 1px;} .punbb .section h2, #pun-main h2, #pun-stats h2, #pun-debug h2 {padding: 1em 1em; text-align: center; box-sizing: border-box;} /* КОДЫ, ЦИТАТЫ, СТРОКА ПОДПИСИ -------------------------------------------------------------*/ .punbb .post-content img {vertical-align: text-bottom;} .punbb .post-content img.postimg {vertical-align: middle;} .punbb .post-content .blockcode, .punbb .post-content blockquote { width: auto; text-align: justify; margin: 10px 2px 4px 4px; overflow: hidden;} .punbb .post-content .scrollbox {width: 100%; overflow: auto;} /* ВЫРАВНИВАНИЕ В ПОСТАХ (ТЕКСТ) */ .punbb .post-content { padding: 0px 0px 0px 10px; margin: 0; width: 100%; overflow: hidden; text-align: justify;} /* АБЗАЦЫ В ПОСТАХ */ .punbb .post-content p {margin: 0; padding: 0 0 0px 0; line-height: 150%;} /* ИНФОБОКС -------------------------------------------------------------*/ .punbb .info-box {padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0;} .punbb .info-box * {padding: 0 0 0.7em 0;} .punbb #pun-main .info-box .legend {font-size: 1.1em; font-weight: bold;} /* НАСТРОЙКИ ССЫЛОК В ТЕМЕ -------------------------------------------------------------* .punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.1em; height: 0;} .multipage {margin-top: 3em;} /* ОФОРМА ФОРМ -------------------------------------------------------------*/ .punbb .formal .container { padding: 0.7em 1em 1.1em 1em; border-radius: 10px;} .punbb .formsubmit {padding: 0 0 0 1.7em; margin: 1em 0 0 0;} #post-form .formsubmit {text-align: center;} #profile .formsubmit {padding: 0 0 1.3em 0em;} .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0;} .punbb fieldset {border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0;} .punbb fieldset fieldset {border-style: none; margin: 0; padding: 0 0 8px 0;} .punbb .fs-box {padding: 1em 0 0.8em 0; line-height: 125%;} .punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0; line-height: 1.5em;} .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;} .punbb .inline .infofield {clear:both; font-size: 10px;} .inputfield label, p.selectfield {font-size: 10px;} .punbb .datafield br {display: none;} .punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0; height: 100%; /* For IE */} .punbb .hashelp {position: relative;} .punbb .helplinks {display: block; position: absolute; top: 1em; right: 0; font-weight: normal; widht: 36%;} .punbb #profile .helplinks {top: 1.5em;} .punbb .helplinks span {display: block; padding-bottom: 0.2em;} #pun-post .formal .info-box li {padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0;} /* ТАБЛИЦЫ -------------------------------------------------------------*/ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {background-color: transparent; width: 20%;} #pun-debug table .tcl {background-color: transparent; width: 15%; white-space: normal;} #pun-debug .tcr {background-color: transparent; width: 90%; white-space: normal;} .punbb td span.youposted {font-weight: bold; margin-left: -1em; position: absolute;} .punbb td .modlist {display: block; padding-top: 0.3em;} .punbb .main td {border-style: solid none none solid; border-width: 1px 0 0 10px; padding: 0.8em 10px;} .punbb .main th {border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em;} .punbb .main .tcl {border-left-style: none; border-left-width: 0;} *html .tclcon {height: 1px} /* ТОПИКИ -------------------------------------------------------------*/ .punbb .container, .punbb .post-body, .post h3 {border-color: transparent;} .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;} #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;} .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color: transparent;} .punbb th {border-color: transparent;} .punbb .quote-box, .punbb .code-box {} #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: transparent;} #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: transparent;} .punbb .formal fieldset .post-box, .punbb .info-box {border: 1px solid transparent;} li.pa-online {border-left-color: transparent;} .punbb .post .container {border-style: none solid solid solid; border-width: 1px; border-color: transparent; margin-left: 3px; margin-top: -1px; padding-bottom: 1px;} .punbb .post .post-author ul, .punbb .post .post-author p {padding: 1em; line-height: 140%; font-size: 10px;} .punbb .post-body {margin-left: 20em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0;} .punbb .post-box {padding: 1em;} .punbb fieldset .post-box {margin-bottom: 0.8em;} .punbb .post-links {margin-left: 19em; border-left-style: solid; border-left-width: 1px; margin-top: 5px; padding-top: 20px;} .punbb .post-links li {display: inline; padding-left: 1em;} .pl-email, .pl-website {float: left;} .punbb .clearer {clear: both; height: 0; font-size: 0;} /* МЕНЮ МОДЕРА -------------------------------------------------------------*/ .punbb .modmenu .container {padding: 0.5em 0em; text-align: right;} .punbb .modmenu .container strong {float: left;} .punbb .modmenu input {margin-left: 1em;} /* МЕСБОКС -------------------------------------------------------------*/ .punbb .info .container {padding: 0.8em 1em;} .punbb .info .container .backlink {padding-top: 0.8em;} /* ПРОФИЛЬ -------------------------------------------------------------*/ #profile .container {padding-left: 17.5em;} #profilenav {float: left; width: 14em; margin-left: -16.3em; display: inline;} #profilenav li {padding-bottom: 0.8em; font-weight: bold;} #viewprofile li, #setmods dl {padding: 0 0 0 16em; margin-bottom: 0.2em;} #setmods dt {float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline;} #viewprofile li strong, #viewprofile li div, #setmods dd {display: block; padding: 0.5em 1em; font-weight: normal;} .punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em;} /* СПИСОК ПОЛЬЗОВАТЕЛЕЙ -------------------------------------------------------------*/ #pun-userlist .formal, #pun-userlist .formal .container {border-bottom: none; margin-bottom: 0;} #pun-userlist .usertable .container {padding: 0em 0em 2.3em 0em; border-top: none;} #pun-userlist .usertable table {} /* ЛОГО -------------------------------------------------------------*/ #pun-title {margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px;} #pun-title h1 {display : block; height : 40px; padding: 2em 1em 0 1em;} #pun-title .container {border-style: none none none none;} #pun-title h1 span {display: none;} /* НАВИГАЦИЯ ПО СТРАНИЦАМ -------------------------------------------------------------*/ #pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;} #pun-pagelinks .container {background: transparent; border: none; padding: 0;} #pun-pagelinks .container li {display: inline;} #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%;} #pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;} #pun-pagelinks li a span {display:block; margin: 0 1em;} /* ССЫЛКИ НАВИГАЦИИ (ФОРУМ УЧАСТНИКИ И ТД) -------------------------------------------------------------*/ #pun-navlinks, #pun-navlinks .container {border-style: none; border-width: 0;} /* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ (УВЕДЫ, НОВЫЕ СОО И ТД) -------------------------------------------------------------*/ #pun-ulinks {} #pun-ulinks li.item1, #pun-ulinks li.item1 a {border-left-style: none; border-left-width: 0; padding-left: 0;} /* ПРИВЕТ, ВАШ ПОСЛЕДНИЙ ВИЗИТ -------------------------------------------------------------*/ #pun-status, #pun-status .container {border-bottom: none;} #pun-status span {white-space: nowrap; margin-right: 0.5em;} #pun-crumbs1 {font-weight: bold; overflow: hidden; margin-top: 0;} #pun-break1 { height: 0; position: relative;} .punbb .divider { border-color: transparent;} /* ОБЪЯВЛЕНИЕ -------------------------------------------------------------*/ #pun-announcement h2 {padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold;} #pun-announcement h2 span {display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px;} #pun-announcement .container {padding: 0em 1em 1em 1em;} /* СТАТИСТИКА -------------------------------------------------------------*/ #pun-stats li.item1, #pun-stats li.item2 {text-align: center; clear: both; font-weight: 400;} #pun-stats li.item3, #pun-stats li.item4 { text-align: center; font-weight: 400;} li#onlinelist {margin-top: 1em; text-align: justify; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%;} li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; font: var(--f6); font-variant: all-small-caps;} /* Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ #pun-crumbs2 {font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none;} #pun-qjump {margin: 0; border: none; width: 50%; position: relative; float: left;} #pun-qjump .container {border: none; background: transparent; padding: 0.8em 1em;} #pun-about {margin-top: 0;} #pun-break4 { margin: -2px 1em; border: none; position: relative; height: 0; z-index: 1;} div.punbb-admin #pun-about .container {border-top-style: solid; border-top-width: 1px;} /* ХЕЛПЫ -------------------------------------------------------------*/ #pun-help .formal .info-box h3.legend {border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em;} #pun-help .formal .info-box h3.legend span {padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.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;} /* OTHER */ /*.fs-box .container {background-color: transparent; border: 0px; z-index: 2; margin: 10px;}*/ /* СКРЫТЫЕ */ span.cooltext {display: none;} .topic a.sharelink {display: none;} .pa-reg, .pa-time-visit {font-size: 0;} .lastedit {display: none;} .pl-reports {display: none;} li.pa-last-visit {display: none;} li.pa-fld4 span.fld-name {display: none;} #viewprofile-next #profilenav {display: none;} #pun-main h1 span a {display: none;} #pun-stats h2 span {display: none;} .pa-fld3 span, .pa-fld5 span {display: none;} #viewprofile li#pa-fld5 .icon {display: none;} #viewprofile li#pa-fld2 .icon {display: none;} /* скрыть название категорий */ .category h2 span{visibility: hidden;} /* скрыть надпись отредактировано */ .lastedit {display:none;} /* скрыть надпись объявление */ #pun-announcement h2 {display: none;} #pun-announcement .container {padding-top: 1em;} /* скрыть награды */ #pun-navlinks #navawards {display: none;} /* скрыть закрыто */ .closedatafield {display: none;} /* скрыть rss*/ .punbb .modmenu .container span {display: none;} #pun-main div.catleft, #pun-main div.catright {} #pun-announcement .container {margin-top: -2em} #pun-announcement h2 {display: none} #pun-main .post-links li {text-align: left;} #pun-crumbs1 .container {text-align: left;} .punbb .post li.pl-reports { display: none;} /* ИКОНКИ ПЕРЕД РЕДАКТИРОВАТЬ, ЦИТИРОВАТЬ И ТД*/ .punbb .post h3 a.sharelink::before, .punbb .post li.pl-email.profile a::before, .punbb .post li.pl-email.pm a::before, .punbb .post li.pl-email.email a::before, .punbb .post li.pl-delete a::before, .punbb .post li.pl-edit a::before, .punbb .post li.pl-quote a::before { font-family: 'Font Awesome 6 Pro'; font-weight: 600; font-size: 10px; color: var(--bejproz); transition: 0.3s; margin-right: 7px;} .punbb .post h3 a.permalink::before { font-family: 'Font Awesome 6 Pro'; font-weight: 600; font-size: 10px; color: var(--lz); transition: 0.3s; margin-right: 7px;} .punbb .post h3 strong::before { font-family: 'Font Awesome 6 Pro'; font-weight: 600; color: var(--lz); margin-right: 6px;} .punbb .post h3 a.permalink::before {content: '\f017';} .punbb .post h3 strong::before {content: '\23';} .punbb .post li.pl-email.profile a::before {content: '\f007';} .punbb .post li.pl-email.pm a::before {content: '\f075';} .punbb .post li.pl-email.email a::before {content: '\f0e0';} .punbb .post li.pl-delete a::before {content: '\f1f8';} .punbb .post li.pl-edit a::before {content: '\f304';} .punbb .post li.pl-quote a::before {content: '\f10e';} /*БыстроПлюсы для Топика!*/ .noNull:before { content: "+"; font-size: 9px; display: inline-block; margin-left: -6px; margin-top: 0px; position: absolute;} div .post-rating p>a { position: relative; box-sizing: content-box;width: 30px; padding-left: 18px; z-index: 10; font-weight: 600; text-align: center; font-size: 12px !important; display: block; line-height: 20px; border-radius: 24px; background: var(--punproz); color: var(--bejproz); transition: all 0.3s ease;} div.post-vote p>a { font-size: 0 !important; position: relative; box-sizing: content-box; width: 13px; margin-right: -14px !important; padding-left: 18px; z-index: 10; display: block; line-height: 20px; border-radius: 24px; background: var(--punproz); color: var(--bejproz) !important; transition: all 0.3s ease !important;} div .post-rating p>a:before { position: absolute; font-family: 'Font Awesome 6 pro'; font-weight: normal; font-size: 12px; margin-left: -8px; transform: translate(-50%, -50%) scale(1); display: inline-block; opacity: 1; top: 47%; left: 50%;} div.post-vote p>a:before { position: absolute; font-family: 'Font Awesome 6 pro'; font-weight: normal; font-size: 12px; transform: translate(-50%, -50%) scale(1); display: inline-block; opacity: 1; top: 47%; left: 50%;} div .post-rating p>a:before { content: '\f702';} div.post-vote p>a:before { content: '\f075';} .mylike .post-rating p>a, .post-rating p>a:hover, .post-vote p>a:hover { color: var(--pinkbord); background: var(--pinkproz1);} .mylike .post-rating p>a:before, .post-rating p>a:hover:before, .post-vote p>a:hover:before { font-family: 'Font Awesome 6 pro'; content: '\f702'; font-weight: bold;} .mylike .post-vote { display: none;}