\\\
диз соня
Сообщений 1 страница 19 из 19
Поделиться22020-04-11 22:19:51
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext'); @import url('https://forumstatic.ru/files/0019/47/79/50440.css'); @import url('https://forumstatic.ru/files/0019/47/79/94971.css'); @import url('https://forumstatic.ru/files/0019/47/79/45637.css'); @import url('https://forumstatic.ru/files/0019/47/79/93270.css'); @import url("http://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic"); @import url("http://fonts.googleapis.com/css?family=Montserrat"); @import url('http://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); @import url('https://fonts.googleapis.com/css?family=Play&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Tinos'); @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500'); @import url('https://fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne'); @import url('https://fonts.googleapis.com/css?family=Caveat|Marck+Script|Old+Standard+TT|Playfair+Display+SC|Russo+One'); @import url('https://fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap'); /* Кат для рас и сюжета -------------------------------------------------------------*/ .oformlenie_knopki1 { display:inline-block; cursor: pointer; width: 560px; padding: 6px; /* отступ текста от края */ background-color: ; /* цвет фона */ text-align: center; /* центровка текста */ font-family: Yeseva One; /* шрифт */ font-size: 16px; /* размер текста*/ border: 1px dashed #5f5f5f; border-radius: 5px; } .oformlenie_knopki2 { display:inline-block; cursor: pointer; width: 120px; padding: 3px; /* отступ текста от края */ background-color: ; /* цвет фона */ text-align: center; /* центровка текста */ font-family: Yeseva One; /* шрифт */ font-size: 24px; /* размер текста*/ border: 1px dashed #5f5f5f; border-radius: 5px; margin: 0 15px; } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0 } html * {max-height:1000000px;} /* 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%; } /* 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%; } /* A3.2 */ .punbb { font: normal 71.75% play, verdana; margin: 0; } /* А3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em play, verdana; padding: 5px; padding-top:5px; margin-left: 45px; } .pun-modal .container { background-color: #535353d4; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { text-align:center; font-size:1em; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1,1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% play; } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: normal } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 все ссылки */ .punbb a { color: #464646; text-decoration: none!important; } a:hover { color: #2d2d2d; text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: normal; } /* 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-ulinks h2, #pun-status h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .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; margin-left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 Общее тело форума */ #pun { position: center; width: 893px; background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d; margin: auto; } /* A5.2 */ .punbb { float: auto; height: auto; width: 850px; padding-left: 5px; } /* 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 solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.6em 1em; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } .post-content td { text-align: justify; } /* B1.2 подпись */ .punbb .post-sig dt { display: block; border-top: 4px double #5e5a4f; opacity:.4; width:90%; margin: 10px; margin-left: 5%; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 1em 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom; } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; max-height: 10em; } /* B1.8 ЦИТАТЫ И КОДЫ*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 5px; background: #40404042; border-top: 1px solid #86868629; border-right: 1px solid #86868629; border-left: 1px solid #86868629; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend, .code-box .legend a { display: block; padding: 0.2em 0 0.4em 0; text-transform: uppercase; display: block; font-size: 10px; font-family: play; } /* 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 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height:0; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -50px; float: right; margin-left: 50px; width: 100%; } .linkst .pagelink strong, .linksb .pagelink strong, .postlink a span{ font-weight: normal !important; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-family: play; font-style:normal; text-transform:lowercase; } /* B3.6 */ .linksb .pagelink { float: left; width: 187px; text-align: right; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; top: -200px; font-weight: bold; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* 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 } #post-form .formsubmit{ text-align: center; } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* 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; } /* ОКНО ВВОДА */ .punbb textarea{ width:auto; padding-top:2px; border:none; background: #b7b7b7; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; box-shadow: inset 0 1px #777777; } /* 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; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 54%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: center; width: 28%; } .punbb .main .tcr a { font-family: 'play' !important; font-size:11px !important; font-weight: normal; font-style: normal; text-transform:lowercase; text-shadow: #49423f 0px 0px; color: #383026!important; } .punbb .main .tcr a:hover { color: #65553d!important; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 49% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 19%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8*/ #pun-viewtopic .post h3 { background: url(https://i.imgur.com/YaYYgR2.png) no-repeat center top; margin-top: 0; margin-left: -7px; width: 893px !important; height: 80px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 2.8em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; 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 } * html .tclcon {height: 1px} #pun-index td div.tclcon { color: #505050; width: 350px; padding: 8px 10px 5px 10px; margin-left: 65px; line-height: 10px; font-size: 10px; padding-bottom: 10px; text-align: justify; text-transform: lowercase; min-height: 38px; border-radius: 1px; border: 1px solid #40404029; box-shadow: 0 0 1px #777777 inset; background-color: #7d7d7d54; } .tclcon h3 { font-size:17px!important; font-family: 'play'!important; text-shadow: #1a1a1a 1px 2px; padding-left:10px; padding-top:5px; padding-bottom:5px; text-align: left; text-transform: uppercase; border-radius: 3px; letter-spacing: 1.2px; margin-bottom: 3px; border: 1px solid #3f3f3f; background-color: #3f3f3f; } .tclcon h3 a { color: #839631!important; text-shadow: #606060 0px 0px; display:block; } .tclcon h3 a:hover { color: #a8a8a8!important; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 70px; height: 70px; padding-right:5px; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border: none; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: inherit; color: #2f2f2f; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } /* C3.1 */ .punbb .post .container { border-style: none; margin-top: -50px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 15px; margin-top: -3px; } /* C3.4 */ .punbb .post h3 strong { font-size: 10px; font-family: play; font-style:normal; text-transform:lowercase; float: right; width: 5em; text-align: right; font-weight: normal; color: #525252; padding: 0.3em; } .topic a.sharelink {float:right; margin-right:7em;color: #4c4c4c!important;} /* C3.5 ОФОРМЛЕНИЕ ПРОФИЛЯ*/ .punbb .post .post-author { float: left; width: 250px; min-height:215px; text-transform:lowercase; background: url(https://i.imgur.com/pRqmXew.png) 0px bottom no-repeat, url(https://i.imgur.com/WFUh8Yn.png) 0px top no-repeat, url(https://i.imgur.com/fUb4AyF.png) 0px repeat-y; color: #525252; margin-top: -31px; margin-left: 23px; padding-bottom: 15px; } .post-author hr {opacity:.2;} .post-author a:hover {color: #907835!important;} .post-author a{color: #6b6b6b!important;} /* C3.6 ИНФОРМАЦИЯ ПОД АВИКОМ*/ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 1em 1em 8em 1em; } #pun-main .post-author ul { text-align: center; line-height: 15px } /* C3.7 */ .pa-author { position:relative; font-size: 25px!important; margin-bottom:3px; font-family: 'Schweimann ModerneC'; line-height:30px; font-weight: ; text-transform:uppercase!important; color: #515151; margin-top: 48px; } /* C3.8 */ .pa-author a { text-decoration: none; color: #515151!important; } .pa-author a:hover { color: #515151!important; } /* C3.9 СТАТУС */ li.pa-title { padding-bottom: 3px; font-size: 11px; line-height:9px; margin-top: 14px; text-transform: none !important; } li.pa-online { font-size:8px!important; text-transform:uppercase; } li.pa-avatar.item2 img { max-width: 180px; max-height: 180px; box-shadow: #ffffff px px, #ffffff px px, #ffffff px px, #ffffff px px; margin-top:5px; margin-bottom:5px; } #pun-index th.tcl { font-size:0%; } th.tc2, th.tc3, th.tcr, .forum thead tr .tcl { text-transform:lowercase; opacity:.5; font-size:8px; } #pun-index .tc3, #pun-index .tc2, #pun-index th.tcr { text-align:center !important; } /* C3.11 */ .punbb .post-body { margin-left: 280px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left:-12em; text-align: right; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* 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: 1em 2em; text-align: right; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 12px; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 16.6em; } /* C6.2 */ #profilenav { float: left; width: auto; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-width: 0px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* 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 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* 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; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title h1 span { font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; border: none; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; } /* 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%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks .container { width:100%; position: absolute; top: 283px; left: 0px; text-align: center; /**/ } /* D3.2 */ #pun-navlinks #navawards{ display:none; } /* D3.3 */ #pun-navlinks li { display: inline; padding-right: em; } /* D3.4 */ #pun-navlinks li a { font-family: play; text-transform: lowercase; font-weight: normal; font-size: 10px; color: #161010; } #pun-navlinks li a:hover { color: #b9c3d8; text-shadow: #ddf4f6 0 0 5px;} /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; position: absolute; top: 307px; left: 0px; text-align: center; /* text-align: left; position: absolute; top: 500px; margin-left: 355px;*/ } /* D4.2 */ #pun-ulinks .container { text-transform:lowercase; font-size:10px; font-family: play; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; color: #717171; padding: 0 3px; opacity: .8; } #pun-ulinks li a:hover { color: #1c1d27; opacity: 1; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; } /* --------------------- Welcome box and Top Breadcrumbs ------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width:100%; text-align:center; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; color: #272727; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726247 0px 0px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 0; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #62533d 0px 0px; color: #443728; font-style: normal; } #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 0.9em; } #pun-break1 { display: none; } #pun-break2 { display: none; } #pun-index #pun-crumbs2, #pun-index #pun-crumbs1 { display:none; } #pun-status .container .item3 { visibility:hidden; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 10px; position: relative; margin-top:-85px; font-size:10px; margin-left: 27px; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0 0 0 0; text-align:justify; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { 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 { } /* D8.4 */ #pun-about .container .item1{ font-size:8px; margin-left:290px; margin-bottom:20px; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: normal; overflow: hidden; margin-bottom: 0; border-bottom: none; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726145 0px 0px; color: #363027; font-style: normal; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 0.9em; } /* D8.8 */ #pun-break4 { display: none; } #pun-break3 { display: none; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 0px; color: #2f2f2f; } /* 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; } li.pa-avatar.item2 img{ position:relative; text-align:center; margin-left: -3px; top: 2px; bottom: 10px; border: 3px ridge #454545; } /*--------------------------- переадресация --------------------------------------------------*/ #pun-redirect{ background: url(https://i.imgur.com/GnkfM8l.png)!important; position:fixed; width:100%; height:100%; text-align:center; } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { background: #7f7b71; border: px ridge #36353b; font-size:20px; } #pun-redirect.punbb .info .container{ text-align:center; border: px ridge #605236; font-weight:bold; display:inline-block; margin:7% auto; width:500px; padding:33px 50px; height:105px; background: #7f7b71; } #pun th {font-size: 0px;} hr { border: none; border-top: dashed 1px;} @font-face { font-family: Bebas Neue Regular; src: url('https://forumstatic.ru/files/0019/47/79/76394.ttf'); } @font-face { font-family: Schweimann ModerneC; src: url('https://forumstatic.ru/files/0019/47/79/11338.ttf'); } .opa{opacity: 0} .opa:hover{opacity: 1} .punbb textarea { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
стиль
Поделиться32020-04-11 22:20:09
ксс
/*---------- ДИЗАЙН РЭЙВ -------*/ body { background: #0e0c12 url(https://i.imgur.com/jM6lWTO.png) no-repeat fixed; background-size: cover; background-position: center; } /*--------------------------- шапка --------------------------------------------------*/ #pun th {visibility: hidden;} #pun-title table { background: url(https://i.imgur.com/Ndqwrfj.png) no-repeat top center; height: 450px; width: 1020px; margin-left: -67px; } /*--------------------------- футер --------------------------------------------------*/ #pun-about p.container { background: url(https://i.imgur.com/ikV8y3A.png) bottom center no-repeat; height: 124px; width: 1020px; margin-left: -71px; padding-top:-300px; margin-bottom: -110px; } div#pun-about { margin-top: 0px; margin-bottom: -20px; } #pun-index #pun-about p.container {margin-top:135px!important;} /*------------------------------- иконки ----------------------------------------*/ /* иконка старых сообщений*/ table Div.icon { background: url(https://i.imgur.com/JWro2Tg.png) no-repeat top center; } /* иконка новых */ TR.inew Div.icon { background : url(https://i.imgur.com/wox1M5w.png) no-repeat top center; } /* иконка важных*/ #pun-viewforum TR.isticky Div.icon { background: url(https://i.imgur.com/LnqSizD.png) no-repeat top center; } /*иконка закрытых*/ #pun-viewforum TR.iclosed Div.icon { background: url(https://i.imgur.com/LnqSizD.png) no-repeat top center; } /* ------------------------ картинки статистики ------------------------------*/ #pun-stats ul.container { background: url( ) no-repeat top left; background-position: 1px 0; padding-left: 60px; height:70px; padding-top: 5px; } #pun-stats.section h2 { background: url(https://i.imgur.com/hR70OF2.png) no-repeat; padding-bottom:10px; width:815px; height:55px; margin-left: 23px; } #pun-stats h2 span { display:none; } /*------------------------------- быстрый ответ ---------------------------------*/ #post-form h2 span { display:none; } #post-form h2 { background: no-repeat; width:600px; height:45px; margin-top:-60px; margin-bottom: -30px; margin-left: 149px; } /*----------------------кнопки типа отправить_посмотреть----------------------------*/ .hashelp div input, .button { background: #929292; padding: 5px; border: 2px #5a5a5a; border-radius: 2px; color: #2d2d2d; } .hashelp div input:hover, .button:hover { background: #ababab; } .hashelp div input:active, .button:active { position:relative; top:1px; } /*------------------------ профиль ----------------------------------*/ #pun-reputation div { background: #717171; } #post fieldset legend span { display:none; } /*------------------------полоски прокрутки-----------------------*/ ::-webkit-scrollbar-thumb:vertical { background-color:#838383; } ::-webkit-scrollbar-thumb:horizontal { background-color:#838383; } ::-webkit-scrollbar{ width: 3px; height: 3px; } /*-----------------ширина колонок в списке активных пользователей ----------------*/ div#pun-online.punbb .tc3 { text-align: left; /*текст справа*/ width: 20%; /*ширина третьей колонки*/ } div#pun-online.punbb .tcl { text-align: left; /*текст слева для первых двух колонок*/ } #pun-online th.tcl, #pun-online th.tc3 { font-size:0%; } /*-------------------------------- разное ------------------------------- */ #pun-main div.catleft, #pun-main div.catright, #pun-announcement h2, .lastedit, .mini_awards_label, .mini_awards, .title-logo span, li#navawards, #topic-modmenu .container span { display: none; } /* название категорий */ .category h2 span { visibility:hidden!important; } /* время отправки поста */ .permalink{ font-size: 10px; font-family: play; font-style: normal; text-transform: uppercase; font-weight: bolder; text-shadow: #5b5b5b 0px 0px; font-weight: normal!important; color: #424242!important; } /* счетчик символов */ #plng {color:#3c3a33;opacity:.8;} /*-------------------------- ссылки в таблице ---------------------*/ .sbla { padding: 5px; text-align: center; background: #7f7363; color: #ffffff !important; border-radius: 5px; width: auto; line-height: 2; } .sbla:hover{ background: #282222; } /*всплывающие окна с информацией*/ .tooltip1 { position: relative; } .tooltip1 em { display: none; } .tooltip1:hover em { font-style: normal; display: block; position: absolute; bottom: -200px; right: -10px; padding: 5px; background: #323232; border-top: 1px solid #2d2d2d; border-right: 1px solid #2d2d2d; border-left: 1px solid #2d2d2d; border-radius:1px; box-shadow: inset 0 -4px #8d7319, inset 0 2px #8d7319; } /* Ссылка */ .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 { -moz-transition: color 0.2s 0.02s ease; -o-transition: color 0.2s 0.02s ease; -webkit-transition: color 0.2s 0.02s ease;} #pun-reputation .container{ background:#3c3c3c!important; border-top: 2px solid #7d7d7d; } #smilies-area { background: #878787; padding: 5px; margin-top:-5px; margin-right:-11px; border: 3px solid #6f6f6f; overflow-y: scroll; height: 175px; } #font-area { background: #878787; padding: 5px; margin-top:-5px; margin-right:-11px; border: 3px solid #6f6f6f; overflow-y: scroll; height: 175px; } #size-area { background: #878787; padding: 5px; margin-top:-5px; margin-right:-11px; border: 3px solid #6f6f6f; overflow-y: scroll; height: 175px; } #image-area { background-color: #909090; } #keyboard-area { background: #878787; padding: 5px; margin-top:-5px; margin-right:-11px; border: 3px solid #6f6f6f; overflow-y: scroll; height: 175px; } #opisanie {margin-left:0px; font-family:'Cormorant Garamond'; font-size:13px; text-align:center;font-weight:bold;} #opisanie a {color: #3a3a3a!important;} .pa-fld1 {margin-left: -11px; } .pa-fld2 {color: #5c5c5c!important; font-size:11px; font-family: "play" !important; line-height: 1.1; font-weight: bold; } .pa-fld3 { line-height: 2; display: inline-block; width: 50px; } .pa-fld4 { line-height: 0.5; display: inline-block; width: 50px; padding-top:5px!important; } .pa-fld5 { line-height: 2; display: inline-block; width: 50px; } #lz {width:210px; margin-left:10px; border: solid 0px #837f75; border-radius:12px;} /*----- Достижения -----*/ .tabs { width:100%; display:inline-block; } /*----- Tab Links -----*/ /* Clearfix */ .tab-links:after { display:block; clear:both; content:''; } .tab-links li { margin:0px 100px; float:left; list-style:none; } .tab-links a { padding:5px 5px; display:inline-block; border-radius:3px 3px 0px 0px; background:; font-size:16px; font-weight:600; width:0px; color:#4c4c4c; transition:all linear 0.15s; } .tab-links a:hover { background:; text-decoration:none; } li.active a, li.active a:hover { background:; color:#4c4c4c; } /*----- Content of Tabs -----*/ .tab-content { padding:5px; border-radius:3px; background:; } .tab { display:none; } .tab.active { display:block; } .pa-posts, .pa-respect{ text-align: center; display: inline-block; padding: 0 2px!important; width: 76px; //подбирается в зависимости от размеров шрифта так, чтобы умещалось только слово "сообщений" } /*цвет кнопки модерирование темы*/ .punbb select{ background: #929292!important }
Поделиться42020-04-11 22:20:32
верх
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>профилактика. </center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript"> var ON_button=1; //Cвитч включения: 1 - включено!; 0 - выключено var moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){ $("style.#style_st,div.#pircs2").replaceWith("");} else {$("#msg-n2").replaceWith(""); if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){ document.location.href = "../login.php"}else { $(document).ready(function(){$("form#login").appendTo("#LogIn_Window"); $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text(""); var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']"); v.replaceWith("<span>Вход только для Администраторов</span>");});};} else {document.location.href = "../login.php?action=out&id="+UserID};} </script><!--end/profilaktika--> <div class="opa" style=" position: absolute; width: 20px; height: 55px; top: 201px; margin-left: 415px;"> <a href="http://funeralrave.ru/viewtopic.php?id=1831"><img title="книга рун" src='https://i.imgur.com/b5UgLd2.png' /></a> </div> <style type="text/css"> #wrapper {width: 400px;} /* вкладки доп смайлов */ ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;} ul.tabs li {float: left;margin-right: 1px; cursor:pointer;} ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent; color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;} ul.tabs li a:hover {color:#9b988f;padding: 0 14px;background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll;background-position: -652px -31px; text-decoration:none;} ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;} ul.tabs li.tab-current a:hover {color: #25242e;} div.t2,div.t3,div.t4 {display: none;width: 450px;} </style> <!-- ВЫДЕЛИТЬ КОД --> <script>function select_text(c) { var d = window.getSelection || document.getSelection; if (d) { var a = d(); if (a.selectAllChildren) { a.selectAllChildren(c); } else if (a.setBaseAndExtent) { a.setBaseAndExtent(c, 0, c, c.innerText.length - 1) } else { var b = document.createRange(); b.selectNodeContents(c); a.removeAllRanges(); a.addRange(b) } } else if (document.selection) { var b = document.body.createTextRange(); b.moveToElementText(c); b.select() } } $().pun_mainReady(function() { var text = select_text.linkText ? select_text.linkText : 'Выделить код'; $('.code-box .legend').html('<a href="javascript://" onclick="select_text($(this).parent().next().find(\'pre\').get(0));return!1">' + text + '</a>') });</script> <!-- Конец --> <!--Отключение кнопок пожаловаться --> <script type="text/javascript"> RusffCore.sets.show_reportBtn = 0; </script> <script type="text/javascript"> RusffCore.sets.share = false; </script> <style type="text/css"> #pun-navlinks #navawards { display:none!important; } </style> <!--Стиль всплывающей подсказки при наведении на ссылку --> <script type="text/javascript">$(document).ready(function() { $('#pun').find('a[title],img[title],div[title]').tipsy({fade: true, gravity: 'n'});});</script> <style type="text/css"> tr#forum_fxx, tr#forum_f23, tr#forum_f21, tr#forum_f24, tr#forum_f27, tr#forum_f28, tr#forum_f29 { display: none; } </style> <style> .punbb a:link, .punbb a:visited {color:##2b2b2b;} .punbb a:hover {color: #826600;} </style> <!--амс--> <div style="z-index:1; position: absolute; font-family: play; font-size: 11px; text-transform: lowercase; color: #6c6c6c; text-align: center; top: 252px; margin-left: 395px;"> <span class="tooltip1"><a href="http://funeralrave.ru/profile.php?id=5"><img src='https://i.imgur.com/CGX7MtO.png' /></a><em><img src="https://i.imgur.com/90JXnm8.png"/><b>кайден беркхард<br></b></em></span> <span class="tooltip1"><a href="http://funeralrave.ru/profile.php?id=7"><img src='https://i.imgur.com/jl2HLeA.png' /></a><em><img src="https://i.imgur.com/VMB6jDu.png"/><b>данечка шелби<br></b></em></span><span class="tooltip1"><a href="http://funeralrave.ru/profile.php?id=6"><img src='https://i.imgur.com/VQOm0Ip.png' /></a><em><img src="https://i.imgur.com/KEvjVId.png"/><b>кайлен беркхард<br></b></em></span><br></div> <!--ссыль1 --> <div style="position: absolute; top:157px; margin-left:55px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=4#p10"><img title="объединения" src='https://i.imgur.com/dAsQfq9.png' /></a> </div> <!--ссыль2 --> <div style="position: absolute; top:157px; margin-left:85px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=6"><img title="путеводитель" src='https://i.imgur.com/BtC1obI.png' /></a> </div> <!--ссыль3 --> <div style="position: absolute; top:157px; margin-left:115px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=2"><img title="сюжет" src='https://i.imgur.com/RXcqKpH.png' /></a> </div> <!--ссыль4 --> <div style="position: absolute; top:157px; margin-left:765px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=3"><img title="твари" src='https://i.imgur.com/VqBaowM.png' /></a> </div> <!--ссыль5 --> <div style="position: absolute; top:157px; margin-left:795px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=5#p17"><img title="мифология" src='https://i.imgur.com/NbFdF38.png' /></a> </div> <!--ссыль6 --> <div style="position: absolute; top:157px; margin-left:825px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=8#p29"><img title="лица" src='https://i.imgur.com/CcmcWla.png' /></a> </div> <!--плашки--> <div style="position: absolute; top: 220px; margin-left: 408px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=27"><img title="заказ плашек" src='https://i.imgur.com/x8qyzyC.png' /></a> </div> <!--цитатытабла--> <div style="position: absolute; top: 220px; margin-left: 445px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=482"><img title="заказ цитаты" src='https://i.imgur.com/D2s7Oic.png' /></a> </div> <!--пошлите на юг--> <div style="position: absolute; top: 202px; margin-left: 487px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=1972"><img title="пошлите на юг" src='https://i.imgur.com/79JzfES.png' /></a> </div> <!--пошлите на север--> <div style="position: absolute; top: 202px; margin-left: 366px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=1971"><img title="пошлите на север" src='https://i.imgur.com/HuxflVH.png' /></a> </div> <!--картинка поста --> <div style="position: absolute; font-family: verdana; text-align: center; font-size: 9px; color: #888888; margin-left: 37px; top: 239px; height: 20px; width: 122px;"> <a href="http://funeralrave.ru/viewtopic.php?id=1991#p439424"><b>БЕЛИНДА ШОРЕДОН</b></a> </div> <!--эпизод --> <div style="position: absolute; font-family: verdana; text-align: center; font-size: 9px; color: #888888; margin-left: 737px; top: 239px; height: 20px; width: 122px;"> <a href="http://funeralrave.ru/viewtopic.php?id=1991#p439424"><b>СРИТТЕРОГОМЕРИ</b></a> </div> <!--активист1 --> <div style="position: absolute; top: 141px; margin-left: 585px; width:10px;"> <a href="http://funeralrave.ru/profile.php?id=382"><img title="активист пенни" src='https://i.imgur.com/biJWVhV.png' /></a> </div> <!--активист2 --> <div style="position: absolute; top: 141px; margin-left:643px; width:10px;"> <a href="http://funeralrave.ru/profile.php?id=500"><img title="активист касс" src='https://i.imgur.com/wG9ByPY.png' /></a> </div> <!--активист3 --> <div style="position: absolute; top: 141px; margin-left:700px; width:10px;"> <a href="http://funeralrave.ru/profile.php?id=412"><img title="активист йобка" src='https://i.imgur.com/Gi8jKFQ.png' /></a> </div> <!--постописец1 --> <div style="position: absolute; top: 141px; margin-left: 152px; width:10px;"> <a href="http://funeralrave.ru/profile.php?id=471"><img title="беля - 11 постов" src='https://i.imgur.com/7xJtdVx.png' /></a> </div> <!--постописец2 --> <div style="position: absolute; top: 141px; margin-left: 211px; width:10px;"> <a href="http://funeralrave.ru/profile.php?id=470"><img title="миша - 10 постов" src='https://i.imgur.com/LpnTdWv.png' /></a> </div> <!--постописец3 --> <div style="position: absolute; top: 141px; margin-left: 270px; width:10px;"> <a href="http://funeralrave.ru/profile.php?id=428"><img title="даллас - 11 постов" src='https://i.imgur.com/tkcvdSg.png' /></a> </div> <!--цитатки --> <div style="position: absolute; font-family: verdana; top: 203px; overflow: auto; text-align: justify; font-size: 9px; color: #888888; line-height: 0.9; margin-left: 170px; height: 60px; width: 180px; padding-right: 5px;"> <b>ёба:</b> говорят, если ты набьешь сообщения, то твоя команда в конце месяца не набьет тебе ебало <br> <center><br><hr></center><br> <b>майя:</b> ААААААА Я ПОНЯЛА ЧТО ЗА КОТ бля, я искренне думала, что темные дела с котом- это тип как ночью жрать у холодоса на пару с котейкой<br> </div> <!--цитатки2--> <div style="position: absolute; font-family: verdana; top: 203px; overflow: auto; text-align: left; font-size: 9px; color: #888888; line-height: 0.9; margin-left: 528px; height: 60px; width: 180px; padding-left: 5px;direction: rtl;"> <b>терри:</b> даже если б вдруг диз снова поменялся и я зашла в инду, я бы точно определила, что этой рейв, потому что тут говорят про хуи <br> <center><br><hr></center><br> <b>хуенк:</b> как выйти из инды когда вы тут смешно шутите уебаны такие <br>а ну пошли отседава меня с вас не отпускает<br> </div> <script type="text/javascript"> if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}") FORUM.PartnerVote = function(post_id,vote){return false} </script> <!---------------------------- Пиар-вход, хтмл верх ----------------------------> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'Raven'; //Ник PR-аккаунта PR.pass = '1234'; //Пароль PR-аккаунта PR.btn_text = 'https://i.imgur.com/3S2FnBP.png'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!-- джамп панель--><style type="text/css" media="screen"> #slideout { <-- кнопка --> z-index: 1200; position: fixed; top: 22px; right: 0; width: 100px; padding: 0px 0; text-align: center; background: #; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #slideout_inner { <-- внутри--> z-index: 200; color: #242424; position: fixed; top: 22px; right: -250px; background-image:url('https://i.imgur.com/bv3RGJf.png'); width: 170px; height:290px; padding: 25px; max-height: 260px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-align: left; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0 0 0px; overflow: auto; } #slideout_inner textarea { width: 170px; height: 200px; margin-bottom: 0px; } #slideout:hover { right: 219px; } #slideout:hover #slideout_inner { right: 0; }</style> <div id="slideout"> <img src="https://i.imgur.com/VHbStWj.png"> <div id="slideout_inner"> <center><font style="font-family: Yeseva One; font-size: 16px; z-index:300;">•<b> сюжетная игра </b>•</font><br> <font style="font-family: Yeseva One; font-size: 11px;">———— UPDATE / 14.02 ————</font></center> <br><font style="font-family: play; font-size: 11px;"> <a href="http://funeralrave.ru/viewtopic.php?id=1976"><b>7.1</b></a> - A. Davis<sup> [12.02] </sup><br> <a href="http://funeralrave.ru/viewtopic.php?id=1977"><b>7.2</b></a> - A. Williams <sup> [12.02] </sup><br> <a href="http://funeralrave.ru/viewtopic.php?id=1978"><b>7.3</b></a> - T. Hazel<sup> [20.02] </sup><br> <a href="http://funeralrave.ru/viewtopic.php?id=1979"><b>7.4</b></a> - S. Reynolds<sup> [20.02] </sup><br> <a href="http://funeralrave.ru/viewtopic.php?id=1980"><b>7.5</b></a> - V. Ritter<sup> [16.02] </sup><br> <a href="http://funeralrave.ru/viewtopic.php?id=1981"><b>7.6</b></a> - M. Bassett<sup> [20.02] </sup><br> <a href="http://funeralrave.ru/viewtopic.php?id=1982"><b>7.7</b></a> - G. Riddle <sup> [20.02] </sup>;</font><br> </div></div>
Поделиться52020-04-11 22:20:45
низ
<!— Просмотр полного профиля на странице /profile.php V.2 —> <script type="text/javascript" src="https://forumstatic.ru/files/0013/83/ea/98506.js"></script> <!-- Конец --> <!-- награды --><style type="text/css">.mini_awards_label, .mini_awards {display: none; font-size:0px;} #awrdbut * {cursor: pointer; }</style> <script> (function () { var awards_button = "<img src='https://i.imgur.com/q1nJy2m.png' title='Показать|скрыть награды'>"; function awards_spoiler() { $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>"); $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");}); } var t=0; var time_func = setInterval(function(){ t++; if (t>100) { clearInterval(time_func); return; } if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() } },100); }()) </script> <!-- маска профиля --> <script src="http://f.etrin.ru/hvss/hvss.min.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['пыльный чердак', 'страницы истории', 'незавершенные эпизоды'], forumAccessExtended: { 'игра на выживание': ['игроки', 'север', 'юг'], 'создаем историю': ['игроки', 'север', 'юг'], 'маховик времени': ['игроки', 'север', 'юг'], 'путешествие между мирами': ['игроки', 'север', 'юг'], 'лавочка у подъезда': ['игроки', 'север', 'юг'] }, changeList: { 'pafld1': { title: 'личное звание', description: '', tag: 'lztext', class: 'pa-fld2', defaultCode: '<center><a href="не заполнять" font style="font-family: Philosopher; font-size:14px;">Имя Фамилия на русском, возраст цифрой </a></font><hr> Я <b>раса</b>, дополнительные звания (эмиссар стаи, командор в Ордене и прочее). Кем являетесь по жизни, работа, важные ведомости. Тут напишите с кем\чем коротаете холодные вечера, и оставьте ссылку на профиль, если имеется <i><a href="ссылка">тут имя</a></i>.</center>', type: 'html' } }, userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-fld4', 'pa-fld5', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online', 'pa-awards'] }); </script> <!-- посты без отображения автора --> <style>.hide-author .post-author,.hide-author .post-sig, .hide-author .pl-email {display:none;} .hide-author .post-body {margin-left:40px!important; width:820px!important;}</style> <script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script> <script type="text/javascript"> $("#post p.formsubmit").prepend('<br>').insertAfter($("#post #main-reply")); </script> <!--ТЕГ абзаца - [indent] --> <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style> <script type="text/javascript"> (function(){ var b = '[indent]'; $("#button-strike").after('<td id="button-indent" title="Aбзац"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>'); var indent = '<span style="display:inline-block;margin:1px 12px;"></span>'; /*удвоенные Отступы сверху и слева*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent)); });}()); </script> <!--юг--> <div style="position: absolute; margin-left:587px; width:10px; margin-top: 62px;"> <a href="http://funeralrave.ru/viewtopic.php?id=467"><img title="инфо юга" src='https://i.imgur.com/HKY95Js.png' /></a> </div> <!--север--> <div style="position: absolute; margin-left: 244px; width: 10px; margin-top: 62px;"> <a href="http://funeralrave.ru/viewtopic.php?id=466#p60300"><img title="инфо севера" src='https://i.imgur.com/HKY95Js.png' /></a> </div> <!--счетчик--> <div style="position: absolute; z-index:1; margin-top: 65px; margin-left: 730px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=20"><img title="счетчик постов" src='https://i.imgur.com/smMPTKQ.png' /></a> </div> <!--достижения--> <div style="position: absolute; z-index:1; margin-top: 65px; margin-left: 103px; width:10px;"> <a href="http://funeralrave.ru/viewtopic.php?id=28"><img title="достижения" src='https://i.imgur.com/smMPTKQ.png' /></a> </div> <!-- Нужный1 --> <div style="position: absolute; z-index:1; margin-left: 129px; margin-top: 33px;"> <a href="http://funeralrave.ru/viewtopic.php?id=311&p=3#p408952"><img title="кит ищет любовь" src='https://i.imgur.com/KXSSafr.png'/></a> </div> <!-- Нужный2 --> <div style="position: absolute; z-index:1; margin-left: 294px; margin-top: 33px;"> <a href="http://funeralrave.ru/viewtopic.php?id=13#p408757"><img title="тиа ищет брата" src='https://i.imgur.com/ybzWU52.png'/></a> </div> <!-- Нужный3 --> <div style="position: absolute; z-index:1; margin-left: 460px; margin-top: 33px;"> <a href="http://funeralrave.ru/viewtopic.php?id=13&p=2#p426124"><img title="посоны ищут барабанщика" src='https://i.imgur.com/jJkFKZy.png'/></a> </div> <!-- Нужный4 --> <div style="position: absolute; z-index:1; margin-left: 628px; margin-top: 33px;"> <a href="http://funeralrave.ru/viewtopic.php?id=13#p410093"><img title="бон ищет найтвинга" src='https://i.imgur.com/JIfRh0b.png'/></a> </div> <div style="position: absolute; z-index:1; margin-left: 395px; margin-top: 71px;"> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25354&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/25354' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='https://i.imgur.com/3V63CTq.png' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=25354' width='1' height='1' border='0'><a href='https://rpgtop.su/25354' target='_blank'><img src='https://i.imgur.com/3V63CTq.png' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> </div> <div class="Hoverbuttons" style="position: absolute; z-index:1; margin-left: 305px; margin-top: 71px; opacity: 0.5;"> <a href="http://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance" class="Hoverbuttons"></a> </div> <div class="Hoverbuttons" ; style="position: absolute; z-index:1; margin-left: 488px; margin-top: 71px; opacity: 0.5;"> <a href="http://artishock.rusff.me/" target="_blank"><img src="http://s2.uploads.ru/nzVxs.gif" title="ARTISHOCK" border="0"width="88" height="31"></a> </div> <script type="text/javascript"> var A=[1,2,3,4,5] $(".post .post-author li").each(function (){ for(var i in A){if($(this).hasClass("pa-fld"+A[i])){ $(this).html($(this).html().replace(/^[^:]*:/,''));}};}); </script> <!--замена навигации на картинки--> <script> <!-- indexof="<img src='https://i.imgur.com/DRV7Wo6.png' />" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --></script> <script> <!-- userof="<img src='https://i.imgur.com/e2EzmHh.png' />" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --></script> <script> <!-- findof="<img src='https://i.imgur.com/rq0mSPT.png' />" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --></script> <script> <!-- faseof="<img src='https://i.imgur.com/smfS1gj.png' />" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById ("navprofile").innerHTML=str.substring(0,pos)+faseof +str.substring(pos+14,str.length-1) --> </script> <script> <!-- pismaof="<img src='https://i.imgur.com/9MZJnzq.png' />" str = document.getElementById("navpm").innerHTML pos = str.indexOf("Сообщения") document.getElementById("navpm").innerHTML=str.substring (0,pos)+pismaof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- godof="<img src='https://i.imgur.com/xOVgJwF.png' />" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring (0,pos)+godof+str.substring(pos+17,str.length-1) --> </script> <script> <!-- valiof="<img src='https://i.imgur.com/vOWF8lb.png' />" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring (0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- vxodiof="<img src='https://i.imgur.com/MXrjDsM.png' />" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring (0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- regof="<img src='https://i.imgur.com/tc9YD8O.png' />" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById ("navregister").innerHTML=str.substring(0,pos)+regof +str.substring(pos+18,str.length-1) --> </script> <!--кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://i.imgur.com/LOI6BAk.png" /></div> <div class="go-down" id='OnBottom'><img src="https://i.imgur.com/4rdMktp.png" /></div> <style> .go-up,.go-down { display:none; position:fixed; /*позиционируем*/ right:10%; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:100; /*прозрачность*/ width:60px; /*ширина кнопки*/ height:55px; /*высота кнопки*/ } .go-up { bottom:380px; /*положение от низа окна браузера верхняя кнопка*/ } .go-down { bottom:300px; /*положение от низа окна браузера нижняя кнопка кнопка*/ } .go-down:hover,.go-up:hover { opacity:1; } </style> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!--Своя картинка в каждую категорию --> <script type="text/javascript"> $(document).ready(function(){ myarray=new Array( "информация", "https://i.imgur.com/Aohd3rG.png", "организация", "https://i.imgur.com/B8tB1Vm.png", "игра", "https://i.imgur.com/w63gssg.png", "флуд", "https://i.imgur.com/67jIMCK.png", "реклама", "https://i.imgur.com/RmqLfYj.png", "архив", "https://i.imgur.com/N8xZjTK.png" ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"80px", "margin-left": "23px", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", "background-repeat":"no-repeat", "width": "815px" } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> <!--Смайлы доп.--> <script type="text/javascript"> var nabor2 = ['http://funkyimg.com/i/2vV91.png', 'http://funkyimg.com/i/2vV92.png', 'http://funkyimg.com/i/2vV93.png', 'http://funkyimg.com/i/2vV94.png', 'http://funkyimg.com/i/2vV96.png', 'http://funkyimg.com/i/2vV97.png', 'http://funkyimg.com/i/2vV99.png', 'http://funkyimg.com/i/2vV98.png', 'http://funkyimg.com/i/2vV9a.png', 'http://funkyimg.com/i/2vV95.png', 'http://funkyimg.com/i/2vV9u.png', 'http://funkyimg.com/i/2vV9w.png', 'http://funkyimg.com/i/2vV9v.png', 'http://funkyimg.com/i/2vV9x.png', 'http://funkyimg.com/i/2vV9y.png', 'http://funkyimg.com/i/2vV9z.png', 'http://funkyimg.com/i/2vV9S.png', 'http://funkyimg.com/i/2vV9T.png', 'http://funkyimg.com/i/2vV9U.png', 'http://funkyimg.com/i/2vV9V.png', 'http://funkyimg.com/i/2vV9W.png', 'http://funkyimg.com/i/2vVaj.png', 'http://funkyimg.com/i/2vVak.png', 'http://funkyimg.com/i/2vVam.png', 'http://funkyimg.com/i/2vVan.png', 'http://funkyimg.com/i/2vVao.png', 'http://funkyimg.com/i/2vVap.png', 'http://funkyimg.com/i/2vVaq.png', 'http://funkyimg.com/i/2vVar.png', 'http://funkyimg.com/i/2vVas.png', 'http://funkyimg.com/i/2vVav.png', 'http://funkyimg.com/i/2vVaL.png', 'http://funkyimg.com/i/2vVaK.png', 'http://funkyimg.com/i/2vVaY.png', 'http://funkyimg.com/i/2vVb6.png', 'http://funkyimg.com/i/2vVb7.png', 'http://funkyimg.com/i/2vVb8.png', 'http://funkyimg.com/i/2vVb5.png', 'http://funkyimg.com/i/2vVb4.png', 'http://funkyimg.com/i/2vVb3.png', 'http://funkyimg.com/i/2vVb2.png', 'http://funkyimg.com/i/2vVb1.png', 'http://funkyimg.com/i/2vVaZ.png', 'http://funkyimg.com/i/2vVbk.png', 'http://funkyimg.com/i/2vVbn.png', 'http://funkyimg.com/i/2vVbm.png', 'http://funkyimg.com/i/2vVbH.png', 'http://funkyimg.com/i/2vVbJ.png', 'http://funkyimg.com/i/2vVbR.png', 'http://funkyimg.com/i/2vVbS.png', 'http://funkyimg.com/i/2vVbQ.png', 'http://funkyimg.com/i/2vVbK.png', 'http://funkyimg.com/i/2vVbL.png', 'http://funkyimg.com/i/2vVbM.png', 'http://funkyimg.com/i/2vVbN.png', 'http://funkyimg.com/i/2vVbP.png', 'http://funkyimg.com/i/2vVc1.png', 'http://funkyimg.com/i/2vVc2.png', 'http://funkyimg.com/i/2vVc3.png', 'http://funkyimg.com/i/2vVc4.png', 'http://funkyimg.com/i/2vVc7.png', 'http://funkyimg.com/i/2vVc8.png', 'http://funkyimg.com/i/2vVc5.png', 'http://funkyimg.com/i/2vVca.png', 'http://funkyimg.com/i/2vVc9.png', 'http://funkyimg.com/i/2vVcs.png', 'https://i.imgur.com/oL9WvCm.png', 'https://i.imgur.com/QiLp6ZE.png', 'http://funkyimg.com/i/2vVct.png', 'http://funkyimg.com/i/2vVcu.png', 'http://funkyimg.com/i/2vVcv.png', 'http://funkyimg.com/i/2vVcB.png', 'http://funkyimg.com/i/2vVcA.png', 'http://funkyimg.com/i/2vVcy.png', 'http://funkyimg.com/i/2vVcx.png', 'http://funkyimg.com/i/2vVcM.png', 'http://funkyimg.com/i/2vVcz.png', 'http://funkyimg.com/i/2vVdg.png', 'http://funkyimg.com/i/2vVdh.png', 'http://funkyimg.com/i/2vVdn.png', 'http://funkyimg.com/i/2vVdo.png', 'http://funkyimg.com/i/2vVdq.png', 'http://funkyimg.com/i/2vVdp.png', 'http://funkyimg.com/i/2vVdr.png', 'http://funkyimg.com/i/2vVds.png', 'http://funkyimg.com/i/2vVdt.png', 'http://funkyimg.com/i/2vVdu.png', 'http://funkyimg.com/i/2vVdC.png', 'http://funkyimg.com/i/2vVdD.png', 'http://funkyimg.com/i/2vVdE.png', 'http://funkyimg.com/i/2vVdF.png', 'http://funkyimg.com/i/2vVdG.png', 'http://funkyimg.com/i/2vVdK.png', 'http://funkyimg.com/i/2vVdL.png', 'http://funkyimg.com/i/2vVdM.png', 'http://funkyimg.com/i/2vVdN.png', 'http://funkyimg.com/i/2vVdP.png', 'http://funkyimg.com/i/2vVdQ.png', 'http://funkyimg.com/i/2vVdR.png', 'http://funkyimg.com/i/2vVdS.png', 'http://funkyimg.com/i/2vVdT.png', 'http://funkyimg.com/i/2vVef.png', 'http://funkyimg.com/i/2vVeg.png', 'http://funkyimg.com/i/2vVeh.png', 'http://funkyimg.com/i/2vVei.png', 'http://funkyimg.com/i/2vVej.png', 'http://funkyimg.com/i/2vVek.png', 'http://funkyimg.com/i/2vVeo.png', 'http://funkyimg.com/i/2vVev.png', 'http://funkyimg.com/i/2vVew.png', 'http://funkyimg.com/i/2vVez.png', 'http://funkyimg.com/i/2vVeA.png', 'http://funkyimg.com/i/2vVeB.png', 'http://funkyimg.com/i/2vVeC.png', 'http://funkyimg.com/i/2vVeD.png', 'http://funkyimg.com/i/2vVeE.png', 'http://funkyimg.com/i/2vVeF.png', 'http://funkyimg.com/i/2vVeG.png', 'http://funkyimg.com/i/2vVf1.png', 'http://funkyimg.com/i/2vVeZ.png', 'http://funkyimg.com/i/2vVf3.png', 'http://funkyimg.com/i/2vVf4.png', 'http://funkyimg.com/i/2vVf5.png', 'http://funkyimg.com/i/2vVf2.png', 'http://funkyimg.com/i/2vVf7.png', 'http://funkyimg.com/i/2vVf6.png', 'http://funkyimg.com/i/2vVf9.png', 'http://funkyimg.com/i/2vVf8.png', 'http://funkyimg.com/i/2vVfn.png', 'http://funkyimg.com/i/2vVfo.png', 'http://funkyimg.com/i/2vVfp.png', 'http://funkyimg.com/i/2vVfq.png', 'http://funkyimg.com/i/2vVfr.png', 'http://funkyimg.com/i/2vVft.png', 'http://funkyimg.com/i/2vVfu.png', 'http://funkyimg.com/i/2vVfv.png', 'http://funkyimg.com/i/2vVfw.png', 'http://funkyimg.com/i/2vVfx.png', 'http://funkyimg.com/i/2vVfy.png', 'http://funkyimg.com/i/2vVfz.png', 'http://funkyimg.com/i/2vVhT.png', 'http://funkyimg.com/i/2vVhU.png', 'http://funkyimg.com/i/2vVhW.png', 'http://funkyimg.com/i/2vVhX.png', 'http://funkyimg.com/i/2vVhY.png', 'http://funkyimg.com/i/2vVi1.png', 'http://funkyimg.com/i/2vVi2.png', 'http://funkyimg.com/i/2vVhZ.png', 'http://funkyimg.com/i/2vVi3.png', 'http://funkyimg.com/i/2vVi5.png', 'http://funkyimg.com/i/2vVi6.png', 'http://funkyimg.com/i/2vVi7.png', 'http://funkyimg.com/i/2vVi9.png', 'http://funkyimg.com/i/2vVi8.png', 'http://funkyimg.com/i/2vVia.png', 'http://funkyimg.com/i/2vVic.png', 'http://funkyimg.com/i/2vVid.png', 'http://funkyimg.com/i/2vVie.png', 'http://funkyimg.com/i/2vVif.png', 'http://funkyimg.com/i/2vVig.png', 'http://funkyimg.com/i/2vViM.png', 'http://funkyimg.com/i/2vViN.png', 'http://funkyimg.com/i/2vViP.png', 'http://funkyimg.com/i/2vViQ.png', 'http://funkyimg.com/i/2vViR.png', 'http://funkyimg.com/i/2vViS.png', 'http://funkyimg.com/i/2vViT.png', 'http://funkyimg.com/i/2vViU.png', 'http://funkyimg.com/i/2vViX.png', 'http://funkyimg.com/i/2vViY.png', 'http://funkyimg.com/i/2vViZ.png', 'http://funkyimg.com/i/2vVj1.png', 'http://funkyimg.com/i/2vVj2.png', 'http://funkyimg.com/i/2vVj3.png', 'http://funkyimg.com/i/2vVj4.png', 'http://funkyimg.com/i/2vVj5.png', 'http://funkyimg.com/i/2vVj7.png', 'http://funkyimg.com/i/2vVj6.png', 'http://funkyimg.com/i/2vVj9.png', 'http://funkyimg.com/i/2vVji.png', 'http://funkyimg.com/i/2vVjj.png', 'http://funkyimg.com/i/2vVjk.png', 'http://funkyimg.com/i/2vVjm.png', 'http://funkyimg.com/i/2vVjn.png', 'http://funkyimg.com/i/2vVjo.png', 'http://funkyimg.com/i/2vVjp.png', 'http://funkyimg.com/i/2vVjq.png', 'http://funkyimg.com/i/2vVjK.png', 'http://funkyimg.com/i/2vVjL.png', 'http://funkyimg.com/i/2vVjM.png', 'http://funkyimg.com/i/2vVjN.png', 'http://funkyimg.com/i/2vVjP.png', 'http://funkyimg.com/i/2vVjQ.png', 'http://funkyimg.com/i/2vVjR.png', 'http://funkyimg.com/i/2vVjS.png', 'http://funkyimg.com/i/2vVjT.png', 'http://funkyimg.com/i/2vVjU.png', 'http://funkyimg.com/i/2vVkj.png', 'http://funkyimg.com/i/2vVkr.png', 'http://funkyimg.com/i/2vVkq.png', 'http://funkyimg.com/i/2vVko.png', 'http://funkyimg.com/i/2vVki.png', 'http://funkyimg.com/i/2vVkk.png', 'http://funkyimg.com/i/2vVkm.png', 'http://funkyimg.com/i/2vVkn.png', 'http://funkyimg.com/i/2vVkp.png', 'http://funkyimg.com/i/2vVkH.png', 'http://funkyimg.com/i/2vVkJ.png', 'http://funkyimg.com/i/2vVkK.png', 'http://funkyimg.com/i/2vVkM.png', 'http://funkyimg.com/i/2vVkN.png', 'http://funkyimg.com/i/2vVkP.png', 'http://funkyimg.com/i/2vVkQ.png', 'http://funkyimg.com/i/2vVkR.png', 'http://funkyimg.com/i/2vVkS.png', 'http://funkyimg.com/i/2vVkU.png', 'http://funkyimg.com/i/2vVkV.png', 'http://funkyimg.com/i/2vVkY.png', 'http://funkyimg.com/i/2vVkZ.png', 'http://funkyimg.com/i/2vVm1.png', 'http://funkyimg.com/i/2vVm5.png', 'http://funkyimg.com/i/2vVm2.png', 'http://funkyimg.com/i/2vVm3.png', 'http://funkyimg.com/i/2vVm4.png', 'http://funkyimg.com/i/2vVm6.png', 'http://funkyimg.com/i/2vVkX.png', 'http://funkyimg.com/i/2vVmc.png', 'http://funkyimg.com/i/2vVmd.png', 'http://funkyimg.com/i/2vVmi.png', 'http://funkyimg.com/i/2vVmj.png', 'http://funkyimg.com/i/2vVmn.png', 'http://funkyimg.com/i/2vVmk.png', 'http://funkyimg.com/i/2vVmm.png', 'http://funkyimg.com/i/2vVmo.png', 'http://funkyimg.com/i/2vVmp.png', 'http://funkyimg.com/i/2vVmr.png', 'http://funkyimg.com/i/2vVmq.png', 'http://funkyimg.com/i/2vVni.png', 'http://funkyimg.com/i/2vVnj.png', 'http://funkyimg.com/i/2vVnk.png', 'http://funkyimg.com/i/2vVnm.png', 'http://funkyimg.com/i/2vVnY.png', 'http://funkyimg.com/i/2vVo7.png', 'http://funkyimg.com/i/2vVo1.png', 'http://funkyimg.com/i/2vVnZ.png', 'http://funkyimg.com/i/2vVo2.png', 'http://funkyimg.com/i/2vVo3.png', 'http://funkyimg.com/i/2vVo4.png', 'http://funkyimg.com/i/2vVo5.png', 'http://funkyimg.com/i/2vVo6.png', 'http://funkyimg.com/i/2vVo8.png', 'http://funkyimg.com/i/2vVow.png', 'http://funkyimg.com/i/2vVox.png', 'http://funkyimg.com/i/2vVov.png', 'http://funkyimg.com/i/2vVoz.png', 'http://funkyimg.com/i/2vVoA.png', 'http://funkyimg.com/i/2vVoy.png', 'http://funkyimg.com/i/2vVoB.png', 'http://funkyimg.com/i/2vVoC.png', 'http://funkyimg.com/i/2vVp1.png', 'http://funkyimg.com/i/2vVp2.png', 'http://funkyimg.com/i/2vVp3.png', 'http://funkyimg.com/i/2vVp4.png', 'http://funkyimg.com/i/2vVp5.png', 'http://funkyimg.com/i/2vVp9.png', 'http://funkyimg.com/i/2vVpa.png', 'http://funkyimg.com/i/2vVpb.png', 'http://funkyimg.com/i/2vVpc.png', 'http://funkyimg.com/i/2vVpd.png', 'http://funkyimg.com/i/2vVpe.png', 'http://funkyimg.com/i/2vVph.png', 'http://funkyimg.com/i/2vVpi.png', 'http://funkyimg.com/i/2vVpj.png', 'http://funkyimg.com/i/2vVpk.png', 'http://funkyimg.com/i/2vVpm.png', 'http://funkyimg.com/i/2vVpn.png', 'http://funkyimg.com/i/2vVpo.png', 'http://funkyimg.com/i/2vVpp.png', 'http://funkyimg.com/i/2vVpq.png', 'http://funkyimg.com/i/2vVpr.png', 'http://funkyimg.com/i/2vVpu.png', 'http://funkyimg.com/i/2vVpv.png', 'http://funkyimg.com/i/2vVpw.png', 'http://funkyimg.com/i/2vVpx.png', 'http://funkyimg.com/i/2vVpy.png', 'http://funkyimg.com/i/2vVpz.png', 'http://funkyimg.com/i/2vVpA.png', 'http://funkyimg.com/i/2vVpB.png', 'http://funkyimg.com/i/2vVpC.png', 'http://funkyimg.com/i/2vVpD.png', 'http://funkyimg.com/i/2vVpG.png']; var nabor3 = ['http://fc05.deviantart.net/fs27/f/2008/038/e/9/_no__by_crula.gif', 'http://fc05.deviantart.net/fs26/f/2008/038/4/9/_nod__or__yes__by_crula.gif', 'http://fc07.deviantart.net/fs25/f/2008/037/5/7/_wave__by_crula.gif', 'http://fc00.deviantart.net/fs26/f/2008/037/9/4/_giggle__by_crula.gif', 'http://fc02.deviantart.net/fs27/f/2008/037/f/e/_puppy_eyes__by_crula.gif', 'http://fc04.deviantart.net/fs25/f/2008/036/0/1/_innocent__by_crula.gif', 'http://fc04.deviantart.net/fs27/f/2008/036/9/a/T_T_by_crula.gif', 'http://fc04.deviantart.net/fs25/f/2008/036/b/0/_kawaii__by_crula.gif', 'http://fc05.deviantart.net/fs26/f/2008/036/0/d/_speechless__by_crula.gif', 'http://fc04.deviantart.net/fs25/f/2008/036/0/3/_drool__by_crula.gif', 'http://fc01.deviantart.net/fs26/f/2008/036/8/2/_headphones__by_crula.gif', 'http://fc06.deviantart.net/fs26/f/2008/034/e/5/_drop__by_crula.gif', 'http://fc08.deviantart.net/fs26/f/2008/034/f/3/_doh__by_crula.gif', 'http://fc02.deviantart.net/fs25/f/2008/034/4/b/_angel__by_crula.gif', 'http://fc05.deviantart.net/fs27/f/2008/034/9/c/_devil__by_crula.gif', 'http://fc07.deviantart.net/fs26/f/2008/034/6/5/_shrug__or__dunno__by_crula.gif', 'http://fc01.deviantart.net/fs27/f/2008/034/c/2/_naughty__by_crula.gif', 'http://fc04.deviantart.net/fs27/f/2008/034/8/c/_confused__by_crula.gif', 'http://fc01.deviantart.net/fs25/f/2008/034/e/0/_what__by_crula.gif', 'http://fc09.deviantart.net/fs26/f/2008/034/1/d/XP_by_crula.gif', 'http://fc00.deviantart.net/fs27/f/2008/034/1/3/_evil2__by_crula.gif', 'http://fc09.deviantart.net/fs26/f/2008/034/e/f/_evil_smile2__by_crula.gif', 'http://fc09.deviantart.net/fs25/f/2008/033/a/8/_fear__by_crula.gif', 'http://fc01.deviantart.net/fs27/f/2008/033/6/4/_evil__by_crula.gif', 'http://fc02.deviantart.net/fs25/f/2008/033/1/3/_evil_smile__by_crula.gif', 'http://fc00.deviantart.net/fs25/f/2008/033/1/1/_unimpressed__by_crula.gif', 'http://fc03.deviantart.net/fs26/f/2008/033/4/f/_nomouth__by_crula.gif', 'http://fc06.deviantart.net/fs25/f/2008/033/b/e/_yesmouth__by_crula.gif', 'http://fc03.deviantart.net/fs26/f/2008/033/3/b/_sure__by_crula.gif', 'http://fc08.deviantart.net/fs27/f/2008/033/4/f/_pout__or__C_by_crula.gif', 'http://fc08.deviantart.net/fs26/f/2008/033/6/2/_blushes__by_crula.gif', 'http://fc02.deviantart.net/fs27/f/2008/033/3/8/unsure_by_crula.gif', 'http://fc06.deviantart.net/fs25/f/2008/033/3/f/_nerd3__or__B_by_crula.gif', 'http://fc04.deviantart.net/fs27/f/2008/033/d/a/_nerd2__by_crula.gif', 'http://fc01.deviantart.net/fs26/f/2008/033/5/7/I_said_nothin___or__X_by_crula.gif', 'http://fc01.deviantart.net/fs25/f/2008/033/c/2/_rolleyes__by_crula.gif', 'http://fc03.deviantart.net/fs27/f/2008/033/7/3/_smile2__by_crula.gif', 'http://fc04.deviantart.net/fs27/f/2008/031/9/1/bad_O_o_by_crula.gif', 'http://fc00.deviantart.net/fs27/f/2008/031/2/3/o_O_by_crula.gif', 'http://fc04.deviantart.net/fs27/f/2008/031/7/7/O_o_by_crula.gif', 'http://fc09.deviantart.net/fs27/f/2008/031/3/4/_paranoid__by_crula.gif', 'http://fc07.deviantart.net/fs27/f/2008/031/9/6/_3_by_crula.gif', 'http://fc08.deviantart.net/fs25/f/2008/031/8/4/_cool__or_8__by_crula.gif', 'http://fc09.deviantart.net/fs25/f/2008/031/e/d/_ohnoes__by_crula.gif', 'http://fc03.deviantart.net/fs25/f/2008/031/6/4/_lol__by_crula.gif', 'http://fc03.deviantart.net/fs24/f/2008/031/a/4/_omg__or_8o_by_crula.gif', 'http://fc05.deviantart.net/fs23/f/2008/031/c/1/_owww_cute__by_crula.gif', 'http://fc01.deviantart.net/fs24/f/2008/031/f/0/_hook_it__by_crula.gif', 'http://fc04.deviantart.net/fs24/f/2008/031/d/d/eek_or__o_by_crula.gif', 'http://fc04.deviantart.net/fs22/f/2008/031/e/5/_sad__by_crula.gif', 'http://fc06.deviantart.net/fs24/f/2008/031/7/1/_tongue_wink__by_crula.gif', 'http://fc06.deviantart.net/fs23/f/2008/031/c/4/_tongue__or__P_by_crula.gif', 'http://fc00.deviantart.net/fs24/f/2008/031/e/6/_blank__or__l_by_crula.gif', 'http://fc08.deviantart.net/fs27/f/2008/031/0/8/_D_or__grin__by_crula.gif', 'http://fc09.deviantart.net/fs24/f/2008/031/f/8/_wink__by_crula.gif', 'http://fc00.deviantart.net/fs23/f/2008/031/b/7/_unhappy__by_crula.gif', 'http://fc09.deviantart.net/fs23/f/2008/031/b/7/_smile__by_crula.gif', 'http://fc09.deviantart.net/fs23/f/2008/005/d/6/_cor_blimey__by_crula.gif', 'http://fc09.deviantart.net/fs20/f/2007/305/0/0/_ride_a_bike__by_crula.gif', 'http://fc02.deviantart.net/fs19/f/2007/302/4/7/_Mmm____pancakes__by_crula.gif', 'http://fc09.deviantart.net/fs21/f/2007/290/4/4/_ut3_hoverboard_blue__by_crula.gif', 'http://fc01.deviantart.net/fs20/f/2007/288/2/c/_ILIKEYOU__by_crula.gif', 'http://fc06.deviantart.net/fs19/f/2007/287/e/6/_director__by_crula.gif', 'http://fc02.deviantart.net/fs21/f/2007/287/6/2/_clapperboard_man__by_crula.gif', 'http://fc05.deviantart.net/fs19/f/2007/287/d/a/_camera_man__by_crula.gif', 'http://fc01.deviantart.net/fs20/f/2007/288/8/4/_cinema__by_crula.gif', 'http://fc03.deviantart.net/fs24/f/2008/030/8/b/_jackhammer__by_crula.gif', 'http://s16.rimg.info/38dee99f4cc14b3de1c1b56e55a47d0f.gif', 'http://e.deviantart.net/emoticons/d/dummy.gif', 'http://fc05.deviantart.net/fs70/f/2010/156/e/e/Don__t_you_ignore_me_revamp_by_LedMaiden.gif', 'http://s20.rimg.info/4262bb6a0ddb21cc7ed609a4af010369.gif', 'http://fc02.deviantart.net/fs50/f/2009/266/8/7/87ff5daa0dc173d60e192e509b9ed64a.gif', 'http://fc08.deviantart.net/fs45/f/2009/141/3/e/_lovely__by_BlissfullySarcastic.gif', 'http://fc01.deviantart.net/fs71/f/2010/174/8/2/82f677a32f4c117da2c1f6f04b379b86.gif', 'http://fc01.deviantart.net/fs24/f/2007/310/1/d/_love__rvmp_by_bad_blood.gif', 'http://fc08.deviantart.net/fs71/f/2010/143/a/9/_lollipop__by_PoisonTouch.gif', 'http://fc08.deviantart.net/fs70/f/2009/360/f/5/Nem_Facepalm_LH_by_nunyx.gif', 'http://s20.rimg.info/e6c6e08cbe377fe6121ff22fdb2675d6.gif', 'http://fc02.deviantart.net/fs71/f/2009/349/f/a/_angry__by_Ser1x.gif', 'http://fc05.deviantart.net/fs51/f/2009/312/7/9/_moustache_by_sml_e.gif', 'http://fc09.deviantart.net/fs6/i/2005/115/a/0/_by_darkmoon3636.gif', 'http://fc01.deviantart.net/fs24/f/2008/017/6/1/Dance_til_ya_can__t_no_moe_by_de_Mote.gif', 'http://fc00.deviantart.net/fs50/f/2009/319/c/4/OMG_ANOTHER_SHOCK__by_KimRaiFan.gif', 'http://fc04.deviantart.net/fs43/f/2009/146/0/c/flower_dance_by_blaahy.gif', 'http://fc08.deviantart.net/fs18/f/2007/182/b/5/Ahoy_revamp_by_darkmoon3636.gif', 'http://fc00.deviantart.net/fs12/i/2006/266/5/e/_whawhat___by_xychoz.gif', 'http://fc06.deviantart.net/fs23/f/2007/346/3/d/_heart__rvmp_by_bad_blood.gif', 'http://fc03.deviantart.net/fs70/f/2010/144/5/4/OMFG_pointing_by_masterddd.gif', 'http://fc07.deviantart.net/fs70/f/2010/142/4/5/_paranoid__by_Axel_iixv.gif', 'http://fc03.deviantart.net/fs71/f/2010/142/1/6/_frightened__by_Axel_iixv.gif', 'http://fc09.deviantart.net/fs71/f/2010/126/8/8/Tazed_by_a_Tard_by_AutumnOwl.gif', 'http://fc06.deviantart.net/fs70/f/2010/278/8/9/_headbang__by_cookiemagik-d304q0v.gif', 'http://fc09.deviantart.net/fs71/f/2010/228/c/b/_faint__by_CookiemagiK.gif', 'http://fc03.deviantart.net/fs71/f/2010/272/2/b/_sad__by_cookiemagik-d2zpwkb.gif', 'http://fc04.deviantart.net/fs70/f/2010/131/2/a/_angry__by_CookiemagiK.gif', 'http://fc06.deviantart.net/fs71/f/2011/014/2/1/_slipperyhug__by_cookiemagik-d372zft.gif', 'http://fc02.deviantart.net/fs71/f/2010/028/1/b/_nuu__by_CookiemagiK.gif', 'http://fc02.deviantart.net/fs12/i/2006/303/3/1/_halloweenfella_by_sml_e.gif', 'http://fc05.deviantart.net/fs44/f/2009/111/8/1/Cheerleader_by_CookiemagiK.gif', 'http://fc00.deviantart.net/fs39/f/2008/319/0/2/Bye_by_Red_Bananas.gif', 'http://fc03.deviantart.net/fs39/f/2008/331/f/e/Art_Trade___Crazy_Happy_Emote_by_phantompanther.gif', 'http://fc05.deviantart.net/fs12/i/2006/290/6/5/_party__by_LeoLeonardo.gif', 'http://fc08.deviantart.net/fs71/f/2010/039/f/0/Walkin___the_Rock_by_AutumnOwl.gif', 'http://fc09.deviantart.net/fs70/f/2009/355/4/6/La_dies_by_Colorcatcher.gif', 'http://fc03.deviantart.net/fs14/f/2007/094/0/0/_shoot__by_LeoLeonardo.gif', 'http://fc04.deviantart.net/fs23/f/2008/018/7/7/Singing_revamp_by_Droneguard.gif', 'http://fc02.deviantart.net/fs24/f/2007/313/b/b/Super_Duper_Happy_Jester_by_de_Mote.gif', 'http://fc00.deviantart.net/fs10/i/2006/153/c/3/_pyro__by_fahrenheit19_7.gif', 'http://fc02.deviantart.net/fs70/f/2009/346/5/1/Be_happy_mah_friend_by_TeaR6446.gif', 'http://fc00.deviantart.net/fs71/f/2010/225/2/8/28c1a261d4ccb230cb194401002ae98c.gif', 'http://fc03.deviantart.net/fs20/f/2007/280/e/3/Daily_Deviation_by_The_Block.gif', 'http://fc07.deviantart.net/fs24/f/2007/325/b/8/Happy_Time_by_de_Mote.gif', 'http://fc08.deviantart.net/fs70/f/2010/304/5/6/_funnydance__by_cookiemagik-d31vcyh.gif', 'http://fc06.deviantart.net/fs7/f/2006/346/b/c/don__t_eat_me__by_the_ace_chef.gif', 'http://fc00.deviantart.net/fs22/f/2007/361/6/2/_wave__revamp_by_CookiemagiK.gif', 'http://fc03.deviantart.net/fs70/f/2010/363/5/3/_grin__by_guitarcraze-d35xz75.gif', 'http://fc03.deviantart.net/fs10/i/2006/083/0/1/_happydance__by_criz.gif', 'http://fc09.deviantart.net/fs71/f/2010/094/6/6/_chocolatellama__by_renekotte.gif', 'http://fc06.deviantart.net/fs36/f/2008/274/b/8/_bricked__by_LeoLeonardo.gif', 'http://fc05.deviantart.net/fs31/f/2008/209/2/9/Omg_I_gets_present_by_Droneguard.gif', 'http://fc03.deviantart.net/fs40/f/2009/050/d/3/_excited__revamp____again__by_brokenboulevard.gif', 'http://fc06.deviantart.net/fs70/f/2010/299/7/a/_happy__by_royaba-d31jvkz.gif', 'http://fc07.deviantart.net/fs71/f/2010/011/b/1/I_haz_pizza_by_adele.gif', 'http://fc09.deviantart.net/fs48/f/2009/185/1/6/_jumpingjacks__by_dbestarchitect.gif', 'http://fc03.deviantart.net/fs70/f/2010/121/9/a/_excited__by_CookiemagiK.gif', 'http://fc04.deviantart.net/fs70/f/2010/002/0/3/_Bummies__by_MenInASuitcase.gif', 'http://fc06.deviantart.net/fs70/f/2010/118/2/c/_happy__by_CookiemagiK.gif', 'http://fc00.deviantart.net/fs48/f/2009/165/d/1/_shaketribble__by_Helen_Baq.gif', 'http://fc03.deviantart.net/fs11/i/2006/251/7/1/_vampireglomp__by_arrioch.gif', 'http://s17.rimg.info/284b9b8e2cd18a1e05faec2870050b6a.gif', 'http://s17.rimg.info/4a3fe3d25f683f2ca8b93edf02fd4c25.gif', 'http://s16.rimg.info/49ea77d0b3c6837d9d6a89156f05aad8.gif', 'http://s20.rimg.info/8f9254e76658a24bb7765eed8cdbf137.gif', 'http://s19.rimg.info/663d4c37feea52dc968b851520673b6e.gif', 'http://s19.rimg.info/0b674e46db0a7f42d10a9f7d7925dddc.gif', 'http://s19.rimg.info/d300a9366cf90d639da5bfd6d1f62824.gif', 'http://s19.rimg.info/350a5ee2ea706dc69ea8bba5809efa65.gif', 'http://s19.rimg.info/579971fef4938ced3d0918e2ee69595e.gif', 'http://s17.rimg.info/e0832ff5e46880ba1bf1d3a55518c056.gif', 'http://s17.rimg.info/aa414ab9fd40e109f20318095db0afc3.gif', 'http://s16.rimg.info/9ef9f8d4da5a2967d4f1bdd044b5c71b.gif', 'http://s16.rimg.info/66dbbad84385b8233c5850cf0aaefdb0.gif', 'http://s14.rimg.info/52528debe6e87fdcc538df61f9a72d52.gif', 'http://s13.rimg.info/42821f235fa1bc122ecbf3d5b55ab45c.gif', 'http://fc03.deviantart.net/fs24/f/2007/324/d/2/_angry_Snail__by_Takou.gif', 'http://fc08.deviantart.net/fs70/f/2010/360/d/5/d55a32c0284c9c4cf1e932d646524eb3-d2xfgqg.gif']; var nabor4 = ['https://i.imgur.com/90XQZRc.png', 'https://i.imgur.com/uLkHtwa.png', 'https://i.imgur.com/hj4jmSy.png', 'https://i.imgur.com/IuqT8u9.png', 'https://i.imgur.com/sxVUudl.png', 'https://i.imgur.com/jGfxSiK.png', 'https://i.imgur.com/c3ItlbV.png', 'https://i.imgur.com/D7gYM6C.png', 'https://i.imgur.com/vfQivej.png', 'https://i.imgur.com/F0HfYGm.png', 'https://i.imgur.com/zrAP0vp.png', 'https://i.imgur.com/N94l03C.png', 'https://i.imgur.com/CHB9Yqy.png', 'https://i.imgur.com/KWIBtkc.png', 'https://i.imgur.com/wiUHBK0.png', 'https://i.imgur.com/mtG5sFk.png', 'https://i.imgur.com/G6Cdd1z.png', 'https://i.imgur.com/PoltxIr.png', 'https://i.imgur.com/hmTafQT.png', 'https://i.imgur.com/1BAEFOy.png', 'https://i.imgur.com/59w27mp.png', 'https://i.imgur.com/NiO7spe.png', 'https://i.imgur.com/XcwYWty.png', 'https://i.imgur.com/kywA3wd.png', 'https://i.imgur.com/caJPsPi.png', 'https://i.imgur.com/Qy4OPw3.png', 'https://i.imgur.com/Ixe9uNk.png', 'https://i.imgur.com/BITTBRi.png', 'https://i.imgur.com/uPXJCrA.png', 'https://i.imgur.com/KcBvxL6.png', 'https://i.imgur.com/gabDh5H.png', 'https://i.imgur.com/x9KyVW7.png', 'https://i.imgur.com/4gMiVhL.png', 'https://i.imgur.com/R9C0EXG.png', 'https://i.imgur.com/ytDVdqw.png', 'https://i.imgur.com/YxryU05.png', 'https://i.imgur.com/QUOu3Ea.png', 'https://i.imgur.com/2ZNiD4a.png', 'https://i.imgur.com/0yg67MT.png', 'https://i.imgur.com/tCpwh6l.png', 'https://i.imgur.com/WJrbOIz.png', 'https://i.imgur.com/OxfOwsq.png', 'https://i.imgur.com/KPGIwtA.png', 'https://i.imgur.com/Cxf3Flg.png', 'https://i.imgur.com/vn6qscS.png', 'https://i.imgur.com/OXzreKo.png', 'https://i.imgur.com/D3zg9O2.png', 'https://i.imgur.com/qx7n0MA.png', 'https://i.imgur.com/z54azJt.png', 'https://i.imgur.com/4O8EMlE.png', 'https://i.imgur.com/A3jisvQ.png', 'https://i.imgur.com/CTeBdyc.png', 'https://i.imgur.com/LHvKvky.png', 'https://i.imgur.com/XOvfXeM.png', 'https://i.imgur.com/I92ahhK.png', 'https://i.imgur.com/C0f81Fh.png', 'https://i.imgur.com/wckTe6E.png', 'https://i.imgur.com/PGDNDA7.png', 'https://i.imgur.com/2SH5EOa.png', 'https://i.imgur.com/MpQuDiD.png', 'https://i.imgur.com/XoTLu0v.png', 'https://i.imgur.com/jDynwH0.png', 'https://i.imgur.com/BBh7pHE.png', 'https://i.imgur.com/BGCUwSj.png', 'https://i.imgur.com/VxwonuA.png', 'https://i.imgur.com/uSe8ifz.png', 'https://i.imgur.com/IYXfCb7.png', 'https://i.imgur.com/pqat0bI.png', 'https://i.imgur.com/zWLagK6.png', 'https://i.imgur.com/vJQKr0T.png', 'https://i.imgur.com/3PVKwKq.png', 'https://i.imgur.com/WKWCmEc.png', 'https://i.imgur.com/MxFLmpE.png', 'https://i.imgur.com/HbAWO2n.png', 'https://i.imgur.com/KdotZHE.png', 'https://i.imgur.com/lAlAiYC.png', 'https://i.imgur.com/do40tzq.png', 'https://i.imgur.com/Frhjlp5.png', 'https://i.imgur.com/hRZl36X.png', 'https://i.imgur.com/1wFULBH.png', 'https://i.imgur.com/aHWjNrK.png', 'https://i.imgur.com/HbehbmK.png', 'https://i.imgur.com/8OYzdHB.png', 'https://i.imgur.com/ZTUMDzG.png', 'https://i.imgur.com/vE5RFcw.png', 'https://i.imgur.com/RhyAfwO.png']; $(document).ready(function() { $('#smilies-block').addClass('t1'); $('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"style="width:60px;"><a>rusff</a></li><li class="t2"style="width:60px;"><a>emoji</a></li><li class="t3"style="width:60px;"><a>smiles</a></li><li class="t4"style="width:60px;"><a>stickers2</a></li></ul><div class="t2"></div><div class="t3"></div><div class="t4"></div></div>'); $.each(nabor2, function(i) { $('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />'); }); $.each(nabor3, function(i) { $('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />'); }); $.each(nabor4, function(i) { $('div.t4').append('<img src="'+nabor4[i]+'" onclick=smile(\'[img]'+nabor4[i]+'[/img]\') />'); }); $('ul.tabs.tabs1 li').click(function(){ var thisClass = this.className.slice(0,2); $('#smilies-area div[class^="t"]').hide(); $('div.' + thisClass).fadeToggle('slow'); $('ul.tabs.tabs1 li').removeClass('tab-current'); $(this).addClass('tab-current'); }); }); </script> <script type="text/javascript"> if ($('#post').length) { var ft; var i; var ft_f; var j = ""; ft = document.getElementById("font-area"); var ft_f = new Array(); ft_f.push('Abril Fatface'); ft_f.push('Aclonica'); ft_f.push('Aladin'); ft_f.push('Alex Brush'); ft_f.push('Allerta Stencil'); ft_f.push('Amita'); ft_f.push('Anton'); ft_f.push('Arizonia'); ft_f.push('Arsenal'); ft_f.push('Bad Script'); ft_f.push('Bebas Neue Regular'); ft_f.push('Berkshire Swash'); ft_f.push('Caveat'); ft_f.push('Cinzel'); ft_f.push('Condiment'); ft_f.push('Cookie'); ft_f.push('Cormorant Garamond'); ft_f.push('Courgette'); ft_f.push('Cuprum'); ft_f.push('Dosis'); ft_f.push('Federant'); ft_f.push('Great Vibes'); ft_f.push('Josefin Sans'); ft_f.push('Jura'); ft_f.push('Kalam'); ft_f.push('Kaushan Script'); ft_f.push('Kelly Slab'); ft_f.push('Lobster'); ft_f.push('Marck Script'); ft_f.push('Merienda'); ft_f.push('Merriweather'); ft_f.push('Montserrat'); ft_f.push('Mr Dafoe'); ft_f.push('Neucha'); ft_f.push('Norican'); ft_f.push('Old Standard TT'); ft_f.push('Open Sans'); ft_f.push('Oswald'); ft_f.push('Pacifico'); ft_f.push('Parisienne'); ft_f.push('Philosopher'); ft_f.push('Pirata One'); ft_f.push('Play'); ft_f.push('Playball'); ft_f.push('Playfair Display SC'); ft_f.push('Sail'); ft_f.push('Satisfy'); ft_f.push('Seaweed Script'); ft_f.push('Segoe print'); ft_f.push('Shadows Into Light'); ft_f.push('Tangerine'); ft_f.push('Tinos'); ft_f.push('Yanone Kaffeesatz'); ft_f.push('Yeseva One'); ft_f.push('Yesteryear') for (i in ft_f) { j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; j += "font=" + ft_f[i]; j += "]','[/font]')\" /></div>"; ft.innerHTML += j; }} </script> <!— Скрытие IP и провайдера от модераторов © Alex_63 —> <style id="NoDsp">.gid2 #pun-online tcl:first-child{visibility:hidden}</style><script type="text/javascript">if($('#pun-online').length && GroupID==2){$(function(){$('.main .tcl:first-child a[href*="profile.php"]').each(function(){var OnUserN = $(this).clone();$(this).parents('.tcl').html(OnUserN);});$('style#NoDsp').remove();});}</script> <script> var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script> <!--обтекание изображения 2.4--> <script language="javascript"> $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>'); $('#floatbut, .vibor').click(function(){ $('div#float').toggle();}); $("div.post-content").map(function () { text = $(this).html(); if(text.indexOf("[/float]") != -1) { floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi $(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); } }); }); </script> <script type="text/javascript"> var nrisunok="http://s3.uploads.ru/jtgZG.gif"; if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1)) { document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;}; </script> <!--эффект полупрозрачности--> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.Hoverbuttons').each(function () { var $span = $(this).css('opacity', 0.5); $(this).hover(function () { $span.stop().fadeTo(600, 1); }, function () { $span.stop().fadeTo(600, 0.7); }); }); }); </script> <script type="text/javascript"> $('#post input[type="submit"]').click(function() { var s=$('#main-reply').val(); $('#main-reply').val(s.replace(/кpедит/gim,'кpедит')) }); </script> <script type="text/javascript"> var param = (function(a) {if (a == "") return {};var b = {};for (var i = 0; i < a.length; ++i){var p=a[i].split('=');if (p.length != 2) continue;b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));}return b;})(window.location.search.substr(1).split('&'));var text = localStorage.getItem('topic'+param['id']);if(text) { $('#post textarea#main-reply').val(text);}$('#post textarea#main-reply').bind('keydown keypress keyup', function(e){var text = $(this).val();localStorage.setItem('topic'+param['id'], text);});$('#post').submit(function() {localStorage.removeItem('topic'+param['id']);}); </script> <script type='text/javascript'> //Nor var doHTML_open = 0; td = document.getElementsByTagName("td"); for(x=0;x<td.length;x++) { if(td[x].className=="pformright" && td[x].innerHTML.match(/Close all Tags/i)) { content = td[x].innerHTML; td[x].innerHTML = "<input type='button' value='doHTML' onclick='simpletag(\"doHTML\")' class='codebuttons' name='doHTML' style=\"font-weight:bold\" />" + content; } } </script> <script> var supermod = new Array("Moder","Moder A") var mod=document.getElementsByTagName("span") var str for(x in mod) if(mod[x].className=="modlist"){ for(y in supermod) if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1) mod[x].innerHTML=remName(mod[x].innerHTML,pos) } function remName(str,pos){ var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1) if(pos2==-1) return("") while(pos>pos2 && pos2!=-1){ pos1=pos2 pos2=str.indexOf("<A href",pos1+1) } if(pos2==-1){ pos2=str.length-1 pos1-=2 } return (str.substring(0,pos1)+str.substring(pos2,str.length)) } </script> <script type="text/javascript"> function Transform_Code_Box_in_HTML(aX){ var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1"); var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1"); var L=document.URL.replace(TemLnk,''); if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ L=$("div.topic "+PstId); if(L.length==1){ var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text(); L.find(".post-content .code-box:first").replaceWith(Lhtm) }}} function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text(); Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0); } $(document).ready(function() { $("#pun-viewtopic .post .code-box").each(function(){ if($(this).text().indexOf('<!--HTML-->')!=-1){ $(this).wrap('<div class="htmldemo"></div>') $(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]); } }); }); </script> <style type="text/css"> .post-body {text-align: justify !important;} </style> <!-- Вкладки в достижениях --> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('.tabs .tab-links a').on('click', function(e) { var currentAttrValue = jQuery(this).attr('href'); // Show/Hide Tabs jQuery('.tabs ' + currentAttrValue).show().siblings().hide(); // Change/remove current tab to active jQuery(this).parent('li').addClass('active').siblings().removeClass('active'); e.preventDefault(); }); }); </script> <!-- Разделение ников пользователей в теме запятой --> <script>$('#topic-users-in a').prev('a').after(',');</script> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </script> <!-- автоПравка глюка Репы если зависли скрипты руссфф v2--> <script> if($('#pun-viewtopic').length)$(window).load(function () { if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; }; }); </script> <!-- Восстановление последнего поста при утере by Человек-Шаман --> <script> $(document).ready(function() { $('#addition-area').append(function() { return $('<div>Восстановить последний пост</div>').click(restoreLastPost); }); function restoreLastPost() { $('#main-reply').val(localStorage.ReservePost); }; }); </script> <!--конец-->
Поделиться62020-04-12 01:07:58
/* ÎÊÍÎ ÂÂÎÄÀ */
.punbb textarea{
width:auto;
padding-top:2px;
margin-left: 10px;
border:none;
background: #b7b7b7;
border-top: 1px solid #777777;
border-right: 1px solid #777777;
border-left: 1px solid #777777;
box-shadow: inset 0 1px #777777;
}#form-buttons table{
margin-left: 15px;
}
Поделиться72020-04-12 22:54:44
проверка связи але але
Поделиться82020-04-12 23:19:25
дед шот плез
Поделиться92020-04-13 10:52:13
/* C1.5 */
.punbb fieldset legend {
padding: 0 0 50px 0;
margin: 0 0 0 11px;
font-size: 1.1em
}
/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}
Поделиться102020-04-13 10:52:29
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.1586731754.css); @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext'); @import url('https://forumstatic.ru/files/0019/47/79/34499.css'); @import url('https://forumstatic.ru/files/0019/47/79/48122.css'); @import url("http://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic"); @import url("http://fonts.googleapis.com/css?family=Montserrat"); @import url('http://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); @import url('https://fonts.googleapis.com/css?family=Play&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Tinos'); @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500'); @import url('https://fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne'); @import url('https://fonts.googleapis.com/css?family=Caveat|Marck+Script|Old+Standard+TT|Playfair+Display+SC|Russo+One'); @import url('https://fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap'); /* Êàò äëÿ ðàñ è ñþæåòà -------------------------------------------------------------*/ .oformlenie_knopki1 { display:inline-block; cursor: pointer; width: 560px; padding: 6px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôò */ font-size: 16px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; } .oformlenie_knopki2 { display:inline-block; cursor: pointer; width: 120px; padding: 3px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôfò */ font-size: 24px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; margin: 0 15px; } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0 } html * {max-height:1000000px;} /* 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%; } /* 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%; } /* A3.2 */ .punbb { font: normal 71.75% play, verdana; margin: 0; } /* À3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em play, verdana; padding: 5px; padding-top:5px; margin-left: 45px; } .pun-modal .container { background-color: #535353d4; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { text-align:center; font-size:1em; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1,1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% play; } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: normal } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 âñå ññûëêè */ .punbb a { color: #464646; text-decoration: none!important; } a:hover { color: #2d2d2d; text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: normal; } /* 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-ulinks h2, #pun-status h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .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; margin-left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 Îáùåå òåëî ôîðóìà */ #pun { position: center; width: 893px; background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d; margin: auto; } /* A5.2 */ .punbb { float: auto; height: auto; width: 850px; padding-left: 5px; } /* 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 solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.6em 1em; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0 0 5em 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } .post-content td { text-align: justify; } /* B1.2 ïîäïèñü */ .punbb .post-sig dt { display: block; border-top: 4px double #5e5a4f; opacity:.4; width:90%; margin: 10px; margin-left: 5%; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 1em 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom; } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; max-height: 10em; } /* B1.8 ÖÈÒÀÒÛ È ÊÎÄÛ*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 5px; background: #40404042; border-top: 1px solid #86868629; border-right: 1px solid #86868629; border-left: 1px solid #86868629; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend, .code-box .legend a { display: block; padding: 0.2em 0 0.4em 0; text-transform: uppercase; display: block; font-size: 10px; font-family: play; } /* 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 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height:0; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -50px; float: right; margin-left: 50px; width: 100%; } .linkst .pagelink strong, .linksb .pagelink strong, .postlink a span{ font-weight: normal !important; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-family: play; font-style:normal; text-transform:lowercase; } /* B3.6 */ .linksb .pagelink { float: left; width: 187px; text-align: right; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; top: -200px; font-weight: bold; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* 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 } #post-form .formsubmit{ text-align: center; } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* 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; } /* ÎÊÍÎ ÂÂÎÄÀ */ .punbb textarea{ width:auto; padding-top:2px; margin-left: 10px; border:none; background: #b7b7b7; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; box-shadow: inset 0 1px #777777; } #form-buttons table{ margin-left: 15px; } /* 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; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 54%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: center; width: 28%; } .punbb .main .tcr a { font-family: 'play' !important; font-size:11px !important; font-weight: normal; font-style: normal; text-transform:lowercase; text-shadow: #49423f 0px 0px; color: #383026!important; } .punbb .main .tcr a:hover { color: #5f653d!important; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 49% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 19%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8*/ #pun-viewtopic .post h3 { background: url(https://i.imgur.com/YaYYgR2.png) no-repeat center top; margin-top: 0px; margin-left: -6px; width: 893px !important; height: 80px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 2.8em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; 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 } * html .tclcon {height: 1px} #pun-index td div.tclcon { color: #505050; width: 330px; padding: 8px 10px 5px 10px; margin-left: 65px; line-height: 10px; font-size: 10px; padding-bottom: 10px; text-align: justify; text-transform: lowercase; min-height: 38px; border-radius: 1px; border: 1px solid #40404029; box-shadow: 0 0 1px #777777 inset; background-color: #7d7d7d54; } .tclcon h3 { font-size:17px!important; font-family: 'play'!important; text-shadow: #1a1a1a 1px 2px; padding-left:10px; padding-top:5px; padding-bottom:5px; text-align: left; text-transform: uppercase; border-radius: 3px; letter-spacing: 1.2px; margin-bottom: 3px; border: 1px solid #3f3f3f; background-color: #3f3f3f; } .tclcon h3 a { color: #839631!important; text-shadow: #606060 0px 0px; display:block; } .tclcon h3 a:hover { color: #a8a8a8!important; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 70px; height: 70px; padding-right:5px; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border: none; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: inherit; color: #2f2f2f; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } /* C3.1 */ .punbb .post .container { border-style: none; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 15px; margin-top: 50px; } /* C3.4 */ .punbb .post h3 strong { font-size: 10px; font-family: play; font-style:normal; text-transform:lowercase; float: right; width: 5em; text-align: right; font-weight: normal; color: #525252; padding: 0.3em; } .topic a.sharelink {float:right; margin-right:7em;color: #4c4c4c!important;} /* C3.5 ÎÔÎÐÌËÅÍÈÅ ÏÐÎÔÈËß*/ .punbb .post .post-author { float: left; width: 250px; min-height:215px; text-transform:lowercase; background: url(https://i.imgur.com/pRqmXew.png) 0px bottom no-repeat, url(https://i.imgur.com/WFUh8Yn.png) 0px top no-repeat, url(https://i.imgur.com/fUb4AyF.png) 0px repeat-y; color: #525252; margin-top: 0px; margin-left: 23px; padding-bottom: 15px; } .post-author hr {opacity:.2;} .post-author a:hover {color: #574b7d!important;} .post-author a{color: #6b6b6b!important;} /* C3.6 ÈÍÔÎÐÌÀÖÈß ÏÎÄ ÀÂÈÊÎÌ*/ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 1px 23px 25px 1px; } #pun-main .post-author ul { text-align: center; line-height: 15px } /* C3.7 */ .pa-author { position:relative; font-size: 20px!important; margin-bottom:3px; font-family: 'magicaltheory'; line-height:30px; font-weight: ; text-transform:uppercase!important; color: #515151; margin-top: 40px; } /* C3.8 */ .pa-author a { text-decoration: none; color: #515151!important; } .pa-author a:hover { color: #515151!important; } /* C3.9 ÑÒÀÒÓÑ */ li.pa-title { padding-bottom: 1px; font-size: 11px; line-height:9px; margin-top: 19px; text-transform: none !important; } li.pa-online { font-size:8px!important; text-transform:uppercase; } li.pa-avatar.item2 img { max-width: 180px; max-height: 180px; box-shadow: #ffffff px px, #ffffff px px, #ffffff px px, #ffffff px px; margin-top:5px; margin-bottom:5px; } #pun-index th.tcl { font-size:0%; } th.tc2, th.tc3, th.tcr, .forum thead tr .tcl { text-transform:lowercase; opacity:.5; font-size:8px; } #pun-index .tc3, #pun-index .tc2, #pun-index th.tcr { text-align:center !important; } /* C3.11 */ .punbb .post-body { margin-left: 280px; margin-top: 0px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left:-12em; text-align: right; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* 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: 1em 2em; text-align: right; margin-left: 1em; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 12px; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 16.6em; } /* C6.2 */ #profilenav { float: left; width: auto; margin-left: -15em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-width: 0px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* 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 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* 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; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title h1 span { font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; border: none; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; } /* 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%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks .container { width:100%; position: absolute; top: 290px; left: 0px; text-align: center; word-spacing: 15px; } /* D3.2 */ #pun-navlinks #navawards{ display:none; } /* D3.3 */ #pun-navlinks li { display: inline; padding-right: em; } /* D3.4 */ #pun-navlinks li a { text-transform: uppercase; font-family: "teko"; font-weight: normal; font-size: 20px; color: #584e70; } #pun-navlinks li a:hover { color: #584e70; text-shadow: #584e70 0 0 1px;} /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; position: absolute; top: 307px; left: 0px; text-align: center; /* text-align: left; position: absolute; top: 500px; margin-left: 355px;*/ } /* D4.2 */ #pun-ulinks .container { text-transform:lowercase; font-size:10px; font-family: play; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; color: #717171; padding: 0 3px; opacity: .8; } #pun-ulinks li a:hover { color: #1c1d27; opacity: 1; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; } /* --------------------- Welcome box and Top Breadcrumbs ------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width:100%; text-align:center; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; color: #272727; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726247 0px 0px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 0; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #62533d 0px 0px; color: #443728; font-style: normal; } #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 0.9em; } #pun-break1 { display: none; } #pun-break2 { display: none; } #pun-index #pun-crumbs2, #pun-index #pun-crumbs1 { display:none; } #pun-status .container .item3 { visibility:hidden; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 10px; position: relative; margin-top:-148px; font-size:10px; margin-left: 27px; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em; margin-bottom: 0px; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0 0 0 0; text-align:justify; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { 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 { } /* D8.4 */ #pun-about .container .item1{ font-size:8px; margin-left:290px; margin-bottom:20px; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: normal; overflow: hidden; margin-bottom: 0; border-bottom: none; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726145 0px 0px; color: #363027; font-style: normal; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 0.9em; } /* D8.8 */ #pun-break4 { display: none; } #pun-break3 { display: none; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 0px; color: #2f2f2f; } #pun-adnav { float: left; width: 14em; margin-left: -12em; display: inline;} /* 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; } li.pa-avatar.item2 img{ position:relative; text-align:center; margin-left: -3px; top: 2px; bottom: 10px; border: 3px ridge #454545; } /*--------------------------- ïåðåàäðåñàöèÿ --------------------------------------------------*/ #pun-redirect{ background: url(https://i.imgur.com/GnkfM8l.png)!important; position:fixed; width:100%; height:100%; text-align:center; } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { background: #7f7b71; border: px ridge #36353b; font-size:20px; } #pun-redirect.punbb .info .container{ text-align:center; border: px ridge #605236; font-weight:bold; display:inline-block; margin:7% auto; width:500px; padding:33px 50px; height:105px; background: #7f7b71; } #pun th {font-size: 0px;} hr { border: none; border-top: dashed 1px;} .opa{opacity: 0;} .opa:hover{opacity: 1;} .punbb textarea { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
Поделиться112020-04-13 11:00:58
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.1586731754.css); @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext'); @import url('https://forumstatic.ru/files/0019/47/79/34499.css'); @import url('https://forumstatic.ru/files/0019/47/79/48122.css'); @import url("http://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic"); @import url("http://fonts.googleapis.com/css?family=Montserrat"); @import url('http://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); @import url('https://fonts.googleapis.com/css?family=Play&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Tinos'); @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500'); @import url('https://fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne'); @import url('https://fonts.googleapis.com/css?family=Caveat|Marck+Script|Old+Standard+TT|Playfair+Display+SC|Russo+One'); @import url('https://fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap'); /* Êàò äëÿ ðàñ è ñþæåòà -------------------------------------------------------------*/ .oformlenie_knopki1 { display:inline-block; cursor: pointer; width: 560px; padding: 6px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôò */ font-size: 16px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; } .oformlenie_knopki2 { display:inline-block; cursor: pointer; width: 120px; padding: 3px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôfò */ font-size: 24px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; margin: 0 15px; } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0 } html * {max-height:1000000px;} /* 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%; } /* 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%; } /* A3.2 */ .punbb { font: normal 71.75% play, verdana; margin: 0; } /* À3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em play, verdana; padding: 5px; padding-top:5px; margin-left: 45px; } .pun-modal .container { background-color: #535353d4; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { text-align:center; font-size:1em; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1,1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% play; } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: normal } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 âñå ññûëêè */ .punbb a { color: #464646; text-decoration: none!important; } a:hover { color: #2d2d2d; text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: normal; } /* 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-ulinks h2, #pun-status h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .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; margin-left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 Îáùåå òåëî ôîðóìà */ #pun { position: center; width: 893px; background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d; margin: auto; } /* A5.2 */ .punbb { float: auto; height: auto; width: 850px; padding-left: 5px; } /* 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 solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.6em 1em; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0 0 5em 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } .post-content td { text-align: justify; } /* B1.2 ïîäïèñü */ .punbb .post-sig dt { display: block; border-top: 4px double #5e5a4f; opacity:.4; width:90%; margin: 10px; margin-left: 5%; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 1em 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom; } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; max-height: 10em; } /* B1.8 ÖÈÒÀÒÛ È ÊÎÄÛ*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 5px; background: #40404042; border-top: 1px solid #86868629; border-right: 1px solid #86868629; border-left: 1px solid #86868629; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend, .code-box .legend a { display: block; padding: 0.2em 0 0.4em 0; text-transform: uppercase; display: block; font-size: 10px; font-family: play; } /* 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 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height:0; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -50px; float: right; margin-left: 50px; width: 100%; } .linkst .pagelink strong, .linksb .pagelink strong, .postlink a span{ font-weight: normal !important; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-family: play; font-style:normal; text-transform:lowercase; } /* B3.6 */ .linksb .pagelink { float: left; width: 187px; text-align: right; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; top: -200px; font-weight: bold; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* 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 } #post-form .formsubmit{ text-align: center; } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* 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; } /* ÎÊÍÎ ÂÂÎÄÀ */ .punbb textarea{ width:auto; padding-top:2px; margin-left: 10px; border:none; background: #b7b7b7; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; box-shadow: inset 0 1px #777777; } #form-buttons table{ margin-left: 15px; } /* 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; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 54%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: center; width: 28%; } .punbb .main .tcr a { font-family: 'play' !important; font-size:11px !important; font-weight: normal; font-style: normal; text-transform:lowercase; text-shadow: #49423f 0px 0px; color: #383026!important; } .punbb .main .tcr a:hover { color: #5f653d!important; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 49% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 19%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8*/ #pun-viewtopic .post h3 { background: url(https://i.imgur.com/YaYYgR2.png) no-repeat center top; margin-top: 0px; margin-left: -6px; width: 893px !important; height: 80px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 2.8em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; 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 } * html .tclcon {height: 1px} #pun-index td div.tclcon { color: #505050; width: 330px; padding: 8px 10px 5px 10px; margin-left: 65px; line-height: 10px; font-size: 10px; padding-bottom: 10px; text-align: justify; text-transform: lowercase; min-height: 38px; border-radius: 1px; border: 1px solid #40404029; box-shadow: 0 0 1px #777777 inset; background-color: #7d7d7d54; } .tclcon h3 { font-size:17px!important; font-family: 'play'!important; text-shadow: #1a1a1a 1px 2px; padding-left:10px; padding-top:5px; padding-bottom:5px; text-align: left; text-transform: uppercase; border-radius: 3px; letter-spacing: 1.2px; margin-bottom: 3px; border: 1px solid #3f3f3f; background-color: #3f3f3f; } .tclcon h3 a { color: #839631!important; text-shadow: #606060 0px 0px; display:block; } .tclcon h3 a:hover { color: #a8a8a8!important; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 70px; height: 70px; padding-right:5px; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border: none; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: inherit; color: #2f2f2f; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } /* C3.1 */ .punbb .post .container { border-style: none; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 15px; margin-top: 5px; } /* C3.4 */ .punbb .post h3 strong { font-size: 10px; font-family: play; font-style:normal; text-transform:lowercase; float: right; width: 5em; text-align: right; font-weight: normal; color: #525252; padding: 0.3em; } .topic a.sharelink {float:right; margin-right:7em;color: #4c4c4c!important;} /* C3.5 ÎÔÎÐÌËÅÍÈÅ ÏÐÎÔÈËß*/ .punbb .post .post-author { float: left; width: 250px; min-height:215px; text-transform:lowercase; background: url(https://i.imgur.com/pRqmXew.png) 0px bottom no-repeat, url(https://i.imgur.com/WFUh8Yn.png) 0px top no-repeat, url(https://i.imgur.com/fUb4AyF.png) 0px repeat-y; color: #525252; margin-top: -81px; margin-left: 23px; padding-bottom: 15px; } .post-author hr {opacity:.2;} .post-author a:hover {color: #574b7d!important;} .post-author a{color: #6b6b6b!important;} /* C3.6 ÈÍÔÎÐÌÀÖÈß ÏÎÄ ÀÂÈÊÎÌ*/ .punbb .post .post-author ul, .punbb .post .post-author p {padding: 1px 23px 25px 1px;} #pun-main .post-author ul { text-align: center; line-height: 15px } /* C3.7 */ .pa-author { position:relative; font-size: 20px!important; margin-bottom:3px; font-family: 'magicaltheory'; line-height:30px; font-weight: ; text-transform:uppercase!important; color: #515151; margin-top: 40px; } /* C3.8 */ .pa-author a { text-decoration: none; color: #515151!important; } .pa-author a:hover { color: #515151!important; } /* C3.9 ÑÒÀÒÓÑ */ li.pa-title { padding-bottom: 1px; font-size: 11px; line-height:9px; margin-top: 19px; text-transform: none !important; } li.pa-online { font-size:8px!important; text-transform:uppercase; } li.pa-avatar.item2 img { max-width: 180px; max-height: 180px; box-shadow: #ffffff px px, #ffffff px px, #ffffff px px, #ffffff px px; margin-top:5px; margin-bottom:5px; } #pun-index th.tcl { font-size:0%; } th.tc2, th.tc3, th.tcr, .forum thead tr .tcl { text-transform:lowercase; opacity:.5; font-size:8px; } #pun-index .tc3, #pun-index .tc2, #pun-index th.tcr { text-align:center !important; } /* C3.11 */ .punbb .post-body { margin-left: 280px; margin-top: 0px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left:-12em; text-align: right; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* 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: 1em 2em; text-align: right; margin-left: 1em; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 12px; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 16.6em; } /* C6.2 */ #profilenav { float: left; width: auto; margin-left: -15em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-width: 0px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* 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 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* 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; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title h1 span { font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; border: none; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; } /* 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%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks .container { width:100%; position: absolute; top: 290px; left: 0px; text-align: center; word-spacing: 15px; } /* D3.2 */ #pun-navlinks #navawards{ display:none; } /* D3.3 */ #pun-navlinks li { display: inline; padding-right: em; } /* D3.4 */ #pun-navlinks li a { text-transform: uppercase; font-family: "teko"; font-weight: normal; font-size: 20px; color: #584e70; } #pun-navlinks li a:hover { color: #584e70; text-shadow: #584e70 0 0 1px;} /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; position: absolute; top: 307px; left: 0px; text-align: center; /* text-align: left; position: absolute; top: 500px; margin-left: 355px;*/ } /* D4.2 */ #pun-ulinks .container { text-transform:lowercase; font-size:10px; font-family: play; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; color: #717171; padding: 0 3px; opacity: .8; } #pun-ulinks li a:hover { color: #1c1d27; opacity: 1; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; } /* --------------------- Welcome box and Top Breadcrumbs ------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width:100%; text-align:center; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; color: #272727; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726247 0px 0px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 0; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #62533d 0px 0px; color: #443728; font-style: normal; } #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 0.9em; } #pun-break1 { display: none; } #pun-break2 { display: none; } #pun-index #pun-crumbs2, #pun-index #pun-crumbs1 { display:none; } #pun-status .container .item3 { visibility:hidden; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 10px; position: relative; margin-top:-148px; font-size:10px; margin-left: 27px; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em; margin-bottom: 0px; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0 0 0 0; text-align:justify; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { 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 { } /* D8.4 */ #pun-about .container .item1{ font-size:8px; margin-left:290px; margin-bottom:20px; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: normal; overflow: hidden; margin-bottom: 0; border-bottom: none; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726145 0px 0px; color: #363027; font-style: normal; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 0.9em; } /* D8.8 */ #pun-break4 { display: none; } #pun-break3 { display: none; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 0px; color: #2f2f2f; } #pun-adnav { float: left; width: 14em; margin-left: -12em; display: inline;} /* 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; } li.pa-avatar.item2 img{ position:relative; text-align:center; margin-left: -3px; top: 2px; bottom: 10px; border: 3px ridge #454545; } /*--------------------------- ïåðåàäðåñàöèÿ --------------------------------------------------*/ #pun-redirect{ background: url(https://i.imgur.com/GnkfM8l.png)!important; position:fixed; width:100%; height:100%; text-align:center; } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { background: #7f7b71; border: px ridge #36353b; font-size:20px; } #pun-redirect.punbb .info .container{ text-align:center; border: px ridge #605236; font-weight:bold; display:inline-block; margin:7% auto; width:500px; padding:33px 50px; height:105px; background: #7f7b71; } #pun th {font-size: 0px;} hr { border: none; border-top: dashed 1px;} .opa{opacity: 0;} .opa:hover{opacity: 1;} .punbb textarea { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
Поделиться122020-04-13 11:03:33
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext'); @import url('https://forumstatic.ru/files/0019/47/79/34499.css'); @import url('https://forumstatic.ru/files/0019/47/79/48122.css'); @import url("http://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic"); @import url("http://fonts.googleapis.com/css?family=Montserrat"); @import url('http://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); @import url('https://fonts.googleapis.com/css?family=Play&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Tinos'); @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500'); @import url('https://fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne'); @import url('https://fonts.googleapis.com/css?family=Caveat|Marck+Script|Old+Standard+TT|Playfair+Display+SC|Russo+One'); @import url('https://fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap'); /* Кат для рас и сюжета -------------------------------------------------------------*/ .oformlenie_knopki1 { display:inline-block; cursor: pointer; width: 530px; padding: 6px; /* отступ текста от края */ background-color: ; /* цвет фона */ text-align: center; /* центровка текста */ font-family: Yeseva One; /* шрифт */ font-size: 16px; /* размер текста*/ border: 1px dashed #5f5f5f; border-radius: 5px; } .oformlenie_knopki2 { display:inline-block; cursor: pointer; width: 120px; padding: 3px; /* отступ текста от края */ background-color: ; /* цвет фона */ text-align: center; /* центровка текста */ font-family: Yeseva One; /* шрифfт */ font-size: 24px; /* размер текста*/ border: 1px dashed #5f5f5f; border-radius: 5px; margin: 0 15px; } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0 } html * {max-height:1000000px;} /* 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%; } /* 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%; } /* A3.2 */ .punbb { font: normal 71.75% play, verdana; margin: 0; } /* А3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em play, verdana; padding: 5px; padding-top:5px; margin-left: 45px; } .pun-modal .container { background-color: #535353d4; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { text-align:center; font-size:1em; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1,1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% play; } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: normal } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 все ссылки */ .punbb a { color: #464646; text-decoration: none!important; } a:hover { color: #2d2d2d; text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: normal; } /* 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-ulinks h2, #pun-status h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .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; margin-left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 Общее тело форума */ #pun { position: center; width: 893px; background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d; margin: auto; } /* A5.2 */ .punbb { float: auto; height: auto; width: 850px; padding-left: 5px; } /* 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 solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.6em 1em; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0 0 5em 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } .post-content td { text-align: justify; } /* B1.2 подпись */ .punbb .post-sig dt { display: block; border-top: 4px double #5e5a4f; opacity:.4; width:90%; margin: 10px; margin-left: 5%; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 1em 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom; } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; max-height: 10em; } /* B1.8 ЦИТАТЫ И КОДЫ*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 5px; background: #40404042; border-top: 1px solid #86868629; border-right: 1px solid #86868629; border-left: 1px solid #86868629; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend, .code-box .legend a { display: block; padding: 0.2em 0 0.4em 0; text-transform: uppercase; display: block; font-size: 10px; font-family: play; } /* 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 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height:0; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -50px; float: right; margin-left: 50px; width: 100%; } .linkst .pagelink strong, .linksb .pagelink strong, .postlink a span{ font-weight: normal !important; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-family: play; font-style:normal; text-transform:lowercase; } /* B3.6 */ .linksb .pagelink { float: left; width: 187px; text-align: right; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; top: -200px; font-weight: bold; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* 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 } #post-form .formsubmit{ text-align: center; } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0 0 50px 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* 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; } /* ОКНО ВВОДА */ .punbb textarea{ width:auto; padding-top:2px; margin-left: 10px; border:none; background: #b7b7b7; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; box-shadow: inset 0 1px #777777; } #form-buttons table{ margin-left: 15px; } /* 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; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 54%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: center; width: 28%; } .punbb .main .tcr a { font-family: 'play' !important; font-size:11px !important; font-weight: normal; font-style: normal; text-transform:lowercase; text-shadow: #49423f 0px 0px; color: #383026!important; } .punbb .main .tcr a:hover { color: #5f653d!important; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 49% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 19%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8*/ #pun-viewtopic .post h3 { background: url(https://i.imgur.com/YaYYgR2.png) no-repeat center top; margin-top: 0; margin-left: -6px; width: 893px !important; height: 80px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 2.8em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; 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 } * html .tclcon {height: 1px} #pun-index td div.tclcon { color: #505050; width: 330px; padding: 8px 10px 5px 10px; margin-left: 65px; line-height: 10px; font-size: 10px; padding-bottom: 10px; text-align: justify; text-transform: lowercase; min-height: 38px; border-radius: 1px; border: 1px solid #40404029; box-shadow: 0 0 1px #777777 inset; background-color: #7d7d7d54; } .tclcon h3 { font-size:17px!important; font-family: 'play'!important; text-shadow: #1a1a1a 1px 2px; padding-left:10px; padding-top:5px; padding-bottom:5px; text-align: left; text-transform: uppercase; border-radius: 3px; letter-spacing: 1.2px; margin-bottom: 3px; border: 1px solid #3f3f3f; background-color: #3f3f3f; } .tclcon h3 a { color: #839631!important; text-shadow: #606060 0px 0px; display:block; } .tclcon h3 a:hover { color: #a8a8a8!important; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 70px; height: 70px; padding-right:5px; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border: none; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: inherit; color: #2f2f2f; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } /* C3.1 */ .punbb .post .container { border-style: none; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 15px; margin-top: 5px; } /* C3.4 */ .punbb .post h3 strong { font-size: 10px; font-family: play; font-style:normal; text-transform:lowercase; float: right; width: 5em; text-align: right; font-weight: normal; color: #525252; padding: 0.3em; } .topic a.sharelink {float:right; margin-right:7em;color: #4c4c4c!important;} /* C3.5 ОФОРМЛЕНИЕ ПРОФИЛЯ*/ .punbb .post .post-author { float: left; width: 250px; min-height:215px; text-transform:lowercase; background: url(https://i.imgur.com/pRqmXew.png) 0px bottom no-repeat, url(https://i.imgur.com/WFUh8Yn.png) 0px top no-repeat, url(https://i.imgur.com/fUb4AyF.png) 0px repeat-y; color: #525252; margin-top: -31px; margin-left: 23px; padding-bottom: 15px; } .post-author hr {opacity:.2;} .post-author a:hover {color: #574b7d!important;} .post-author a{color: #6b6b6b!important;} /* C3.6 ИНФОРМАЦИЯ ПОД АВИКОМ*/ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 1px 23px 25px 1px; } #pun-main .post-author ul { text-align: center; line-height: 15px } /* C3.7 */ .pa-author { position:relative; font-size: 20px!important; margin-bottom:3px; font-family: 'magicaltheory'; line-height:30px; font-weight: ; text-transform:uppercase!important; color: #515151; margin-top: 40px; } /* C3.8 */ .pa-author a { text-decoration: none; color: #515151!important; } .pa-author a:hover { color: #515151!important; } /* C3.9 СТАТУС */ li.pa-title { padding-bottom: 1px; font-size: 11px; line-height:9px; margin-top: 19px; text-transform: none !important; } li.pa-online { font-size:8px!important; text-transform:uppercase; } li.pa-avatar.item2 img { max-width: 180px; max-height: 180px; box-shadow: #ffffff px px, #ffffff px px, #ffffff px px, #ffffff px px; margin-top:5px; margin-bottom:5px; } #pun-index th.tcl { font-size:0%; } th.tc2, th.tc3, th.tcr, .forum thead tr .tcl { text-transform:lowercase; opacity:.5; font-size:8px; } #pun-index .tc3, #pun-index .tc2, #pun-index th.tcr { text-align:center !important; } /* C3.11 */ .punbb .post-body { margin-left: 280px; margin-top: -50px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left:-12em; text-align: right; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* 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: 1em 2em; text-align: right; margin-left: 1em; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 12px; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 16.6em; } /* C6.2 */ #profilenav { float: left; width: auto; margin-left: -15em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-width: 0px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* 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 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* 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; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title h1 span { font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; border: none; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; } /* 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%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks .container { width:100%; position: absolute; top: 290px; left: 0px; text-align: center; word-spacing: 15px; } /* D3.2 */ #pun-navlinks #navawards{ display:none; } /* D3.3 */ #pun-navlinks li { display: inline; padding-right: em; } /* D3.4 */ #pun-navlinks li a { text-transform: uppercase; font-family: "teko"; font-weight: normal; font-size: 20px; color: #584e70; } #pun-navlinks li a:hover { color: #584e70; text-shadow: #584e70 0 0 1px;} /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; position: absolute; top: 307px; left: 0px; text-align: center; /* text-align: left; position: absolute; top: 500px; margin-left: 355px;*/ } /* D4.2 */ #pun-ulinks .container { text-transform:lowercase; font-size:10px; font-family: play; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; color: #717171; padding: 0 3px; opacity: .8; } #pun-ulinks li a:hover { color: #1c1d27; opacity: 1; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; } /* --------------------- Welcome box and Top Breadcrumbs ------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width:100%; text-align:center; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; color: #272727; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726247 0px 0px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 0; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #62533d 0px 0px; color: #443728; font-style: normal; } #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 0.9em; } #pun-break1 { display: none; } #pun-break2 { display: none; } #pun-index #pun-crumbs2, #pun-index #pun-crumbs1 { display:none; } #pun-status .container .item3 { visibility:hidden; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 10px; position: relative; margin-top:-148px; font-size:10px; margin-left: 27px; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em; margin-bottom: 0px; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0 0 0 0; text-align:justify; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { 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 { } /* D8.4 */ #pun-about .container .item1{ font-size:8px; margin-left:290px; margin-bottom:20px; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: normal; overflow: hidden; margin-bottom: 0; border-bottom: none; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726145 0px 0px; color: #363027; font-style: normal; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 0.9em; } /* D8.8 */ #pun-break4 { display: none; } #pun-break3 { display: none; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 0px; color: #2f2f2f; } #pun-adnav { float: left; width: 14em; margin-left: -12em; display: inline;} /* 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; } li.pa-avatar.item2 img{ position:relative; text-align:center; margin-left: -3px; top: 2px; bottom: 10px; border: 3px ridge #454545; } /*--------------------------- переадресация --------------------------------------------------*/ #pun-redirect{ background: url(https://i.imgur.com/GnkfM8l.png)!important; position:fixed; width:100%; height:100%; text-align:center; } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { background: #7f7b71; border: px ridge #36353b; font-size:20px; } #pun-redirect.punbb .info .container{ text-align:center; border: px ridge #605236; font-weight:bold; display:inline-block; margin:7% auto; width:500px; padding:33px 50px; height:105px; background: #7f7b71; } #pun th {font-size: 0px;} hr { border: none; border-top: dashed 1px;} .opa{opacity: 0;} .opa:hover{opacity: 1;} .punbb textarea { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
Поделиться132020-04-13 11:45:39
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.1586731754.css); @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext'); @import url('https://forumstatic.ru/files/0019/47/79/34499.css'); @import url('https://forumstatic.ru/files/0019/47/79/48122.css'); @import url("http://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic"); @import url("http://fonts.googleapis.com/css?family=Montserrat"); @import url('http://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); @import url('https://fonts.googleapis.com/css?family=Play&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Tinos'); @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500'); @import url('https://fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne'); @import url('https://fonts.googleapis.com/css?family=Caveat|Marck+Script|Old+Standard+TT|Playfair+Display+SC|Russo+One'); @import url('https://fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap'); /* Êàò äëÿ ðàñ è ñþæåòà -------------------------------------------------------------*/ .oformlenie_knopki1 { display:inline-block; cursor: pointer; width: 560px; padding: 6px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôò */ font-size: 16px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; } .oformlenie_knopki2 { display:inline-block; cursor: pointer; width: 120px; padding: 3px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôfò */ font-size: 24px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; margin: 0 15px; } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0 } html * {max-height:1000000px;} /* 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%; } /* 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%; } /* A3.2 */ .punbb { font: normal 71.75% play, verdana; margin: 0; } /* À3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em play, verdana; padding: 5px; padding-top:5px; margin-left: 45px; } .pun-modal .container { background-color: #535353d4; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { text-align:center; font-size:1em; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1,1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% play; } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: normal } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 âñå ññûëêè */ .punbb a { color: #464646; text-decoration: none!important; } a:hover { color: #2d2d2d; text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: normal; } /* 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-ulinks h2, #pun-status h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .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; margin-left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 Îáùåå òåëî ôîðóìà */ #pun { position: center; width: 893px; background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d; margin: auto; } /* A5.2 */ .punbb { float: auto; height: auto; width: 850px; padding-left: 5px; } /* 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 solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.6em 1em; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0 0 5em 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } .post-content td { text-align: justify; } /* B1.2 ïîäïèñü */ .punbb .post-sig dt { display: block; border-top: 4px double #5e5a4f; opacity:.4; width:90%; margin: 10px; margin-left: 5%; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 1em 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom; } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; max-height: 10em; } /* B1.8 ÖÈÒÀÒÛ È ÊÎÄÛ*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 5px; background: #40404042; border-top: 1px solid #86868629; border-right: 1px solid #86868629; border-left: 1px solid #86868629; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend, .code-box .legend a { display: block; padding: 0.2em 0 0.4em 0; text-transform: uppercase; display: block; font-size: 10px; font-family: play; } /* 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 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height:0; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -50px; float: right; margin-left: 50px; width: 100%; } .linkst .pagelink strong, .linksb .pagelink strong, .postlink a span{ font-weight: normal !important; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-family: play; font-style:normal; text-transform:lowercase; } /* B3.6 */ .linksb .pagelink { float: left; width: 187px; text-align: right; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; top: -200px; font-weight: bold; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* 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 } #post-form .formsubmit{ text-align: center; } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* 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; } /* ÎÊÍÎ ÂÂÎÄÀ */ .punbb textarea{ width:auto; padding-top:2px; margin-left: 10px; border:none; background: #b7b7b7; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; box-shadow: inset 0 1px #777777; } #form-buttons table{ margin-left: 15px; } /* 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; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 54%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: center; width: 28%; } .punbb .main .tcr a { font-family: 'play' !important; font-size:11px !important; font-weight: normal; font-style: normal; text-transform:lowercase; text-shadow: #49423f 0px 0px; color: #383026!important; } .punbb .main .tcr a:hover { color: #5f653d!important; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 49% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 19%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8*/ #pun-viewtopic .post h3 { background: url(https://i.imgur.com/YaYYgR2.png) no-repeat center top; margin-top: 0px; margin-left: -6px; width: 893px !important; height: 80px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 2.8em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; 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 } * html .tclcon {height: 1px} #pun-index td div.tclcon { color: #505050; width: 330px; padding: 8px 10px 5px 10px; margin-left: 65px; line-height: 10px; font-size: 10px; padding-bottom: 10px; text-align: justify; text-transform: lowercase; min-height: 38px; border-radius: 1px; border: 1px solid #40404029; box-shadow: 0 0 1px #777777 inset; background-color: #7d7d7d54; } .tclcon h3 { font-size:17px!important; font-family: 'play'!important; text-shadow: #1a1a1a 1px 2px; padding-left:10px; padding-top:5px; padding-bottom:5px; text-align: left; text-transform: uppercase; border-radius: 3px; letter-spacing: 1.2px; margin-bottom: 3px; border: 1px solid #3f3f3f; background-color: #3f3f3f; } .tclcon h3 a { color: #839631!important; text-shadow: #606060 0px 0px; display:block; } .tclcon h3 a:hover { color: #a8a8a8!important; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 70px; height: 70px; padding-right:5px; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border: none; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: inherit; color: #2f2f2f; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } /* C3.1 */ .punbb .post .container { border-style: none; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 15px; margin-top: 5px; } /* C3.4 */ .punbb .post h3 strong { font-size: 10px; font-family: play; font-style:normal; text-transform:lowercase; float: right; width: 5em; text-align: right; font-weight: normal; color: #525252; padding: 0.3em; } .topic a.sharelink {float:right; margin-right:7em;color: #4c4c4c!important;} /* C3.5 ÎÔÎÐÌËÅÍÈÅ ÏÐÎÔÈËß*/ .punbb .post .post-author { float: left; width: 250px; min-height:215px; text-transform:lowercase; background: url(https://i.imgur.com/pRqmXew.png) 0px bottom no-repeat, url(https://i.imgur.com/WFUh8Yn.png) 0px top no-repeat, url(https://i.imgur.com/fUb4AyF.png) 0px repeat-y; color: #525252; margin-top: 0px; margin-left: 23px; padding-bottom: 15px; } .post-author hr {opacity:.2;} .post-author a:hover {color: #574b7d!important;} .post-author a{color: #6b6b6b!important;} /* C3.6 ÈÍÔÎÐÌÀÖÈß ÏÎÄ ÀÂÈÊÎÌ*/ .punbb .post .post-author ul, .punbb .post .post-author p {padding: 1px 23px 25px 1px;} #pun-main .post-author ul { text-align: center; line-height: 15px } /* C3.7 */ .pa-author { position:relative; font-size: 20px!important; margin-bottom:3px; font-family: 'magicaltheory'; line-height:30px; font-weight: ; text-transform:uppercase!important; color: #515151; margin-top: 40px; } /* C3.8 */ .pa-author a { text-decoration: none; color: #515151!important; } .pa-author a:hover { color: #515151!important; } /* C3.9 ÑÒÀÒÓÑ */ li.pa-title { padding-bottom: 1px; font-size: 11px; line-height:9px; margin-top: 19px; text-transform: none !important; } li.pa-online { font-size:8px!important; text-transform:uppercase; } li.pa-avatar.item2 img { max-width: 180px; max-height: 180px; box-shadow: #ffffff px px, #ffffff px px, #ffffff px px, #ffffff px px; margin-top:5px; margin-bottom:5px; } #pun-index th.tcl { font-size:0%; } th.tc2, th.tc3, th.tcr, .forum thead tr .tcl { text-transform:lowercase; opacity:.5; font-size:8px; } #pun-index .tc3, #pun-index .tc2, #pun-index th.tcr { text-align:center !important; } /* C3.11 */ .punbb .post-body { margin-left: 280px; margin-top: 0px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left:-12em; text-align: right; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* 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: 1em 2em; text-align: right; margin-left: 1em; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 12px; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 16.6em; } /* C6.2 */ #profilenav { float: left; width: auto; margin-left: -15em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-width: 0px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* 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 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* 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; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title h1 span { font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; border: none; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; } /* 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%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks .container { width:100%; position: absolute; top: 290px; left: 0px; text-align: center; word-spacing: 15px; } /* D3.2 */ #pun-navlinks #navawards{ display:none; } /* D3.3 */ #pun-navlinks li { display: inline; padding-right: em; } /* D3.4 */ #pun-navlinks li a { text-transform: uppercase; font-family: "teko"; font-weight: normal; font-size: 20px; color: #584e70; } #pun-navlinks li a:hover { color: #584e70; text-shadow: #584e70 0 0 1px;} /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; position: absolute; top: 307px; left: 0px; text-align: center; /* text-align: left; position: absolute; top: 500px; margin-left: 355px;*/ } /* D4.2 */ #pun-ulinks .container { text-transform:lowercase; font-size:10px; font-family: play; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; color: #717171; padding: 0 3px; opacity: .8; } #pun-ulinks li a:hover { color: #1c1d27; opacity: 1; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; } /* --------------------- Welcome box and Top Breadcrumbs ------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width:100%; text-align:center; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; color: #272727; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726247 0px 0px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 0; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #62533d 0px 0px; color: #443728; font-style: normal; } #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 0.9em; } #pun-break1 { display: none; } #pun-break2 { display: none; } #pun-index #pun-crumbs2, #pun-index #pun-crumbs1 { display:none; } #pun-status .container .item3 { visibility:hidden; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 10px; position: relative; margin-top:-148px; font-size:10px; margin-left: 27px; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em; margin-bottom: 0px; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0 0 0 0; text-align:justify; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { 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 { } /* D8.4 */ #pun-about .container .item1{ font-size:8px; margin-left:290px; margin-bottom:20px; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: normal; overflow: hidden; margin-bottom: 0; border-bottom: none; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726145 0px 0px; color: #363027; font-style: normal; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 0.9em; } /* D8.8 */ #pun-break4 { display: none; } #pun-break3 { display: none; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 0px; color: #2f2f2f; } #pun-adnav { float: left; width: 14em; margin-left: -12em; display: inline;} /* 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; } li.pa-avatar.item2 img{ position:relative; text-align:center; margin-left: -3px; top: 2px; bottom: 10px; border: 3px ridge #454545; } /*--------------------------- ïåðåàäðåñàöèÿ --------------------------------------------------*/ #pun-redirect{ background: url(https://i.imgur.com/GnkfM8l.png)!important; position:fixed; width:100%; height:100%; text-align:center; } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { background: #7f7b71; border: px ridge #36353b; font-size:20px; } #pun-redirect.punbb .info .container{ text-align:center; border: px ridge #605236; font-weight:bold; display:inline-block; margin:7% auto; width:500px; padding:33px 50px; height:105px; background: #7f7b71; } #pun th {font-size: 0px;} hr { border: none; border-top: dashed 1px;} .opa{opacity: 0;} .opa:hover{opacity: 1;} .punbb textarea { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
Поделиться142020-04-13 13:47:41
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.1586731754.css); @import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext'); @import url('https://forumstatic.ru/files/0019/47/79/34499.css'); @import url('https://forumstatic.ru/files/0019/47/79/48122.css'); @import url("http://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic"); @import url("http://fonts.googleapis.com/css?family=Montserrat"); @import url('http://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); @import url('https://fonts.googleapis.com/css?family=Play&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Tinos'); @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500'); @import url('https://fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne'); @import url('https://fonts.googleapis.com/css?family=Caveat|Marck+Script|Old+Standard+TT|Playfair+Display+SC|Russo+One'); @import url('https://fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap'); /* Êàò äëÿ ðàñ è ñþæåòà -------------------------------------------------------------*/ .oformlenie_knopki1 { display:inline-block; cursor: pointer; width: 560px; padding: 6px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôò */ font-size: 16px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; } .oformlenie_knopki2 { display:inline-block; cursor: pointer; width: 120px; padding: 3px; /* îòñòóï òåêñòà îò êðàÿ */ background-color: ; /* öâåò ôîíà */ text-align: center; /* öåíòðîâêà òåêñòà */ font-family: Yeseva One; /* øðèôfò */ font-size: 24px; /* ðàçìåð òåêñòà*/ border: 1px dashed #5f5f5f; border-radius: 5px; margin: 0 15px; } /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0 } html * {max-height:1000000px;} /* 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%; } /* 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%; } /* A3.2 */ .punbb { font: normal 71.75% play, verdana; margin: 0; } /* À3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em play, verdana; padding: 5px; padding-top:5px; margin-left: 45px; } .pun-modal .container { background-color: #535353d4; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { text-align:center; font-size:1em; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1,1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% play; } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: normal } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 âñå ññûëêè */ .punbb a { color: #464646; text-decoration: none!important; } a:hover { color: #2d2d2d; text-decoration: none!important; } /* A3.11 */ .punbb optgroup { font-weight: normal; } /* 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-ulinks h2, #pun-status h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .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; margin-left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 Îáùåå òåëî ôîðóìà */ #pun { position: center; width: 893px; background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d; margin: auto; } /* A5.2 */ .punbb { float: auto; height: auto; width: 850px; padding-left: 5px; } /* 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 solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.6em 1em; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0 0 5em 0; margin: 0; width: 100%; overflow: hidden; text-align: justify; } .post-content td { text-align: justify; } /* B1.2 ïîäïèñü */ .punbb .post-sig dt { display: block; border-top: 4px double #5e5a4f; opacity:.4; width:90%; margin: 10px; margin-left: 5%; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 1em 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom; } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; max-height: 10em; } /* B1.8 ÖÈÒÀÒÛ È ÊÎÄÛ*/ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 5px; background: #40404042; border-top: 1px solid #86868629; border-right: 1px solid #86868629; border-left: 1px solid #86868629; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend, .code-box .legend a { display: block; padding: 0.2em 0 0.4em 0; text-transform: uppercase; display: block; font-size: 10px; font-family: play; } /* 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 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height:0; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -50px; float: right; margin-left: 50px; width: 100%; } .linkst .pagelink strong, .linksb .pagelink strong, .postlink a span{ font-weight: normal !important; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-family: play; font-style:normal; text-transform:lowercase; } /* B3.6 */ .linksb .pagelink { float: left; width: 187px; text-align: right; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; top: -200px; font-weight: bold; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* 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 } #post-form .formsubmit{ text-align: center; } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* 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; } /* ÎÊÍÎ ÂÂÎÄÀ */ .punbb textarea{ width:auto; padding-top:2px; margin-left: 10px; border:none; background: #b7b7b7; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; box-shadow: inset 0 1px #777777; } #form-buttons table{ margin-left: 15px; } /* 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; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 54%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: center; width: 28%; } .punbb .main .tcr a { font-family: 'play' !important; font-size:11px !important; font-weight: normal; font-style: normal; text-transform:lowercase; text-shadow: #49423f 0px 0px; color: #383026!important; } .punbb .main .tcr a:hover { color: #5f653d!important; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { background-color: transparent; width: 49% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 19%; } /* C2.6 */ #pun-debug table .tcl { background-color: transparent; width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { background-color: transparent; width: 90%; white-space: normal; } /* C2.8*/ #pun-viewtopic .post h3 { background: url(https://i.imgur.com/YaYYgR2.png) no-repeat center top; margin-bottom: -50px; margin-left: -6px; width: 893px !important; height: 80px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: none; } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 2.8em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; 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 } * html .tclcon {height: 1px} #pun-index td div.tclcon { color: #505050; width: 330px; padding: 8px 10px 5px 10px; margin-left: 65px; line-height: 10px; font-size: 10px; padding-bottom: 10px; text-align: justify; text-transform: lowercase; min-height: 38px; border-radius: 1px; border: 1px solid #40404029; box-shadow: 0 0 1px #777777 inset; background-color: #7d7d7d54; } .tclcon h3 { font-size:17px!important; font-family: 'play'!important; text-shadow: #1a1a1a 1px 2px; padding-left:10px; padding-top:5px; padding-bottom:5px; text-align: left; text-transform: uppercase; border-radius: 3px; letter-spacing: 1.2px; margin-bottom: 3px; border: 1px solid #3f3f3f; background-color: #3f3f3f; } .tclcon h3 a { color: #839631!important; text-shadow: #606060 0px 0px; display:block; } .tclcon h3 a:hover { color: #a8a8a8!important; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 70px; height: 70px; padding-right:5px; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border: none; } /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3 { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: inherit; color: #2f2f2f; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent ; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent ; } /* C3.1 */ .punbb .post .container { border-style: none; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 15px; margin-top: 5px; } /* C3.4 */ .punbb .post h3 strong { font-size: 10px; font-family: play; font-style:normal; text-transform:lowercase; float: right; width: 5em; text-align: right; font-weight: normal; color: #525252; padding: 0.3em; } .topic a.sharelink {float:right; margin-right:7em;color: #4c4c4c!important;} /* C3.5 ÎÔÎÐÌËÅÍÈÅ ÏÐÎÔÈËß*/ .punbb .post .post-author { float: left; width: 250px; min-height:215px; text-transform:lowercase; background: url(https://i.imgur.com/pRqmXew.png) 0px bottom no-repeat, url(https://i.imgur.com/WFUh8Yn.png) 0px top no-repeat, url(https://i.imgur.com/fUb4AyF.png) 0px repeat-y; color: #525252; margin-top: -31px; margin-left: 23px; padding-bottom: 15px; } .post-author hr {opacity:.2;} .post-author a:hover {color: #574b7d!important;} .post-author a{color: #6b6b6b!important;} /* C3.6 ÈÍÔÎÐÌÀÖÈß ÏÎÄ ÀÂÈÊÎÌ*/ .punbb .post .post-author ul, .punbb .post .post-author p {padding: 1px 23px 25px 1px;} #pun-main .post-author ul { text-align: center; line-height: 15px } /* C3.7 */ .pa-author { position:relative; font-size: 20px!important; margin-bottom:3px; font-family: 'magicaltheory'; line-height:30px; font-weight: ; text-transform:uppercase!important; color: #515151; margin-top: 40px; } /* C3.8 */ .pa-author a { text-decoration: none; color: #515151!important; } .pa-author a:hover { color: #515151!important; } /* C3.9 ÑÒÀÒÓÑ */ li.pa-title { padding-bottom: 1px; font-size: 11px; line-height:9px; margin-top: 19px; text-transform: none !important; } li.pa-online { font-size:8px!important; text-transform:uppercase; } li.pa-avatar.item2 img { max-width: 180px; max-height: 180px; box-shadow: #ffffff px px, #ffffff px px, #ffffff px px, #ffffff px px; margin-top:5px; margin-bottom:5px; } #pun-index th.tcl { font-size:0%; } th.tc2, th.tc3, th.tcr, .forum thead tr .tcl { text-transform:lowercase; opacity:.5; font-size:8px; } #pun-index .tc3, #pun-index .tc2, #pun-index th.tcr { text-align:center !important; } /* C3.11 */ .punbb .post-body { margin-left: 280px; margin-top: 0px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left:-12em; text-align: right; font-family: play; font-style:normal; font-size:10px; text-transform:lowercase; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* 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: 1em 2em; text-align: right; margin-left: 1em; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 12px; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 16.6em; } /* C6.2 */ #profilenav { float: left; width: auto; margin-left: -15em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-width: 0px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* 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 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* 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; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title h1 span { font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; border: none; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; } /* 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%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks .container { width:100%; position: absolute; top: 290px; left: 0px; text-align: center; word-spacing: 15px; } /* D3.2 */ #pun-navlinks #navawards{ display:none; } /* D3.3 */ #pun-navlinks li { display: inline; padding-right: em; } /* D3.4 */ #pun-navlinks li a { text-transform: uppercase; font-family: "teko"; font-weight: normal; font-size: 20px; color: #584e70; } #pun-navlinks li a:hover { color: #584e70; text-shadow: #584e70 0 0 1px;} /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { width: 100%; position: absolute; top: 307px; left: 0px; text-align: center; /* text-align: left; position: absolute; top: 500px; margin-left: 355px;*/ } /* D4.2 */ #pun-ulinks .container { text-transform:lowercase; font-size:10px; font-family: play; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; color: #717171; padding: 0 3px; opacity: .8; } #pun-ulinks li a:hover { color: #1c1d27; opacity: 1; } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; } /* --------------------- Welcome box and Top Breadcrumbs ------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width:100%; text-align:center; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; color: #272727; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726247 0px 0px; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 0; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #62533d 0px 0px; color: #443728; font-style: normal; } #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 0.9em; } #pun-break1 { display: none; } #pun-break2 { display: none; } #pun-index #pun-crumbs2, #pun-index #pun-crumbs1 { display:none; } #pun-status .container .item3 { visibility:hidden; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 10px; position: relative; margin-top:-148px; font-size:10px; margin-left: 27px; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em; margin-bottom: 0px; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0 0 0 0; text-align:justify; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { 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 { } /* D8.4 */ #pun-about .container .item1{ font-size:8px; margin-left:290px; margin-bottom:20px; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: normal; overflow: hidden; margin-bottom: 0; border-bottom: none; text-align:center; font-size:10px; font-family: play; font-style:normal; text-transform:lowercase; text-shadow: #726145 0px 0px; color: #363027; font-style: normal; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 0.9em; } /* D8.8 */ #pun-break4 { display: none; } #pun-break3 { display: none; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 0px; color: #2f2f2f; } #pun-adnav { float: left; width: 14em; margin-left: -12em; display: inline;} /* 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; } li.pa-avatar.item2 img{ position:relative; text-align:center; margin-left: -3px; top: 2px; bottom: 10px; border: 3px ridge #454545; } /*--------------------------- ïåðåàäðåñàöèÿ --------------------------------------------------*/ #pun-redirect{ background: url(https://i.imgur.com/GnkfM8l.png)!important; position:fixed; width:100%; height:100%; text-align:center; } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { background: #7f7b71; border: px ridge #36353b; font-size:20px; } #pun-redirect.punbb .info .container{ text-align:center; border: px ridge #605236; font-weight:bold; display:inline-block; margin:7% auto; width:500px; padding:33px 50px; height:105px; background: #7f7b71; } #pun th {font-size: 0px;} hr { border: none; border-top: dashed 1px;} .opa{opacity: 0;} .opa:hover{opacity: 1;} .punbb textarea { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
Поделиться152020-04-13 16:28:55
/* A5.1 Общее тело форума */
#pun {
position: center;
width: 893px;
background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d;
margin: auto;
}
/* A5.1 Общее тело форума */
#pun {
width: 893px;
background: url(https://i.imgur.com/6ycrsbs.png) #2d2d2d;
position: absolute; margin-left: 210px;
}
Поделиться162020-07-26 03:20:14
хтмл верх
Поделиться182020-07-26 03:21:21
стиль
Поделиться192020-07-26 03:21:45
цвета