Дизайны

Страница: 1

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

Поделиться12015-09-08 12:29:51

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

*******

Поделиться22015-09-08 12:35:09

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Структура style.css

Код:

/* Aeternitas - Академия Магических Искусств
-------------------------------------------------------------*//*************************************************************
A - Установка
**************************************************************/

/* A1 Имортируем второй файл
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2 Основное
-------------------------------------------------------------*/

/*  A2.1 ХТМЛ БОДИ */
html, body {margin: 0; padding: 0}

/* A2.2 Отключение отступов всех последователей punbb*/

.punbb * {
  margin: 0
  }

/* A2.3 Отключение стилей списков*/
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 Отключение бордюров картинок*/
.punbb img {
  border:none
  }

/* A2.5 Стандарт для таблицы */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 Флажки*/
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 Флажки*/
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Оформление текста
-------------------------------------------------------------*/

/* A3.1 Размер текста*/
body {
  font-size: 100.01%;
  }

/* A3.2 Шрифт*/
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 Текст в формах*/
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 Текст заголовков*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 Большие заголовки*/
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 Пре ем*/
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 Ем для обязательных полей*/
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 Ем для постконтента*/
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 Ем для постконтента бблинии*/
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 Сброс стиля для ссылок*/
.punbb a {
  text-decoration: underline
  }

/* A3.11 Текст групп*/
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Чистота элемента и скрытые элементы
-------------------------------------------------------------*/

/* 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 Макет страницы
-------------------------------------------------------------*/

/* A5.1 Ширина форума тело*/
#pun {
  margin: 0px;
  position: relative;
  width: 1049px;
  margin: auto; 
  margin-top: 70px;
  }

/* A5.2 Ширина форума основа*/
.punbb { 
  width: 850px ; 
  position: relative;
  height: auto;
  color: #352318;
  margin-left:115px;
  }

/* A5.3 Переадресация*/
#pun-redirect, #pun-maint {
  margin: 0;
  width: 100%;
  height: 100%;
  float: none; 
  top: 0 !important;
  left: 0 !important;
  }

/* A5.4 Секции*/
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 Отступы категорий и поста*/
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 Категории*/
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 Топики*/
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 Секции и форумы*/
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 1.0em 1em 0.4em 1.0em; 
  border-style: none solid solid none;
  border-width: 0 1px 1px 0; 
  }


/***************************************/*************************************************************
B - Основной контент. Главное
**************************************************************/

/* B1 Разбитие элементов
-------------------------------------------------------------*/

/* B1.1 Пост-контент*/
.punbb .post-content {
  padding: 0px;
  margin: 0px;
  width: 100%;
  overflow: hidden; 
  }

/* B1.2 Подпись*/
.punbb .post-sig dt { 
  display: block;
  width: 100%;
  margin: 5px 0;  
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 130%; 
  }

/* 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 Информационные блоки
-------------------------------------------------------------*/

/* B2.1 Информационный блок*/
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 Последователи информационного блока*/
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 Информационный блок. Легенда*/
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Разбивка. Страницы и ссылки
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;}

/* B3.2 */
.multipage {
  margin-top: 1em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  margin-top: -3em;
  left: 0em;
  width: 24em;}

/* B3.4 */
.linkst .postlink {
  position: absolute;
  right: 1em;
  width: 16em;
  margin-top: -3em;
  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 - Спецификация
**************************************************************/

/* C1 Ориентирование форм
-------------------------------------------------------------*/

/* 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: 1px;
  padding: 0 28px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
   text-align: center;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  border:0px none;  
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Ориентация таблиц
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
 
  }

.punbb .main .tcl .intd .tclcon {
padding-left: 47px;
  }

/* 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: right;
  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: center;
  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;
  }

/* 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: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 1em
  }

/* C2.15 */
.punbb div.icon {
  height: 44px;
  width:44px;
  float: left;
  margin-left: -5px;
  display: block;
  padding: 4px;
  margin-top: 1px;
  }


 /* C3 Топики
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.1em 1em;
  display: block;
  margin-left:20em;
  border-left-style: solid;
  border-left-width: 1px
z-index: 50;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 2em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19.0em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 18px;
  text-transform: uppercase;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-top: 30px;
  padding-bottom: 0.4em; text-size:10px; font-family: verdana;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em; 
  margin-bottom: 10px;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 18px;
  line-height: 2em;
  margin-left: -19em;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Меню модерации
-------------------------------------------------------------*/

/* 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 Блоки сообщений
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Профиль
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* 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 Пользовательский лист
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/***************************************/*************************************************************
D - Другие разделы. Остальное
**************************************************************/

/* D1 Логотип
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }


/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 Отступ сверху*/
#pun-title h1 span  {
  display : none;
  }

#pun-title table {
	border: none;
	height: 0px;
	width: 100%;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

/* D2 Навигация страницы
-------------------------------------------------------------*/

/* 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 Навигация форума
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: auto; 
  margin-top: -380px;
  margin-left: -50px;
}

#pun-navlinks .container {
  border-style: none;
  border-width:0px;
  position: top center
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  width: 120%; 
  margin-top: -420px;
  margin-left: -80px;
  text-align: center;
  padding-top: 10px;

}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1em;
  }

/* D4 Навигация пользователя
-------------------------------------------------------------*/

/* D4.1 Отступы*/
#pun-ulinks  {
  margin-top: 360px;
  width: 100%; 
  text-align: center;
  margin-left: 10px; 
text-align: top center; 
 font-size: 13px !important;
 font-style: italic; 
  font-family: "times new roman"; 
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  position: absolute;
  top: 365px;
  text-align: center; width: 874px;} 

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  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 Блок приветсвия
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* 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;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Объявление
-------------------------------------------------------------*/

/* D6.1 Скрытие слова объявление*/
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 0px 0;
  position: relative;
  font-weight: bold;
    position: center;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  }

/* D6.3 отступы у объявления*/
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }
#pun-announcement.section h2 span {display: none; }

/* D7 Статистика
-------------------------------------------------------------*/

/* D7.1 Отступы*/
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 Ориентация*/
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 Ориентированность*/
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 Лист онлайна*/
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 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 Быстрый переход
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  text-align: center;
  line-height: 120%;  
  overflow-x: hidden;
  }

/* 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;
text-align: center;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 0px;
  }


/* D9 Файл помощи
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  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;
  }

Поделиться32015-09-08 12:35:43

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Цвета style_cs.css

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Основной фон форума */
body {
 background: #29211c url("http://savepic.su/5337005.jpg") repeat;
}


/* шапка, плавно переходящая в таблицу */
#pun-title table {
  background-image : url("http://savepic.su/5592772.png");
  margin-left: 0px; /*поле влево*/
  margin-bottom: 0px; /*поле, относительно низа*/

}

/* Смена шапок */
#logos {
height: 308px;
width: 825px;
position: absolute;
top: 0px;
left: -16px;
z-index: 0;
}

/* Стиль полосы прокрутки */
::-webkit-scrollbar
{width: 5px;}
::-webkit-scrollbar-thumb{
background-color: #726280; }

/*Скрыть категории и статус*/
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}

/* Прозрачность блоков */
.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-title, #pun-title .container, .punbb .modmenu .container, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  }

/* Дата и время поста */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span {
 background: transparent 
 border: 4px solid transparent;
  color: #1c0e0c; /* цвет текста */
 }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 font-size: 18px;
 text-align: center;
 font-family: Georgia;
 text-transform: uppercase; 
 text-shadow:1px  1px  0px  #f8f8f8;
 height: 30px;
 color: #1c0d06;
  }

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

#pun-category1 h2, #pun-category2 h2, #pun-category3 h2, #pun-stats h2, #post-form h2, #pun-category4 h2,  #pun-category5 h2, #pun-category6 h2 {
  color: transparent !important;
  text-shadow: none;
}

.punbb-admin #pun-admain h2{
color: #1d2e29 ;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 55px;}


/* Цитата и код */
.punbb .quote-box, .punbb .code-box {
box-shadow: 0px 0px 0px 3px #7f6e63, 
0px 0px 0px 2px #453028;  /* цвет и рамка */
padding:10px;
background: transparent url("http://savepic.su/5309386.png") repeat;
color: #0141001; /* цвет текста */
text-align: left;
 border: 1px solid #453028 !important;  
/* рамка блока */
  }

.post-content .highlight-text { 
margin: 0 1.0em 0 1.0em;
padding: 20px;
background-image: url("http://s020.radikal.ru/i708/1412/05/7d88b915be2e.jpg");
background-color: #e7e2dc !important;
color: b4b2b2!important;
display: block;
font-style: italic;
font-family: Georgia;
font-size: 15px !important;
font-weight: bold;
text-align: left;
line-height: 15px;
text-shadow: 1px -1px 0px #f2f0eb;
border: 3px solid #eae3dd;
box-shadow: inset  0px 0px 0px 1px #997e65, 
                    0px 0px 0px 1px #997e65,
                    -5px -5px #b7997d,
                    -5px -5px #b7997d;
}


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  font-size: 11px;
  text-transform: uppercase;
  font-family: verdana;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* Форма ответа */
.punbb textarea  {
box-shadow: 0px 0px 0px 3px #7f6e63, 
0px 0px 0px 4px  #453028;   /* цвет и рамка */
padding:10px;
background: url(http://savepic.ru/5330294m.png);
color: #1d2e29;
 border: 1px solid  #453028 !important;
  /* рамка блока */ }

/* Оформление профиля */
.punbb .post .post-author > ul {
background: url(http://savepic.su/5319604.png) top center no-repeat,
url(http://savepic.su/5326772.jpg) bottom center no-repeat;
padding: 20px 5px 20px 5px !important;
}
.punbb .post .post-author {
text-align: center;
background: transparent url(http://savepic.su/5322676.jpg) repeat-y;
color: #1d2e29;} /*цвет текста */

.pa-author a, .pa-author {color: #211715!important;
 text-shadow: 1px 0px 0px #d0c6bd;
font-family: 'Georgia';}
.pa-author a:hover {
color: #bfd2cf!important; }

.post-author-Sp{
background-color: transparent;
}

ul.wrapper{
width:209px!important;
margin-bottom:-10px;
margin-left: -12px;
display:none;
}

ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}

.pa-fld1 {margin-top: -15px !important;}

li.pa-avatar .Wrp-ava img[alt]{
  display:block;
  padding:0;
  border-width:0;
  margin:1px; 
}

/*Рейтинг поста */
.punbb select, .post-body .post-rating .container {
 padding: 3px;
 border: none ;
 color: #525151; 
 border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px; 
}

 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
 padding: 5px;
 border: none ;
 margin: 5px;
 box-shadow: 0px 0px 0px 3px #eae3dd, 
 0px 0px 0px 4px #cccccc;
 padding:10px;
 background: #fff;
 color: #1d2e29;
 border: 1px solid #eae3dd !important;
}

/* Оформление кнопок*/
.punbb input, .punbb .button {
background: transparent url("http://savepic.su/5316536.jpg") repeat;
 border: 4px solid transparent;
  -webkit-border-image: url(http://savepic.su/5342136.png) 10 10 round;
    -o-border-image: url(http://savepic.su/5342136.png)  10 10 round;
    border-image: url(http://savepic.su/5342136.png) 10 10 round;
  color: #2e251d;
 box-shadow: 0px 0px 10px #36291f inset; 
padding: 5px 10px !important;
}

#post .formsubmit {text-align: center;}

/* 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:transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

/*Оформление подписи*/
.punbb .post-sig dt {background-color:#725c51;  height: 1px; width: 600px; margin: left; border: none;}



/* Оформление ссылок
-------------------------------------------------------------*/

/* 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: #362217;
    border-bottom: 0px none #000;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #200d01
  }

/* 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: #200d01;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
color: #ffffff;
text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ffffff;
  }

/*Пользовательские ссылки до нажатия*/
#pun-ulinks li a {
  color: #332422;
  opacity: 0.8; }

#pun-ulinks li a:hover {
  color: #4d3633;
  }

/*Активные пользовательские ссылки*/
#pun-uvlinks a:hover, #pun-uvlinks a:focus, #pun-uvlinks a:active {
  opacity: 1.0;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

.post-links ul li a {
color: #372c26 !important; }
.post-links ul li a:hover {
color: #29160b !important; }



/* Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {background-image : url(http://savepic.su/5353380.png); background-repeat: no-repeat; } /* нет новых сообщений */
TR.inew Div.icon {background-image : url(http://savepic.su/5315493.png); background-repeat: no-repeat;} /* новые сообщения */
TR.isticky Div.icon {background-image : url(http://savepic.su/5350311.png); background-repeat: no-repeat;} /* важная тема */
TR.iclosed Div.icon {background-image : url(http://savepic.su/5344167.png); background-repeat: no-repeat;} /* закрытая тема */
TR.iredirect Div.icon {background-image : url(http://savepic.su/5344167.png); background-repeat: no-repeat;} /* тема переадресации*/

#pun-main div.catleft, #pun-main div.catright {display: none}



/* Остальное
 -------------------------------------------------------------*/


#pun-title table tbody tr .title-logo-tdr {
  position: absolute; 
  z-index: 1;
  left: 151.5px;
  top: 0px;  
}

 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
  display: none
}


/* Иконка статистики*/
#pun-stats ul.container {
  background: transparent url(http://savepic.su/5447961.png) no-repeat 0px 1px;
  padding-left: 50px;
  margin-top: -20px;
  padding-bottom:20px;}

#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container  {
 background: transparent url("http://savepic.ru/5333353m.jpg") !important;  }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 { background: transparent url("http://savepic.ru/5333353m.jpg") !important; 
width: auto !important; height: 15px !important; margin: auto !important;
text-shadow: none !important; color: #806e62 !important;}

/* Стиль жирного текста */
b, p strong{  
 color: #211715; /* цвет текста */
 text-shadow:1px  -1px  0px  #b3d6aa;}
 /* цвет текста*/

/* Разделительная полоса */
hr {
border: none;
  height: 40px;
background: url("http://savepic.su/5494058.png") no-repeat  top center;}


/* Фон тела форума */
#pun { background-image : url("http://savepic.su/5343149.jpg");
background-repeat: repeat-y; /*повторение изображения*/
background-position : center;} /*позиция картинки*/

/* Шапка */
#pun-title.section {background-color: transparent; 
  background-image: url("http://savepic.su/5592772.png"); 
  background-position: top center; 
  background-repeat:no-repeat;
  height:753px;
  width : 1324px; 
margin-top: -93px; /* отступ сверху */
  margin-left: -253px; /*отступ слева*/}

/* Страница переадресации */
#pun-redirect { 
background: url("http://savepic.su/5326478.png") no-repeat top center, 
/* картинка переадресации */
#29211c url("http://savepic.su/5337005.jpg") repeat; /* фоновое изображение страницы переадресации */
position: fixed;
text-align: center;
font-size:12px;
  }

 #pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
  margin-bottom:20px !important;
  }


.linkst .pagelink, .linkst .postlink {
padding-top: 0px;}

/* Размер кнопок форума */
#form-buttons {
margin: 2px 2px 2px 10px;
padding: 2px 2px 2px 10px;
}

/* Футер */
#pun-about p.container {background-color: #; /*цвет фона*/
  background-image: url("http://savepic.su/5317982.png");
  margin-left: -253px; /*поле влево*/
 margin-bottom: -220px; /*поле вниз*/
  background-position : center top; /*позиция картинки*/
  background-repeat : no-repeat; /*повтор слоя*/
  height: 236px; /*высота картинки*/
  width: 1324px; /*ширина картинки*/
  overflow-x: hidden; /*перекрытие скрыто*/
  text-align: center; /*расположение текста*/
}
div#html-footer {
margin: 20px 0px 0px 0px;} /*поле объекта: вверх, вправо, вниз, влево*/


#profile .container #profilenav h2   {
text-align : left;
color: #5e4637;
text-shadow: none;}

#arrows {
position:fixed;
right:2%;
bottom: 45%;
}

#pun-status .container .item3{
margin-top: 1em;
}

/* Оформление описания форумов */
.punbb td div.tclcon {
    background: url("http://savepic.su/5364748.png") repeat scroll 0 0 transparent;
    border: medium double #674436;
    font-size: 11px;
    margin-left: 20px;
    margin-top: 5px;
    padding: 15px;
    text-align: justify;
    width: 75%;
}


/* Убрать строку "Форум, тем, сообщений, последнее сообщение"*/
.category .container thead {display: none;}


/*Оформление ссылок в описании форума*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: times new roman;
font-size: 13px;
background: url("http://savepic.su/5316536.jpg") repeat;
color: #422d2f; 
font-weight: bold;
text-align:center;
display: block;
margin: 1.5px;
text-decoration: none;
width:250px;
box-shadow: inset #825743 1px 1px 10px;
border:  1 px #674436
}

a.tvm:hover {
font-family: times new roman;
font-size: 13px;
background: url("http://savepic.su/5494044.jpg") repeat;
color: #beb89a; 
display: block;
font-weight: bold;
text-align:center;
cursor:pointer
text-decoration: none;
width:250px;
letter-spacing: 1px;
box-shadow: inset #b79678 1px 1px 12px;
}


/*Navigation
--------------------------------------------*/
#pun-navlinks a {
display: inline-block;
}

.Myimge {
left: 750px;
margin-top: -50px !important;
position: absolute;
cursor:pointer;}

/* Главная */
#navindex a {
background: url(http://savepic.su/5370897.png) no-repeat top center;
height: 40px; 
width: 100px;
left: 10px;
margin-top: -50px;
position: absolute;}


/* Участники */
#navuserlist a {
background: url(http://savepic.su/5336080.png) no-repeat top center;
height: 40px; 
width: 125px;
left: 115px;
margin-top: -50px;
position: absolute;}


/* Поиск */
#navsearch a {
background: url(http://savepic.su/5372946.png) no-repeat top center;
height: 40px; 
width: 100px;
left: 230px;
margin-top: -49px;
position: absolute;}


/* Профиль */
#navprofile a {
background: url(http://savepic.su/5315603.png) no-repeat top center;
height: 40px; 
width: 100px;
left: 570px;
margin-top: -49px;
position: absolute;}


/* Выход */
#navlogout a {
background: url(http://savepic.su/5362706.png) no-repeat top center;
height: 40px; 
width: 100px;
left: 800px;
margin-top: -49px;
position: absolute;}


/* ЛС */
#navpm a {
background: url(http://savepic.su/5342226.png) no-repeat top center;
height: 40px; 
width: 125px;
left: 680px;
margin-top: -50px;
position: absolute;
}

/* Администрирование */
#navadmin a {
background: url(http://savepic.su/5336082.png) no-repeat top center;
height: 40px; 
width: 125px;
left: 440px;
margin-top: -50px;
position: absolute;}

/* Вход */
#navlogin a {
background: url(http://savepic.su/5350418.png) no-repeat top center;
height: 40px; 
width: 100px;
left: 640px;
margin-top: -50px;
position: absolute;}

/* Регистрация */
#navregister  a {
background: url(http://savepic.su/5327890.png) no-repeat top center;
height: 40px; 
width: 125px;
left: 460px;
margin-top: -50px;
position: absolute;}

/* Баннеры */
#navextra1 a {
background: url(http://savepic.su/5322770.png) no-repeat top center;
height: 40px; 
width: 100px;
color: transparent !important;
left: 325px;
margin-top: -49px;
position: absolute;}

/* Специальный элемент */

.hpwrap {
    background: none repeat scroll 0 0 #CDB38B;
    border-radius: 3px;
    padding: 4px 6px 4px 4px;
}
.hpcount {
    background: none repeat scroll 0 0 #EEE9BF;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    color: #8B3E2F;
    font-weight: bold;
    padding: 1px;
    text-transform: uppercase;
}

#pun-navlinks a span {display: none;}

#pun-navlinks a span {display: none;}


input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}

.modlist {
  display: none !important;
}

Поделиться42015-09-08 12:35:57

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

HTML верх

Код:

<style>
.modlist {display: none;}
</style>

<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>

<div id="logos"><script>
var imgList=[
"http://savepic.su/5621445.png",
"http://savepic.su/5610181.png",
"http://savepic.su/5626565.png",
"http://savepic.su/5604037.png",
"End_"];//alert(Nrout)
var Nrout=imgList.length-2;
var i=Math.round(Math.random()*(Nrout));
$("#logos").css({"background-image":"url("+imgList[i]+")"})
</script></div>

<style>
#messanger { position:fixed; right:10%; top:65%; z-index:100; width:280px; border: 2px solid #696969;
-moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);}

#closer{
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3));
background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%);
background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D7E3E3', endColorstr='#1F1F1F');
color: lime; 
-moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;
}
#closer:hover {color: #FF4500; }</style>

<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 35%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://savepic.su/5348259.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://savepic.su/5336995.png" alt="Вниз страницы" ></a> 
</div>




<script>
  $(document).ready(function(){
    var imgWrp = "http://savepic.su/5434181.png"; // Ccылка на картинку;
    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute; z-index:50;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;  text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
 $(document).ready(function(){

myarray=new Array(
"Об игре", "http://savepic.su/5313498.png",
"Х", "http://savepic.su/5443864.png",
"Вселенная Забавы Богов", "http://savepic.su/5485851.png",
"Другие Миры", "http://savepic.su/5491995.png",
"Свободное пространство", "http://savepic.su/5448987.png",
"Реклама", "http://savepic.su/5439771.png",
 "Быстрый ответ", "http://savepic.su/5504282.png",
"Статистика форума", "http://savepic.su/5501210.png"
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2, #post-form h2").each(function (i) {
    for(q=0;q<myarray.length;q++){

    var cssObj = {
       "height":"52px",
       "background-color": "transparent",
       "background-image":"url("+myarray[q+1]+")",
       "background-position":"50% 50%",
       "background-repeat":"no-repeat"
    }

            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>

<style>
.lastedit {
display: none;
}
</style>

<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>

<!--Отключение кнопки Жалоба в сообщениях -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>

<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>

<!--Отключить функцию "Это интересно" -->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<!--Отключить надпись "Отредактировано"-->
<style>
p.lastedit {display:none}
</style>

<style type="text/css">
/* Стиль таблицы в объявлении
-------------------------------------------------------------- */

/* Выравнивание в ячейках таблиц */
#pun-announcement table td {
  text-align: center;
  vertical-align: top
  }

/* Меню с вкладками */
#menu {
margin-top: 410px;
width: 820px;
height: 50px;
  }

/* Вид вкладки в обычном состоянии */
#menu span {
  display: inline-block;
  padding: 3px
  cursor: pointer;
  text-align: center;
  }



/* Вид контейнера с переменным контентом */
#submenu {
  width: 800px;
  height: 400px;
  margin-top: 230px;
margin-left: -550px;
  padding: 1.3% 0;
  }

.submenutext {
  width: 750px;
  height: 150px;
  margin-top: 200;
  overflow-y: auto;
  text-align: center
  }

</style>


<table style="width: 100%;  background: transparent  center no-repeat; position: absolute;" border="0" cellpadding="0" cellspacing="0">

<tr>
   <td valign="top" align="center" style="width: 150px;">
    

<div id="menu">
<span alt="#sm1" style="cursor: pointer;" class="tabactive"><img src="http://savepic.su/5416002.png"></span>
<span alt="#sm2" style="cursor: pointer;" class=""><img src="http://savepic.su/5420083.png"></span>
<span alt="#sm3" style="cursor: pointer;" class=""><img src="http://savepic.su/5427267.png"></span>
<span alt="#sm4" style="cursor: pointer;" class=""><img src="http://savepic.su/5398592.png"></span>
<span alt="#sm5" style="cursor: pointer;" class=""><img src="http://savepic.su/5377091.png"></span>

</div>

   </td>
  
 <td id="MenuTxT" align="center" valign="top">

    <div id="submenu" align="center"> 
 <div align="center" style="margin-top:230px;margin-left:-550px;padding:1.3% 0;"> 

     <div id="sm1" class="submenutext" style="display: block;">

Текст 1 вкладки


</div>


<div id="sm2" class="submenutext" style="display: none;">

<a href="https://createdesign.forumrpg.ru/viewtopic.php?id=1#p34" class="tvm" target="">Тестовое</a>


</div>

    
<div id="sm3" class="submenutext" style="display: none;">

Текст 3 вкладки


</div>


  <div id="sm4" class="submenutext" style="display: none;">

Текст 4 вкладки

</div>


    <div id="sm5" class="submenutext" style="display: none;">

Текст 5 вкладки

</div>
</div>
</div>
</td>
</tr>
</table>

<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<style>/*Подвижка банера*/
#pun-title td.title-logo-tdr{
  border:solid blue 1px;
  display:block!important;
  position:absolute!important;
  z-index:100;
  height:60px!important;
  padding-left:0px!important;
  width:468px!important;
  left:50%!important;
  margin-left:270px!important;
  margin-top:30px!important;
  padding-top:0px!important;
}
</style>

HTML низ

Код:

<script>a="https://createdesign.forumrpg.ru/viewtopic.php?id=1#p1";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://createdesign.forumrpg.ru/viewtopic.php?id=1&p=2#p39";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://createdesign.forumrpg.ru/viewtopic.php?id=1&p=2#p40";
Transform_Code_Box_in_HTML (a)</script>


<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<!-- Система оповещения о личных сообщениях v.2-->
<script type="text/javascript"> 
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {document.write('<div id="messanger" class="container" style="padding: 15px; text-align: right; background-color: #ebeaf0;"><span><img style="border: 2px solid #696969;" align="left" src="'+UserAvatar+'" width="60" height="60" alt="">Привет, <strong>'+UserLogin+'</strong><br>у Вас новое личное сообщение</span><br /><br /> <ul class="pisma"></ul><audio autoplay="autoplay"><source src="http://irpi.jr1.ru/ku-ku.ogg" type="audio/ogg; codecs=vorbis"><source src="http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3" type="audio/mpeg"></audio><br /><span id="closer" ><strong>&nbsp;X&nbsp;</strong></span></div>');}
$.get('messages.php','',processMessage);
function processMessage(data){
$(data).find('tr.icon').each(function(){  
var QMess=$(this).find('div.tclcon a').text();var QLink=$(this).find('div.tclcon a').attr('href');var Qautor=$(this).find('td.tc2 a').text();
var QProf=$(this).find('td.tc2 a').attr('href');ProfilUser = /(.*?)\/profile\.php\?id=(\d+)/g;
RrofId=(QProf.replace(ProfilUser, '$2'));
$.get('profile.php?section=avatar&id='+RrofId,'',processGetImg);
function processGetImg(data){
$(data).find('td#profile-left li div, div.fs-box').map(function(){  
var ZAva=$(this).find('img').attr('src');
$('.pisma').append('<li><a onclick=\'window.open(href="'+QLink+'"); return false\'  class="mess" href="'+QLink+'">'+QMess+'</a> от <a onclick=\'window.open(href="'+QProf+'"); return false\'  class="mess" href="'+QProf+'">'+Qautor+'</a><img style="border: 1px solid #696969;margin: 3px 0 -2px 5px;" src="'+ZAva+'" width="24" height="24" alt=""></li>');
$('.mess').click(function(){
$('#messanger').toggle();}); 
 });} });}
$('#closer').click(function(){
$('#messanger').slideToggle('slow');});
</script>

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://savepic.su/5401706.png[Об игроке]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://savepic.su/5434474.png[О персонаже]",
"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://savepic.su/5418090.png[О персонаже]",
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
//"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

<!--Быстрый вход для рекламы-->
<style>.Myimge {margin-top: -14px;}</style>
    <script type="text/javascript">
    PiarNik="PR";
    PiarPas="1234";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://savepic.su/5313574.png\" onmouseover=\"this.src='http://savepic.su/5313574.pngg' \" onmouseout=\"this.src='http://savepic.su/5313574.png'\" /></span>";
    if($("#navlogin").html()!=null){

    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

<!-- Аватар по умолчанию-->
<script type="text/javascript">
sAva = "http://s010.radikal.ru/i311/1412/2f/f80546d2f94e.jpg";
$('#pun-viewtopic div.post').each(function(){
var sSe = $(this).find('li.pa-avatar');
var sUs = $(this).find('li.pa-author');
var sEUs = sUs.text().slice(sUs.text().indexOf(':')+2);
if(sSe.length==0) {$(this).find('li.pa-title').after('<li class="pa-avatar"><img src="'+sAva+'" title="'+sEUs+'"></li>');}});
</script>


<style>      /* Новая Палитра © Deff */
#color-area{
  background:#A09D9D url(http://savepic.net/675564.gif) 0 0 no-repeat;
  background-position:0 0;
  padding-bottom:8px!important;
  padding-left: 33px !important;
  padding-right: 17px !important;
}
#color-area table{
 width: 286px;
}
#color-area table[cellspacing] td img{
 height:14px!important;
 width:14px!important;
}
 #color-area table[cellspacing]{
height:17px!important;
}
table.Myp,table.Myp td,
#len-tbl-01,#len-tbl-01 td{
 text-align:left;
 vertical-align:top;
 padding:0!important;
 margin:0!important;
 border-collapse:collapse!important;
}
span.hidds{
 display:block;
 width:18px;
 height:18px;
 background:url(http://savepic.net/707441.png) 50% 50% no-repeat;
 margin: 4px 24px -4px -24px;
}
#len-tbl-01{
margin: 1px 21px 12px 0!important;
 width:100%;
}
#len-tbl-01 td {
 padding:0!important;
 width:11px!important;height:12px;
 background-image:url(http://savepic.net/711220.gif);
 background-position:50% 50%;
 background-repeat: no-repeat;
 background-image: none;
 border: #fff 1px solid!important;
}
#len-tbl-01 td:hover {
 background-image:url(http://savepic.net/686931.gif)!important;
 background-position:50% 50%;
 background-repeat:no-repeat;
}
table.Myp{
 width:280px!important;
}
table.Myp td,table.Myp tr{
 height:18px!important;
 vertical-align:text-bottom;
 margin:0!important;
 border: none 0 transparent!important;
 border-collapse:collapse!important;
}
td.rightMy,td.murom {
 text-align:left!important;
 width:66px!important;
}
#name_1,#name_0{
 margin:0;
 posizion:absolute; z-index:2000;
 font-size:11px!important;
 background-color:#fff!important;
 border: #000 1px solid;
 width:58px!important;
}
#name_1{
 border: red 1px solid!important;
 font-size:11px;
 color:#761A21;
}
#name_0 {
 font-size:11px;
 color:#000!important;
}
#len-tbl-01 img {
position:absolute!important;
border: #000 1px none;
}
#len-tbl-01 img.Nul_Img  {
position:absolute!important;
height:11px!important;
width:11px!important;
margin:0!important;
}
#len-tbl-01 .metka {
position:absolute!important;
z-index:100;
margin:-1px 0 0 -1px!important;
height:13px;
width:13px;
}
</style>
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
||(document.URL.indexOf("post.php")!=-1)){
ColorArray=new Array(
"EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
"444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
"AA0000","980000","880000", //2строка-->
"FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
"99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
"65FC00","33FEFE","33FECB", //3строка-->
"FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
"98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
"66CB00","33CBFE","32CACA", //4строка-->
"FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
"9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
"659800","3399FE","3298CA", //5строка-->
"FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
"9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
"666500","3366FE","3265CA", //6строка-->
"FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
"9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
"663200","3333FE","3232CA", //7строка-->
"FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
"9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
"660000","3200FC","3200CB", //8строка-->
"00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
"005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
"0000AA","000098","000088" )//End

var Metka_link="http://savepic.net/696986.gif";
var Nul_Img_link="http://savepic.net/711220.gif";
var stat_marker_link="http://savepic.net/668540.png";
var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)


var i=0,j=0,tbl="";var tblz="";
var Ntd=23,Nstr=8;
var TDstrStart='<td style="background-color:#';
var TDstrEnd='">'+nul_img;

for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
   for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
$("#color-area").prepend(tbl);

$("#color-area").removeAttr("onclick")
$("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')

 $("#len-tbl-01 td").mouseover(function(){
  $("#name_1").css({"color":"#000"});
    $("#name_1").val($(this).attr("alt"));
});

$("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
   $("#len-tbl-01 .metka").remove();$(this).append(metka);
    $(this).css({"background-image":"url("+stat_marker_link+")"});
       var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
       	 bbcode(ss,"[/color]");});

 $("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
 $("#color-area").hide(); });
}
</script>

Форма ответа

Код:

<!--Дополнительные смайлы-->
<div>
<input type="Button" value="Киногифки" onclick="return showhide(this)">
<p style="display:none">
<br>
<img src="http://se.uploads.ru/SmjFO.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/SmjFO.gif[/img]')" />
<img src="http://se.uploads.ru/E1hiz.gif " style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/E1hiz.gif[/img]')" />
<img src=" http://se.uploads.ru/XWnTr.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/XWnTr.gif[/img]')" />
<img src=" http://se.uploads.ru/dzUxb.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/dzUxb.gif[/img]')" />
<img src="http://se.uploads.ru/mlgvy.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/mlgvy.gif[/img]')" />
<img src="http://se.uploads.ru/pKdtZ.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/pKdtZ.gif[/img]')" />
<img src="http://se.uploads.ru/fxsS3.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/fxsS3.gif[/img]')" />
<img src="http://se.uploads.ru/pzhMU.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/pzhMU.gif[/img]')" />
<img src="http://se.uploads.ru/ehlkH.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ehlkH.gif[/img]')" />
<img src="http://se.uploads.ru/eu6c3.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/eu6c3.gif[/img]')" />
<img src="http://se.uploads.ru/ycn2R.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ycn2R.gif[/img]')" />
<img src="http://se.uploads.ru/0C5OS.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/0C5OS.gif[/img]')" />
<img src="http://se.uploads.ru/biYOl.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/biYOl.gif[/img]')" />
<img src="http://se.uploads.ru/Kq9dB.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Kq9dB.gif[/img]')" />
<img src="http://se.uploads.ru/zN0uO.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/zN0uO.gif[/img]')" />

<img src="http://se.uploads.ru/Hnfyu.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Hnfyu.gif[/img]')" />
<img src="http://se.uploads.ru/LmoUA.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/LmoUA.gif[/img]')" />
<img src="http://se.uploads.ru/wMH1U.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/wMH1U.gif[/img]')" />
<img src="http://se.uploads.ru/6qM2Z.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/6qM2Z.gif[/img]')" />
<img src="http://se.uploads.ru/ymD02.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ymD02.gif[/img]')" />
<img src="http://se.uploads.ru/xG8vt.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/xG8vt.gif[/img]')" />
<img src="http://se.uploads.ru/4T1of.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/4T1of.gif[/img]')" />
<img src="http://se.uploads.ru/l2QBO.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/l2QBO.gif[/img]')" />
<img src="http://se.uploads.ru/sf9gT.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/sf9gT.gif[/img]')" />
<img src="http://se.uploads.ru/Hr4jB.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Hr4jB.gif[/img]')" />
<img src="http://se.uploads.ru/PYrkl.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/PYrkl.gif[/img]')" />
<img src="http://se.uploads.ru/karNp.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/karNp.gif[/img]')" />
<img src="http://se.uploads.ru/7jkZ2.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/7jkZ2.gif[/img]')" />
<img src="http://se.uploads.ru/hYJd1.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/hYJd1.gif[/img]')" />
<img src="http://se.uploads.ru/4DOmA.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/4DOmA.gif[/img]')" />
<img src="http://se.uploads.ru/6cKSr.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/6cKSr.gif[/img]')" />
<img src="http://se.uploads.ru/73KhZ.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/73KhZ.gif[/img]')" />
<img src="http://se.uploads.ru/eiYRk.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/eiYRk.gif[/img]')" />
<img src="http://se.uploads.ru/ZRtfz.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ZRtfz.gif[/img]')" />
<img src="http://se.uploads.ru/owtim.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/owtim.gif[/img]')" />
<img src="http://se.uploads.ru/d2Cam.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/d2Cam.gif[/img]')" />
<img src="http://se.uploads.ru/fqrIj.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/fqrIj.gif[/img]')" />
<img src="http://se.uploads.ru/cBT0q.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/cBT0q.gif[/img]')" />
<img src="http://se.uploads.ru/nCMdS.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/nCMdS.gif[/img]')" />
<img src="http://se.uploads.ru/PT5Bj.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/PT5Bj.gif[/img]')" />
<img src="http://se.uploads.ru/3a9Yg.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/3a9Yg.gif[/img]')" />
<img src="http://se.uploads.ru/M4d6S.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/M4d6S.gif[/img]')" />
<img src="http://se.uploads.ru/xwTW8.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/xwTW8.gif[/img]')" />
<img src="http://se.uploads.ru/lIkB8.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/lIkB8.gif[/img]')" />
<img src="http://se.uploads.ru/pjyeB.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/pjyeB.gif[/img]')" />
<img src="http://se.uploads.ru/17ySN.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/17ySN.gif[/img]')" />
<img src="http://se.uploads.ru/G3CKf.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/G3CKf.gif[/img]')" />
<img src="http://se.uploads.ru/DuhPI.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/DuhPI.gif[/img]')" />
<img src="http://se.uploads.ru/abKpM.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/abKpM.gif[/img]')" />
<img src="http://se.uploads.ru/04WG7.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/04WG7.gif[/img]')" />
<img src="http://se.uploads.ru/JBgad.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/JBgad.gif[/img]')" />
<img src="http://se.uploads.ru/xS61L.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/xS61L.gif[/img]')" />
<img src="http://se.uploads.ru/dVmMZ.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/dVmMZ.gif[/img]')" />
<img src="http://se.uploads.ru/rbgz0.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/rbgz0.gif[/img]')" />
<img src="http://se.uploads.ru/5CdA2.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/5CdA2.gif[/img]')" />
<img src="http://se.uploads.ru/ybZoU.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ybZoU.gif[/img]')" />
<img src="http://se.uploads.ru/ZAKOe.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ZAKOe.gif[/img]')" />
<img src="http://se.uploads.ru/0LiCU.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/0LiCU.gif[/img]')" />
<img src="http://se.uploads.ru/7vCXa.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/7vCXa.gif[/img]')" />
<img src="http://se.uploads.ru/0dzLh.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/0dzLh.gif[/img]')" />
<img src="http://se.uploads.ru/MiXhU.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/MiXhU.gif[/img]')" />
<img src="http://se.uploads.ru/nV3A4.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/nV3A4.gif[/img]')" />
<img src="http://se.uploads.ru/5OAiW.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/5OAiW.gif[/img]')" />
<img src="http://se.uploads.ru/IyAqd.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/IyAqd.gif[/img]')" />
<img src="http://se.uploads.ru/DoeK0.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/IyAqd.gif[/img]')" />
<img src="http://se.uploads.ru/JnShA.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/JnShA.gif[/img]')" />
<img src="http://se.uploads.ru/Qz6Hf.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Qz6Hf.gif[/img]')" />
<img src="http://se.uploads.ru/OvB47.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/OvB47.gif[/img]')" />
<img src="http://se.uploads.ru/Hh8ES.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Hh8ES.gif[/img]')" />
<img src="http://se.uploads.ru/VUMQL.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/VUMQL.gif[/img]')" />
<img src="http://se.uploads.ru/Ngizp.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Ngizp.gif[/img]')" />
<img src="http://se.uploads.ru/i693J.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/i693J.gif[/img]')" />
<img src="http://se.uploads.ru/3lhAV.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/3lhAV.gif[/img]')" />
<img src="http://se.uploads.ru/NSv5s.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/NSv5s.gif[/img]')" />
<img src="http://se.uploads.ru/x6p01.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/x6p01.gif[/img]')" />
<img src="http://se.uploads.ru/FTUWr.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/FTUWr.gif[/img]')" />
<img src="http://se.uploads.ru/17LUh.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/17LUh.gif[/img]')" />
<img src="http://se.uploads.ru/MqW3T.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/MqW3T.gif[/img]')" />
<img src="http://se.uploads.ru/nUldq.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/nUldq.gif[/img]')" />
<img src="http://se.uploads.ru/V3t26.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/V3t26.gif[/img]')" />
<img src="http://se.uploads.ru/b1unP.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/b1unP.gif[/img]')" />
<img src="http://se.uploads.ru/XBNOa.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/XBNOa.gif[/img]')" />
<img src="http://se.uploads.ru/jnlXh.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/jnlXh.gif[/img]')" />
<img src="http://se.uploads.ru/ux2r5.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ux2r5.gif[/img]')" />
<img src="http://se.uploads.ru/bf8sE.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/bf8sE.gif[/img]')" />
<img src="http://se.uploads.ru/wc2dK.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/wc2dK.gif[/img]')" />
<img src="http://se.uploads.ru/YxNuR.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/YxNuR.gif[/img]')" />
<img src="http://se.uploads.ru/2QdVh.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/2QdVh.gif[/img]')" />
<img src="http://se.uploads.ru/OdkAo.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/OdkAo.gif[/img]')" />
<img src="http://se.uploads.ru/7hqWG.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/7hqWG.gif[/img]')" />
<img src="http://se.uploads.ru/6UkWp.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/6UkWp.gif[/img]')" />
<img src="http://se.uploads.ru/kAPDZ.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/kAPDZ.gif[/img]')" />
<img src="http://se.uploads.ru/3qUgf.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/3qUgf.gif[/img]')" />
<img src="http://se.uploads.ru/Tdzxv.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Tdzxv.gif[/img]')" />
<img src="http://se.uploads.ru/mFy9r.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/mFy9r.gif[/img]')" />
<img src="http://se.uploads.ru/6UqYk.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/6UqYk.gif[/img]')" />
<img src="http://se.uploads.ru/LTuFM.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/LTuFM.gif[/img]')" />
<img src="http://se.uploads.ru/ZtrVY.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ZtrVY.gif[/img]')" />
<img src="http://se.uploads.ru/ZLhs5.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ZLhs5.gif[/img]')" />
<img src="http://se.uploads.ru/3iSmk.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/3iSmk.gif[/img]')" />
<img src="http://se.uploads.ru/wZ2t3.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/wZ2t3.gif[/img]')" />
<img src="http://se.uploads.ru/Np8FU.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Np8FU.gif[/img]')" />
<img src="http://se.uploads.ru/UpNoT.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/UpNoT.gif[/img]')" />
<img src="http://se.uploads.ru/Jqbc3.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Jqbc3.gif[/img]')" />
<img src="http://se.uploads.ru/6Dice.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/6Dice.gif[/img]')" />
<img src="http://se.uploads.ru/LlajW.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/LlajW.gif[/img]')" />
<img src="http://se.uploads.ru/GsiBx.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/GsiBx.gif[/img]')" />
<img src="http://se.uploads.ru/lYUrA.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/lYUrA.gif[/img]')" />
<img src="http://se.uploads.ru/hE6xt.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/hE6xt.gif[/img]')" />
<img src="http://se.uploads.ru/wjfQp.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/wjfQp.gif[/img]')" />
<br><br>
<img src="http://se.uploads.ru/Lcmj1.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Lcmj1.gif[/img]')" />
<img src="http://se.uploads.ru/1A3y5.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/1A3y5.gif[/img]')" />
<img src="http://se.uploads.ru/6FAaR.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/6FAaR.gif[/img]')" />
<img src="http://se.uploads.ru/IPHz7.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/IPHz7.gif[/img]')" />
<img src="http://se.uploads.ru/lLyUb.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/lLyUb.gif[/img]')" />
<img src="http://se.uploads.ru/yL76l.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/yL76l.gif[/img]')" />
<img src="http://se.uploads.ru/kg2Md.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/kg2Md.gif[/img]')" />
<img src="http://se.uploads.ru/yJ19j.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/yJ19j.gif[/img]')" />
<img src="http://se.uploads.ru/Wt8mj.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Wt8mj.gif[/img]')" />
<img src="http://se.uploads.ru/it4k9.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/it4k9.gif[/img]')" />
<img src="http://se.uploads.ru/mvQDw.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/mvQDw.gif[/img]')" />
<img src="http://se.uploads.ru/zX7QR.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/zX7QR.gif[/img]')" />
<img src="http://se.uploads.ru/jf7J0.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/jf7J0.gif[/img]')" />
<img src="http://se.uploads.ru/KiRL7.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/KiRL7.gif[/img]')" />
<img src="http://se.uploads.ru/YeCaL.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/YeCaL.gif[/img]')" />


</div>

<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Киногифки"){
b.value="Скрыть"
p.style.display="block"}
else{
b.value="Киногифки"
p.style.display="none"}
return false}
</script>
 
<br>
<!--Дополнительные смайлы-->
<div>
<input type="Button" value="Анимация" onclick="return showhide(this)">
<p style="display:none">
<br>
<img src="http://se.uploads.ru/ioPzx.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ioPzx.gif[/img]')" />
<img src="http://se.uploads.ru/ufdRS.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ufdRS.gif[/img]')" />
<img src="http://se.uploads.ru/Db0Tf.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Db0Tf.gif[/img]')" />
<img src="http://se.uploads.ru/Xqsn8.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Xqsn8.gif[/img]')" />
<img src="http://se.uploads.ru/cEZzy.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/cEZzy.gif[/img]')" />
<img src="http://se.uploads.ru/WXSYV.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/WXSYV.gif[/img]')" />
<img src="http://se.uploads.ru/Amltg.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Amltg.gif[/img]')" />
<img src="http://se.uploads.ru/4k5vt.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/4k5vt.gif[/img]')" />
<img src="http://se.uploads.ru/Gi3h2.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Gi3h2.gif[/img]')" />
<img src="http://se.uploads.ru/w8u59.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/w8u59.gif[/img]')" />
<img src="http://se.uploads.ru/VcM9q.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/VcM9q.gif[/img]')" />
<img src="http://se.uploads.ru/Dszjn.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Dszjn.gif[/img]')" />
<img src="http://se.uploads.ru/xqyV9.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/xqyV9.gif[/img]')" />
<img src="http://se.uploads.ru/QY2Me.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/QY2Me.gif[/img]')" />
<img src="http://se.uploads.ru/lwMSQ.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/lwMSQ.gif[/img]')" />
<img src="http://se.uploads.ru/eK30s.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/eK30s.gif[/img]')" />
<img src="http://se.uploads.ru/t8oWh.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/t8oWh.gif[/img]')" />
<img src="http://se.uploads.ru/lzCVd.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/lzCVd.gif[/img]')" />
<img src="http://se.uploads.ru/9Mcb4.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/9Mcb4.gif[/img]')" />
<img src="http://se.uploads.ru/NOB5s.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/NOB5s.gif[/img]')" />
<img src="http://se.uploads.ru/Y3HIh.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Y3HIh.gif[/img]')" />
<img src="http://se.uploads.ru/dCQKc.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/dCQKc.gif[/img]')" />
<img src="http://se.uploads.ru/w513f.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/w513f.gif[/img]')" />
<img src="http://se.uploads.ru/kinj4.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/kinj4.gif[/img]')" />
<img src="http://se.uploads.ru/BQn9v.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/BQn9v.gif[/img]')" />
<img src="http://se.uploads.ru/rOQzG.gif " style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/rOQzG.gif[/img]')" />
<img src="http://se.uploads.ru/VwUd7.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/VwUd7.gif[/img]')" />
<img src="http://se.uploads.ru/45rTA.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/45rTA.gif[/img]')" />
<img src="http://se.uploads.ru/ItYf7.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ItYf7.gif[/img]')" />
<img src="http://se.uploads.ru/yzwTL.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/yzwTL.gif[/img]')" />
<img src="http://se.uploads.ru/arcEv.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/arcEv.gif[/img]')" />
<img src="http://se.uploads.ru/QA3MP.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/QA3MP.gif[/img]')" />
<img src="http://se.uploads.ru/c7ym3.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/c7ym3.gif[/img]')" />
<img src="http://se.uploads.ru/eZbm6.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/eZbm6.gif[/img]')" />
<img src="http://se.uploads.ru/tsWED.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/tsWED.gif[/img]')" />
<img src="http://se.uploads.ru/NkELB.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/NkELB.gif[/img]')" />
<img src="http://se.uploads.ru/7OPUJ.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/7OPUJ.gif[/img]')" />
<img src="http://se.uploads.ru/8PhDC.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/8PhDC.gif[/img]')" />
<img src="http://se.uploads.ru/4z3sG.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/4z3sG.gif[/img]')" />
<img src="http://se.uploads.ru/pTrUe.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/pTrUe.gif[/img]')" />
<img src="http://se.uploads.ru/wmtp7.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/wmtp7.gif[/img]')" />
<img src="http://se.uploads.ru/SfV6H.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/SfV6H.gif[/img]')" />
<img src="http://se.uploads.ru/HkBs8.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/HkBs8.gif[/img]')" />
<img src="http://se.uploads.ru/BkQOL.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/BkQOL.gif[/img]')" />
<img src="http://se.uploads.ru/XBkfv.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/XBkfv.gif[/img]')" />
<img src="http://se.uploads.ru/UDmdp.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/UDmdp.gif[/img]')" />
<img src="http://se.uploads.ru/ZvFQx.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ZvFQx.gif[/img]')" />
<img src="http://se.uploads.ru/IpjMS.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/IpjMS.gif[/img]')" />
<img src="http://se.uploads.ru/j2phk.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/j2phk.gif[/img]')" />
<img src="http://se.uploads.ru/6m0Us.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/6m0Us.gif[/img]')" />
<img src="http://se.uploads.ru/AKdJT.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/AKdJT.gif[/img]')" />
<img src="http://se.uploads.ru/AKdJT.gif"style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/AKdJT.gif[/img]')" />
<img src="http://se.uploads.ru/4bSR8.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/4bSR8.gif[/img]')" />
<img src="http://se.uploads.ru/ZOp95.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ZOp95.gif[/img]')" />
<img src="http://se.uploads.ru/lDi5j.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/lDi5j.gif[/img]')" />
<img src="http://se.uploads.ru/wuThW.gif" style="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/wuThW.gif[/img]')" />
<img src="http://funkyimg.com/i/JsTM.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JsTM.gif[/img]')" />
<img src="http://funkyimg.com/i/JsTN.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JsTN.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtsm.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtsm.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYr.gif " style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYr.gif[/img]')" />
<img src="http://funkyimg.com/i/Ju1b.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Ju1b.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtsd.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtsd.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtsp.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtsp.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtsn.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtsn.gif[/img]')" />
<img src="http://funkyimg.com/i/JtrV.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtrV.gif[/img]')" />
<img src="http://funkyimg.com/i/JtrW.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtrW.gif[/img]')" />
<img src="http://funkyimg.com/i/JsTS.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JsTS.gif[/img]')" />
<img src="http://funkyimg.com/i/JtZK.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtZK.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtup.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtup.gif[/img]')" />
<img src="http://funkyimg.com/i/JsTP.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JsTP.gif[/img]')" />
<img src="http://funkyimg.com/i/Ju17.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Ju17.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtuz.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtuz.gif[/img]')" />
<img src="http://funkyimg.com/i/JtuD.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtuD.gif[/img]')" />
<img src="http://funkyimg.com/i/JsTT.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JsTT.gif[/img]')" />
<img src="http://funkyimg.com/i/JtrP.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtrP.gif[/img]')" />
<img src="http://funkyimg.com/i/Jts4.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jts4.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtso.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtso.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtsb.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtsb.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtuu.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtuu.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtuw.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtuw.gif[/img]')" />
<img src="http://funkyimg.com/i/Jts8.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jts8.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYq.gif" style="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYq.gif[/img]')" />
<img src="http://funkyimg.com/i/Jtus.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Jtus.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYL.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYL.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYv.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYv.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYM.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYM.gif[/img]')" />
<img src="http://funkyimg.com/i/JsTQ.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JsTQ.gif[/img]')" />
<img src="http://funkyimg.com/i/JsTR.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JsTR.gif[/img]')" />
<img src="http://funkyimg.com/i/JtrM.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtrM.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYn.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYn.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYo.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYo.gif[/img]')" />
<img src="http://funkyimg.com/i/Ju18.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Ju18.gif[/img]')" />
<img src="http://funkyimg.com/i/Ju16.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Ju16.gif[/img]')" />
<img src="http://funkyimg.com/i/JtuK.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtuK.gif[/img]')" />
<img src="http://funkyimg.com/i/JtuG.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtuG.gif[/img]')" />
<img src="http://funkyimg.com/i/JtYP.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtYP.gif[/img]')" />
<img src="http://funkyimg.com/i/JtZ7.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtZ7.gif[/img]')" />
<img src="http://funkyimg.com/i/JtZD.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtZD.gif[/img]')" />
<img src="http://funkyimg.com/i/JtuE.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtuE.gif[/img]')" />
<img src="http://funkyimg.com/i/JtZa.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtZa.gif[/img]')" />
<img src="http://funkyimg.com/i/JtZb.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtZb.gif[/img]')" />
<img src="http://funkyimg.com/i/Ju19.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Ju19.gif[/img]')" />
<img src="http://funkyimg.com/i/JtZP.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/JtZP.gif[/img]')" />
<img src="http://funkyimg.com/i/Ju11.gif" style ="cursor: pointer" onclick="smile('[img]http://funkyimg.com/i/Ju11.gif[/img]')" />
<img src="http://se.uploads.ru/HbwPJ.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/HbwPJ.gif[/img]')" />
<img src="http://se.uploads.ru/7uAGk.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/7uAGk.gif[/img]')" />
<img src="http://se.uploads.ru/rvlRB.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/rvlRB.gif[/img]')" />
<img src="http://se.uploads.ru/EsAZM.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/EsAZM.gif[/img]')" />
<br><br>
<img src="http://se.uploads.ru/eClHn.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/eClHn.gif[/img]')" />
<img src="http://se.uploads.ru/bwaxi.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/bwaxi.gif[/img]')" />
<img src="http://se.uploads.ru/PX2jT.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/PX2jT.gif[/img]')" />
<img src="http://se.uploads.ru/dQvGK.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/dQvGK.gif[/img]')" />
<img src="http://se.uploads.ru/NyTs7.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/NyTs7.gif[/img]')" />
<img src="http://se.uploads.ru/DyXtG.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/DyXtG.gif[/img]')" />
<img src="http://se.uploads.ru/ms4q3.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ms4q3.gif[/img]')" />
<img src="http://se.uploads.ru/sRiO5.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/sRiO5.gif[/img]')" />
<img src="http://se.uploads.ru/7Twz9.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/7Twz9.gif[/img]')" />
<img src="http://se.uploads.ru/vnPAD.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/vnPAD.gif[/img]')" />
<img src="http://se.uploads.ru/SIYex.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/SIYex.gif[/img]')" />
<img src="http://se.uploads.ru/ocEqx.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ocEqx.gif[/img]')" />
<img src="http://se.uploads.ru/hCuy9.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/hCuy9.gif[/img]')" />
<img src="http://se.uploads.ru/7geRQ.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/7geRQ.gif[/img]')" />
<img src="http://se.uploads.ru/JD5cA.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/JD5cA.gif[/img]')" />
<img src="http://se.uploads.ru/pyOKd.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/pyOKd.gif[/img]')" />
<img src="http://se.uploads.ru/jOxs0.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/jOxs0.gif[/img]')" />
<img src="http://se.uploads.ru/DMtkK.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/DMtkK.gif[/img]')" />
<img src="http://se.uploads.ru/t6x0w.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/t6x0w.gif[/img]')" />
<img src="http://se.uploads.ru/T42kE.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/T42kE.gif[/img]')" />
<img src="http://se.uploads.ru/NywBl.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/NywBl.gif[/img]')" />
<img src="http://se.uploads.ru/XKanN.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/XKanN.gif[/img]')" />
<img src="http://se.uploads.ru/LK0AV.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/LK0AV.gif[/img]')" />
<img src="http://se.uploads.ru/tcSM7.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/tcSM7.gif[/img]')" />
<img src="http://se.uploads.ru/2LJzQ.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/2LJzQ.gif[/img]')" />
<img src="http://se.uploads.ru/u8PMV.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/u8PMV.gif[/img]')" />
<img src="http://se.uploads.ru/qLrGQ.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/qLrGQ.gif[/img]')" />
<img src="http://se.uploads.ru/HBEaG.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/HBEaG.gif[/img]')" />
<img src="http://se.uploads.ru/9mFXC.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/9mFXC.gif[/img]')" />
<img src="http://se.uploads.ru/BPiGt.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/BPiGt.gif[/img]')" />
<img src="http://se.uploads.ru/pCrnk.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/pCrnk.gif[/img]')" />
<img src="http://se.uploads.ru/ISBRe.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ISBRe.gif[/img]')" />
<img src="http://se.uploads.ru/E3sGn.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/E3sGn.gif[/img]')" />
<img src="http://se.uploads.ru/Ah8rp.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Ah8rp.gif[/img]')" />
<img src="http://se.uploads.ru/VngJW.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/VngJW.gif[/img]')" />
<img src="http://se.uploads.ru/QX7gc.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/QX7gc.gif[/img]')" />
<img src="http://se.uploads.ru/Hf8ce.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Hf8ce.gif[/img]')" />
<img src="http://se.uploads.ru/VugYF.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/VugYF.gif[/img]')" />
<img src="http://se.uploads.ru/qI5Jy.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/qI5Jy.gif[/img]')" />
<img src="http://se.uploads.ru/pzYoj.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/pzYoj.gif[/img]')" />
<img src="http://se.uploads.ru/x9j7c.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/x9j7c.gif[/img]')" />
<img src="http://se.uploads.ru/TsfB8.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/TsfB8.gif[/img]')" />
<img src="http://se.uploads.ru/VyEXF.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/VyEXF.gif[/img]')" />
<img src="http://se.uploads.ru/Z4GDV.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Z4GDV.gif[/img]')" />
<img src="http://se.uploads.ru/CQzZS.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/CQzZS.gif[/img]')" />
<img src="http://se.uploads.ru/S6Kdj.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/S6Kdj.gif[/img]')" />
<img src="http://se.uploads.ru/SUvAa.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/SUvAa.gif[/img]')" />
<img src="http://se.uploads.ru/962Yo.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/962Yo.gif[/img]')" />
<img src="http://se.uploads.ru/gqXxm.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/gqXxm.gif[/img]')" />
<img src="http://se.uploads.ru/cmRnt.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/cmRnt.gif[/img]')" />
<img src="http://se.uploads.ru/lGdzM.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/lGdzM.gif[/img]')" />
<img src="http://se.uploads.ru/jK9dL.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/jK9dL.gif[/img]')" />
<img src="http://se.uploads.ru/MVdQh.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/MVdQh.gif[/img]')" />
<img src="http://se.uploads.ru/AaiM1.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/AaiM1.gif[/img]')" />
<img src="http://se.uploads.ru/V4pfG.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/V4pfG.gif[/img]')" />
<img src="http://se.uploads.ru/R5QnN.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/R5QnN.gif[/img]')" />
<img src="http://se.uploads.ru/2ZL07.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/2ZL07.gif[/img]')" />
<img src="http://se.uploads.ru/46VNo.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/46VNo.gif[/img]')" />
<img src="http://se.uploads.ru/aHF0i.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/aHF0i.gif[/img]')" />
<img src="http://se.uploads.ru/tZdO3.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/tZdO3.gif[/img]')" />
<img src="http://se.uploads.ru/qOdck.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/qOdck.gif[/img]')" />
<img src="http://se.uploads.ru/5K0z1.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/5K0z1.gif[/img]')" />
<img src="http://se.uploads.ru/m24yN.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/m24yN.gif[/img]')" />
<img src="http://se.uploads.ru/WGwPy.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/WGwPy.gif[/img]')" />
<img src="http://se.uploads.ru/I6xhF.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/I6xhF.gif[/img]')" />
<img src="http://se.uploads.ru/1lI2d.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/1lI2d.gif[/img]')" />
<img src="http://se.uploads.ru/dOr6e.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/dOr6e.gif[/img]')" />
<img src="http://se.uploads.ru/d7YuI.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/d7YuI.gif[/img]')" />
<img src="http://se.uploads.ru/vLE9Y.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/vLE9Y.gif[/img]')" />
<img src="http://se.uploads.ru/S6puG.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/S6puG.gif[/img]')" />
<img src="http://se.uploads.ru/luieC.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/luieC.gif[/img]')" />
<img src="http://se.uploads.ru/s0kvH.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/s0kvH.gif[/img]')" />
<img src="http://se.uploads.ru/ILAlG.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/ILAlG.gif[/img]')" />
<img src="http://se.uploads.ru/Pkup4.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/Pkup4.gif[/img]')" />
<img src="http://se.uploads.ru/LV3Ei.gif" style ="cursor: pointer" onclick="smile('[img]http://se.uploads.ru/LV3Ei.gif[/img]')" />


</div>

<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Анимация"){
b.value="Скрыть"
p.style.display="block"}
else{
b.value="Анимация"
p.style.display="none"}
return false}
</script>

Поделиться52017-09-20 10:55:08

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

WONDERLAND

html вверх

<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/000f/26/b2/15555.css" type="text/css"/>
<script src="https://forumstatic.ru/files/0014/25/98/13652.js"></script>


<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>


<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
display:block;
padding:0;
border-width:0;
margin:1px; /*Отступ рамки*/
}
</style>
<script>
$(document).ready(function(){
var imgWrp = "http://savepic.net/5931540.png"; // Ccылка на картинку;
imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
$("div.post-author ul li.pa-avatar img[alt]").each(function () {
$(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
$(this).parent().prepend(imgWrp)
});});
</script>

<div class="rightpanel">
<table valing="top"><tr><td>
<b>Дорогие друзья!</b><br>
Мы рады приветствовать Вас на ролевой <b>New Wonderland</b>.
<br><br>
Рейтинг ролевой - <b>NC-17</b><br>
<b>Система:</b> эпизодическая<br>
<b>Жанр:</b> фандом, авторский мир<br><br>
<b>Население:</b><br>
Пики: 0<br>
Буби: 0<br>
Червы: 0<br>
Трефы: 0<br>
Нейтрал: 0
</tr>
</table>
</div>

<style>
#messanger { position:fixed; right:10%; top:65%; z-index:100; width:280px; border: 2px solid #696969;
-moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);}

#closer{
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3));
background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%);
background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D7E3E3', endColorstr='#1F1F1F');
color: lime;
-moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;
}
#closer:hover {color: #FF4500; }</style>

Поделиться62017-09-20 10:55:40

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

html низ

<style>.punbb .pa-avatar img {max-width:180px;height:auto;}</style>
<script type="text/javascript">
OnSmenaImage("FRPG Ireland: Buddies of Christ", new Array("Reaper"))
var AvtrArr=new Array(
"https://forumstatic.ru/files/0011/5a/6c/77757.jpg",
"https://forumstatic.ru/files/0011/5a/6c/70363.jpg"
//End myarray_!!Последняя ссылка без запятой!!!
)
StartNIZ(); //
</script>


<script type="text/javascript">
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {document.write('<div id="messanger" class="container" style="padding: 15px; text-align: right; background-color: #ebeaf0;"><span><img style="border: 2px solid #696969;" align="left" src="'+UserAvatar+'" width="60" height="60" alt="">Привет, <strong>'+UserLogin+'</strong><br>у Вас новое личное сообщение</span><br /><br /> <ul class="pisma"></ul><audio autoplay="autoplay"><source src="http://irpi.jr1.ru/ku-ku.ogg" type="audio/ogg; codecs=vorbis"><source src="http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3" type="audio/mpeg"></audio><br /><span id="closer" ><strong> X </strong></span></div>');}
$.get('messages.php','',processMessage);
function processMessage(data){
$(data).find('tr.icon').each(function(){
var QMess=$(this).find('div.tclcon a').text();var QLink=$(this).find('div.tclcon a').attr('href');var Qautor=$(this).find('td.tc2 a').text();
var QProf=$(this).find('td.tc2 a').attr('href');ProfilUser = /(.*?)\/profile\.php\?id=(\d+)/g;
RrofId=(QProf.replace(ProfilUser, '$2'));
$.get('profile.php?section=avatar&id='+RrofId,'',processGetImg);
function processGetImg(data){
$(data).find('td#profile-left li div, div.fs-box').map(function(){
var ZAva=$(this).find('img').attr('src');
$('.pisma').append('<li><a onclick=\'window.open(href="'+QLink+'"); return false\' class="mess" href="'+QLink+'">'+QMess+'</a> от <a onclick=\'window.open(href="'+QProf+'"); return false\' class="mess" href="'+QProf+'">'+Qautor+'</a><img style="border: 1px solid #696969;margin: 3px 0 -2px 5px;" src="'+ZAva+'" width="24" height="24" alt=""></li>');
$('.mess').click(function(){
$('#messanger').toggle();});
});} });}
$('#closer').click(function(){
$('#messanger').slideToggle('slow');});
</script>


<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.yrarrows .top').click(function () {
jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:0}, 0);
return false;
});
jQuery('.yrarrows .bottom').click(function () {
jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:jQuery('body').height() - jQuery(window).height()}, 0);
return false;
});
});
</script>
<div class="yrarrows" style="position:fixed; right:0.9%; bottom:30%;"><a title="Наверх" href="#top" class="top"><img src="http://savepic.su/5467792.png" alt="Вверх страницы" border="0"></a><br>
<a href="#bottom" class="bottom" title="Вниз"><img src="http://savepic.su/5498513.png" alt="Вниз страницы" border="0"></a></div>


<script>
var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 1 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author", //Ник-Нейм
//"pa-avatar", //Аватар
//"pa-title", //статус
// 1 кнопка - ссылка на Картинку
"http://s7.uploads.ru/18icL.png[Игрок]",
"pa-respect",
"pa-time-visit",
"pa-posts",
"pa-reg", //Зарегистрирован
"pa-invites", //Приглашений
"pa-positive", //Позитив
"pa-sex", //Пол
"pa-age", //Возраст
"pa-icq", //Аська
"pa-ip", //IP Юзера
"pa-last-visit", //Последний визит:
// 2 кнопка- ссылка на Картинку
"http://s7.uploads.ru/WuqYD.png[Персонаж]",
"pa-from", //Откуда
"pa-fld1", //Доп.Поле.1
"pa-fld2", //Доп.Поле.2
// 3 кнопка- ссылка на Картинку
"http://s3.uploads.ru/1nQMO.png[Награды]",
"pa-fld3", //Доп.Поле.3
"pa-fld4", //Доп.Поле.4
"pa-fld5", //Доп.Поле.5
"award", //Награды(только для rusff и ork)
"gift", //Подарки(только для rusff и ork)
//"pa-online", //Пользователь online - Не засовываем в спойлеры
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>



<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();

$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();

$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>


<script type="text/javascript">
$(document).ready(function(){
(function() {
var NumClick = 0;
$('#Klicalka').click(function() {
NumClick=(NumClick+1)%2;
if(NumClick){
$('#JampPanel').animate({'margin-left':'45px'},200,'swing');
} else $('#JampPanel').animate({'margin-left':'-202px'},200,'swing');
});
}());
});
</script>

<div style="position: absolute;
width: 501px;
height: 35px;
margin-top: 15px;
margin-left: 200px;
color: #b0e1e8!important;
font-size: 11px!important;">
<center>Для корректного отображения дизайна пользуйтесь браузером Google Chrome
</center>
</div>

<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script><script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>

<script type="text/javascript">
PiarNik="PR-akk";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">Пиар-Вход</a></span></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>


<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('')[1]);
}
});
});
</script>

Поделиться72017-09-20 10:56:04

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

объявление

<center><table style="width: 550px">
<tbody>
<tr>
<td valign=top>
<div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"><img src ="http://savepic.net/5936671m.png" width="180px" height="30px"></span>
<span alt="#sm2" style="cursor: pointer;"><img src ="http://savepic.net/5936671m.png" width="180px" height="30px"></span>
<span alt="#sm3" style="cursor: pointer;"><img src ="http://savepic.net/5936671m.png" width="180px" height="30px"></span>
<span alt="#sm4" style="cursor: pointer;"><img src ="http://savepic.net/5936671m.png" width="180px" height="30px"></span>
<span alt="#sm5" style="cursor: pointer;"><img src ="http://savepic.net/5936671m.png" width="180px" height="30px"></span>
<span alt="#sm6" style="cursor: pointer;"><img src ="http://savepic.net/5936671m.png" width="180px" height="30px"></span>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
текст новости текст новости текст новости текст новости текст новости текст новости текст новости текст новости текст новости текст новости текст новости текст новости текст новости текст новости
</div>
<div id="sm2" class="submenutext"><br /><br />
текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель текст путеводитель
</div>
<div id="sm3" class="submenutext"><br /><br />
текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре текст об игре
</div>
<div id="sm4" class="submenutext"><br /><br />

<div id="igrok"><a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://cs622431.vk.me/v622431189/43d69/tJa0L7vYnw0.jpg" border="0"/></a>
<div id="ams1"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Кайл Янг</a>
<br>
<center>ICQ: 397323365</align>
</div>

<a href="http://wonderland.f-rpg.ru/profile.php?id=2">
<img border="0" src="http://cs622431.vk.me/v622431189/43d70/DG8yol0OmAs.jpg">
</a>
<div id="ams2">
<a href=" http://wonderland.f-rpg.ru/profile.php? … t;Габриэль Риччи</a>
<br>
<center>ICQ: 646246059</align>

</div>

</div>
<div id="mods"><a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="mod1"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>
<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="mod2"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>

<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="mod3"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>

<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="mod4"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>

</div>

</div>
</div>
<div id="sm5" class="submenutext"><br /><br />

<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="activ1"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>
<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="activ2"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>
<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="activ3"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>
<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/21So3.jpg" border="0"/></a>
<div id="activ4"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>
Активисты

<div id="best"><a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/23duf.jpg" border="0"/></a>
<div id="best1"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>
<a href="http://wonderland.f-rpg.ru/profile.php?id=5"><img src="http://funkyimg.com/i/23duf.jpg" border="0"/></a>
<div id="best2"><a href="http://wonderland.f-rpg.ru/profile.php?id=5">Имя</a>
</div>
<center>
<table style="width: 250px;text-align: center; border="0">
<tr>
<td align=center>Лучший пост</td>
<td align=center>Лучший эпизод</td>
</tr>
</table>
</center>

</div>

</div>
<div id="sm6" class="submenutext"><br /><br />
текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров текст баннеры партнеров
</div>

</div>
</td>
</tr>
</tbody>
</table></center>

Форма ответа

<style>
#button-html {background-image:url('http://funkyimg.com/i/27sdC.jpg'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:20px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))if(GroupID<3)
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<a href='javascript:void(0);' onclick=\"bbcode('[*code]', '[/*code]');\"><img src='/i/blank.gif' title='HTML код' id='button-html' /></a>"
</script>

<div>
<a style="cursor: pointer; margin-right: 15px;" onclick="obj=document.getElementById('cont_1').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><img src="http://funkyimg.com/i/23eUb.jpg" alt="Набор 1" title="Набор 1" /></a>
<a style="cursor: pointer; margin-right: 15px;" onclick="obj=document.getElementById('cont_2').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><img src="http://funkyimg.com/i/23eUb.jpg" alt="Набор 2" title="Набор 2" /></a>
<a style="cursor: pointer; margin-right: 15px;" onclick="obj=document.getElementById('cont_3').style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><img src="http://funkyimg.com/i/23eUb.jpg" alt="Набор 3" title="Набор 3" /></a>

<div id="cont_1" style="display: none;">
<img src="http://www.kolobok.us/smiles/standart/mosking.gif" style="cursor: pointer" onclick="smile('')" />

</div>

<div id="cont_2" style="display: none;">
<img src="http://www.kolobok.us/smiles/standart/pleasantry.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/snooks.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/no2.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/secret.gif" style="cursor: pointer" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/aggressive.gif" style="cursor: pointer" onclick="smile('')" />
</div>
<div id="cont_3" style="display: none;">
<img src="http://www.kolobok.us/smiles/standart/mosking.gif" style="cursor: pointer" onclick="smile('')" />

</div>

</div>

Поделиться82017-09-20 10:57:18

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

style

@font-face {
font-family: 'Nautilus Pompilius';
src: local('Nautilus Pompilius Regular'), local('NautilusPompilius'), url('http://64424.selcdn.ru/webfont/nautilus/nautilus.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Great Vibes';
src: local('Great Vibes'), local('GreatVibes-Regular'), url('http://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3Y4P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}

body {
background: url("http://savepic.net/5901864.jpg") no-repeat top center, url("http://savepic.net/5946909.jpg") repeat-y top center;
color: #e2ddbe!important;
}

HTML {
background: url("") center top repeat #030302;}

#pun_wrap {
background: url("http://savepic.net/5944861.jpg") no-repeat center bottom;
padding-bottom: 170px; margin-left: 0px;
}

textarea {
box-shadow: none;
padding: 10px;
width: 100%;
box-sizing: border-box;
}
.code-box, .quote-box, textarea, input[type="text"], input[type="password"], select {
background: url(http://s6.uploads.ru/gmTtA.png) top left repeat-y,
url(http://s6.uploads.ru/4zUFp.png) top right repeat-y,
url(http://s6.uploads.ru/4CU6V.png) bottom center repeat-x,
url(http://s7.uploads.ru/h9JGz.png) top center repeat-x rgba(72,56,40,0.3);
box-shadow: #000 0px 0px 5px;
padding: 10px;
margin: 1em 0;
box-sizing: border-box;
}
input[type="text"], input[type="password"], select {
padding: 5px;
margin: 0.2em;
}
div#pun-ulinks a {
color: #8c7e62;
text-shadow: 0px 0px 7px #000;
opacity: 0.3;
}

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container { background-color: transpanent;
color: #041000;
font-weight: normal;
font-style: normal;
}

/* CS2 Ссылки */
/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #161401;
text-decoration: none;
}

/* CS2.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: #a9160f;
text-decoration: underline;}

/* CS2.3 ссылки главного меню*/
#pun-navlinks a {
color: #141802;
text-decoration: none;
font-weight: bold!important;
font-family: 'Book Antiqua'!important;
font-size: 16px!important;
}

/* CS2.4 цвет главного меню при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #3e4906;
text-decoration: underline;}

#pun-ulinks a {
color: #67676c;
text-decoration: none;
font-weight: lighter!important;
font-family: 'Tahoma'!important;
font-size: 11px!important;
}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #67676c;
text-decoration: underline;}

/* CS3 Иконки старых, новых, важных, закрытых тем */
/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: left;
display: block;
border-style: none none none none;
margin-left: 20px;
margin-right: 5px;
width: 40px;
height: 52px;
background-image : url(http://savepic.su/5473106.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://savepic.su/5476178.png);
background-repeat: no-repeat;
width: 40px;
height: 52px;}

/* CS3.3 Иконка важных тем */
TR.isticky Div.icon {
background-image : url(http://savepic.su/5482322.png);
background-repeat: no-repeat;
width: 40px;
height: 52px;}

/* CS3.4 Иконка закрытых тем */
TR.iclosed Div.icon {
background-image : url(http://savepic.su/5483349.png);
background-repeat: no-repeat;
width: 40px;
height: 52px;}

#pun-main div.catleft, #pun-main div.catleft {display: none}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background-image: url('http://funkyimg.com/i/25i9k.png');
background-position: top center!important;
background-repeate: no-repeate;
height: 70px;
width: 934px;
font-size: 0px !important;
background-color: transparent;
margin-left: 0px;
}

#pun-category2.category h2 {
background-image:url('http://funkyimg.com/i/25i9o.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

#pun-category3.category h2 {
background-image:url('http://funkyimg.com/i/25i9t.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

#pun-category4.category h2 {
background-image:url('http://funkyimg.com/i/25i9m.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

#pun-category5.category h2 {
background-image:url('http://funkyimg.com/i/25i9r.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

#pun-category6.category h2 {
background-image:url('http://funkyimg.com/i/25i9u.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

#pun-category7.category h2 {
background-image:url('http://funkyimg.com/i/25i9p.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

#pun-category8.category h2 {
background-image:url('http://funkyimg.com/i/25i9s.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

#pun-category9.category h2 {
background-image:url('http://funkyimg.com/i/25i9u.png');
height: 70px;
width: 934px;
font-size: 0px !important;
background-repeat: no-repeat;
margin-left: 0px;
}

/* CS5 Прочие элементы */
/* CS5.1 */
#pun-stats ul.container {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("ccs");
background-origin: padding-box;
background-position: 5px 20px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 60px;
padding-top: 30px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 {
background-attachment: scroll;
background-clip: border-box;
height: 70px;
width: 934px;
margin-left: 0px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/25i9q.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px !important;
}
/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-announcement .container {margin-top: -2em;}
#pun-main .post-author ul {text-align: center; color: #fffddf; }
#pun-announcement h2 {display: none;}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background: url(http://i61.fastpic.ru/big/2014/0509/62/ … a35b62.png);
color: #00000;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .code-box, .punbb .quote-box {
background-color: transparent ;
background-image: url(http://i61.fastpic.ru/big/2014/0509/62/ … a35b62.png);
padding: 10px;
border-top-width: 2px!important;
border-top-style: solid!important;
border-top-color: #738575!important;
border-left-width: 1px!important;
border-left-style: solid!important;
border-left-color: #a7c3ac!important;
border-right-width: 1px!important;
border-right-style: solid!important;
border-right-color: #a7c3ac!important;
border-bottom-width: 2px!important;
border-bottom-style: solid!important;
border-bottom-color: #738575!important;}

/*убрать "награды"*/
.punbb li#navawards {display: none!important;}

/*убрать: "пожаловаться" и "поделиться"*/
.pl-reports,.pl-share {
display:none!important;
}

/* убрать строку "Форум, тем, сообщений, последнее сообщение"*/
.category .container thead {display: none;}

/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container {
text-align: center;
position: absolute;
background-color: transpanent;
background-image: url();
z-index: 1000;
margin-top: -55px;
margin-left: 45px}

.pa-reg, pa-invites, .pa-posts, .pa-time-visit, .pa-ip, .pa-awards, .pa-respect, .pa-positive {
color: #080400!important;}

.pagelink, .cooltext, .pa-title, .pa-invites, .gift {color: #080400;
}

#pun-status span.item1 {
margin-left: -370px!important;
}

#pun-main h1, .punbb .main h1 {
margin-left: 30px!important;
text-shadow: none!important;
font-weight: normal!important;
font-family: 'Book Antiqua'!important;
font-size: 14px!important;
}

.punbb .main .tcr {
font-family: 'Tahoma'!important;
font-size: 11px!important;
}

.lastedit {display:none}

.pa-invites a, .pa-respect a, .pa-ip a, .pa-gifts a, .pa-awards a, .pa-reg, .pa-posts, .pa-respect, .pa-invites, .pa-time-visit, .pa-ip, .pa-gifts, .pa-awards, .pa-positive, .pa-positive a {
color: #b4bf89!important;
text-shadow: none;
font-family: "Calibri"!important;
line-height: 83%!important;
font-size: 13px!important;
}

.rightpanel {
position: absolute!important;
width: 195px!important;
height: 200px!important;
margin-top: 463px!important;
margin-left: 80px!important;
color: #1c1c0e!important;
font-family: "Calibri"!important;
font-size: 12px!important;
text-align: center!important;
}

#menu {
margin-top: -400px;
margin-left: 315px;
width: 180px;
height: 30px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:none!important;
margin: 5px 0;
padding: 2px;
background: transparent url() no-repeat;
}

#submenu {
margin-top: -400px;
padding: 3px;
height: 220px;
text-align: center;
font-size: 11px;
width: 346px;
margin-left: 10px;
color: #dfdbb9!important;
}

.submenutext {
display: none;
height: 40px;
color: #dfdbb9!important;
}

/*Оформление ссылок в таблице*/
#navi a, #navi a:hover, #actions a, #actions a:hover {
display: block;
width: 170px;
color: #ffffff;
font-family: verdana;
font-size: 10px;
text-align: center;
margin-bottom: 2px;
padding:1px;
box-shadow: 0px 0px 15px #2d442c inset;
text-shadow: 1px 1px 0px #023028;
background: transparent no-repeat bottom center;
}

#navi a:hover, #actions a:hover {
background: transparent url("http://funkyimg.com/i/21Qvw.jpg") no-repeat bottom center;
color: #ffffff;
box-shadow: 0px 0px 10px #496d2c inset;
text-shadow: 1px 1px 0px #023028;
}
#actions a {
background: transparent url("http://funkyimg.com/i/21Qw4.jpg") no-repeat bottom center;
}
#actions a, #actions a:hover {
width: 280px;
background: transparent url("http://funkyimg.com/i/21Qw4.jpg")no-repeat bottom center; }

/*Оформление картинок в таблице*/

#igrok {
margin-left: -20px;
margin-top: 10px;
position: absolute;
width: 400px;
}

#ams1{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 68px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 130px;
}
#ams1 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#ams1:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#ams2{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 202px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 130px;
}
#ams2 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#ams2:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#mods {
margin-left: -20px;
margin-top: 120px;
position: absolute;
width: 400px;
}

#mod1{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 53px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#mod1 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#mod1:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#mod2{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 127px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#mod2 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#mod2:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#mod3{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 202px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#mod3 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#mod3:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#mod4{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 277px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#mod4 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#mod4:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

/*Оформление лучших в таблице*/

#igroki {
margin-left: -20px;
margin-top: 10px;
position: absolute;
width: 400px;
}

#activ1{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 25px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#activ1 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#activ1:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#activ2{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 100px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#activ2 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#activ2:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#activ3{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 175px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#activ3 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#activ3:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#activ4{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 40px;
margin-top: -80px;
margin-left: 249px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 71px;
}
#activ4 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#activ4:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#best {
margin-left: -20px;
margin-top: 30px;
position: absolute;
width: 400px;
}

#best1{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 46px;
margin-top: -85px;
margin-left: 67px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 132px;
}
#best1 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#best1:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

#best2{
background-color: rgba(1, 48, 4, 0.6);
box-shadow: 0 0 0 3px rgba(1, 48, 4, 0.9) inset, 0 0 0 4px rgba(255, 255, 255, 0.9) inset;
height: 46px;
margin-top: -85px;
margin-left: 200px;
opacity: 0;
padding-top: 40px;
position: absolute;
text-align: center;
transition: all 0.5s linear 0.1s;
width: 132px;
}
#best2 a {
color: #b0ccd4;
font-family: Times New Roman;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#best2:hover {
box-shadow: 0 0 0 5px rgba(1, 48, 4, 0.9) inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}

/*Стили отдельных элементов*/

element.style {
background: rgba(0, 0, 0, 0) url("http://savepic.su/4411761.png") repeat scroll 0 0;
border-color: #535353 green;
border-style: solid;
border-width: 40px 10px 20px;
color: #535353;
font-family: "arial";
padding: 20px;
text-align: justify;
width: 500px;
}

element.style {
background: #f29898 none repeat scroll 0 0;
border-radius: 10px;
color: #c21828;
font-family: "Petit Formal Script";
font-size: 24px;
height: 15px;
letter-spacing: 0;
line-height: 10px;
padding: 0;
text-align: justify;
text-shadow: 1px 1px 1px #fff;
width: 734px;
}

#form-buttons td img {
height: 26px;
width: 100%;
}
#button-smiles {
background-image: url("http://uploads.ru/i/L/i/g/LigyX.png");
background-position: center center;
background-repeat: no-repeat;
line-height: 0;
padding: 0;
}
element.style {
background: rgba(0, 0, 0, 0) url("http://savepic.su/4411761.png") repeat scroll 0 0;
border-color: #535353 green;
border-style: solid;
border-width: 40px 10px 20px;
color: #535353;
font-family: "arial";
padding: 20px;
text-align: justify;
width: 500px;
}
element.style {
background: #f29898 none repeat scroll 0 0;
border-radius: 10px;
color: #c21828;
font-family: "Petit Formal Script";
font-size: 24px;
height: 15px;
letter-spacing: 0;
line-height: 10px;
padding: 0;
text-align: justify;
text-shadow: 1px 1px 1px #fff;
width: 734px;
}
#My.My, #stTs {
background-color: transparent !important;
background-image: none !important;
border: 0 none transparent !important;
}
#imgNIK-SIG {
border: 0 solid #676767;
cursor: pointer;
margin-left: 5px;
margin-top: -400px;
position: absolute;
z-index: 100;
}
#avtrChang-area {
position: absolute;
right: 1%;
top: 35px;
width: 150px !important;
}
#stTs {
border-collapse: collapse;
display: none;
height: 229px;
margin-left: -100px;
margin-top: -400px;
padding: 5px;
position: absolute;
text-align: left;
width: 95px !important;
z-index: 4;
}
img.iblank {
border: 1px solid transparent;
cursor: pointer;
margin-left: -5px;
margin-right: -20px;
margin-top: -1px;
position: relative;
width: 95px;
z-index: 100;
}
img.iblank.NIC {
height: 17px;
margin-top: 10px;
}
img.iblank.STA {
height: 17px;
}
img.iblank.AVA {
height: 17px;
}
img.iblank.Galleri {
height: 57px;
}
img.iblank.SGN {
height: 17px;
}
img.iblank.mem {
height: 34px;
}
.punbb .pa-author img, .punbb .pa-title img {
height: auto;
max-width: 180px;
}
.post-content .hide_Nic-SIG {
display: none;
}

element.style {
background: #f29898 none repeat scroll 0 0;
border-radius: 10px;
color: #c21828;
font-family: "lobster";
font-size: 24px;
height: 15px;
letter-spacing: 0;
line-height: 10px;
padding: 0;
text-align: justify;
text-shadow: 1px 1px 1px #fff;
width: 734px;
}

#form-buttons td img {
height: 26px;
width: 100%;
}
#button-smiles {
background-image: url("http://uploads.ru/i/L/i/g/LigyX.png");
background-position: center center;
background-repeat: no-repeat;
line-height: 0;
padding: 0;
}

element.style {
background: rgba(0, 0, 0, 0) url("http://savepic.su/4411761.png") repeat scroll 0 0;
border-color: #535353 green;
border-style: solid;
border-width: 40px 10px 20px;
color: #535353;
font-family: "arial";
padding: 20px;
text-align: justify;
width: 500px;
}

element.style {
background: #f29898 none repeat scroll 0 0;
border-radius: 10px;
color: #c21828;
font-family: "Petit Formal Script";
font-size: 24px;
height: 15px;
letter-spacing: 0;
line-height: 10px;
padding: 0;
text-align: justify;
text-shadow: 1px 1px 1px #fff;
width: 734px;
}

#My.My, #stTs {
background-color: transparent !important;
background-image: none !important;
border: 0 none transparent !important;
}
#imgNIK-SIG {
border: 0 solid #676767;
cursor: pointer;
margin-left: 5px;
margin-top: -400px;
position: absolute;
z-index: 100;
}
#avtrChang-area {
position: absolute;
right: 1%;
top: 35px;
width: 150px !important;
}
#stTs {
border-collapse: collapse;
display: none;
height: 229px;
margin-left: -100px;
margin-top: -400px;
padding: 5px;
position: absolute;
text-align: left;
width: 95px !important;
z-index: 4;
}
img.iblank {
border: 1px solid transparent;
cursor: pointer;
margin-left: -5px;
margin-right: -20px;
margin-top: -1px;
position: relative;
width: 95px;
z-index: 100;
}
img.iblank.NIC {
height: 17px;
margin-top: 10px;
}
img.iblank.STA {
height: 17px;
}
img.iblank.AVA {
height: 17px;
}
img.iblank.Galleri {
height: 57px;
}
img.iblank.SGN {
height: 17px;
}
img.iblank.mem {
height: 34px;
}
.punbb .pa-author img, .punbb .pa-title img {
height: auto;
max-width: 180px;
}
.post-content .hide_Nic-SIG {
display: none;
}

.post-links li > a, .postlink a, .postlink > input, input.button, #nav > a, .pagelink > * {
background: url("http://sh.uploads.ru/TiXAy.png") no-repeat scroll left top, url("http://sh.uploads.ru/oHkFr.png") no-repeat scroll right top, url("http://sg.uploads.ru/zuyMt.png") repeat-x scroll 0% 0% transparent;
height: 22px;
font-family: garamond !important;
font-variant: small-caps !important;
font-size: 13px !important;
display: inline-block;
box-sizing: border-box;
font-weight: 700 !important;
padding: 3px 8px;
box-shadow: 0px 0px 8px #000;
color: #6E5D49;
text-shadow: #000 0 0 2px;
}
.pagelink {
font-size: 0;
}
.pagelink * {
margin: 0px 2px;
}

.post-author {
background: url("http://sh.uploads.ru/0JGcS.png") top center no-repeat, url("http://sh.uploads.ru/3tyvC.png") bottom center no-repeat, url("http://sh.uploads.ru/RPOCa.jpg") repeat-y top 25px left;
box-shadow: #000 0px 0px 10px
}
.post-author {
background: url("http://sg.uploads.ru/pxyBm.png") bottom left no-repeat, url("http://sh.uploads.ru/0JGcS.png") no-repeat scroll center top, url("http://sh.uploads.ru/3tyvC.png") no-repeat scroll center bottom, url("http://sh.uploads.ru/RPOCa.jpg") repeat-y scroll left top 25px transparent;
}
.post-author .acchide {
display: block !important;
font-size: 0;
width: 233px;
height: 114px;
position: absolute;
background: url("http://sh.uploads.ru/IMVmW.png") top right no-repeat, url("http://sg.uploads.ru/NCpBR.png") top 6px left no-repeat;
margin-left: -23px;
margin-top: -27px;
}
.post-online-status {
background: url("http://sh.uploads.ru/uXafw.png") left top no-repeat, url("http://sg.uploads.ru/60qrU.png") bottom right no-repeat transparent;
width: 179px;
height: 45px;
margin-left: 35px;
margin-bottom: -21px;
margin-top: 0px;
}
.online .post-online-status {
background: url("http://sg.uploads.ru/DyS5B.png") left top no-repeat, url("http://sg.uploads.ru/60qrU.png") bottom right no-repeat transparent;
}
.pa-author {
background: url("http://sg.uploads.ru/amDlu.png") bottom center no-repeat;
padding-bottom: 10px !important;
}
.pa-title {
margin-bottom: 10px;
}
.pa-avatar img {
box-shadow: #000 0 0 1px,#000 0 0 1px,#000 0 0 1px, 0px 0px 12px #000, 0px 0px 5px #000;
border: #5A4E34 1px solid;
}

#klivibox {
background-color: rgba(28, 14, 14, 0.13);
border: 1px dotted #1c0e0e;
padding: 15px;
width: 645px;
}
#klbroxy {
background: rgba(0, 0, 0, 0) url("http://savepic.ru/8366998.png") repeat scroll center center;
border: 12px solid #1c0e0e;
height: 600px;
overflow: hidden;
position: relative;
width: 620px;
}
.kltable {
height: 480px !important;
padding: 20px !important;
width: 550px !important;
}
.klinhert {
background: rgba(0, 0, 0, 0) url("http://savepic.su/6880729.jpg") repeat scroll center top;
border-color: #1c0e0e;
border-style: solid;
border-width: 5px;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 1) inset;
height: 500px !important;
margin-left: -25px !important;
padding: 20px !important;
width: 550px !important;
}
.kltitle {
color: #b11616;
font-family: "Caviar Dreams",sans-serif;
font-size: 18px;
line-height: 100%;
margin-left: 135px !important;
margin-top: -15px !important;
text-align: center;
text-transform: uppercase;
width: 400px !important;
}
.klwords {
border-color: #1c0e0e;
border-style: solid;
border-width: 5px;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 1) inset;
color: #b11616;
font-family: "Caviar Dreams",sans-serif;
font-size: 16px;
height: 310px !important;
line-height: 100%;
margin-left: 135px !important;
margin-top: -10px !important;
overflow-y: auto;
padding: 5px 5px 15px;
text-align: center;
text-transform: uppercase;
width: 410px !important;
}
.klswords {
border-color: #1c0e0e;
border-style: solid;
border-width: 5px;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 1) inset;
color: #b11616;
font-family: "Caviar Dreams",sans-serif;
font-size: 13px;
height: 20px !important;
line-height: 100%;
margin-left: -15px !important;
margin-top: -10px;
overflow-y: auto;
padding-top: 8px;
text-align: center;
text-transform: uppercase;
width: 570px !important;
}
.klywords {
border-color: #1c0e0e;
border-style: solid;
border-width: 5px;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 1) inset;
color: #b11616;
font-family: "Caviar Dreams",sans-serif;
font-size: 16px;
height: 60px !important;
line-height: 100%;
margin-left: -15px !important;
margin-top: -10px;
overflow-y: auto;
padding: 5px;
text-align: center;
text-transform: uppercase;
width: 560px !important;
}
.klimg {
background-color: #000;
border: 5px solid #1c0e0e;
border-radius: 1%;
height: 360px !important;
margin-left: -435px !important;
margin-top: -535px !important;
width: 135px !important;
}
.kltexta {
color: #9e7538 !important;
font-family: Book Antiqua,sans-serif;
font-size: 13px !important;
height: 310px !important;
line-height: 100%;
overflow-y: auto;
text-align: justify;
text-transform: none;
}
.kltextb {
color: #9e7538 !important;
font-family: Book Antiqua,sans-serif;
font-size: 13px !important;
height: 40px !important;
line-height: 100%;
overflow-y: auto;
text-align: justify;
text-transform: none;
}
#ivibox {
background-color: rgba(28, 14, 14, 0.13);
border: 1px dotted #1c0e0e;
padding: 15px;
width: 645px;
}
#broxy {
background: rgba(0, 0, 0, 0) url("http://savepic.ru/8366998.png") repeat scroll center center;
border: 12px solid #1c0e0e;
height: 560px;
overflow: hidden;
position: relative;
width: 620px;
}
.wtable {
height: 480px !important;
padding: 20px !important;
width: 550px !important;
}
.winhert {
background: rgba(0, 0, 0, 0) url("http://savepic.su/6880729.jpg") repeat scroll center top;
border-color: #1c0e0e;
border-style: solid;
border-width: 5px;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 1) inset;
height: 470px !important;
padding: 20px !important;
width: 530px !important;
}
.wtitle {
color: #b11616;
font-family: "Caviar Dreams",sans-serif;
font-size: 18px;
line-height: 100%;
margin-left: 115px !important;
margin-top: -15px !important;
text-align: center;
text-transform: uppercase;
width: 400px !important;
}
.wwords {
border-color: #1c0e0e;
border-style: solid;
border-width: 5px;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 1) inset;
color: #b11616;
font-family: "Caviar Dreams",sans-serif;
font-size: 16px;
height: 275px !important;
line-height: 100%;
margin-left: 115px !important;
margin-top: -10px !important;
overflow-y: auto;
padding: 5px 5px 15px;
text-align: center;
text-transform: uppercase;
width: 410px !important;
}
.swords {
border-color: #1c0e0e;
border-style: solid;
border-width: 5px;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 1) inset;
color: #b11616;
font-family: "Caviar Dreams",sans-serif;
font-size: 16px;
height: 130px !important;
line-height: 100%;
margin-left: 115px !important;
margin-top: -10px !important;
overflow-y: auto;
padding: 5px 5px 15px;
text-align: center;
text-transform: uppercase;
width: 410px !important;
}
.winput {
background: rgba(0, 0, 0, 0) url("http://savepic.su/6880729.jpg") repeat scroll center top;
border: 3px solid #1c0e0e;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 1) inset;
color: #b21617 !important;
font-family: "Caviar Dreams",sans-serif;
font-size: 12px;
height: 35px;
margin-left: -410px !important;
margin-top: 3px !important;
overflow: auto;
width: 130px !important;
}
.wimg {
background-color: #000;
border: 10px solid #1c0e0e;
border-radius: 100%;
height: 150px !important;
margin-left: -450px !important;
margin-top: -540px !important;
width: 150px !important;
}
.texta {
color: #9e7538 !important;
font-family: Book Antiqua,sans-serif;
font-size: 14px !important;
height: 258px !important;
line-height: 100%;
overflow-y: auto;
text-align: justify;
text-transform: none;
}
.textb {
color: #9e7538 !important;
font-family: Book Antiqua,sans-serif;
font-size: 14px !important;
height: 114px !important;
line-height: 100%;
overflow-y: auto;
text-align: justify;
text-transform: none;
}

Поделиться92017-09-20 10:57:42

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Структура

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
@import "http://allfont.ru/allfont.css?fonts=annabelle";

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
margin: 0
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none;
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle;
}

/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
font-size: 103.01%;
}
/* A3.2 */
.punbb {
font: normal 68.10% verdana, arial, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif;
}
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}
/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
/* A3.7 */
.punbb address, .punbb em {
font-style: normal;
}
/* A3.8 */
.punbb .post-content em {
font-style: italic;
}
/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
/* A3.10 */
.punbb a {
text-decoration: underline;
}
/* A3.11 */
.punbb optgroup {
font-weight: bold;
}

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1*/
/* ширина форума проставляется здесь */
#pun {
margin: auto auto auto auto;
width: 936px;
}

/* A5.2*/
.punbb {
float: center;
width: 93%;
height: auto;
margin-left: 0px;
}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 0px 20% 12px 20%;
width: auto;
float: none;
background: url("") center top repeat #b4bf89!important;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none solid none;
border-width: 0px 0px 2px 0px
}

/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}

/* A5.10 #pun-main h2 - название категорий, #pun-main h1 - название тем, */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
text-shadow: 1px 1px 1px #FFFFCC;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 1px solid #888;
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;
border-style: none;
border-width: 1px;
}

/* 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: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}

/* B3.2 */
.multipage {
margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em;
width: 24em;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}

/* 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: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
clear:both
}

/* C1.12 */
.punbb .datafield br {
display: none
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 12em 0 0;
height: 100%; /* For IE */
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;

}

/* C1.17 */
.punbb .hashelp {
position: relative;
}

/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}

/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
background-color: transparent ;
text-align: center;
width: 15%;
}

/* C2.3 */
.punbb .main .tcr {
background-color: transparent ;
overflow: hidden;
text-align: left;
width: 30%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
width: 40%
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
text-align: left;
width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
width: 15%;
white-space:normal;
}

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
width: 90%;
white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
font-size: 20px;
font-weight: normal;
text-align: center!important;
font-family: 'Book Antiqua'!important;
}

/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}

/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 70px;
}

/* C2.15 Иконки сообщений*/
.punbb div.icon {
float: right;
display: block;
width: 40px;
height: 52px;}

/* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: #202021 ;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;

}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: 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: #d6d6d6;

}

#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 ;

}

/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3 {
border-style: dashed none dashed none;
border-width: 1px;
}

/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
text-shadow: none!important;
font-weight: normal!important;
font-family: 'Book Antiqua'!important;
font-size: 14px!important;
}

/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
font-weight: normal
text-align: right;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
overflow: hidden;
text-align: center;
width: 20em;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 1em 1em 1em 1em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bolder;
font-family: 'Book Antiqua'!important;
text-transform: uppercase!important;
text-shadow: 1px 1px 1px #50491f;
color: #67b4ba!important;
}

/* C3.8 */
.pa-author a {
text-decoration: none
color: #67b4ba!important;
}

/* C3.9 */
li.pa-title {
padding: 0 3em 0 3em!important;
font-family: 'Bookman Old Style'!important;
color: #d1e097!important;
font-size: 12px!important;
font-weight: lighter;
text-shadow: none;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
padding: 0 0 1em 0!important;
color: #c3cc9e!important;
font-family: 'Bookman Old Style'!important;
font-size: 12px!important;
}

/* C3.11 */
.punbb .post-body {
margin-left: 21em;
border-left-style: dashed;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em;
}

/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}

/* C3.16 */

.punbb .post-links li {
display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}

/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}

/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
margin: 0;
border: none;
}

/* D1.2 высота шапки*/
#pun-title h1 {
display : block;
height : 828px;
}

/* 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: 828px;
width: 100%;
margin-bottom: 0px;
margin-top: 0px;
}
#pun-title TD.title-logo-tdl {
border: none;
width: 100%;

}
/*Подвижка банера*/
#pun-title td.title-logo-tdr{
display:block!important;
position:absolute!important;
height:0px!important;
padding-center:0px!important;
width:668px!important;
left:35%!important;
margin-top: 5px!important;
padding-top: 20px!important;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: 0px;
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, #pun-navlinks .container {
border-style: none;
border-width: 0;
text-align: center;
position: absolute;
}

/* D3.2 */
#pun-navlinks .container {
width: 880px;
}

/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 1.0em;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks, #pun-ulinks .container {
border-top: none;
text-align: center;
}

/* D4.2 */
#pun-ulinks .container {
width: 860px;
padding: 0.7em 1em;
margin-left: 45px;
margin-top: -40px;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
font-family: 'Tahoma'!important;
font-size: 10px!important;
margin-left: 91px!important;
}

/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}

/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
text-align: center!important;
}

/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
text-align: center;
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
font: normal 11pt 'Book Antiqua';
text-shadow: 2px 2px 2px #f1ebde;
}

/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid 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: solid;
border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement .container {
padding: 0.3em 1em 1em 1em;
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: left;
clear: both;
line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4,#pun-stats li.item1, #pun-stats li.item2 {
text-align: right;
line-height: 150%;
}

/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}

/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
margin-top: 0;
}

/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: center;
line-height: 150%;
padding: 0.8em 1em;
font-weight: lighter!important;
font-family: 'Tahoma'!important;
font-size: 10px!important;
}

/* 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 {
text-align: center;
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
font: normal 11pt 'Book Antiqua'!important;
}

/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

/* D9.2 */

#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}

/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}

/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}

Поделиться102017-09-20 11:41:58

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

INTER

Структура

/* INTERSTELLART
homulilly / бернкастель
-------------------------------------------------------------*//*************************************************************
A - SETUPImport 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: 0
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
font-size: 100.01%;
}

/* A3.2 */
.punbb {
font: normal 68.75% verdana, arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* 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;
position: relative;
width: 960px;
margin: auto;
}

/* A5.2 */
.punbb {
width: 890px ;
position: relative;
height: auto;
color: #4a4948;
margin-left:35px;
}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 0;
width: 100%;
height: 100%;
float: none;
top: 0 !important;
left: 0 !important;
}

/* 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;
}

/* A5.7 */
#pun-post .topic {
margin-top: 1em;
}

div.topic {
margin-top: -0.2em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none solid none;
border-width: 0px 0px 2px 0px
}

/* A5.9 */
.punbb .container {
border: none;
}

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding:2.25em 0em 0.6em 0em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}

/***************************************/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
padding: 0px;
margin: 0px;
width: 100%;
overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
width: 100%;
margin: 5px 0px;
}

/* B1.3 */
.punbb .post-content p {
margin: 0;
margin-top: -7px;
padding: 0 0 1em 0;
line-height: 130%;
}

.punbb .post-content blockquote p {
margin-top: 0px;
}

/* 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.5em 1.8em;
}

.punbb .post-content .spoiler-box {
margin: 0.4em 1.8em 1.5em 1.8em;
}
/* 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: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;}

/* B3.2 */
.multipage {
margin-top: 1em;
}

/* B3.3 */
.linkst .pagelink {
position: absolute;
margin-top: -39px;
font-weight: bold;
left: 0px;
width: 24em;
font-size: 10px !important;
font-family: Arial;
text-transform: uppercase;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
right: 0px;
width: 16em;
margin-top: -28px;
text-align: right;
font-weight: bold;
font-size: 10px !important;
font-family: Arial;
text-transform: uppercase;}

/* 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: 1px;
padding: 0 28px 0 18px;
margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
padding: 0px 20px;
text-align: center;
font-size: 1.1em;
text-transform: uppercase;
font-weight: bold;
}

#pun-admain legend {
padding: 0px 20px !important;
}

/* C1.6 */
.punbb fieldset legend span {
margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
clear:both
}

/* C1.12 */
.punbb .datafield br {
display: none
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 12em 0 0;
height: 100%; /* For IE */
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}

/* C1.17 */
.punbb .hashelp {
position: relative;
}

/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}

/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align:justify;
width: 54%;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 8%;
}

/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: center;
width: 30%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 30%
}

#pun-userlist .usertable table {
margin-top: 20px;
}

#pun-searchtopics.punbb td.tcl div.icon{
margin-right: 10px;
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: center;
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.3em;
font-weight: bold;
text-align: left;
padding: 5px 5px 5px 0px;
}

/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}

/* C2.10 */
.punbb td .modlist {
display: none;
padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}

/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3em;
}

.punbb .tcl .tclcon {
margin-left: 25px;
padding: 0px 10px 5px 10px;
background: url("http://i.imgur.com/Tor9EBS.png");
}

#pun-viewforum .tcl .tclcon {
background: none;
}

.punbb .tcl .tclcon a img{
margin: 5px;
}

/* C2.15 */
.punbb div.icon {
height: 40px;
width:60px;
float: left;
display: block;
margin-left: -32px;
margin-top: -2px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
margin-top: -0.2em;
text-align: justify;
}

/* C3.2 */
.punbb .post h3 {
margin-top: 1em;
border-style: solid solid none solid;
border-width: 1px;
}

/* C3.3 */
.punbb .post h3 span {
padding: 0.5em;
display: block;
margin-left: 20em;
z-index: 50;
}

/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19.0em;
margin-top: -1.8em;
overflow: hidden;
margin-left: 4px;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 0.5em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
text-decoration: none;
font-weight: bold;
}

/* C3.8 */
.pa-author a {
text-decoration: none;
font-weight: bold;
}

/* C3.9 */
li.pa-title {
line-height: 10px;
height: 27px;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 1.5em;
margin-bottom: 5px;
}

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1.5em 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}

/* C3.14 */
.punbb .post-links {
margin-left: 20em;
height: 20px;
}

/* C3.15 */
.punbb .post-links ul {
line-height: 2.2em;
margin-left: -27.2em;
text-align: right;
background: url(http://i.imgur.com/cKK1kLS.jpg) no-repeat bottom center;
width: 870px !important;
padding: 11px 89px;
}

#pun-messages .post-links ul {
background: none !important;
width: 600px !important;
}

/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}

/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
margin-top: 120px;
}

#pun-message .info .container {
margin-top: 10px;
}

/* 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;
margin-top: 2em;
display: inline;
font-size: 11px;
background: url("http://i.imgur.com/Tor9EBS.png");
color: #4a4948;
box-shadow: 0px 0px 0px 1px #d6d4d0;
border: 3px solid #ebeae6 !important;
padding: 3px;
}

/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: none;
border-width: 0px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 10px 14px 0em 14px;
}

#viewprofile {
padding: 3px;
box-shadow: 0px 0px 0px 1px #d6d4d0;
border: 3px solid #ebeae6 !important;
}

#profile-right{
background: url("http://i.imgur.com/Tor9EBS.png");
border-left: #bcb6ad solid 1px !important;
}

#profile-left {
background: url("http://i.imgur.com/EQ1csa5.png");
}

#profile-left li img{
box-shadow: 0px 0px 0px 1px #afaf75;
border: 3px solid #e6dfda !important;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}

/***************************************/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}

/* D1.2 */
#pun-title h1 {
display : block;
height : 40px;
padding: 2em 1em 0 1em;
}

/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}

/* D1.4 */
#pun-title h1 span {
display : none;
}

#pun-title table {
border: none;
height: 0px;
width: 100%;
}

#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}

/* 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: auto;
margin-top:-403px;
}

#pun-navlinks .container {
border: none;
margin: 0;
}

/* D3.2 */
#pun-navlinks .container {
padding-top: 0px;
height:8px;
text-align: center;
}

/* D.3 */
#pun-navlinks li {
margin: 0.65%;
display: inline;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 11px;
font-style: normal;
font-family: Arial;
text-transform: uppercase;
font-weight: bold;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
border: none 0px ;
margin-top:375px;
}

/* D4.2 */
#pun-ulinks .container {
padding: 0.7em 0em;
text-align: center;
height:11px;
font-weight: bold;
font-family: Arial;
text-transform: uppercase;}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: none;
border-left-width: 0px;
white-space: nowrap;
margin: 0px;

}

/* D4.4 */
#pun-ulinks li a {
font-size: 10px;
padding: 0px 5px;
}

/* D4.5 */
#pun-ulinks li {
border-left-style: none;
border-left-width: 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 {
padding: 1em 1em 1em 1em;
text-align: center;
}

/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
text-align: center;
}

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
font-size: 1.3em;
padding: 11px;
margin: 0 5%;
}

/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid 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: -5em 1em 1.5em 1em;
border-style: none none solid none;
border-width: 0 0 0px 0;
position: center;
font-weight: bold;
}

/* D6.2 */
#pun-announcement h2 span {
display: none;
padding: 0em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 0px;
}

/* D6.3 */
#pun-announcement .container {
padding: 1em ;
margin-top: 4.3em;
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}

/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 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 {
margin-top: 0;
}

/* D8.4 */
#pun-about .container {
text-align: center;
line-height: 120%;
overflow-x: hidden;
}

/* 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;
text-align: center;
}

/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
font-size: 1.3em;
padding: 11px;
margin: 10px 5%;
}

/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 0px 0;
position: relative;
height: 0;
z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 0px;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 0px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
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;
}

Поделиться112017-09-20 11:42:23

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Стиль

@font-face {
font-family: 'Nautilus Pompilius';
src: local('Nautilus Pompilius Regular'), local('NautilusPompilius'), url('http://64424.selcdn.ru/webfont/nautilus/nautilus.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Great Vibes';
src: local('Great Vibes'), local('GreatVibes-Regular'), url('http://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3Y4P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}

/*CS0 Smiles
-------------------------------------------------------------*/
#wrapper {width: 495px;}

div#smilies-area.container {
height: 130px;
overflow: auto;
margin: 2px -3px 0px 0px;
}

#smilies-area {
width: 500px !important;
}

div.t3 img {
max-width: 40px;
}

ul.tabs {
height: 25px;
line-height: 25px;
margin: 0 0 3px;
list-style: none;}

ul.tabs li {
float: left;
margin-right: 0px;
cursor:pointer;}

ul.tabs li a {
display: block;
padding: 0 19px;
text-decoration:none;
cursor: pointer;
background-color: #bfb2a9;
color: #5f5242;
position: relative;
}

* html ul.tabs li a {
float: left
}

*+html ul.tabs li a {
float: left
}

ul.tabs li a:hover {
padding: 0 19px;
background-color: #afa196;
color: #fff;
}

ul.tabs li.tab-current a {
background-color: #94944e;
color: #fff;
}

div.t2,div.t3, div.t4, div.t5 , div.t6 {
display: none;
width: 495px;
}

/* CS 0.A Works and news
-------------------------------------------------------------*/

#bestwork1, #bestwork2, #bestwork3, #bestwork4 {
display: block;
position: absolute;
width: 98px;
height: 98px;}

#bestwork1 {
top: 116px;
margin-left: 75px;
}

#bestwork2 {
top: 48px;
margin-left: 213px;
}

#bestwork3 {
top: 103px;
margin-left: 581px;
}

#bestwork4 {
top: 152px;
margin-left: 746px;
}

.smallicon {
padding: 40px;
background:url('http://i.imgur.com/6sXYDyM.jpg');
}

.hoverbox {
cursor: default;
list-style: none;
}

.hoverbox a{
cursor: default;
}

.hoverbox a .preview, .hoverbox .author, .hoverbox a .preview2 {
display: none;
}

.hoverbox a:hover .preview {
position:absolute;
display: block;
top: -20px;
bottom: 0;
left:-50px;
right: 0;
z-index: 300;
-webkit-filter: opacity(1);
filter: opacity(1);
}

.hoverbox a:hover .author {
position:relative;
width:180px;
top:64px;
left:-50px;
display: block;
z-index:400;
color: #d5ceb6;
font-family: arial;
font-size: 9px;
padding: 3px 0px;
text-align: center;
background: url("http://i.imgur.com/6sXYDyM.jpg");
}

#poll-special.section h1 {
background: url("http://i.imgur.com/6sXYDyM.jpg");
height: 1px !important;
padding: 10px 0px !important;
}

.hoverbox img {
vertical-align: top;
-webkit-filter: opacity(.7);
filter: opacity(.7);
object-fit: cover;
}

.hoverbox li {
display: inline;
float: left;
position: relative;
}

.news, .userbanners{
display: block;
overflow: auto;
position: absolute;
height: 50px;
padding: 2px;
top: 323px;
color: #6d655f;
text-shadow: 1px 1px 0px #c5b8af;
}

.news {
width: 230px;
left: 495px;
text-align: justify;
}

.userbanners {
width: 198px;
overflow: hidden;
left: 90px;
top: 311px;
padding: 0 !important;
height: 66px;
}

#userbannersbot {
display: block;
position: absolute;
width: 182px;
margin-left: 40px;
margin-top: 27px;
padding: 0 !important;
height: 66px;
}

.userbanners a img, #userbannersbot a img{
-webkit-filter: opacity(.7);
filter: opacity(.7);
}

.userbanners a:hover img, #userbannersbot a:hover img{
-webkit-filter: opacity(1);
filter: opacity(1);
}

.bannerpage {
text-align: center;
font-weight: bold;
}

.challenge, .contest, .flashmob {
display: block;
position: absolute;
height: 95px;
width: 70px;
top: 285px;
left: 750px;
}

.contest {
left: 825px;
}

.flashmob {
left: -7px;
}

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background: url("http://i.imgur.com/I0rPYVg.jpg") repeat-x top center,
url("http://i.imgur.com/oFXleWQ.png"), linear-gradient(to bottom, #c1b5ab,#e8e5df) fixed;
}

.post-content table td {padding-top: 12px !important;}

#banners {
display: block;
overflow: auto;
position: absolute;
height: 66px;
width: 540px;
margin-left: 383px;
margin-top: 27px;
padding-right: 5px;
}

#banners a img {
margin: 0px -2px 0px 0px !important
}

#banners::-webkit-scrollbar{
width: 2px;
background-color: transparent;}

#banners::-webkit-scrollbar-thumb{
background-color: #8a8076; }

#banners::-webkit-scrollbar-thumb:hover{
background-color: #8a8076; }

.news b, .news strong {
color: #e5e4e0;
text-shadow: 1px 1px 0px #948a81;
}

.news::-webkit-scrollbar{
width: 2px;
background-color: transparent;}

.news::-webkit-scrollbar-thumb{
background-color: #8e837c; }

.news::-webkit-scrollbar-thumb:hover{
background-color: #8e837c; }

.input #main-reply {
width: 100%;
display: inline;
}

::-webkit-scrollbar{
width: 8px;
height: 5px;
background-color: #c0b3aa;}

::-webkit-scrollbar-thumb{
background-color: #ada097; }

::-webkit-scrollbar-thumb:hover{
background-color: #5e5140; }

::selection {
background: #c1b4ab !important;
color: #5e5141;
}

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
font-size: 11px !important;
font-style: normal;
font-family: Arial;
text-transform: uppercase;
font-weight: bold;
color: #e8e6e3;
text-shadow: 1px 1px 0px #565628;
text-align: center;
height: 27px;
background: url("http://i.imgur.com/kSso3Pp.jpg") no-repeat scroll center;
width: 960px;
margin-left: -35px;
}

#pun-category1 h2, #pun-category3 h2, #pun-category5 h2, #pun-category7 h2, #pun-category9 h2{ background: url("http://i.imgur.com/UiMqciY.jpg") no-repeat;}

#pun-category2 h2, #pun-category4 h2, #pun-category6 h2, #pun-category8 h2{ background: url("http://i.imgur.com/XZmHR8q.jpg") no-repeat;}

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

.punbb-admin #pun-admain h2{
color: #5c5c5c;
background: transparent;
text-shadow: none;
text-align: left;
font-size: 12px;
padding-left:50px;}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box, .punbb .spoiler-box {
background: url("http://i.imgur.com/Tor9EBS.png");
color: #827a73;
box-shadow: 0px 0px 0px 1px #d6d4d0;
border: 3px solid #ebeae6 !important;
padding: 10px;
}
.punbb .quote-box a, .punbb .spoiler-box a{
border-bottom: 1px dashed #8a8a42;
}

.punbb .quote-box a:hover, .punbb .spoiler-box a:hover{
border-bottom: 1px dashed #5f5c5c;
}

.code-box .scrollbox::-webkit-scrollbar{
width: 5px;
height: 5px;
background: transparent;}

.code-box .scrollbox::-webkit-scrollbar-thumb{
background: #b8b5b1; }

.highlight-text {
background: #605343 !important;
border: none !important;
color: #fff !important;
padding: 2px !important;
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
text-transform: uppercase;
}

.offline li.pa-online strong {
font-weight: normal
}

.punbb textarea {
padding: 3px;
box-shadow: 0px 0px 0px 1px #d6d4d0;
border: 3px solid #f0efed !important;
background: transparent;
}

.punbb .post .post-author > ul {
background: url(http://i.imgur.com/cdqnbAk.jpg) top center no-repeat,
url(http://i.imgur.com/fXPT7uM.jpg) bottom center no-repeat;
padding:2px 11px 20px 10px !important;
}

.punbb .post .post-author {
text-align: center;
background: transparent url(http://i.imgur.com/Lo1cU81.jpg);
color: #615a54;}
.punbb .post .post-author b, .punbb .post .post-author strong {
color: #857b73;
}

img.post-img-Sp {
margin: 5px;
}

div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{
font-size:12px;
letter-spacing:1px;
}

.pa-awards {
margin-top:-30px !important;
}

.punbb .post .post-author li {
padding-left:5px;
}

.pa-author a, .pa-author,.pa-author a, .pa-author strong {
text-align: center;
color: #efeee9 !important;
font-weight: normal;
text-shadow: 1px 1px 0px #9c9188;
text-transform: uppercase;
font-family: arial;
font-size: 10px;}

li.pa-author {
margin-bottom: 13px;
}

.pa-avatar img{
box-shadow: 0px 0px 0px 1px #aba198;
border: 3px solid #e6dfda !important;
background:url('http://i.imgur.com/6sXYDyM.jpg');
}

li.pa-avatar.item2{
margin-left: -3px !important;
}

.pa-title{
font-size: 10px;
color: #d2c9c2;
text-align: center;
}

.punbb select {
padding: 3px;
font-size: 10px;
border: 1px solid #b6a89f !important;
background: transparent;
}

#post .container[id$="-area"]{
background: #e8e7e3;
color: #827a73;
padding: 10px;
box-shadow: 0px 0px 0px 1px #d6d4d0;
border: 1px solid #f0efed !important;
z-index: 20;
margin-top: 10px;
}

.punbb .button {
background: url("http://i.imgur.com/Tor9EBS.png");
color: #756b65;
border: 1px solid #c0b3aa !important;
font-size: 10px;
font-weight: bold !important;
text-transform: uppercase;
color: #7c7c7c;
padding: 7px;
}

.punbb .button:hover {
color: #8a8a42;
}

.punbb input{
padding: 3px;
font-size: 10px;
border: 1px solid #b6a89f !important;
color: #4a4948;
background: transparent;
}

.punbb input[type=checkbox], .punbb input[type=radio]{
background: transparent;
box-shadow: none;
border: none !important;
}

.punbb .post h3 strong {
float: left !important;
width: auto !important;
text-align: left !important;
}

.punbb .post h3 span {
background: url("http://i.imgur.com/Tor9EBS.png");
font-size: 10px;
margin-left: 220px !important;
text-transform: uppercase;
color: #82766b;
}

.post h3 strong:before {
content: "ñîîáùåíèå #";
text-align: center;
color: #82766b;
font-size: 10px;
}

.post h3 strong:after {
content: ", íàïèñàíî: ";
text-align: center;
color: #82766b;
font-size: 10px;
}

div.post-rating p:before {
content: "îöåíêà: ";
text-align: center;
color: #82766b;
font-size: 10px;
}

.post-box .post-rating {
position: absolute;
display: block;
color: #82766b;
padding-left: 8px;
right: 8px;
top: -16px;
}

.post-box .post-rating, .post-box .post-rating a {
font-size: 10px !important;
}

div.post-vote p.container {
margin-right: 0px !important;
padding: 0px 0px !important;
}

.punbb .post-box {
position: relative;
}

div.post-rating p {
position: relative;
right: 0px;
font-size: 10px;
text-transform: uppercase;
}

div.post-vote p {
position: absolute;
}

#post .formsubmit {text-align: center;}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-color: transparent;
}

.adcontainer {
border: none !important;
}

#pun-admain fieldset {
border-color: #aea095 !important;
border-width: 5px !important;
}

/* 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: #8a8a42;
text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #8a8a42;
}

#pun-index .tcl h3 a {
color: #8a8a42;
}

#pun-index .tcl h3 a:hover {
color: #5f5c5c;
}

/* 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: #5f5c5c;
}

/* CS3.3 */
#pun-navlinks a {
color: #e8e7e3;
text-shadow: 1px 1px 0px #4a4924;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #fff;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus, .linkst .postlink a {
color: #e8e6e3 !important;
text-shadow: 1px 1px 0px #565628;
}

.linkst .postlink a:hover, .linkst .pagelink, .linkst .pagelink strong, .linkst .pagelink a, .linkst .pagelink a:hover{
color: #e8e6e3 !important;
text-shadow: 1px 1px 0px #565628;
}

#pun-ulinks a {
color: #8b7c71;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active{
color: #5b4d3d;
}

.punbb .post h3 a {
color: #7a6d61;
}

.punbb .post h3 a:hover {
color: #71713b;
}

.punbb .post-links a{
font-size: 10px !important;
font-style: normal;
font-family: Arial;
text-transform: uppercase;
font-weight: bold;
color: #756b65;
text-shadow: 1px 1px 0px #cec3bb;
}

.punbb .post-links a:hover{
color: #645a54;
}

.pl-reports a:hover, .pl-reports a{
color: transparent !important;
text-shadow: none !important;
}

.pl-reports a{
display: inline-block;
font-size: 0px;
width: 8px;
background: url(http://i.imgur.com/UeQ7hfg.png) no-repeat center right;
}

#pun-adnav div#adnav-standard a {
color: #8a8a42;
}

#pun-adnav div#adnav-standard a:hover {
color: #5c5c5c;
}

.fr a {
color: #e8e6e3 !important;
text-shadow: 1px 1px 0px #565628;
}

.fr a:hover {
color: #f3f2f0;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

Div.icon {background: url(http://i.imgur.com/9TOwhSZ.png)no-repeat;}
TR.inew Div.icon {background: url(http://i.imgur.com/K9xt6tG.png) no-repeat;}
TR.isticky Div.icon {background: url(http://i.imgur.com/AgI9xeJ.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://i.imgur.com/IkllEC2.png) no-repeat;}
TR.iredirect Div.icon {background: url(http://i.imgur.com/5FBsNMV.png) no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

/* CS5 OTHER
-------------------------------------------------------------*/
.closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit, .mini_awards_label, .sharelink{
display: none ;
}

#pun-stats ul.container {
margin-top: -10px;}

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
background: #605342 !important;
}

#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
padding: 5px;
background: url(http://i.imgur.com/dTxDdEz.jpg) !important;
border: none;
color: #4a4948;
box-shadow: none !important;
}

#pun-report .inner table tr td, #pun-reputation .inner table tr td, #pun-admin-award-form .inner table tr td {
border: none !important;
}

#pun-reputation div.inner textarea, #pun-report div.inner textarea, #pun-popup_awards div.inner textarea {
box-shadow: 0px 0px 0px 1px #d6d4d0;
border: 3px solid #f0efed !important;
background: transparent;
}

#pun-reputation h1, #pun-report h1, #pun-popup_awards h1,#pun-graffiti-rusff h1 {
background: url(http://i.imgur.com/dTxDdEz.jpg) !important;
color: #4a4948 !important;
text-shadow: none !important;
width: auto !important;
height: 10px !important; margin: auto !important;}

#pun-admain fieldset p {
border-color: #aea095 !important;
background: transparent;
color: #4a4948;
}

#pun-admain span[class="adinput"] input, #pun-admain span[class="adinput"] label {
color: #5c5c5c;
}

#pun-admain label, div#pun-admain .adlabel {
color: #4a4948;
}

hr {
opacity:1 !important;
-moz-opacity:1 !important;
-khtml-opacity:1 !important;
filter:alpha(opacity=100) !important;
margin-bottom:0.8em;
margin-top: 0.8em;
border: none;
height: 23px;
background: url("http://i.imgur.com/XglKGq2.png") no-repeat top center;}

.punbb th {
font-size: 7px;
color: #9b9b85;
border-bottom: 1px solid #c5b8af ;
text-transform: lowercase;
margin-bottom: 5px !important;
background: url("http://i.imgur.com/EQ1csa5.png");
}

#pun {
background: url("http://i.imgur.com/khEN56k.jpg") repeat-y scroll top center;
}

#pun-title.section {
background: transparent url("http://i.imgur.com/zTUw4Em.jpg") top center scroll no-repeat;
height:400px;
width : 1100px;
margin-top:0px;
margin-left: -105px;}

#pun-redirect {
background: url("http://i.imgur.com/Xt0nOzq.png") no-repeat top center,
url("http://i.imgur.com/oFXleWQ.png"), linear-gradient(to bottom, #c1b5ab,#e8e5df) fixed;
position: fixed;
text-align: center;
font-size:10px;
}

#pun-redirect div.info {
width: 450px;
margin: auto;
text-align: center;
color: #5c5c5c !important;
}

#pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
margin-bottom:10px !important;
}

.punbb .post-sig dt {
border-top: 1px solid #cccac6;
}

.punbb .post-sig dd {
padding: 5px;
color: #9e928b;
}

#form-buttons {
margin: 2px 2px 2px 10px;
padding: 2px 2px 2px 10px;
}

#copyright {
text-align: center;
background-image: url("http://i.imgur.com/S3DQl3x.jpg");
background-attachment: scroll;
background-position: center;
font-size:10px !important;
width: 960px;
height: 112px;
margin-left:-35px;
}

#html-footer {
margin:0px 0 -2px 0;
text-align: center; }

#profile .container #profilenav h2 {
text-align : left;
color: #5c5c5c;
text-shadow: none;
font-size: 13px !important;}

#pun-status .container .item3{
margin-top: 1em;
}

#imageupload-left input[type=button] {
width:auto !important;
}

.post-content abbr {
cursor:pointer!important;
}

/*CS6 ADDITIONAL LINKS
---------------------------------*/
.navi {
display: block;
position: absolute;
height: 65px;
top: 310px;
width: 100px;
left: 285px;
}

.navi a{
font-family: Arial;
font-size: 11px;
text-align: center;
padding: 2px 5px;
display: block;
margin: 1px;
color: #f6f5f1 !important;
text-shadow: 1px 1px 0px #ada199;
}

.navi a:hover{
color: #fff !important;
}

#author {
position: absolute;
display: block;
margin-top: 60px;
left: 269px;
width: 65px;
height:13px;
}

/*CS7
---------------------------------*/
b, strong {
color: #8a8a42;
}

.notify-message {
background: url("http://i.imgur.com/dTxDdEz.jpg");
color: #4a4948 !important;
opacity: 1 !important;
box-shadow: none !important;
border: none !important;
}

#messanger1 strong{
color: #8a8a42 !important;
}

.notify-message .jGrowl-message a, .notify-message .jGrowl-message a:hover, .notify-message .jGrowl-message span, .notify-message .jGrowl-message strong {
color: #8a8a42!important;
}

.jGrowl-date{
border-top: 1px dashed #8a8a42 !important;
}

.jg-mention {border-left: 12px solid #baaca1 !important ;}
.jg-message {border-left: 12px solid #8a8a42 !important;}

#arrows {
position:fixed;
bottom: 50%;
right: 5%;
text-align:center;
}

.punbb .user-avatar img.ava {
border-radius: 0% !important;
}

.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
font-weight:700;
font-size:.8em !important;
background:#9fa25d !important;
color:#e2e1dd !important;
border-radius:8px;
margin:-7px -2px !important;
min-width:12px;
}

#pun-adnav div#adnav-standard{
font-size: 11px;
background: transparent url(http://i.imgur.com/x0PbIZR.png);
color: #827a73;
box-shadow: 0px 0px 0px 1px #d6d4d0;
border: 3px solid #ebeae6 !important;
padding: 3px;
}

#pun-delete .post-content, #pun-edit .post-content , #post-preview .post-content{
width: 850px;
}

.pa-posts, .pa-fld1{
display: inline-block;
width: 73px;
margin-right: 0px !important;
font-size: 10px;
padding-left: 0px !important;
}

#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
display:none!important;
}

.Tems_And_messages {
display: inline-block;
width: 218px;
padding: 5px;
margin-top: -5px !important;
background: url("http://i.imgur.com/Tor9EBS.png");
}

.main table .Add {
display: block;
padding: 1px 7px;
}

.Tems_And_messages .right{
float:right;
}
.sectiondescript {
margin-left: -14px !important;
margin-bottom: -12px !important;
margin-top: -10px !important;
}

.sectiondescript a:before {
content: "›";
}

span.num_msg {
margin-top: -10px !important;
background:url('http://i.imgur.com/6sXYDyM.jpg') !important;
/* border-radius: 20px;*/}

span.num_msg:before {
background:url('http://i.imgur.com/6sXYDyM.jpg') !important;
}

/* INTERSTELLART
homulilly / áåðíêàñòåëü
-------------------------------------------------------------*/

Поделиться122017-11-21 12:21:21

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

LIBRARIUM

html-верх

<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>


<script src="https://forumstatic.ru/files/0010/b4/f8/74494.js"></script>



<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.yrarrows .top').click(function () {
jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:0}, 1000);
return false;
});
jQuery('.yrarrows .bottom').click(function () {
jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:jQuery('body').height() - jQuery(window).height()}, 1000);
return false;
});
});
</script>
<div class="yrarrows" style="position:fixed; right:0.3%; bottom:45%;"><a title="Наверх" href="#top" class="top"><img src="http://funkyimg.com/i/28BtM.png" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href="#bottom" class="bottom" title="Вниз"><img src="http://funkyimg.com/i/28BtN.png" alt="В низ страницы" border="0"></a></div>


<style>
.lastedit {display:none;}
</style>

<script type="text/javascript">
rusffLive.enable = false;
</script>

<style type="text/css">
.html-box table td+td {
overflow-y: scroll;
}
</style>

<script type="text/javascript">
rusffLive.enable = false;
</script>

<style type="text/css">
.html-box table td+td {
overflow-y: scroll;
}
</style>



<script type="text/javascript">
$(document).ready(function() {
$('.Hoverbuttons').each(function () {
var $span = $(this).css('opacity', 0.3);
$(this).hover(function () {
$span.stop().fadeTo(600, 1);
}, function () {
$span.stop().fadeTo(600, 0.6);
});
});
});
</script>

<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

html-низ

<script type="text/javascript">
if(document.URL.indexOf('/pages/')==-1)(function () {
elm=document.getElementsByTagName("div")
for(x in elm)
{if(elm[x].className=="post-content") {
var post = elm[x].innerHTML;
if(post.indexOf("[/my]") != -1) {
mods = /\[my\](.*?)\[\/my\]/gi
post = post.replace(mods, "<div class='my'>$1</div>");
};
if(post.indexOf("[/zag1]") != -1) {
mods = /\[zag1\](.*?)\[\/zag1\]/gi
post = post.replace(mods, "<div class='zag1'>$1</div>");
};
if(post.indexOf("[/bigram]") != -1) {
mods = /\[bigram\](.*?)\[\/bigram\]/gi
post = post.replace(mods, "<div class='bigram'>$1</div>");
};
if(post.indexOf("[/zag2]") != -1) {
mods = /\[zag2\](.*?)\[\/zag2\]/gi
post = post.replace(mods, "<div class='zag2'>$1</div>");
};
if(post.indexOf("[/zg]") != -1) {
mods = /\[zg\](.*?)\[\/zg\]/gi
post = post.replace(mods, "<div class='zg'>$1</div>");
};
if(post.indexOf("[/bga]") != -1) {
mods = /\[bga\](.*?)\[\/bga\]/gi
post = post.replace(mods, "<div class='bga'>$1</div>");
};
if(post.indexOf("[/bga2]") != -1) {
mods = /\[bga2\](.*?)\[\/bga2\]/gi
post = post.replace(mods, "<div class='bga2'>$1</div>");
};
if(post.indexOf("[/bgb]") != -1) {
mods = /\[bgb\](.*?)\[\/bgb\]/gi
post = post.replace(mods, "<div class='bgb'>$1</div>");
};
if(post.indexOf("[/ap]") != -1) {
mods = /\[ap\](.*?)\[\/ap\]/gi
post = post.replace(mods, "<div class='ap'>$1</div>");
};
if(post.indexOf("[/ez]") != -1) {
mods = /\[ez\](.*?)\[\/ez\]/gi
post = post.replace(mods, "<div class='ez'>$1</div>");
};
if(post.indexOf("[/inc]") != -1) {
mods = /\[inc\](.*?)\[\/inc\]/gi
post = post.replace(mods, "<div class='inc'>$1</div>");
};
if(post.indexOf("[/inr]") != -1) {
mods = /\[inr\](.*?)\[\/inr\]/gi
post = post.replace(mods, "<div class='inr'>$1</div>");
};
if(post.indexOf("[/inf]") != -1) {
mods = /\[inf\](.*?)\[\/inf\]/gi
post = post.replace(mods, "<div class='inf'>$1</div>");
};
if(post.indexOf("[/rb]") != -1) {
mods = /\[rb\](.*?)\[\/rb\]/gi
post = post.replace(mods, "<div class='rb'>$1</div>");
};
if(post.indexOf("[/aw]") != -1) {
mods = /\[aw\](.*?)\[\/aw\]/gi
post = post.replace(mods, "<div class='aw'>$1</div>");
};
if(post.indexOf("[/awp]") != -1) {
mods = /\[awp\](.*?)\[\/awp\]/gi
post = post.replace(mods, "<div class='awp'>$1</div>");
};
if(post.indexOf("[/aws]") != -1) {
mods = /\[aws\](.*?)\[\/aws\]/gi
post = post.replace(mods, "<div class='aws'>$1</div>");
};
if(post.indexOf("[/awf]") != -1) {
mods = /\[awf\](.*?)\[\/awf\]/gi
post = post.replace(mods, "<div class='awf'>$1</div>");
};
elm[x].innerHTML = post;}}
$('.post-content').each(function(){$(this).html($(this).html().replace(/(\s| )?-(\s| )/g,'$1—$2'))})
var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});
}());
</script>

<script type="text/javascript">
var 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-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-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>


<style>
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('', '');\"/>"
</script>


<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>


<script type="text/javascript">
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {document.write('<div id="messanger" class="container" style="padding: 15px; text-align: right; background-color: #ebeaf0;"><span><img style="border: 2px solid #696969;" align="left" src="'+UserAvatar+'" width="60" height="60" alt="">Привет, <strong>'+UserLogin+'</strong><br>у Вас новое письмо.</span><br /><br /> <ul class="pisma"></ul><audio autoplay="autoplay"><source src="http://irpi.jr1.ru/ku-ku.ogg" type="audio/ogg; codecs=vorbis"><source src="http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3" type="audio/mpeg"></audio><br /><span id="closer" ><strong> X </strong></span></div>');}
$.get('messages.php','',processMessage);
function processMessage(data){
$(data).find('tr.icon').each(function(){
var QMess=$(this).find('div.tclcon a').text();var QLink=$(this).find('div.tclcon a').attr('href');
var Qautor=$(this).find('td.tc2 a').text();var QProf=$(this).find('td.tc2 a').attr('href');
$('.pisma').append('<li><a onclick=\'window.open(href="'+QLink+'"); return false\' class="mess" href="'+QLink+'">'+QMess+'</a> от <a onclick=\'window.open(href="'+QProf+'"); return false\' class="mess" href="'+QProf+'">'+Qautor+'</a></li>');
$('.mess').click(function(){
$('#messanger').toggle();}); });}
$('#closer').click(function(){
$('#messanger').toggle();});
</script>


<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.yrarrows .top').click(function () {
jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:0}, 1000);
return false;
});
jQuery('.yrarrows .bottom').click(function () {
jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:jQuery('body').height() - jQuery(window).height()}, 1000);
return false;
});
});
</script>
<div class="yrarrows" style="position:fixed; right:0.3%; bottom:45%;"><a title="Наверх" href="#top" class="top"><img src="http://funkyimg.com/i/28BtM.png" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href="#bottom" class="bottom" title="Вниз"><img src="http://funkyimg.com/i/28BtN.png" alt="В низ страницы" border="0"></a></div>

<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>

<script>
function select_text(elem) {
var rng, sel;
if ( document.createRange ) {
rng = document.createRange();
rng.selectNode( elem )
sel = window.getSelection();
var strSel = ''+sel;
if (!strSel.length) {
sel.removeAllRanges();
sel.addRange( rng );
}
} else {
var rng = document.body.createTextRange();
rng.moveToElementText( elem );
rng.select();
}
};

var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('')[1]);
}
});
});
</script>

<div id="Nulll" style="display:none;"></div><script>
$(document).ready(function() {$("#Nulll").load(document.URL+"#pun-navlinks #navindex");});
</script>


<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>


<style>.punbb .pa-avatar img {max-width:210px;max-height:210px;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//
OnSmenaImage("Aeternitas - Академия Магических Искусств.", new Array("Name", "Name"))
var AvtrArr=new Array(
//Ссылки на картинки Аватар
//End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>



<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>



<script type="text/javascript" src="https://forumstatic.ru/files/0017/29/66/99178.js"></script>



<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('', '')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('', '')" />
</div></div>

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('')[1]);
}
});
});
</script>

<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>

<script>
hvScriptSet.addMask({
guestAccess: ['Архив 1', 'Архив 2'],
forumAccess: {
'Основная игра': ['Пользователи', 'Принят (а)'],
'Внесюжетная игра': ['Пользователи', 'Принят (а)'],
'Альтернативная игра': ['Пользователи', 'Принят (а)']
},
forumAccessExtended: {
'Основная игра': ['Пользователи', 'Принят (а)'],
'Внесюжетная игра': ['Пользователи', 'Принят (а)'],
'Альтернативная игра': ['Пользователи', 'Принят (а)']
},
changeList: {
'info': {
title: 'Личное звание',
description: 'Принимает HTML',
tag: 'info',
class: 'pa-fld1',
defaultCode: '<b>Имя Фамилия, возраст<sup>y.o.</sup></a></b><br><i>сфера деятельности</i>'
}
},
userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1','pa-reg','pa-posts','pa-respect', 'pa-positive', 'pa-awards', 'pa-gifts']
});
</script>

Поделиться132017-11-21 12:21:48

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Структура

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
@import "http://webfonts.ru/import/сinzel.css";
@import "http://webfonts.ru/import/arsenal.css";
@import "http://webfonts.ru/import/fontatigo.css";
@import url(https://fonts.googleapis.com/css?family … +Condensed);
@import url(https://fonts.googleapis.com/css?family … rillic-ext);
@import url(https://fonts.googleapis.com/css?family … n,cyrillic);
@import "http://webfonts.ru/import/opengosta.css";
@import "http://webfonts.ru/import/alegreyasc.css";
@import "http://webfonts.ru/import/nickainley.css";
@import "http://webfonts.ru/import/nautilus.css";
@import "http://allfont.ru/allfont.css?fonts=annabelle";
@import "http://webfonts.ru/import/ashley.css";
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(http://allfont.ru/allfont.css?fonts=yataghan);
@import url(http://allfont.ru/allfont.css?fonts=bodoni-cyrillic);
@import url(http://allfont.ru/allfont.css?fonts=boyarsky-normal);
@import url(http://allfont.ru/allfont.css?fonts=Gagalin-Regular);
@import url(https://fonts.googleapis.com/css?family … n,cyrillic);
@import url(https://fonts.googleapis.com/css?family … n,cyrillic);
@import url(https://fonts.googleapis.com/css?family … n,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family= … Montserrat);
@import url(http://code.ionicframework.com/ionicons … ns.min.css);
@import url(https://maxcdn.bootstrapcdn.com/font-aw … me.min.css);
@import url(https://fonts.googleapis.com/css?family … n,cyrillic);
@import url('https://fonts.googleapis.com/css?family=Cuprum');
@import url(https://fonts.googleapis.com/css?family … n,cyrillic);
@import "https://st.fontstorage.com/font/import/gagalin.css";
@import "https://st.fontstorage.com/font/import/classicatwo.css";
@import "https://st.fontstorage.com/font/import/nautilus.css";
@import "https://st.fontstorage.com/font/import/acline.css";
@import "https://st.fontstorage.com/font/import/alexander.css";
@import "https://st.fontstorage.com/font/import/beermoney.css";
@import "https://st.fontstorage.com/font/import/boomboom.css";
@import "https://st.fontstorage.com/font/import/bradobrei.css";
@import "https://st.fontstorage.com/font/import/bravo.css";
@import "https://st.fontstorage.com/font/import/calligraph.css";
@import "https://st.fontstorage.com/font/import/caviar.css";
@import "https://st.fontstorage.com/font/import/certege.css";
@import "https://st.fontstorage.com/font/import/anfisa.css";
@import "https://st.fontstorage.com/font/import/christmasscript.css";
@import "https://st.fontstorage.com/font/import/america.css";
@import "https://st.fontstorage.com/font/import/americantext.css";
@import "https://st.fontstorage.com/font/import/anahit.css";
@import "https://st.fontstorage.com/font/import/ashley.css";
@import "https://st.fontstorage.com/font/import/avdira.css";
@import "https://st.fontstorage.com/font/import/classicaone.css";
@import "https://st.fontstorage.com/font/import/comfortaa.css";
@import "https://st.fontstorage.com/font/import/constantine.css";
@import "https://st.fontstorage.com/font/import/cormorantinfant.css";
@import "https://st.fontstorage.com/font/import/decorlz.css";
@import "https://st.fontstorage.com/font/import/engine.css";
@import "https://st.fontstorage.com/font/import/fiveminutes.css";
@import "https://st.fontstorage.com/font/import/flow.css";
@import "https://st.fontstorage.com/font/import/gabriela.css";
@import "https://st.fontstorage.com/font/import/latohairline.css";
@import "https://st.fontstorage.com/font/import/gunnyrewritten.css";
@import "https://st.fontstorage.com/font/import/indirak.css";
@import "https://st.fontstorage.com/font/import/kobzarks.css";
@import "https://st.fontstorage.com/font/import/leokadia.css";
@import "https://st.fontstorage.com/font/import/neucha.css";
@import "https://st.fontstorage.com/font/import/nickainley.css";
@import "https://st.fontstorage.com/font/import/pecita.css";
@import "https://st.fontstorage.com/font/import/rexinline.css";
@import "https://st.fontstorage.com/font/import/shket.css";
@import "https://st.fontstorage.com/font/import/souses.css";
@import "https://st.fontstorage.com/font/import/theanodidot.css";
@import "https://st.fontstorage.com/font/import/veles.css";
@import "https://st.fontstorage.com/font/import/voronov.css";
@import "https://st.fontstorage.com/font/import/yessireebob.css";
@import "https://st.fontstorage.com/font/import/zhizn.css";
@import "https://st.fontstorage.com/font/import/junegull.css";
@import "https://st.fontstorage.com/font/import/gtw.css";
@import "https://st.fontstorage.com/font/import/lemontuesday.css";
@import "https://st.fontstorage.com/font/import/dited.css";
@import "https://st.fontstorage.com/font/import/cinzeldecorative.css";
@import "https://st.fontstorage.com/font/import/foo.css";
@import "https://st.fontstorage.com/font/import/hitchhike.css";
@import "https://st.fontstorage.com/font/import/deutschgothic.css";
@import "https://st.fontstorage.com/font/import/sunday.css";
@import "https://st.fontstorage.com/font/import/bukhariscript.css";
@import "https://st.fontstorage.com/font/import/guerilla.css";
@import "https://st.fontstorage.com/font/import/fortunagothic.css";
@import "https://st.fontstorage.com/font/import/greatvibes.css";
@import "https://st.fontstorage.com/font/import/champignon.css";
@import "https://st.fontstorage.com/font/import/freeride.css";
@import "https://st.fontstorage.com/font/import/tkachenkosketch4f.css";
@import "https://st.fontstorage.com/font/import/kroftsmann.css";
@import "https://st.fontstorage.com/font/import/solena.css";
@import "https://st.fontstorage.com/font/import/cheque.css";
@import "https://st.fontstorage.com/font/import/kaushanscript.css";
@import "https://st.fontstorage.com/font/import/lobstertwo.css";
@import "https://st.fontstorage.com/font/import/grandhotel.css";
@import "https://st.fontstorage.com/font/import/pacifico.css";
@import "https://st.fontstorage.com/font/import/sansitaone.css";
@import "https://st.fontstorage.com/font/import/oregano.css";
@import "https://st.fontstorage.com/font/import/ossemrust.css";
@import "https://st.fontstorage.com/font/import/stripe.css";
@import "https://st.fontstorage.com/font/import/yesteryear.css";
@import "https://st.fontstorage.com/font/import/london.css";
@import "https://st.fontstorage.com/font/import/troika.css";
@import "https://st.fontstorage.com/font/import/playball.css";
@import "https://st.fontstorage.com/font/import/bernierdistressed.css";
@import "https://st.fontstorage.com/font/import/nk123.css";
@import "https://st.fontstorage.com/font/import/tangak.css";
@import "https://st.fontstorage.com/font/import/yarin.css";
@import "https://st.fontstorage.com/font/import/berniershade.css";
@import "https://st.fontstorage.com/font/import/resphekt.css";
@import "https://st.fontstorage.com/font/import/tmvinograd.css";
@import "https://st.fontstorage.com/font/import/boncegro.css";
@import "https://st.fontstorage.com/font/import/dymaxionscriptc.css";
@import "https://st.fontstorage.com/font/import/rochester.css";
@import "https://st.fontstorage.com/font/import/allura.css";
@import "https://st.fontstorage.com/font/import/amatic.css";
@import "https://st.fontstorage.com/font/import/alexbrush.css";
@import "https://st.fontstorage.com/font/import/celestina.css";
@import "https://st.fontstorage.com/font/import/merienda.css";
@import "https://st.fontstorage.com/font/import/modak.css";
@import "https://st.fontstorage.com/font/import/arizonia.css";
@import "https://st.fontstorage.com/font/import/gorditas.css";
@import "https://st.fontstorage.com/font/import/montez.css";
@import "https://st.fontstorage.com/font/import/shrikhand.css";
@import "https://st.fontstorage.com/font/import/loversquarrel.css";

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
margin: 0
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
font-size: 100.01%;
}

/* A3.2 */
.punbb {
font: normal 68.75% verdana, arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* 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: 30px;
position: relative;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: 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 solid none;
border-width: 0px 0px 2px 0px
}

/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 1px solid #888;
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;
border-style: solid;
border-width: 1px;
}

/* 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: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}

/* B3.2 */
.multipage {
margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em;
width: 24em;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}

/* 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: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
clear:both
}

/* C1.12 */
.punbb .datafield br {
display: none
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 12em 0 0;
height: 100%; /* For IE */
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}

/* C1.17 */
.punbb .hashelp {
position: relative;
}

/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}

/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 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;
}

/* 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: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}

/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3.2em
}

/* C2.15 */
.punbb div.icon {
border-style: solid;
border-width: 0.6em 0.6em 0.6em 0.6em;
height: 0;
line-height: 0.0;
margin-top: 0.1em;
width: 0;
}

/* C2.16 */
.punbb table div.icon {
font-size: 1.05em;
position: absolute;
margin-left: -2.2em;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}

/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}

/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}

/* C3.8 */
.pa-author a {
text-decoration: none
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}

/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}

/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}

/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}

/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}

/* D1.2 */
#pun-title h1 {
display : block;
height : 40px;
padding: 2em 1em 0 1em;
}

/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}

/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}

#pun-title table {
border: none;
height: 40px;
width: 100%;
}

#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}

/* 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, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
}

/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
}

/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: 0;
}

/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}

/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}

/* 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;
}

/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid 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: solid;
border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}

/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}

/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
margin-top: 0;
}

/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
}

/* 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 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}

/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}

/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}

Поделиться142017-11-21 12:22:05

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Стиль

@font-face {
font-family: 'Nautilus Pompilius';
src: local('Nautilus Pompilius'), local('NautilusPompilius'), url('nautiluspompilius.woff2') format('woff2'), url('nautiluspompilius.woff') format('woff'), url('nautiluspompilius.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Cinzel';
src: local('Cinzel'), local('Cinzel-Regular'), url('cinzel.woff2') format('woff2'), url('cinzel.woff') format('woff'), url('cinzel.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Great Vibes';
src: local('Great Vibes'), local('GreatVibes-Regular'), url('http://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3Y4P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'CircleC', arial;
src: local('CircleC'), local('CircleC'), url('http://allfont.ru/allfont.css?fonts=circlec" rel="stylesheet" type="text/css" /') format('woff2');
font-weight: 400;
font-style: normal;
}

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* 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: #f1f1f1;
color: #333;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #f7f7f7;
color: #333;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #1474C3;
color: #fff;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #E1EDF7;
color: #333;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #f7f7f7;
color: #005EAB
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #dedfdf;
color: #333
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #f9f9f9;
color: #333
}

/* CS1.8 */
#pun-navlinks .container {
background-color: #0F5995;
color: #f1f1f1;
}

.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: #005EAB
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #333
}

/* 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: #B42000;
}

/* CS3.3 */
#pun-navlinks a {
color: #eee;
text-decoration: none
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #fff;
text-decoration: underline
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}

/* Полоса ХП */
.hpcount u {
text-shadow: 1px 1px 0px #b81d1d;
color: #ffecec;
font-family: GreatVibes-Regular;
font-style: italic;
}

.hpwrap {
background: #a4031a;
padding: 4px 6px 4px 4px;
}
.hpcount {
background: #da6676;
color: #fff;
text-transform: uppercase;
font-weight: bold;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
padding: 1px;
max-width: 99.5%;
}

/*-------------------------------*/

/* Полоска МП */
.mpcount u {
text-shadow: 1px 1px 0px #1d63b8;
color: #edf5ff;
font-family: GreatVibes-Regular;
font-style: italic;
}
.mpwrap {
background: #2070d3;
padding: 4px 6px 4px 4px;
}
.mpcount {
background: #6db8db;
color: #fff;
text-transform: uppercase;
font-weight: bold;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
padding: 1px;
max-width: 99.5%;
}

/*-------------------------------*/

/* Полоска Рассудка */
.mindcount u {
text-shadow: 1px 1px 0px #6a1db8;
color: #f8ecff;
font-family: GreatVibes-Regular;
font-style: italic;
}
.mindwrap {
background: #5a9f7a;
padding: 4px 6px 4px 4px;
}
.mindcount {
background: #ace4d5;
color: #fff;
text-transform: uppercase;
font-weight: bold;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
padding: 1px;
max-width: 99.5%;
}

/*-------------------------------*/

/* Полоска опыта */
.expcount u {
text-shadow: 1px 1px 0px #6a1db8;
color: #f8ecff;
font-family: GreatVibes-Regular;
font-style: italic;
}
.expwrap {
background: #dcdbb3;
padding: 4px 6px 4px 4px;
}
.expcount {
background-image: url("http://funkyimg.com/i/2wd3p.jpg");
color: #fff;
text-transform: uppercase;
font-weight: bold;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
padding: 1px;
max-width: 99.5%;
}
/*-------------------------------*/

.ocnova {width: 642px; background-color: #; margin-left: 5px !important;
background: url(http://i.imgur.com/216t6FE.jpg) top no-repeat, url(http://i.imgur.com/57xMMXl.jpg) bottom no-repeat, url(http://i.imgur.com/JnumCmE.jpg) repeat-y;
}
.ocnova1 {width: 560px; font-family: 'tahoma'; line-height: 14px; color: #2b1d14; text-align: center; padding: 3px; padding-bottom: 7px; padding-top: 7px; }
.ocnova11 {width: 490px; font-family: 'tahoma'; line-height: 14px; color: #571409; text-align: center; padding: 3px; padding-bottom: 65px; padding-top: 10px; }
.ocnova0011 {width: 500px; font-family: 'tahoma'; line-height: 14px; color: #571409; text-align: center; padding: 3px; padding-bottom: 65px; padding-top: 10px; }
.ocnova2 {text-align: center; font-family: 'Yeseva One'; color: #c08967; font-size: 16px; font-weight: normal; text-transform: uppercase;}
.scrolling {overflow: auto; width: 560px; height: 450px; padding-right: 5px;}

/*CS6 - СТИЛИЗАЦИЯ КОДОВ В СООБЩЕНИЯХ - */
/*АНКЕТА+СПИСОК РОЛЕЙ+АДМИН ВЕЩАЕТ*/
/*СЮЖЕТУС*/
.chosb {width: 600px;background-image: url(http://i.imgur.com/SmlrQza.png);padding: 10px;}
.chosi {border: #a9a0cd 5px solid!important;width: 100px; height: 100px;}
.chosn {
font-family: Nautilus Pompilius,Nautilus Pompilius;
font-size: 40px;
text-transform: capitalize;
line-height: 100%;
color: #a59e87;
text-shadow: #19160b 2px 2px;
margin-bottom: 5px;
}
.chosp {
width: 580px;
background-color: rgb(165, 158, 135);
padding: 10px;
font-family: Gabriela;
font-size: 16px;
text-align: justify;
line-height: 100%;
color: #1c190e;
}
.chosi {
border: rgb(165, 158, 135) 5px solid!important;
width: 100px;
height: 100px;
}
.chosp p::first-letter {font-family: Nautilus Pompilius,Nautilus Pompilius;font-size: 40px;line-height: 100%;color: #19160b;text-shadow: #0E0123 1px 1px;text-transform: uppercase;float: left;margin-right: 5px;}

.chosp p::first-letter {font-family: Nautilus Pompilius,Nautilus Pompilius;font-size: 40px;line-height: 100%;color: #1c022d;text-shadow: #0E0123 1px 1px;text-transform: uppercase;float: left;margin-right: 5px;}
/*СЮЖЕТУС*/
/*ДОПОЛНИТЕЛЬНЫЕ ББ КНОПКИ*/
.inc{box-sizing: border-box;
background: url(http://i.imgur.com/LetvnnK.png) no-repeat 0% 0%, url(http://i.imgur.com/TYj4biQ.png) no-repeat 100% 0%, url(http://i.imgur.com/vNFInew.png) no-repeat 0% 100%, url(http://i.imgur.com/4CFW96D.png) no-repeat 100% 100%, url(http://i.imgur.com/810YHMN.png) repeat-y 100% 0%, url(http://i.imgur.com/mNYkUes.png) repeat-y 0% 0%, url(http://i.imgur.com/iqqk91g.png) repeat-x 50% 100%, url(http://i.imgur.com/1H5cQkc.png) #e9d3a7 repeat-x 0% 0%;
min-height: 150px;
max-height: 150px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;}
.inr{height: 85px;
overflow: auto;
color: #251b0e;}
.inf{width: 100%;
background: #460801;
padding-top: 5px;
padding-bottom: 5px;
font-family: Lobster;
font-size: 18px;
text-align: center;
color: #bb9559;}
/*Рамка с листвой*/
.ram1{ box-sizing: border-box;
width: 226px;
height: 228px;
background: url(https://forumstatic.ru/files/0016/d8/32/57836.png);}
.ram1 img{ margin-top: 33px!important;
margin-left: 33px!important;
box-shadow: 0px 0px 2px 5px rgba(44, 56, 20, 0.38);
width: 160px;
height: 162px;}
/*Рамка каменная*/
.ram2{ border-image: url(http://i.imgur.com/MH4mUpn.png) 10 10 10 10 repeat repeat;
border-style: solid;
border-width: 10px;
width: 150px;
height: 150px;}
.ram2 img{ margin-top: 0px!important;
box-shadow: 0px 0px 5px #e9891a;}
/*Рамка узорная*/
.ram3{ background: url(http://i.imgur.com/eBFSSAP.png);
width: 200px;
height: 200px;}
.ram3 img{ margin-top: 13.5px!important;
margin-left: 17px!important;
box-shadow: 0px 0px 5px #442e1c;
width: 167px;
height: 169px;}
/*Большая рамка*/
.bigram{
box-sizing: border-box;
/* background: url(http://i.imgur.com/xbLPFH0.png) no-repeat 0% 0%, url(http://i.imgur.com/oN9i8HE.png) no-repeat 100% 0%, url(http://i.imgur.com/qdk7DHg.png) no-repeat 0% 100%, url(http://i.imgur.com/ydv01E2.png) no-repeat 100% 100%, url(http://i.imgur.com/vqd4in6.png) repeat-y 100% 0%, url(http://i.imgur.com/pDSR3pV.png) repeat-y 0% 0%, url(http://i.imgur.com/SncIkfr.png) repeat-x 50% 100%, url(http://i.imgur.com/JtJ5h3x.png) repeat-x 0% 0%;
padding-left: 18px;
padding-right: 18px;
padding-top: 12px;
padding-bottom: 12px;
z-index: 2;
position: relative;*/
}
.bigram img{ width: 100%;margin-bottom: -15px!important;margin-top: -15px!important;}
/*блок с текстом*/
.bga{padding:3px;
padding-bottom: 25px!important;
box-sizing: border-box;
border-image: url(http://i.imgur.com/9swPZLs.png) 10 repeat!important;
border-style: solid!important;
border-width: 10px!important;
background: #999999 url(http://i.imgur.com/HXQ5tzD.png);
color: #0f0e0e;
border-top: none!important;
margin-bottom: -15px!important;
margin-top: -15px!important;
}

.zg {
color: rgb(22, 20, 31)!important;
border-image: url(http://i.imgur.com/9swPZLs.png) 10 repeat!important;
border-style: solid!important;
border-width: 10px!important;
background: #2d283e url(http://i.imgur.com/HXQ5tzD.png);
border-left: none!important;
border-right: none!important;
text-shadow: 0.5px 0.5px 3px #585073;
text-transform: uppercase;
width: 100%;
text-align: center;
line-height: 20px;
margin-top: -7px!important;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 600;
font-family: Gagalin;
font-size: 20px;
z-index: 2;
position: relative;
}
.bgb img{float: left;
margin-left: -5px!important;
width: 98%;
height: auto;
border: solid 5px #2c283c!important;
}
.ap{ background: #312d40 url(http://i.imgur.com/HXQ5tzD.png);
color: rgb(22, 20, 31)!important;
border-image: url(http://i.imgur.com/9swPZLs.png) 7 repeat!important;
border-style: solid!important;
border-width: 7px!important;
width: 99%;
height: 50px;
float: right;
}
.ez{ background: rgba(131, 131, 131, 0.32);
text-align: center;
width: 100%;
font-family: Gagalin;
font-variant: small-caps;
font-size: 12px;
letter-spacing: 1px;
color: #16141f;
text-shadow: 1px 1px 1px #605a80;
z-index: 1;}
.rb{ margin-top: -15px!important;
height: 35px;
padding-left: 5px;
padding-right: 5px;
overflow: auto;
color: #bdbdbd;}
.zag2{background: #312d40 url(http://i.imgur.com/HXQ5tzD.png);
color: rgb(22, 20, 31)!important;
border-image: url(http://i.imgur.com/9swPZLs.png) 7 repeat!important;
border-style: solid!important;
border-width: 7px!important;
border-left: none!important;
border-right: none!important;
text-shadow: 0.5px 0.5px 3px #585073;
text-transform: uppercase;
width: 100%;
text-align: center;
line-height: 15px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 600;
font-family: Gagalin;
font-size: 12px;}
.my{ color: rgb(22, 20, 31)!important;
border-image: url(http://i.imgur.com/9swPZLs.png) 10 repeat!important;
border-style: solid!important;
border-width: 10px!important;
background: #2d283e url(http://i.imgur.com/HXQ5tzD.png);
border-left: none!important;
border-right: none!important;
text-shadow: 0.5px 0.5px 3px #585073;
text-transform: uppercase;
width: 100%;
text-align: center;
line-height: 28px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
font-family: Gagalin;
font-size: 25px;
}
.bga2{padding: 3px;
padding-bottom: 25px!important;
box-sizing: border-box;
border-image: url(http://i.imgur.com/9swPZLs.png) 10 repeat!important;
border-style: solid!important;
border-width: 10px!important;
background: #999999 url(http://i.imgur.com/HXQ5tzD.png);
color: #0f0e0e;
border-top: none!important;
margin-top: -15px!important;
min-height: 100px;
max-height: 150px;
overflow: auto;}
/*СТИЛЬ АНКЕТЫ*/

/*Шаблон анкеты*/
#bg3 img { width: 200px; height: 200px; border-radius: 360px; -moz-border-radius: 360px; -webkit-border-radius: 360px; -ms-border-radius: 360px; -o-border-radius: 360px; padding: 5px; border: 1px solid #a0937b;background-color: #f7e9d1; position: absolute; left: 450px; top: 5px; transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;
}

.bgn2 { font-family: times; font-style: italic; font-size: 11.5px; text-align: center; padding: 3px; border: 1px solid #a0937b;background-color: #f7e9d1; text-transform: lowercase; margin: 2px!important; color: #555;
}

.appisnfoblock::-webkit-scrollbar { width:4px; height:4px; }
.appisnfoblock::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid rgba(45, 35, 27, 0.24); }
.appisnfoblock::-webkit-scrollbar-thumb { background-color: #30421A; border: 1px solid #30421A; }
.textbsmili::-webkit-scrollbar { width:4px; height:4px; }
.textbsmili::-webkit-scrollbar-track { background-color: rgba(45, 35, 27, 0.24); border: 1px solid rgba(45, 35, 27, 0.24); }
.textbsmili::-webkit-scrollbar-thumb { background-color: #30421A; border: 1px solid #30421A; }
.appos {width: 740px;
height: 466px;
position: relative;
padding-bottom: 20px;
background: url(https://forumstatic.ru/files/0016/d8/32/28662.jpg) top center repeat;}
.appis { float: left; }
.appis label { display: block; width: 123.2px;height: 25px;position: relative;top: 450px;margin-left: 0px;margin-right: 0px; color:#E0CAA5; font-family: roboto; text-transform: uppercase; font-size: 10px; line-height: 250%; background: url(https://forumstatic.ru/files/0016/85/f6/68983.jpg); border-top: 5px solid;
border-bottom: 5px solid;
border-image: url(https://forumstatic.ru/files/0016/d8/32/41415.png) 10 fill repeat!important;
}
.appis [type=radio] { display: none; width: 780px;}
.appboxes { position: absolute; top: 45px;left: 0px; right: 0px; background: transparent; }
.appis [type=radio]:checked ~ label { color: #E2CCA7;background: url(https://forumstatic.ru/files/0016/85/f6/56681.png);z-index: 2;border-top: 5px solid;
border-bottom: 5px solid;
border-image: url(https://forumstatic.ru/files/0016/d8/32/41415.png) 10 fill repeat!important; }
.appis [type=radio]:checked ~ label ~ .appboxes { z-index: 1; }
.appsheader { width: 740px; font-family: lobster; font-style: italic; text-shadow: 1px 1px #18120F; line-height: 150%; text-align: center; font-size: 14px; text-transform: lowercase; background: url(https://forumstatic.ru/files/0016/85/f6/56681.png); border-top: 5px solid; border-bottom: 5px solid; border-image: url(https://forumstatic.ru/files/0016/d8/32/41415.png) 10 fill repeat!important; color: #567B29; position: absolute; top: -30px; left: 0px; padding: 0px 0px;}
.fmml { width: 740px; background:url(http://savepic.ru/8519203.jpg);font-size: 25px;color: #567B29; text-shadow: 1px 1px 1px #111111;font-family: 'Lobster', cursive; text-align: center;border-top: 5px solid;border-bottom: 5px solid;border-image: url(https://forumstatic.ru/files/0016/d8/32/41415.png) 10 fill repeat!important; padding: 15px 0px; line-height: 120%;height: 25px; }
.appisnfoblock { color: #2a1f15; padding: 0px 5px; font-size: 14px; font-family: Georgia; line-height: 110%; text-align: justify; overflow: auto; height: 400px;width: 650px; border-top: #35271C 3px solid;border-bottom: #35271C 3px solid;background: url(https://forumstatic.ru/files/0016/85/f6/49396.png);}
.textbsim {margin-left: -5px!important; margin-top: 205px!important;padding: 5px;}
.textbsm {width: 350px!important;padding: 5px;border: 2px solid #35271C;background-color: #B5A587;
}
.textbsmi {width: 325px;padding: 10px;border: 2px solid #35271C;background-image: url(https://forumstatic.ru/files/0016/85/f6/68983.jpg);padding-bottom: 5px;
}
.textbsmil { width: 316px; padding: 3px; background-color: #20250D; border-bottom: 2px solid #35271C; border-top: 2px solid #35271C;font-size: 13px; text-align: left; font-family: 'Montserrat', sans-serif; text-transform: lowercase; letter-spacing: -1px; font-style: italic; font-weight: bold; text-indent: 15px;color:#877458;}
.textbsmili { width: 316px; height: 83px; overflow: auto; padding: 3px; background-color: #d2bb93; font-size: 13px; color: #462c17; line-height: 100%; letter-spacing: 1px; font-family: times; font-style: italic; text-indent: 20px; text-align: justify;}
.textbstl1 { width: 145px; padding: 5px; background-color: #20250D; color: #4B631A; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 8px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #35271C; border-top: 1px solid #35271C;}
/*Шаблон анкеты*/
/***стиль талантов****/
.circlebr{
display: block;
width: 67px;
height: 67px;
position: relative;
top: 6px;
left: 6px;
background: url("http://savepic.ru/10233049.png") no-repeat;
}
.circlebg{content: "";
display: block;
width: 49px;
height: 49px;
position: relative;
top: 7px;
left: 9px;
background: #110C00;
box-shadow: inset 0px 0px 5px 1px #000000;
background-size: 100%;
border-radius: 24px;}
.numbg{background-color: #060603 !important;
border-image: url(https://forumstatic.ru/files/0017/cc/9b/37973.png) 7 7 7 7 repeat repeat!important;
border-style: solid!important;
border-width: 5px!important;
width: auto;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
position: relative;
margin-left: 0px;
margin-right: 15px;
text-align: center;}
.abig{
font-size: 25px;

color: #0666bb;
text-shadow: 1px 1px #00edff, 2px 1px #2f385f, 1px 1px 2px #000000;
position: relative;
top: 3px;
left: -2px;
font-family: lobster;
letter-spacing: -0.05em;
}
.pointname {color: #0f3e50;
font-size: 11px;
display: block;
font-weight: bold;
line-height: 12px;
position: relative;
top: 9px;
letter-spacing: 0;}
.tablebgr{background-color: #060603 !important;
border-image: url(http://i.imgur.com/nMUgkDE.jpg) 7 7 7 7 repeat repeat!important;
border-style: solid!important;
border-width: 5px!important;
margin-left: 15px!important;
margin-right: 15px!important;
color: #baa571;}

Поделиться152021-08-16 23:44:37

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Crossbar

Структура style.css

Поделиться162021-08-16 23:45:05

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Цвета style_cs.css

Поделиться172021-08-16 23:45:40

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

html верх

Поделиться182021-08-16 23:46:13

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

html низ

Поделиться192021-08-16 23:47:08

Автор: Vermishelka
Администратор
Монеты: 1000
Посты: 100
Сообщений: 530
Уважение: [+0/-0]
Позитив: [+0/-0]
Последний визит:
2022-12-26 12:30:30

Личные страницы

Страница: 1

Тестовик

Меню навигации

Пользовательские ссылки

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

Дизайны

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

Поделиться12015-09-08 12:29:51

Поделиться22015-09-08 12:35:09

Поделиться32015-09-08 12:35:43

Поделиться42015-09-08 12:35:57

Поделиться52017-09-20 10:55:08

Поделиться62017-09-20 10:55:40

Поделиться72017-09-20 10:56:04

Поделиться82017-09-20 10:57:18

Поделиться92017-09-20 10:57:42

Поделиться102017-09-20 11:41:58

Поделиться112017-09-20 11:42:23

Поделиться122017-11-21 12:21:21

Поделиться132017-11-21 12:21:48

Поделиться142017-11-21 12:22:05

Поделиться152021-08-16 23:44:37

Поделиться162021-08-16 23:45:05

Поделиться172021-08-16 23:45:40

Поделиться182021-08-16 23:46:13

Поделиться192021-08-16 23:47:08