http://paradisecitylifetest1.rusff.me/
https://paradisecitynighttest.rusff.me/
тестовики с дизом для Димы
Paradise City. Тестовик для Димы2 |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Paradise City. Тестовик для Димы2 » Тестовый форум » Коды дизайна
http://paradisecitylifetest1.rusff.me/
https://paradisecitynighttest.rusff.me/
тестовики с дизом для Димы
/***************************************** A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body { margin: 0; padding: 0; } /* A2.2 */ .punbb * { margin-left: 0px; } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { list-style: none outside none; padding: 0; } /* A2.4 */ .punbb img { border:none; } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: 68.75% verdana,arial,helvetica,sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb legend span { font-size: 1.2em; } .punbb h1 span, .punbb h2 span { font-family: "georgia", serif; font-size: 1.4em; font-variant: caps; } /* A3.6 */ .punbb pre { font: 1em 68.75% verdana,arial,helvetica,sans-serif; } /* 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: 0px auto auto auto; width : 904px; padding: 0px 0px 0px 0px; border-style: none; border-width:0px; border-top: none; } /* A5.2 */ .punbb { float: none; width: 820px; padding: 0 17px; height: auto; margin: 0 auto; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: 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 2px 0px } /* A5.9 */ .punbb .container { border-style: none; border-width: 1px; } /* A5.10 */ #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none none none none; border-width: 1px 1px 0px 1px; } #pun-main h2 { padding: 0.5em 1em; border-style: none none none none; border-width: 1px 1px 0 1px; } /* A 5.11 Иконки меню навигации */ #pun-navlinks li { padding-left: 12px; } /**************************************** 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 none #271205; width: 250px; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: none; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -3em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -3em; 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; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border-style: solid; 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; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 4em 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; } .punbb .helplinks span INPUT { margin: 0px 2px 2px 0px; } /* 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 { text-align: justify; width: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; } /* 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 { font-size: 1.2em; font-weight: bold; margin-bottom: 8px; font-family: arial; text-transform: none; } /* 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 { padding: 6px 1em 6px 1em; border-bottom: none 3px #6e6053; border-left: none 1px #c9c2a5 } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { margin-left: 10px; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 100px; height: 60px; padding-top: 1px; margin-top: 1px; margin: -10px auto -5px -9.9em; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none; border-width: 0; margin-left: 0.4em; margin-right: 0.5em; 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 { margin: 0px 0px 20px; padding: 5px 0px 0px 226px; display: block; margin-left: 0em; border-left-style: none; border-left-width: 0px;} /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; padding-right: 20px;} /* C3.5 */ .punbb .post .post-author { float: left; margin-left: 0em; width: 216px; margin-top: -3.2em; overflow: hidden;} /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { color: #453226; padding: 0; line-height: 140%; text-align: center;} /* C3.7 */ .pa-author { font-family: book antiqua,palatino; font-size: 1.4em !important; font-weight: bold;} /* C3.9 */ li.pa-title { color: #866838; font-size: 0.9em; font-weight: bold; padding: 1px 10px 30px;} 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 { border-left-style:none; border-left-width:0; margin-left:19em; padding:0 0 4px;} /* C3.12 */ .punbb .post-box { margin: -1em 0px; padding: 0px 1em 1em;} /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em;} /* C3.14 */ .punbb .post-links { border-left: 0px; margin-left: 19em;} /* C3.15 */ .punbb .post-links ul { height: 2.3em; line-height: 1.9em; margin-left: -19em; padding: 0; text-align: right; width: 130.7%; margin: 0px auto 0 -212px;} /* 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;} #font-area, #size-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area { color: #2c1f19; border-width: 8px 8px 8px; -moz-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; -webkit-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; -o-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; background: #dfc5ad; display: block; margin-bottom: 0pt; padding: 0px; box-shadow: #9C6E5A 0px 0px 3px, inset 0px 0px; } #video-area-tinp, #image-area-tinp { border:0 none transparent!important; } #pun-main .modlist { display: none;} /* 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: none; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: none; border-width: 1px; } /******* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border: none; margin-bottom: 2px; } /* D1.2 */ #pun-title h1 { display : block; height : 148px; margin: -1px 0px 0px -1px; } /* D1.3 */ #pun-title .container { border-style: none ; padding: 0.2em 1em 0.8em 1em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TABLE { border: none; height: 676px; width: 100%; background: url(http://gungsters.ucoz.ru/paradisecitys/paradiz_siti_dnevnaja_shapka.png) center top no-repeat; margin-left: -190px; width: 1200px; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 468px; vertical-align: center; padding-right: 20px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* 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 { border: none; margin-bottom: 10px; margin-top: -298px; } #pun-navlinks .container { border-style: none; border-width:0px; border-color: #463522; margin: 0; } /* D3.2 */ #pun-navlinks .container { padding-top: 10px; height: 30px; font-weight:bold; text-align: center; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.6%; } /* D3.4 */ #pun-navlinks li a { font-size: 1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: 2px; } /* D4.2 */ #pun-ulinks .container { padding: 0.7em 1em; text-align: center; border: dashed 1px #bcb6a4; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: none; border-left-width: 0px; 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; } /* D5.2 */ #pun-status .container { color: #4f2409; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; color: #944514; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: none none; border-width: 0px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none none none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: none; border-bottom-width: 0px; } /* D6.3 */ #pun-announcement .container { } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0em 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: none; border-top-width: 0px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 0px; 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 { font-size: 8pt; margin-left: -40px; margin-top: 0px; position: relative; text-align: center; top: 170px; width: 930px; } /* D8.4 */ #pun-about .container { line-height: 150%; padding: 0.8em 0; position: relative; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { display: none } /* D8.9 */ div.punbb-admin #pun-about .container { } div.punbb-admin #pun-about { top: 0 !important; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: 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; }
дневной стиль
/***************************************** A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body { margin: 0; padding: 0; } /* A2.2 */ .punbb * { margin-left: 0px; } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { list-style: none outside none; padding: 0; } /* A2.4 */ .punbb img { border:none; } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: 68.75% verdana,arial,helvetica,sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb legend span { font-size: 1.2em; } .punbb h1 span, .punbb h2 span { font-family: "georgia", serif; font-size: 1.4em; font-variant: caps; } /* A3.6 */ .punbb pre { font: 1em 68.75% verdana,arial,helvetica,sans-serif; } /* 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: 0px auto auto auto; width : 904px; padding: 0px 0px 0px 0px; border-style: none; border-width:0px; border-top: none; } /* A5.2 */ .punbb { float: none; width: 820px; padding: 0 17px; height: auto; margin: 0 auto; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: 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 2px 0px } /* A5.9 */ .punbb .container { border-style: none; border-width: 1px; } /* A5.10 */ #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none none none none; border-width: 1px 1px 0px 1px; } #pun-main h2 { padding: 0.5em 1em; border-style: none none none none; border-width: 1px 1px 0 1px; } /* A 5.11 Иконки меню навигации */ #pun-navlinks li { padding-left: 12px; } /**************************************** 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 none #271205; width: 250px; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: none; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -3em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -3em; 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; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border-style: solid; 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; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 4em 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; } .punbb .helplinks span INPUT { margin: 0px 2px 2px 0px; } /* 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 { text-align: justify; width: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; } /* 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 { font-size: 1.2em; font-weight: bold; margin-bottom: 8px; font-family: arial; text-transform: none; } /* 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 { padding: 6px 1em 6px 1em; border-bottom: none 3px #6e6053; border-left: none 1px #c9c2a5 } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0; } * html .tclcon {height: 1px} /* C2.14 */ .punbb td div.tclcon { margin-left: 10px; } /* C2.15 */ .punbb div.icon { float: left; display: block; width: 100px; height: 60px; padding-top: 1px; margin-top: 1px; margin: -10px auto -5px -9.9em; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none; border-width: 0; margin-left: 0.4em; margin-right: 0.5em; 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 { margin: 0px 0px 20px; padding: 5px 0px 0px 226px; display: block; margin-left: 0em; border-left-style: none; border-left-width: 0px;} /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; padding-right: 20px;} /* C3.5 */ .punbb .post .post-author { float: left; margin-left: 0em; width: 216px; margin-top: -3.2em; overflow: hidden;} /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { color: #453226; padding: 0; line-height: 140%; text-align: center;} /* C3.7 */ .pa-author { font-family: book antiqua,palatino; font-size: 1.4em !important; font-weight: bold;} /* C3.9 */ li.pa-title { color: #866838; font-size: 0.9em; font-weight: bold; padding: 1px 10px 30px;} 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 { border-left-style:none; border-left-width:0; margin-left:19em; padding:0 0 4px;} /* C3.12 */ .punbb .post-box { margin: -1em 0px; padding: 0px 1em 1em;} /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em;} /* C3.14 */ .punbb .post-links { border-left: 0px; margin-left: 19em;} /* C3.15 */ .punbb .post-links ul { height: 2.3em; line-height: 1.9em; margin-left: -19em; padding: 0; text-align: right; width: 130.7%; margin: 0px auto 0 -212px;} /* 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;} #font-area, #size-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area { color: #2c1f19; border-width: 8px 8px 8px; -moz-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; -webkit-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; -o-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; background: #dfc5ad; display: block; margin-bottom: 0pt; padding: 0px; box-shadow: #9C6E5A 0px 0px 3px, inset 0px 0px; } #video-area-tinp, #image-area-tinp { border:0 none transparent!important; } #pun-main .modlist { display: none;} /* 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: none; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: none; border-width: 1px; } /******* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border: none; margin-bottom: 2px; } /* D1.2 */ #pun-title h1 { display : block; height : 148px; margin: -1px 0px 0px -1px; } /* D1.3 */ #pun-title .container { border-style: none ; padding: 0.2em 1em 0.8em 1em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TABLE { border: none; height: 676px; width: 100%; background: url(http://gungsters.ucoz.ru/paradisecitys/nochnaja_shapka.png) center top no-repeat; margin-left: -190px; width: 1200px; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 468px; vertical-align: center; padding-right: 20px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* 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 { border: none; margin-bottom: 10px; margin-top: -298px; } #pun-navlinks .container { border-style: none; border-width:0px; border-color: #463522; margin: 0; } /* D3.2 */ #pun-navlinks .container { padding-top: 10px; height: 30px; font-weight:bold; text-align: center; } /* D.3 */ #pun-navlinks li { display: inline; margin: 0.6%; } /* D3.4 */ #pun-navlinks li a { font-size: 1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: 2px; } /* D4.2 */ #pun-ulinks .container { padding: 0.7em 1em; text-align: center; border: dashed 1px #bcb6a4; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: none; border-left-width: 0px; 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; } /* D5.2 */ #pun-status .container { color: #4f2409; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; color: #944514; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: none none; border-width: 0px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none none none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: none; border-bottom-width: 0px; } /* D6.3 */ #pun-announcement .container { } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0em 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: none; border-top-width: 0px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 0px; 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 { font-size: 8pt; margin-left: -40px; margin-top: 0px; position: relative; text-align: center; top: 170px; width: 930px; } /* D8.4 */ #pun-about .container { line-height: 150%; padding: 0.8em 0; position: relative; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { display: none } /* D8.9 */ div.punbb-admin #pun-about .container { } div.punbb-admin #pun-about { top: 0 !important; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: 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; }
ночной стиль
/* CS1 Background and text colours -------------------------------------------------------------*/ html { background: url() repeat-x center top, url() repeat-x bottom center, url() repeat center #553825; } #pun { background: url(http://gungsters.ucoz.ru/paradisecitys/paradiz_siti_seredina.png) repeat-y top #f0d59e; color: #919090; } /* 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 { background-color: #transparent; color: #120802; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #transparent; color: #120802; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #transparent; color: #260c04; text-align: center; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #transparent; color: #120802; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #transparent; color: #120802 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #transparent; color: #553825; } /* CS1.7 */ #main-reply, .punbb .quote-box, .punbb .code-box { color: #2c1f19; border-width: 8px 8px 8px; -moz-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; -webkit-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; -o-border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; border-image: url(http://s4.uploads.ru/tg6HB.png) 8 8 8 repeat; background: rgba(60, 42, 24, 0.149); display: block; margin-bottom: 0pt; padding: 0px; box-shadow: #9C6E5A 0px 0px 3px, inset 0px 0px; } /* CS1.8 */ #pun-navlinks .container { background-color: #transparent; color: #120802; } .offline li.pa-online strong { font-weight: normal } /* CS2 Border colours -------------------------------------------------------------*/ /* 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 */ .punbb .quote-box, .punbb .code-box { 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: 1px solid #transparent; } li.pa-online { border-left-color: #transparent; } /* CS3 Links -------------------------------------------------------------*/ /* 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 { color: #642a00 } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #834d18 } /* 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: #b87333; } /* CS3.3 */ #pun-navlinks a { color: #642a00; text-decoration: none text-align: center; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #966643; text-decoration: underline text-align: center; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #271205; color: #39281a; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(http://gungsters.ucoz.ru/paradisecitys/starye_soobshhenija.png) no-repeat; } tr.inew div.icon { background: url(http://gungsters.ucoz.ru/paradisecitys/novye_soobshhenija.png) no-repeat; } tr.iclosed div.icon { background: url(http://s5.uploads.ru/dZ0EC.png) no-repeat; } tr.iredirect div.icon { background: url(../../img/Mybb_Simply_Brown/link.gif) no-repeat; } tr.isticky div.icon { background: url(http://s5.uploads.ru/rNYMc.png) no-repeat; } td.tcr a{ background: transparent url(../../img/Mybb_Simply_Brown/post.gif) no-repeat 0px 3px; padding-left: 12px; } /#profilenav h2 span {background-image: none} td.tcr a{ background: transparent url(../../img/Mybb_Network/post.gif) no-repeat 0px 3px; padding-left: 0px; padding-bottom: 4px; pading-top: 7px; } #pun-stats ul.container { background: transparent url() no-repeat 0px -7px; padding-left: 105px; margin-left: -10px; } .punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span { background: none; } #pun-stats div.statscon { background: transparent; } #pun-crumbs2 .container, #pun-about .container{ background: transparent; color: #919090; } #pun-main div.catleft, #pun-main div.catright { display: none; } /*1. Настройка общего вида линков */ #pun-navlinks a { display: inline-block; height: 40px; margin-left: -10px; } /* Скрываем текстовые надписи */ .category h2 span { display: none; } #pun-category1.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/pered_igroj.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-category2.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/organizacionnaja.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-category3.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/paradiz_siti.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-category4.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/ehpizody.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-category5.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/obshhenie.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-category6.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/advertisement.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-category7.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/arkhiv_goroda.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-category8.category h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/administratorskaja.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-stats h2 { background: url(http://gungsters.ucoz.ru/paradisecitys/statistika.png) center top no-repeat; height:90px; width: 900px; margin-left: -38px; } #pun-stats h2 span { display: none; } /* дополнительно */ #pun-about p.container { text-align: center; } .punbb .post-content td{ border:none 0 transparent!important; } .lastedit {display:none;} .nav { width:200px; height:auto; text-align: center; } .nav a { display:block; color:#047694; padding: 5px; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear; } .nav a:hover { color:#ddd9d9; background-color:#047694; margin:0px -8px 0px -8px; padding: 5px 13px 5px 13px; } .nav1 { margin: 2px; } .nav1 a { display: block; font-family: arial; font-style: normal; text-transform: uppercase; font-weight: normal !important; color: #919090 !important; background-color: transparent; width: 200px; padding-left: 5px; margin: 1px; text-decoration: none; border-left: #630000 solid 10px; letter-spacing: 1px; } .nav1 a:hover { background-color: transparent; color: #919090 !important; border-left: #630000 solid 30px; letter-spacing: 3px; } #pun-viewtopic .main h1 { background: url("http://gungsters.ucoz.ru/paradisecitys/paradiz_siti_niz.png") no-repeat scroll 0 0 transparent; height: 70px; width: 900px; margin-left: -38px; } #pun-edit .main h1 span, #pun-viewtopic .main h1 span, #pun-post #pun-main h1 span, #pun-poll #pun-main h1 span, #pun-multidelete #pun-main h1 span, #pun-movetopic #pun-main h1 span, #pun-multimove #pun-main h1 span, #pun-multimegre #pun-main h1 span, #pun-respect #pun-main h1 span { position: relative; top: 20px; color: #f0b474; text-align: center; text-transform:uppercase ; font-family: Palatino Linotype; } .a-prev:hover .preview{ display: block!important; margin-left: -30px; position: absolute!important; margin-top: -35px!important; z-index: 1; } .a-prev .preview{display:none} /* CS5 Поля профиля -------------------------------------------------------------*/ .pa-author { background: url("http://s5.uploads.ru/wGTFi.png") -70px -152px no-repeat transparent; color: #CEA55F; height: 24px; margin-top: -21px !important; padding-bottom: 3px !important; padding-top: 18px !important; text-shadow: 0px 0px 2px #000000; width: 216px;} .pa-author a { color: #CEA55F !important; text-shadow: 1px 1px 8px #200E03, 1px 1px 2px #200E03;} .pa-author a:hover, .pa-author a:focus, .pa-author a:active { color: #DFB873;} .pa-avatar { background: url("http://s5.uploads.ru/keOLr.png") 2px 0px repeat-y transparent; padding-right: 0px !important; width: 216px;} .pa-title { background: url("http://s5.uploads.ru/wGTFi.png") -70px -207px no-repeat transparent; height: 30px; margin-left: 0px !important; position: relative; width: 196px; z-index: 2;} .pa-fld1 { background: url("http://s5.uploads.ru/DWS7w.png") 2px 0px transparent; padding: 6px 12px 0px !important; width: 192px; margin-top: -20px;} .pa-fld2 { background: url("http://s5.uploads.ru/DWS7w.png") 2px 0px transparent; padding: 1px 12px 3px !important; width: 192px; } .pa-fld3 { background: url("http://s5.uploads.ru/DWS7w.png") 2px 0px transparent; padding: 0px 12px 6px !important; width: 192px;} .pa-fld4 { background: url("http://s4.uploads.ru/ZDCkH.png") -70px -270px no-repeat transparent; line-height: 5px; margin-top: -10px; padding-bottom: 20px !important; padding-top: 15px !important; width: 216px;} /*Остальное-------------------------------------------------------------*/ .pa-title, .pa-author { text-align: center;} #ofl_f { font-weight: bold; font-family: book antiqua,palatino; color: #a8a09a;} .punbb .main .fs-box .container table thead tr, .punbb .fs-box .post-links ul, #pun-userlist .usertable .container table thead tr { background: none !important;} #messages .linksb .postlink { font-size: 1em !important;} #pun-main .post-author ul { margin-top:20px;} .punbb .post .container { border-bottom: 0px solid #cbc2a7 !important;} .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } .punbb .quote-box cite, .punbb .code-box strong.legend { border-bottom: 1px solid #C3A076 !important;} .post-content td { border: 3px ridge rgba(184, 125, 64, 0.196) !important;} #keyboard-span input { border-radius: 4px;} #poll-special td { padding-left: 30px;} .post-content .spoiler-box > div { color: #702F00; text-shadow: #FFFFFF 1px 1px 2px;} .post-content .spoiler-box > blockquote { padding-top: 0 !important;} .punbb .popup_awards{ background-color: #ECE3CC !important; width: 568px;} .lastedit {display:none;} #pun-main .modlist { display: none;} /*кнопка*/ .button { background: #492b1d; border-bottom: 3px outset #571911; border-left: 3px outset #935950; border-right: 3px outset #571911; border-top: 3px outset #AF7545 !important; box-shadow: 0px 1px 2px rgba(87, 52, 15, 0.447), inset 0px 0px 2px #DEC7AB; color: #C29C67 !important; text-shadow: 1px 1px 2px #000000; } /* верх-вниз */ #butsupdown { position: fixed; bottom: 20%; right: 35px; background: url("http://gungsters.ucoz.ru/paradisecitys/knopki_vverkh_vniz.png") 0px 0px no-repeat transparent; height: 121px; width: 59px; } #buttonup {position: absolute; height: 60px; width: 35px; } #buttondown {position: absolute; height: 60px; width: 35px; bottom: 0px;} #butsupdown span, #butsupdown a {color: transparent !important;}
нижний второй стиль
<script type="text/javascript"> var linkStyles='<link rel="stylesheet" type="text/css" href="'; function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;} function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;} function clearSet(L){if(L){setcookie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie("changeStyle");clearSet(Lmem); </script> <style>#changeStyle img{border:solid 2px transparent;} .STYLselect {border-color:none!important;} </style> <div id="changeStyle" style="top:0; left: 3px; position:fixed!important;"> <img src="http://gungsters.ucoz.ru/paradisecitys/dnevnoj_diz.png" alt="https://forumstatic.ru/files/001b/c1/b8/44924.css"/> <br> <img src="http://gungsters.ucoz.ru/paradisecitys/nochnoj_diz.png" alt="https://forumstatic.ru/files/001b/c1/dc/23636.css"/> <br> </div> <script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script> <div style="position: absolute; top: 108px; left: 210px; width:300px;"> <center> <a class="a-prev" href="http://paradisecitylife.rusff.ru/profile.php?id=2" target="_blank"> <img class="preview" src="http://s4.uploads.ru/0xsOV.png" border="0" title="Cavin Maddison"/> <img src="http://s4.uploads.ru/8w6Xu.png" border="0" title="Cavin Maddison"/> </a> <a class="a-prev" href="http://paradisecitylife.rusff.ru/profile.php?id=12" target="_blank"> <img class="preview" src="http://s4.uploads.ru/4Mc5Z.png" border="0" title="Linda Kharbel"/> <img src="http://s4.uploads.ru/IlmiG.png" border="0" title="Linda Kharbel"/> </a> <a class="a-prev" href="http://paradisecitylife.rusff.ru/profile.php?id=4" target="_blank"> <img class="preview" src="http://s5.uploads.ru/SGtMV.png" border="0" title="Henry Walsh"/> <img src="http://s4.uploads.ru/AztkD.png" border="0" title="Henry Walsh"/> </a> </center></ br> <br> <center> <b> MODERS </b> <br> <a href="ссылка на профиль" target="_blank"> <img src="http://s1.uploads.ru/X8IKa.png" border="0" title="Вакантно"/></a> <a href="ссылка на профиль" target="_blank"> <img src="http://s1.uploads.ru/X8IKa.png" border="0" title="Вакантно"/></a> <a href="ссылка на профиль" target="_blank"> <img src="http://s1.uploads.ru/X8IKa.png" border="0" title="Вакантно"/></a> </center></ br> </div> <style> .a-prev:hover .preview{ display: block!important; margin-left: 30px; position: absolute!important; margin-top: -20px!important; z-index: 1; } .a-prev .preview{display:none} </style> <div style="position: absolute; top: 108px; left: 900px; width:170px;"> <center> <div id="va_part10" > <ul> <li><a href="http://paradisecitylife.rusff.ru/viewtopic.php?id=3">Сюжет</a></li> <li><a href="http://paradisecitylife.rusff.ru/viewtopic.php?id=7">Правила</a></li> <li><a href="http://paradisecitylife.rusff.ru/viewforum.php?id=4">Шаблоны анкет</a></li> <li><a href="http://paradisecitylife.rusff.ru/viewforum.php?id=3">Акции</a></li> <li><a href="http://paradisecitylife.rusff.ru/viewtopic.php?id=58">Занятые внешности</a></li> </ul> </div></center></div> <script type="text/javascript"><!--Своя картинка в каждую категорию --> $(document).ready(function(){ myarray=new Array( "ПЕРЕД ИГРОЙ", "http://gungsters.ucoz.ru/paradisecitys/pered_igroj.png", "ПАРАДИЗ СИТИ. ОРГАНИЗАЦИОННАЯ", "http://gungsters.ucoz.ru/paradisecitys/organizacionnaja.png", "ПАРАДИЗ СИТИ", "http://gungsters.ucoz.ru/paradisecitys/paradiz_siti.png", "ПАРАДИЗ СИТИ: ЭПИЗОДЫ", "http://gungsters.ucoz.ru/paradisecitys/ehpizody.png", "ОБЩЕНИЕ", "http://gungsters.ucoz.ru/paradisecitys/obshhenie.png", "РЕКЛАМА ", "http://gungsters.ucoz.ru/paradisecitys/advertisement.png", "АРХИВ ГОРОДА", "http://gungsters.ucoz.ru/paradisecitys/arkhiv_goroda.png", "АДМИНИСТРАТОРСКАЯ ", "http://gungsters.ucoz.ru/paradisecitys/administratorskaja.png" ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"90px", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", "background-position":"сenter center", "background-repeat":"no-repeat" } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> <!--выделить код. Alex_63 new.2019--> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script> <script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script> <!-- конец --> <!---------------------------- Пиар-вход, хтмл верх ----------------------------> <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>
хтмл верх
<div style="font-family: arial; font-size: 0.7em; position: absolute; text-transform: uppercase; font-family: 'agency'; color: #8d6946; margin-top: 190px; margin-left: 46px;"> Design by StarKi <br> ICQ 589141334 </div> <script type="text/javascript"> var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif"; if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1)) { document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML; }; </script> <script><!--Оставляем цифру Новых сообщений. --> var clr=($("#navpm a").css("color"));var chng=" ("; var subs="</span><span style=\"color:"+clr+";\" id=\"news_messag\">("; $("#navpm a").html($("#navpm a").html().replace(chng,subs)); $("#news_messag").appendTo("#navpm"); </script> <!--дополнительные цвета © Romych--> <script language="javascript"> $(function(){ $('div#color-area table').append('<td style="background-color: thistle;"><img src="/i/blank.gif" onclick="bbcode(\'[color=thistle]\',\'[/color]\')"></td><td style="background-color: yellowgreen;"><img src="/i/blank.gif" onclick="bbcode(\'[color=yellowgreen]\',\'[/color]\')"></td><td style="background-color: lightblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=lightblue]\',\'[/color]\')"></td><td style="background-color: lightpink;"><img src="/i/blank.gif" onclick="bbcode(\'[color=lightpink]\',\'[/color]\')"></td><td style="background-color: palegoldenrod;"><img src="/i/blank.gif" onclick="bbcode(\'[color=palegoldenrod]\',\'[/color]\')"></td><td style="background-color: steelblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=steelblue]\',\'[/color]\')"></td><td style="background-color: orange;"><img src="/i/blank.gif" onclick="bbcode(\'[color=orange]\',\'[/color]\')"></td><td style="background-color: forestgreen;"><img src="/i/blank.gif" onclick="bbcode(\'[color=forestgreen]\',\'[/color]\')"></td><td style="background-color: firebrick;"><img src="/i/blank.gif" onclick="bbcode(\'[color=firebrick]\',\'[/color]\')"></td><td style="background-color: lightsteelblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=lightsteelblue]\',\'[/color]\')"></td><td style="background-color: sienna;"><img src="/i/blank.gif" onclick="bbcode(\'[color=sienna]\',\'[/color]\')"></td><td style="background-color: darkseagreen;"><img src="/i/blank.gif" onclick="bbcode(\'[color=darkseagreen]\',\'[/color]\')"></td><td style="background-color: saddlebrown;"><img src="/i/blank.gif" onclick="bbcode(\'[color=saddlebrown]\',\'[/color]\')"></td><td style="background-color: mediumpurple;"><img src="/i/blank.gif" onclick="bbcode(\'[color=mediumpurple]\',\'[/color]\')"></td><td style="background-color: tan;"><img src="/i/blank.gif" onclick="bbcode(\'[color=tan]\',\'[/color]\')"></td><td style="background-color: dodgerblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=dodgerblue]\',\'[/color]\')"></td>'); }); </script> <!--Сворачивалка в профиле в топике заданных пунктов инфы юзера --> <style>li.pa-hidePunk {border:inset 0px;padding:0 0px;width:184px;cursor:pointer; cursor:hand; margin-top: 12px; margin-left: 20px;}</style> <script type="text/javascript"> $(function(){ setTimeout(function(){ var g01='<img src="http://s1.uploads.ru/YaZjB.png" />'; // Надпись на разворачивалке var g00='<img src="http://s1.uploads.ru/YaZjB.png" />'; // Надпись на cворачивалке hidePunkt=new Array( //"pa-author", //Ник-Нейм //"pa-title", //статус //"pa-avatar", //Аватар "pa-from", //Откуда "pa-reg", //Зарегистрирован "pa-invites", //Приглашений "pa-posts", //Кол-во сообщений: //"pa-respect", //Уважение: "pa-positive", //Позитив "pa-sex", //Пол "pa-age", //Возраст //"pa-icq", //Аська //"pa-fld1", //Доп.Поле.1 //"pa-fld2", //Доп.Поле.2 //"pa-fld3", //Доп.Поле.3 //"pa-fld4", //Доп.Поле.4 "pa-fld5", //Доп.Поле.5 "pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: "pa-last-visit", //Последний визит: //"pa-online", //Пользователь online //"pa-awards", //Награды "End ul") var g012='<li class="pa-hidePunk">'; g01='<span>'+g01+' </span>'; g00='<span>'+g00+' <b></b></span>'; $(".post .post-author").each(function () { for(var i=0;i<hidePunkt.length-1;i++){ if($(this).find("li."+hidePunkt[i]).html()!=null){ $(this).find("li."+hidePunkt[i]).addClass('hidePunkt');};}; $(this).find("ul").append(g012+g01+g00+'</li>'); $(this).find("li.pa-hidePunk span:last").hide(); $(this).find(".hidePunkt").hide(); }); $("li.pa-hidePunk").click(function () { $(this).find("span").toggle(); $(this).parent("ul").find("li.hidePunkt").toggle('slow');}); }, 700); }); </script> <script language="JavaScript"> var str = new String(document.getElementById("navpm").innerHTML) var str2 = new String(document.location) if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) ) { alert("У Вас есть непрочитанные личные сообщения") }</script> <!--скрипт сворачивания вкладок--> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $(".anno-content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".anno-content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".anno-content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </script> <!--audio в одном v.2.4--> <script type="text/javascript"> var player; $(function(){ $('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>'); $('div.post-content p').map(function () { text = $(this).html(); if(text.indexOf("zippyshare.com") != -1) { player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi $(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&width=400&file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&volume=80&autostart=false&frontcolor=0x000000&backcolor=0xffffff&lightcolor=0x000000&type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));} if(text.indexOf("promodj.ru") != -1) { player = /\[audio\]http:\/\/(.*?)\.promodj\.ru\/(.*?)\/(\d+)\/(.*?)\.html\[\/audio\]/gi $(this).html(text.replace(player, "<br /><embed src='http://i.cdn.promodeejay.net/swf/bigwaveplayer_release9.swf' type='application/x-shockwave-flash' wmode='transparent' width='100%' height='150' allowFullScreen='true' flashvars='link=http%3A%2F%2Fpromodj.ru%2Fprelisten%2F$3%2Fbobmarley%3Fwtf%3D0.41394098338022567%26no_external%3D1&wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&slowChannel=1&autostart=0&volumePercent=100&wavecolor=12982542'></embed>")); } if(text.indexOf("prostopleer.com") != -1) { player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi $(this).html(text.replace(player, "<br /><embed src='http://embed.prostopleer.com/track?id=$2' type='application/x-shockwave-flash' wmode='transparent' width='411' height='28'></embed>")); } if(text.indexOf(".mp3") != -1) { player = /\[audio\](.*?)\[\/audio\]/gi $(this).html(text.replace(player, "<br /><embed src='http://www.demo-music.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&st=http://www.demo-music.ru/pleer/style_pleer.txt&file=$1' width='470' height='33'>")); } }); }); function tag_play() {var FoundErrors = ''; var enterURL = prompt("Введите ссылку на на музыку с promodj.ru, zippyshare.com, prostopleer.com или прямую ссылку формата .mp3 ", "http://"); if (!enterURL) {FoundErrors += " " + error_no_url;} if (FoundErrors) {alert("Ошибка!" + FoundErrors); return;} insert("[audio]" + enterURL + "[/audio]");} </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld4") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld3") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld2") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld1") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <!--Кнопки вверх вниз--> <div id="butsupdown"> <a id="buttonup" href=#top onClick="scrollTo(0,0); return false;" title="Вверх"> <span>Вверх</span></a> <a id="buttondown" href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз"> <span>Вниз</span> </a> </div> <img align="center" src="http://gungsters.ucoz.ru/paradisecitys/paradiz_siti_niz.png" style="margin: 0px 0px -13px -42px;"> <script type="text/javascript"> if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1){ if (document.URL.indexOf("profile.php")!=-1){ document.getElementById('pun-status').innerHTML="<div id=pun-status class=section><p class=container><span class=item1>Вы не имеете права доступа к этой странице</span></p></div>" document.getElementById('pun-main').style.display="none" }} </script> <script><!--Универсальный скрипт замены. --> function UniverСhange(selektor,changed,substitute){ $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){ $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});} UniverСhange(".statscon .item5","Активны","На улицах города"); UniverСhange(".statscon .item5","Посетили за сутки","Замечены в городе") </script> <!-- Спойлер наград --> <div id="html-footer" class="section"> <div class="container"><!-- спойлер наград на Rusff в Профиле, в Топике --> <style> .post-author-Sp{ /*background-color:transparent!important;*/ } img.aw{ background-color:transparent!important; } ul.wrapper{ margin-left:-15px; width:167px!important; margin-bottom:-15px; display:none; } ul.wrapper, ul.wrapper li.pa-awards{ border-color:transparent; } </style> <script> // кнопка - ссылка на Картинку var Img="http://s1.uploads.ru/i/BRmKg.png"; wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='"; wrappEnd="'><ul class=wrapper></ul></li>"; wrapp1=wrapp1+Img+wrappEnd; $(window).load(function () { $(".post .post-author .pa-awards").each(function() { if($(this).css("display")!="none"){ $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul') $(this).appendTo(a) } });}); $(".post .post-author-Sp ").live("click", function(){ $(this).find('ul:first').toggle('slow') });</script> <!--Конец//=спойлер наград в Профиле, в Топике-->
хтмл низ
<style>#pun-announcement { background: url("http://s4.uploads.ru/rX1IF.png") 90% 100% no-repeat transparent; height: 318px; margin-top: 45px; position: relative; z-index: 0; } #va_anno { padding: 10px; height: 300px; } #usual1 { position: relative; } /*закладки*/ #usual1 > ul { position: relative; text-align: left; width: 200px; z-index: 15; margin-left: -40px; top: 32px; } #usual1 > ul li { display: block; height: 58px; margin-top: -10px; display: inline-block; } #usual1 > ul li a { background: url(http://s5.uploads.ru/r8eOV.png) 0px 0px no-repeat transparent; /*color: #f6f6f6 !important;*/ display: inline-block; font-weight: 700; height: 40px; line-height: 5px; padding: 18px 15px 0px 64px; position: relative; width: 112px; color: #f6f6f6; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; font-size: 12pt; font-variant: small-caps; font-weight: 700; } #but2 a {background-position: 0px -58px !important; height: 42px !important;} #but3 a {background-position: 0px -118px !important; height: 47px !important;} #but4 a {background-position: 0px -183px !important; height: 41px !important;} #but5 a {background-position: 0px -242px !important; height: 38px !important;} #but1 a:hover, #but1 a:focus, #but1 a:active, #but1 .selected {background-position: -190px 0px !important; } #but2 a:hover, #but2 a:focus, #but2 a:active, #but2 .selected {background-position: -190px -58px !important; } #but3 a:hover, #but3 a:focus, #but3 a:active, #but3 .selected {background-position: -190px -118px !important;} #but4 a:hover, #but4 a:focus, #but4 a:active, #but4 .selected {background-position: -190px -183px !important; } #but5 a:hover, #but5 a:focus, #but5 a:active, #but5 .selected {background-position: -190px -242px !important; } #usual1 > ul li a:hover, #usual1 > ul li a:active, #usual1 > ul li a:focus, #usual1 .selected { color: #3B1901 !important; padding-top: 17px !important; } /*конец закладок*/ #usual1 li a:hover, #usual1 li a:active, #usual1 li a:focus { color: #E1D7BF !important; } .anno-content { height: 272px; left: 148px; padding: 24px 3px 4px; position: absolute; top: 0px; width: 678px; } #tab1 { padding: 0px 3px 3px !important; height: 300px !important; } .va_container { box-shadow: inset 0px 0px 10px #7b2f01, 2px 2px 5px rgba(0, 0, 0, 0.447); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 3px; padding: 3px; position: relative; float: left; background: rgba(127, 50, 3, 0.298); } .va_container h1 { color: #754320; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; font-size: 12pt; font-variant: small-caps; font-weight: 700; line-height: 16px; margin: 0px auto; padding: 4px; text-align: center; margin: 3px; background: rgba(100, 37, 0, 0.702); box-shadow: inset 2px 2px 10px rgba(156, 102, 64, 0.447), 3px 3px 5px rgba(124, 53, 3, 0.345); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(left, rgba(196,160, 0,0.7) 0%, rgba(196,160, 0,0.7)50%, rgba(196,160, 0,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(196,160, 0,0.7)), color-stop(50%,rgba(232,210,155,0.7)), color-stop(100%,rgba(196,160, 0,0.7)))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7) 50%,rgba(196,160, 0,0.7)100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7) 50%,rgba(196,160, 0,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7) 50%,rgba(196,160, 0,0.7) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7)50%,rgba(196,160, 0,0.7)100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d9b26f', endColorstr='#b3d9b26f',GradientType=1 ); /* IE6-9 */ } #va_part1 { background: transparent; margin-left: -50px; max-height: 250px; padding-left: 44px; padding-right: 30px; text-align: center; width: 464px; } #va_part2 { height: 306px; left: 476px; overflow: hidden; position: absolute; top: 0px; width: 204px; } #va_part3, #va_part4 { width: 200px; } #va_part8{ background: transparent; height: 280px; margin-top: -25px; padding: 25px 18px 4px; width: 426px; } #va_part8 li a { border-bottom: 1px solid rgba(84, 73, 19, 0.345); display: block; font-weight: 700; min-height: 20px; padding-left: 8px; position: relative; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; } #va_part8 li a:hover, #va_part8 li a:focus, #va_part8 li a:active { background: rgba(192, 64, 10, 0.400); color: #50230D !important; } #va_part7 { margin-right: 200px !important; } #va_part10 li a { border-bottom: 1px solid rgba(84, 73, 19, 0.345); display: block; font-weight: 700; min-height: 20px; padding-left: 8px; position: relative; color: #000000 !important; text-transform: uppercase; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; } #va_part10 li a:hover, #va_part10 li a:focus, #va_part10 li a:active { background: rgba(110, 6, 1, 0.900); color: #c4a000 !important; text-transform: uppercase; } #crow { background: transparent; height: 78px; margin-left: -70px; margin-top: -34px; position: absolute; width: 115px; } </style> <div id="va_anno"> <div id="crow"> </div> <div id="usual1" class="idtabs"> <!--ЗАКЛАДКИ--> <ul class="tabs"> <li id="but1" class="va_tab"><a href="#tab1" class="selected"><span>Новости</span></a></li> <li id="but2" class="va_tab"><a href="#tab2"><span>Должники</span></a></li> <li id="but3" class="va_tab"><a href="#tab3"><span>Лучшие</span></a></li> <li id="but4" class="va_tab"><a href="#tab4" onclick="BANNERS_TOGGLE()"><span>Партнеры</span></a></li> <li id="but5" class="va_tab"><a href="#tab5"><span>Эпизоды</span></a></li> </ul> <!--контент закладок--> <div id="tab1" class="anno-content"> <!--начало закладки 1--> <div id="va_part1"> <center> <img src="http://s5.uploads.ru/mygja.png" alt="WELCOME TO SHOW TIME!!" style="margin-top: -9px;" border="0" /></center> <center> <b>Информация</b><br> <b>Система игры:</b> Смешанная; <b>рейтинг:</b> NC-21 <br> <b>ВНИМАНИЕ! АКТУАЛЬНО!</b> <br> Сегодня прекрасный день. День, когда наша ролевая – открылась. Торжественное ура! Я поздравляю всех администраторов за их кропотливый труд, хорошую работу и создание этого проекта. <br> Спешу добавить дорогие гости, что к нам присоединиться можно в любую секунду. Мы рады всем. Еще до конца июля у нас стартует новая акция «Жаркое лето», где мы с нетерпением ждем всех желающих вступить в наши ряды. Совсем скоро появятся новые игры, конкурсы и многое другое. Главное, мы ждем вас и всех любим!<br> С Днем Рожденья, Парадиз Сити! Linda Kharbel<br> </center> <br> <b>Обновления в игре:</b> <br> - 2013-07-01 * Открытие ролевой <br> </div> <div id="va_part2"> <div class="va_container"> <h1>Время и Погода</h1> <center> <b>Время: июль 2013 года</b> <br> <b>Погода на месяц:</b> <br> см. <a href="http://paradisecitylife.rusff.ru/viewtopic.php?id=70#p136">календарь</a> </center> </div> <div class="va_container"> <h1>VIP Партнеры</h1> <center> <a href="http://boston.rolebb.com/"><img src="http://i47.fastpic.ru/big/2013/0521/59/b0abc6e61a477726b1c47c95ff75c759.gif"></a> </center> </div> </div> <!--конец закладки 1--> </div> <div id="tab2" class="anno-content"> <!--начало закладки 2--> <div id="va_part8" > <div id="va_part3" class="va_container"> <h1>Должники в Такой Такой Эпизод:</h1> <ul> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> </ul> </div> <div id="va_part4" class="va_container"> <h1>Должники в Такой Такой Эпизод:</h1> <ul> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> </ul> </div> </div> <!--конец закладки 2--> </div> <div id="tab3" class="anno-content"> <!--начало закладки 3--> <div id="va_part7" class="va_container"> <h1>Активисты недели</h1> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> </div> <div id="va_part5" class="va_container"> <h1>Best Player</h1> <a href="СЮДА ССЫЛКА НА ПРОФИЛЬ", title='СЮДА ИМЯ ИГРОКА'><img src="гифка 200 на 120" /></a> </div> <div id="va_part6" class="va_container"> <h1>Пара недели</h1> <a href="СЮДА ССЫЛКА НА ПРОФИЛЬ", title='СЮДА ИМЯ ИГРОКА'><img src="гифка 200 на 120" /></a> </div> <!--конец закладки 3--> </div> <div id="tab4" class="anno-content"> <!--начало закладки 4--> <h1>Partners</h1> <div id=ba_0 style="display: none"> <style id=BanersHide>/* <center> <a href="http://dubai.rusff.ru/" title="Dubai. Fairy Tale city" target=_blank> <img src="http://s4.uploads.ru/yupQ1.gif" border="0" alt="Dubai. Fairy Tale city"></a> </center> */</style> </div> <script> function BANNERS_TOGGLE(){if($("#ba_0").css("display")=="none"){var V=$("#ba_0 #BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");$("#ba_0").html(V1);}$("#ba_0").fadeIn("slow"); }else $("#ba_0").hide();}</script> <!--конец закладки 4--> </div> <div id="tab5" class="anno-content"> <!--начало закладки 5--> <center> Какие эпизоды активны какие нет и т.п. </center> <!--конец закладки 5--> </div> </div> </div> <style> #pun-announcement h2 span { display:none; } </style>
объява
<input id="num" type="text" class="codeButtons" readonly="true" style="width:40px;text-align:center" title="Счётчик символов"> <script type="text/javascript"> document.getElementById("main-reply").addEventListener('focus', nc, false); document.getElementById("main-reply").addEventListener('keydown', nc, false); document.getElementById("main-reply").addEventListener('keyup', nc, false); document.getElementById("main-reply").addEventListener('keypress', nc, false); document.getElementById("main-reply").addEventListener('change', nc, false); function nc(){document.getElementById('num').value = document.getElementById('main-reply').value.length} </script>
форма ответа
<script type="text/javascript"> image = new Array(); image[0]="http://gungsters.ucoz.ru/paradisecitys/paradiz_siti_dnevnaja_shapka.png" image[1]="http://gungsters.ucoz.ru/paradisecitys/nochnaja_shapka.png" var img=image[Math.floor(Math.random()*image.length)]; document.write("<style>#pun-title TABLE {background-image: url("+img+");}</style>"); </script> <style>#pun-announcement { background: url("http://s4.uploads.ru/rX1IF.png") 90% 100% no-repeat transparent; height: 318px; margin-top: 45px; position: relative; z-index: 0; } #va_anno { padding: 10px; height: 300px; } #usual1 { position: relative; } /*закладки*/ #usual1 > ul { position: relative; text-align: left; width: 200px; z-index: 15; margin-left: -40px; top: 32px; } #usual1 > ul li { display: block; height: 58px; margin-top: -10px; display: inline-block; } #usual1 > ul li a { background: url(http://s5.uploads.ru/r8eOV.png) 0px 0px no-repeat transparent; /*color: #f6f6f6 !important;*/ display: inline-block; font-weight: 700; height: 40px; line-height: 5px; padding: 18px 15px 0px 64px; position: relative; width: 112px; color: #f6f6f6; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; font-size: 12pt; font-variant: small-caps; font-weight: 700; } #but2 a {background-position: 0px -58px !important; height: 42px !important;} #but3 a {background-position: 0px -118px !important; height: 47px !important;} #but4 a {background-position: 0px -183px !important; height: 41px !important;} #but5 a {background-position: 0px -242px !important; height: 38px !important;} #but1 a:hover, #but1 a:focus, #but1 a:active, #but1 .selected {background-position: -190px 0px !important; } #but2 a:hover, #but2 a:focus, #but2 a:active, #but2 .selected {background-position: -190px -58px !important; } #but3 a:hover, #but3 a:focus, #but3 a:active, #but3 .selected {background-position: -190px -118px !important;} #but4 a:hover, #but4 a:focus, #but4 a:active, #but4 .selected {background-position: -190px -183px !important; } #but5 a:hover, #but5 a:focus, #but5 a:active, #but5 .selected {background-position: -190px -242px !important; } #usual1 > ul li a:hover, #usual1 > ul li a:active, #usual1 > ul li a:focus, #usual1 .selected { color: #3B1901 !important; padding-top: 17px !important; } /*конец закладок*/ #usual1 li a:hover, #usual1 li a:active, #usual1 li a:focus { color: #E1D7BF !important; } .anno-content { height: 272px; left: 148px; padding: 24px 3px 4px; position: absolute; top: 0px; width: 678px; } #tab1 { padding: 0px 3px 3px !important; height: 300px !important; } .va_container { box-shadow: inset 0px 0px 10px #7b2f01, 2px 2px 5px rgba(0, 0, 0, 0.447); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 3px; padding: 3px; position: relative; float: left; background: rgba(127, 50, 3, 0.298); } .va_container h1 { color: #754320; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; font-size: 12pt; font-variant: small-caps; font-weight: 700; line-height: 16px; margin: 0px auto; padding: 4px; text-align: center; margin: 3px; background: rgba(100, 37, 0, 0.702); box-shadow: inset 2px 2px 10px rgba(156, 102, 64, 0.447), 3px 3px 5px rgba(124, 53, 3, 0.345); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(left, rgba(196,160, 0,0.7) 0%, rgba(196,160, 0,0.7)50%, rgba(196,160, 0,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(196,160, 0,0.7)), color-stop(50%,rgba(232,210,155,0.7)), color-stop(100%,rgba(196,160, 0,0.7)))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7) 50%,rgba(196,160, 0,0.7)100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7) 50%,rgba(196,160, 0,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7) 50%,rgba(196,160, 0,0.7) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(196,160, 0,0.7) 0%,rgba(196,160, 0,0.7)50%,rgba(196,160, 0,0.7)100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d9b26f', endColorstr='#b3d9b26f',GradientType=1 ); /* IE6-9 */ } #va_part1 { background: transparent; margin-left: -50px; max-height: 250px; padding-left: 44px; padding-right: 30px; text-align: center; width: 464px; } #va_part2 { height: 306px; left: 476px; overflow: hidden; position: absolute; top: 0px; width: 204px; } #va_part3, #va_part4 { width: 200px; } #va_part8{ background: transparent; height: 280px; margin-top: -25px; padding: 25px 18px 4px; width: 426px; } #va_part8 li a { border-bottom: 1px solid rgba(84, 73, 19, 0.345); display: block; font-weight: 700; min-height: 20px; padding-left: 8px; position: relative; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; } #va_part8 li a:hover, #va_part8 li a:focus, #va_part8 li a:active { background: rgba(192, 64, 10, 0.400); color: #50230D !important; } #va_part7 { margin-right: 200px !important; } #va_part10 li a { border-bottom: 1px solid rgba(84, 73, 19, 0.345); display: block; font-weight: 700; min-height: 20px; padding-left: 8px; position: relative; color: #000000 !important; text-transform: uppercase; font-family: "Book Antiqua", "Georgia", "Times New Roman", "Times", serif; } #va_part10 li a:hover, #va_part10 li a:focus, #va_part10 li a:active { background: rgba(110, 6, 1, 0.900); color: #c4a000 !important; text-transform: uppercase; } #crow { background: transparent; height: 78px; margin-left: -70px; margin-top: -34px; position: absolute; width: 115px; } </style> <div id="va_anno"> <div id="crow"> </div> <div id="usual1" class="idtabs"> <!--ЗАКЛАДКИ--> <ul class="tabs"> <li id="but1" class="va_tab"><a href="#tab1" class="selected"><span>Новости</span></a></li> <li id="but2" class="va_tab"><a href="#tab2"><span>Должники</span></a></li> <li id="but3" class="va_tab"><a href="#tab3"><span>Лучшие</span></a></li> <li id="but4" class="va_tab"><a href="#tab4" onclick="BANNERS_TOGGLE()"><span>Партнеры</span></a></li> <li id="but5" class="va_tab"><a href="#tab5"><span>Эпизоды</span></a></li> </ul> <!--контент закладок--> <div id="tab1" class="anno-content"> <!--начало закладки 1--> <div id="va_part1"> <center> <img src="http://s5.uploads.ru/mygja.png" alt="WELCOME TO SHOW TIME!!" style="margin-top: -9px;" border="0" /></center> <center> <b>Информация</b><br> <b>Система игры:</b> Смешанная; <b>рейтинг:</b> NC-21 <br> <b>ВНИМАНИЕ! АКТУАЛЬНО!</b> <br> Сегодня прекрасный день. День, когда наша ролевая – открылась. Торжественное ура! Я поздравляю всех администраторов за их кропотливый труд, хорошую работу и создание этого проекта. <br> Спешу добавить дорогие гости, что к нам присоединиться можно в любую секунду. Мы рады всем. Еще до конца июля у нас стартует новая акция «Жаркое лето», где мы с нетерпением ждем всех желающих вступить в наши ряды. Совсем скоро появятся новые игры, конкурсы и многое другое. Главное, мы ждем вас и всех любим!<br> С Днем Рожденья, Парадиз Сити! Linda Kharbel<br> </center> <br> <b>Обновления в игре:</b> <br> - 2013-07-01 * Открытие ролевой <br> </div> <div id="va_part2"> <div class="va_container"> <h1>Время и Погода</h1> <center> <b>Время: июль 2013 года</b> <br> <b>Погода на месяц:</b> <br> см. <a href="http://paradisecitylife.rusff.ru/viewtopic.php?id=70#p136">календарь</a> </center> </div> <div class="va_container"> <h1>VIP Партнеры</h1> <center> <a href="http://boston.rolebb.com/"><img src="http://i47.fastpic.ru/big/2013/0521/59/b0abc6e61a477726b1c47c95ff75c759.gif"></a> </center> </div> </div> <!--конец закладки 1--> </div> <div id="tab2" class="anno-content"> <!--начало закладки 2--> <div id="va_part8" > <div id="va_part3" class="va_container"> <h1>Должники в Такой Такой Эпизод:</h1> <ul> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> </ul> </div> <div id="va_part4" class="va_container"> <h1>Должники в Такой Такой Эпизод:</h1> <ul> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> <li><a href=" ССЫЛКА НА ТЕМУ">ИМЯ ДОЛЖНИКА</a></li> </ul> </div> </div> <!--конец закладки 2--> </div> <div id="tab3" class="anno-content"> <!--начало закладки 3--> <div id="va_part7" class="va_container"> <h1>Активисты недели</h1> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> <a href="ССЫЛКА НА ПРОФИЛЬ", title='НИК ИГРОКА'><img src="картинка 60 на 60" /></a> </div> <div id="va_part5" class="va_container"> <h1>Best Player</h1> <a href="СЮДА ССЫЛКА НА ПРОФИЛЬ", title='СЮДА ИМЯ ИГРОКА'><img src="гифка 200 на 120" /></a> </div> <div id="va_part6" class="va_container"> <h1>Пара недели</h1> <a href="СЮДА ССЫЛКА НА ПРОФИЛЬ", title='СЮДА ИМЯ ИГРОКА'><img src="гифка 200 на 120" /></a> </div> <!--конец закладки 3--> </div> <div id="tab4" class="anno-content"> <!--начало закладки 4--> <h1>Partners</h1> <div id=ba_0 style="display: none"> <style id=BanersHide>/* <center> <a href="http://dubai.rusff.ru/" title="Dubai. Fairy Tale city" target=_blank> <img src="http://s4.uploads.ru/yupQ1.gif" border="0" alt="Dubai. Fairy Tale city"></a> </center> */</style> </div> <script> function BANNERS_TOGGLE(){if($("#ba_0").css("display")=="none"){var V=$("#ba_0 #BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");$("#ba_0").html(V1);}$("#ba_0").fadeIn("slow"); }else $("#ba_0").hide();}</script> <!--конец закладки 4--> </div> <div id="tab5" class="anno-content"> <!--начало закладки 5--> <center> Какие эпизоды активны какие нет и т.п. </center> <!--конец закладки 5--> </div> </div> </div> <style> #pun-announcement h2 span { display:none; } </style>
новое объявление с меняющейся шапкой вместо смены стиля
Вы здесь » Paradise City. Тестовик для Димы2 » Тестовый форум » Коды дизайна