/************************************************************* A - SETUP **************************************************************/ /* Variables --------------------------------- */ :root { --bckgrnd: url(https://forumstatic.ru/files/001b/1b/16/30651.jpg) center top no-repeat fixed; --bckgrnd_two: url(https://forumstatic.ru/files/001b/1b/16/30651.jpg); --bckgrndup: url(--); --bckgrnd-color: #d6d5da; --logo-color: #d6d5da; --logo-hover: url('https://64.media.tumblr.com/7641e8eacef96631d1f8f8092c800758/tumblr_inline_ob0cclZUl31t8bm8b_250.gifv'); --font-logo: 'Verdana'; --font-logo-size: 42px; --pun-color: #d6d5da; --pun-color-base: #d6d5da; --pun-color-border: #a8a7af36; --pun-up: url(https://forumstatic.ru/files/001b/1b/16/62966.png); --pun-up-only: url(https://forumstatic.ru/files/001b/1b/16/62966.png); --head: url(--) top center no-repeat; --head-border: #af925991; --base-font: 'Verdana'; --base-font-two: 'Verdana'; --base-font-accent: 'Coco'; --font-color: #363d6e; --font-accent-color: #907f22; --font-accent-two-color: #b1b1b7; --under-forum: #d9d9dc; --cat: url(https://forumstatic.ru/files/001b/1b/16/67018.jpg); --cat-display: unset; --rating-back: url(http://forumstatic.ru/files/001b/bf/33/92938.png); --font-family: Verdana; --back-tr: #d7cfc6c7; --back-tr-border: #60595438; --icon-new: url('https://forumstatic.ru/files/001b/1b/16/34747.png'); --icon-old: url('https://forumstatic.ru/files/001b/1b/16/55905.png'); --back-lz: url('https://i.pinimg.com/originals/42/c1/4e/42c14ef6a5c21f1fa7358e3ed3af5624.gif'); --back-author: url(https://forumstatic.ru/files/001b/1b/16/81942.jpg) center top no-repeat; --back-quote: #f9f6f17a; --guestback: url(https://forumstatic.ru/files/0019/ab/a5/34463.jpg) top right no-repeat; --post-img-filter: saturate(0.5); --icons: url(https://forumstatic.ru/files/001b/bf/33/83237.png); --quote-legend-color: #d6d5da; --post-author-border: #d9d9dc; --post-author-outline: #a8a7af36; --avatar-border: #d9d9dc; --status-color: #d9d9dc; --postbox-a: #907f22; --subforums-color: #d6d5da; --subforums-color-a: #907f22; --textarea-color: #d6d5da; --border-user-ava: #d9d9dc; --outline-user-ava: #b1b1b7; --dark-switch: #907f22; --selection-color: #d6d5da; } .light { --bckgrnd: url(https://forumstatic.ru/files/001b/1b/16/30651.jpg) center top no-repeat fixed; --bckgrnd_two: url(https://forumstatic.ru/files/001b/1b/16/30651.jpg); --bckgrndup: url(--); --bckgrnd-color: #d6d5da; --logo-color: #d6d5da; --logo-hover: url('https://64.media.tumblr.com/7641e8eacef96631d1f8f8092c800758/tumblr_inline_ob0cclZUl31t8bm8b_250.gifv'); --font-logo: 'Verdana'; --font-logo-size: 42px; --pun-color: #d6d5da; --pun-color-base: #d6d5da; --pun-color-border: #a8a7af36; --pun-up: url(https://forumstatic.ru/files/001b/1b/16/62966.png); --pun-up-only: url(https://forumstatic.ru/files/001b/1b/16/62966.png); --head: url(--) top center no-repeat; --head-border: #af925991; --base-font: 'Verdana'; --base-font-two: 'Verdana'; --base-font-accent: 'Coco'; --font-color: #363d6e; --font-accent-color: #907f22; --font-accent-two-color: #b1b1b7; --under-forum: #d9d9dc; --cat: url(https://forumstatic.ru/files/001b/1b/16/67018.jpg); --cat-display: unset; --rating-back: url(http://forumstatic.ru/files/001b/bf/33/92938.png); --font-family: Verdana; --back-tr: #d7cfc6c7; --back-tr-border: #60595438; --icon-new: url('https://forumstatic.ru/files/001b/1b/16/34747.png'); --icon-old: url('https://forumstatic.ru/files/001b/1b/16/55905.png'); --back-lz: url('https://i.pinimg.com/originals/42/c1/4e/42c14ef6a5c21f1fa7358e3ed3af5624.gif'); --back-author: url(https://forumstatic.ru/files/001b/1b/16/81942.jpg) center top no-repeat; --back-quote: #f9f6f17a; --guestback: url(https://forumstatic.ru/files/001b/1b/16/98352.jpg) top right no-repeat; --post-img-filter: saturate(0.5); --icons: url(https://forumstatic.ru/files/001b/bf/33/83237.png); --quote-legend-color: #d6d5da; --post-author-border: #d9d9dc; --post-author-outline: #a8a7af36; --avatar-border: #d9d9dc; --status-color: #d9d9dc; --time-color: #d6d5da; --postbox-a: #907f22; --subforums-color: #d6d5da; --subforums-color-a: #907f22; --textarea-color: #d6d5da; --border-user-ava: #d9d9dc; --outline-user-ava: #b1b1b7; --dark-switch: #907f22; --selection-color: #d6d5da; } .dark { --bckgrnd: url(https://forumstatic.ru/files/0019/ab/a5/34463.jpg) center top no-repeat fixed, url(https://forumstatic.ru/files/0019/ab/a5/11009.jpg) center top repeat fixed; --bckgrnd_two: url(https://forumstatic.ru/files/0019/ab/a5/34463.jpg); --bckgrndup: url(--); --bckgrnd-color: #0d1110; --logo-color: #cdab74; --logo-hover: url('https://64.media.tumblr.com/41a6f0f3e54056876f0f5c6cd9c784b5/tumblr_ojz8u7KlBU1us57u5o7_r1_400.gifv'); --font-logo: 'Verdana'; --font-logo-size: 42px; --pun-color: #aba5931f; --pun-color-base: #161f1d6e; --pun-color-border: #ba9a1f30; --pun-up: url(https://forumstatic.ru/files/001b/1b/16/62966.png), #e5e0d0; --pun-up-only: url(https://forumstatic.ru/files/001b/1b/16/62966.png); --head: url(--) top center no-repeat; --head-border: #af925991; --base-font: 'Verdana'; --base-font-two: 'Verdana'; --base-font-accent: 'Coco'; --font-color: #8f7a3e; --font-accent-color: #907f22; --font-accent-two-color: #cbc08899; --under-forum: linear-gradient(90deg, rgba(181,170,145,1) 0%, rgba(219,213,194,1) 35%, rgba(236,231,217,1) 100%); --cat: url(https://forumstatic.ru/files/0019/ab/a5/74324.jpg); --cat-display: unset; --rating-back: url(http://forumstatic.ru/files/001b/bf/33/92938.png); --font-family: Verdana; --back-tr: #6e580f57; --back-tr-border: #60595438; --icon-new: url('https://forumstatic.ru/files/0019/ab/a5/96810.png'); --icon-old: url('https://forumstatic.ru/files/0019/ab/a5/91028.png'); --back-lz: url('https://i.pinimg.com/originals/42/c1/4e/42c14ef6a5c21f1fa7358e3ed3af5624.gif'); --back-author: url(https://forumstatic.ru/files/0019/ab/a5/80483.jpg) center top repeat; --back-quote: #f9f6f17a; --guestback: url(https://forumstatic.ru/files/0019/ab/a5/34463.jpg) top right no-repeat; --post-img-filter: saturate(0.5); --icons: url(https://forumstatic.ru/files/001b/bf/33/83237.png); --quote-legend-color: #ad8d422e; --post-author-border: #0a1310t; --post-author-outline: #9d7730; --avatar-border: #9d7730; --status-color: #bc9a1f; --time-color: #101716; --postbox-a: #bfb497; --subforums-color: #d3ccb7; --subforums-color-a: #00372b; --textarea-color: #aba5931f; --border-user-ava: #transparent; --outline-user-ava: #6e580f; --dark-switch: #03574d; --selection-color: #0c1210; } /************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 FONTS */ @import url(style_cs.1755967924.css); @import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+Unicase:wght@300;400;500;600;700&display=swap'); @font-face {font-family: "micra"; src: local("micra"), url(https://forumstatic.ru/files/0015/e5/b7/77209.ttf);} @font-face {font-family: "carolina"; src: local("carolina"), url(https://forumstatic.ru/files/0015/e5/b7/27348.ttf);} @font-face {font-family: "compact"; src: local("compact"), url(https://forumstatic.ru/files/0015/e5/b7/99459.ttf);} @font-face {font-family: "tagirctt"; src: local("tagirctt"), url(https://forumstatic.ru/files/0015/e5/b7/30706.ttf);} @font-face {font-family: "lobster"; src: local("lobster"), url(https://forumstatic.ru/files/0015/e5/b7/20357.ttf);} @font-face {font-family: "bebas neue"; src: local("bebas neue"), url(https://forumstatic.ru/files/0015/e5/b7/11585.ttf);} @font-face {font-family: "rochester"; src: local("rochester"), url(https://forumstatic.ru/files/0015/e5/b7/14867.ttf);} @font-face {font-family: "fatfacel"; src: local("fatfacel"), url(https://forumstatic.ru/files/0015/e5/b7/95463.otf);} @font-face {font-family: "yeseva one"; src: local("yeseva one"), url(https://forumstatic.ru/files/0015/e5/b7/36524.ttf);} @font-face {font-family: "bangers"; src: local("bangers"), url(https://forumstatic.ru/files/0015/e5/b7/88955.ttf);} @font-face {font-family: "limelight"; src: local("limelight"), url(https://forumstatic.ru/files/0015/e5/b7/21585.ttf);} @font-face {font-family: "great vibes"; src: local("great vibes"), url(https://forumstatic.ru/files/0015/e5/b7/67816.otf);} @font-face {font-family: "cheque"; src: local("cheque"), url(https://forumstatic.ru/files/0015/e5/b7/18369.otf);} @font-face {font-family: "resphekt"; src: local("resphekt"), url(https://forumstatic.ru/files/0015/e5/b7/30388.otf);} @font-face {font-family: "sansterdam"; src: local("sansterdam"), url(https://forumstatic.ru/files/0015/e5/b7/16638.otf);} @font-face {font-family: "isocteur"; src: local("isocteur"), url(https://forumstatic.ru/files/001a/bb/dd/28728.ttf);} @font-face {font-family: "Audrey"; src: local("Audrey"), url(https://forumstatic.ru/files/001a/c2/a1/60788.otf);} @font-face {font-family: "AudreyIOS"; src: local("AudreyIOS"), url(https://forumstatic.ru/files/001a/c2/a1/98154.otf);} @font-face {font-family: "Mistral"; src: local("Mistral"), url(https://forumstatic.ru/files/001a/c2/a1/95998.ttf);} @font-face {font-family: "EB Garamond"; src: local("EB Garamond"), url(https://forumstatic.ru/files/001b/1b/16/63194.ttf);} @font-face {font-family: "Sagire"; src: local("Sagire"), url(https://forumstatic.ru/files/001b/1b/16/37168.otf);} @font-face {font-family: "Fea"; src: local("Fea"), url(https://forumstatic.ru/files/001b/1b/16/81919.otf);} @font-face {font-family: "Present"; src: local("Present"), url(https://forumstatic.ru/files/001b/bf/33/32733.ttf);} @font-face {font-family: "Future"; src: local("Future"), url(https://forumstatic.ru/files/001b/bf/33/92687.otf);} @font-face {font-family: "Past"; src: local("Past"), url(https://forumstatic.ru/files/001b/bf/33/51482.ttf);} @font-face {font-family: "Font Awesome 5 Free"; src: local("Font Awesome 5 Free"), url(https://forumstatic.ru/files/001b/bf/33/94330.ttf);} @font-face {font-family: "Coco"; src: local("Coco"), url(https://forumstatic.ru/files/001b/1b/16/38817.otf);} @font-face { font-family: 'Dita Sweet'; src: url('https://forumstatic.ru/files/001b/bf/33/41375.eot'); src: url('https://forumstatic.ru/files/001b/bf/33/41375.eot?#iefix') format('embedded-opentype'), url('https://forumstatic.ru/files/001b/bf/33/49175.woff2') format('woff2'), url('https://forumstatic.ru/files/001b/bf/33/19900.woff') format('woff'), url('https://forumstatic.ru/files/001b/bf/33/70261.ttf') format('truetype'), url('https://forumstatic.ru/files/001b/bf/33/29096.svg#dita_sweet') format('svg'); } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 ÁÝÊÃÐÀÓÍÄ*/ html { min-width: 1300px!important; } body { min-width: 1300px!important; background: var(--bckgrndup), var(--bckgrnd); background-color: var(--bckgrnd-color); } body.past { min-width: 1300px!important; background: var(--bckgrndup), var(--bckgrnd); background-color: var(--bckgrnd-color); } body.present{ min-width: 1300px!important; background: var(--bckgrndup), var(--bckgrnd); background-color: var(--bckgrnd-color); } body.future{ min-width: 1300px!important; background: var(--bckgrndup), var(--bckgrnd); background-color: var(--bckgrnd-color); } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } /* A2.2 */ .punbb * { margin: 0 } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* A2.4 */ .punbb img { border:none } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; border-color: transparent; } .punbb .main table tr { border-color: transparent; } .punbb .main table tr td { border-color: transparent; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 îñíîâíîé øðèôò */ .punbb { font: normal 68.75% verdana, arial, helvetica, sans-serif; color: #524f49; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #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; } /* A4.2 */ .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 } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 ÒÅËÎ ÔÎÐÓÌÀ*/ #pun { width: 980px; margin: auto auto; } /* A5.2 ÒÅÊÑÒÎÂÀß ×ÀÑÒÜ ÔÎÐÓÌÀ*/ .punbb { float: none; width: auto; height: auto; margin: 260px auto 0px auto; padding: 0px 26px; /*background: var(--pun-up);*/ background-color: var(--pun-color-base); border: solid var(--pun-color-border) 1px; outline: solid var(--pun-color-base) 5px; } /* A5.3 ÎÑÍÎÂÍÀß ×ÀÑÒÜ Ñ ÔÎÐÓÌÀÌÈ*/ #pun-main { width: auto; margin-left: 0px; position: relative; } /* A5.3 ÏÅÐÅÍÀÏÐÀÂËÅÍÈÅ*/ #pun-redirect { position: absolute; z-index: 1000; float: none; height: 100%; width: auto; top: 0 !important; left: 0 !important; margin: 12% 37% 12px 37%; box-shadow: 0px 0px 0px 1px #76716B, 0px 0px 0px 10px #9C9C9C; border: 2px solid #7A908E; background: #a0a0a0 url() center top repeat fixed; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { /* margin-top: 0.4em;*/ } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { /*margin-top: 0;*/ } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none none none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { /*border-style: solid;*/ /* border-width: 1px;*/ } /* ÊÀÒÅÃÎÐÈÈ ÂÑÅ -------------------------------------------------------------*/ /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } /* A3.5 ÑÒÈËÜ ÂÑÅÕ ËÅÃÅÍÄ*/ .punbb h1 span, .punbb h2 span { font-size: 23px; letter-spacing: 0.5px; padding-right: 7px; font-family: var(--font-logo); text-transform: lowercase; color: var(--font-accent-color); margin-top: 17px; display: none; overflow: hidden; align-items: flex-end; justify-content: flex-end; } #pun-stats h2 span { font-size: 23px; letter-spacing: 0.5px; padding-right: 7px; font-family: var(--base-font); text-transform: lowercase; color: var(--font-accent-color); } .punbb legend span { letter-spacing: 0.5px; padding-right: 7px; font-family: var(--base-font); text-transform: lowercase; color: var(--font-accent-color); } /* A5.10 ÑÒÈËÜ ÊÀÒÅÃÎÐÈÉ ÍÀ ÃËÀÂÍÎÉ*/ .punbb .section h2, #pun-main h2, #pun-main h1, #pun-stats h2, #pun-debug h2 { margin-left: 11px; height: 11px; width: 900px; margin-top: 30px; padding-top: 2px; background: var(--cat); } /* A5.10 ÑÒÈËÜ ÊÀÒÅÃÎÐÈÉ ÀÄÌÈÍÊÀ*/ .punbb-admin #pun-admain h2 { border-top: solid 1px #381e0536; } .punbb-admin #pun-admain h2 span { display: block!important; } .admin-advert-block { width: 452px!important; height: 60px; margin-top: -64px; } /* ÍÀÇÂÀÍÈß ÊÀÒÅÃÎÐÈÉ*/ #pun-main div.catleft, #pun-main div.catright { display:none; } /* A5.10 ÑÒÈËÜ ÊÀÒÅÃÎÐÈÈ ÑÒÀÒÈÑÒÈÊÈ */ #pun-stats.section h2 { margin-left: 11px; height: 11px; width: 900px; margin-top: 30px; padding-top: 2px; background: var(--cat); } /* A5.9 ÒÅÊÑÒ Â ÊÀÒÅÃÎÐÈÈ ÑÒÀÒÈÑÒÈÊÈ*/ #pun-stats h2 span { display:none; } /* A5.9 ÑÒÈËÜ ÊÀÒÅÃÎÐÈÈ Â ÔÎÐÓÌÅ*/ #pun-main h1 span { font-size: 14px; display: block; font-weight: bold; position: relative; letter-spacing: 1.5px; margin-top: -19px; font-family: var(--base-font); text-transform: lowercase; color: var(--font-accent-color); } #pun-viewtopic #pun-main h2 { display:none; } #pun-mod #pun-main h2 span { margin-top: 17px; } /* A5.9 ÑÒÈËÜ ÊÀÒÅÃÎÐÈÈ Â ðåïóòàöèè*/ #pun-reputation h1 { width: 905px; height: 15px; margin-left: -1px; } #pun-reputation h1 span { margin-top: -10px!important; margin-left: 12px; } /* ÏÎÄÔÎÐÓÌÛ */ #subforums { text-align: center; height: 11px; border-top: none; margin-top: 25px; padding-top: 6px!important; font-family: var(--base-font); color: var(--subforums-color); font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.5px; background: var(--font-color); border: solid var(--pun-color) 2px; outline: solid var(--pun-color-border) 1px; } #subforums a { color: var(--subforums-color-a)!important; } #pun-index .subforums { display: none; } /* ÊÀÒÅÃÎÐÈÈ ÍÀ ÎÒÄÅËÜÍÛÕ ÑÒÐÀÍÈÖÀÕ -------------------------------------------------------------*/ /* C6.5 ÑÒÐÀÍÈÖÀ ÏÐÎÔÈËß*/ #viewprofile h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -25px -112px; } #profilenav h2 { display: none; } #profilenav h2 span { /*color: #597694;*/ } #viewprofile h2 span, .punbb-admin #pun-admain legend span { position: relative; display: block; padding: 4px 15px; padding-bottom: 0px; font-size: 13px; font-weight: normal; width: fit-content; font-style: normal; text-align: center; font-family: isocteur; text-transform: uppercase; margin-top: -12px!important; margin-bottom: 8px; margin-left: auto; margin-right: auto; letter-spacing: 0.7px; /* background-color: #b0b7bf;*/ /* border: 1px solid #dad4d4;*/ } #profile-left { width: 24%!important; padding-top: 0 !important; background: var(--under-forum)!important; border: solid 3px var(--pun-color-border)!important; font-size: 11px; } #profile-name { font-size: 13px; padding-top: 5px!important; text-transform: uppercase; color: var(--font-accent-color); font-family: var(--base-font); text-align: center; height: 21px; } #profile-title { text-align: center; font-family: var(--base-font-two); text-transform: lowercase; height: 16px; font-size: 10px; } #viewprofile #pa-avatar, #viewprofile #pa-online, #viewprofile #pa-edit { text-align: center; } #viewprofile #pa-avatar img { outline: solid 2px var(--font-color); border: 3px solid var(--under-forum); } #profile-right { outline: solid 1px var(--pun-color-border)!important; border: 3px solid var(--under-forum)!important; font-size: 11px; } /* D6.1 ÑÒÐÀÍÈÖÀ ÎÁÚßÂËÅÍÈÉ*/ #pun-announcement .container { padding: 0em 1em 1em 1em; } #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; display:none; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 ÏÎÑÒ È ÂÑÅ Â ÍÅÌ -------------------------------------------------------------*/ .html_frame { border: none!important; } #pun-main .topic { /*margin-left: 8px;*/ /*width: 890px;*/ } /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; border: none; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 3px 5px 5px!important; line-height: 150%; text-align: justify; } .punbb .post-content del { filter: blur(1px); text-decoration: none; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; opacity: .5; } .punbb .post-content del:hover { filter: blur(0px); opacity: 1; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } .punbb .post-content html { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { border: none; } /* B1.2 ÏÎÄÏÈÑÜ Â ÏÎÑÒÅ*/ .punbb .post-sig dt { display: block; border-top: 1px solid var(--back-tr-border); /* width: 59%; */ margin-top: 15px; margin-bottom: 7px; /* margin: 15px 0px 5px 147px; */ } .post-sig dd p, #profile .fs-box dd p { font-size: 10px; text-align: center!important; line-height: 11px!important; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* ÑÏÎÉËÅÐ, êîä, öèòàòà*/ .punbb .post-content .spoiler-box, .quote-box, .code-box { padding: 8px 10px; margin: 10px 0px; text-align: left; background: var(--pun-up); border-top: 4px solid var(--font-color); border-bottom: dashed 1px var(--font-accent-two-color); border-radius: 6px; } /* Çàìåíà ñòàíäàðòíîãî ïëþñà*/ .post-content .spoiler-box > div { font-family: 'EB Garmond'; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1px; text-shadow: 0 0 #0000008c; } /*ÏÎÄÏÈÑÜ Â ÊÎÄÅ È ÖÈÒÀÒÅ */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; margin-top: -12px; text-align: right; font-family: var(--base-font); text-transform: uppercase; font-size: 11px; font-weight: bold; font-style: normal; border-bottom: solid 2px var(--quote-legend-color); color: var(--font-accent-color); letter-spacing: 0.5px; padding: 6px; margin-bottom: 13px; } .post-content .spoiler-box > div.visible, .post-content .spoiler-box > div { font-family: var(--base-font); font-size: 11px; font-weight: bold; font-style: normal; color: var(--font-accent-color); letter-spacing: 0.5px; } .punbb .post-content blockquote p { /*padding: 5px;*/ /* border: solid 1px var(--pun-color-border);*/ } /*HR  ÏÎÑÒÅ */ .post-content hr { margin: 10px 10em 0 10em!important; background: var(--pun-color-border); height: 4px; box-shadow: none!important; border: none!important; } /* ÏÐÅÄÏÐÎÑÌÎÒÐ */ #post-preview .fs-box .post-content { width:620px; border:1px solid rgba(145, 145, 143, .0); padding:10px 20px!important; margin-left: 46px; } /* ÐÅÏÓÒÀÖÈß Â ÏÎÑÒÅ */ .punbb .post .post-rating .container { width: 32px; height: 38px; display: flex; justify-content: center; border: solid 1px var(--pun-color-border)!important; background: var(--pun-up); border-radius: 45px; } div.post-rating a, div.post-vote a { font-size: 23px!important; letter-spacing: 0.5px; padding-top: 2px; font-family: var(--base-font); text-transform: lowercase; color: var(--font-accent-color); } .post-vote .container { width: auto!important; margin-right: 27px!important; padding-top: 4px!important; font-weight: bolder; background: none!important; } .post-body .reactions-container { justify-content: flex-end; margin-right: -8px; } .reactions-root { padding: 0 26px!important; } .reaction-chip { background-color: var(--pun-up)!important; } .reaction-picker-panel { z-index: 9999!important; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 ÏÀÃÈÍÀÒÎÐÛ È ÑÑÛËÊÈ ÍÀ ÑÒÐÀÍÈÖÛ -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst, .punbb .linksb { float: left; position: relative; height: 13px; border-top: none; padding: 2px; font-size: 14px; width: 920px; margin-left: 0px; border: solid 1px var(--pun-color-border); background: var(--under-forum); } .punbb .linksb { float: left; position: relative; height: 13px; border-top: none; padding: 12px; font-size: 14px; width: 954px; margin-left: -27px; margin-bottom: 35px; border: solid 1px var(--pun-color-border); background: var(--under-forum); } #pun-messages .linksb { float: left; position: relative; height: 13px; border-top: none; padding: 12px; font-size: 14px; width: 670px; margin-left: 0px; margin-bottom: 12px; margin-top: 10px; border: solid 1px var(--pun-color-border); background: var(--under-forum); } /* B3.2 */ .multipage { /* margin-top: 3em; */ } /* B3.3 */ #pun-viewtopic .linkst .pagelink, #pun-viewforum .linkst .pagelink, #pun-viewforum .linksb .pagelink { margin-left: 11px; font-family: var(--base-font-two); font-size: 8px; text-transform: uppercase; letter-spacing: 0.5px; } /* B3.4 */ .linkst .postlink, .linksb .postlink { position: absolute; top: 2px; right: 13px; text-align: right; font-family: var(--base-font); text-transform: uppercase; font-size: 8px; letter-spacing: 0.5px; } .linksb .postlink { top: 14px; } .linkst .pagelink, .linksb .pagelink { margin-left: 11px; font-family: var(--base-font-two); font-size: 8px; text-transform: uppercase; letter-spacing: 0.5px; } .postlink.long { } /* B3.5 */ .punbb .linksb { } /* B3.6 */ .linksb .pagelink { } /* B3.7 */ .linksb .postlink { float: right; } /* B3.8 */ .subscribelink { position: absolute; top: 24px; right: 13px; text-align: right; font-family: var(--base-font-two); text-transform: uppercase; font-size: 8px; letter-spacing: 0.5px; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 ÔÎÐÌÀ ÎÒÂÅÒÀ -------------------------------------------------------------*/ /* 3.3 ÊÍÎÏÊÈ È ÔÎÐÌÀ ÎÒÂÅÒÀ*/ .punbb select, .punbb optgroup { border: 1px solid var(--back-tr-border)!important; background-color: var(--pun-color)!important; } .punbb textarea, .punbb input { background-color: var(--textarea-color)!important; border: solid 1px var(--pun-color-border); } /* ÑÀÌÀ ÔÎÐÌÀ ÎÒÂÅÀ */ .resizable-textarea textarea { background-color: #ffffffd4!important; } #main-reply { border: 2px solid var(--pun-color-border)!important; height: 180px; } /* C1.1 */ .punbb .formal .container { padding: 13px 0; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* ÑÒÈËÜ ÂÑÅÕ ÊÍÎÏÎÊ */ .button, ul.tabs li a { cursor: pointer; margin-top: 0px !important; padding: 4px 8px; margin: 5px!important; text-decoration: none; vertical-align: middle; text-transform: lowercase; color: var(--font-color); transition: all 0.7s ease-in-out 0.3s; -webkit-transition: all 0.7s ease-in-out 0.3s; -moz-transition: all 0.7s ease-in-out 0.3s; -o-transition: all 0.7s ease-in-out 0.3s; background: var(--pun-up); border: solid 1px var(--pun-color-border); font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: var(--base-font); text-transform: uppercase; } .button:hover { opacity: .5; color: var(--font-accent-color); } #pun-messages .button { margin-top: 5px !important; } /* C1.4 ÏÎËÅ ÂÂÎÄÀ ÐÀÌÊÀ*/ .punbb fieldset { border: solid 1px var(--pun-color-border); background: var(--under-forum); padding: 0px 31px 0px 26px; margin: 0px 0 1em 0; } #pun-messages fieldset { padding: 0; margin: 0; } #pun-userlist .formal fieldset, #pun-search .formal fieldset, #pun-profile .formal fieldset { background: var(--pun-up); } #pun-userlist .username a { font-size: 12px; padding-top: 5px; text-transform: lowercase; font-weight: bold; font-family: var(--base-font); color: var(--font-accent-color)!important; } /* ÑÒÈËÜ Ñ×ÅÒ×ÈÊÀ*/ #plng { padding: 3px; letter-spacing: 1px; border: solid 1px var(--pun-color-border); background: var(--pun-up); font-size: 10px; font-weight: bold; font-family: var(--base-font); text-transform: lowercase; color: var(--font-accent-color); } /* C1.5 ÏÎÑÒ ÊÎÍÒÅÉÍÅÐ ÏÎÄ ËÅÃÅÍÄÓ*/ .punbb fieldset legend { display: block; margin-left: auto; font-size: 14px; font-weight: bold; font-family: var(--base-font); text-transform: uppercase; } /* C1.6 ÏÎÑÒ ËÅÃÅÍÄÀ*/ .punbb fieldset legend span { padding: 2px 5px; margin: 0; /*color: #6e593d;*/ } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { /*display: none*/ } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /*ÑÒÈËÜ ÑÒÐÎÊÈ Ñ ÂÛÏÀÄÀÞÙÈÌÈ ÎÊÍÀÌÈ*/ #form-buttons { } /*ÂÛÏÀÄÀÞÙÈÅ ÎÊÍÀ (ØÐÈÔÒ, ÐÀÇÌÅÐ, ÏÐ...)*/ #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area { position: absolute; z-index: 1000; right: 12px!important; padding: 15px; top: 54px!important; border: solid 1px var(--pun-color-border); background-color: var(--under-forum); } #font-area { overflow-y: auto; height: 300px; width:170px; } /*ÎÊÍÎ ÊÎÌÌÅÍÒÀÐÈß Ê ÐÅÏÓÒÀÖÈÈ */ #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { display: none; position: fixed; left: 50%; top: 50%; margin: -131px 0 0 -451px!important; z-index: 100; width: 903px!important; position: absolute; right: 12px!important; font-size:10px; box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important; border: solid 1px var(--back-tr); background-color: var(--pun-color)!important; } #pun-respect.punbb .main .tc3 { text-transform: none !important; text-align: justify!important; } #pun-respect.punbb .main {font-size:10px;} #pun-respect #pun-main h1 { min-width: 573px; } /* C2 ÒÀÁËÈÖÀ Ñ ÔÎÐÓÌÀÌÈ -------------------------------------------------------------*/ /* C2.11 ÎÁÙÈÉ ÑÒÈËÜ ß×ÅÅÊ */ .punbb .main td { border-style: none none none none; border-width: 1px 0 0 1px; padding: 0.8em 1em; } #pun-index thead, #pun-viewforum thead { display: none; } /* C2.12 */ .punbb .main th { border-style: none none none none; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 ÂÑß ÑÒÐÎÊÀ Ñ ÔÎÐÓÌÎÌ*/ #pun-index .main table { border: solid 1px var(--pun-color-border); } #pun-index .main table td { border-right: solid 1px var(--pun-color-border); } #pun-viewforum .main table td { border-right: none; /*background: var(--pun-up);*/ } .punbb tbody.hasicon td.tcl { padding-left: 24px; } /* C2.1 ÏÅÐÂÀß ß×ÅÉÊÀ*/ .punbb .main .tcl { overflow: hidden; text-align: left; width: 41%; } #pun-viewforum .main .tcl { width: 26%; } /* ÑÒÈËÜ ÒÅÊÑÒÀ  ÏÎÄÔÎÐÓÌÅ*/ .punbb td div.tclcon { min-height: 67px; line-height: 14px; margin-top: 30px; padding: 7px; text-align: justify; text-transform: lowercase; } .punbb td div.tclcon img { opacity: 0.6; margin-top: 5px; outline: solid 1px var(--pun-color-border); border: 2px solid var(--back-tr-border); } /* C2.3 ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ*/ #pun-index .tcl h3 a { font-size: 14px; padding-top: 5px; text-transform: uppercase; font-weight: bold; color: var(--font-color); font-family: var(--base-font-accent); transition: all 0.7s ease-in-out 0.3s; -webkit-transition: all 0.7s ease-in-out 0.3s; -moz-transition: all 0.7s ease-in-out 0.3s; -o-transition: all 0.7s ease-in-out 0.3s; text-shadow: 0 0 #000000a6; } #pun-index .tcl h3 a:hover { color: var(--font-accent-color); } /* C2.8 ÂÎÊÐÓà ÍÀÇÂÀÍÈß ÔÎÐÓÌÀ */ #pun-index .tcl h3 { margin-top: -28px; margin-bottom: 3px; margin-left: -1px; } div.tclcon > p { font-size: 18px; padding-bottom: 6px; padding-top: 4px; text-transform: uppercase; letter-spacing: 0.4px; color: var(--font-accent-two-color); font-family: var(--base-font); text-shadow: 0 0 #00000099; } .topic a.sharelink { display: none!important; } div.tclcon > text { display: block; margin-top: 5px; padding-top: 3px; width: 222px; min-height: 115px; border-top: solid 1px var(--pun-color-border); font-family: var(--base-font-two); font-size: 11px; letter-spacing: -0.3px; line-height: 10px; } div.tclcon > urls { display: block; margin-top: -120px; margin-left: 236px; padding: 5px; width: 114px; /*background: var(--pun-color-border);*/ border: solid 1px var(--pun-color-border); border-radius: 5px; } div.tclcon > urls > a { display: inline-block; width: 111px; height: 14px; color: var(--font-accent-color)!important; border: solid 1px var(--pun-color-border); background: none; margin-bottom: 4px; border-radius: 2px; font-family: var(--base-font); text-transform: lowercase; text-align-last: center; letter-spacing: 1.5px; font-size: 11px; text-shadow: 0 0 #00000078; } div.tclcon > urls > a:hover { backgroung: var(--font-accent-color); color: #fff!important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } div.tclcon > text > subfor { display: flex; padding: 5px; flex-direction: column; } div.tclcon > text > subfor > a { font-size: 12px; letter-spacing: 0.5px; line-height: 8px; padding: 5px; text-transform: lowercase; color: var(--font-accent-color)!important; font-family: var(--base-font); } div.tclcon > text > subfor > a:before { content: "» "; } /* C2.2 ÂÒÎÐÀß, ÒÐÅÒÜß, ×ÅÒÂÅÐÒÀß*/ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; text-transform: lowercase; } /* C2.3 ÏßÒÀß ß×ÅÉÊÀ*/ .punbb .main .tcr { overflow: hidden; text-align: left; width: 29%; font-size: 10px; } .punbb .hasicon .tcr { } .punbb .main .tcr a { font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-family: var(--base-font); color: var(--font-color); } #pun-viewforum .main .tcr a, #pun-searchtopics .main .tcr a, #pun-messages .main .tcr a { font-size: 11px; font-weight: bold; letter-spacing: -0.5px; font-family: var(--base-font); color: var(--font-color); } .punbb .main .tcr span { font-size: 11px; letter-spacing: -0.3px; line-height: 10px; font-family: var(--base-font-two); } #pun-searchtopics .forum .container, #pun-viewforum .forum .container, #pun-message .forum .container, #pun-online .section.online-list .container, #pun-reputation .inner, #pun-respect #pun-main .container { background: var(--under-forum); } /* ÊÎÍÒÅÉÍÅÐ ÏÎÄ ÈÊÎÍÊÓ ÀÂÀÒÀÐÀ  ß×ÅÉÊÅ */ #pun-index .user-avatar { height: 50px!important; width: 50px; outline: solid 1px var(--outline-user-ava); border: 3px solid var(--border-user-ava); margin: 0px 10px 0px -7px; opacity: 0.7; } #pun-viewforum .user-avatar, #pun-searchtopics .user-avatar, #pun-messages .user-avatar, #pun-userlist .user-avatar { height:25px!important; width: 25px; outline: solid 1px var(--font-accent-two-color); border: 3px solid var(--under-forum); margin: 0px 10px 0px -7px; opacity: 1; } .punbb em.user-avatar { float:left!important; } .punbb .user-avatar img.ava { /*border-radius:0% !important;*/ } /* ÈÊÎÍÊÀ ÀÂÀÒÀÐÀ  ß×ÅÉÊÅ */ .punbb .user-avatar .avatar-image { border-radius: 0% !important; width: 50px!important; height: 50px!important; } #pun-viewforum .user-avatar .avatar-image, #pun-searchtopics .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image, #pun-userlist .user-avatar .avatar-image { border-radius: 0% !important; width: 25px!important; height: 25px!important; } /* Òåìû â ôîðóìå, íà Íîâûõ ñîîáùåíèÿõ è àêòèâíûõ */ /* ÿ÷åéêà ñ òåìîé */ #pun-viewforum td div.tclcon, #pun-searchtopics td div.tclcon, #pun-message td div.tclcon { } /* ÿ÷åéêà ñ àâîé */ #pun-viewforum .hasicon .tcr, #pun-searchtopics .hasicon .tcr, #pun-message .hasicon .tcr { /*padding-top: 14px;*/ } /* ÈÊÎÍÊÀ  ÔÎÐÓÌÅ */ #pun-viewforum div.icon, #pun-searchtopics div.icon, #pun-message. div.icon{ margin-top: 0px; } /*ÑÏÈÑÎÊ ÒÅÌ ÂÍÓÒÐÈ ÔÎÐÓÌÀ */ #pun-viewforum .tclcon a, #pun-searchtopics .tclcon a, #pun-message .tclcon a { font-size: 15px; padding-top: 5px; text-transform: lowercase; color: var(--font-accent-color); font-family: var(--base-font); } /* ÍÈÊ Â ÑÏÈÑÊÅ ÒÅÌ Â ÔÎÐÓÌÅ (ÒÈÐÅ) */ #pun-main .forum .tcl .byuser { display: block; font-size: 13px; margin-left: 9px; text-transform: lowercase; font-family: var(--base-font-two); } #pun-main .forum .tcl .byuser:before { content: "»";} /* ÒÅÌÛ Â ÔÎÐÓÌÅ */ #pun-main .forum .tcl .tclcon { margin-top: 2px; min-height: unset; } /* ÄÐÓÃÈÅ ÑÒÐÀÍÈÖÛ ÑÒÈËÜ -------------------------------------------------------------*/ /* C2.4 */ #pun-userlist .main .tcl, #pun-modviewforum .main .tcl { width: 40% } #pun-userlist .user-avatar { margin: 1px 23px 2px 0px; } /*ÂÍÓÒÐÈ ÔÎÐÓÌÀ ÐßÄÎÌ Ñ ÈÊÎÍÊÎÉ ÀÂÛ*/ #pun-viewforum .tcr a, #pun-searchtopics .tcr a { text-transform: lowercase; } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } .pun-modal .modal-inner { border: 4px double #c0bebc!important; background: #e1e1e1!important; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* ÓÁÐÀÒÜ - ìîäåðàòîðîâ, "òåìà çàêðûòà", "âàæíî", "îòðåäàêòèðîâàíî", "îáúÿâëåíèå"*/ #pun-index .modlist { display: none; } .closedatafield {display:none;} .stickytext {display:none} .lastedit {display:none;} /* C2.15 ÈÊÎÍÊÀ */ .punbb div.icon { float: left; display: block; position: absolute; margin-left: -41px; width: 37px; height: 38px; margin-top: -19px; } #pun-viewforum div.icon, #pun-searchtopics div.icon { margin-top: 0px; } /* C2.16 */ .punbb table div.icon { font-size: 1.05em; } div.icon { background: var(--icon-old) left top no-repeat; } tr.inew div.icon { background: var(--icon-new) left top no-repeat; } tr.iclosed div.icon { background: var(--icon-old) left top no-repeat; } tr.isticky div.icon { background: var(--icon-new) left top no-repeat; } #pun-modviewforum div.icon { display: none; } /* C3 ÍÀÄ ÏÎÑÒÎÌ ÊÎÍÒÅÉÍÅÐ -------------------------------------------------------------*/ /* C3.1 ÊÎÍÒÅÉÍÅÐ*/ .punbb .post .container { padding-top: 10px; padding-left: 14px; padding-right: 22px; width: 931px; margin-left: -22px; background: var(--under-forum); border: solid 1px var(--pun-color-border); } /* C3.2 ÊÀÒÅÃÎÐÈß*/ .punbb .post h3 { padding: 2px; margin-top: 29px; margin-bottom: 4px; margin-left: 221px; width: 719px; border: solid 1px var(--pun-color-border); background: var(--pun-up-only); } /* C3.3 ÑÎÄÅÐÆÀÍÈÅ*/ .punbb .post h3 span { margin-left: 11px; font-family: var(--base-font-two); font-size: 12px; letter-spacing: 0.5px; font: var(--base-font-two); } .post h3 span strong:before { content: "#"; } /* C3.3 ÑÎÄÅÐÆÀÍÈÅ ÑÑÛËÊÀ*/ .punbb .post h3 span a { text-transform: uppercase; font-size: 8px; letter-spacing: 1px; font-family: var(--base-font); } /* C3.4 ÍÎÌÅÐ ÏÎÑÒÀ*/ .punbb .post h3 strong { float: right; } /* C3 ÏÐÎÔÈËÜ È ÏÎÑÒ -------------------------------------------------------------*/ /* C3.5 ÊÎÍÒÅÉÍÅÐ Ñ ÏÎÑÒÎÌ È ÏÐÎÔÈËÅÌ*/ .punbb .post .post-author { float: left; overflow: hidden; margin-left: -19px; width: 239px; position: sticky; background: var(--back-author), var(--under-forum); outline: solid 1px var(--post-author-outline); border: 4px solid var(--post-author-border); border-radius: 2px; } /* C3.11 ÒÎËÜÊÎ ÏÎÑÒ*/ .punbb .post-body { margin-left: 21em; /*border-left-style: solid;*/ border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 ÊÎÍÒÅÉÍÅÐ ÏÎÄ ÏÎÑÒ*/ .punbb .post-box { padding: 1em; padding-right: 18px; } .punbb .post-box a { color: var(--postbox-a)!important; font-weight: bold; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; padding-bottom: 20px; } .punbb .post-box a{ text-decoration: underline; } /* C3.7 ÏÐÎÔÈËÜ*/ .pa-author { text-align: center; margin-top: 13px; width: 221px; padding: 9px!important; border-bottom: dashed 1px var(--under-forum); } li.pa-avatar.item2 { display: flex; padding-left: 5px; padding-top: 5px; width: 232px; justify-content: center; } /* C3.8 ÂÑÅ ÑÑÛËÊÈ Â ÏÐÎÔÈËÅ*/ .pa-author a { display: block; font-size: 18px; text-transform: uppercase; font-family: var(--base-font); /*-webkit-background-clip: text;*/ /* -webkit-text-fill-color: var(--font-color);*/ color: var(--avatar-border)!important; } .pa-author a:hover, .pa-author a:active { opacity: 0.8; color: var(--font-accent-color)!important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } .pa-author a::first-letter { /* font-weight: bold;*/ /* font-size: 18px;*/ /* color: var(--font-accent-color)!important;*/ } /* ÀÂÀÒÀÐÊÀ*/ li.pa-avatar.item2 img { /*outline: solid 1px var(--pun-color-border);*/ /*border: 6px solid transparent;*/ border: 1px dashed var(--avatar-border); } .pa-avatar img { /*max-width: 180px; */ /*max-height: 180px;*/ } /* ÂÑÏËÛÂÀÞÙÅÅ ÍÀ ÀÂÀÒÀÐÊÅ*/ .img a.title { background: #f0f0f0; } /* ÑÒÀÒÓÑ*/ li.pa-title { text-align: right; margin-bottom: 5px; margin-top: 3px; line-height: 11px; letter-spacing: 0.6px; width: 215px; color: var(--status-color); text-transform: lowercase; font-family: var(--base-font-two); font-size: 8px; } .pa-title:before { color: var(--under-forum); text-transform: lowercase; font-family: var(--base-font-two); font-size: 8px; content: '— '; cursor: pointer; } /* ÀÉÏÈ*/ /* ÏÎÑËÅÄÍÈÉ ÂÈÇÈÒ*/ li.pa-ip, .pa-time-visit, .pa-last-visit { text-align: center; margin-bottom: 5px; color: var(--font-color); text-transform: uppercase; font-family: var(--base-font-two); font-size: 9px; letter-spacing: 0.1px; margin-left: 0px; } li.pa-ip a { color: var(--font-color)!important; text-transform: uppercase; font-family: var(--base-font-two); font-size: 9px; } /* ÎÍËÀÉÍ-ÎÔÔËÀÉÍ*/ li.pa-online { display: block; position: absolute; width: 19px; height: 17px; margin-left: 217px; margin-top: -8px; margin-bottom: -4px; color: transparent; background:url(https://forumstatic.ru/files/001b/1b/16/45945.png) repeat; -webkit-animation: blinkColor .9s linear infinite; } li.pa-online strong { font-weight: normal; } /* ÏÎÑÒÛ È ÓÂÀÆÅÍÈÅ*/ .pa-respect { display: block; text-align: left; margin-bottom: 5px; margin-top: 3px; margin-left: 12px; line-height: 11px; letter-spacing: 0px; width: 215px; color: var(--font-color); text-transform: lowercase; font-family: var(--base-font-two); font-size: 11px; } .pa-posts { display: block; text-align: right; margin-top: 3px; line-height: 11px; letter-spacing: 0.6px; width: 215px; color: var(--status-color); text-transform: lowercase; font-family: var(--base-font-two); font-size: 8px; } .pa-posts:before{ color: var(--under-forum); text-transform: lowercase; font-family: var(--base-font-two); font-size: 8px; content: '— '; cursor: pointer; } .pa-respect a { font-size: 11px; text-transform: lowercase; font-family: var(--base-font-two); color: var(--font-color)!important; } .pa-posts .fld-name, .pa-respect .fld-name { /*display:none;*/ } .pa-time-visit br {/*display:none*/} .pa-last-visit br {/*display:none*/} /* ÊÀÑÒÎÌÍÛÅ ÏÎËß*/ .pa-fld1 { } .pa-fld1 present { display: block; width: 239px; text-align: left; color: var(--time-color)!important; padding-left: 9px; font-size: 11px; text-transform: lowercase; letter-spacing: 2px; font-family: var(--base-font-two); background: var(--font-color); outline: solid 1px var(--pun-color-border); border: 4px solid var(--under-forum); } .pa-fld1 past { display: block; width: 239px; text-align: left; color: var(--time-color)!important; padding-left: 9px; font-size: 11px; text-transform: lowercase; letter-spacing: 2px; font-family: var(--base-font-two); background: var(--font-color); outline: solid 1px var(--pun-color-border); border: 4px solid var(--under-forum); } .pa-fld1 future { display: block; width: 239px; text-align: left; color: var(--time-color)!important; padding-left: 9px; font-size: 11px; text-transform: lowercase; letter-spacing: 2px; font-family: var(--base-font-two); background: var(--font-color); outline: solid 1px var(--pun-color-border); border: 4px solid var(--under-forum); } .pa-fld2 { display: block; padding: 13px!important; color: var(--font-color); font-size: 11px; text-transform: lowercase; font-family: var(--base-font-two); padding-bottom: 4px!important; text-align: justify; line-height: 12px; } .pa-fld3 { width: 232px; text-align: center; font-size: 10px; line-height: 4px; padding: 6px!important; } .pa-fld3 a { font-size: 13px; text-transform: lowercase; letter-spacing: 0.5px; color: var(--font-accent-color)!important; font-family: var(--base-font); text-shadow: 0 0 var(--font-accent-color)!important; } .pa-fld3 a:hover { color: var(--font-color)!important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } .pa-fld4 { width: 216px; text-align: right; font-size: 11px; line-height: 4px; padding: 6px!important; border-bottom: solid 1px var(--pun-color-border); } .pa-fld4 a { text-transform: lowercase; letter-spacing: 0.5px; color: var(--font-accent-color)!important; font-family: var(--base-font); text-shadow: 0 0 var(--font-accent-color)!important; } /* ÍÀÃÐÀÄÛ*/ li.pa-awards { display: block; text-align: left; margin-bottom: 5px; margin-top: 3px; margin-left: 12px; line-height: 11px; letter-spacing: 0px; width: 215px; color: var(--font-color); text-transform: lowercase; font-family: var(--base-font-two); font-size: 11px; } .pa-respect:before, .pa-awards:before { color: var(--font-color); text-transform: lowercase; font-family: var(--base-font-two); font-size: 8px; content: '— '; cursor: pointer; } li.pa-awards br { display: none; } li.pa-awards a { font-size: 11px; text-transform: lowercase; font-family: var(--base-font-two); color: var(--font-color)!important; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #333; } /* C3.14 ÊÎÍÒÅÉÍÅÐ ÑÑÛËÎÊ Â ÊÎÍÖÅ ÏÎÑÒÀ*/ .punbb .post-links { padding: 2px; margin-top: 29px; margin-bottom: 4px; margin-left: -10px; width: 952px; border: solid 1px var(--pun-color-border); background: var(--pun-up-only); } /* C3.15 ÑÑÛËÊÈ Â ÊÎÍÖÅ ÏÎÑÒÀ*/ .punbb .post-links ul { padding: 0 1em 0 0; line-height: 2em; /*margin-left: -219px;*/ text-transform: uppercase; text-align: right; } .punbb .post-links ul a { text-transform: uppercase; font-size: 8px; letter-spacing: 1px; font-family: var(--base-font); } /* C3.16 ÑÑÛËÊÈ Â ÊÎÍÖÅ ÏÎÑÒÀ*/ .punbb .post-links li { display: inline; padding-left: 1em; } .post-links > ul > li.pl-share { display:none; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 8px 32px 0px 10px; text-align: right; /*background: var(--cat);*/ } /* Ñêðûòü rss-atom */ .punbb .modmenu .container span {/*display: none;*/} #pun-viewtopic .modmenu .container { background: none; border-top: none; border-bottom: none; text-align: right; font-family: var(--base-font); text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 17px; line-height: 1em; font-weight: 300; font-family: var(--base-font); text-transform: uppercase; font-size: 8px; letter-spacing: 0.5px; } .punbb .modmenu a { font-size: 10px; font-weight: bold; color: var(--font-accent-color)!important; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } #topic-modmenu .container strong #mod-options { text-transform: uppercase; font-size: 8px; letter-spacing: 1px; font-family: var(--base-font); } #mod-options option { font-family: verdana; } /* òåìó ïðîñìàòðèâàþò, çàïÿòàÿ â òåìó ïðîñìàòðèâàþò */ #topic-users-in { height: 100%; float: left; position: relative; border-top: none; padding: 2px; font-size: 14px; width: 920px; margin-top: 12px; margin-bottom: 12px; padding-bottom: 7px; margin-left: 0px; border: solid 1px var(--pun-color-border); background: var(--pun-up-only); } #topic-users-in a:last-child:after {content: "";} #topic-users-in a:after {content: ",";} /* ËÑÊÈ -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em; text-align: center; } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; text-align: center; font-family: verdana; text-transform: lowercase; font-size: 8px; } #pun-messages .post-links, #pun-messages .post h3 { width: auto; margin-left: 0px; } #pun-messages .post .container { width: auto; } #pun-messages .fs-box { padding: 0; } #pun-messages .pa-posts, #pun-messages .pa-reg { display:none; } #pun-messages .post h3 span { width: auto; } #pun-messages .icon { } #pun-messages .post h3 { width: auto; margin-bottom: 17px; } #pun-messages #profile .container fieldset { border:none; } #pun-messages #profile .post-links ul { background: none; width: auto; } #pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area { width: auto!important; } #pun-messages #smilies-area { width: 656px!important; } #pun-messages .pmtcl1 { /*width: 33%!important;*/ } #pun-messages .pmtc22 { width: 34%!important; } #pun-messages .pmtc33, #pun-messages .pmtc24{ } #pun-messages td div.tclcon { margin-top: 0px; width: auto; min-height: auto; border: none; } #pun-messages div.icon { background: var(--pun-color-border); height: 32px; width: 8px; position: inherit; margin: 0px 11px 2px 6px; } #pun-messages tr.inew div.icon { background: var(--font-accent-color); } #pun-messages h2 { margin: 0; } #pun-messages h2 span { /*font-size: 13px;*/ /*margin-top: -12px!important;*/ } #pun-messages .pmtc22 a, #pun-messages .pmtc33 { /* font-family: Bebas Neue, BN, Impact;*/ /* font-size: 14px;*/ } #pun-messages .user-avatar { outline: solid 1px #a09076; border: 2px solid #dadada; margin: 0px 10px 0px -7px; height: 25px !important; width: 25px !important; } #pun-messages .user-avatar .avatar-image { height: 25px !important; width: 25px !important; } #pun-messages legend strong { display: block; padding: 3px; letter-spacing: 1px; border: solid 1px var(--pun-color-border); background: var(--pun-up); font-size: 22px; text-transform: lowercase; color: var(--font-accent-color); font-family: var(--base-font); margin-top: 5px; } /* C6 ÑÒÐÀÍÈÖÀ Ñ ÏÐÎÔÈËÅÌ -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border: solid 1px var(--pun-color-border); background: var(--pun-up); font-family: var(--base-font-two); padding: 1.5em 18px 0.8em 18px; font-size: 11px; margin: 0 0 1em 0; } #profile-signature ul { padding: 10px!important; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 0em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 ÑÏÈÑÎÊ ÏÎËÜÇÎÂÀÒÅËÅÉ -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } #pun-userlist .usersname { display: block; margin-top: 8px; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; font-family: var(--base-font-two); font-size: 11px; background: var(--under-forum); border: #fff; } #pun-userlist fieldset legend, #pun-search fieldset legend, #pun-profile fieldset legend { /*font-size: 17px;*/ } /* D1 ØÀÏÊÀ -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 0px 0px 0 0px; margin-top: 0px; } /* D1.2 ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ*/ #pun-title h1 { display : block; /*height : 40px;*/ padding: 0em; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } /* D1.4 ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ*/ #pun-title h1 span { display: none; } /* D1.4 ØÀÏÊÀ*/ #pun-title table { } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 0px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #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%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } #pun-pagelinks a:active, #pun-pagelinks a:focus { color: rgb(80, 90, 109); } /* D3 ÎÑÍÎÂÍÀß ÍÀÂÈÃÀÖÈß -------------------------------------------------------------*/ /* D3.1 ÎÑÍÎÂÍÀß ÍÀÂÈÃÀÖÈß*/ #pun-navlinks { margin: 0; text-align: center; position: absolute; z-index: 9; display: block; width: 686px; height: 55px; margin-top: -263px; padding-top: 7px; margin-left: 232px; background-color: var(--pun-color); border: solid var(--pun-color-border) 1px; border-top: none; outline: solid var(--pun-color) 5px; } /* D3.2 */ #pun-navlinks .container { } /* D.3 */ #pun-navlinks li { display: inline; padding-right: 0.5em; } /* D3.4 */ #pun-navlinks li span { display: inline-block; } /* CS3.3 */ #pun-navlinks a { color: var(--font-color); font-family: var(--base-font); font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; padding-right: 4px; text-shadow: 0 0 var(--font-color); /*background: linear-gradient(rgb(255 255 255) 31%, rgb(22 22 21) 76%);*/ /*-webkit-background-clip: text !important;*/ /* -moz-background-clip: text !important;*/ /* -o-background-clip: text !important;*/ } a span::first-letter{ color: var(--font-accent-color)!important; text-shadow: 0 0 var(--font-accent-color)!important; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: var(--font-accent-color)!important; /*padding-right: 6px;*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } /* ÓÁÐÀÒÜ - ÍÀÃÐÀÄÛ ÈÇ ÌÅÍÞ */ li#navawards {display: none !important;} /* D4 ÂÒÎÐÎÑÒÅÏÅÍÍÀß ÍÀÂÈÃÀÖÈß -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin: 0; text-align: center; position: absolute; z-index: 9; display: block; width: 763px; margin-top: -228px; margin-left: 188px; } /* D4.2 */ #pun-ulinks .container { } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } #pun-ulinks a { color: var(--font-color)!important; font-size: 7.3px; letter-spacing: 1.2px; text-transform: uppercase; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.5em 0 0; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: var(--font-accent-color)!important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } /* Îòêëþ÷åíèå ëèøíèõ ïóíêòîâ â ìåíþ */ #pun-ulinks > ul > li.item3, #pun-ulinks > ul > li.item5 {display: none !important;} /* D5 ÏÐÈÂÅÒ ÃÎÑÒÜ È ÂÐÅÌß -------------------------------------------------------------*/ /* D5.1 */ #pun-status { display: block; position: absolute; margin-left: 752px; margin-top: -114px; width: 177px; height: 61px; color: var(--font-color); font-family: var(--base-font-two); font-size: 11px; letter-spacing: -0.5px; line-height: 14px; padding-top: 25px; } /* D5.2 */ #pun-status .container { } #pun-status .item2 { display:block; } #pun-status .status-right { display: none; } /* D5.3 */ #pun-status a { color: var(--font-accent-color)!important; } #pun-status span strong { /* color: var(--font-accent-color);*/ } /* D5.4 */ #pun-crumbs1 { /*overflow: hidden;*/ display: block; margin-top: -32px; margin-left: 140px; width: 813px; } /* D5.5 ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ ÑÂÅÐÕÓ*/ #pun-crumbs1 p.container, #pun-crumbs2 p.container { font-weight: bold; padding: 2px; padding-left: 18px; font-size: 12px; color: var(--font-color); font-family: var(--base-font); border: solid 1px var(--pun-color-border); background: var(--pun-up-only); } #pun-crumbs1 p.container a, #pun-crumbs2 p.container a { color: var(--font-color)!important; } /* D5.6 */ #pun-break1 { display: none; margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D7 ÁËÎÊ ÑÒÀÒÈÑÒÈÊÈ -------------------------------------------------------------*/ /* D7.1 ÎÁÙÈÉ ÊÎÍÒÅÉÍÅÐ*/ #pun-stats .container { background: var(--under-forum); border: 1px solid var(--pun-color-border); margin: 0; padding: 27px 29px 20px; } .ststitems { display: flex; padding: 6px 24px; padding-top: 16px; margin: -28px -27px 0; font-family: var(--base-font); /*font-size: 13px;*/ justify-content: center; /*border-bottom: 1px solid var(--pun-color-border);*/ border-radius: 10px 10px 0 0; color: var(--font-color)!important; } .ststitems span { padding-right: 6px; } .ststitems strong, .ststitems a { color: var(--font-accent-color)!important; } #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { padding: 4px 12px 0 11px; height: 22px; border-bottom: solid var(--pun-color-border) 1px; margin-bottom: 10px; border: solid 1px var(--cat); margin-right: 5px; border-radius: 6px; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { /* float: left;*/ /* clear: both;*/ } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { /* text-align: right;*/ } #pun-stats li.item4 { /*margin-bottom: 6px;*/ } /* D7.4 ÊÎÍÒÅÉÍÅÐ ÎÒÄÅËÜÍÛÉ*/ li#onlinelist { float: left; display: block; width: 46%; padding: 2px 4px 10px; text-align: justify; font-family: var(--base-font-two); } li#onlinelist a { color: var(--font-color)!important; } #onlinelist > div > span.e3 { display: none; } #statistic-other { display: none; } /* D7.5 ÂÍÓÒÐÈ ÊÎÍÒÅÉÍÅÐÀ*/ li#onlinelist div { text-align: center; } /* D8 ÔÓÒÅÐ -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 ÊÎÍÒÅÉÍÅÐ ÔÓÒÅÐÀ*/ #html-footer .container { border-top-style: none; text-align: right; /*background: url(https://forumstatic.ru/files/000e/3d/70/84405.jpg) no-repeat scroll center top; */ margin: 0px 0px -29px -26px; width: 980px; height: 36px; } /* D8.5 ÒÅÊÑÒÎÂÊÀ Ñ ÊÎÏÈÐÀÉÒÎÌ ÑÅÐÂÈÑÀ*/ #pun-about p span { display: block; position: absolute; margin-top: 3px; margin-left: 346px; font-size: 10px; } #pun-about p span a { color: var(--font-color)!important; } /* ÑÒÈËÜ ÊÎÏÈÐÀÉÒÀ */ #html-footer p { display: block; height: 2px; text-align: center; padding-top: 4px; color: #262524; font-size: 10px; color: var(--font-color)!important; } /* ÊÎÍÒÅÉÍÅÐ ÏÎÄ ÁÀÍÍÅÐÛ*/ .bannner { position: absolute; margin-top: 42px !important; margin-left: -5px!important; padding: 7px; width: 974px; height: 102px; overflow-y: auto; text-align: center; border: 1px solid var(--back-tr); } .bannner a { opacity: 0.5; padding-right: 1px; -moz-opacity: 0.2; filter:grayscale(100%); transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; } .bannner a:hover { opacity:0.8; -moz-opacity:0.4; filter:grayscale(0%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } /* D8.6 */ #pun-crumbs2 { font-weight: normal; /*overflow: hidden;*/ margin: 0em 0em 0em 0em; } #pun-viewforum #pun-crumbs2 { margin-top: 29px; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0em 1em; } /* D8.8 */ #pun-break4 { display: none; margin: -2px 1em; border-style: solid none; display: none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #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; } /* D9.3 */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em } /* D9.5 */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 */ #pun-help .formal li * { vertical-align: text-top } /* D9.7 */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } .admain { padding-left: 172px!important; margin-bottom: 1em; } /* CS3 ÑÑÛËÊÈ -------------------------------------------------------------*/ /* CS3.1 */ .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 { text-decoration: none; color: var(--font-color); } /* CS3.2 */ .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(--font-accent-color); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } /* ÏÐÎ×ÅÅ -------------------------------------------------------------*/ /*ÂÛÄÅËÅÍÈÅ ÒÅÊÑÒÀ */ ::selection { background: none repeat scroll 0 0 var(--font-accent-color); color: var(--selection-color); opacity: 1; } *::-moz-selection { background: none repeat scroll 0 0 var(--font-accent-color); color: var(--pun-color); opacity: 1; } /*ÑÊÐÎËËÁÀÐ*/ ::-webkit-scrollbar { width: 7px; height: 6px; } ::-webkit-scrollbar-track { background-color: var(--pun-color); /*border: solid 1px #c1c6b247;*/ } ::-webkit-scrollbar-thumb { background-color: var(--font-accent-color); /* border: solid 1px #c1c6b2;*/ } /*ÑÒÐÎÊÀ Ñ ÇÀÃÎËÎÂÊÀÌÈ ÒÀÁËÈÖÛ Â ÑÏÈÑÊÅ ÒÅÌ ÂÍÓÒÐÈ ÔÎÐÓÌÀ*/ #pun th { text-transform: lowercase; font-size: 0px; font-weight: bold; opacity: 0.0; } #pun-userlist th { opacity: 1; font-size: 10px; } #pun-userlist thead { padding-top: 5px; text-transform: lowercase; color: var(--font-accent-color); font-family: var(--base-font); background: var(--pun-up-only); border: solid 1px var(--pun-color-border); } /*ÑÒÐÅËÊÈ*/ .go-up,.go-down { position: fixed; margin-left: 927px!important; z-index: 9997; cursor: pointer; width: 53px; height: 51px; opacity: 1; transform: rotate(90deg); } .go-up { bottom: calc(30% + 50px); } .go-down { bottom: 30%; } .go-down:hover,.go-up:hover { opacity:0.7; } .go-up:before{ font-family: var(--base-font); font-size: 12px; position: absolute; content: 'ââåðõ'; cursor: pointer; background: var(--font-color); color: var(--bckgrnd-color); padding: 6px; /* transform: rotate(180deg);*/ } .go-down:before { color: var(--font-color); font-family: var(--base-font); font-size: 13px; position: absolute; content: 'âíèç'; cursor: pointer; background: transparent; padding: 8px; margin-top: -7px; border: solid 1px var(--pun-color-border); } /* ÐÀÇÌÅÐ ÀÂÀÒÀÐÊÈ ÄËß ÌÀÑÊÈ */ #mask_form .signature textarea, #mask_form .pafld1 textarea height: 50px; } #statistic-other{ text-align: center!important; text-transform: lowercase; font-size: 8px; font-weight: bold; } /************************* mybb.ru; Ñòèëü cêðèïòà âðàùàëêè ìîíåò îò 20.02.2022; v1; Author: Deff *************************/ .front { color:white; width:70px; height:70px; /*opacity:.4;*/ background: transparent no-repeat left top; } .backM { color:white; /*opacity: 0;*/ background: transparent no-repeat left top; width:70px; height:70px; } .hand { cursor: pointer; } /* based on David Walsh Flipper */ .flip-container { perspective: 1000px; text-align:center; border: 1px dashed transparent; /**/margin-bottom:1.5em; margin-right: -17px; } /* flip the pane when has the backed */ .flip-container.backed .flipper { transform: rotateY(180deg); } .fli300 {height: 15em;} .fli300 .front { height: 12em !important; } .fli300 .backM { height: 12em !important; top: -15em; } .fli300 .backM { vertical-aligh: middle; } /* flip speed goes here */ .flipper { transition: .4s; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .flipper .front, .flipper .backM { backface-visibility: hidden; -webkit-backface-visibility: hidden; position: relative; left: 0; height: 100%; padding: 1.5em 0; } /* front pane, placed above back */ .flipper .front { z-index: 2; top: 0; /* for firefox 31 */ transform: rotateY(0deg); } /* back, initially hidden pane */ .flipper .backM { transform: rotateY(180deg); } /* Îôîðìëåíèå òåêñòà íà àâåðñå */ ss{ font: normal normal 700 11px/normal Arial; cursor: auto; color:#ECD7A1; /*letter-spacing:-0.3px;*/ display:inline-block; text-align:center; margin-top:30px!important; max-width:94px; } .backM span{ padding:2px!important; text-shadow: 1px 1px 1px rgba(8,3,4,.9); background-color:rgba(62,42,16,.54); } /* Îôîðìëåíèå ññûëîê */ .punbb ss a{ font: normal normal 700 11px/normal Arial; position:relative; z-index:1; color: #E66F53!important; text-decoration:underline!important; display: inline-block; transition:.3s; } .punbb ss a:hover{ opacity:.6; } /* some flex stuff */ .flexinl { display: inline-flex; flex-wrap: wrap; /*outline:red solid 1px;*/ padding-right:20px; justify-content: flex-start; /*background: url(https://forumstatic.ru/files/0012/d8/04/81346.jpg?v=1) no-repeat -493px -137px;*/ box-sizing:border-box; overflow:hidden; height:90px; width: 230px!important; } /* ÒÀÁËÈ×ÍÛÅ ÑÅËÅÊÒÎÐÛ -------------------------------------------------------------*/ #need { display: flex; position: absolute; margin-left: 555px; margin-top: -150px; width: 325px; height: 110px; } #need img { margin-right: -90px; filter: grayscale(1); opacity: 0.7; } #need img:hover { filter: none; opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } div#need:hover { justify-content: space-between; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } #ams { position: absolute; text-align: left; padding-top: 2px; padding-left: 3px; letter-spacing: -0.7px; text-transform: lowercase; font-size: 10px; margin-left: 297px!important; top: 135px; width: 166px; overflow: hidden; } #txt { position: absolute; top: 72px; margin-left: 279px; height: 62px; width: 570px; line-height: 14px; letter-spacing: -0.5px; text-align: center; font-size: 11px; color: var(--font-color)!important; font-family: var(--base-font-two); } #txt p { font-size: 10px; padding-top: 3px; margin-top: 6px; font-weight: bold; letter-spacing: 0.3px; border-top: dashed 1px var(--font-accent-two-color); } #news { position: absolute; top: 168px; margin-left: 243px; max-height: 39px; width: 317px; line-height: 23px; font-size: 13px; padding: 10px; color: var(--font-color)!important; font-family: var(--base-font-two); font-weight: bold; letter-spacing: 0px; text-transform: uppercase; padding-left: 60px; } #news a { color: var(--font-color)!important; } #news p { font-size: 15px; margin-left: -71px; color: var(--font-accent-color); } #logo { display: var(--cat-display); position: absolute; margin-left: -21px; margin-top: -37px; width: 195px; height: 40px; } #logo h { display: inline-block; text-align: right; font-family: var(--base-font-accent); font-size: var(--font-logo-size); letter-spacing: 0px; font-weight: bold; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: var(--logo-color); } #logo h:hover { opacity: 0.8; background-image: var(--logo-hover); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } #logo p { display: inline-block; text-align: right; font-family: Sagire; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: var(--logo-color); } #logo p:hover { opacity: 0.8; background-image: var(--logo-hover); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } #ssl { position: fixed; padding-top: 1px; top: 392px; margin-left: -187px; height: auto; width: 155px; line-height: 10px; text-align: center; overflow: hidden; background: var(--font-color); } #baner_1.oformlenie_knopki { display: block; text-align: center; margin: 0px; padding: 5px 14px 5px 14px; cursor: pointer; font-family: var(--base-font); text-transform: uppercase; letter-spacing: 4.5px; font-size: 10px; background: none; border: none; color: var(--bckgrnd-color); } .sslka a { background: var(--font-color); margin: 0px auto; text-align: center; transition: all 0.3s linear 0s; display: block; padding: 3px; font-family: var(--base-font); text-transform: uppercase; letter-spacing: 4.5px; font-size: 10px; color: var(--bckgrnd-color)!important; } .sslka a:hover { color: var(--font-accent-color)!important; background: var(--font-color); font-weight:bold; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } .act_t { display: inline-block; width: 116px; height: 19px; margin-right: 15px; background: var(--bckgrnd-color); margin-bottom: 5px; /*border: solid 1px var(--head-border);*/ color: var(--font-color)!important; font-family: var(--base-font); text-transform: lowercase; font-size: 16px; text-align: center; font-weight: bold; } .act_t:hover { color: var(--font-accent-color)!important; background: #000; /*width: 100px;*/ font-weight:normal; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out } .act_t:first-letter { font-weight:bold; color: var(--font-accent-color)!important; } /*Ïðàâêè äëÿ Öâåòà ôîíà è áîðäþðîâ òàáëèöû*/ .s-tabs>.stab,.s-tabs>span{ } .s-tabs{ width: 246px; /*øèðèíà òàáëèöû*/ margin-left: 539px!important; display: block; position: absolute; } .s-tabs>.stab{ height: 101px; /*âûñîòà âêëàäêè*/ } /* Ñòèëü "Óøêà" âêëàäîê */ .s-tabs>span{ position: relative; z-index: 100; cursor: pointer; display: inline-block; padding-bottom: 5px; padding-left: 4px; height: 12px; margin-top: 25px; margin-right: -1px; text-align: center; padding-right: 6px; font: normal 400 10px/16.5px "Bebas neue"; letter-spacing: 1px; color: #fff; background: #333132; } /* Àêòèâíîå "Óøêî" */ .s-tabs>span.selected{ background: #720000; } /* Ñòèëü âêëàäêè(LI)*/ .s-tabs>.stab{ width:100%; margin:0; display:none; overflow-y:auto; overflow-x:hidden; text-align: justify; color: #e9e9e9; vertical-align: middle; padding: 14px 7px 0 3px; font-family: 'bebas neue'; letter-spacing: 1px; } /* ÄËß ÏÎÄÔÎÐÓÌΠè ÑÎÎÁÙÅÍÈÉ */ #pun-index .category tr { display: flex; /*justify-content: space-between;*/ align-items: center; position: relative; gap: 26px; background: var(--under-forum); /*border: solid var(--pun-color-border) 1px;*/ } #pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 { display:none!important; } #pun-viewforum .main .tc2, #pun-viewforum .main .tc3 { font-size: 10px; font-family: var(--base-font); } #pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3 { /*display:none!important;*/ } /* ÀÂÀ ÏÎËÜÇÎÂÀÒÅËß ÈËÈ ÃÎÑÒß Â ØÀÏÊÅ*/ span.status_userava { position: absolute; margin-left: -74px!important; margin-top: -15px; } span.status_userava a { } span.status_userava img { width: 60px; height: 60px; opacity: 0.7; outline: solid 1px var(--font-accent-two-color); border: 3px solid var(--bckgrnd-color); } span.num_msg { position: absolute; margin-top: -17px!important; font-size: 11px; font-weight: 700; background: #ff0000; padding: 1px 4px; border-radius: 2px; height: 14px; color: #fff; cursor: pointer; } #pun-profile span a { color: var(--font-accent-color)!important; } /* Ññûëêè â ïîäôîðóìå*/ .pfs { padding: 2px; margin-top: 5px!important; } .pfs a { color: #e9e9e9!important; background: #748098; text-align: center; text-transform: lowercase; padding: 2px; outline: solid 1px #4f62738a; border: 1px solid #ebebeb; } .newtext a, span.pagestext a { font-family: verdana!important; font-size: 10px!important; } #MyBookmarks .container, #MyBookmarks h2{ /* background: var(--cat);*/ } #MyBookmarks { background: var(--pun-color); } #Rz { display: none!important; } marquee_dys { display: block; width: 324px; height: 32px; overflow-y: auto; text-align: center; background: #720000; border: solid 3px #7200005c; } marquee_dys a { opacity: 0.4; -moz-opacity: 0.2; filter:grayscale(100%); transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; } marquee_dys a:hover { opacity:0.8; -moz-opacity:0.4; filter:grayscale(0%); } #BookmCntToggle.default-style { color: #7a4f29!important; } /* íàâãèàöèÿ */ .ssl { display: block; opacity: .95; padding: 1px 5px; background: rgb(234 234 234); } #pun .ssl a { background: #cedbe173; white-space: nowrap; margin: 5px auto; text-align: center; transition: all 0.3s linear 0s; display: block; text-transform: uppercase; } #pun .ssl a:hover { background-color:#87a4b173!important; opacity: 1; transform: scale(.9); color: #fff; letter-spacing: 1px } #nav { position: absolute; padding-top: 1px; padding-left: 3px; margin-left: 738px; margin-top: 19px; width: 115px; height: 13px; } .navigat.navigat_hover{ /* background: rgba(255,255,255,.5)*/ } .navigat { height: 25px; width: 162px; display: inline-block; cursor: pointer; position: absolute; top: 6px; margin-left: 714px!important; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; text-align: center; font-size: 10px; text-transform: uppercase; } .pic_one{ position: absolute; margin-top: -67px !important; margin-left: -75px!important; } .pic_two{ position: absolute; margin-top: 53px !important; margin-left: -38px!important; } /* ïåðåíåñåííûå òåìû è ñîîáùåíèÿ â ôîðóìå */ #pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2,#f-subforums .tc3 { display:none!important; } .Tems_And_messages { display: flex; flex-direction: column; align-items: baseline; } .main table .Add { display: block; width: 153px; height: 18px; text-align: left; margin-top: 7px; font-family: var(--base-font-two); text-transform: lowercase; border-top: solid var(--pun-color-border) 1px; font-size: 11px; letter-spacing: -0.3px; line-height: 11px; } li#onlinelist .e1 { font-weight: bold; } .plash { display: inline-table; letter-spacing: 1px; font-size: 11px; width: 160px; height: 30px; padding: 4px 10px 2px 10px; margin: 5px 4px !important; transition: all 0.5s ease-in-out 0s; text-transform: uppercase; border: 1px solid var(--back-tr-border) ; /*background: url(https://forumstatic.ru/files/000e/3d/70/68962.png) center top fixed repeat, #543821bf;*/ background: var(--cat), var(--pun-color-border) ; filter: none; } a.plash { font-weight: bold!important; font-family: 'EB Garamond'; color: var(--pun-color) !IMPORTANT; font-size: 14px; } a.plash span { display: block; font-size: 11px; letter-spacing: 0.4px; text-transform: lowercase; text-align: center; } .back { width: 819px; } /* Ïåðåêëþ÷åíèå äèçàéíà -------------------------------------------------------------*/ .post-content td { border-style: none!important; } #stylelist { position: fixed; top: 258px; margin-left: 952px; } #stylelist a { font-size: 0px; font-size: 0px; display: block; margin-bottom: -7px; border-style: solid; border-color: transparent; /*border-width: 0px 0px 14px 22px;*/ -webkit-transition: 0.12s linear; -moz-transition: 0.12s linear; -o-transition: 0.12s linear; transition: 0.12s linear; } #stylelist [data="dark"] a { /*border-color: transparent transparent #7a6943 #363335;*/ color: var(--dark-switch); font-family: var(--base-font); font-size: 40px; } #stylelist [data="light"] a { /*border-color: transparent transparent #557291 #3b3d40;*/ color: var(--font-color); font-family: var(--base-font); font-size: 40px; } /* Ñòèëè äëÿ ñîîáùåíèé â òåìàõ ôîðóìà -------------------------------------------------------------*/ #guestbook { background: var(--guestback) no-repeat; width: 830px; margin-left: 9px; color: var(--font-color); font-family: var(--base-font-two); border: solid 5px var(--bckgrnd-color); padding: 25px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; align-items: center; margin-bottom: 15px; } #guestbook a { color: var(--font-color)!important; } #guestbook a:hover { color: var(--font-accent-color)!important; } .guestbook_hello { display: inline-block; font-size: 11px; overflow-y: auto; padding: 5px; width: 400px; color: var(--font-color); } .guestbook_hello dop { display: block; text-transform: uppercase; font-size: 11px; margin-bottom: 9px; margin-top: 3px; } .guestbook_hello div { color: var(--font-accent-color); text-shadow: 1px 1px 1px rgb(0 0 0 / 35%); font-family: var(--base-font-accent); font-size: 30px; letter-spacing: 0.5px; padding: 4px; /*border-bottom: solid 1px var(--back-tr-border);*/ } .guestbook_hello div span { font-family: var(--base-font-accent); font-size: 43px; color: var(--font-color); font-weight: bold; letter-spacing: 0px; } .copycode { margin-top: 19px; width: 517px; display: flex; justify-content: space-between; align-items: center; gap: 20px } .copycode strong { flex: 1; white-space: nowrap; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; } .copycode a { background: var(--under-forum); border: 1px solid var(--back-tr-border)!important; border-radius: 10px; transition: all .5s linear 0s !important; padding: 5px 25px; } .copycode a:hover { background: var(--font-color); color: var(--font-accent-color) !important; } .copycode pre { font-size: 11px; font-family: courier new; } .guestbook_face_wrap { font-size: 12px; margin-left: 393px; width: 460px; height: 113px; position: absolute; display: flex; align-items: center; gap: 15px; justify-content: space-between; } .guestbook_img { width: 410px; height: 113px; margin-left: 412px; margin-top: -195px; position: absolute; display: flex; align-items: center; gap: 15px; justify-content: space-between; } .guestbook_img img { background: #15110e82; border: solid 1px var(--head-border); color: var(--font-color)!important; } .guestbook_face_wrap div:first-child { text-transform: uppercase; text-align: center; width: 171px; } .guest_book_faces_scroll { width: 260px; height: 111px; overflow-y: auto; padding-right: 5px; margin-top: 47px; display: flex; align-items: center; } .guest_book_faces_scroll span { display: block; } .guest_book_faces_scroll span + span { margin-top: 7px } /* Ñòèëè äëÿ ñîîáùåíèé â òåìàõ ôîðóìà (îñòàëüíûå) -------------------------------------------------------------*/ #htmlpost { background: var(--guestback) no-repeat; width: 830px; margin-left: 9px; color: var(--font-color); font-family: var(--base-font-two); border: solid 1px var(--back-tr-border); padding: 25px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; align-items: center; margin-bottom: 15px; } #htmlpost a { color: #cfb676; } #htmlpost a:hover { color: #bab08b } .htmlpost_head { display: inline-block; font-size: 11px; overflow-y: auto; padding: 5px; width: 400px; color: var(--font-color); } .htmlpost_head dop { display: block; text-transform: uppercase; font-size: 11px; margin-bottom: 9px; margin-top: 3px; } .htmlpost_head strong { color: var(--font-accent-color); } .htmlpost_head div { color: var(--font-accent-color); text-shadow: 1px 1px 1px rgb(0 0 0 / 35%); font-family: var(--base-font-accent); font-size: 30px; letter-spacing: 0.5px; padding: 4px; } .htmlpost_head div span { font-family: var(--base-font-accent); font-size: 43px; color: var(--font-color); font-weight: bold; letter-spacing: 0px; } .htmlpost_img { width: 410px; height: 113px; display: flex; align-items: center; gap: 15px; justify-content: space-between; } .htmlpost_img img { background: #15110e82; border: solid 1px var(--head-border); color: var(--font-color)!important; filter: var(--post-img-filter); } /* Èíôà íà ôîðóìå */ bestiary { display: block; position: relative; background: var(--bckgrnd_two) center top; border: solid 5px var(--bckgrnd-color); border-top: solid 10px var(--font-accent-color); border-bottom: solid 10px var(--font-accent-color); border-radius: 28px; padding: 16px 16px; margin-left: 18px!important; } .grid { list-style: none; margin-left: 0px; } .gc { box-sizing: border-box; display: inline-block; min-height: 1px; margin-right: -.25em; padding-left: 10px; padding-right: 18px; vertical-align: top; } .gc1{ box-sizing: border-box; display: block; min-height: 1px; margin-right: -.25em; padding-left: 40px; padding-right: 40px; vertical-align: top; } .gc--1-of-3 { width: auto; height: 90px; font-size: 10px; margin-top: 5px; display: flex; justify-content: space-around; flex-wrap: nowrap; align-items: center; } .gc--2-of-3 { margin-top: 3px; } ul.nacc { padding: 0 !important; overflow-y: hidden; overflow-x: hidden; } .gc--3-of-3 { width: auto; height: 470px !important; overflow-y: auto; overflow-x: hidden; } .naccs { position: relative; max-width: 900px; /*! background: red; */ } .naccs .menu div { padding: 0px 14px; cursor: pointer; position: relative; display: inline-block; width: 150px; height: 19px; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); /* background: #15110ebd; */ border: solid 1px var(--head-border); color: var(--font-color)!important; font-family: var(--base-font); text-transform: uppercase; font-size: 15px; font-weight: bold; } .naccs .menu div:first-letter { font-weight:bold; color: var(--font-accent-color)!important; } .naccs .menu div:hover { filter: brightness(1.2) } .naccs .menu div span.light { height: 22px; width: 6px; position: absolute; height: 100%; top: 49%; transform: translateY(-50%); left: 0px; background-color: var(--font-color); transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); } .naccs .menu div.active span.light { left: 0px; height: 100%; width: 7px; background: var(--font-accent-color); } .naccs .menu div.active { color: var(--font-accent-color); padding: 0px 14px; } ul.nacc { position: relative; list-style: none; margin: 0px 3px 0px 46px; width: 725px; height: 457px!important; padding: 5px!important; background: var(--pun-color); border: solid 5px var(--pun-color-border); transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1); max-height: 617px; } ul.nacc li { opacity: 0; transform: translateX(50px); position: absolute; list-style: none; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); } ul.nacc li.active { transition-delay: .3s; z-index: 2; opacity: 1; transform: translateX(0px); } ul.nacc li p1 { display: block; padding: 5px; text-align: center; font-family: var(--base-font); text-transform: uppercase; font-size: 25px; font-weight: bold; color: var(--font-accent-color); background: var(--pun-up); border: solid 1px var(--pun-color-border); } ul.nacc li p2 { display: block; width: 254px; margin-left: 220px; padding: 2px; text-align: center; font-family: var(--base-font-two); text-transform: uppercase; font-size: 13px; font-weight: bold; border: solid 2px var(--pun-color-border); } ul.nacc li txt { display: block; text-align: justify; font-family: var(--base-font-two); font-size: 12px; color: var(--font-color); } ul.nacc li txt acc { font-weight:bold; color: var(--font-accent-color)!important; font-size: 22px; padding-left: 35px; } .pfs { display: block; position: absolute; text-align: center; width: 101px; height: 63px; margin-left: 435px!important; padding: 2px; margin-top: -67px!important; } .pfs a { color: #e6e6e6c7!important; background: #214040; width: 112px; display: block; text-transform: lowercase; margin-bottom: 2px; } /* FACELIST TABL */ table.tbfacelist { background: var(--pun-color); font-size: 15px; margin-left: 125px!important; width: 675px!important; font-family: var(--base-font-two); border: solid 1px var(--back-quote)!important; padding: 25px 30px; display: flex; flex-wrap: nowrap; justify-content: space-around; flex-direction: row; align-items: center; margin-bottom: 15px!important; } .alflist{ color: var(--font-accent-color); font-family: var(--base-font); font-size: 16px; font-weight: bold; letter-spacing: 0.5px; border-bottom: 1px solid var(--pun-color-border); } .facelist { font-size: 11px; text-align: justify; text-transform: lowercase; height: 150px; min-width: 200px; overflow: auto; margin-left: 10px; padding: 5px; background: var(--under-forum); } .facelist a { color: var(--font-color)!important; } /* ROLES */ table.tbroles { background: var(--pun-color); font-size: 15px; margin-left: 9px!important; width: 892px!important; font-family: var(--base-font-two); border: solid 1px var(--back-quote)!important; padding: 25px 30px; display: flex; flex-wrap: nowrap; justify-content: space-around; flex-direction: row; align-items: center; margin-bottom: 15px!important; } .rolelist { color: var(--font-accent-color); font-family: var(--base-font); text-transform: lowercase; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; border-bottom: 1px solid var(--pun-color-border); } .roles { font-size: 11px; text-align: justify; text-transform: lowercase; min-height: 150px; width: 512px; overflow: auto; margin-left: 10px; padding: 5px; background: var(--under-forum); } .roles a { color: var(--font-color)!important; } /* Textarea Buttons */ #form-buttons tr::before { display: none; } #form-buttons td { position: relative; background: none !important; } #form-buttons td::before { position: absolute; transform: translateY(-50%); top: 50%; left: 0; right: 0; height: auto; background-color: transparent; font-size: 15px; font-weight: 900; font-family: 'Font Awesome 5 Free'; text-align: center; color: var(--font-accent-color); margin: 0 auto; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; pointer-events: none; } #form-buttons td:hover::before, #form-buttons #button-image:hover b p { color: #535e60; } #form-buttons #button-font::before { content: '\f031'; } #form-buttons #button-transL::before { content: '\f0ac'; } #form-buttons #button-ChangeÑase::before { content: '\f1dc'; } #form-buttons #button-size::before { content: '\f034'; } #form-buttons #button-bold::before { content: '\f032'; } #form-buttons #button-italic::before { content: '\f033'; } #form-buttons #button-underline::before { content: '\f0cd'; } #form-buttons #button-strike::before { content: '\f0cc'; } #form-buttons #button-indent::before { content: '\f03c'; } #form-buttons #button-left::before { content: '\f036'; } #form-buttons #button-center::before { content: '\f037'; } #form-buttons #button-right::before { content: '\f038'; } #form-buttons #floatbut::before { content: '\f2bb'; } #form-buttons #button-link::before { content: '\f0c1'; } #form-buttons #button-spoiler::before { content: '\f518'; } #form-buttons #button-image::before { content: '\f302'; } #form-buttons #button-image b p { top: 6px; right: 0; color: rgb(19, 19, 19); margin: 0 !important; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #form-buttons #button-video::before { content: '\f144'; } #form-buttons #button-hide::before { content: '\f070'; } #form-buttons #button-quote::before { content: '\f27a'; } #form-buttons #button-code::before { content: '\f121'; } #form-buttons #button-color::before { content: '\f53f'; } #form-buttons #button-table::before { content: '\f84c'; } #form-buttons #AutoBorder_meny::before { content: '\f853'; } #form-buttons #button-smile::before { content: '\f596'; } #form-buttons #button-sticker::before { content: '\f4da'; } #form-buttons #button-keyboard::before { content: '\f11c'; } #form-buttons #button-addition::before { content: '\f150'; } #form-buttons #button-files_rusff::before { content: '\f56f'; } #form-buttons #button-graffiti_rusff::before { content: '\f5a1'; } #form-buttons #button-mask::before { content: '\f630'; } #post .areafield .input > span { position: relative; right: -20px !important; top: 0 !important; } #post .areafield .input > span img, #image-source-list img { opacity: 0; } #post .areafield .input > span::before { position: absolute; content: '\f0e2'; transform: translateY(-50%); top: 50%; right: -22px; font-size: 14px; font-weight: 900; font-family: 'Font Awesome 5 Free'; text-align: center; color: rgb(140, 106, 48); margin: 0 auto; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #post .areafield .input > span:hover::before { color: rgb(19, 19, 19); } .post-box #post .areafield .input > span::before { right: -18px; } .post-box #post { margin-top: 1em !important; } .post-box #post fieldset legend { -js-display: flex; display: flex; justify-content: space-between; width: 94%; z-index: 1; } html .hvStickerPackModal { bottom: 5px !important; background-color: #bfb3ab; background-image: none; background-position: center; border-radius: 10px; border: none; box-shadow: none !important; padding: 15px !important; box-sizing: border-box; } html .hvStickerPackModalContent { border: none; } html .hvStickerPackItem { position: relative; } html .hvStickerPackModalTab { display: inline-block; padding: 5px 15px 4px; border: 1px solid #535e60; text-decoration: none; border-radius: 20px; background: none; color: #535e60; transition: all .3s ease-in-out; text-transform: uppercase; line-height: 1; font-family: 'Verdana'; } html .hvStickerPackModalTab:hover, html .hvStickerPackModalTab.active { background: #535e60; color: #c5bab2; } html .hvStickerPackModalTab.active { pointer-events: none; } #tags .container { display: block; top: 45px !important; left: 7px !important; /* background-color: #bfb3ab;*/ /* max-width: 500px;*/ min-height: 70px; border-radius: 5px; background: var(--under-forum); padding: 15px !important; box-sizing: border-box; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .15); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .15); box-shadow: 0 1px 2px rgba(0, 0, 0, .15); } #tags .container#color-area, #tags .container#table-area, #tags .container#keyboard-area, #tags .container#addition-area { left: auto !important; right: 7px; } #tags .container#image-area, #tags .container#video-area, #tags .container#smilies-area { left: 0 !important; right: 0; margin: 0 auto !important; background: var(--under-forum); } #color-area table { position: relative; } #color-area table td { -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #color-area table td:hover { opacity: .5; } #image-source-list img { opacity: 1; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #image-source-list img:hover { opacity: .6; } #t-imgur #my-imgur { width: 235px !important; font-size: 12px !important; border: 2px solid rgba(94, 108, 88, 1) !important; margin-left: 10px !important; margin-top: 10px !important; border-radius: 5px; } #t-imgur td:first-child { padding-right: 17px; } #t-imgur td:nth-child(2) { padding-top: 10px; } #table-area tr { padding: 0; margin-bottom: 0; box-shadow: none; border-radius: 0; } #tags #table-area tr::before { display: none; } #tags #table-area td { mix-blend-mode: multiply; border-color: rgba(0, 0, 0, .3) !important; border-right: none !important; border-bottom: none !important; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #tags #table-area td:last-child { border-right: 1px solid rgba(0, 0, 0, .3) !important; } #tags #table-area tr:last-child td { border-bottom: 1px solid rgba(0, 0, 0, .3) !important; } #tags #table-area td:hover, #tags #table-area td.selected { background: rgba(179, 143, 81, .2) !important; } #keyboard-span input { height: 30px; min-height: 30px; background-color: rgb(197 186 178) !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; font-size: 12px !important; color: rgba(125, 103, 84, 1) !important; border: none !important; border-radius: 15px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #keyboard-span input:nth-child(95) ~ * { display: none; } #keyboard-span input:hover { background: #535e60 !important; color: #c5bab2 !important; } #addition-area span, #addition-area div, #size-area span, #font-area span { -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #addition-area span:hover, #addition-area div:hover, #size-area div:hover span, #font-area div:hover span { color: #535e60; } #video-area-tinp, #image-area-tinp { border: none !important; } #imageupload-left { width: 205px !important; } #image-area-tcon-computer #imageupload-right { max-width: 305px !important; width: 305px !important; } #imageQueue .uploadQueueItem { rgb(197 186 178) !important; border: none !important; } #imageQueue .uploadQueueItem .uploadProgress { background: rgb(19, 19, 19) !important; } #imageQueue .uploadQueueItem .uploadProgress .uploadProgressBar { background: #535e60 !important; } .cancel a::before { display: none; } #uploaded-images img { border: none !important; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } #uploaded-images img:hover { opacity: .6; } /*ÁûñòðîÏëþñû äëÿ Òîïèêà!*/ .noNull:before { content: "+"; font-size: 9px; display: none; } div.post-vote { margin-bottom: 65px; } div .post-rating p>a, div.post-vote p>a { position: relative; z-index: 10; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; align-content: center; font-weight: 700; letter-spacing: -1px; font-size: 12px !important; cursor: pointer; } div .post-rating p>a:after, div.post-vote p>a:before { font-family: 'Font Awesome 5 Pro'; position: absolute; z-index: -1; color: var(--font-color); font-size: 29px; margin-top: 4px; } div .post-rating p>a:after { content: '\f004'; } div.post-vote p>a { margin-right: -17px; } div.post-vote p>a:before { content: '\f075'; } .dark-style div .post-rating p>a:after, .dark-style div.post-vote p>a:before { color: #626262; } .dark-style div .post-rating p>a, .dark-style div.post-vote p>a { color: #cf775e; } /***************** End//Áûñòðîïëþñû *****************/ /*ÑÒÈËÜ ÏËÅÅÐÀ */ *:focus { outline: none; } #app-cover { position: absolute; display: block; top: 88px; margin-left: 145px!important; width: 138px; height: 22px; margin: -4px auto; z-index: 999; padding: 0px; } #player { /* position: relative; */ /* height: 100%; */ /* z-index: 3; */ } #player-track { position: absolute; top: 0px; width: 119px; height: 0px; right: 0px; left: -3px; padding: 3px 5px 1px 15px; background-color: #554f4a00; transition: 0.3s ease top; z-index: 1; } /* #player-track.active { top: 51px; }*/ #album-name { font-size: 7px; letter-spacing: 0px; font-family: var(--base-font); color: var(--font-accent-color); font-weight: 800; text-transform: uppercase; text-align: center; } #track-name { font-size: 9px; letter-spacing: 0.7px; font-family: var(--base-font); color: var(--font-color); text-transform: lowercase; text-align: center; } #track-time { height: 12px; width: 83px; margin-bottom: -14px; overflow: hidden; } #current-time { float: left; } #track-length { float: right; } #current-time, #track-length { color: transparent; font-size: 8px; background-color: #ffe8ee00; border-radius: 10px; transition: 0.3s ease all; } #track-time.active #current-time, #track-time.active #track-length { color: #fdefb8; background-color: transparent; } #s-area { position: absolute; height: 1px; width: 230px; border-radius: 4px; margin-top: 8px; } #s-area { background-color: #fdefb800; cursor: pointer; } #ins-time { position: absolute; top: -29px; color: #fff; font-size: 12px; white-space: pre; padding: 5px 6px; border-radius: 4px; display: none; } #s-hover { position: absolute; top: 0; bottom: 0; left: 0; opacity: 0.2; z-index: 2; } #ins-time, #s-hover { background-color: #3b3d50; } .lineit { display: inline; width: 185px; gap: 5px; position: relative; } #seek-bar {content: "";position: absolute;top: 0px;bottom: 0;left: 0;width: 150px;background-color: #b1a2d0;transition: 0.2s ease width;z-index: 1;height: 0px;border-radius: 0px;} #player-content { position: relative; height: 50%; width: 170px; /* background-color: #ffffff; */ /* border: #404040 1px solid; */ z-index: 2; } #player-controls { margin: 25px 64px 0 0px; float: right; /* overflow: hidden;*/ } .control { width: 23px; float: left; padding: 2px 1px; } #player .button { width: 17px; height: 11px; padding: 2px; border-radius: 3px; cursor: pointer; } #player .button i { display: block; color: var(--font-color); font-size: 9px; text-align: center; line-height: 1; font-style: inherit; } #player .button, #player .button i { transition: 0.2s ease all; } #player .button:hover i { color: var(--font-accent-color); } .backward:before { content: "\f04a"; font-family: 'Font Awesome 5 Free'; } .play:before { content: "\f04b"; font-family: 'Font Awesome 5 Free'; } .pause:before { content: "\f04c"; font-family: 'Font Awesome 5 Free'; } .forward:before { content: "\f04e"; font-family: 'Font Awesome 5 Free'; } div#current-time, div#track-length { display: none; } /*ÊÎÍÅÖ ÏËÅÅÐÀ*/