@import url(style_cs.1753870187.css); /* ПОДГРУЗКА ШРИФТОВ -------------------------------------------------------------*/ @import url('https://forumstatic.ru/files/0019/47/79/29639.css'); @import url('https://forumstatic.ru/files/0019/47/79/45439.css'); @font-face {font-family: 'Font Awesome'; src: url('//forumstatic.ru/files/001a/da/7d/83987.ttf');} @import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'); @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"); @import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css'); @font-face {font-family: 'Font Awesome'; src: url('//forumstatic.ru/files/001a/da/7d/83987.ttf');} @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Viaoda+Libre&display=swap'); @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900'); @import url('https://fonts.googleapis.com/css2?family=Alice&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Tenor+Sans&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rubik: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: 'viola'; src: local('viola'), url('https://forumstatic.ru/files/001b/6f/66/26446.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face {font-family: 'Arial Black'; src: local("ArialBlack"), url(https://forumstatic.ru/files/0014/65/a2/84442.ttf);} @font-face {font-family: 'Rage'; src: local("Rage"), url(https://forumstatic.ru/files/0014/65/a2/99420.ttf);} @font-face {font-family: 'Wild Youth'; src: local("Wild Youth"), url(https://forumstatic.ru/files/0014/65/a2/86847.otf);} @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext'); @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Regular'), local('BebasNeueRegular'), url('https://forumstatic.ru/files/0018/6b/8f/20207.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Bold'), local('BebasNeueBold'), url('https://forumstatic.ru/files/0018/6b/8f/48684.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Light'), local('BebasNeueLight'), url('https://forumstatic.ru/files/0018/6b/8f/38790.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: local('Bebas Neue Thin'), local('BebasNeue-Thin'), url('https://forumstatic.ru/files/0018/6b/8f/92711.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 200; src: url(https://forumstatic.ru/files/001b/71/36/22249.otf); } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 400; src: url(https://forumstatic.ru/files/001b/71/36/66368.otf); } @font-face { font-family: 'Lol'; font-style: italic; font-weight: 400; src: url(https://forumstatic.ru/files/001b/71/36/51435.otf); } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 500; src: url(https://forumstatic.ru/files/001b/71/36/80340.otf); } @font-face { font-family: 'Lol'; font-style: normal; font-weight: 600; src: url(https://forumstatic.ru/files/001b/71/36/41727.otf); } @font-face { font-family: 'biza'; font-style: normal; font-weight: 600; src: url(https://forumstatic.ru/files/001b/71/36/19560.otf); } @font-face { font-family: 'DoubleBass'; src: url('https://forumstatic.ru/files/001b/ad/f3/39135.eot?'), url('https://forumstatic.ru/files/001b/ad/f3/61137.woff') format('woff'), url('https://forumstatic.ru/files/001b/ad/f3/68066.ttf') format('truetype'), url('https://forumstatic.ru/files/001b/ad/f3/61146.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Beer'; src: url('https://forumstatic.ru/files/001b/ad/f3/43195.eot?'), url('https://forumstatic.ru/files/001b/ad/f3/21515.woff') format('woff'), url('https://forumstatic.ru/files/001b/ad/f3/73092.ttf') format('truetype'), url('https://forumstatic.ru/files/001b/ad/f3/69419.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Jacob'; src: url('https://forumstatic.ru/files/001a/eb/83/55444.eot?'), url('https://forumstatic.ru/files/001a/eb/83/96192.woff') format('woff'), url('https://forumstatic.ru/files/001a/eb/83/14810.ttf') format('truetype'), url('https://forumstatic.ru/files/001a/eb/83/14903.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Jost'; src: local("Jost"), url(https://forumstatic.ru/files/001b/ec/77/55175.ttf?v=1); } @font-face {font-family: 'Jacob'; src: local("Jacob"), url(https://forumstatic.ru/files/001a/eb/83/14810.ttf);} @font-face {font-family: 'Beer'; src: local("Beer"), url(Https:https://forumstatic.ru/files/001b/ad/f3/73092.ttf);} @font-face {font-family: 'DEAD SECRETARY'; src: local("DEAD SECRETARY"), url(https://forumstatic.ru/files/001b/95/a5/32903.ttf);} @font-face {font-family: 'Fortuna Gothic FlorishC'; src: local("Fortuna Gothic FlorishC"), url(https://forumstatic.ru/files/0016/e7/ab/49625.ttf);} @font-face {font-family: 'American TextC'; src: local("American TextC"), url(https://forumstatic.ru/files/0016/e7/ab/66579.ttf);} @font-face {font-family: 'Runic'; src: local("Runic"), url(https://forumstatic.ru/files/001b/95/a5/76392.ttf);} @font-face {font-family: 'Victorian'; src: local("Victorian"), url(https://forumstatic.ru/files/001b/95/a5/44848.ttf);} @font-face {font-family: 'kork'; src: local("kork"), url(https://forumstatic.ru/files/001b/95/a5/65250.ttf);} @font-face {font-family: Caveat; src: local("CaveatRegular"), url(https://forumstatic.ru/files/0014/65/a2/63396.ttf);} @font-face {font-family: 'Chasing Embers'; src: local("Chasing Embers"), url(https://forumstatic.ru/files/0014/65/a2/60417.ttf);} @font-face {font-family: 'Decor Condensed'; src: local("DecorCondensed"), url(https://forumstatic.ru/files/0014/65/a2/19087.ttf);} @font-face {font-family: 'Billabong'; src: local("Billabong"), url(https://forumstatic.ru/files/0014/65/a2/91911.ttf);} @font-face {font-family: 'Pixeled'; src: local("Pixeled"), url(https://forumstatic.ru/files/0014/65/a2/21476.ttf);} @font-face {font-family: 'Cutepunk'; src: local("Cutepunk"), url(https://forumstatic.ru/files/0014/65/a2/23977.otf);} @font-face {font-family: 'Free Pixel'; src: local("Free Pixel"), url(https://forumstatic.ru/files/0014/65/a2/64067.ttf);} @font-face {font-family: 'Adlery Pro'; src: local("AdleryPro"), url(https://forumstatic.ru/files/0014/65/a2/95948.otf);} @font-face {font-family: 'Afrile Script'; src: local("Afrilescript"), url(https://forumstatic.ru/files/0014/65/a2/32364.ttf);} @font-face {font-family: 'Alissya'; src: local("Alissya"), url(https://forumstatic.ru/files/0014/65/a2/63079.ttf);} @font-face {font-family: 'Amist'; src: local("AmistRegular"), url(https://forumstatic.ru/files/0014/65/a2/83421.ttf);} @font-face {font-family: 'Andora'; src: local("AndoraDemo"), url(https://forumstatic.ru/files/0014/65/a2/80158.ttf);} @font-face {font-family: 'Angry Android'; src: local("AngryAndroid"), url(https://forumstatic.ru/files/0014/65/a2/97626.ttf);} @font-face {font-family: 'Antishbusy'; src: local("Antishbusy"), url(https://forumstatic.ru/files/0014/65/a2/98228.ttf);} @font-face {font-family: 'AVENGERS'; src: local("AVENGEANCEHEROICAVENGERAT"), url(https://forumstatic.ru/files/0014/65/a2/38055.ttf);} @font-face {font-family: 'Better'; src: local("Better"), url(https://forumstatic.ru/files/0014/65/a2/38076.otf);} @font-face {font-family: 'Brusher'; src: local("Brusher"), url(https://forumstatic.ru/files/0014/65/a2/90698.ttf);} @font-face {font-family: 'Cassandre'; src: local("CassandrePersonalUseOnly"), url(https://forumstatic.ru/files/0014/65/a2/57726.ttf);} @font-face {font-family: 'Tokio'; src: local("Tokio"), url(https://forumstatic.ru/files/001b/32/b4/57405.ttf);} @font-face {font-family: 'Arkhip; src: local("Arkhip"), url(https://forumstatic.ru/files/001b/7a/0c/63172.ttf);} @font-face {font-family: 'you'; src: local("you"), url(https://forumstatic.ru/files/001b/7a/0c/59822.ttf);} @font-face {font-family: 'goudy'; src: local("goudy"), url(https://forumstatic.ru/files/001b/86/89/73006.otf);} @font-face {font-family: 'Neothic'; src: local("Neothic"), url(https://forumstatic.ru/files/001b/95/a5/85186.ttf);} @font-face {font-family: 'Catwoman'; src: local("Catwoman"), url(https://forumstatic.ru/files/001b/95/a5/75054.ttf);} @font-face {font-family: 'Monumenta'; src: local("Monumenta"), url(https://forumstatic.ru/files/001b/95/a5/13737.ttf);} /* ROOT -------------------------------------------------------------*/ :root { --h2-font: 'Manrope'; /* шрифт с засечками */ --forcol: #C2BEBE; /* подложка формы ответа*/ --body-font: 'Mulish'; /* шрифт основного текста */ --font-color: #3F3F3F; --hovlink: #752024; --second-blue: #1b242b; --extra-back: url('https://forumstatic.ru/files/001c/30/dc/76935.png?v=1'); --t-shadow: 0 0 0 1px #0f1314, 0 0 0 2px #3e4d55, 0 0 0 3px #0f1314 ; --prof-box-shadow: 0 0 0 1px #4c4c4c, 0 0 0 2px #0f1314; --prof-red: #842328; } /* ОСНОВНЫЕ ШРИФТЫ ФОРУМА -------------------------------------------------------------*/ /* основной шрифт текста форума */ body { font-family: 'Mulish'; font-size: 12px; font-weight: 400; -webkit-text-size-adjust: none; } h1, h2 { font-family: 'Mulish'; font-size: 12px; color: #464646; font-weight: 500;} /* шрифты поля ввода*/ textarea, input, select, optgroup { font: 11px Verdana;} /*шрифт в поле кода */ .punbb pre { } /* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ -------------------------------------------------------------*/ .section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .info-box, #pun-main .info-box .legend, .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .post h3 span, .punbb th, #viewprofile li, #setmods dl { color: var(--font-color); } /* ЦВЕТ ТЕКСТА ПОСТОВ -------------------------------------------------------------*/ .post-box { color: #2d2d2d; } .post-box a { color: var(--hovlink) !important; font-weight: 500; } strong { font-weight: 600; } .post-box a:hover { color: #b46235 !important; } .post-box .code-box a{ color: #433f36!important; } .post-box .post-rating { } .post-box .post-rating a, .post-box .post-rating a:hover { color: #d5d1c8 !important; } .post-box .code-box a:hover, .code-box a:hover { color: #340705 !important; } del { background-color: transparent!important; } /* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.) -------------------------------------------------------------*/ .linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb { text-transform: lowercase; color: var(--font-color); font-family: var(--body-font); } /* ЦВЕТ ССЫЛОК НА ФОРУМЕ -------------------------------------------------------------*/ .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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { text-decoration: none; transition: all 0.3s ease-in-out; box-shadow: none; color: var(--font-color); font-weight: 500; cursor: pointer; -webkit-font-smoothing: antialiased; } /* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: var(--hovlink); } /* ТАБЛИЦЫ -------------------------------------------------------------*/ /* стили таблиц */ .main table { table-layout: fixed; width: 100%; } .main .category table { display: flex; justify-content: center; } .main .category table thead { display: none; } #pun-viewforum .main table tr { margin: 0px 0px 6px; display: flex; flex-wrap: wrap; justify-content: space-between; } #pun-viewforum .hasicon { display: flex; flex-direction: column; gap: 6px; box-sizing: border-box; padding-left: 16px; margin-bottom: 15px; } #pun-searchtopics .main table tr { margin: 0px 0px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; } #pun-searchposts .post h3 span { } #pun-searchposts .FNTslider { display: none; } #pun-searchtopics .main table .tcr { width: 32%; margin-top: -10px; } #topic-modmenu .container span { display: none; } .closedatafield, .isticky .stickytext { display: none; } #pun-userlist .main table { margin-top: 30px; padding: 0px 10px; } #pun-userlist .main table tr { margin: 0px 0px 12px; display: flex; justify-content: space-between; } #pun-userlist .main table .tc3 { width: 10%; } #pun-userlist .linkst { display: none; } #pun-messages .main table tr { margin: 0px 0px 10px; display: flex; height: 35px; } #notifications-stored tr { height: unset!important; margin: 0!important; } #form-buttons small, #form-buttons small b { font: var(--body-font)important; font-weight: 600!important; } #form-buttons { position: relative; } #pun-edit #form-buttons small { top: -34px!important; } #togglePreview { margin-bottom: -8px; margin-top: -5px !important; position: relative; z-index: 100; } #togglePreview input { margin-right: 6px; } #pun-edit #togglePreview { margin-top: unset; } #pun-edit #pun-announcement { display: none; } #pun-post .formal .container { padding: 35px 0px; } /* админские чимичангас */ #pun-admain h2 {width: 90%!important;} #pun-admain fieldset .handle, #pun-admain fieldset p { border-radius: 10px; } #pun-admain1 form.adcontainer, .adformal, #pun-admain1 div.adcontainer, #pun-admain2 form.adcontainer { border-color: transparent!important; } .adminmain { padding-left: 14em!important; } .pagination { width: 98%!important; margin-left: -10px!important;} #pun-admain span[class="adinput"] input, #pun-admain span[class="adinput"] label { max-width: 96%!important; } #pun-profile #form-buttons small { } #pun-profile #form-buttons table tr { width: 104%!important; margin-bottom: 15px; } #pun-profile #form-buttons td { width: 16px; } #pun-messages #form-buttons table { width: 102%; } #pun-messages #form-buttons table tr { height: auto; } #pun-messages #form-buttons td { margin: 0px; } #pun-messages .main table tr .tc2 { margin: -8px 0px 0px; } #pun-messages .main table tr .tc2 a{ display: flex; flex-wrap: wrap; } #pun-messages .main table tr .pmtc22 { width: 28% !important; } #pun-messages .main #post-form { margin-top: 30px!important; } #pun-profile #profile-title strong { width: 180px; } #pun-messages .fs-box .code-box strong.legend { } #pun-messages .fs-box .post-author { position: relative; border-radius: 6px; border: .5px solid #4d484847; } #pun-messages .fs-box .post-author:after, #pun-messages .fs-box .post-author:before { content: ''; position: absolute; background: none; width: 0px; height: 0px; bottom: 0px; left: 0px; } #pun-messages #togglePreview { margin: 10px 0px; } #pun-messages #post-form #form-buttons small { top: -31px !important; left: 0px !important; position: absolute; } #pun-messages #post-new #post-form #form-buttons small { top: 52px !important; left: 90px !important; display: none; } #pun-viewforum .main table tr td { align-self: center; } #pun-viewforum .main table tr .tcl { width: 40%; } #pun-viewforum .main table tr .tcr { width: 30%; } #pun-profile .main { margin-bottom: 50px; } #pun-profile li strong { font-family: var(--body-font); font-weight: 400 !important; } #pun-profile #pa-fld5, #pun-profile #profile-gifts { display: none; } #pun-profile #profile-title strong { width: 180px; } #pun-profile #profile8 fieldset { margin: 0px; padding: 0px; } #pun-profile #profile8 fieldset legend { margin: 0px; padding: 0px; } #pun-profile #profile8 .fs-box p, .punbb .fs-box fieldset { margin: 5px 0px 20px; } #pun-profile #profile8 .formsubmit { margin: 20px 0px 10px 0px; } #viewprofile #pa-gifts, #viewprofile #pa-invites { display: none!important; } #post-preview .quote-box cite a { font-family: var(--h2-font); font-weight: 700 !important; color: #d4cfce !important; } #pun-online #pun-main table tr { height: 30px; } /* ОФОРМЛЕНИЕ ПРЕВЬЮ ПРОФИЛЯ */ #pun-profile #viewprofile tbody { background: url(https://forumstatic.ru/files/001c/30/dc/43747.png?v=1) center top no-repeat; background-color: #1d262e; box-shadow: inset 0 0 0 1px #3e4d55, 0 0 0 .5px #0f1314, 0 0 4px .4px #000; } #pun-profile #viewprofile tbody tr { display: flex; min-height: 370px; } #pun-profile #viewprofile tbody tr #profile-left { display: flex; justify-content: flex-start; flex-direction: column; align-content: center; flex-wrap: wrap; width: 285px; box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important; background: #01010129 !important; } #pun-profile #viewprofile tbody tr #profile-right { display: flex; flex-wrap: wrap; justify-content: center; width: 733px; box-shadow: var(--head-border); border-top-right-radius: 5px; border-bottom-right-radius: 5px; gap: 15px; padding: 15px; box-sizing: border-box; } #viewprofile #profile-right li { background: #192127b3; color: #b9b9b9b3; text-shadow: 0 0 1px black; border-radius: 5px; flex: auto; display: flex; flex-direction: column; justify-content: center; padding: 15px; box-sizing: border-box; box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important; } #viewprofile #profile-right .pa-fld4 { position: unset; } #viewprofile li .plsh span { left: 17px; width: 210px; } #viewprofile #profile-right li strong, #viewprofile strong { color: #b9b9b9b3 !important; font-weight: 400!important;} #viewprofile #profile-right li * a, #viewprofile #pa-fld1 a div { color: #752024 !important; font-weight: 700 !important; } #viewprofile #profile-right li * a:hover, #viewprofile #pa-fld1 a div:hover { color: #5b7082 !important; } #viewprofile #profile-right #pa-fld2 #lz { width: 94%; background: transparent; box-sizing: unset; color: #847d78; border: none; margin: 0; } #profile-name { z-index: 3; position: relative; font: var(--body-font); color: var(--hovlink) !important; letter-spacing: -.3px; font-size: 18px; text-transform: uppercase; margin: 20px 0px 0px; padding: 2px 0px; box-sizing: border-box; } #profile-name strong { color: var(--deep-blue) !important; font-weight: 600 !important; } #profile-title { font: var(--body-font); letter-spacing: .5px; z-index: 2; color: #6c6861; width: 201px; margin: 0px 0px 20px; position: relative; font-size: 12px; left: 3px; } #profile-title:before { content: ''; position: absolute; width: 255px; height: calc(100% + 40px); background: url(https://forumstatic.ru/files/001c/30/dc/13976.png?v=1); box-shadow: var(--prof-box-shadow); border-radius: 10px; z-index: -1; top: -30px; left: 49%; transform: translateX(-50%); } #pun-profile #profile-title strong { width: 100%!important; } #pun-profile #viewprofile #pa-avatar { margin: 8px 0px 15px; } #pun-profile #viewprofile #pa-avatar div img { max-width: 185px; max-height: 250px; box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important; width: auto; height: auto; } #pun-profile #viewprofile #pa-edit { margin: 38px 0px 25px; box-shadow: 0 0 0 1px #bcbcbc2b, 0 0 6px 2px #0000005c !important; padding: 10px 5px; width: 50%; border-radius: 5px; text-transform: uppercase; align-self: center; background: #01010129 !important; } #pun-profile #viewprofile #pa-edit a { color: var(--deep-blue); font-size: 11px!important; font-weight: 400!important; } #pun-profile #viewprofile #pa-edit a:hover { color: #5b7082 !important; } /* отступы в ячейках */ .main td { } th { padding: 0!important; font-size: 0px!important; } /* ширина подфорума */ #pun-index .tcl { width: 580px; border-radius: 20px 0px 0px 20px; box-sizing: border-box; padding: 20px; background-color: var(--forcol); } .main .tcl { text-align: left; width: 45%; } /* ширина ячеек */ .tc2, .tc3, .tcmod { text-align: center; } /* ширина последнего сообщения */ .tcr { text-align: left; width: auto; line-height: 30px; } /* ширина в поиске/модерировании */ #pun-userlist .tcl, #pun-modviewforum .tcl { width: 30% } #pun-searchtopics .tcl { width: 34% } #pun-userlist .tc2, #pun-searchtopics .tc2 { width: 20%; } #pun-searchtopics .tc3 { width: 10%; } /*дебаг */ #pun-debug table .tcl { width: 15%; white-space:normal; } #pun-debug .tcr { width: 90%; white-space: normal; } /* расположение последней активной темы */ #pun-index .tcr { font: var(--body-font); align-self: center; box-sizing: border-box; text-transform: lowercase; font-size: 9px; margin-top: 10px; padding: 15px 20px 15px 0px; height: 75px; align-content: center; width: 330px; box-shadow: none; } /* последняя активная тема в подфоруме */ #pun-index .tcr a { width: 100% !important; margin-bottom: -6px; text-align: left; display: block; font-family: var(--h2-font); font-weight: 800; line-height: 17px; text-transform: uppercase; font-size: 13px; } #pun-index .tcr .datetime, #pun-index .tcr .byuser { font-family: var(--body-font); font-weight: 600; line-height: 12px; font-size: 11px; } /* количество тем и сообщений в подфоруме */ #pun-index .tc2, #pun-index .tc3 { position: absolute; display: none; } #pun-index .tc2 { bottom: 35px; right: 15px; font-family: var(--body-font); font-size: 10px; text-transform: uppercase; } #pun-index .tc2::before { content: 'тем:'; position: absolute; font-size: 10px; left: -25px; } #pun-index .tc3 { bottom: 20px; right: 15px; font-family: var(--body-font); font-size: 10px; text-transform: uppercase; } #pun-index .tc3:before { content: 'сообщений:'; position: absolute; font-size: 10px; left: -69px; } #pun-index .tc3 { margin-left: -15px; } #pun-main .category thead .tc2, #pun-main .category thead .tc3 {display: none;} /* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ -------------------------------------------------------------*/ #pun-navlinks .container {padding: 0px; margin: 0px; justify-content: center; display: flex; gap: 10px;} #pun-navlinks li { display: inline; } /* расположение*/ #pun-navlinks { display: flex; justify-content: center; margin-top: 16px; } #pun-navlinks #navawards { display: none; } /* вид ссылок */ #pun-navlinks li a { letter-spacing: 0.4px; color: var(--font-color); text-transform: uppercase; font-family: var(--h2-font); font-size: 15px; font-weight: 700; } /* вид ссылок навигации при наведении */ #pun-navlinks li a:hover { color: var(--hovlink); } /* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ -------------------------------------------------------------*/ #pun-ulinks .container { padding: 0 !important; display: flex; justify-content: center; gap: 10px; margin: 8px 0 50px; } #pun-ulinks li, #pun-ulinks li a { font-family: var(--body-font); font-weight: 400; } /*расположение */ #pun-ulinks { } /* цвет ссылок */ #pun-ulinks a { font-size: 11px; text-transform: lowercase; transition: all 0.3s ease-in-out 0s; color: var(--font-color); } /* цвет ссылок при наведении */ #pun-ulinks a:hover { color: var(--hovlink);} /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ -------------------------------------------------------------*/ /* расположение сверху */ #pun-crumbs1 { margin: 20px 0 0px; } /* расположение снизу */ #pun-crumbs2 { margin: 20px 0px 5px; } /* общий внешний вид */ #pun-crumbs1, #pun-crumbs2 { text-align: center; text-transform: uppercase; } #pun-crumbs1 p, #pun-crumbs2 p { margin: 0px !important; font-family: var(--h2-font); font-weight: 800; font-size: 13px; } #pun-index #pun-crumbs1, #pun-index #pun-crumbs2 { } /* цвета ссылок */ #pun-crumbs2 a, #pun-crumbs1 a { } /* цвет ссылок при наведении */ #pun-crumbs2 a:hover, #pun-crumbs1 a:hover {color: var(--hovlink);} /* СТРОКА ПРИВЕТСТВИЯ -------------------------------------------------------------*/ #pun-status .status-right {float: none!important;} /* расположение */ #pun-status { position: absolute; display: flex; justify-content: center; top: 70px; left: 50%; transform: translateX(-50%); z-index: 1; width: 100%; } /* внешний вид */ #pun-status .container { color: var(--font-color); font-family: var(--body-font); font-weight: 500; font-size: 11px; text-transform: lowercase; line-height: 15px; text-align: center; } #pun-status .container strong { font-weight: 500; } /* цвет ссылки */ #pun-status a { color: var(--font-color); font-weight: 500; } #pun-status a:hover { color: var(--hovlink); } /* ТЕМЫ -------------------------------------------------------------*/ /* весь пост */ .post .container { margin-bottom: 20px; } /* разделитель между сообщения*/ .post h3 { line-height: 10px; position: relative; width: 730px; margin: 20px 0px 0px 245px; border-radius: 0 10px 10px 0px; box-sizing: border-box; display: flex; align-content: center; flex-wrap: wrap; height: 20px; background: var(--extra-back); } .post.hideprofile h3, .hide-author h3 { display: flex; width: 100%; margin: 20px 0px 0px 0px !important; } /* текст внутри разделителя */ .post h3 span { display: flex; justify-content: space-between; flex-flow: row-reverse; padding: 0px 34px; box-sizing: border-box; width: 100%; text-transform: uppercase; } /* ссылка внутри разделителя */ .post h3 a, .post h3 strong { font-size: 11px !important; text-transform: uppercase; font-family: var(--h2-font); padding-top: 1px; font-weight: 700 !important; color: #d4cfce !important; margin-top: -2px; } .post h3 a:hover { color: var(--hovlink)!important; } .post h3 .sharelink { display: none; } .hide-author .post-box { width: 100%; margin-top: -30px; } .hide-author .reaction-picker { } .hide-author div.post-rating p { } /* расположение профиля */ .post .post-author { float: left; min-height: 200px; } /* пост и отступы в посте */ .post-body { margin-left: 236px; position: relative; margin-right: -4px; } .post-box { padding: 10px 0px 0px; margin-right: -6px; margin-left: 9px; margin-bottom: 20px; line-height: 150%; font-size: 11px; font-family: Verdana; } /* выравнивание текста поста */ .post-content { width: 98%; overflow: hidden; text-align: justify; } /* абзацы постов */ .post-content p { padding: 0; line-height: 150%; font-size: 11px; font-family: Verdana; } /* .post-content {margin: 0px 0px 15px 10px !important;} */ /* ссылки в посте */ .post-links { width: 100%; margin-top: 35px; margin-bottom: 10px; } .pl-reports { display: none!important; } .post-links li { display: inline; padding-left: 10px; font-size: 11px; } .post-links ul { padding: 0px 10px 0px 0px; text-align: right; font: var(--body-font)!important; font-weight: 600 !important; font-size: 11px !important; margin: 0px; } .pl-email, .pl-website { float: left; } .clearer { clear: both; height: 0; font-size: 0; } /* курсив и подчеркнутый текст внутри поста */ .post-content em {font-style: italic} .post-content em.bbuline {font-style: normal; text-decoration: underline;} /* картинки в постах */ .post-content img { vertical-align: text-bottom } .post-content img.postimg { vertical-align: middle; } /* таблицы в постах */ td { border-color: transparent; } .post-content td { padding: 0.4em 0.5em !important; overflow: hidden; } /* разделитель подписи в посте */ .post-sig dt, .post-sig dd, .post-sig dl {margin: 0} .post-sig dt { display: block; margin: 5px 0; border: 1px solid #b6b1a24f; width: 350px; margin: 0px 170px; } /* экстра */ .post-content table {border-collapse:collapse; margin:0 0 0.8em;} .post-content td p:last-child {padding-bottom:0;;} .post-content .highlight-text {background-color:#ff0; color:#000} .post-content .spoiler-box > div {background:none; cursor:pointer; padding-left:18px;} .post-content .spoiler-box > div.visible {} .post-content .spoiler-box > blockquote {padding: 0; display: none; margin: 10px;} .post-content .spoiler-box > blockquote.visible {display:block; overflow:auto;} .post-content hr { opacity: 0.3; margin: 2em 0; border: .4px solid var(--font-color); } .post-content abbr {cursor:help!important; text-decoration: underline dotted!important;} @media (max-device-width: 620px) { .post-content abbr {cursor:help!important; text-decoration: none!important; position: relative;} .post-content abbr::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; border-bottom: 1px dotted; width: 100%; } } .post-content ul {padding:0 0 1em 2.3em;} .post-content ul li {list-style:inherit; margin-bottom:0.3em;} .post-content ul li ul {padding-bottom:0;} .post-content ul li > p {padding-bottom:0.3em;} .post-content ul li > p:last-of-type {padding-bottom:0;} .post .post-author .pa-ua {display: none;} /* ФОРМЫ -------------------------------------------------------------*/ /* контейнер можно отключить */ .formal .container {padding: 15px 0px; } .punbb .formal fieldset {min-width:0; border: none;} .punbb .formal span.input {padding-right:0 !important} #post-form h2, #pun-announcement h2 { display:none;} /* местоположение кнопок отправить/посмотреть */ .formsubmit { margin: 0px 0px 10px 35px;} .formsubmit input, .formsubmit a, .formsubmit span { margin: 0; } /* инфо по заполнению */ fieldset { padding: 0 20px;} fieldset legend { margin: 0 0px 10px 10px;} /* настройка текста */ fieldset legend span { text-transform: uppercase!important; } fieldset fieldset { border: none; margin: 0; padding: 0px 0px 5px; } .fs-box { padding: 0px; } .fs-box p, .punbb .fs-box fieldset { padding: 0px; } .inline .inputfield, .inline .selectfield, .inline .passfield { float: left; margin-right: 1em; } .inline .infofield { clear:both } .datafield br { display: none } .required label, .datafield span.input { font-weight: 500; } textarea, .longinput input { width: 64%; margin: 0; } /* обводка активного поля */ input, textarea, button {outline:none;} input:active, textarea:active, button:active {outline:none;} .hashelp { position: relative; } /* чекбоксы */ .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; } /* страница переадресации */ #pun-redirect {padding: 14px; font-family: 'Raleway';} #pun-redirect.punbb .info .container{ font-family: 'Raleway'; } #pun-redirect.punbb .info .container * a { font-weight: 600 !important; font-family: 'Raleway'; } body.redirect-page { background: url(https://forumstatic.ru/files/001c/18/b8/77194.png) repeat-x fixed!important; background-color: #424242; height: auto; } .redirect-page #pun { background: repeat transparent url(https://forumstatic.ru/files/001c/18/b8/79324.png?v=1) !important; margin-top: 420px; } #pun-redirect { height: 80px; } .redirect-page #pun:after { content: none!important; position: absolute; height: 213px; } /* поле ввода текста поста */ .punbb textarea { background-clip: padding-box; background: var(--forcol); padding: 18px 20px !important; width: 95% !important; color: var(--font-color); border: solid 1px #46464640; border-radius: 5px; } /* поле ввода название темы */ .punbb select, input { background: var(--forcol); color: var(--link); margin-top: 5px; border: solid 1px #4646460d; border-radius: 3px; } /* перенос сообщений из темы */ .pun-modal .container { width: 100%!important; position: relative; border: none!important; padding-left: 0!important; padding-right: 0!important; background: var(--backcol); } /* пагинация -------------------------------------------------------------*/ /* страницы в подфоруме сверху */ .linkst { position: relative; height: 0; top: 0px; margin-top: 15px; margin-bottom: 15px; font-size: 10px; } .linkst .pagelink { height: 10px; position: relative; z-index: 4; left: -10px; } .postlink.long { width: 300px; } .linkst .postlink { position: absolute; top: 0px; z-index: 4; right: 5px; text-align: right; } /* страницы в подфоруме снизу*/ .linksb { text-align: right; padding: 0px 5px; position: relative; bottom: -5px;} .linksb .pagelink { width: 300px; text-align: left; font-size: 10px; position: relative; pointer-events: all; z-index: 10; } .linksb .postlink {float: right; display: none;} /* страницы в теме снизу*/ #pun-viewtopic .linksb { text-align: right; padding: 0px 0px; position: relative; margin-bottom: 10px; } #pun-viewtopic #pun-main { position: relative; z-index: 1; } /* подписаться и отслеживать внутри темы */ .subscribelink { clear:both; margin-bottom: 15px; margin-top: -12px; position: relative; font-size: 11px; } .pun-viewtopic .subscribelink a { position: absolute; width: 200px; right: 10px; top: -90px; } /* меню модератора */ .modmenu .container { padding: 0px 0px; font-size: 11px !important; text-align: right; margin: 10px 0px 10px; } .modmenu strong, .modmenu a {height: 15px; padding-bottom: 10px; } .modmenu .container strong { float: left; } .modmenu input { margin-left: 1em; } .modmenu .container span { font-weight: 500!important; -webkit-font-smoothing: antialiased; } /* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/ /* формы заполнения*/ .punbb select, .punbb option { text-transform: lowercase!important; line-height: 9px; font-size: 11px !important; font-size: 10px !important; padding: 2px 4px 4px;} .checkbox { width: auto !important;} .punbb option { background-color: #ccc8bf;} /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ -------------------------------------------------------------*/ input.button, #post fieldset .hashelp div input, button, #pun-admain input { background: var(--forcol); border-radius: 7px !important; border: 1px solid #46464638 !important; color: var(--link); padding: 6px 10px 6px 10px; cursor: pointer !important; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all; font: var(--h1-font) !important; text-transform: uppercase; font-size: 9px !important; width: auto; font-weight: 500 !important; } #pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup { border-bottom-right-radius: 0px; font-size: 11px!important; } #pun-admain input:hover { color: var(--hovlink); } #pun-admain textarea, #pun-admain .longinput input { width: 92% !important; padding: 10px !important; } #pun-admain fieldset .handle, #pun-admain fieldset p { padding: 6px 0px 15px!important; position: relative; } #pun-admain .tcr input { width: 90%!important; } /* при наведении */ input.button:hover, #post fieldset .hashelp div input:hover, button:hover { background: none; cursor: pointer!important; color: var(--hovlink); } /* КОДЫ И ЦИТАТЫ -------------------------------------------------------------*/ /* расположение */ #pun-main table .quote-box, #pun-main table .code-box {margin: 5px 1px 5px} #pun-message #pun-main .info .container { margin: 20px 0px; } /* бокс под цитаты/код итд */ .scrollbox { width: 100%; overflow: auto; max-height: 200px; } blockquote {margin:0;} /* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ -------------------------------------------------------------*/ /* цитаты, спойлер, выделить код */ .post-content .quote-box, .post-content .code-box { margin: 14px 6px; display: flex; flex-direction: column; position: relative; overflow: hidden; padding: 15px 20px; background: var(--forcol); border-radius: 0px 10px 10px 0px; } .post-content .quote-box { padding: 10px 20px 10px; } .post-content .quote-box, .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-admin-award-form .inner, #MyBookmarks { font-size: 11px!important; font-family: var(--h1-font)!important; } #pun-reputation .inner{ font-size: 11px!important; font-family: var(--h1-font)!important; background: repeat transparent url(https://forumstatic.ru/files/001c/18/b8/79324.png?v=1); z-index: 101!important; } #pun-reputation .inner { font-family: var(--body-font)!important; } .post-content .spoiler-box > div:before { font-family: 'Font Awesome'; font-size: 24px; font-weight: 100 !important; content: '\f0c6'; position: absolute; transform: rotate(-35deg); top: 17px; color: #46464680; left: 26px; float: left; transition: all .6s ease-out; } .post-content .spoiler-box > div.visible:before { transform: rotate(10deg); } /* фон проставления репутации */ .post_reputation { background: var(--backcol); border-radius: 5px; padding: 20px 20px 20px 10px !important; } /* написал и выделить код */ .code-box strong.legend, .post-content .spoiler-box > div, .post-content .spoiler-box > div.visible { font-size: 11px; text-align: justify; margin: 0px 5px 5px 40px; font-weight: 700; font-family: var(--body-font); padding: 5px; text-transform: uppercase; min-height: 21px; align-content: center; flex-wrap: wrap; /* display: flex; */ border-radius: 5px 0px 0px 5px; color: #433f36; } .code-box strong.legend a { display: flex; flex-wrap: wrap; align-content: center; box-sizing: border-box; font-family: var(--h2-font); font-weight: 700 !important; text-transform: uppercase; font-size: 11px; color: #d4cfce !important; padding-top: 7px; } .code-box strong.legend a:hover { color: var(--hovlink)!important; } .code-box strong.legend { width: 300px; min-height: 30px; padding: 0; flex-wrap: wrap; align-content: center; box-sizing: border-box; height: 20px; border: none; position: relative; top: -6px; padding-left: 20px; z-index: 0; margin: 0px 0px 14px 0; border-radius: 5px 0px 0px 5px; display: flex; font-style: normal; font-size: 13px; text-transform: lowercase; margin-top: -17px; background: var(--extra-back); } #post-preview .code-box strong.legend { margin: 0px; color: #d0cbca; } .quote-box cite { max-width: 400px; width: fit-content; min-height: 20px; border: none; position: relative; z-index: 0; padding: 6px 10px 1px; padding-right: 50px; margin: 0px 0px 0px -20px; border-radius: 0px 5px 5px 0px; display: flex; flex-wrap: wrap; align-content: center; box-sizing: border-box; padding-left: 20px; margin-top: -14px; font-family: var(--h2-font); font-weight: 700 !important; text-transform: uppercase; font-size: 11px; font-style: normal; color: #d4cfce !important; background: var(--extra-back); } .quote-box cite .qc-uname { margin: 0px 3px; } .quote-box cite .qc-post-link img { filter: grayscale(1); margin-bottom: 1px; position: relative; } .post-content .spoiler-box > div { margin-bottom: 0px;} /* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */ .post-content .spoiler-box > div:after { } .post-content .spoiler-box > div.visible:after { transform: rotate(45deg);} /* выделить код (скопировать код) */ #pun-main .code-box .scrollbox pre { font-family: verdana!important;} /* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД -------------------------------------------------------------*/ #color-area, #table-area, #keyboard-area {width:auto} #keyboard-area {text-align:center; padding-bottom:4px} #imageup-area {width:170px} #imageattach-area {width:770px; height:200px; padding:0px !important} #smilies-area, #video-area, #spoiler-area {width:450px} #image-area {width:550px} #color-area * {border:0} #color-area table {width:320px; height:20px; padding:0; margin:0} #table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse} #table-area div {margin-top:1em; text-align:center} #table-layout {margin-right:0.5em} #table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important} #table-area td.selected {background-color:#c8c8ff} #color-area td, #table-area td {margin:0; padding:0; line-height:0} #color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important} #font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; } #font-area span, #font-area img {height:15px} #size-area span, #size-area img {height:24px} #font-area span, #size-area span {padding:1px 0} #addition-area div {height:24px; vertical-align:middle} #font-area img {width:100%; margin-top:-15px} #size-area img {width:100%; margin-top:-24px} #keyboard-span {text-align:center; padding-bottom:10px; width:auto} #keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px} #imageup-area input {font-size:0.8em} #imageup-area p {padding:0; margin:0} #imageup-title {margin-bottom:10px !important} #imageup-submit {margin-top:10px !important} /* настройки оформления */ #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float { padding: 15px 10px 10px 10px !important; border-radius: 5px; background-color: #d4cfce; color: var(--font-color); border: 1px solid #0000001c; } #size-area {width: 50px; left: 15px;} #font-area span, #font-area img { height: 15px; } #font-area { height: 160px; width: 130px; overflow-y: auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; left: 0px; } #font-area div { -webkit-flex-basis: 12em; flex-basis: 12em; -webkit-flex-grow: 1; flex-grow: 1; } #tags .container {position: absolute; z-index: 2; right: 50px;} /* мини аватар на главной -------------------------------------------------------------*/ .user-avatar { float: left; position: relative; margin: 3px 25px 30px 0; } .user-avatar .avatar-image { height: 50px; width: 50px; opacity: 0.85; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; border-radius: 50%; filter: grayscale(0.5) brightness(0.9); transition: all 0.3s ease-in-out; box-sizing: border-box; margin-top: -10px; } .user-avatar .isonline { width: 6px; height: 6px; border-radius: 50%; display: block; position: absolute; top: 8px; right: 32px; animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; background: var(--head-text); z-index: 100; } .punbb .user-avatar a {padding:0!important; background:none transparent!important} .punbb .user-avatar a::after {content:none!important} .punbb .user-avatar .avatar-image:hover {opacity:1} @keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} @-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} @-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} #pun-viewforum .user-avatar {float: left; position: relative; height: 30px; width: 30px; margin: 0px 10px 0px -15px; } #pun-messages .user-avatar { float: left; position: relative; height: 34px; width: 34px; margin: 0px 20px 0px 0px; } #pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image { border: 2px solid!important; height: 30px ; width: 30px !important; opacity:0.85; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left; filter: grayscale(0.5); border-radius: 50%; margin-top: unset;} #pun-messages .user-avatar .isonline { top: 0px; right: 25px; } #pun-viewforum .user-avatar .isonline { width: 5px; height: 5px; border-radius: 50%; display: block; position: absolute; top: -1px!important; right: 27px!important; animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; background: var(--hovlink); z-index: 100; } /* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ -------------------------------------------------------------*/ #pun-messages .post h3 { margin-left: 222px !important; width: 540px; } #pun-messages .post h3 span { display: flex; width: 520px; position: absolute; top: 25%; text-shadow: none; font-size: 11px !important; text-transform: uppercase; font-family: var(--h2-font); font-weight: 700 !important; color: #d4cfce !important; } #pun-messages .post-author { margin-left: -146px !important; margin-top: -28px !important; min-height: 200px !important; } #pun-messages .post .pa-posts .fld-name { text-shadow: none; } #pun-messages .fs-box { margin-right: -5px; } #pun-messages .post-author ul { margin: 0px; } #pun-messages .pa-author a { text-shadow: none !important;} #pun-messages .pa-author { text-shadow: none !important; margin: 25px 0px 0px; } #pun-messages .pa-title { } #pun-messages .pa-posts {} #pun-messages .post-body {margin-left: 206px!important; } #pun-messages .post-body .post-content { width: 104%; } #pun-messages .pa-posts {} #pun-messages .post-body {margin-left: 110px!important; width: auto !important;} #pun-messages .post-body .post-box { margin-right: -35px; margin-left: 46px; } #pun-messages .post-body .post-content { width: 96%; } #pun-messages .post .container { border: none!important; margin-left: 70px !important;} #pun-messages #post-form { margin-top: 0px!important; border: none!important; } #pun-messages .indOnline, #pun-messages .indOffline, #pun-messages .pa-reg {display: none;} .pmtc22 { width: 20% !important; line-height: 30px; } .pmtcl1 {width: 50% !important;} /* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА -------------------------------------------------------------*/ /* выделенный текст */ ::selection { background: #bfbcb4; color: var(--hovlink); } /* ширина прокрутки */ ::-webkit-scrollbar { width: 2px; height: 1px; } #pun-admain textarea::-webkit-scrollbar { width: 5px!important; } /* движущаяся часть прокрутки */ ::-webkit-scrollbar-thumb { background-color: var(--head-text); } .blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb { background-color: #3f4850; } /* подложка прокрутки */ ::-webkit-scrollbar-track { background-color: black; } .blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track { background-color: #7f796b30; } /* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ -------------------------------------------------------------*/ #profilenav h2 { } /* контейнер */ #profile .container { padding-left: 200px; } /* навигация */ #profilenav { float: left; width: 200px; margin-left: -200px; } /* отступы между строк в меню*/ #profilenav li { padding-bottom: 10px; font-weight: normal; } /* отступ в управлении */ #setmods dl {padding: 0 0 0 110px; } #setmods dt { float: left; width: 150px; margin-left: -190px; padding: 10px; display: inline; } #setmods dd { display: block; padding: 10px; font-weight: normal; } /*настройки списка */ #profilenav ul { padding: 0px; } /* заголовки в настройках профиля (у меня отключены) */ #viewprofile h2, #profilenav h2 { text-align: left; margin: 0px!important;} #viewprofile h2 span, #profilenav h2 span { font-size: 15px; text-align: center; text-transform: uppercase; } /* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ -------------------------------------------------------------*/ #viewprofile ul { padding: 0px; } #viewprofile li { } #viewprofile li span { font-weight: 400; text-align: center; margin-bottom: 10px; } #viewprofile li strong, #viewprofile li div { display: block; font-weight: normal; text-align: center; color: #b9b9b9b3 !important; } #profile-left { width: 25%; padding-top:0 !important;} #profile-right {width: 75%} #profile-name strong {font-size:14px} #profile-left #profile-name strong { color: var(--deep-blue) !important; font-weight: 800 !important; } #profile-signature {padding:10px;} /* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ -------------------------------------------------------------*/ * html .tclcon {height: 1px} html:has(+ :not(.day)) { min-width: 1200px; } body {min-width: 1200px;} /* отключить прокрутку снизу */ body {overflow-x: hidden} /* отступы по умолчанию у тела */ body {margin: 0;} /* элементы списка */ ul, dl, li, dd, dt { list-style: none; } /* убрать курсив с текста везде кроме поста */ address, em {font-style: normal;} /* убрать подчеркивание с ссылок */ a { text-decoration: none; } /* скрытые элементы */ .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after, #pun-title h1 span, #pun-main h1, #pun-debug h2 { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } #button-files_rusff, #button-graffiti_rusff {display: none!important;} #post fieldset legend {display: none!important;} .punbb-admin #pun-status {display: none!important;} .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, #navawards a span { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } #pun-ulinks .item5, .modlist, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;} /* информация при регистрации */ .info-box {padding: 0 30px; margin: 0 0 10px 0; } .info-box * { padding: 0; } #pun-main .info-box .legend { font-weight: 500; } /* СКОПИРОВАНО ИЗ ЭКСТРЫ -------------------------------------------------------------*/ #poll-special table.poll1 {width:auto} #poll-special td {border:0} .punbb .post-content img.postimg {max-width:100%; margin:0.4em 0} #poll-special td {text-align:left !important; cursor:default !important} #poll-special td.tac {text-align:center !important} #poll-special td.tar {text-align:right !important} #form-buttons table, .punbb .formal textarea {width:100%} #form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;} #form-buttons td img {height:26px; width:100%} #form-buttons tr {text-align: center;} #formkey, #formetc {display:none} #main-reply {width:100%} #pun-messages #post-form div.container {padding-left:2.3em} #similar-topics {margin-top:1em} #similar-topics div.container {padding-top:1.1em} #similar-topics td {border:0; padding:0} #similar-topics td.st-tcl {width:60%} #similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right} #similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right} .postlink.long {width:30em} .postlink.long .new-topic {padding-right:12px} #pun-online .tcl.action {width:35%} #pun-online .tc3 {width:10%} #pun-index .isub .tcl {padding-left: 3em !important;} #pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;} /** подгрузка видео и картинок ---------------------------------------------------------------*/ #video-host-list {margin-top:.3em; line-height:1.8em} #video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px} #video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em} p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px} #image-area-tcon-computer {margin:0 0 1em} #image-area-tcon-computer td {border:none !important; padding:0} #imageupload-left {width:140px} #imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px} #image-area-actions {text-align:right} * html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */ * html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )} #imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px} #uploaded-images {max-height:144px; overflow-y:auto} #uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer} #upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px} #image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer} #insert-image-tip {margin-top:10px} #upload-button-container img {cursor:pointer; width:120px; height:30px} #image_upload_input {position:absolute; z-index:-1; left:-9999px} #selected-image-width, #selected-thumb-width {width:6em} #imageupload-left input[type=button] {width:11em; text-align:center} #upload-button-container input[type=button] {font-weight:bold} #image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em} .uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)} .uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)} .uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0} .uploadQueueItem .cancel a {text-decoration:none; color:#333!important} .uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative} .uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear} /** подсказки и затемнение фона при всплывающих страницах ---------------------------------------------------------------*/ .tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000; opacity: 1!important; width: 200px!important;} .tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; min-width: 200px!important; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position: absolute!important; top: -500px!important; opacity: 1!important; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 999999!important;} .tipsy-arrow {display: none;} .tipsy-n .tipsy-arrow {display: none;} .tipsy-nw .tipsy-arrow {display: none;} .tipsy-ne .tipsy-arrow {display: none;} .tipsy-s .tipsy-arrow {display: none;} .tipsy-sw .tipsy-arrow {display: none;} .tipsy-se .tipsy-arrow {display: none;} .tipsy-e .tipsy-arrow {display: none;} .tipsy-w .tipsy-arrow {display: none;} .jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed} .jGrowl.top-left {left:0; top:0} .jGrowl.top-right {right:0; top:0} .jGrowl.bottom-left {left:0; bottom:0} .jGrowl.bottom-right {right:0; bottom:0} .jGrowl.center {top:0; width:50%; left:25%} .jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto} .jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px} .jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff} .jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em} .jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer} .jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center} .jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff} @media print {.jGrowl {display:none}} .pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000} .pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000} .pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 5px; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden} .pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important; background-color: #b4ad9c;} .pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto} .pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important} .noscroll {overflow:hidden!important} .notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award { border-left: 12px solid transparent!important; } .jGrowl-notification .jGrowl-header, .jGrowl-notification .jGrowl-message { font-weight: 500!important; color: var(--doptext)!important; font-family: var(--body-font)!important; } .jGrowl-notification .jGrowl-header a, .jGrowl-notification .jGrowl-message a { font-weight: 500!important; font-family: var(--body-font)!important; } .jGrowl-notification .jGrowl-message a { color: var(--doptext)!important; } .jGrowl-notification .jGrowl-close { border: none !important; color: var(--doptext); padding: 2px 8px !important; font-size: 12px !important; } .flag-i { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; margin-right: 1em; } .flag-i:before { content: '\00a0';} .social { background-image: url(/i/social.1.png); background-repeat: no-repeat; float: left; display: block; margin: 3px 5px; width: 16px; height: 16px; } .social-vkontakte { background-position: -130px 0;} .social-odnoklassniki { background-position: -78px 0;} .social-mailru { background-position: -52px 0;} .social-google { background-position: -26px 0;} .social-yandex { background-position: -156px 0;} .icons-pencil:before { content: '\270E'; } /* '' */ .hide-author .post-body { margin-left: -10px; width: 1000px; position: relative !important; padding: 10px 21px; box-sizing: border-box; } .hide-author .post-content { overflow: visible; } /*Регулировка размера шрифта в постах © Alex_63 */ .FNTslider { border-radius: 4px; position: absolute; z-index: 1000; background: #bcbcbc; width: 109px; height: 2px; margin: 3px 5px; border: solid 1px #bababa; float: right; margin-right: 10%; } #pun-messages .FNTslider { margin-right: 20%; } .FNTslider .before { height: 2px; border: solid 1px transparent; border-right: none 0; border-radius: 4px 0 0 4px; position: absolute; background: #3f4850; margin-top: -1px; margin-left: -1px; } .FNTslider .thumb { width: 3px; height: 8px; border-radius: 3px; position: relative; top: -3.5px; background: #3f4850; border: .2px solid #00000057; cursor: pointer; } /* подсказки */ #tooltip, .tipsy-inner { z-index: 999999; padding: 6px; color: var(--head-text)!important; font-weight: 400; font-size: 10px; letter-spacing: 0.5px; box-shadow: var(--orange-border)!important; background: var(--extra-back); font-family: 'Rubik'; text-transform: uppercase; border-radius: 5px; font-weight: 400!important; border: 1px solid #000; } #tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a { color: var(--deep-blue) !important; text-transform: lowercase!important; text-decoration: none !important; text-align: center; } #tooltip { position: absolute; max-width: 200px; display: none; } #tooltip, .tipsy-inner, .num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author { background: var(--extra-back) top; z-index: 50; font-weight: 400!important; } /************************************** ЛИЧНАЯ СТРАНИЧКА ******************/ /* Личная страница */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.8); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); z-index: 100; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px !important; left: 50%; position: fixed; z-index: 101; } .reveal-modal.xlarge { transform: translateX(-50%); background: url(https://forumstatic.ru/files/001c/18/b8/82284.png?v=1); width: 600px; height: 560px; border-radius: 10px; box-shadow: 0 0 1px #000, 0 0 6px 2px #00000052; } .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: -30px; color: var(--t-body); text-shadow: 0 -1px 1px rgba(0,0,0,.6); font-weight: bold; cursor: pointer; text-decoration: none; transition: unset !important; } info { display: flex; flex-direction: column; align-content: center; flex-wrap: wrap; width: 100%; height: 100%; } info > * { display: flex; } info * { font-weight: 400; color: #615f5f;} about { display: flex; width: 470px; height: 110px; box-sizing: border-box; padding: 22px 25px; margin: 45px 0 20px; position: relative; flex-direction: column; background: var(--extra-back); border-radius: 5px; border: 1px solid #000; } about h3, info h4 { margin: 0; margin-bottom: 10px; font-family: 'Anticva'; color: var(--deep-blue); text-shadow: 0 1px 1px #000; } info h4 { width: 100%; text-align: center; font-size: 13px; } about span { width: 420px; height: 40px; overflow: auto; font-size: 10px; padding-right: 8px; text-align: justify; } pic img { display: block; width: 50px; height: 50px; object-fit: cover; filter: grayscale(1) brightness(0.4); border-radius: 50%; transition: opacity 0.3s ease-in-out; } arcanas a, pic { position: relative; display: flex; width: fit-content; transition: unset!important; } pic { position: absolute; left: -35px; } pic:before { content: ''; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border-radius: 50%; opacity: .2; z-index: 1; background-color: #18293a; transition: opacity 0.4s ease; } arcanas, info_p, info_a, skill { background: var(--extra-back); border-radius: 5px; border: 1px solid #000; padding: 7px 20px; display: flex; width: 470px; box-sizing: border-box; flex-direction: column; } arcanas div { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 8px; margin-bottom: -15px; } arcanas a img { display: block; width: 40px; height: 40px; object-fit: cover; filter: grayscale(1) brightness(0.4); border-radius: 5px; transition: opacity 0.3s ease-in-out; border: var(--simple-border); } arcanas a:before { content: ''; position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; border-radius: 5px; opacity: .2; z-index: 1; background-color: #18293a; transition: opacity 0.4s ease!important; } arcanas a:hover:before { opacity: 0; } info_p div p:after, info_a div p:after, arcanas a:after { position: absolute; content: attr(data-text); z-index: 1; text-align: center; padding: 4px 4px 6px; border-radius: 5px; line-height: 11px; pointer-events: none; transition: all .3s ease-in-out; opacity: 0; text-transform: none; font-weight: 400; min-width: 50px; text-shadow: 0 0px 1px #000; top: 47px; left: 50%; transform: translateX(-50%); font-family: var(--body-font); font-size: 10px; color: var(--deep-blue); background: var(--extra-back); box-shadow: var(--t-shadow); } info_p div p:after, info_a div p:after { top: 62px; } arcanas a:hover:after, info_p div p:hover:after, info_a div p:hover:after { opacity: 1; } skill { padding: 10px 30px 25px; margin-top: 20px; } skill p { width: 410px; height: 155px; overflow: auto; margin: 0; padding-right: 8px; font-size: 10px; white-space: pre-wrap; line-height: 12px; text-align: justify; } skill h5 { margin: 0px 0 10px; font-size: 13px; text-shadow: 0 1px 1px #000; text-transform: uppercase; font-family: 'Anticva'; } info_p, info_a { width: 470px; height: 160px; padding: 8px 25px 13px 20px; } info_a { margin-bottom: 20px; } info_p div, info_a div { width: 420px; height: 120px; overflow: auto; display: flex; flex-wrap: wrap; gap: 8px; padding-left: 5px; padding-right: 8px; } info_p div p, info_a div p { width: 60px; height: 60px; border-radius: 50%; position: relative; margin: 0; cursor: pointer; background-color: #1a1a1a; border: var(--simple-border); } info_p div img, info_a div img { width: 60px; height: 60px; border-radius: 50%; filter: grayscale(.5) brightness(0.6); transition: filter .3s ease-in-out; } info_p div img:hover, info_a div img:hover { filter: grayscale(0) brightness(1); } .menu { display: flex; align-items: center; justify-content: center; border: none; padding: 0; } .menu-links { display: flex; align-items: center; gap: 15px; position: absolute; top: -15px; left: 300px; transform: translateX(-50%); } .menu span, .menu a { display: flex; text-align: center; font-family: var(--body-font); font-size: 10px; box-sizing: border-box; text-shadow: 0 0 1px #000; text-transform: uppercase; cursor: pointer; transition: none !important; background: var(--extra-back); border-radius: 5px; border: 1px solid #000; width: 150px; height: 30px; justify-content: center; align-content: center; flex-wrap: wrap; } .menu span:hover, .menu a:hover { color: var(--deep-blue); text-shadow: 0 1px 1px #000; } .menu .tabactive { color: var(--deep-blue); text-shadow: 0 1px 1px #000; } #submenu { padding: 0; width: fit-content; } .submenutext { display: none; } about span::-webkit-scrollbar, skill p::-webkit-scrollbar, info_a div::-webkit-scrollbar, info_p div::-webkit-scrollbar { width: 1px !important; } about span::-webkit-scrollbar-thumb, skill p::-webkit-scrollbar-thumb, info_a div::-webkit-scrollbar-thumb, info_p div::-webkit-scrollbar-thumb { background-color: #3f4850 !important; } /* оформление блоков анкеты */ .razdel p, .raz_text p { margin: 0 0 0 0px; padding: 0 !IMPORTANT; line-height: normal !important; } .razdel { background: #000 url(https://forumstatic.ru/files/001c/18/b8/44746.png?v=1); height: 40px; display: flex; justify-content: center; align-content: center; align-items: center; font-family: 'Jost'; color: #c9c8c8; text-transform: uppercase; font-size: 14px; letter-spacing: .4px; border-radius: 4px; } .raz_text { margin-top: 10px; background: #b2b2b291; border-radius: 4px; border: 1px solid #a1a0a0b8; font-family: 'Jost'; font-size: 13px; padding: 20px; } .anketa p { margin: 0 0 0 0px; padding: 0 !IMPORTANT; line-height: normal !important; } .anketa { background: url(https://forumstatic.ru/files/001c/18/b8/36317.png?v=1) bottom right no-repeat #b2b2b2; margin: 10px 10px; border-radius: 5px; overflow: hidden; border: 1px solid #a6a5a5; } .anketa p, .raz_text p, .razdel p { font-family: 'Jost'; } .anketa_shap { background: #b8b8b89e; padding: 20px; border-bottom: 1px solid #a6a5a5; box-sizing: border-box; font-family: 'Viaoda Libre'; } .anketa_shap p { font-family: 'Viaoda Libre'; } .anketa_shap p { font-size: 27px !IMPORTANT; } .sec_name p { font-family: 'Jost'; font-weight: 400; font-size: 14px !important; } .ank_img { display: flex; justify-content: center; margin: 10px; } .ank_img p { font-family: 'Jost'; font-size: 12px; text-align: center; } .ank_inf { display: flex; margin: 20px 40px; gap: 30px; justify-content: center; } .frk, .dejt, .thr { background: #b6b6b6; display: block; width: 200px; border: 1px solid #a6a5a5; border-radius: 4px; box-sizing: border-box; padding: 10px; text-align: center; font-family: 'Jost'; } .frk p strong, .dejt p strong, .thr p strong { text-transform: uppercase; font-weight: 500; color: #8f3c3c; } .ank_text { background: #b6b6b6; display: block; border: 1px solid #a6a5a5; border-radius: 4px; box-sizing: border-box; padding: 20px 30px; text-align: justify; font-family: 'Jost'; margin: 0 40px 20px; } .ank_dop { background: #b6b6b6; display: block; border: 1px solid #a6a5a5; border-radius: 4px; box-sizing: border-box; padding: 20px 30px; text-align: justify; font-family: 'Jost'; margin: 0 40px 20px; } .post-content td { vertical-align: top; } .inft { position: absolute; width: 290px; top: 280px; /* border: red 1px solid; */ left: 30px; height: 20px; font-family: jost; text-align: center; box-sizing: border-box; letter-spacing: .3px; text-transform: uppercase; } .tarot-dice { background: var(--forcol); border-radius: 7px !important; border: 1px solid #46464638 !important; text-transform: uppercase; font-family: 'Rubik'; font-size: 9px; font-weight: 500; padding: 6px 10px 6px 10px; position: absolute; right: 0; bottom: -35px; transition: all .3s ease-in-out; cursor: pointer; } .tarot-dice:hover { background: none; cursor: pointer !important; color: var(--hovlink); } #pun-messages .tarot-dice { position: unset; } /* очередность -------------------------------------------------------------*/ #slideout { z-index: 200; position: fixed; top: 20px; right: 30px; width: 36px; height: 36px; padding: 0px 0; text-align: center; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #slideout:before { content: '\f5ad'; position: absolute; font-family: 'Font Awesome'; color: var(--hovlink); font-size: 20px; box-sizing: border-box; padding: 5px; background: var(--second-blue); box-shadow: var(--t-shadow) !important; text-shadow: 0 0px 3px #ffffff26; border-radius: 50%; } #slideout_inner { color: var(--proftext); position: fixed; top: 18px; right: -303px; background: var(--helpcol); width: 300px; height: 185px; transition-duration: 0.3s; border-radius: 20px 0 0 20px; text-align: left; font-size: 10px; border: var(--orange-border); outline: var(--black-outline);} #slideout_inner_textarea { width: 230px; height: 320px !important; margin-bottom: 1px; overflow: auto; margin-top: -10px; margin-left: 45px; background: url(https://forumstatic.ru/files/001c/30/dc/43747.png?v=1) center top no-repeat; background-color: #1d262e; box-shadow: inset 0 0 0 1px #3e4d55, 0 0 0 .5px #0f1314, 0 0 4px .4px #000; color: #7b8189; padding: 20px; border-radius: 10px; } #slideout:hover { right: 219px; } #slideout:hover #slideout_inner { right: 0; } .ochered a { text-transform: uppercase; z-index: 300; font-weight: 600 !important; color: var(--proftext) !important; font-size: 10px; letter-spacing: .3px; } .ochered a:hover { color: var(--hovlink)!important; } .ochered { font-family: var(--body-font); text-transform: uppercase; z-index: 300; text-shadow: #000 .5px .5px .5px; white-space: pre-wrap; font-weight: 600; } .ochered center { font-family: var(--h2-font); font-size: 13px; margin-left: -30px; font-weight: 700; } .header-music { position: absolute; width: 80px; height: 70px; z-index: 13; left: 650px; top: -250px; display: flex; justify-content: center; align-items: center; } .music-container { position: absolute; width: 80px; height: 70px; display: flex; justify-content: center; align-items: center; } audio { display: none; } .play-button { width: 31px; height: 31px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: #1d262d; border-radius: 100%; box-shadow: 1px 1px 3px 0px rgba(51, 40, 40, 0.6), 2px 5px 5px 0px rgba(51, 40, 40, 0.6), 5px 10px 7px 0px rgbargba(51, 40, 40, 0.3), 9px 19px 8px 0px rgba(51, 40, 40, 0.1), 14px 29px 9px 0px rgba(51, 40, 40, 0.1); } .play-button::before, .play-button.playing::before { content: ''; display: inline-block; border: 0; background: #a2a3a7; box-sizing: border-box; width: 14px; height: 15px; mask: url(https://forumstatic.ru/files/001c/40/eb/15585.png) no-repeat center center; -webkit-mask: url(https://forumstatic.ru/files/001c/40/eb/15585.png) no-repeat center center; mask-size:contain; -webkit-mask-size: contain; transition: 100ms all ease; cursor: pointer; } .play-button.playing::before { mask: url(https://forumstatic.ru/files/001c/40/eb/40236.png) no-repeat center center; -webkit-mask: url(https://forumstatic.ru/files/001c/40/eb/40236.png) no-repeat center center; mask-size:contain; -webkit-mask-size: contain; background: #E7E2DC } .play-button.playing { background: #88262a } .chat{ height: auto; width: 100%; } .chat .contact { display:inline-block; font-size:13px; margin-bottom:5px; } .chat .message {position: relative;} .chat .message .message-text{ color: #f6f8ff; padding:10px; line-height:25px; max-width:90%; display:inline-block; text-align:left; border-radius:5px; } .chat .message .triangle{ position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; top: -10px; } .chat .me {text-align:right;} .chat .you .triangle {left: 15px;} .chat .me .triangle {right: 15px;} /*цвета*/ .chat .you .message-text {background-color: #656697;} .chat .me .message-text {background-color: #f58726;} .chat .you .triangle {border-color: transparent transparent #656697 transparent;} .chat .me .triangle {border-color: transparent transparent #f58726 transparent;} .light .chat .you .message-text {background-color: #595259;} .light .chat .me .message-text {background-color: #d33695;} .light .chat .you .triangle {border-color: transparent transparent #595259 transparent;} .light .chat .me .triangle {border-color: transparent transparent #d33695 transparent;} .dark .chat .you .message-text {background-color: #0e0b0d;} .dark .chat .me .message-text {background-color: #004c51;} .dark .chat .you .triangle {border-color: transparent transparent #0e0b0d transparent;} .dark .chat .me .triangle {border-color: transparent transparent #004c51 transparent;} .loreback { width: 90%; margin: 0 auto; background: url("https://i.pinimg.com/originals/d3/58/c8/d358c8a97d76e98df59a80ab5c9997e0.jpg") repeat-x scroll 100% 0%, url("https://i.pinimg.com/originals/d3/58/c8/d358c8a97d76e98df59a80ab5c9997e0.jpg") repeat-x scroll 100% 100%, transparent repeat scroll 100% 42%; background-color: #000000 !important; padding-top: 15px; padding-bottom: 25px; margin-bottom: 20px; border-radius: 20px;} .loreback.anomalfone {width: 96%;} .loreback.vzaim { width: 70%; } .loreback.map { width: 950px;} .bankback0, .dostback0 { padding: 6px 12px; font-size: 11px; font-family: jost; background: #d4cfce; width: 90%; margin: 0 auto; border: 1px solid #3e4d55; border-radius: 15px;} .dostback0 { margin-bottom: 25px; height: 500px; overflow: auto; scrollbar-width: thin;} .loretxt { padding: 6px 12px; overflow: hidden; background: #d4cfce; width: 90%; margin: 0 auto; border: 1px solid #6c6d6e; border-radius: 10px; padding-bottom: 0;} .loretxt p { padding-top: 10px !important; } .loretxt.bonus { font-family: roboto; font-size: 10px; } .loretxt.icons img { max-width: 20px !important; background: #1c1c1c; border-radius: 10px; padding: 5px;} .bbtitle0, .bbtitlecup { color: #bbb; font-family: beuafort; text-align: center; padding-top: 6px; text-transform: uppercase; font-size: 22px; margin-bottom: 28px; letter-spacing: 2px; height: 49px;} .bbtitle1 { color: #d4cfce; font-family: beuafort; text-align: center; padding-top: 21px; text-transform: uppercase; font-size: 20px; margin: 0px 0 0px; letter-spacing: 2px;} .bbtitle { background: #d4cfce; text-align: center; margin-bottom: 8px; font-family: jost; text-transform: uppercase; font-weight: bold; border-radius: 20px; letter-spacing: 1px; font-size: 10px; } .dostback0 td { vertical-align: middle !important; text-align: left;} .post-content .highlight-text { background-color: #1d262e !important; color: #d4cfce !important; padding: 2px 8px !important; font-size: 10px; border-radius: 20px; } .blockquote-4 { position: relative; font-size: 16px; margin: 16px 16px 46px 16px; border: 2px solid #2d3c49; border-radius:20px; padding: 25px; } .blockquote-4::after { content:""; position: absolute; border: 2px solid #2d3c49; border-radius: 0 50px 0 0; width: 40px; height: 40px; bottom: -40px; left: 50px; border-bottom: none; border-left: none; z-index: 2; box-sizing: border-box; } .blockquote-4::before { content:""; position: absolute; width: 80px; border: 6px solid #d4cfce; bottom: -3px; left: 50px; z-index: 1; } .blockquote-4 cite { position: absolute; bottom: -30px; left: 110px; font-size: 13px; font-weight: bold; color: #2d3c49; } /************************* Стиль для Быстрой смены аккаунтов Deff *************************/ /*Cкрытие формы входа без клика*/ #pun-navlinks a:not(.NextShow)+span.odd{ display:none!important; } #pun-navlinks a:not(.NextShow)+span.odd{ display:none!important; } /*Стиль доп-иконки Выход!*/ #pun-navlinks a#New-exit { background: transparent!important; position:absolute; z-index:100000!important; margin-top: -3px !important; margin-left: 23px !important; display:inline-block!important; } #pun-navlinks #New-exit img{ position: absolute; width: 26px; height: auto; transition: .63s; } #pun-navlinks #New-exit:hover img{ transition: .63s; filter: invert(100%); /*opacity: .42;*/ } .punbb #pun-navlinks a#New-exit:before { content:none; } .punbb #pun-navlinks #form-login input{ text-align: center; border: 1px solid #5D6755; text-rendering: auto; color: #000000!important; margin-top: 4px!important; margin-bottom: 3px!important; border-radius: 5px; letter-spacing: 0.2; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block!important; text-align: center; box-sizing: border-box; height:20px; width:67px; width: 110px; padding: 4px; font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189) background-color: rgba(250,255,189,.88); } .punbb #form-login #fld1:empty,#form-login #fld2:empty, .punbb #form-login #fld1,#form-login #fld2{ background-color: #7c7c7c; height:23px; } .punbb #pun-navlinks #form-login input[type="submit"]{ margin: 13px 0 2px!important; box-sizing: border-box; height:26px; width:67px; font-size: 11px!important; color: #ffffff !important; background: #434c53; border: 1px outset rgba(161,172,152,.8)!important; text-align: center; padding: 0 4px!important; border-radius: 13px; font-family: Verdana!important; font-weight: 700!important; transition: all 0.5s ease-in-out 0s; letter-spacing: 0.8; cursor:pointer; /*border: 2px outset #83693E!important; color:#565462!important; font-weight:700!important; */ } .punbb #pun-navlinks #form-login input[type="submit"]:hover{ opacity:0.6; } /*Стиль формы входа*/ .punbb #pun-navlinks #form-login { background: #1c1e20; min-height:183px; border: 1px solid #626262; border-radius: 0px 0px 6px 6px; color: #6b6b6b;/*BCBCBC;*/ display: block; font: 11px "Verdana"; left: 0px; padding: 8px 12px; margin: 1px 0; position: absolute !important; text-align: center; word-spacing: normal; white-space: normal; /*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/ text-transform: none; letter-spacing: 0.2px!important; top: 7px; width: 122px; z-index: 100000!important; } #pun-navlinks #navlogin #form-login { margin-left: -30px;/*Подвижки формы влево от вход*/ } #pun-navlinks #navlogout #form-login { margin-left: -30px;/*Подвижки формы влево от выход*/ } .ismoderator #pun-navlinks #navlogout #form-login { margin-left: -30px!important;/*Подвижки формы влево от выход для АМС*/ } /*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ #pun-navlinks #form-login input[value="Войти"]+p{ margin: 11px auto; } .punbb #pun-navlinks #form-login a.Rega, .punbb #pun-navlinks #form-login a.Forgot{ position:relative; text-transform: none!important; z-index:20; cursor:pointer; font: normal normal 200 10px/normal Verdana!important; letter-spacing: 0.4px!important; display:inline; background: none!important; padding: 0 0 0 3px!important; color: #FDFDFE; font-size: 9px!important; /*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/ } .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:-9px; min-height:90px; width:220px; right:100%; padding: 12px 19px 12px 17px; background: #1C1E20; border-color: #626262; /* Цвет границы */ border-style: solid; /* Стиль границы */ border-width: 1px 1px 1px 1px; /* Толщина границы */ border-radius:0 0 0px 6px; text-align:center; /*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ } /*Стиль контейнера под список Ников*/ .punbb #List-UserNames ul{ display: block!important; padding: 0; overflow:hidden; overflow-y:auto; min-height:36px; max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ } .punbb #List-UserNames li { display: block!important; position: relative; background: #434c53; text-align: left; box-shadow: 2px 2px 1px rgb(19, 20, 15); padding-left: 5px!important; font: normal normal 700 12x/normal Verdana!important; letter-spacing: 0.4; margin: 1px auto!important; padding: 2px 0; transition: .33s; } .punbb #List-UserNames li:hover{ opacity:.84; /*background:#83693E!important;*/ } /*Стиль Ников*/ .punbb #List-UserNames li>b{ cursor: pointer; opacity: .9; color: #fffefe;; text-shadow: 1px 1px 1px rgb(0, 0, 0); letter-spacing: 0.3; } .punbb #List-UserNames li>b:hover{ opacity:.93; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Скролл контейнера с никами*/ #List-UserNames ul::-webkit-scrollbar { width: 3px; height: 5px; } #List-UserNames ul::-webkit-scrollbar-track { background-color: #393A38; border: 0px solid #d7d8d9; box-shadow: none; } #List-UserNames ul::-webkit-scrollbar-thumb { background-color: #C0BFBD; border: 0px solid #d7d8d9; box-shadow: none; } /*Кнопки Удалить (правее ников)*/ #List-UserNames ul li>span { display:inline-block; padding:0 3px; position:absolute; opacity:.88; cursor:pointer; top:0;bottom:0; right:2px; color:#fff; font: normal normal 700 10.56px/normal Verdana; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Текст при отсутствии запомненных Ников!*/ #List-UserNames ul:empty:before{ display:inline-block; content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"; } /*Кнопка выход-2*/ #navlogin #exit-2 { display:none; } #pun:not(.isguest) #navlogout .Rega, #pun:not(.isguest) #navlogout .Forgot { display:none!important; } /*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ #List-UserNames ul+span{ display:inline-block; padding:6px 0 8px 0; text-align:left; font: normal normal 400 10.56px/normal Verdana; } /*Сам инпут*/ .punbb #List-UserNames input { border: 1px solid #5D6755!important; text-shadow: none!important; color:#333!important; background-color: #3e4949; font: normal normal 400 11px/normal Verdana!important; /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */ margin-top: 9px; padding: 2px !important; vertical-align: middle; } /*Стрелочки к инпуту*/ #List-UserNames ul+span b{ font: normal normal 400 13px/normal Verdana; padding:0 3px; color: #6b6b6b; } /*Кликалка слева, чуть выше инпута*/ #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 Verdana!important; margin-top:-22px!important; margin-left: 148px!important; max-width:170px; } /************************* //Конец Стиля для Быстрой смены аккаунтов *************************/