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://upforme.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 » Тестовый форум » Коды дизайна