/* CS1 Background and text colours
-------------------------------------------------------------*/

/* ЗАДНИЙ ФОН */ 

html, body {
  background-color: #090909;  /*цвет*/
  background-image: url(http://pwfallen.hutt.ru/files/0012/bd/e5/98673.jpg);  /*картинка*/
  background-repeat: repeat;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
  background-attachment: fixed;  /*прокрутка картинки*/
}

/* БОКОВЫЕ ГРАНИЦЫ КАРТИНКОЙ */

#pun {
  width: 900px;  /*шарина картинки*/
  background-color: transparent;  /*цвет фона*/
  background-image: url();  /*картинка*/
  background-repeat: repeat-y;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
}
.punbb {
  width: 900px;  /*ширина форума внутри границ*/
  padding-left: 0px;  /*отступ форума от левого края картинки-границы*/
  padding-right: 0px;  /*отступ форума от правого края картинки-границы*/
}

/* ШАПКА */

#pun-title table {
  background-color: transparent; /*цвет*/
  background-image: url(http://fallen.forum-top.ru/files/0012/c3/18/48125.jpg); /*картинка*/
  background-repeat: no-repeat; /*повторение картинки*/
  background-position: top left; /*позиционирование картинки*/
  height: 423px; /*высота шапки*/
  width: 1000px; /*ширина шапки*/
  margin-left: -50px;
}


/* ДВИГАЕМ РЕКЛАМУ */

#pun-title table tbody tr .title-logo-tdr {
  top: 0px;  /*сверху*/
  left: 260px;  /*слева*/
}

/* КАРТИНКА КАТЕГОРИЙ */

#pun-stats h2, .punbb .main h2 { 
  background-color: transparent; /*цвет*/
  background-image: url(http://s1.uploads.ru/ITFQf.png); /*картинка*/
  background-repeat: no-repeat; /*повторение картинки*/
  background-position: bottom center; /*позиционирование картинки*/
  height: 51px;  /*высота контейнера*/
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
  }

 .punbb .main h1, #pun-debug h2 {
  background-color: transparent; /*цвет*/
  background-position: bottom center; /*позиционирование картинки*/
  height: 51px;  /*высота контейнера*/
  text-align: center;
  }

/* ТЕКСТ КАТЕГОРИЙ */

.punbb .main h2 span, #pun-stats h2 span   {
  position: relative;  /*для того, чтоб двигать текст*/
  top: 40px;  /*двигаем сверху*/
  left: 0px;  /*двигаем слева*/
  font-weight: bold;  /*делаем жирным*/
  color: #55270c;  /*цвет текста*/
  font-family: 'Marck Script', cursive; /*импортируемый шрифт из гугла*/
  font-size: 24px!important;
  font-weight:bold;
  text-shadow:2px 2px 10px #341502;
/*ВНИМАНИЕ! для того, чтоб текст был по центру, слева не двигать (поставить ноль), а в предыдущем блоке "картинка категорий" дописать text-align: center; */
  }

.punbb .main h1 span, #pun-stats h2, .punbb .main h2 {
  position: relative;  /*для того, чтоб двигать текст*/
  font-weight: bold;  /*делаем жирным*/
  color: #55270c;  /*цвет текста*/
  font-family: 'Marck Script', cursive; /*импортируемый шрифт из гугла*/
  font-size: 24px!important;
  font-weight:bold;
  text-shadow:2px 2px 10px #341502;
  }

/*КАРТИНКА-КОПИРАЙТ*/

#pun-about .container {
  background-color: transparent;  /*цвет фона*/
  background-image: url(http://s2.uploads.ru/rRclX.png);  /*картинка*/
  background-repeat: no-repeat;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
  height: 239px;  /*высота картинки*/
  margin-right:-50px; margin-left: -50px;
  border-color: transparent!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 {
  background-color: #3e2c27;  /*цвет фона*/
  color: #000;  /*цвет текста*/
  }
/* цвета первой и последней ячеек форумной таблицы, цвета профиля пользователя, цвет контейнера с формой ответа, цвета модератоского меню и т.п. */
.punbb .main .container, .punbb .post .container, .punbb .post h3{
  background-color: #3e2c27;  /*цвет фона*/
  color: #000;  /*цвет текста*/
  }
/* цвета шапки форумной таблицы, цвета заголовков постов с датой сообщени, цвета строк при просмотре чужого профиля */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent!;  /*цвет фона*/
  color: #000;  /*цвет текста*/
  }
/* цвета строки в форме ответа "напишите сообщение и нажмите отправить", а также аналогичных строчек с поясняющим текстом, цвета поясняющих строк в профиле */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span{
  background-color: transparent!;  /*цвет фона*/
  color: #000;  /*цвет текста*/
  }
/* цвета формы кода и цитаты */
.punbb .quote-box, .punbb .code-box {
  background-color: #4d4b49;  /*цвет фона*/
  color: #000;  /*цвет текста*/
  }

/* цвета админ меню */
#pun-adnav ul, 
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
  background-color: #4d4b49;  /*цвет фона*/
  color: #000;  /*цвет текста*/
  }


/* цвета формы ответа */
#main-reply {
  background-color: #837c7c;  /*цвет фона*/
  }

/* цвета меню навигации */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;  /*цвет фона*/
  color: #000;  /*цвет текста*/
  }


/*ЦВЕТ ВСЕХ ГРАНИЦ И ЛИНИЙ*/

.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post, .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, .punbb .quote-box, .punbb .code-box, #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: #292626;   /*ЦВЕТ*/

}

/* ССЫЛКИ (добавить своих настроек по вкусу) */

/*все ссылки в обычном состоянии*/
.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: #13100f;
  }

/*все ссылки при наведении курсора*/
.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, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #191716;
  }

/*ссылки меню навигации в обычном состоянии*/
#pun-navlinks a {
  color: #0d0d0d;
  }

/*ссылки меню навигации при наведении курсора*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #000;
  text-decoration: underline;
  }



/* ИКОНКИ */

.punbb div.icon {
  width: 60px;  /*ширина иконки тем*/
  height: 60px; /*высота иконки тем*/
  margin-right: 4px;  /*отступ текста от иконки*/
} 

.punbb td div.tclcon {
  margin-left: 4px; /*отступ контейнера с текстом от левого края таблицы (если поставить ширину иконки, текст не будет ее обтекать)*/
} 

div.icon {
        background: url(http://mpchat.com/narion/img/musor/star.png) no-repeat;
} /*старое сообщение*/

tr.inew div.icon {
        background: url(http://mpchat.com/narion/img/musor/new.png) no-repeat;
} /*новое сообщение*/

tr.iclosed div.icon {
        background: url(http://mpchat.com/narion/img/musor/xxx.png) no-repeat;
} /*закрытая тема*/

tr.iredirect div.icon {
        background: url(http://mpchat.com/narion/img/musor/xxx.png) no-repeat;
} /*пере адресация темы*/

tr.isticky div.icon {
        background: url(http://mpchat.com/narion/img/musor/imp.png) no-repeat;
} /*важная тема*/


/* CS5 Other
 -------------------------------------------------------------*/
td.tcr a{
        background: transparent url(http://s3.uploads.ru/TszB9.png) no-repeat;
padding-left: 25px;
padding-top: 0px;
height: 19px;
}

.pa-author a
{font-weight: bold;  /*делаем жирным*/
  font-color: #55270c;  /*цвет текста*/
  font-family: 'Marck Script', cursive; /*импортируемый шрифт из гугла*/
  font-size: 22px!important;
  text-shadow:2px 2px 10px #341502;
  text-align: center;
}


.punbb .quote-box, .punbb .code-box {background: url(URL);
border: #292626 solid 0px;}

.punbb .quote-box, .punbb .code-box {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 5px 8px #000;
-webkit-box-shadow:0px 5px 8px #000;
-khtml-box-shadow:0px 5px 8px #000;
-moz-box-shadow:0px 5px 8px #000;
}

#pun-ulinks .container, #pun-navlinks .container, #pun-about .container {
border-radius:0px!important;
-webkit-border-radius:0px!important;
-khtml-border-radius:0px!important;
-moz-border-radius:0px!important;
-o-border-radius:0px!important;
box-shadow: 0px 0px 0px #000!important;
-webkit-box-shadow:0px 0px 0px #000!important;
-khtml-box-shadow:0px 0px 0px #000!important;
-moz-box-shadow:0px 0px 0px #000!important;
}
#post-form h2 {background-image: none;}

/* Шаблон дизайна предоставлен проектом ForumDesign TechSupport - Дизайн для форумов и техническая поддержка © 2012 ForumDTS.org */

<div>
<input type="Button" value="Звериные морды" onclick="return showhide(this)">
<p style="display:none">

<img onclick="bbcode(' [img]http://i038.radikal.ru/1006/5f/ed22a5454fb4.gif[/img] ', '')" src="http://i038.radikal.ru/1006/5f/ed22a5454fb4.gif" alt="embrace" />

<img onclick="bbcode(' [img]http://s49.radikal.ru/i124/1006/3c/5f57c1082659.gif[/img] ', '')" src="http://s49.radikal.ru/i124/1006/3c/5f57c1082659.gif" alt="pleeease" />

<img onclick="bbcode(' [img]http://i076.radikal.ru/1006/27/5c094b0ec5c8.gif[/img] ', '')" src="http://i076.radikal.ru/1006/27/5c094b0ec5c8.gif" alt="awe" />

<img onclick="bbcode(' [img]http://s51.radikal.ru/i133/1006/2e/f394154037b0.gif[/img] ', '')" src="http://s51.radikal.ru/i133/1006/2e/f394154037b0.gif" alt="deep in thoughts" />

<img onclick="bbcode(' [img]http://s45.radikal.ru/i110/1006/8f/71743d6e1253.gif[/img] ', '')" src="http://s45.radikal.ru/i110/1006/8f/71743d6e1253.gif" alt="what?" />

<img onclick="bbcode(' [img]http://s11.radikal.ru/i183/1006/67/9eda39a7905d.gif[/img] ', '')" src="http://s11.radikal.ru/i183/1006/67/9eda39a7905d.gif" alt="let’s play" />

<img onclick="bbcode(' [img]http://i052.radikal.ru/1006/43/5c1d11920b3a.gif[/img] ', '')" src="http://i052.radikal.ru/1006/43/5c1d11920b3a.gif" alt="going to cry" />

<img onclick="bbcode(' [img]http://s50.radikal.ru/i128/1006/f1/ffd68bde5997.gif[/img] ', '')" src="http://s50.radikal.ru/i128/1006/f1/ffd68bde5997.gif" alt="wow" />

<img onclick="bbcode(' [img]http://s11.radikal.ru/i184/1006/05/a3a8e7a2b9d4.gif[/img] ', '')" src="http://s11.radikal.ru/i184/1006/05/a3a8e7a2b9d4.gif" alt="furious" />

<img onclick="bbcode(' [img]http://s004.radikal.ru/i207/1006/63/6ec26934e225.gif[/img] ', '')" src="http://s004.radikal.ru/i207/1006/63/6ec26934e225.gif" alt="yummy" />

<img onclick="bbcode(' [img]http://s002.radikal.ru/i199/1006/35/54e4a6ddb3d1.gif[/img] ', '')" src="http://s002.radikal.ru/i199/1006/35/54e4a6ddb3d1.gif" alt="hello" />

<img onclick="bbcode(' [img]http://i057.radikal.ru/1006/94/017f98e6f3f3.gif[/img] ', '')" src="http://i057.radikal.ru/1006/94/017f98e6f3f3.gif" alt="ohhhh" />

<img onclick="bbcode(' [img]http://s41.radikal.ru/i093/1006/31/eefdcea4afe7.gif[/img] ', '')" src="http://s41.radikal.ru/i093/1006/31/eefdcea4afe7.gif" alt="pinch" />

<img onclick="bbcode(' [img]http://s54.radikal.ru/i144/1006/b1/2b25290f19a6.gif[/img] ', '')" src="http://s54.radikal.ru/i144/1006/b1/2b25290f19a6.gif" alt="bye" />

<img onclick="bbcode(' [img]http://i078.radikal.ru/1006/bd/f424e384da20.gif[/img] ', '')" src="http://i078.radikal.ru/1006/bd/f424e384da20.gif" alt="nonsense" />

<img onclick="bbcode(' [img]http://s43.radikal.ru/i099/1006/7f/306d1a917a7a.gif[/img] ', '')" src="http://s43.radikal.ru/i099/1006/7f/306d1a917a7a.gif" alt="sorry" />

<img onclick="bbcode(' [img]http://s52.radikal.ru/i135/1006/b0/a66c6df06b5f.gif[/img] ', '')" src="http://s52.radikal.ru/i135/1006/b0/a66c6df06b5f.gif" alt="sure?" />

<img onclick="bbcode(' [img]http://s14.radikal.ru/i187/1006/4e/b14f7c51d3f7.gif[/img] ', '')" src="http://s14.radikal.ru/i187/1006/4e/b14f7c51d3f7.gif" alt="greedy" />

<img onclick="bbcode(' [img]http://s16.radikal.ru/i191/1006/21/3c1702a2dd3f.gif[/img] ', '')" src="http://s16.radikal.ru/i191/1006/21/3c1702a2dd3f.gif" alt="dumb" />

<img onclick="bbcode(' [img]http://s02.radikal.ru/i175/1006/db/2fc2d385450f.gif[/img] ', '')" src="http://s02.radikal.ru/i175/1006/db/2fc2d385450f.gif" alt="chew" />

<img onclick="bbcode(' [img]http://s40.radikal.ru/i088/1006/be/755aa2a51963.gif[/img] ', '')" src="http://s40.radikal.ru/i088/1006/be/755aa2a51963.gif" alt="irritated" />

<img onclick="bbcode(' [img]http://s002.radikal.ru/i197/1006/16/d53466064ad9.gif[/img] ', '')" src="http://s002.radikal.ru/i197/1006/16/d53466064ad9.gif" alt="sneeze" />

<img onclick="bbcode(' [img]http://s003.radikal.ru/i203/1006/8f/e8fbe554439d.gif[/img] ', '')" src="http://s003.radikal.ru/i203/1006/8f/e8fbe554439d.gif" alt="caught you" />

<img onclick="bbcode(' [img]http://s51.radikal.ru/i133/1006/f9/1ebe25204f66.gif[/img] ', '')" src="http://s51.radikal.ru/i133/1006/f9/1ebe25204f66.gif" alt="funny" />

<img onclick="bbcode(' [img]http://s06.radikal.ru/i179/1006/c0/31e91219491a.gif[/img] ', '')" src="http://s06.radikal.ru/i179/1006/c0/31e91219491a.gif" alt="smile" />

<img onclick="bbcode(' [img]http://s60.radikal.ru/i169/1006/a4/51b5117393ce.gif[/img] ', '')" src="http://s60.radikal.ru/i169/1006/a4/51b5117393ce.gif" alt="nice" />

<img onclick="bbcode(' [img]http://s53.radikal.ru/i142/1006/d6/6c810cf48475.gif[/img] ', '')" src="http://s53.radikal.ru/i142/1006/d6/6c810cf48475.gif" alt="thanks" />

<img onclick="bbcode(' [img]http://s43.radikal.ru/i102/1006/6d/3750fafe17ed.gif[/img] ', '')" src="http://s43.radikal.ru/i102/1006/6d/3750fafe17ed.gif" alt="playful" />

<img onclick="bbcode(' [img]http://s06.radikal.ru/i179/1006/99/8ac6702a68a3.gif[/img] ', '')" src="http://s06.radikal.ru/i179/1006/99/8ac6702a68a3.gif" alt="curious" />

<img onclick="bbcode(' [img]http://s005.radikal.ru/i209/1006/45/9f0922ee1d38.gif[/img] ', '')" src="http://s005.radikal.ru/i209/1006/45/9f0922ee1d38.gif" alt="shy" />

<img onclick="bbcode(' [img]http://s001.radikal.ru/i193/1006/9e/c01d010bb221.gif[/img] ', '')" src="http://s001.radikal.ru/i193/1006/9e/c01d010bb221.gif" alt="bite you" />

<img onclick="bbcode(' [img]http://s59.radikal.ru/i163/1006/52/93c4db870c8c.gif[/img] ', '')" src="http://s59.radikal.ru/i163/1006/52/93c4db870c8c.gif" alt="hungry" />

<img onclick="bbcode(' [img]http://s53.radikal.ru/i140/1006/5a/5741fe1dd74d.gif[/img] ', '')" src="http://s53.radikal.ru/i140/1006/5a/5741fe1dd74d.gif" alt="pretty" />

<img onclick="bbcode(' [img]http://s45.radikal.ru/i107/1006/d2/662263f22172.gif[/img] ', '')" src="http://s45.radikal.ru/i107/1006/d2/662263f22172.gif" alt="nice to meet you" />

<img onclick="bbcode(' [img]http://s43.radikal.ru/i101/1006/50/69345c5d93e3.gif[/img] ', '')" src="http://s43.radikal.ru/i101/1006/50/69345c5d93e3.gif" alt="laugh" />

<img onclick="bbcode(' [img]http://s58.radikal.ru/i161/1006/fd/91c07d3c7eba.gif[/img] ', '')" src="http://s58.radikal.ru/i161/1006/fd/91c07d3c7eba.gif" alt="boring" />

<img onclick="bbcode(' [img]http://s003.radikal.ru/i202/1006/51/0d488222ec56.gif[/img] ', '')" src="http://s003.radikal.ru/i202/1006/51/0d488222ec56.gif" alt="sleepy" />

</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>