https://forumstatic.ru/files/001b/c1/b8/44924.css
https://forumstatic.ru/files/001b/c1/dc/23636.css

MODERS

Paradise City. Тестовик для Димы2

Объявление

WELCOME TO SHOW TIME!!
Информация
Система игры: Смешанная; рейтинг: NC-21
ВНИМАНИЕ! АКТУАЛЬНО!
Сегодня прекрасный день. День, когда наша ролевая – открылась. Торжественное ура! Я поздравляю всех администраторов за их кропотливый труд, хорошую работу и создание этого проекта.
Спешу добавить дорогие гости, что к нам присоединиться можно в любую секунду. Мы рады всем. Еще до конца июля у нас стартует новая акция «Жаркое лето», где мы с нетерпением ждем всех желающих вступить в наши ряды. Совсем скоро появятся новые игры, конкурсы и многое другое. Главное, мы ждем вас и всех любим!
С Днем Рожденья, Парадиз Сити! Linda Kharbel

Обновления в игре:
- 2013-07-01 * Открытие ролевой

Время и Погода

Время: июль 2013 года
Погода на месяц:
см. календарь

VIP Партнеры

Активисты недели

Best Player

Пара недели

Partners

Какие эпизоды активны какие нет и т.п.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Paradise City. Тестовик для Димы2 » Тестовый форум » Коды дизайна


Коды дизайна

Сообщений 1 страница 9 из 9

1

http://paradisecitylifetest1.rusff.me/
https://paradisecitynighttest.rusff.me/

тестовики с дизом для Димы

0

2

Код:
/*****************************************
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;
  }

дневной стиль

0

3

Код:
/*****************************************
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;
  }

ночной стиль

0

4

Код:
/* 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;}

нижний второй стиль

0

5

Код:
<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>

хтмл верх

0

6

Код:
<div style="font-family: arial;
  font-size: 0.7em;
  position: absolute;
  text-transform: uppercase;
    font-family: 'agency';
  color: #8d6946;
  margin-top: 190px;
  margin-left: 46px;">
Design by StarKi <br> ICQ  589141334
</div>

<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>
<script><!--Оставляем цифру Новых сообщений. -->
var clr=($("#navpm a").css("color"));var chng="&nbsp;(";
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&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;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&amp;wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&amp;slowChannel=1&amp;autostart=0&amp;volumePercent=100&amp;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&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;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>
<!--Конец//=спойлер наград в Профиле, в Топике-->

хтмл низ

0

7

Код:
<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>

объява

0

8

Код:
<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>

форма ответа

0

9

Код:
<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>

новое объявление с меняющейся шапкой вместо смены стиля

0


Вы здесь » Paradise City. Тестовик для Димы2 » Тестовый форум » Коды дизайна


Рейтинг форумов | Создать форум бесплатно