Дизы
Сообщений 1 страница 10 из 20
Поделиться22019-10-23 22:23:30
Код:
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url(http://fonts.fontstorage.com/import/bebasneue.css); @import url('https://fonts.googleapis.com/css?family=Lobster'); @import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase'); @import url('https://fonts.googleapis.com/css?family=Jura'); @import url('https://fonts.googleapis.com/css?family=Comfortaa'); @import url(//db.onlinewebfonts.com/c/1d65b5646a9a805c62b037be6dd3a0a7?family=Cubano); } * A2.5 * /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* 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.7em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100%; } /* A3.2 */ .punbb { font: normal 68.70% verdana, arial, helvetica, sans-serif; } /* A3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif } /* A3.4 сдвиг таблицы заголовков */ .punbb h1, .punbb h2, .punbb h3 { font-size: 1em; font-weight: bold; margin-left: 0px; } .punbb th { font-size: 0.9em; font-weight: bold; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } //* A3.10 */ .punbb a { text-decoration: none; } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 ширина тела */ #pun { margin: auto; width: 948px; position: relative; padding-left: 13px; } /* A5.2 */ .punbb { width: 910px; /*ширина содержимого*/ height: auto; position: top center; float: none; padding-left: 11px; /* отступ от края левого текста всего форума */ } /* A5.3 */ /* ПЕРЕАДРЕСАЦИЯ -------------------------------------------------------------*/ #pun-redirect{ border: 0 none!important; margin: 0px 1px 0px 0px; padding: 0; left: 0; right: 0; bottom: 0; position: fixed; width: 100%; height: 100%; text-align: center; font-size: 0 !important; background: url(https://i.imgur.com/5kN9yoR.png) top center no-repeat !important; } #pun-redirect *{ border:0 none; } #pun-redirect .main-title { display:none; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none none none; border-width: 0px 0px 0px 0px } /* A5.9 */ .punbb .container { border-style: none; border-width: 0; } /* A5.10 картинку в статистику сделать */ #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 10px 1em 10px 1em; border-style: none none none none; border-width: 0 0 0 0; } #pun-main h1 { padding: 0px 0px 22px 0px; border-style: none solid solid none; text-align: center; font-family: tahoma; font-size: 16px; line-height: 5px; color: #470a07; letter-spacing: 1px; font-weight: 600; font-variant: small-caps; } #pun-stats.section h2 { background-attachment: scroll; background-clip: border-box; width: 508px; height: 42px; margin-left: 208px; background-color: transparent; background-origin: padding-box; background-size: auto; font-size: 0px; background: url(https://i.imgur.com/MtGaVih.png) top center no-repeat; } #pun-main h2 { padding: 9px 1em 0px 8px; border: 0px solid transparent; border-bottom: 0px solid transparent; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ /* РАЗГРАНИЧЕНИЕ МЕЖДУ ПОСТАМИ, ПОЛОСКА В ПОДПИСИ -------------------------------------------------------------*/ .punbb .post-sig dt { display: block; border-top: 1px solid #c2c2c2; /* граница, линии начертание и цвет */ margin: 15px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 5px 0 5px 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-top } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { overflow: hidden; padding: 10px; border-top: 0px #a5a5a5 dashed; background-color: #fde8cd; box-shadow: inset 0px 1px 11px #7d1208; border-radius: 20px; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 6px 6px 6px 6px; padding: 10px 9px 11px 9px; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; position: relative; top: -6px; padding: 5px 0px 7px 0px; font: 600 small-caps 17px tahoma; margin: 5px 0px; color: #fbe2c3; background-color: #e4911b96; border: 3px solid #7d1208; border-radius: 5px; box-shadow: inset 0px 0px 10px #fbd24ecc; text-transform: lowercase; text-align: center; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: none; border-width: 0px; 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: normal; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -31px; left: 1em; width: 24em; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /************************************************************* 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 } /* C1.4 */ .punbb fieldset { border-style: none; border-width: 0px; 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; text-align: center; color: #231d13; font-size: 13px; font-variant: small-caps;} /* 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 1em 0; line-height: 1.6; } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout ------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; width:50%; padding-right: 1px; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 18%; font-size: 10px; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; padding-right: 40px; padding-left: 70px; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 */ /* НАЗВАНИЕ ФОРУМОВ НА ГЛАВНОЙ СТРАНИЦЕ -------------------------------------------------------------*/ #pun-index .tcl h3 a { text-align: center; font-weight: 500; color: #470a07 !important; font-family: tahoma; text-transform: uppercase; font-size: 16px !important; margin-top: 27px; margin-bottom: 21px; line-height: 1;} #pun-index .tcl h3 { text-align: center; font-weight: 500; color: #470a07 !important; font-family: tahoma; text-transform: uppercase; font-size: 16px !important; margin-top: 27px; margin-bottom: 21px; line-height: 1; } #pun-index .tcl h3 a:hover {color: #fde8cd !important;} /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: none none none none; border-width: 0px 0 0 0px; padding: 0.8em 1em; } /* C2.12 */ .punbb .main th { border-style: none none none none; border-width: 0 0 0 0px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 1 } * html .tclcon {height: 1px} /* Оформление подфорумов на главной (лучи любви Ченни за основу) -------------------------------------------------------------*/ /* C2.14 */ #pun-index td div.tclcon { width: 465px; /* height: 230px; */ margin-bottom: 10px; margin-top: 5px; background: url(https://i.imgur.com/YAeUOJF.png) top no-repeat, url(https://i.imgur.com/RzOMCRE.png) bottom no-repeat, url(https://i.imgur.com/YfrncIx.png) center repeat-y; margin-left: 40px; position: relative; padding: 5px 5px 5px 5px; } /* C2.15 иконка сообщений */ .punbb div.icon { float: right; display: block; margin: 0px 50px 0px 0px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 границы в теме */ .punbb .post .container { border-style: none none none none; border-width: 0px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 верхняя граница в теме */ .punbb .post h3 { border-style: none none none none; border-width: 0px; } /* C3.3 дата */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 21em; border-left-style: solid; border-left-width: 1px; font-size: 10px !important; text-transform: lowercase; } /* C3.4 нумерация постов*/ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; padding-right: 30 px; } /* C3.5 расположение текста в сообщении */ .punbb .post .post-author {float: left;width: 205px;margin: 0em;margin-top: 0px;overflow: hidden;margin-left: -8px;background: url(https://i.imgur.com/UGo9mPt.png) no-repeat top, url(https://i.imgur.com/Z74PWb9.png) bottom no-repeat, url(https://i.imgur.com/2FE4HwI.png) repeat-y;} .post-author ul { margin: 0.8em; margin-bottom: 10px; } /* C3.6 */ /* C3.6 оформление профиля*/ .punbb .post .post-author ul, .punbb .post .post-author p { color: #ddb734; padding: 0px 0px 0px 0px; line-height: 100%; font-size: 9px; text-align: center; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none } /* C3.9 */ li.pa-title { padding-bottom: 0.4em; font-weight: bold; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 граница справа */ .punbb .post-body { margin-left: 19em; border-left-style: none; border-left-width: 0px; padding: 0 0 1px 0; padding-right: 20px; text-align: justify; } /* C3.12 поле под сообщением, отступ от даты */ .punbb .post-box { padding: 10px 0px 0px 10px; margin-left: 4px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.7em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 граница после сообщения */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: none; border-top-width: 0px; background: transparent; text-align: right; } /* 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: 0.5em 1em; text-align: right; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; 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: 18.6em; } /* C6.2 сдвиг форума к левой границе */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 расстояние между полями профиля */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; line-height: 1.8; } /* 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 5.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: 0px 0px 0 0px; } /* 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 { display: none; font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0px; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; margin: 0px; } /* D3.2 */ #pun-navlinks .container { padding: 18px 0px;} /* D.3 */ #pun-navlinks li { display: inline; padding-right: 1em; } /* D3.4 */ #pun-navlinks li a { font-size: 1.1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: 0px; text-align: center; font-size: 12px; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 1em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width: 890px; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; width: 890px; margin-top:-15px!important; } /* D5.3 */ /* ОФОРМЛЕНИЯ БЛОКА ПРИВЕТСТВИЯ ГОСТЯ И ВРЕМЕНИ ПОСЛЕДНЕГО ВИЗИТА -------------------------------------------------------------*/ #pun-status span { white-space: nowrap; margin-right: 0.5em; margin-left: 6px; font-family: tahoma; font-size: 11px; line-height: 90%; /* расстояние между строчками */ color: #000; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 0em 1em 0.8em 1em; font-size: 13px; text-align: left; font-family: tahoma; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; margin-top: -10px!important; } /* 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: 0em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 1em 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.7em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 0em 1em; } /* D8.5 */ #pun-about p span { display: none; padding-left: 50%; text-align: center; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; font-family: tahoma; font-size: 12px; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: none; border-bottom-width: 0px; 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: none; border-bottom-width: 0px; 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; } #profile #post,#profile .post { max-width:600px; } #pun th {font-size: 0px;} /* ПРОЗРАЧНОСТЬ ГРАНИЦ, при необходимости можно выставить свой цвет -------------------------------------------------------------*/ .punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;} .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;} #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;} #pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;} .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color:transparent;} .punbb th {border-color: transparent;} #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: transparent;} #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: transparent;} .punbb .divider {border-color: transparent;} .punbb .formal fieldset .post-box, .punbb .info-box {border-color: transparent;} li.pa-online {border-left-color: transparent;} /* ТАБЛИЦЫ В ПОСТАХ БЕЗ ГРАНИЦ -------------------------------------------------------------*/ .post-content td { border:none transparent !important;} /* СКРЫТЬ МОДЕРОВ С ГЛАВНОЙ -------------------------------------------------------------*/ #pun td .modlist{display:none;} /* УБРАТЬ МОИ ЗАГРУЗКИ ИЗ МЕНЮ -------------------------------------------------------------*/ #pun-ulinks .container li.item5 {display: none;} /* УБРАТЬ "РЕДАКТИРОВАННО" И "НАГРАДЫ" -------------------------------------------------------------*/ li#navawards, .lastedit {display: none;} #pun-announcement { width: 194px; height: 220px; overflow: auto; position: absolute; top: 115px; left: 7px; } #font-area { max-height: 300px; overflow-y: auto; }
Поделиться32019-10-23 22:23:50
Код:
html{min-width: 1350px!important; overflow-x: hidden; }/*для мобил, чтобы стоял по центру, а не лип к левому краю*/ /* CS0 Меню - навигация -------------------------------------------------------------*/ /* НАВИГАЦИЯ ---------------------------------------------------------------------------------------------*/ /* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */ div#pun-navlinks { position: absolute; width: 80%; text-align: left; top: -16px; left: 845px;} div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 14px; left: 50px; } /* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */ #pun-navlinks a { text-align: center; font-family: cubano; font-size: 15px!important; letter-spacing: 1px; color: #f3be46; text-shadow: 0px 0px 0px #bda97d; text-transform: uppercase; } /* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #fde8cd; text-shadow: 0px 0px 0px #bda97d; } #navindex a { top: 18px; left: -648px; position: absolute; } #navuserlist a { top: 18px; left: -526px; position: absolute; } #navsearch a { top: 18px; left: -420px; position: absolute; } #navprofile a { top: 18px; left: -306px; position: absolute; } #navpm a { top: 18px; left: -172px; position: absolute; } #navadmin a { top: 18px; left: -54px; position: absolute; } #navregister a { top: 18px; left: -194px; position: absolute; } #navlogin a { top: 18px; left: -64px; position: absolute; } #navpr_1 a { top: 18px; left: 64px; position: absolute; } /* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */ #pun-ulinks a { text-align: center; position: relative; z-index: 2000 !important; letter-spacing: 0px; font-family: calibri; font-size: 10px !important; text-transform: lowercase; font-weight: 100; color: #ffc582; text-shadow: 0px 0px 0px #bda97d; vertical-align: middle; } /* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */ #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #fde8cd; } /*------------------AMS--------------*/ .ams {display: inline-block;} .ams a { font-family: 'cubano' !important; font-size: 12px !important; text-transform: uppercase; line-height: 15px; color: #fed782!important; letter-spacing: 1px; } .ams a:hover {color: #e79611!important;} .ams a span {display: none;} .ams a:hover span{ position: absolute; display: inline-block; margin-top: -124px; left: 0px; z-index: 100000; } /* ПОЛОЖЕНИЕ РЕКЛАМЫ */ #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: -170px; } #pun-title .title-logo { visibility: hidden; } /* CS1 цвет фона, фона форума и остальное. -------------------------------------------------------------*/ /* CS1.2 фон */ html { background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-color : #470a07; } /* CS1.3 шапка*/ #pun-title table { background-image : url("https://i.imgur.com/daaJJjw.jpg"); /* картинка шапки */ background-repeat : repeat-x; background-position: center top; border: none; height: 597px; margin-top: -10px; width: 1800px; /* ширина, мать его, шапки, если брать больше - привет горизонтальный скролл */ margin-left: -445px; /* совпадает обычно с отступом текста, если шапка не шире контента */ } /* CS1.4 тело */ #pun { background-image: url(https://i.imgur.com/v9z1M8B.jpg); position: center top; width: 961px; } -------------------------------------------------------------*/ /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { border-color:transparent; color: #С; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { border-color: none; color: #231d13; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 { background-position: top center; background-repeat: no-repeat; text-align: center; color: #231d13; font-weight: normal; } #pun-stats h2 span, .category h2 span { visibility:hidden!important; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { border-color: none; color: #231d13; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { border-color: none; color: #231d13; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { border-color: none; color: #231d13; } /* CS1.7 */ /* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */ .punbb .quote-box, .punbb .code-box { background: url(https://i.imgur.com/Rnkwe7P.png) repeat, linear-gradient(180deg, #e48b15, #770002); color: #000; } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-image: url("http://sd.uplds.ru/xReuO.png"); color: #061502; } /* CS2 границы -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { 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:transparent; } /* 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, #pun-announcement h2, 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-color:transparent; } li.pa-online { border-color:transparent; } .punbb .post-sig dt { border-color:transparent; } /* CS3 ссылки -------------------------------------------------------------*/ /* CS3.1 все ссылки без наведения */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { text-decoration: none; color: #b81310; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .punbb .code-box a { color: #fbe2b8; } .punbb .code-box a:hover { color: #851814; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #0a360c; } /* CS3.2 все ссылки при наведении */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #5f180a; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } /* ссылки в подфорумах */ .elea { display: inline-block; font: small-caps 10px arial; background: #f5e2c6; color: #84683f!important; text-transform: lowercase; text-align: center; padding: 2px 8px 3px 8px; margin: 1px !important; transition: .3s; border-radius: 3px; } .elea:hover { background: #e6cea9; transition: .3s; } /* CS4 подвал -------------------------------------------------------------*/ #pun-about p.container { background: url(https://i.imgur.com/tO3zax5.jpg) no-repeat; width: 1525px; height: 135px; margin: 0px 0 -15px -308px; text-align: center; line-height: 1; font-size: 9px; } div#html-footer { margin: -100px 0px 0px 0px;} div#pun-about { margin-bottom: 0px; } div#html-footer { margin: 0px 0px 0px 0px;} #pun-announcement.section h2 span {display: none; } a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; } #pun-index .modlist {display: none; } /* CS5 прокрутка -------------------------------------------------------------*/ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { background: #fce7cc; } ::-webkit-scrollbar-thumb { background: #dd8313; border-radius: 13px; } /* CS6 кнопки в форме ответа -------------------------------------------------------------*/ #pun-main .button { background-color: #eca63f; border: 2px solid #910701; padding: 7px; cursor:pointer; color: #910701; font-family: Calibri!important; font-size:12px!important; font-weight: bold!important; letter-spacing: 1px; text-transform: uppercase; } #pun-main .button:hover { background-color: #910701; color: #eca63f; } #pun-main .hashelp div input { color: #677b73; padding: 5px; border: 1px solid #ffffff; background-image: url('http://sd.uplds.ru/xReuO.png'); text-transform: lowercase; font-size: 10px; border-radius: 3px; } /* блок формы ответа */ .punbb textarea { color: #000000; /*цвет текста*/ background:#fffefd; /*картинка на фон*/ } /* CS7 профиль -------------------------------------------------------------*/ .punbb .post .post-author > ul {padding: 0px 9px 15px 9px!important;} /* соо + репа */ #pun-main .pa-posts,.pa-respect { font-size: 10px; text-align: center; text-transform: lowercase; font-weight: bold; color: #fbe2c3; font-family: 'arial'; display: inline-block; width: 65px; padding: 5px 8px 7px 14px!important; margin-top: 6px!important; margin-left: 0px !important; line-height: 12px; } .pa-respect a { color: #fbe2c3!important; } /* активность */ .pa-online { text-align: center; font: 500 11px "Calibri" !important; letter-spacing: 2px; color: #ddb734!important; text-transform: uppercase; margin-left: 0px !important; padding-bottom: 9px !important; margin-top: 3px !important; } /* ник */ .pa-author a, .pa-author { z-index: 1000; width: 200px; text-align: center; /* выравнивание */ text-shadow: 0px 0px #000000 !important; /* тень ника */ font-family: 'cubano'!important; font-size: 18px!important; font-style: normal; color: #480505; font-weight: 100 !important; letter-spacing: -1.2px; /* расстояние между буквами */ padding-top: 5px!important; /* отступ */ text-transform: uppercase; /* регистр */ margin-left: -4px !important; } .pa-author a { color: #480505 !important; } /* статус */ .pa-title { text-align: center; z-index: 1000; font: 11px "Open Sans" !important; color: #fff; text-transform: lowercase; letter-spacing: 0px; padding-top: 14px !important; margin-left: 10px !important; } /* АВАТАРКА */ li.pa-avatar { z-index: 5; margin-left: 1px !important; margin-top: 2px!important; } li.pa-avatar img { max-width: 180px !important; max-height: 180px !important; border: 2px solid #e2921a; } .pa-awards a { color: #ddb734 !important; } /* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ /* ПЛАШКА + ЛС*/ .pa-fld1 { margin-bottom: -10px!important; margin-top: -20px!important; margin-left: -5px!important; } /* ЛЗ (СПОЙЛЕР) -----------------------------------*/ .pa-fld2 { background-color: #fbe2c3; border: 2px solid #480505; border-radius: 15px; box-shadow: inset -1px 2px 5px #480505; width: 170px !important; font-size: 9px; margin-bottom: -20px !important; margin-left: 5px !important; margin-top: -5px !important; padding-bottom: 10px !important; } /* Стиль*/ .stl { text-align: center; padding-top: 5px; } /* Инста */ .inst { text-align: center; padding-bottom: 5px!important; font-size: 13px; font-family: Bebas Neue; font-weight: bold; } .inst a { color: #58305d; } /* ЛЗ */ .lz { color: #3d4923 !important; text-align: center; font-family: verdana; font-size: 9px; padding: 3px 10px 15px 10px !important; font-weight: 400; text-transform: none; line-height: 1.1; } .lz a { } /* Расположение ячеек для постов, денег, мышей */ .tab { padding: 7px 6px 0px 5px; } /* Посты, деньги, мыши */ .lz1 { text-align: center; background-color: #e2901b; color: #fde8cd; border: solid #480505 1px; border-radius: 5px; padding: 3px; width: 40px; line-height: 1.5; } /*--------------------------------------------- КОНЕЦ ЛЗ (СПОЙЛЕР) */ /* CS8 -------------------------------------------------------------*/ /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */ #pun-index .category tr .bottom { width: 340px; height: 36px; position: absolute; margin-left: 80px !important; line-height: 10px; font-size: 10px; font-family: arial; background-color: transperent; text-align: right; padding: 8px; color: #110c02; bottom: 25px !important; } /* ССЫЛКИ ПРИ НАВЕДЕНИИ */ .punbb .category tr .bottom a{ opacity: 1; font-size: 11px; font-weight: bolder; font-family: arial; font-variant: small-caps; } .punbb .category tr .bottom a:hover{ opacity:0.7; } /* CS9 иконки сообщений -------------------------------------------------------------*/ /* ИКОНКИ СООБЩЕНИЙ ----------------------------------------------------------------------------------------------------------------------*/ /* ИКОНКА СТАРЫХ СООБЩЕНИЙ */ .punbb table Div.icon {float: right; display: block; width: 50px; height: 50px; background-image : url("https://i.imgur.com/uNwvH13.png"); background-repeat: no-repeat;} /* ИКОНКА НОВЫХ СООБЩЕНИЙ */ TR.inew Div.icon { width: 50px; height: 50px; background-image : url("https://i.imgur.com/R8sPAcx.png"); background-repeat: no-repeat;} /* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */ TR.isticky Div.icon { width: 50px; height: 50px; background-image : url("https://i.imgur.com/SixVeJS.png"); background-repeat: no-repeat;} /* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */ TR.iclosed Div.icon { width: 50px; height: 50px; background-image : url("https://i.imgur.com/F7EYQDq.png"); background-repeat: no-repeat;} #pun-main div.catleft, #pun-main div.catright {display: none} #pun-index .icon { position: absolute; margin-top: -17px !important; margin-left: 475px !important; z-index: 1000; } /* CS10 для таблицы -------------------------------------------------------------*/ .smallface { font-size: 10px; font-style: italic; } .boldface { font-style: italic; font-weight: bold; } /* Выделение текста */ ::selection { background: none repeat scroll 0 0 #8baabb; color: #231d13; opacity: 0.5; } ::-moz-selection { background: none repeat scroll 0 0 #8baabb; color: #231d13; opacity: 0.5; } /* CS11 по центру -------------------------------------------------------------*/ #pun-main .post-author ul { text-align: center; margin-left: 0px; } #post-form h2 span {display: none;} /* картинка в быстрый ответ */ #post-form h2 { background: url(https://i.imgur.com/bZzBjm3.png) top center no-repeat; width: 913px; height: 48px; margin-left: 5px; } li.pa-fld5 { margin-top: 10px; } /* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */ .category .container thead {display: none;} #pun-index .main .tc2, #pun-index .main .tc3 {display: none;} /* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */ #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area { background-image: url("") !important; background-color: #fbcd8a!important; padding: 10px 10px 10px 10px; color: #19120a; text-shadow: 0px 0px 0px #beb294; border: 1px dashed #7f0c05; } /* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */ .pun-modal .modal-inner { background: #fbcd8a; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { background: #fbcd8a; } #pun-reputation .inner h1, #pun-report .inner h1, #pun-admin-award-form .inner h1 { padding: 15px 0px 0px 0px; } /* ОФОРМЛЕНИЕ ТЕМ */ .zag {width: 650px; height: 65px; background: url(https://i.imgur.com/S1f8RAr.png); } .zagtext {font-family: Bebas Neue; font-size: 28px; letter-spacing: 1px; text-transform: uppercase; color: #691308; line-height: 100%; padding-top: 20px; padding-left: 0px; text-align: center; } .tema {width: 650px; background: url(https://i.imgur.com/FwX3wwX.png); } .tematext { width: 550px; overflow: auto; position: relative; text-align: justify; padding: 0px 22px 0px 12px; font-family: Playfair Display} .niz { width: 650px; height: 19px; background: url(https://i.imgur.com/TGeXOFr.png); margin-top: auto!important; } .niztext { width: 630px; text-align: justify; margin-left: 38px !important; padding-top: 20px; } /* Полоски */ .polos {background-color: #691308; text-align: center; color: #f8ae0d; font: bold 16px bebas neue; letter-spacing: 1px; border: 2px solid #705d52; padding: 3px; margin-top: 17px;} /* РАСПОЛОЖЕНИЕ ТЕКСТА ВНУТРИ ПОДФОРУМОВ */ .fortext { width: 406px; overflow: hidden; margin-left: 21px !important; margin-bottom: 6px !important; text-align: justify; background-color: #fde8cd; border-radius: 18px; box-shadow: inset 0px 5px 10px #480d05d6; padding: 8px; } /* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */ .signa { width: 408px; margin-left: 28px !important; margin-top: 0px !important; overflow: hidden; text-align: center; } .sign { display: inline-block; font: small-caps bold 12px arial; color: #470a07!important; text-align: center; margin: 1px !important; padding: 2px 5px 4px 5px; background-color: #e59d22; box-shadow: inset 0px 0px 5px #ffc40a; } .sign:hover {color: #fde8cd!important; } .Add { display: none; } /* ССЫЛКИ В НАВИГАЦИИ */ .nav {display: inline-block;} .nav a {color: #420e0b!important; font-family: tahoma; font-size: 9px !important; text-transform: lowercase;} .nav a:hover {color: #fde8cd!important;} /* ОБЪЯВЛЕНИЯ АМС */ .hat {width:600px; height:225px; background: url(https://i.imgur.com/0eGUboI.png);} .hatzag {font-family: Bebas Neue; font-size:28px; letter-spacing: 1px; text-transform:uppercase; color: #fcf4e5; line-height:100%; top: -17px; text-align:center; text-shadow: 2px 0px #bc7465; position:relative; right: 20px;} .hattext { font-size:11px; top: 25px; text-align: justify; position:relative; width:400px; margin-right: 18px!important; } .hat img { width: 131px; height: 131px; border-radius: 50%; margin: 0px; position: relative; z-index: 200; } .telo {width:600px; background: url(https://i.imgur.com/Nnryeeb.png); margin-top: -15px; } .telotext { font-size:11px; width:400px; overflow: auto; position:relative; margin-top: -0px; text-align: justify; margin-right: 18px!important;} .fut {width:600px; height:80px; background: url(https://i.imgur.com/3N335ce.png); margin-top: -30px!important; } /* Анкета */ .verh { background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative; } .dubl { background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; } .city { background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px; } .namesur { color: #59585e; font-family: Comfortaa; font-weight:500; font-size: 20px; letter-spacing:4px; text-transform:uppercase; text-align:center; line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca; } .pg1 { width: 550px;height: 250px; background-size: 100%; position: relative; margin-bottom: 5px; top: -5px; } .pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;} .pg1:hover .pg2 {opacity: 1;position: relative; top: px;} .accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; } .accordion ul {list-style: none; margin: 0; padding: 0; } .accordion li {margin:0; padding:0; } .accordion [type=radio], .accordion [type=checkbox] { display:none; } .accordion label { display:block; background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa; font-weight: 500; font-size: 14px; letter-spacing:4px; text-transform:uppercase; text-align:center; line-height:100%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; } .accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; } .accordion .content { padding: 0 10px; overflow:hidden; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat; border: 1px solid #fff;} .accordion p { color:#333; margin:0 0 10px; } .accordion h3 { color:#542437; margin:10px 0;} .vertical ul li {overflow:hidden; margin:0 0 1px; } .vertical ul li label { padding: 12px; } .vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; } .vertical ul li .content { height:0px; border-top:0;} .vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; } .wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; } /*доброе утро*/ .utro-back { width:550px; padding:20px; background-color:#949292; border:1px solid #ccc; box-shadow: 0px 0px 2px 2px #eee;} .utro-title { width:520px; padding:10px; border-bottom:1px solid #ccc; text-align:center; } .utro-infob { width:520px; padding:10px; background-color:#f7f0f0; margin-top:10px; } .utro-infor { width:120px; height:120px; padding:10px; border:1px dashed #ccc; } .utro-infor img { width:120px; height:120px; background-size:cover; } .utro-infol { width:330px; padding:10px; font-family:cuprum!important; text-align: justify; font-size:14px; } .utro-sub { width:500px; padding:5px; font-family:cuprum!important; text-align: justify; font-size:14px; margin-top:10px; margin-bottom:5px; } .utro-sub2 { width:500px; padding:5px; font-family:cuprum!important; text-align: justify; font-size:14px; margin-top:10px; margin-bottom:5px; color: #184357; font-weight: 400;} .utro1 { font-family: Bebas Neue; color: #4f281e; font-size: 40px; letter-spacing: -1px; margin-top: 10px;font-weight: 600; } .utro2 { font-family: cuprum; color: #4d2528; font-size: 9px; margin-top: 5px; text-transform: uppercase; letter-spacing: 1px; padding: 0px 30px;}
Поделиться42019-10-23 22:24:11
Код:
<!--ПРОФИЛАКТИКА--> <div id="resplash" style="display: none;"> <div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span> Ведутся технические работы. Проявите немного терпения. Мы вернёмся через пару часов, не переключайтесь~</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div> <script type="text/javascript"> var active = 1; //Cвитч включения: 1 - включено!; 0 - выключено if(GroupID != 1 && active == 1){ e10 = document.createElement('div') e10.innerHTML = document.getElementById("resplash").innerHTML; document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap')) document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>"); document.title= 'Форум на профилактике - '+document.title; } </script> <!--ПРОФИЛАКТИКА КОНЕЦ--> <!-- Мгновенные уведомления © Alex_63, 2019 --> <link rel="stylesheet" type="text/css" href="http://forumfiles.ru/f/ru/bestbb/notifications.css" /> <script type="text/javascript" src="http://forumfiles.ru/f/ru/bestbb/notifications.js"></script> <script type="text/javascript"> notifications.token = '3e6f50b923d2582abb913897d8fadae149fc2262'; // Токен форума notifications.key = 'otx13htcv077'; // Ключ подписки </script> <!-- Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [181,16,15,405]}); // ID важных тем (через запятую) </script> <style type="text/css"> .post .gift{ display:none; } </style> <!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <style>img.post-img-Sp { margin-top: -1px; margin-left: -10px; margin-bottom: 10px; width: 203px; height: 34px; } ul.post-ul-Sp { margin-bottom: 30px; } div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script> <!-- Просмотр полного профиля на странице /profile.php V.2 --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script> <!--ШРИФТЫ Не трогайте, позязя. хд--> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Monda|Megrim' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Arsenal|EB+Garamond|Open+Sans+Condensed:300|Poiret+One" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Cabin+Sketch|Gabriela|Jura|Marck+Script|Monoton|Neucha|Nothing+You+Could+Do|Permanent+Marker|Philosopher|Roboto+Mono|Sedgwick+Ave+Display|Shadows+Into+Light" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Cinzel|Creepster|Dancing+Script|Indie+Flower|Pacifico|Tangerine|UnifrakturMaguntia" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet"> <!--Шрифты конец--> <!---------------------------- добавляем шрифты на форум ----------------------------> <style type="text/css"> @font-face { font-family: 'bebas neue'; src: url(https://forumstatic.ru/files/0012/ea/b6/62140.eot?), url(https://forumstatic.ru/files/0012/ea/b6/15829.woff) format('woff'), url(https://forumstatic.ru/files/0012/ea/b6/82004.ttf) format('truetype'), url(https://forumstatic.ru/files/0012/ea/b6/59653.svg#svgFontName) format('svg'); font-weight: normal; font-style: normal; } </style> <!---------------------------- доп.шрифты ----------------------------> <link href='http://fonts.googleapis.com/css?family=Ruslan+Display|Lobster|Marck+Script|Yeseva+One|Open+Sans+Condensed:300|Roboto+Slab|PT+Serif|Playfair+Display|Sansita+One|Poiret+One|EB+Garamond|Rochester|Advent+Pro|Playball|Orbitron|Six+Caps|Cinzel+Decorative|Handlee|Bungee+Hairline|Dr+Sugiyama|Cinzel|Passion+One|Kaushan+Script|Didact+Gothic|Montez|Emilys+Candy|Dancing+Script|Pacifico|Shadows+Into+Light|WildOnesPersonalUse|Highlander|Playfair+Display+SC|Hermes|Comfortaa|Roboto+Condensed|Angilla+Tattoo+Personal+Use|La+Belle+Aurore|Mrs+Sheppards|Yesteryear|Kaushan+Script|UnifrakturMaguntia|Montserrat+Alternates|Poiret+One|Graduate|Cuprum|Great+Vibes|Seaweed+Script|Geo|EB+Garamond|Playfair+Display+SC|Lora|Bad+Script|Cinematografica|Pattaya|CaveatRegular|Oswald|Annabelle|Adlerytrial|Philosopher|Noto+Serif|Libre+Baskerville|Abril+Fatface|Old+Standard+TT|Cinzel|Vidaloka|Marmelad|Forum&subset=latin,cyrillic' rel='stylesheet' type='text/css'> <!---------------------------- Пиар-вход, хтмл верх ----------------------------> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'pr'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!--репутация без обновления страницы--> <script> if($('#pun-viewtopic').length && !$('#navawards').length) FORUM.PartnerVote = function() { return true; }; </script> <!-- Чтобы не пропадали посты --> <script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script> <!— конец —> <!--ТАБЛИЦА НАЧАЛО --> <!--ФЛУДЕРЫ --> <div style="height: 98px; width: 352px; position: absolute; margin-left: -7px; margin-top: 380px;"> <img src="https://i.imgur.com/EmfAgG1.png" title="Isabelle Allen" /> <img src="https://i.imgur.com/BgPtmVO.png" title="Maksym Morozov" style="margin-left: 4px;" /> <img src="https://i.imgur.com/whWnhQN.png" title="David Allen" style="margin-left: 3px;" /> <img src="https://i.imgur.com/et8DKMJ.png" title="Katherine James" style="margin-left: 5px;" /> <img src="https://i.imgur.com/gJdyyX8.png" title="Shay Decker" style="margin-left: 3px;" /> </div> <!--ПОСТОПИСЦЫ --> <div style="height: 98px; width: 352px; position: absolute; margin-left: 598px; margin-top: 380px;"> <img src="https://i.imgur.com/SEtz7i1.png" title="Matthew Casey" /> <img src="https://i.imgur.com/WPxI2jm.png" title="Amelia Hunt" style="margin-left: 5px;" /> <img src="https://i.imgur.com/v09W9DB.png" title="Freyja Green" style="margin-left: 3px;" /> <img src="https://i.imgur.com/wTCOH4W.png" title="Oliver Hunt" style="margin-left: 6px;" /> <img src="https://i.imgur.com/x6s9uAX.png" title="Darren James" style="margin-left: 3px;" /> </div> <!--ЭПИЗОД --> <div style="height: 76px; width: 285px; position: absolute; margin-left: -6px; margin-top: 497.5px;"> <a href="http://austin.rolbb.ru/viewtopic.php?id=442"><img src="https://i.imgur.com/yKtq8Fy.png" title="рекурсия" /></a> </div> <!--ТАНДЕМ --> <div style="height: 76px; width: 285px; position: absolute; margin-left: 630px; margin-top: 495px;"> <img src="https://i.imgur.com/1wM3bP4.png" title="Im Roona & Rainer Wang" /> </div> <!--ЛУЧШИЙ ПОСТ --> <div style="height: 70px; width: 255px; position: absolute; margin-left: 326px; margin-top: 406px;"> <img src="https://i.imgur.com/xBelaSt.png" title="Meghan Riley" /> </div> <div style="font-family: Calibri; font-size: 10px; font-style: italic; font-weight: bold; height: 59px; width: 245px; position: absolute; color: #000; margin-left: 326px; margin-top: 477px; border: 0px solid#000; padding: 5px; text-align: center;"> С Даниэль они были знакомы очень давно, хоть и общались в детстве довольно мало. Обычно это ограничивалось разговорами во время семейных встреч, куда ее семью...<a href="http://austin.rolbb.ru/viewtopic.php?id=135#p19892">читать далее</a> </div> <!--СТИЛЬ-ПОБЕДИТЕЛЬ --> <div style="height: 86px; width: 84px; position: absolute; margin-left: 791px; margin-top: 270px;"> <img src="https://imgur.com/VqeQk2R.png" /> </div> <!--НУЖНЫЕ--> <div style="height: 58px; width: 58px; position: absolute; margin-left: 726px; margin-top: 85px;"> <a href="http://austin.rolbb.ru/"><img src="https://i.imgur.com/5As0INf.png" title="need u" /></a> </div> <div style="height: 58px; width: 58px; position: absolute; margin-left: 798px; margin-top: 122px;"> <a href="http://austin.rolbb.ru/"><img src="https://i.imgur.com/5As0INf.png" title="need u" /></a> </div> <div style="height: 58px; width: 58px; position: absolute; margin-left: 805px; margin-top: 198px;"> <a href="http://austin.rolbb.ru/viewtopic.php?id=9#p18392"><img src="https://imgur.com/OUhS0vw.png" title="Максим ждет тебя" /></a> </div> <!--ТАБЛИЦА КОНЕЦ --> <!--НАВИГАЦИЯ--> <div class="nav" style="position: absolute; margin-left: 163px; margin-top: 359px; white-space: pre; color: #420e0b!important;"><a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=2">гостевая</a> <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=3">правила</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=4">faq</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=5">внешности</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=37">путеводитель</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=6">хочу к вам</a> • <a class="nav" href="http://austin.rolbb.ru/viewforum.php?id=9">банк</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=17">вопросы к амс</a></div> <!--ТЕКСТ ПРИВЕТСТВИЯ--> <div style="position: absolute; left: 526px; top: 258px; color: #781812; width: 215px; font-family: Arial; font-style: italic; font-size: 11px!important; text-align: center; font-weight: 600;"> Добро пожаловать в Остин!<br> Не спеши проходить мимо, задержись немного, посмотри вокруг, и ты точно захочешь остаться!<br> real time: октябрь 2019 года </div> <div style="position: absolute; left: 526px; top: 340px; width: 215px; font-family: Arial; font-style: italic; font-size: 11px!important; text-align: center; font-weight: 600; color: #e5aa21;"> погода: +32 at day & +7 at night</div> <!--АМС Пробелы не трогать!--> <div class="ams" style="position: absolute; margin-left: 480px; margin-top: 196px; height: 37px; width: 254px; text-align: center; white-space: pre;"> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=3">David<span><img src="https://funkyimg.com/i/2WykT.gif"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=9">Isabelle<span><img src="https://funkyimg.com/i/2WykV.gif"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=5">Jasper<span><img src="https://funkyimg.com/i/2WykS.gif"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=4">Ree<span><img src="https://funkyimg.com/i/2WykZ.gif"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=32">Danielle<span><img src="https://funkyimg.com/i/2WykR.gif"></span></a> </div> <!-- ЛИЧНАЯ СТРАНИЦА --> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet"> <style type="text/css"> .stranicafon { width: 632px; height: 450px; background-image: url(http://funkyimg.com/i/2qGtD.png); z-index: 2; } .nameplayer { position: absolute; margin-top: 5px; margin-left: 130px; width: 337px; height: 155px; border: 0px solid#284; text-align: center; font-family: Bebas Neue; font-size: 32px; text-transform: uppercase; font-weight: bold; color: #000; text-shadow: 0 0px 10px #fac;} .name { position: absolute; margin-top: 7px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.45; } .rel { position: absolute; margin-top: 63px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; } .ori { position: absolute; margin-top: 100px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; } .job { position: absolute; margin-top: 140px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; } .music { position: absolute; margin-top: 290px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75;} .rel1 { position: absolute; margin-top: 65px; margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284; font-family: Bebas Neue; font-size: 13px; } .ori1 { position: absolute; margin-top: 103px; margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284; font-family: Bebas Neue; font-size: 13px; } .job1 { position: absolute; margin-top: 143px; margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284; font-family: Bebas Neue; font-size: 13px; } .music1 { position: absolute; margin-top: 295px; margin-left: 100px; width: 400px; height: 15px; border: 0px solid#284; text-align: center; font-family: Bebas Neue; font-size: 13px; } .photoplayer { position: absolute; margin-top: 80px; margin-left: 35px; width: 170px; height: 170px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;} .photoplayer1 { position: absolute; margin-top: 80px; margin-left: 35px; width: 170px; height: 170px; padding-left: 10px; padding-top: 10px; } .style { position: absolute; margin-top: 180px; margin-left: 370px; width: 86px; height: 84px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 90px 90px 90px 90px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;} .style1 { position: absolute; margin-top: 176px; margin-left: 366px; width: 86px; height: 84px; padding-left: 10px; padding-top: 10px; } .plashki {position: absolute; margin-left: 10px; margin-top: 10px; width: 280px; height: 305px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .zabil {position: absolute; margin-left: 305px; margin-top: 170px; width: 265px; height: 145px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .achivments {position: absolute; margin-left: 305px; margin-top: 10px; width: 265px; height: 145px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .level {position: absolute; margin-left: 10px; margin-top: 10px; width: 190px; height: 305px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .kino {position: absolute; margin-left: 220px; margin-top: 10px; width: 350px; height: 305px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .lsfilm {margin: 0 auto; width:110px; height:150px;} .lsfilm1 {background-color:#77777a; width:105px; height:145px; margin: 0 auto; z-index:4; position:absolute;} .lsfilm2 {background-repeat: no-repeat; background-position: center; margin-left:-20px; margin-top:0px; b height:100px; width:140px; position:absolute; position:absolute; padding:2px; } .lsfilm3 {background-color:#9f9992; width:100px; height:140px; margin-left:20px; margin-top:0px; opacity:0; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -o-transition: 1s all ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;} .lsfilm4 {color:#000000; width:100px; height:120px; font-family: 'PT Mono', sans-serif; font-size: 10px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; opacity:0; padding-top:5; padding-left:0px; text-align:center;} .lsfilm2, .iox, .loxc, .loxs, .roxc, .roxs {-webkit-transition: 1s all ease-in; -moz-transition: 1s all ease-in; -o-transition: 1s all ease-in;} .lsfilm:hover .lsfilm2, .lsfilm:hover .iox {border-color:#9f9992; -webkit-transform: rotate(de7a03); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(de7a03); transform: rotate(de7a03);} .lsfilm:hover .loxc, .lsfilm:hover .loxs{border-color:transparent #5B88A5 transparent transparent;} .lsfilm:hover .roxc, .lsfilm:hover .roxs{border-color: transparent transparent transparent #a57a5b;} .lsfilm:hover .lsfilm3 {opacity:0.8;} .lsfilm:hover .lsfilm4 {opacity:1;} .tabs { position: relative; height: 329px; width: 583px; clear: both; } .tab label { display: block; width: 5px; height: 5px; background: #fff; color: #030303; padding: 5px; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; font: 10px calibri; position: absolute; left: 275px; top: 363px; border-radius: 15px; } .tab [type=radio] { display: none; } [type=radio]:checked ~ label { background: #22362f; height: 5px; color: #FFF; border-bottom: 0px solid#000; z-index: 2; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); } .thcontent { width: 582px; height: 330px; position: absolute; top: 26px; float: right; right: -1px; bottom: 10px; text-align: justify; opacity: 0; filter: alpha(opacity=0); } [type=radio]:checked ~ label { background: #22362f; color: #030303; border-bottom: 0px; z-index: 2; padding: 5px; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; } </style> <script img-data="http://sa.uplds.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="28"></script> <!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// --> <!-- КОНЕЦ ЛИЧНОЙ СТРАНИЦЫ -->
Поделиться52019-10-23 22:24:34
Код:
<!--ЦИТАТА НЕДЕЛИ --> <div style="font-family: calibri; font-size: 10px; font-style: italic; font-weight: bold; height: 59px; width: 308px; position: absolute; color: #f5cb82; margin-left: 560px; margin-top: -78px; border: 0px solid#000; padding: 5px; text-align: center;"> распределить правильно, свое время.<br> лично мне, нужен тренинг - КАК НЕ ЛЕНИТЬСЯ ! <div style="text-align: right;margin-right: 14px;">(c) Isabelle Allen</div> </div> <!--Своя картинка в каждую категорию --> <script type="text/javascript"> $(document).ready(function(){ myarray=new Array( "Админка", "https://funkyimg.com/i/2WBM2.png", "Организационный раздел", "https://funkyimg.com/i/2WBLW.png", "Банк и социальная сеть", "https://funkyimg.com/i/2WBLV.png", "Игровой раздел", "https://funkyimg.com/i/2WBLX.png", "Общение и игры", "https://funkyimg.com/i/2WBLY.png", "Реклама и партнёрство", "https://funkyimg.com/i/2WBM1.png", "Архив", "https://funkyimg.com/i/2WBLZ.png" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"105px", "width":"1000px", "margin-left":"-58px", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", "background-position":"50% 50%", "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> <!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. //"pa-author", //Ник-Нейм //"pa-avatar", //Аватар //"pa-title", //статус "pa-reg", //Зарегистрирован "pa-invites", //Приглашений //"pa-posts", //Кол-во сообщений: //"pa-respect", //Уважение: "pa-positive", //Позитив "pa-sex", //Пол "pa-age", //Возраст "pa-icq", //Аська //"pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: //"pa-last-visit", //Последний визит: "pa-from", //Откуда //"pa-fld1", //Доп.Поле.1 // 1 кнопка - ссылка на Картинку //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию) "https://i.imgur.com/vJNuz98.png", "pa-fld2", //Доп.Поле.2 "pa-fld3", //Доп.Поле.3 "pa-fld4", //Доп.Поле.4 "pa-fld5", //Доп.Поле.5 //"pa-online", //Пользователь online - Не засовываем в спойлеры //"award", //Награды(только для rusff и ork) "gift", //Подарки(только для rusff и ork) //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!-- Скрыть названия доп. полей--> <script type="text/javascript"> var A=[1,2,3,4,5] $(".post .post-author li").each(function (){ for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){ $(this).html($(this).html().replace(/^[^:]*:/,''));}};}); </script> <!-- конец --> <!--- хтмл в постах с допуском по группам © Alex_63 ---> <!-- HTML в постах --> <script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,3,4,5,6,7]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!--- конец ---> <!---------- меняем текст навигации ----------> <script type="text/javascript"> var itemMass = new Array("FORUM", "USERS", "SEARCH", "PROFILE", "MAIL", "AMS", "WELCOME", "LOGIN", "EXIT"); var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout"); for(i=0; i<itemIdMass.length; i++){ if(document.getElementById(itemIdMass[i])){ var str = document.getElementById(itemIdMass[i]).firstChild.firstChild str.innerHTML=itemMass[i]; } } </script> <!--- конец ---> <script type="text/javascript"> $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); </script> <!--Кнопки вверх вниз--> <div class="go-up" id='ToTop'><img src="https://i.imgur.com/eLAHK7C.png" border="0" width=100% /></div> <div class="go-down" id='OnBottom'><img src="https://i.imgur.com/Sea3reG.png" border="0" width=100% /></div> <style> .go-up, .go-down { display: none; position: fixed; margin-left: 950px; z-index: 9999; cursor: pointer; opacity: 1; margin-bottom: 261px;} .go-up {bottom: 130px; /* позиция кнопки Вверх по вертикали */} .go-down {bottom: 90px; /* позиция кнопки Вниз по вертикали */} .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> <!-- конец --> <!-- Перенос Быстрого ответа под нужное сообщение © Alex_63 --> <style> /* Кнопка "Ответить" */ li.pl-reply a { font-size: 14px; color: #428bca !important; padding-top: 6px !important; padding-left: 21px !important; padding-right: 6px !important; padding-bottom: 6px !important; background: url(https://forumstatic.ru/files/0014/ef/99/64816.png) 1px 6px no-repeat; border-radius: 4px; } /* при наведении */ li.pl-reply a:hover { background-color: #ececec; } .button.cancel{display:none;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26021.js"></script> <!-- //End//-Перенос Быстрого ответа под нужное сообщение --> <!-- Быстрое редактирование постов © Alex_63 // V.3 --><script> if(ForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)$.getScript("https://forumstatic.ru/files/0015/c4/3f/97896.js");; </script> <!-- Конец --> <!-- запятая после ника --> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </script> <!--конец--> <!---------------------------- абзац----------------------------> <style>#button-indent {background:url(http://s7.uplds.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="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>'); var indent = '<span style="display:inline-block; margin: 0.2em 1.1em; "></span>'; /*сверху и слева*/ $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}()); </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> <!-- Кликабельность ника в постах Гостя --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script> <!-- Конец --> <!--Количество символов в форме ответа--> <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script> <!-- Конец --> <!--запрет рекламе менять аватар подпись и статус --> <script type="text/javascript"> var a =document.URL var b=document.getElementById('pun-status').innerHTML if (b.indexOf("bad pr")!=-1) { if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1)) {document.getElementsByName('update')[0].onclick=noChange} else if (a.indexOf("upload-avatar")!=-1) {document.getElementsByName('urload')[0].onclick=noChange}} function noChange() {alert ("ты что творишь?") return false} </script> <style> #pun-main #profile1[action$="id=8"]{ display:none; } </style> <!--КОНЕЦ--> <!-- Кликабельность ника в постах Гостя --> <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>)'});</script> <!-- Конец --> <!-- Аватар для гостя и по умолчанию / Deff, Alex_63 mod by ForumD.ru --> <script type="text/javascript"> var DefAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар по умолчанию var GuestAvtr = 'https://i.imgur.com/dDgOQqz.gif'; //Ссылка на аватар для Гостя $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){ var b = DefAvtr; if($(this).text()=='Гость'){b = GuestAvtr;} var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li><li class="pa-online" id="guest"></li>'; if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s); }); $('#profile-left strong:contains("Нет аватара")') .parent().html('<div><img src="'+DefAvtr+'"/></div>'); </script> <!-- Конец --> <!--Переключение раскладки выделенного текста --> <style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style> <script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>'; $("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat'; function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'}; lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); lat.push('\\[');lat.push('\\]');lat.push('\\.'); rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);} </script> <!-- Конец --> <!--БАННЕРЫ--> <!-- Прокрутка элементов в блоке --> <div class="Hoverbuttons2" style="position: absolute; align: center; height: 93px; width: 370px; overflow: auto; margin-top: -93px; margin-left: 17px; line-height: 80%; opacity: 0.8;"> <a href="http://korean-academy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/gcFbCsV.gif" target="_blank" border="0" width="88" height="31"></a> <a href="http://soullove.ru/" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/37711.gif" border="0" alt="The Vampire Diaries | Soul Love"></a> <a href="http://eltropicanolife.rusff.me/#?advNum=site_banner" target="_blank"> <img src="https://i.imgur.com/eUbopU4.gif" ></a> <a href="http://rayons.rusff.me"><img src="https://forumstatic.ru/files/0017/a9/1e/87684.gif" title="[районы-кварталы]" width=88 height=31 border=0></a> <a href="http://howlongisnow.rusff.me/"><img src="https://funkyimg.com/i/2TVKQ.gif" title="TACHELES"></a> <a href="http://toeden.rusff.me" title="Мистика, США, 2022 год" target="_blank"><img src="https://i.imgur.com/jhPilxP.gif" alt="Return to eden"></a> <a target="_blank" href="http://thebreakdown.ru/"><img src="https://i.ibb.co/0sFXbxG/FlBCR.png" ></a> <a href="http://earlgrey.rusff.me" target="_blank"><img src="https://i.imgur.com/MXrFuUK.png" title="earl grey. real-life."></a> <a href="http://floremorbo.rusff.me/"target=_blank><img src="https://i.imgur.com/uS5I5DX.gif" title="floremorbo"></a> <a href="http://newlegacy.ru"><img src="https://forumstatic.ru/files/000b/f7/ff/90795.gif" border="0" title="New Story"></a> <a href="http://chicagorol.ru" title="Chicagoland" target="_blank"><img src="https://funkyimg.com/i/2VSuR.gif" width="88px" height="31px"></a> <a href="http://ukhate.rusff.me/" target="_blank"><img src="https://i.imgur.com/jtpHWlV.png" title="hate united " border="0" alt="hate united "></a> <a href="http://crossreturns.rusff.me" target="_blank"><img src="https://i.imgur.com/VIuyOaR.jpg" title="wonderlandcross" border="0" width="88" height="31"></a> <a href="http://miorline.rolevaya.ru"><img src="https://s8.hostingkartinok.com/uploads/images/2019/06/192ab038f26997a798efe7d6eba5b324.png" title="MiorLine"></a> </marquee> </div> <!-- конец --> <!-- Маска профиля --> <script src="http://f.etrin.ru/hvss/hvss.min.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['Общий архив', 'Завершенные эпизоды', 'Заброшенные эпизоды', 'Связь с мэрией'], forumAccessExtended: { 'Реальное время': ['Принятые'], 'Прошлое и будущее': ['Принятые'], 'Другие миры': ['Принятые'], 'Социум здесь': ['Пользователи', 'Принятые'], 'Это чей тамада?': ['Принятые'], 'Личное пространство': ['Принятые'], 'Сделай паузу - поиграй': ['Принятые'] }, userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-awards'] }); </script> <!-- конец --> <script type="text/javascript"> $('#pun-index .category td.tcl').each(function() { var TR = $(this).parents('tr:first'); var str='<div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+TR.find('td.tc2').text()+'</span></div><div style="margin-left:0px; " class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div><div style="margin-left:0px;" class="bottom"><span class="right">'+TR.find('td.tcr').html()+'</span></div></div>'; var lsr=TR.find('td:first'); $(str).appendTo(lsr); }); </script> <!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже --> <style type="text/css"> /*Стиль иконки в мини-профиле*/ img.a-info{ padding:2px; display:block!important; cursor:pointer; position:absolute; text-align:left!important; } /* Затемняющий фон */ #pre-wrap { margin:0; top:0;bottom:0; left:0;right:0; width:100%; height:100%; position:fixed; z-index:20000; background: rgba(0,0,0,.7); } /*Подвижка иконки закрытия таблички*/ .my-tabs > img.close { float:right; margin:0 -35px 0 0!important; /*чем больше - тем правее*/ width:27px; display: none; } /* Корневой таб(UL) */ .my-tabs{ display:block; z-index:30000; position:absolute; max-height:420px; /*максимальная высота таблички*/ } /* Стиль "Ушка" вкладок */ .my-tabs>span{ width:0px; height:0px; } /* Cдвиг самого первого "Уха" */ .my-tabs>span:first-child{ margin-left: 8px; } /* Активное "Ушко" */ .my-tabs>span.selected{ opacity:1; border-bottom-color:transparent!important; display:none !important; } /* Стиль вкладки(LI)*/ .my-tabs>.tab-a{ width: 720px; height: 420px; position:relative; z-index:1; display:none; box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, .4); } /*Отступ контента вкладки сверху*/ .tab-a .post-content{ text-align:left; display:inline-block; } /* сдвиг таблицы */ .punbb .my-tabs{ padding-top: 70px!important; /*сдвиг таблицы вверх от положения иконки*/ margin-left: 93px!important; /*сдвиг таблицы вправо от положения иконки*/ } /*Подвижка иконки*/ .post-author img.a-info {display: none!important} </style> <!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// --> <!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике --> <script type="text/javascript"> function iconRedir(that) { $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click(); }; </script> <!-- Включаем HTML в Постах в Вспл.табличке--> <script type="text/javascript"> $(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});}); </script> <!--репутация без обновления страницы--> <script> if($('#pun-viewtopic').length && !$('#navawards').length) FORUM.PartnerVote = function() { return true; }; </script> <!-- конец --> <!---------------------------- шрифты----------------------------> <script type="text/javascript"> if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').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('Angilla Tattoo Personal Use'); ft_f.push('Bad Script'); ft_f.push('bebas neue'); ft_f.push('Bungee Hairline'); ft_f.push('Comfortaa'); ft_f.push('Cuprum'); ft_f.push('Dancing Script'); ft_f.push('Didact Gothic'); ft_f.push('Dr Sugiyama'); ft_f.push('Emilys Candy'); ft_f.push('Geo'); ft_f.push('Graduate'); ft_f.push('Great Vibes'); ft_f.push('Kaushan Script'); ft_f.push('La Belle Aurore'); ft_f.push('lobster'); ft_f.push('Marck Script'); ft_f.push('Montserrat Alternates'); ft_f.push('Mrs Sheppards'); ft_f.push('Orbitron'); ft_f.push('Oswald'); ft_f.push('Passion One'); ft_f.push('Pattaya'); ft_f.push('Roboto Condensed'); ft_f.push('rochester'); ft_f.push('Sansita One'); ft_f.push('Seaweed Script'); ft_f.push('Segoe print'); ft_f.push('UnifrakturMaguntia'); 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>
Поделиться62019-10-23 22:26:03
Код:
<!--обтекание изображения 2.4.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();}); }); elm=document.getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content") { post = elm[x].innerHTML; if(post.indexOf("[/float]") != -1) { floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>") }} </script> <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20"> <div><strong>Направление обтекания</strong></div><br> <div align="center"> <img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /> </div></div> <div> <a onclick="obj=document.getElementById('cont_2').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>котики</button></a> <a onclick="obj=document.getElementById('cont_3').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>зверята</button></a> <a onclick="obj=document.getElementById('cont_4').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>людишки</button></a> <a onclick="obj=document.getElementById('cont_5').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>людишки 2</button></a> <a onclick="obj=document.getElementById('cont_6').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><button id='pun-main' class='button'>V4Jasp</button></a> <div id="cont_6" style="display: none;"> <br><br> <img onclick="bbcode(' [img]http://i.imgur.com/CLkdnEw.png[/img] ', '')" src="http://i.imgur.com/CLkdnEw.png" alt="Смайл" /> <img onclick="bbcode(' [img]http://i.imgur.com/Bd1QwE1.png[/img] ', '')" src="http://i.imgur.com/Bd1QwE1.png" alt="Смайл" /> <img onclick="bbcode(' [img]http://i.imgur.com/egikmIM.png[/img] ', '')" src="http://i.imgur.com/egikmIM.png" alt="Смайл" /> <img onclick="bbcode(' [img]http://i.imgur.com/VMOIYYd.png[/img] ', '')" src="http://i.imgur.com/VMOIYYd.png" alt="Смайл" /> <img onclick="bbcode(' [img]http://i.imgur.com/PB2SVQm.png[/img] ', '')" src="http://i.imgur.com/PB2SVQm.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ifCcByl.png[/img] ', '')" src="https://i.imgur.com/ifCcByl.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cG7SumO.png[/img] ', '')" src="https://i.imgur.com/cG7SumO.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/UeiM4Ap.png[/img] ', '')" src="https://i.imgur.com/UeiM4Ap.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8HUuxcK.png[/img] ', '')" src="https://i.imgur.com/8HUuxcK.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/eEf8Ogz.png[/img] ', '')" src="https://i.imgur.com/eEf8Ogz.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/SXBXPOB.png[/img] ', '')" src="https://i.imgur.com/SXBXPOB.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/RChokEs.png[/img] ', '')" src="https://i.imgur.com/RChokEs.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/eMu4hsT.png[/img] ', '')" src="https://i.imgur.com/eMu4hsT.png" alt="Смайл" /><br> <img onclick="bbcode(' [img]https://i.imgur.com/KJukc1t.png[/img] ', '')" src="https://i.imgur.com/KJukc1t.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/LcVaWwg.png[/img] ', '')" src="https://i.imgur.com/LcVaWwg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/n5Cw0O0.png[/img] ', '')" src="https://i.imgur.com/n5Cw0O0.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Gtd4eqL.png[/img] ', '')" src="https://i.imgur.com/Gtd4eqL.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/uXwKJFt.png[/img] ', '')" src="https://i.imgur.com/uXwKJFt.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/V0GQxJz.png[/img] ', '')" src="https://i.imgur.com/V0GQxJz.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/vUPYloK.png[/img] ', '')" src="https://i.imgur.com/vUPYloK.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8p0NFdL.png[/img] ', '')" src="https://i.imgur.com/8p0NFdL.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/pw7XtOb.png[/img] ', '')" src="https://i.imgur.com/pw7XtOb.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/yx1RW8w.png[/img] ', '')" src="https://i.imgur.com/yx1RW8w.png" alt="Смайл" /><br> <img src="http://i.imgur.com/mbWtiY9.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/mbWtiY9.png[/img]')" /> <img src="http://i.imgur.com/jdRWjtJ.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/jdRWjtJ.png[/img]')" /> <img src="http://i.imgur.com/HDkBdPX.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/HDkBdPX.png[/img]')" /> <img src="http://i.imgur.com/4i0S7zG.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/4i0S7zG.png[/img]')" /> <img src="http://i.imgur.com/AioaaHq.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/AioaaHq.png[/img]')" /> <img src="https://i.imgur.com/aFwSp2b.png" style="cursor: pointer" onclick="smile('[img]https://i.imgur.com/aFwSp2b.png[/img]')" /> <img src="http://i.imgur.com/yF7x5Za.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/yF7x5Za.png[/img]')" /> <img src="https://i.imgur.com/TXnm5qt.png" style="cursor: pointer" onclick="smile('[img]https://i.imgur.com/TXnm5qt.png[/img]')" /> <img src="http://funkyimg.com/i/2JrH9.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/2JrH9.gif[/img]')" /> <img src="http://i.imgur.com/eeWWDEZ.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/eeWWDEZ.png[/img]')" /> <img src="http://i.imgur.com/gtnjtQK.png" style="cursor: pointer" onclick="smile('[img]http://i.imgur.com/gtnjtQK.png[/img]')" /> <br><br>thx, <a href="http://korean-academy.ru">KA</a> <3 </div> <div id="cont_5" style="display: none;"> <br><br> <img onclick="bbcode(' [img]https://i.imgur.com/9oqkAWw.png[/img] ', '')" src="https://i.imgur.com/9oqkAWw.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/qRkswGb.png[/img] ', '')" src="https://i.imgur.com/qRkswGb.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ua9AG3A.png[/img] ', '')" src="https://i.imgur.com/ua9AG3A.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/2THkZ6c.png[/img] ', '')" src="https://i.imgur.com/2THkZ6c.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/3Pi1Py1.png[/img] ', '')" src="https://i.imgur.com/3Pi1Py1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/x1Bwayf.png[/img] ', '')" src="https://i.imgur.com/x1Bwayf.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/03xXVCJ.png[/img] ', '')" src="https://i.imgur.com/03xXVCJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/O6lQ4dE.png[/img] ', '')" src="https://i.imgur.com/O6lQ4dE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8cmPDR4.png[/img] ', '')" src="https://i.imgur.com/8cmPDR4.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/WyrC8Zf.png[/img] ', '')" src="https://i.imgur.com/WyrC8Zf.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/x5l7UVC.png[/img] ', '')" src="https://i.imgur.com/x5l7UVC.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/mZ69vSN.png[/img] ', '')" src="https://i.imgur.com/mZ69vSN.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cunighc.png[/img] ', '')" src="https://i.imgur.com/cunighc.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/EuiSkzM.png[/img] ', '')" src="https://i.imgur.com/EuiSkzM.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/osNoGRC.png[/img] ', '')" src="https://i.imgur.com/osNoGRC.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/VdNTMkA.png[/img] ', '')" src="https://i.imgur.com/VdNTMkA.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ZpIYVun.png[/img] ', '')" src="https://i.imgur.com/ZpIYVun.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ou3Ndca.png[/img] ', '')" src="https://i.imgur.com/ou3Ndca.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/tIgKnwC.png[/img] ', '')" src="https://i.imgur.com/tIgKnwC.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/aDwuBGg.png[/img] ', '')" src="https://i.imgur.com/aDwuBGg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hM9YYpf.png[/img] ', '')" src="https://i.imgur.com/hM9YYpf.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8BQpjCJ.png[/img] ', '')" src="https://i.imgur.com/8BQpjCJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/S4RgJG1.png[/img] ', '')" src="https://i.imgur.com/S4RgJG1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fbYO4uP.png[/img] ', '')" src="https://i.imgur.com/fbYO4uP.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/2Awktfi.png[/img] ', '')" src="https://i.imgur.com/2Awktfi.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/INQYyQB.png[/img] ', '')" src="https://i.imgur.com/INQYyQB.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/pu51FbU.png[/img] ', '')" src="https://i.imgur.com/pu51FbU.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/vEvmmZE.png[/img] ', '')" src="https://i.imgur.com/vEvmmZE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/p7jBKSK.png[/img] ', '')" src="https://i.imgur.com/p7jBKSK.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/DDAN0Za.png[/img] ', '')" src="https://i.imgur.com/DDAN0Za.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ZS1ZHvu.png[/img] ', '')" src="https://i.imgur.com/ZS1ZHvu.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/3Elc19M.png[/img] ', '')" src="https://i.imgur.com/3Elc19M.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/pUjPAx8.png[/img] ', '')" src="https://i.imgur.com/pUjPAx8.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/NGjCKNN.png[/img] ', '')" src="https://i.imgur.com/NGjCKNN.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/AKgiLJ6.png[/img] ', '')" src="https://i.imgur.com/AKgiLJ6.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/dVSEkeW.png[/img] ', '')" src="https://i.imgur.com/dVSEkeW.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/nHQtgih.png[/img] ', '')" src="https://i.imgur.com/nHQtgih.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/oo23Tsd.png[/img] ', '')" src="https://i.imgur.com/oo23Tsd.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/VrYzccY.png[/img] ', '')" src="https://i.imgur.com/VrYzccY.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Lc76JvD.png[/img] ', '')" src="https://i.imgur.com/Lc76JvD.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/wf8HDn4.png[/img] ', '')" src="https://i.imgur.com/wf8HDn4.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/qoS8EwE.png[/img] ', '')" src="https://i.imgur.com/qoS8EwE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/9shFLLa.png[/img] ', '')" src="https://i.imgur.com/9shFLLa.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/tS4bN58.png[/img] ', '')" src="https://i.imgur.com/tS4bN58.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/RzCE6EZ.png[/img] ', '')" src="https://i.imgur.com/RzCE6EZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/s9E1KcZ.png[/img] ', '')" src="https://i.imgur.com/s9E1KcZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/RrO3j88.png[/img] ', '')" src="https://i.imgur.com/RrO3j88.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/jI5Drfk.png[/img] ', '')" src="https://i.imgur.com/jI5Drfk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sjiyQPH.png[/img] ', '')" src="https://i.imgur.com/sjiyQPH.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ReXXfRl.png[/img] ', '')" src="https://i.imgur.com/ReXXfRl.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Pv5XDYU.png[/img] ', '')" src="https://i.imgur.com/Pv5XDYU.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sn1xLwk.png[/img] ', '')" src="https://i.imgur.com/sn1xLwk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/69hYXUg.png[/img] ', '')" src="https://i.imgur.com/69hYXUg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ilcqEXJ.png[/img] ', '')" src="https://i.imgur.com/ilcqEXJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/CImpwVJ.png[/img] ', '')" src="https://i.imgur.com/CImpwVJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/iqqeZRZ.png[/img] ', '')" src="https://i.imgur.com/iqqeZRZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Csm7Q75.png[/img] ', '')" src="https://i.imgur.com/Csm7Q75.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/VL8pt2L.png[/img] ', '')" src="https://i.imgur.com/VL8pt2L.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/b1gDyoZ.png[/img] ', '')" src="https://i.imgur.com/b1gDyoZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/O7LdwAF.png[/img] ', '')" src="https://i.imgur.com/O7LdwAF.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sRNwhJu.png[/img] ', '')" src="https://i.imgur.com/sRNwhJu.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/LwUMNrz.png[/img] ', '')" src="https://i.imgur.com/LwUMNrz.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fMbAnH7.png[/img] ', '')" src="https://i.imgur.com/fMbAnH7.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Eg8swvl.png[/img] ', '')" src="https://i.imgur.com/Eg8swvl.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cfBJzHg.png[/img] ', '')" src="https://i.imgur.com/cfBJzHg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ngaoeeE.png[/img] ', '')" src="https://i.imgur.com/ngaoeeE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Nl4pKKJ.png[/img] ', '')" src="https://i.imgur.com/Nl4pKKJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Z6zYQzf.png[/img] ', '')" src="https://i.imgur.com/Z6zYQzf.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/qAqV58H.png[/img] ', '')" src="https://i.imgur.com/qAqV58H.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/JdGcgan.png[/img] ', '')" src="https://i.imgur.com/JdGcgan.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/C6CSaRr.png[/img] ', '')" src="https://i.imgur.com/C6CSaRr.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/0elLudl.png[/img] ', '')" src="https://i.imgur.com/0elLudl.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/MHkFfyy.png[/img] ', '')" src="https://i.imgur.com/MHkFfyy.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/1tHNlZ9.png[/img] ', '')" src="https://i.imgur.com/1tHNlZ9.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/QPPne0A.png[/img] ', '')" src="https://i.imgur.com/QPPne0A.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/7D2Cwjk.png[/img] ', '')" src="https://i.imgur.com/7D2Cwjk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/GM5ROhT.png[/img] ', '')" src="https://i.imgur.com/GM5ROhT.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/J7oAnLk.png[/img] ', '')" src="https://i.imgur.com/J7oAnLk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/zqmja8y.png[/img] ', '')" src="https://i.imgur.com/zqmja8y.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/3zCOSJp.png[/img] ', '')" src="https://i.imgur.com/3zCOSJp.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/VxboB1X.png[/img] ', '')" src="https://i.imgur.com/VxboB1X.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Hcsw6t3.png[/img] ', '')" src="https://i.imgur.com/Hcsw6t3.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cNPen96.png[/img] ', '')" src="https://i.imgur.com/cNPen96.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/TFUvisI.png[/img] ', '')" src="https://i.imgur.com/TFUvisI.png" alt="Смайл" /> </div> <div id="cont_4" style="display: none;"> <br><br> <img onclick="bbcode(' [img]https://i.imgur.com/3vPbf4g.png[/img] ', '')" src="https://i.imgur.com/3vPbf4g.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/tMzL7EW.png[/img] ', '')" src="https://i.imgur.com/tMzL7EW.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/zaeX9H9.png[/img] ', '')" src="https://i.imgur.com/zaeX9H9.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/wGFGbzW.png[/img] ', '')" src="https://i.imgur.com/wGFGbzW.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/49aj6Gn.png[/img] ', '')" src="https://i.imgur.com/49aj6Gn.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/aL25Hiz.png[/img] ', '')" src="https://i.imgur.com/aL25Hiz.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fmUPFrK.png[/img] ', '')" src="https://i.imgur.com/fmUPFrK.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Yfyk67h.png[/img] ', '')" src="https://i.imgur.com/Yfyk67h.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/eO4DkOE.png[/img] ', '')" src="https://i.imgur.com/eO4DkOE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hYB6rP8.png[/img] ', '')" src="https://i.imgur.com/hYB6rP8.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/yFhVex9.png[/img] ', '')" src="https://i.imgur.com/yFhVex9.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/HRmv5kJ.png[/img] ', '')" src="https://i.imgur.com/HRmv5kJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/u0KNzcg.png[/img] ', '')" src="https://i.imgur.com/u0KNzcg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/pHR6c45.png[/img] ', '')" src="https://i.imgur.com/pHR6c45.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/KZAgGeo.png[/img] ', '')" src="https://i.imgur.com/KZAgGeo.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/zGcjLfA.png[/img] ', '')" src="https://i.imgur.com/zGcjLfA.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Ot3eCHo.png[/img] ', '')" src="https://i.imgur.com/Ot3eCHo.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/CndljCA.png[/img] ', '')" src="https://i.imgur.com/CndljCA.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/L7DkZqL.png[/img] ', '')" src="https://i.imgur.com/L7DkZqL.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ihkNafg.png[/img] ', '')" src="https://i.imgur.com/ihkNafg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/UQjB3kl.png[/img] ', '')" src="https://i.imgur.com/UQjB3kl.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/6ljdkTT.png[/img] ', '')" src="https://i.imgur.com/6ljdkTT.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sRBkTtH.png[/img] ', '')" src="https://i.imgur.com/sRBkTtH.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/KgVemTy.png[/img] ', '')" src="https://i.imgur.com/KgVemTy.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/q9XPFGz.png[/img] ', '')" src="https://i.imgur.com/q9XPFGz.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/OCuS6PP.png[/img] ', '')" src="https://i.imgur.com/OCuS6PP.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/JptrQr6.png[/img] ', '')" src="https://i.imgur.com/JptrQr6.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/25ieeQU.png[/img] ', '')" src="https://i.imgur.com/25ieeQU.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/uzEqdC3.png[/img] ', '')" src="https://i.imgur.com/uzEqdC3.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/4yW8yt2.png[/img] ', '')" src="https://i.imgur.com/4yW8yt2.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/j0YUx8o.png[/img] ', '')" src="https://i.imgur.com/j0YUx8o.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/SD3FxJC.png[/img] ', '')" src="https://i.imgur.com/SD3FxJC.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/YJqNWeS.png[/img] ', '')" src="https://i.imgur.com/YJqNWeS.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/KsB052h.png[/img] ', '')" src="https://i.imgur.com/KsB052h.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/JNM3X37.png[/img] ', '')" src="https://i.imgur.com/JNM3X37.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/IMwkgR4.png[/img] ', '')" src="https://i.imgur.com/IMwkgR4.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/yhv8Sxa.png[/img] ', '')" src="https://i.imgur.com/yhv8Sxa.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/F3GvZCh.png[/img] ', '')" src="https://i.imgur.com/F3GvZCh.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/He4fpSV.png[/img] ', '')" src="https://i.imgur.com/He4fpSV.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/0hcsgKq.png[/img] ', '')" src="https://i.imgur.com/0hcsgKq.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ScILbig.png[/img] ', '')" src="https://i.imgur.com/ScILbig.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/bvZWDv6.png[/img] ', '')" src="https://i.imgur.com/bvZWDv6.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/4Jur2T6.png[/img] ', '')" src="https://i.imgur.com/4Jur2T6.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/u8QMM63.png[/img] ', '')" src="https://i.imgur.com/u8QMM63.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/vUKlbqD.png[/img] ', '')" src="https://i.imgur.com/vUKlbqD.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/FiluG35.png[/img] ', '')" src="https://i.imgur.com/FiluG35.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/RjOGhG5.png[/img] ', '')" src="https://i.imgur.com/RjOGhG5.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/kkYjhhs.png[/img] ', '')" src="https://i.imgur.com/kkYjhhs.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ozu0NZi.png[/img] ', '')" src="https://i.imgur.com/ozu0NZi.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/t6DV9e2.png[/img] ', '')" src="https://i.imgur.com/t6DV9e2.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/THzoAUb.png[/img] ', '')" src="https://i.imgur.com/THzoAUb.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/l0ogEBf.png[/img] ', '')" src="https://i.imgur.com/l0ogEBf.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hLsaIMV.png[/img] ', '')" src="https://i.imgur.com/hLsaIMV.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ihOA6BE.png[/img] ', '')" src="https://i.imgur.com/ihOA6BE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/GagveTU.png[/img] ', '')" src="https://i.imgur.com/GagveTU.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/vbqLMzj.png[/img] ', '')" src="https://i.imgur.com/vbqLMzj.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/btTgyON.png[/img] ', '')" src="https://i.imgur.com/btTgyON.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/VCO1riH.png[/img] ', '')" src="https://i.imgur.com/VCO1riH.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/zk9NHTY.png[/img] ', '')" src="https://i.imgur.com/zk9NHTY.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/iEVv1pi.png[/img] ', '')" src="https://i.imgur.com/iEVv1pi.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/siwX6Hl.png[/img] ', '')" src="https://i.imgur.com/siwX6Hl.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/FFJ0WT0.png[/img] ', '')" src="https://i.imgur.com/FFJ0WT0.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Ksg84WO.png[/img] ', '')" src="https://i.imgur.com/Ksg84WO.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Il1W4V7.png[/img] ', '')" src="https://i.imgur.com/Il1W4V7.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/xCQAiPe.png[/img] ', '')" src="https://i.imgur.com/xCQAiPe.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/yt0TUA3.png[/img] ', '')" src="https://i.imgur.com/yt0TUA3.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/EzyP1p6.png[/img] ', '')" src="https://i.imgur.com/EzyP1p6.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/uXnAUoy.png[/img] ', '')" src="https://i.imgur.com/uXnAUoy.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sPZdAcW.png[/img] ', '')" src="https://i.imgur.com/sPZdAcW.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/xlQTvgE.png[/img] ', '')" src="https://i.imgur.com/xlQTvgE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fTPecVk.png[/img] ', '')" src="https://i.imgur.com/fTPecVk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/WycCriX.png[/img] ', '')" src="https://i.imgur.com/WycCriX.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ntlBIkH.png[/img] ', '')" src="https://i.imgur.com/ntlBIkH.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/jLTfQof.png[/img] ', '')" src="https://i.imgur.com/jLTfQof.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/eulPzxk.png[/img] ', '')" src="https://i.imgur.com/eulPzxk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/X3gZxl1.png[/img] ', '')" src="https://i.imgur.com/X3gZxl1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/YjBhFvm.png[/img] ', '')" src="https://i.imgur.com/YjBhFvm.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/tNUbpX4.png[/img] ', '')" src="https://i.imgur.com/tNUbpX4.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/R6vTZ15.png[/img] ', '')" src="https://i.imgur.com/R6vTZ15.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cwjWQwG.png[/img] ', '')" src="https://i.imgur.com/cwjWQwG.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/pxS49B5.png[/img] ', '')" src="https://i.imgur.com/pxS49B5.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/R3TrYRt.png[/img] ', '')" src="https://i.imgur.com/R3TrYRt.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/IJuESwp.png[/img] ', '')" src="https://i.imgur.com/IJuESwp.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hUVu1Kt.png[/img] ', '')" src="https://i.imgur.com/hUVu1Kt.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cO45bYX.png[/img] ', '')" src="https://i.imgur.com/cO45bYX.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/h9wmzzQ.png[/img] ', '')" src="https://i.imgur.com/h9wmzzQ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/StyJOAj.png[/img] ', '')" src="https://i.imgur.com/StyJOAj.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hNTjN7j.png[/img] ', '')" src="https://i.imgur.com/hNTjN7j.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/YpEZ9b5.png[/img] ', '')" src="https://i.imgur.com/YpEZ9b5.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/aPZE7fD.png[/img] ', '')" src="https://i.imgur.com/aPZE7fD.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cPvc6rt.png[/img] ', '')" src="https://i.imgur.com/cPvc6rt.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/26oeAB6.png[/img] ', '')" src="https://i.imgur.com/26oeAB6.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/OEj9CSo.png[/img] ', '')" src="https://i.imgur.com/OEj9CSo.png" alt="Смайл" /> </div> <div id="cont_3" style="display: none;"> <br><br> <img onclick="bbcode(' [img]https://i.imgur.com/9O9n1BB.png[/img] ', '')" src="https://i.imgur.com/9O9n1BB.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/72H68Iq.png[/img] ', '')" src="https://i.imgur.com/72H68Iq.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/mZEORNg.png[/img] ', '')" src="https://i.imgur.com/mZEORNg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/WRveDOQ.png[/img] ', '')" src="https://i.imgur.com/WRveDOQ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/KI70qTd.png[/img] ', '')" src="https://i.imgur.com/KI70qTd.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/SqIdj6W.png[/img] ', '')" src="https://i.imgur.com/SqIdj6W.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ydfc7XJ.png[/img] ', '')" src="https://i.imgur.com/ydfc7XJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Wo6GNQq.png[/img] ', '')" src="https://i.imgur.com/Wo6GNQq.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/2aOB1Xp.png[/img] ', '')" src="https://i.imgur.com/2aOB1Xp.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Xss5G7w.png[/img] ', '')" src="https://i.imgur.com/Xss5G7w.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/nqd7IOe.png[/img] ', '')" src="https://i.imgur.com/nqd7IOe.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/qP3xXcs.png[/img] ', '')" src="https://i.imgur.com/qP3xXcs.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/0h3LJ08.png[/img] ', '')" src="https://i.imgur.com/0h3LJ08.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/RLZFjzh.png[/img] ', '')" src="https://i.imgur.com/RLZFjzh.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/5HouXb0.png[/img] ', '')" src="https://i.imgur.com/5HouXb0.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/O9ijIaZ.png[/img] ', '')" src="https://i.imgur.com/O9ijIaZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/6NLtaGM.png[/img] ', '')" src="https://i.imgur.com/6NLtaGM.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/IV7Thac.png[/img] ', '')" src="https://i.imgur.com/IV7Thac.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/CQV5l5V.png[/img] ', '')" src="https://i.imgur.com/CQV5l5V.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/uQQFpmd.png[/img] ', '')" src="https://i.imgur.com/uQQFpmd.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/HMKbfzN.png[/img] ', '')" src="https://i.imgur.com/HMKbfzN.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/9GHXOlj.png[/img] ', '')" src="https://i.imgur.com/9GHXOlj.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/TwGeb9J.png[/img] ', '')" src="https://i.imgur.com/TwGeb9J.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/g6tTnNB.png[/img] ', '')" src="https://i.imgur.com/g6tTnNB.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/zu90s7O.png[/img] ', '')" src="https://i.imgur.com/zu90s7O.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/TFu406c.png[/img] ', '')" src="https://i.imgur.com/TFu406c.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/V932FYt.png[/img] ', '')" src="https://i.imgur.com/V932FYt.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/64zHw8C.png[/img] ', '')" src="https://i.imgur.com/64zHw8C.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/PA2ZiIU.png[/img] ', '')" src="https://i.imgur.com/PA2ZiIU.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/vxo4soF.png[/img] ', '')" src="https://i.imgur.com/vxo4soF.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Z2lLMT1.png[/img] ', '')" src="https://i.imgur.com/Z2lLMT1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/u0b0SAq.png[/img] ', '')" src="https://i.imgur.com/u0b0SAq.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Qnvvgys.png[/img] ', '')" src="https://i.imgur.com/Qnvvgys.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/bYniAvK.png[/img] ', '')" src="https://i.imgur.com/bYniAvK.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/XQNgPwk.png[/img] ', '')" src="https://i.imgur.com/XQNgPwk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/HIWPN7a.png[/img] ', '')" src="https://i.imgur.com/HIWPN7a.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/S4AyQ41.png[/img] ', '')" src="https://i.imgur.com/S4AyQ41.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/GBwq2kW.png[/img] ', '')" src="https://i.imgur.com/GBwq2kW.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/LDDn5oe.png[/img] ', '')" src="https://i.imgur.com/LDDn5oe.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/3J3LNat.png[/img] ', '')" src="https://i.imgur.com/3J3LNat.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/qSDY5Xa.png[/img] ', '')" src="https://i.imgur.com/qSDY5Xa.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fgQTQ51.png[/img] ', '')" src="https://i.imgur.com/fgQTQ51.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/xaVoBZy.png[/img] ', '')" src="https://i.imgur.com/xaVoBZy.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/5kTqO87.png[/img] ', '')" src="https://i.imgur.com/5kTqO87.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/0PEAAfb.png[/img] ', '')" src="https://i.imgur.com/0PEAAfb.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/nNMh8ZY.png[/img] ', '')" src="https://i.imgur.com/nNMh8ZY.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/9Ln7nBq.png[/img] ', '')" src="https://i.imgur.com/9Ln7nBq.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/rKmQoRb.png[/img] ', '')" src="https://i.imgur.com/rKmQoRb.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/35UaaaC.png[/img] ', '')" src="https://i.imgur.com/35UaaaC.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/50Quu29.png[/img] ', '')" src="https://i.imgur.com/50Quu29.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ZEW0F6C.png[/img] ', '')" src="https://i.imgur.com/ZEW0F6C.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/i84Gvvp.png[/img] ', '')" src="https://i.imgur.com/i84Gvvp.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/WMh4Bm3.png[/img] ', '')" src="https://i.imgur.com/WMh4Bm3.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/inrVuO6.png[/img] ', '')" src="https://i.imgur.com/inrVuO6.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ApjzoVP.png[/img] ', '')" src="https://i.imgur.com/ApjzoVP.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/9yuSJBN.png[/img] ', '')" src="https://i.imgur.com/9yuSJBN.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/rsYMY2G.png[/img] ', '')" src="https://i.imgur.com/rsYMY2G.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/OwkJt90.png[/img] ', '')" src="https://i.imgur.com/OwkJt90.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/pNHE2uQ.png[/img] ', '')" src="https://i.imgur.com/pNHE2uQ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/cFV5gCH.png[/img] ', '')" src="https://i.imgur.com/cFV5gCH.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/VbNBf5I.png[/img] ', '')" src="https://i.imgur.com/VbNBf5I.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/6SCNX1s.png[/img] ', '')" src="https://i.imgur.com/6SCNX1s.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/jDS95hE.png[/img] ', '')" src="https://i.imgur.com/jDS95hE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/uVpxqJt.png[/img] ', '')" src="https://i.imgur.com/uVpxqJt.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/GH5G9pM.png[/img] ', '')" src="https://i.imgur.com/GH5G9pM.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hGuYEvt.png[/img] ', '')" src="https://i.imgur.com/hGuYEvt.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/wkxB2Ji.png[/img] ', '')" src="https://i.imgur.com/wkxB2Ji.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/MpYQMcD.png[/img] ', '')" src="https://i.imgur.com/MpYQMcD.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/FJdJ81W.png[/img] ', '')" src="https://i.imgur.com/FJdJ81W.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/v19o3BQ.png[/img] ', '')" src="https://i.imgur.com/v19o3BQ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/iOkLGRQ.png[/img] ', '')" src="https://i.imgur.com/iOkLGRQ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/qrkmjP8.png[/img] ', '')" src="https://i.imgur.com/qrkmjP8.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sdZRGj1.png[/img] ', '')" src="https://i.imgur.com/sdZRGj1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/0xjBSG1.png[/img] ', '')" src="https://i.imgur.com/0xjBSG1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ZeyKLS7.png[/img] ', '')" src="https://i.imgur.com/ZeyKLS7.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/nviJ5g4.png[/img] ', '')" src="https://i.imgur.com/nviJ5g4.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/0kFaaAO.png[/img] ', '')" src="https://i.imgur.com/0kFaaAO.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Q8CLPyY.png[/img] ', '')" src="https://i.imgur.com/Q8CLPyY.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sz38rBJ.png[/img] ', '')" src="https://i.imgur.com/sz38rBJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/luQ1AG2.png[/img] ', '')" src="https://i.imgur.com/luQ1AG2.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/1dxno6k.png[/img] ', '')" src="https://i.imgur.com/1dxno6k.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Nx1AdiE.png[/img] ', '')" src="https://i.imgur.com/Nx1AdiE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/dcz7lWE.png[/img] ', '')" src="https://i.imgur.com/dcz7lWE.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/6Tdj6qq.png[/img] ', '')" src="https://i.imgur.com/6Tdj6qq.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/g0LB8Pr.png[/img] ', '')" src="https://i.imgur.com/g0LB8Pr.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/mv6TQu1.png[/img] ', '')" src="https://i.imgur.com/mv6TQu1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/YqBHGyg.png[/img] ', '')" src="https://i.imgur.com/YqBHGyg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/iK5m4yP.png[/img] ', '')" src="https://i.imgur.com/iK5m4yP.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/jaE0TTF.png[/img] ', '')" src="https://i.imgur.com/jaE0TTF.png" alt="Смайл" /> </div> <div id="cont_2" style="display: none;"> <br><br> <img onclick="bbcode(' [img]https://i.imgur.com/CzGkC0i.png[/img] ', '')" src="https://i.imgur.com/CzGkC0i.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/TvgU2aX.png[/img] ', '')" src="https://i.imgur.com/TvgU2aX.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/XauAbAw.png[/img] ', '')" src="https://i.imgur.com/XauAbAw.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/xAt5A5z.png[/img] ', '')" src="https://i.imgur.com/xAt5A5z.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/yr7vc9p.png[/img] ', '')" src="https://i.imgur.com/yr7vc9p.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ht7mJwV.png[/img] ', '')" src="https://i.imgur.com/ht7mJwV.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Dllxs43.png[/img] ', '')" src="https://i.imgur.com/Dllxs43.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/UHL13ez.png[/img] ', '')" src="https://i.imgur.com/UHL13ez.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/AJdFvMK.png[/img] ', '')" src="https://i.imgur.com/AJdFvMK.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/SsE5k6U.png[/img] ', '')" src="https://i.imgur.com/SsE5k6U.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8gz8lyy.png[/img] ', '')" src="https://i.imgur.com/8gz8lyy.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/3wq4LEK.png[/img] ', '')" src="https://i.imgur.com/3wq4LEK.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/gNCoWLk.png[/img] ', '')" src="https://i.imgur.com/gNCoWLk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/GGfmLGk.png[/img] ', '')" src="https://i.imgur.com/GGfmLGk.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/KpdcU6e.png[/img] ', '')" src="https://i.imgur.com/KpdcU6e.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/4UnV491.png[/img] ', '')" src="https://i.imgur.com/4UnV491.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/sMh2AdS.png[/img] ', '')" src="https://i.imgur.com/sMh2AdS.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Xt8X36p.png[/img] ', '')" src="https://i.imgur.com/Xt8X36p.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/z2PTHiP.png[/img] ', '')" src="https://i.imgur.com/z2PTHiP.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/srrotBd.png[/img] ', '')" src="https://i.imgur.com/srrotBd.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/vRIwX8Q.png[/img] ', '')" src="https://i.imgur.com/vRIwX8Q.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/SfFpQdU.png[/img] ', '')" src="https://i.imgur.com/SfFpQdU.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/kKz2mMh.png[/img] ', '')" src="https://i.imgur.com/kKz2mMh.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/z82I2u3.png[/img] ', '')" src="https://i.imgur.com/z82I2u3.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Lk9y3Nv.png[/img] ', '')" src="https://i.imgur.com/Lk9y3Nv.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hZghVdm.png[/img] ', '')" src="https://i.imgur.com/hZghVdm.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/IXZ7lQx.png[/img] ', '')" src="https://i.imgur.com/IXZ7lQx.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/512W5NC.png[/img] ', '')" src="https://i.imgur.com/512W5NC.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/FQPikKZ.png[/img] ', '')" src="https://i.imgur.com/FQPikKZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/hx1b1dp.png[/img] ', '')" src="https://i.imgur.com/hx1b1dp.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/UiM4uW1.png[/img] ', '')" src="https://i.imgur.com/UiM4uW1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/NkyN2tX.png[/img] ', '')" src="https://i.imgur.com/NkyN2tX.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8d6iqgh.png[/img] ', '')" src="https://i.imgur.com/8d6iqgh.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/wXgPkjS.png[/img] ', '')" src="https://i.imgur.com/wXgPkjS.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/IsptgwN.png[/img] ', '')" src="https://i.imgur.com/IsptgwN.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/wTfv6wP.png[/img] ', '')" src="https://i.imgur.com/wTfv6wP.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/BFIZEqy.png[/img] ', '')" src="https://i.imgur.com/BFIZEqy.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/UbznjuN.png[/img] ', '')" src="https://i.imgur.com/UbznjuN.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8youkeH.png[/img] ', '')" src="https://i.imgur.com/8youkeH.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/3an4efj.png[/img] ', '')" src="https://i.imgur.com/3an4efj.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/1FIPHuh.png[/img] ', '')" src="https://i.imgur.com/1FIPHuh.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fDj4lkq.png[/img] ', '')" src="https://i.imgur.com/fDj4lkq.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/4yvvaaY.png[/img] ', '')" src="https://i.imgur.com/4yvvaaY.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/i9jewsQ.png[/img] ', '')" src="https://i.imgur.com/i9jewsQ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/7PYrsEu.png[/img] ', '')" src="https://i.imgur.com/7PYrsEu.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/UrnF3KZ.png[/img] ', '')" src="https://i.imgur.com/UrnF3KZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/qJmQdqJ.png[/img] ', '')" src="https://i.imgur.com/qJmQdqJ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/35Ud5o1.png[/img] ', '')" src="https://i.imgur.com/35Ud5o1.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/WjLZW0Z.png[/img] ', '')" src="https://i.imgur.com/WjLZW0Z.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fvOkPIs.png[/img] ', '')" src="https://i.imgur.com/fvOkPIs.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/L94G3gZ.png[/img] ', '')" src="https://i.imgur.com/L94G3gZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/8rmzfvY.png[/img] ', '')" src="https://i.imgur.com/8rmzfvY.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/3RlJGuB.png[/img] ', '')" src="https://i.imgur.com/3RlJGuB.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/60HxrI4.png[/img] ', '')" src="https://i.imgur.com/60HxrI4.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Urfduqf.png[/img] ', '')" src="https://i.imgur.com/Urfduqf.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/k7B3foX.png[/img] ', '')" src="https://i.imgur.com/k7B3foX.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/UJoHtjn.png[/img] ', '')" src="https://i.imgur.com/UJoHtjn.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/yZ24bcZ.png[/img] ', '')" src="https://i.imgur.com/yZ24bcZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ZWWxVph.png[/img] ', '')" src="https://i.imgur.com/ZWWxVph.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/fGIuSZS.png[/img] ', '')" src="https://i.imgur.com/fGIuSZS.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/th81IMO.png[/img] ', '')" src="https://i.imgur.com/th81IMO.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/Iwi5Py3.png[/img] ', '')" src="https://i.imgur.com/Iwi5Py3.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/oOC4aaS.png[/img] ', '')" src="https://i.imgur.com/oOC4aaS.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/iRlhxXW.png[/img] ', '')" src="https://i.imgur.com/iRlhxXW.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/KqfviCi.png[/img] ', '')" src="https://i.imgur.com/KqfviCi.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/RfwCdop.png[/img] ', '')" src="https://i.imgur.com/RfwCdop.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/wqaWa6i.png[/img] ', '')" src="https://i.imgur.com/wqaWa6i.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/SGlDE4x.png[/img] ', '')" src="https://i.imgur.com/SGlDE4x.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/kLgPB3z.png[/img] ', '')" src="https://i.imgur.com/kLgPB3z.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/WW7hfiZ.png[/img] ', '')" src="https://i.imgur.com/WW7hfiZ.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/NZNtk3e.png[/img] ', '')" src="https://i.imgur.com/NZNtk3e.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/iv3485u.png[/img] ', '')" src="https://i.imgur.com/iv3485u.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/9JZNAZ0.png[/img] ', '')" src="https://i.imgur.com/9JZNAZ0.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/spnePuO.png[/img] ', '')" src="https://i.imgur.com/spnePuO.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/M9hX4Zg.png[/img] ', '')" src="https://i.imgur.com/M9hX4Zg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/2Ssna8o.png[/img] ', '')" src="https://i.imgur.com/2Ssna8o.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/wAQ3kwA.png[/img] ', '')" src="https://i.imgur.com/wAQ3kwA.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/FrceOLR.png[/img] ', '')" src="https://i.imgur.com/FrceOLR.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/oOE1q8a.png[/img] ', '')" src="https://i.imgur.com/oOE1q8a.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/BAvyBOv.png[/img] ', '')" src="https://i.imgur.com/BAvyBOv.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/92M7Kd2.png[/img] ', '')" src="https://i.imgur.com/92M7Kd2.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/MMOziMC.png[/img] ', '')" src="https://i.imgur.com/MMOziMC.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/OWrVq32.png[/img] ', '')" src="https://i.imgur.com/OWrVq32.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/4B2RGiW.png[/img] ', '')" src="https://i.imgur.com/4B2RGiW.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/yK5vdQa.png[/img] ', '')" src="https://i.imgur.com/yK5vdQa.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/bfBXnfn.png[/img] ', '')" src="https://i.imgur.com/bfBXnfn.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/aKOIoqd.png[/img] ', '')" src="https://i.imgur.com/aKOIoqd.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/ZqIncIY.png[/img] ', '')" src="https://i.imgur.com/ZqIncIY.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/coTg4rr.png[/img] ', '')" src="https://i.imgur.com/coTg4rr.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/JNtS63I.png[/img] ', '')" src="https://i.imgur.com/JNtS63I.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/LS6nyXg.png[/img] ', '')" src="https://i.imgur.com/LS6nyXg.png" alt="Смайл" /> <img onclick="bbcode(' [img]https://i.imgur.com/INNlPLb.png[/img] ', '')" src="https://i.imgur.com/INNlPLb.png" alt="Смайл" /> </div> </div>
Поделиться72020-03-06 12:24:36
***************************************************************
Поделиться82020-03-06 12:24:54
Код:
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url(http://fonts.fontstorage.com/import/bebasneue.css); @import url('https://fonts.googleapis.com/css?family=Lobster'); @import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase'); @import url('https://fonts.googleapis.com/css?family=Jura'); @import url('https://fonts.googleapis.com/css?family=Comfortaa'); @import url(//db.onlinewebfonts.com/c/1d65b5646a9a805c62b037be6dd3a0a7?family=Cubano); } * A2.5 * /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* 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.7em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100%; } /* A3.2 */ .punbb { font: normal 68.70% verdana, arial, helvetica, sans-serif; } /* A3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif } /* A3.4 сдвиг таблицы заголовков */ .punbb h1, .punbb h2, .punbb h3 { font-size: 1em; font-weight: bold; margin-left: 0px; } .punbb th { font-size: 0.9em; font-weight: bold; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } //* A3.10 */ .punbb a { text-decoration: none; } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 ширина тела */ #pun { margin: auto; width: 953px; position: relative; padding-left: 13px; } /* A5.2 */ .punbb { width: 920px; /*ширина содержимого*/ height: auto; position: top center; float: none; padding-left: 11px; /* отступ от края левого текста всего форума */ } /* A5.3 */ /* ПЕРЕАДРЕСАЦИЯ -------------------------------------------------------------*/ #pun-redirect{ border: 0 none!important; margin: 0px 1px 0px 0px; padding: 0; left: 0; right: 0; bottom: 0; position: fixed; width: 100%; height: 100%; text-align: center; font-size: 0 !important; background: url(https://i.imgur.com/wvxWddq.png) top center no-repeat; background-color: #f3f0f0; color: transparent; } #pun-redirect *{ border:0 none; display: none; } #pun-redirect .main-title { display:none; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none none none; border-width: 0px 0px 0px 0px } /* A5.9 */ .punbb .container { border-style: none; border-width: 0; } /* A5.10 картинку в статистику сделать */ #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 10px 1em 10px 1em; border-style: none none none none; border-width: 0 0 0 0; } #pun-main h1 { padding: 0px 0px 22px 0px; border-style: none solid solid none; text-align: center; font-family: calibri; font-size: 16px; line-height: 5px; color: #771625; letter-spacing: 1px; font-weight: 600; font-variant: small-caps; } #pun-stats.section h2 { background-attachment: scroll; background-clip: border-box; width: 400px; height: 79px; margin-left: 270px; background-color: transparent; background-origin: padding-box; background-size: auto; font-size: 0px; background: url(https://i.imgur.com/SM5MwAD.png) top center no-repeat; } #pun-main h2 { padding: 9px 1em 0px 8px; border: 0px solid transparent; border-bottom: 0px solid transparent; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ /* РАЗГРАНИЧЕНИЕ МЕЖДУ ПОСТАМИ, ПОЛОСКА В ПОДПИСИ -------------------------------------------------------------*/ .punbb .post-sig dt { display: block; border-top: 2px dotted #c2c2c2; /* граница, линии начертание и цвет */ margin: 15px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 5px 0 5px 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-top } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { overflow: hidden; padding: 10px; border-top: 0px #a5a5a5 dashed; background-color: #f4f0ef; box-shadow: inset 0px 0px 5px #9e8b75cf; border-radius: 10px; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 6px 6px 6px 6px; padding: 7px 9px 7px 9px; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; position: relative; top: -6px; padding: 7px 0px 7px 0px; font: 500 18px bebas neue; margin: -8px -14px 0px -14px; color: #a62539; background-color: #d2cdc9; /* border: 3px solid #7d1208; */ border-radius: 5px; box-shadow: inset 0px 0px 8px #fff; text-transform: lowercase; text-align: center; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: none; border-width: 0px; 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: normal; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -31px; left: 1em; width: 24em; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; font-family: arial; font-size: 11px; font-variant: small-caps; font-weight: 600; word-spacing: 2px; } /************************************************************* 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 } /* C1.4 */ .punbb fieldset { border-style: none; border-width: 0px; 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; text-align: center; color: #231d13; font-size: 13px; font-variant: small-caps;} /* 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 1em 0; line-height: 1.6; } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout ------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; width:50%; padding-right: 1px; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 18%; font-size: 10px; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; padding-right: 40px; padding-left: 70px; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 */ /* НАЗВАНИЕ ФОРУМОВ НА ГЛАВНОЙ СТРАНИЦЕ -------------------------------------------------------------*/ #pun-index .tcl h3 a {color: #a42438!important; font-family: bebas neue; text-transform: uppercase; font-size: 18px!important;} #pun-index .tcl h3 { text-align: center; margin-top: 9px; margin-bottom: 5px; } #pun-index .tcl h3 a:hover {color: #fde8cd !important;} /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: none none none none; border-width: 0px 0 0 0px; padding: 0.8em 1em; } /* C2.12 */ .punbb .main th { border-style: none none none none; border-width: 0 0 0 0px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 1 } * html .tclcon {height: 1px} /* Оформление подфорумов на главной (лучи любви Ченни за основу) -------------------------------------------------------------*/ /* C2.14 */ #pun-index td div.tclcon { width: 342px; /* height: 230px; */ margin-bottom: 10px; margin-top: 5px; background: url(https://i.imgur.com/EAhCIEO.png) top no-repeat, url(https://i.imgur.com/nMdWClo.png) bottom no-repeat, url(https://i.imgur.com/ZX4s6JX.png) center repeat-y; margin-left: 110px; position: relative; padding: 5px 5px 5px 5px; } /* C2.15 иконка сообщений */ .punbb div.icon { float: right; display: block; margin: 0px 50px 0px 0px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 границы в теме */ .punbb .post .container { border-style: none none none none; border-width: 0px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 верхняя граница в теме */ .punbb .post h3 { border-style: none none none none; border-width: 0px; } /* C3.3 дата */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 23em; border-left-style: solid; border-left-width: 1px; font-size: 10px !important; text-transform: lowercase; } /* C3.4 нумерация постов*/ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; padding-right: 30 px; } /* C3.5 расположение текста в сообщении */ .punbb .post .post-author {float: left;width: 247px;margin: 0em;margin-top: 0px;overflow: hidden;margin-left: -8px;background: url(https://i.imgur.com/iPmAela.png) no-repeat top, url(https://i.imgur.com/h6oX2C8.png) bottom no-repeat, url(https://i.imgur.com/0FhpAG4.png) repeat-y} .post-author ul { margin: 0.8em; margin-bottom: 10px; } /* C3.6 */ /* C3.6 оформление профиля*/ .punbb .post .post-author ul, .punbb .post .post-author p { color: #a62539; padding: 0px 0px 0px 0px; line-height: 100%; font-size: 9px; text-align: center; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none } /* C3.9 */ li.pa-title { padding-bottom: 0.4em; font-weight: bold; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 граница справа */ .punbb .post-body { margin-left: 21em; border-left-style: none; border-left-width: 0px; padding: 0 0 1px 0; padding-right: 20px; text-align: justify; } /* C3.12 поле под сообщением, отступ от даты */ .punbb .post-box { padding: 10px 0px 0px 10px; margin-left: 4px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.7em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 граница после сообщения */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: none; border-top-width: 0px; background: transparent; text-align: right; } /* 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: 0.5em 1em; text-align: right; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; 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: 18.6em; } /* C6.2 сдвиг форума к левой границе */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 расстояние между полями профиля */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; line-height: 1.8; } /* 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 5.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: 0px 0px 0 0px; } /* 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 { display: none; font-size: 1.5em; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0px; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; margin: 0px; } /* D3.2 */ #pun-navlinks .container { padding: 18px 0px;} /* D.3 */ #pun-navlinks li { display: inline; padding-right: 1em; } /* D3.4 */ #pun-navlinks li a { font-size: 1.1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: 0px; text-align: center; font-size: 12px; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 1em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; width: 890px; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; width: 890px; margin-top:-15px!important; } /* D5.3 */ /* ОФОРМЛЕНИЯ БЛОКА ПРИВЕТСТВИЯ ГОСТЯ И ВРЕМЕНИ ПОСЛЕДНЕГО ВИЗИТА -------------------------------------------------------------*/ #pun-status span { white-space: nowrap; margin-right: 0.5em; margin-left: 6px; font-family: tahoma; font-size: 11px; line-height: 90%; /* расстояние между строчками */ color: #000; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 0em 1em 0.8em 1em; font-size: 13px; text-align: left; font-family: tahoma; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; margin-top: -10px!important; } /* 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: 0em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 1em 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.7em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 0em 1em; } /* D8.5 */ #pun-about p span { display: none; padding-left: 50%; text-align: center; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; font-family: tahoma; font-size: 12px; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: none; border-bottom-width: 0px; 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: none; border-bottom-width: 0px; 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; } #profile #post,#profile .post { max-width:600px; } #pun th {font-size: 0px;} /* ПРОЗРАЧНОСТЬ ГРАНИЦ, при необходимости можно выставить свой цвет -------------------------------------------------------------*/ .punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;} .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-color: transparent;} #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;} #pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;} .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color:transparent;} .punbb th {border-color: transparent;} #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: transparent;} #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: transparent;} .punbb .divider {border-color: transparent;} .punbb .formal fieldset .post-box, .punbb .info-box {border-color: transparent;} li.pa-online {border-left-color: transparent;} /* ТАБЛИЦЫ В ПОСТАХ БЕЗ ГРАНИЦ -------------------------------------------------------------*/ .post-content td { border:none transparent !important;} /* УБРАТЬ ССЫЛКИ РУСФФ -------------------------------------------------------------*/ #pun-live-rusff {display: none;} /* СКРЫТЬ МОДЕРОВ С ГЛАВНОЙ -------------------------------------------------------------*/ #pun td .modlist{display:none;} /* УБРАТЬ МОИ ЗАГРУЗКИ ИЗ МЕНЮ -------------------------------------------------------------*/ #pun-ulinks .container li.item5 {display: none;} /* УБРАТЬ "РЕДАКТИРОВАННО" И "НАГРАДЫ" -------------------------------------------------------------*/ li#navawards, .lastedit {display: none;} #pun-announcement {margin-top: -85px;} #font-area { max-height: 300px; overflow-y: auto; }
Поделиться92020-03-06 12:25:08
Код:
html{min-width: 1200px!important; /*overflow-x: hidden;*/ }/*для мобил, чтобы стоял по центру, а не лип к левому краю*/ /* CS0 Меню - навигация -------------------------------------------------------------*/ /* НАВИГАЦИЯ ---------------------------------------------------------------------------------------------*/ /* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */ div#pun-navlinks {position: absolute;width: 100%;text-align: center;top: -13px;/* left: 100px; */} div#pun-ulinks {position: absolute;width: 100%;text-align: center;top: 17px;/* left: 50px; */} /* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */ #pun-navlinks a { text-align: center; font-family: bebas neue; font-size: 20px!important; letter-spacing: 1px; color: #fff; text-shadow: 0px 0px 0px #bda97d; text-transform: uppercase; } /* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #a62539; text-shadow: 0px 0px 0px #795227; } /* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */ #pun-ulinks a { text-align: center; position: relative; z-index: 2000 !important; letter-spacing: 0px; font-family: cubano; font-size: 10px !important; text-transform: lowercase; font-weight: 100; color: #4b3b2f; text-shadow: 0px 0px 0px #bda97d; vertical-align: middle; } /* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */ #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #fff; } /*------------------AMS--------------*/ .ams {display: inline-block;} .ams a { font-family: 'bebas neue' !important; font-size: 12px !important; text-transform: uppercase; line-height: 15px; color: #f8e5cf!important; letter-spacing: 1px; font-weight: 300; } .ams a:hover {color: #dcdad4!important;} .ams a span {display: none;} .ams a:hover span{ position: absolute; display: inline-block; margin-top: -120px; left: -23px; z-index: 100000; } /* ПОЛОЖЕНИЕ РЕКЛАМЫ */ #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: -170px; } #pun-title .title-logo { visibility: hidden; } /* CS1 цвет фона, фона форума и остальное. -------------------------------------------------------------*/ /* CS1.2 фон */ html { background-image : url("https://i.imgur.com/z3VHnIz.jpg"); background-repeat: no-repeat; background-attachment: ; background-position: top center; background-color : #d2cdc9; } /* CS1.3 шапка*/ #pun-title table { background-image : url("https://i.imgur.com/Y98Bgg9.png"); /* картинка шапки */ background-repeat : no-repeat; background-position: center top; border: none; height: 386px; margin-top: -8px; width: 1276px; /* ширина, мать его, шапки, если брать больше - привет горизонтальный скролл */ margin-left: -173px; /* совпадает обычно с отступом текста, если шапка не шире контента */ } /* CS1.4 тело */ #pun { background-image: url(https://i.imgur.com/dz9BfPF.jpg); position: center top; width: 966px; } -------------------------------------------------------------*/ /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { border-color:transparent; color: #С; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { border-color: none; color: #231d13; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 { background-position: top center; background-repeat: no-repeat; text-align: center; color: #231d13; font-weight: normal; } #pun-stats h2 span, .category h2 span { visibility:hidden!important; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { border-color: none; color: #231d13; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { border-color: none; color: #231d13; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { border-color: none; color: #231d13; } /* CS1.7 */ /* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */ .punbb .quote-box, .punbb .code-box { /* background: url(https://i.imgur.com/Rnkwe7P.png) repeat, linear-gradient(180deg, #e48b15, #770002); */ border: 3px dotted #d2cdc9; color: #000; } .post-content .spoiler-box > blockquote { padding-top: 1.4em; /* display: none; */ margin-top: 10px; } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-image: url("http://sd.uplds.ru/xReuO.png"); color: #061502; } /* CS2 границы -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { 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:transparent; } /* 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, #pun-announcement h2, 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-color:transparent; } li.pa-online { border-color:transparent; } .punbb .post-sig dt { border-color:transparent; } /* CS3 ссылки -------------------------------------------------------------*/ /* CS3.1 все ссылки без наведения */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { text-decoration: none; color: #71400d; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .punbb .code-box a { color: #a62539; } .punbb .code-box a:hover { color: ##a28770; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #0a360c; } /* CS3.2 все ссылки при наведении */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #a62539; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } /* ссылки в подфорумах */ .elea { display: inline-block; font: small-caps 10px arial; background: #f5e2c6; color: #84683f!important; text-transform: lowercase; text-align: center; padding: 2px 8px 3px 8px; margin: 1px !important; transition: .3s; border-radius: 3px; } .elea:hover { background: #e6cea9; transition: .3s; } /* CS4 подвал -------------------------------------------------------------*/ #pun-about p.container { background: url(https://i.imgur.com/hV5yunf.png) no-repeat; width: 2000px; height: 144px; margin: -50px 0px -37px -546px; text-align: center; line-height: 1; font-size: 9px; } div#html-footer { margin: -100px 0px 0px 0px;} div#pun-about { margin-bottom: 0px; } div#html-footer { margin: 0px 0px 0px 0px;} #pun-announcement.section h2 span {display: none; } a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; } #pun-index .modlist {display: none; } /* CS5 прокрутка -------------------------------------------------------------*/ ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-track { background: #d2cdc9; } ::-webkit-scrollbar-thumb { background: #a28269; border-radius: 13px; } /* CS6 кнопки в форме ответа -------------------------------------------------------------*/ #pun-main .button { background-color: #d2cdc9; border: 2px solid #a28269; padding: 7px; cursor: pointer; color: #755338; font-family: Calibri!important; font-size: 12px!important; font-weight: bold!important; letter-spacing: 1px; text-transform: uppercase; } #pun-main .button:hover { background-color: #a22437; color: #f4f0ef; } #pun-main .hashelp div input { color: #677b73; padding: 5px; border: 1px solid #ffffff; background-image: url('http://sd.uplds.ru/xReuO.png'); text-transform: lowercase; font-size: 10px; border-radius: 3px; } /* блок формы ответа */ .punbb textarea { color: #000000; /*цвет текста*/ background:#fffefd; /*картинка на фон*/ } /* CS7 профиль -------------------------------------------------------------*/ .punbb .post .post-author > ul {padding: 0px 9px 35px 9px!important;} /* соо + репа */ #pun-main .pa-posts,.pa-respect { font-size: 10px; text-align: center; text-transform: lowercase; font-weight: bold; color: #a62539; font-family: 'arial'; display: inline-block; width: 65px; padding: 5px 8px 7px 14px!important; margin-top: 6px!important; margin-left: 0px !important; line-height: 12px; } .pa-respect a { color: #a62539!important; } /* активность */ .pa-online { text-align: center; font: 500 13px "bebas neue" !important; letter-spacing: 1px; color: #a62539!important; text-transform: uppercase; margin-left: -13px !important; padding-bottom: 6px !important; margin-top: 3px !important; } /* ник */ .pa-author a, .pa-author { z-index: 1000; width: 200px; text-align: center; text-shadow: 0px 0px #000000 !important; font-family: 'bebas neue'!important; font-size: 22px!important; font-style: normal; color: #a62539; /* font-weight: 100 !important; */ letter-spacing: 0.8px; padding-top: 31px!important; text-transform: uppercase; margin-left: 6px !important; } .pa-author a { color: #a62539 !important; } /* статус */ .pa-title { text-align: center; z-index: 1000; font: 11px "Open Sans" !important; color: #a28269; text-transform: lowercase; letter-spacing: 0px; padding-top: 10px !important; margin-left: 0px !important; } /* АВАТАРКА */ li.pa-avatar { z-index: 5; margin-left: 1px !important; margin-top: 0px!important; } li.pa-avatar img { max-width: 180px !important; max-height: 180px !important; border: 2px solid #a28269; } .pa-awards a { color: #a62539 !important; } /* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ /* ПЛАШКА + ЛС*/ .pa-fld1 { margin-bottom: -10px!important; margin-top: -8px!important; margin-left: 1px!important; } /* ЛЗ (СПОЙЛЕР) -----------------------------------*/ .pa-fld2 { background-color: #e7e7e7; border: 1px solid #fff; border-radius: 15px; box-shadow: inset 0px 0px 8px #fff; width: 170px !important; font-size: 9px; margin-bottom: -20px !important; margin-left: 10px !important; margin-top: -5px !important; padding-bottom: 10px !important; } /* Стиль*/ .stl { text-align: center; padding-top: 5px; } /* Инста */ .inst { text-align: center; padding-bottom: 5px!important; font-size: 13px; font-family: Bebas Neue; font-weight: bold; } .inst a { } /* ЛЗ */ .lz { color: #3d4923 !important; text-align: center; font-family: verdana; font-size: 9px; padding: 3px 10px 15px 10px !important; font-weight: 400; text-transform: none; line-height: 1.1; } .lz a { } /* Расположение ячеек для постов, денег, мышей */ .tab { padding: 7px 6px 0px 5px; } /* Посты, деньги, мыши */ .lz1 { text-align: center; background-color: #a28269; color: #f4f0ef; border: solid #f4f0ef00 1px; border-radius: 5px; padding: 3px; width: 40px; line-height: 1.5; } /*--------------------------------------------- КОНЕЦ ЛЗ (СПОЙЛЕР) */ /* CS8 -------------------------------------------------------------*/ /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */ #pun-index .category tr .bottom { width: 340px; height: 36px; position: absolute; margin-left: 80px !important; line-height: 10px; font-size: 10px; font-family: arial; background-color: transperent; text-align: right; padding: 8px; color: #110c02; bottom: 25px !important; } /* ССЫЛКИ ПРИ НАВЕДЕНИИ */ .punbb .category tr .bottom a{ opacity: 1; font-size: 11px; font-weight: bolder; font-family: arial; font-variant: small-caps; } .punbb .category tr .bottom a:hover{ opacity:0.7; } /* CS9 иконки сообщений -------------------------------------------------------------*/ /* ИКОНКИ СООБЩЕНИЙ ----------------------------------------------------------------------------------------------------------------------*/ /* ИКОНКА СТАРЫХ СООБЩЕНИЙ */ .punbb table Div.icon {float: right; display: block; width: 20px; height: 20px; background-image : url("https://i.imgur.com/NgcPJL1.png"); background-repeat: no-repeat;} /* ИКОНКА НОВЫХ СООБЩЕНИЙ */ TR.inew Div.icon { width: 20px; height: 20px; background-image : url("https://i.imgur.com/NMDjATm.png"); background-repeat: no-repeat;} /* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */ TR.isticky Div.icon { width: 20px; height: 20px; background-image : url("https://i.imgur.com/I6v7Eey.png"); background-repeat: no-repeat;} /* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */ TR.iclosed Div.icon { width: 50px; height: 50px; background-image : url("https://i.imgur.com/20FPRoO.png"); background-repeat: no-repeat;} #pun-main div.catleft, #pun-main div.catright {display: none} #pun-index .icon { position: absolute; margin-top: 1px !important; margin-left: 436px !important; z-index: 1000; } /* CS10 для таблицы -------------------------------------------------------------*/ .smallface { font-size: 10px; font-style: italic; } .boldface { font-style: italic; font-weight: bold; } /* Выделение текста */ ::selection { background: none repeat scroll 0 0 #8baabb; color: #231d13; opacity: 0.5; } ::-moz-selection { background: none repeat scroll 0 0 #8baabb; color: #231d13; opacity: 0.5; } /* CS11 по центру -------------------------------------------------------------*/ #pun-main .post-author ul { text-align: center; margin-left: 10px; } #post-form h2 span {display: none;} /* картинка в быстрый ответ */ #post-form h2 { background: url(https://i.imgur.com/xxFqcSd.png) top center no-repeat; width: 400px; height: 79px; margin-left: 250px; } li.pa-fld5 { margin-top: 10px; } /* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */ .category .container thead {display: none;} #pun-index .main .tc2, #pun-index .main .tc3 {display: none;} /* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */ #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area { background-image: url(style_cs.1571844085.css) !important; background-color: #dcdad8!important; padding: 10px 10px 10px 10px; color: #19120a; text-shadow: 0px 0px 0px #beb294; border: 2px dotted #c3beba; } /* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */ .pun-modal .modal-inner { background: #f4f0ef; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { background: #f4f0ef; } #pun-reputation .inner h1, #pun-report .inner h1, #pun-admin-award-form .inner h1 { padding: 15px 0px 0px 0px; } /* ОФОРМЛЕНИЕ ТЕМ */ .zag { width: 650px; height: 51px; background: url(https://i.imgur.com/Mm8nYij.png); } .zagtext { font-family: Bebas Neue; font-size: 26px; letter-spacing: 1px; text-transform: uppercase; color: #a62539; line-height: 100%; padding-top: 14px; padding-left: 0px; text-align: center; } .tema { width: 650px; background: url(https://i.imgur.com/0lrC1N0.png); } .tematext { width: 590px; overflow: auto; position: relative; text-align: justify; padding: 0px 12px 5px 12px; font-family: Playfair Display; } .niz { width: 650px; height: 16px; background: url(https://i.imgur.com/W2Oyv00.png); margin-top: auto!important; } .niztext { width: 630px; text-align: justify; margin-left: 38px !important; padding-top: 20px; } /* Полоски */ .polos {background-color: #9e8b75;text-align: center;color: #a62539;font: bold 16px bebas neue;letter-spacing: 1px;border: 2px solid #705d52;padding: 3px;margin-top: 17px;} /* РАСПОЛОЖЕНИЕ ТЕКСТА ВНУТРИ ПОДФОРУМОВ */ .fortext { width: 294px; overflow: hidden; margin-left: 16px !important; margin-bottom: 13px !important; text-align: justify; background-color: #e7e7e7; border-radius: 18px; box-shadow: inset 0px 0px 2px #e69a13a6; padding: 8px; } /* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */ .signa { width: 310px; margin-left: 16px !important; margin-top: -8px !important; margin-bottom: 12px !important; overflow: hidden; text-align: center; } .sign { display: inline-block; font: small-caps bold 12px arial; color: #f4f0ef!important; text-align: center; margin: 1px !important; padding: 2px 5px 4px 5px; background-color: #a3917c; box-shadow: inset 0px 0px 5px #e3e3e3; } .sign:hover {color: #a62539!important; } .Add { display: none; } /* ССЫЛКИ В НАВИГАЦИИ */ .nav {display: inline-block;} .nav a { color: #bdbab7!important; font-family: tahoma; font-size: 9px !important; text-transform: lowercase;} .nav a:hover {color: #fff!important;} /* ОБЪЯВЛЕНИЯ АМС */ .hat {width:600px; height:225px; background: url(https://i.imgur.com/0eGUboI.png);} .hatzag {font-family: Bebas Neue; font-size:28px; letter-spacing: 1px; text-transform:uppercase; color: #fcf4e5; line-height:100%; top: -17px; text-align:center; text-shadow: 2px 0px #bc7465; position:relative; right: 20px;} .hattext { font-size:11px; top: 25px; text-align: justify; position:relative; width:400px; margin-right: 18px!important; } .hat img { width: 131px; height: 131px; border-radius: 50%; margin: 0px; position: relative; z-index: 200; } .telo {width:600px; background: url(https://i.imgur.com/Nnryeeb.png); margin-top: -15px; } .telotext { font-size:11px; width:400px; overflow: auto; position:relative; margin-top: -0px; text-align: justify; margin-right: 18px!important;} .fut {width:600px; height:80px; background: url(https://i.imgur.com/3N335ce.png); margin-top: -30px!important; } /* Анкета */ .verh { background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative; } .dubl { background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; } .city { background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px; } .namesur { color: #59585e; font-family: Comfortaa; font-weight:500; font-size: 20px; letter-spacing:4px; text-transform:uppercase; text-align:center; line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca; } .pg1 { width: 550px;height: 250px; background-size: 100%; position: relative; margin-bottom: 5px; top: -5px; } .pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;} .pg1:hover .pg2 {opacity: 1;position: relative; top: px;} .accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; } .accordion ul {list-style: none; margin: 0; padding: 0; } .accordion li {margin:0; padding:0; } .accordion [type=radio], .accordion [type=checkbox] { display:none; } .accordion label { display:block; background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa; font-weight: 500; font-size: 14px; letter-spacing:4px; text-transform:uppercase; text-align:center; line-height:100%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; } .accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; } .accordion .content { padding: 0 10px; overflow:hidden; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat; border: 1px solid #fff;} .accordion p { color:#333; margin:0 0 10px; } .accordion h3 { color:#542437; margin:10px 0;} .vertical ul li {overflow:hidden; margin:0 0 1px; } .vertical ul li label { padding: 12px; } .vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; } .vertical ul li .content { height:0px; border-top:0;} .vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; } .wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; }
Поделиться102020-03-06 12:25:26
Код:
<!--ПРОФИЛАКТИКА--> <div id="resplash" style="display: none;"> <div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span> Ведутся технические работы. Проявите немного терпения. Мы вернёмся через пару часов, не переключайтесь~</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div> <script type="text/javascript"> var active = 0; //Cвитч включения: 1 - включено!; 0 - выключено if(GroupID != 1 && active == 1){ e10 = document.createElement('div') e10.innerHTML = document.getElementById("resplash").innerHTML; document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap')) document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>"); document.title= 'Форум на профилактике - '+document.title; } </script> <!--ПРОФИЛАКТИКА КОНЕЦ--> <!-- Мгновенные уведомления © Alex_63, 2019 --> <link rel="stylesheet" type="text/css" href="http://forumfiles.ru/f/ru/bestbb/notifications.css" /> <script type="text/javascript" src="http://forumfiles.ru/f/ru/bestbb/notifications.js"></script> <script type="text/javascript"> notifications.token = '3e6f50b923d2582abb913897d8fadae149fc2262'; // Токен форума notifications.key = 'otx13htcv077'; // Ключ подписки </script> <!-- Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [181,16,15,405]}); // ID важных тем (через запятую) </script> <style type="text/css"> .post .gift{ display:none; } </style> <!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <style>img.post-img-Sp { margin-top: -1px; margin-left: 19px; margin-bottom: 10px; width: 176px; height: 36px; } ul.post-ul-Sp { margin-bottom: 30px; } div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script> <!-- Просмотр полного профиля на странице /profile.php V.2 --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script> <!--ШРИФТЫ Не трогайте, позязя. хд--> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Monda|Megrim' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Arsenal|EB+Garamond|Open+Sans+Condensed:300|Poiret+One" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Cabin+Sketch|Gabriela|Jura|Marck+Script|Monoton|Neucha|Nothing+You+Could+Do|Permanent+Marker|Philosopher|Roboto+Mono|Sedgwick+Ave+Display|Shadows+Into+Light" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Cinzel|Creepster|Dancing+Script|Indie+Flower|Pacifico|Tangerine|UnifrakturMaguntia" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet"> <!--Шрифты конец--> <!---------------------------- добавляем шрифты на форум ----------------------------> <style type="text/css"> @font-face { font-family: 'bebas neue'; src: url(https://forumstatic.ru/files/0012/ea/b6/62140.eot?), url(https://forumstatic.ru/files/0012/ea/b6/15829.woff) format('woff'), url(https://forumstatic.ru/files/0012/ea/b6/82004.ttf) format('truetype'), url(https://forumstatic.ru/files/0012/ea/b6/59653.svg#svgFontName) format('svg'); font-weight: normal; font-style: normal; } </style> <!---------------------------- доп.шрифты ----------------------------> <link href='http://fonts.googleapis.com/css?family=Ruslan+Display|Lobster|Marck+Script|Yeseva+One|Open+Sans+Condensed:300|Roboto+Slab|PT+Serif|Playfair+Display|Sansita+One|Poiret+One|EB+Garamond|Rochester|Advent+Pro|Playball|Orbitron|Six+Caps|Cinzel+Decorative|Handlee|Bungee+Hairline|Dr+Sugiyama|Cinzel|Passion+One|Kaushan+Script|Didact+Gothic|Montez|Emilys+Candy|Dancing+Script|Pacifico|Shadows+Into+Light|WildOnesPersonalUse|Highlander|Playfair+Display+SC|Hermes|Comfortaa|Roboto+Condensed|Angilla+Tattoo+Personal+Use|La+Belle+Aurore|Mrs+Sheppards|Yesteryear|Kaushan+Script|UnifrakturMaguntia|Montserrat+Alternates|Poiret+One|Graduate|Cuprum|Great+Vibes|Seaweed+Script|Geo|EB+Garamond|Playfair+Display+SC|Lora|Bad+Script|Cinematografica|Pattaya|CaveatRegular|Oswald|Annabelle|Adlerytrial|Philosopher|Noto+Serif|Libre+Baskerville|Abril+Fatface|Old+Standard+TT|Cinzel|Vidaloka|Marmelad|Forum&subset=latin,cyrillic' rel='stylesheet' type='text/css'> <!---------------------------- Пиар-вход, хтмл верх ----------------------------> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'pr'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script> <!--репутация без обновления страницы--> <script> if($('#pun-viewtopic').length && !$('#navawards').length) FORUM.PartnerVote = function() { return true; }; </script> <!-- Чтобы не пропадали посты --> <script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script> <!— конец —> <!--ТАБЛИЦА НАЧАЛО --> <!--ФЛУДЕРЫ --> <div style="position: absolute; margin-left: 170px; margin-top: 124px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -27px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -25px;"> </div> <!--ПОСТОПИСЦЫ --> <div style="position: absolute; margin-left: 111px; margin-top: 248px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -26px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -27px;"> <img src="https://i.imgur.com/WYUOag8.png" title="name" style="margin-left: -25px;"> </div> <!--ЭПИЗОД --> <div style="position: absolute; margin-left: 78px; margin-top: 176px;"> <a href="link"><img src="https://i.imgur.com/dbrno7F.png" title="episode"></a> </div> <!--ТАНДЕМ --> <div style="position: absolute; margin-left: 248px; margin-top: 177px;"> <img src="https://i.imgur.com/dbrno7F.png" title="name & name"> </div> <!--ЛУЧШИЙ ПОСТ --> <div style="position: absolute; margin-left: 297px; margin-top: 42px;"> <img src="https://i.imgur.com/b23vDgc.png" title="name"> </div> <div style="font-family: Calibri; font-size: 10px; font-weight: bold; height: 50px; width: 138px; position: absolute; color: #dcd3ca; margin-left: 162px; margin-top: 62px; padding: 5px; text-align: center; overflow: hidden;"> Похороны - это всегда грустно, но когда ты видишь их каждый день, то невольно начинаешь привыкать к... <a href="http://austin.rolbb.ru/viewtopic.php?id=419#p17231">читать далее</a> </div> <!--СТИЛЬ-ПОБЕДИТЕЛЬ --> <div style="position: absolute; margin-left: 671px; margin-top: 111px;"> <img src="https://imgur.com/VqeQk2R.png"> </div> <!--НУЖНЫЕ--> <div style="position: absolute; margin-left: 707px; margin-top: 63px;"> <a href="http://austin.rolbb.ru/viewtopic.php?id=8#p8527"><img src="https://i.imgur.com/CJpnTJc.png" title="need u"></a> </div> <div style="position: absolute; margin-left: 758px; margin-top: 99px;"> <a href="http://austin.rolbb.ru/viewtopic.php?id=8#p4225"><img src="https://i.imgur.com/CJpnTJc.png" title="need u"></a> </div> <div style="position: absolute; margin-left: 754px; margin-top: 149px;"> <a href="http://austin.rolbb.ru/viewtopic.php?id=8#p4225"><img src="https://i.imgur.com/CJpnTJc.png" title="need u"></a> </div> <!--ТАБЛИЦА КОНЕЦ --> <!--НАВИГАЦИЯ--> <div class="nav" style="position: absolute; margin-left: 17px; margin-top: 75px; width: 116px; text-align: center; /* white-space: pre; */ color: #bdbab7!important;"><a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=2">гостевая</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=3">правила</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=4">faq</a> <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=5">внешности</a> • <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=37">путеводитель</a> <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=6">хочу к вам</a> • <a class="nav" href="http://austin.rolbb.ru/viewforum.php?id=9">банк</a> <a class="nav" href="http://austin.rolbb.ru/viewtopic.php?id=17">вопросы к амс</a></div> <!--ТЕКСТ ПРИВЕТСТВИЯ--> <div style="position: absolute; left: 691px; top: 225px; color: #fff; width: 206px; font-family: Arial; font-size: 10px!important; text-align: center; line-height: 14px;"> Добро пожаловать, мой друг!<br> Наши двери всегда открыты, мы ждем тебя!<br> Дата в игре: февраль, 2019<br> Днем max +20° ночью min -3°, дождливо </div> <!--АМС Пробелы не трогать!--> <div class="ams" style="position: absolute; margin-left: 678px; margin-top: 190px; white-space: pre;"> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=3">David<span><img src="https://imgur.com/MIRaISO.png"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=9">Isabelle<span><img src="https://imgur.com/r77kF4V.png"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=5">Jasper<span><img src="https://imgur.com/HDJuipy.png"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=32">Danielle<span><img src="https://imgur.com/4vqycJ2.png"></span></a> <a class="ams" href="http://austin.rolbb.ru/profile.php?id=4">Ree<span><img src="https://imgur.com/YBXUkSh.png"></span></a> </div> <!-- ЛИЧНАЯ СТРАНИЦА --> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet"> <style type="text/css"> .stranicafon { width: 632px; height: 450px; background-image: url(http://funkyimg.com/i/2qGtD.png); z-index: 2; } .nameplayer { position: absolute; margin-top: 5px; margin-left: 130px; width: 337px; height: 155px; border: 0px solid#284; text-align: center; font-family: Bebas Neue; font-size: 32px; text-transform: uppercase; font-weight: bold; color: #000; text-shadow: 0 0px 10px #fac;} .name { position: absolute; margin-top: 7px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.45; } .rel { position: absolute; margin-top: 63px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; } .ori { position: absolute; margin-top: 100px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; } .job { position: absolute; margin-top: 140px; margin-left: 300px; width: 250px; height: 20px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75; } .music { position: absolute; margin-top: 290px; margin-left: 90px; width: 400px; height: 30px; border: 0px solid#284; font-weight: bold; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; opacity: 0.75;} .rel1 { position: absolute; margin-top: 65px; margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284; font-family: Bebas Neue; font-size: 13px; } .ori1 { position: absolute; margin-top: 103px; margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284; font-family: Bebas Neue; font-size: 13px; } .job1 { position: absolute; margin-top: 143px; margin-left: 320px; width: 250px; height: 15px; border: 0px solid#284; font-family: Bebas Neue; font-size: 13px; } .music1 { position: absolute; margin-top: 295px; margin-left: 100px; width: 400px; height: 15px; border: 0px solid#284; text-align: center; font-family: Bebas Neue; font-size: 13px; } .photoplayer { position: absolute; margin-top: 80px; margin-left: 35px; width: 170px; height: 170px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;} .photoplayer1 { position: absolute; margin-top: 80px; margin-left: 35px; width: 170px; height: 170px; padding-left: 10px; padding-top: 10px; } .style { position: absolute; margin-top: 180px; margin-left: 370px; width: 86px; height: 84px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 90px 90px 90px 90px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; padding-left: 10px; padding-top: 10px; opacity: 0.5;} .style1 { position: absolute; margin-top: 176px; margin-left: 366px; width: 86px; height: 84px; padding-left: 10px; padding-top: 10px; } .plashki {position: absolute; margin-left: 10px; margin-top: 10px; width: 280px; height: 305px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .zabil {position: absolute; margin-left: 305px; margin-top: 170px; width: 265px; height: 145px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .achivments {position: absolute; margin-left: 305px; margin-top: 10px; width: 265px; height: 145px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .level {position: absolute; margin-left: 10px; margin-top: 10px; width: 190px; height: 305px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .kino {position: absolute; margin-left: 220px; margin-top: 10px; width: 350px; height: 305px; border: 1px solid#284; border: 1px solid #b8a7c6; border-radius: 10px 10px 10px 10px; background-color: #d5cfd6; box-shadow: 0 0 10px #887a8c inset; OVERFLOW: auto; opacity: 0.85;} .lsfilm {margin: 0 auto; width:110px; height:150px;} .lsfilm1 {background-color:#77777a; width:105px; height:145px; margin: 0 auto; z-index:4; position:absolute;} .lsfilm2 {background-repeat: no-repeat; background-position: center; margin-left:-20px; margin-top:0px; b height:100px; width:140px; position:absolute; position:absolute; padding:2px; } .lsfilm3 {background-color:#9f9992; width:100px; height:140px; margin-left:20px; margin-top:0px; opacity:0; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -o-transition: 1s all ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;} .lsfilm4 {color:#000000; width:100px; height:120px; font-family: 'PT Mono', sans-serif; font-size: 10px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; opacity:0; padding-top:5; padding-left:0px; text-align:center;} .lsfilm2, .iox, .loxc, .loxs, .roxc, .roxs {-webkit-transition: 1s all ease-in; -moz-transition: 1s all ease-in; -o-transition: 1s all ease-in;} .lsfilm:hover .lsfilm2, .lsfilm:hover .iox {border-color:#9f9992; -webkit-transform: rotate(de7a03); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(de7a03); transform: rotate(de7a03);} .lsfilm:hover .loxc, .lsfilm:hover .loxs{border-color:transparent #5B88A5 transparent transparent;} .lsfilm:hover .roxc, .lsfilm:hover .roxs{border-color: transparent transparent transparent #a57a5b;} .lsfilm:hover .lsfilm3 {opacity:0.8;} .lsfilm:hover .lsfilm4 {opacity:1;} .tabs { position: relative; height: 329px; width: 583px; clear: both; } .tab label { display: block; width: 5px; height: 5px; background: #fff; color: #030303; padding: 5px; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; font: 10px calibri; position: absolute; left: 275px; top: 363px; border-radius: 15px; } .tab [type=radio] { display: none; } [type=radio]:checked ~ label { background: #22362f; height: 5px; color: #FFF; border-bottom: 0px solid#000; z-index: 2; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); } .thcontent { width: 582px; height: 330px; position: absolute; top: 26px; float: right; right: -1px; bottom: 10px; text-align: justify; opacity: 0; filter: alpha(opacity=0); } [type=radio]:checked ~ label { background: #22362f; color: #030303; border-bottom: 0px; z-index: 2; padding: 5px; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; } </style> <!-- КОНЕЦ ЛИЧНОЙ СТРАНИЦЫ -->