Вверх страницы

Вниз страницы

temp forum

Объявление

Добро пожаловать на ролевую игру Relashio. Мир, где приходится повзрослеть, находясь в сказке. Мир, границы которого рушатся с каждым днём, сливаясь с реальностью. Добро пожаловать в мир магии. Теперь нигде не безопасно, теперь некуда бежать и от Пожирателей не скрыться. Что дальше? Повиновение? Война? Неужели нет больше тех, кто будет бороться? Неужели вера гаснет в наших сердцах? ● Be safe, be strong! Рейтинг игры NC-17. Система - эпизодическая. Если у вас появились вопросы, то смело задавайте их в гостевой или отправляйте сову администрации. Надеемся, что ролевая станет для вас вторым домом. Гарантируем интересную игру, приятное времяпрепровождение, уютную атмосферу.

Важно:

На форум не принимаются студенты-неканоны 7 курса с Рейвенкло и Слизерина.

● В розыске: Уолден Макнейр, семейство Уизли, Винсент Крэбб, Стефан Конфут. Пожиратели и Орден Феникса. Также не забывайте про замечательную акцию "нужные". Для преподавателей открыты несколько новых вакансий.

УБЕДИТЕЛЬНАЯ ПРОСЬБА ПРОВЕРИТЬ, ЕСТЬ ЛИ В СПИСКАХ ЗАНЯТЫХ ВНЕШНОСТЕЙ/ЗАНЯТЫХ РОЛЕЙ; ПРИСУТСТВУЮТ ЛИ У ВАС ДОЛЖНЫЕ НАГРАДЫ
Цитатник:
- Ты думаешь, что больше ничего и не требуется. Но на самом деле этого не достаточно. Где-то в глубине души ты ощущаешь жгучую пустоту, которая заставляет тебя сворачиваться в клубок каждый вечер. Где-то в подсознании ты хочешь большего. (с.) Skayler Lynch

НОВОСТИ ФОРУМА:

30.09. Подводим итоги сентября. У нас сменился дизайн. Спасибо прекрасному мастеру Reimund Bauer за это чудо. Отзывы и предложения можно оставить в теме: Дизайн
Конкурсы:

Конкурс #4 Lily Collins
Голосование: Конкурс #3 Liam Hemsworth

Не забываем предлагать ваши идеи на счёт конкурсов и просто высказывать свои мысли. Также не ленимся голосовать за участников.
Дуэльный клуб:

Дуэль 5. Цепи и кольца.
Дуэль 6. Для тебя.
Дуэль 7. Начало.

Дуэль 8. Вернись.
Дуэль 9. Из-за меня.
Голосуем за понравившийся пост, комментируем работы участников. Критика и похвала приветствуются одинаково.
Стартовал второй тур дуэли для финалистов первого. Задания отправлены в ЛС.

сюжет || гостевая || занятые внешности || список персонажей || объявления || баллы факультетов || игроки недели || занятые патронусы

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

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


Вы здесь » temp forum » » Тестовый форум » Тестовое сообщение


Тестовое сообщение

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

1

Благодарим за выбор нашего сервиса!

0

2

123

0

3

HTML-верх

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 785;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

<style>
.punbb table Div.icon {float: left; display: block; width: 41px; height: 34px; border-style: none; background-image: url(http://savepic.net/3411344m.png);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://savepic.net/3408272m.png) no-repeat;}
TR.isticky Div.icon {background: url(http://savepic.net/3465619m.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://savepic.net/3471763m.png) no-repeat;}
</style>

<style type="text/css">
.punbb td div.tclcon { padding-left: 30px; }
</style>

<style type="text/css">
.lastedit {display: none;}
</style>

<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>

<style>
#pun-navlinks #navawards{display:none;}
</style>

<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; margin-left: -200px; margin-top: 170px}
</style>

<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://savepic.net/3427518m.png" alt="Вверх страницы"/>
</a>
<br/>
<br/>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://savepic.net/3424446m.png" alt="Вниз страницы"/>
</a>
</div>

HTML-низ

Код:
<tr><td width="160" height="186" bolder="0">

<div align=justify style="background:url('http://savepic.net/3461522.gif');text-align:center;position:absolute;left:676px;top:0;width:61px;height:249px;overflow:hidden;"></div>

<div align=justify style="background:url('http://savepic.net/3418514m.gif');text-align:center;position:absolute;left:111px;top:0;width:38px;height:84px;overflow:hidden;"></div>

</td></tr>

<script type="text/javascript">
var nrisunok="http://savepic.net/2453166.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<link rel="shortcut icon" href="http://savepic.net/3456490m.png" type="image/x-icon">

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

    myarray=new Array(
    "Reception", "http://savepic.net/3424444.png",
    "Registration", "http://savepic.net/3413180.png",
    "Game", "http://savepic.net/3467455.png",
    "Flood", "http://savepic.net/3468479.png",
    "PR-zone", "http://savepic.net/3465407.png",
    "Admins", "http://savepic.net/3466431.png"
    
        //Последний элемент без запятой! 
    )

            $("#pun-index div.category h2,#pun-index").each(function (i) {
    for(q=0;q<myarray.length;q++){

    var cssObj = {
      "height":"58px",
      "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>.Myimge {position:absolute;margin-top:0px;}</style>
        <script type="text/javascript">
        PiarNik="pr";
        PiarPas="0000";

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 style=\"cursor:pointer;\"><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>

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

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

Объявление

Код:
<table width="790px" cellspacing="10" cellpadding="0" border="0" valign="top" ><tbody><tr><td width="50%" valign="top" style="text-align:justify;font-size:10px;line-height:94%;"><font color="#120a05">


<img src="http://savepic.net/2675683.png"> <font color="#672319" face="Script" size="5"><i><b>Д</b></i></font>обро пожаловать на ролевую игру <b>Relashio</b>. Мир, где приходится повзрослеть, находясь в сказке. Мир, границы которого рушатся с каждым днём, сливаясь с реальностью. Добро пожаловать в мир магии. Теперь нигде не безопасно, теперь некуда бежать и от пожирателей не скрыться. Что дальше? Повиновение? Война? Неужели нет больше тех,кто будет бороться? Неужели вера гаснет в наших сердцах?
<b>● Be safe, be strong!</b> Рейтинг игры NC-17. Система - эпизодическая. Если у вас появились вопросы, то смело задавайте их в гостевой или отправляйте сову администрации. Надеемся, что ролевая станет для вас вторым домом. Гарантируем интересную игру, приятное времяпрепровождение, уютную атмосферу. <br><br>

<img src="http://savepic.net/2675683.png"><b> Новости:</b><br><br>

<b>На форум не принимаются студенты-неканоны 7 курса с Рейвенкло и Слизерина.</b><br><br>

<b>● В розыске: </b>Фред Уизли, Лаванда Браун, семейство Уизли, Маркус Флинт, Оливия Ньютон, Стефан Конфут. Пожиратели и Орден Феникса. Также не забывайте про замечательную акцию "нужные". Для преподавателей открыты несколько новых вакансий.

</font>

</td>

<td width="50%" valign="top" style="text-align:justify;font-size:10px;font-face: Verdana;line-height:94%;"><font color="#120a05"> 

<img src="http://savepic.net/2675683.png"> <b> Цитатник:</b><br> 
<i>- Никогда не думайте о том, кто станет вашем убийцей. Реальность умеет разочаровывать даже в таких мелочах, как гибель человека. (с.) Allison Austin</i>
</center><br><br>

<div style="overflow: scroll; overflow-x: hidden; height:148px;">
<img src="http://savepic.net/2675683.png"><b> События в игре:</b><br>

В самом разгаре матч между Слизерин и Рейвенкло. Слизерин из-за вседозволенности в этом году буйствует. Они придумали гениальную тактику по выбиванию из колеи своих противников.
<i>Пост пишет: Mandy Brockelhurst.</i><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=910#p62980">игра</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=833#p62984">обсуждение</a></b></center><br>
Увлекательная игра в "русскую рулетку" с острым магическим послевкусием. Каждый приносит на собрание по зелью в непрозрачной одинаковой бутылочке. Никто на знает, что достанется ему сегодня: сыворотка правды, любовный напиток, яд, оборотное зелье... Что произойдет сегодня?
<i>Пост пишет: Henry Parrish.</i></center><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=865#p62228">игра</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=813">обсуждение</a></b></center>
<br>
Что ж, детишки, мисс Роксанна Мур охотно заполнит пробелы в ваших "знаниях". Тема сегодняшнего занятия: "Круциатус - это не самое страшное, что может случиться в вашей жизни".
<i>Пост пишет: Millicent Bulstrode.</i></center><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=938#p65393">игра</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=909#p62994">обсуждение</a></b></center>
<br>
Чтобы  растрясти самых неустойчивых, директор Хогвартса принимает решительные меры. Он и его очаровательная практикантка проведут лекцию по новой дисциплине. Атмосфера накалена до предела. Одна придирка, как бы невзначай, лопает терпение одного из студентов, который вскакивает с места и начинает высказывать что-то в сторону новых порядков, предательства Снейпа.
<i>Пост пишет: Natalie McDonald.</i></center><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=1121#p82801">игра</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=1088#p82797">обсуждение</a></b></center>
<br>
Разгоряченный пожиратель вызывает на место схватки своих соратников и магическая улочка становится местом очередной битвы. Магазины разгромлены. Есть раненые. Война идет. Ее никто не отменял, дорогие.
<i>идёт набор, скоро старт.</i></center><br>
<b><a href="ссылка">игра</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=1087">обсуждение</a></b></center>
</align></font></a></div>

<br>

<center>
<a href="http://relashio.rusff.me/viewtopic.php?id=781#p55016">сюжет</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=783#p55020">гостевая</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=529">занятые внешности</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=782">список персонажей</a> ||  <a href="http://relashio.rusff.me/viewtopic.php?id=69#p51413">объявления</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=647#p47103">баллы факультетов</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=609#p82991">игроки недели </a>
</center>


</font></font></td></tr></tbody></table>

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

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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

/* A2.2 */
.punbb * {
  margin: 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: auto;
  width : 910px;
  position: relative;
  padding-bottom: 100px;
  background-image : url("http://savepic.net/3440819.jpg");
    }

/* A5.2 */
.punbb {
  float: left;
  width: 89%;
  height: auto;
  margin-left: 50px;
  
  }

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

#html-footer .container {
 border: none;
 height: 0px;
 width: 910px;
 height: 50px;
 padding-bottom: 80px;
}

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

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

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

/* 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%; 
  font-size: 10px;
  }

/* 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%;
  font-size: 10px;
  }

/* 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 {
  float: left;
  display: block;
  width: 65px;
  height: 50px;
  padding-top: 1px;
  margin-top: 1px;
  margin-right: 5px
}

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: static;
  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;
  }

/* 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-bottom: -314px;
  border-style: none none none none;
  border-width: 0px 0px 0 0px;
  }

/* 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: 0px;
 width: 1000px;
 height: 580px;
}

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

#pun-title td.title-logo-tdr {
border: none;
width: 168px;
  vertical-align: top;
  position: absolute;
  top: 0; }

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

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

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  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;
  }

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

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

#pun-title table {background-image: url("http://savepic.net/3438795.jpg"); background-position: top center; background-repeat: no-repeat; 
margin-left: -95px; 
}

html {
background-image: url("http://savepic.net/3435723.jpg");
background-repeat: repeat; 
background-position: center top; 
background-color: #151515; 
}

#html-footer .container {  
background-image: url("http://savepic.net/3452109.jpg");
background-repeat: no-repeat; 
background-position: center bottom; 
margin-left: -50px;
margin-bottom: -114px; 
}

#pun-redirect {background-image: url("http://savepic.net/3455155.jpg"); background-color: #877355;}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #000000;
  font-weight:  bolder; 
 font-style: normal;
 text-align: center;
 font-size: 10px;
  }

/* CS1.4 */
#pun-title, #pun-title .container {
  background-color: transparent;
  color: #000000;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url("http://savepic.net/3455155.jpg");  
background-color: #e0d 3b6; 
  color: #000000;
  border: none !important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
  }

/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color: transparent;
  color: #000000;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #000000;
border: none !important;
background-image: url("http://savepic.net/3455155.jpg"); 
background: #e0d 3b6;
    }


/* 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 #2c1b10
  }

li.pa-online {
  border-left-color: #2c1b10;
  }

.punbb .post-sig dt {
  border-top-color: #2c1b10 !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: #672319;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #672319;
  }

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

  }

/* CS3.3 */
#pun-navlinks a {
  color: #672319;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #672319;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

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


/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {border-color: transparent}
tr.iredirect div.icon {border-color: transparent}
div.inew {border-color: transparent}


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

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

#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#pun-crumbs2 {display: ;}
#pun-title h1 span  {display: none}

#pun-main h2 {text-align: center;}

.category h2 span{
  visibility:hidden;
}

#pun th {visibility:hidden;}

#pun-about p.container {visibility:hidden;}

#pun .tcl {width: 55%;}
#pun .tc2 {width: 8%;}

#pun-main h2, #pun-ulinks .container, #pun-navlinks * {
text-shadow:  ;
}

#pun-stats ul.container { background-image: url("http://savepic.net/3455457m.png"); padding-left: 100px; height: 78px; background-repeat: no-repeat; margin-left: 25px;}

.post-author ul {
 text-align:;
 font-size: 10px;
}

.punbb .post .post-author ul li{
margin-top: 0px;
}

#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: ;}
.pa-online {font-size: 10px;}

.post-author ul li.pa-fld1 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld2 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld3 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld4 {
 text-align: center;  font-size: 11px;
}

.post-author ul li.pa-fld5 {
 text-align: center;  font-size: 11px;
}

li.pa-author, li.pa-title, li.pa-avatar {
  text-align: center;
}

#pun-main .post-links li a {
text-transform: uppercase;
color: #ffffff;
font-size: 9px;
text-shadow: 0.1em 0.1em 2px #000000;
font-family: TIMES NEW ROMAN;
}


#pun-navlinks .container a {
text-transform: uppercase;
font-size: 12px;
color: #7e5457;
font-family: GEORGIA;
}

#pun-ulinks .container a {
text-transform: uppercase;
font-size: 10px;
color: #6d5738;
font-family: TIMES NEW ROMAN;
}

#pun-main .post-links a:hover {
text-transform: uppercase;
font-size: 9px;
color: #672319;
text-shadow: none;
text-decoration: none;}

#pun-navlinks a:hover {color: #d2c3a5; text-shadow: 0 0 0.3em #364322, 0 0 0.3em #364322, 0 0 0.3em #364322;}

#pun-ulinks a:hover {color: #7e5457;}

#pun-stats h2 {
height:155px; 
width:893px; 
position:static; 
text-align:center; 
margin-left:-52px;      
background-color:transparent;      
background-image: url("http://savepic.net/3443891.jpg");      
background-position:50% 50%;      
background-repeat:no-repeat;
}

Оформление форумов
(форумы -> редактировать)

Код:
» Название форума
Код:
<div align=justify>Описание форума, текст.</div>

0

4

123

0

5

123

0

6

12345

0

7

Свернутый текст

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

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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

/* A2.2 */
.punbb * {
  margin: 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: auto;
  width : 910px;
  position: relative;
  padding-bottom: 100px;
  background-image : url("http://s1.ipicture.ru/uploads/20121024/hH2W1b64.jpg");
    }

/* A5.2 */
.punbb {
  float: left;
  width: 89%;
  height: auto;
  margin-left: 50px;
  
  }

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

#html-footer .container {
 border: none;
 height: 0px;
 width: 910px;
 height: 50px;
 padding-bottom: 80px;
}

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

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

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

/* 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%; 
  font-size: 10px;
  }

/* 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%;
  font-size: 10px;
  }

/* 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 {
  float: left;
  display: block;
  width: 65px;
  height: 50px;
  padding-top: 1px;
  margin-top: 1px;
  margin-right: 5px
}

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: static;
  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;
  }

/* 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-bottom: -314px;
  border-style: none none none none;
  border-width: 0px 0px 0 0px;
  }

/* 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: 0px;
 width: 1000px;
 height: 580px;
}

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

#pun-title td.title-logo-tdr {
border: none;
width: 168px;
  vertical-align: top;
  position: absolute;
  top: 0; }

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

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

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  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;
  }

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

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

#pun-title table {background-image: url("http://s1.ipicture.ru/uploads/20121024/A553taXP.jpg"); background-position: top center; background-repeat: no-repeat; 
margin-left: -95px; 
}

html {
background-image: url("http://s1.ipicture.ru/uploads/20121024/3gRH1USG.jpg");
background-repeat: repeat; 
background-position: center top; 
background-color: #151515; 
}

#html-footer .container {  
background-image: url("http://s1.ipicture.ru/uploads/20121024/X3SKMcDu.jpg");
background-repeat: no-repeat; 
background-position: center bottom; 
margin-left: -50px;
margin-bottom: -114px; 
}

#pun-redirect {background-image: url("http://s1.ipicture.ru/uploads/20121024/aSdVISpH.jpg"); background-color: #877355;}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #000000;
  font-weight:  bolder; 
 font-style: normal;
 text-align: center;
 font-size: 10px;
  }

/* CS1.4 */
#pun-title, #pun-title .container {
  background-color: transparent;
  color: #000000;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url("http://s1.ipicture.ru/uploads/20121024/aSdVISpH.jpg");  
background-color: #e0d 3b6; 
  color: #000000;
  border: none !important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
  }

/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color: transparent;
  color: #000000;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #000000;
border: none !important;
background-image: url("http://s1.ipicture.ru/uploads/20121024/aSdVISpH.jpg"); 
background: #e0d 3b6;
    }


/* 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 #2c1b10
  }

li.pa-online {
  border-left-color: #2c1b10;
  }

.punbb .post-sig dt {
  border-top-color: #2c1b10 !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: #672319;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #672319;
  }

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

  }

/* CS3.3 */
#pun-navlinks a {
  color: #672319;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #672319;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

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


/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {border-color: transparent}
tr.iredirect div.icon {border-color: transparent}
div.inew {border-color: transparent}


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

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

#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#pun-crumbs2 {display: ;}
#pun-title h1 span  {display: none}

#pun-main h2 {text-align: center;}

.category h2 span{
  visibility:hidden;
}

#pun th {visibility:hidden;}

#pun-about p.container {visibility:hidden;}

#pun .tcl {width: 55%;}
#pun .tc2 {width: 8%;}

#pun-main h2, #pun-ulinks .container, #pun-navlinks * {
text-shadow:  ;
}

#pun-stats ul.container { background-image: url("http://s1.ipicture.ru/uploads/20121024/53Ze1Q5P.png"); padding-left: 100px; height: 78px; background-repeat: no-repeat; margin-left: 25px;}

.post-author ul {
 text-align:;
 font-size: 10px;
}

.punbb .post .post-author ul li{
margin-top: 0px;
}

#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: ;}
.pa-online {font-size: 10px;}

.post-author ul li.pa-fld1 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld2 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld3 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld4 {
 text-align: center;  font-size: 11px;
}

.post-author ul li.pa-fld5 {
 text-align: center;  font-size: 11px;
}

li.pa-author, li.pa-title, li.pa-avatar {
  text-align: center;
}

#pun-main .post-links li a {
text-transform: lowercase;
color: #7c6847;
font-size: 12px;
font-family: TIMES NEW ROMAN;
}

#pun-navlinks .container a {
text-transform: uppercase;
font-size: 12px;
color: #7e5457;
font-family: GEORGIA;
}

#pun-ulinks .container a {
text-transform: uppercase;
font-size: 10px;
color: #6d5738;
font-family: TIMES NEW ROMAN;
}

#pun-main .post-links a:hover {
text-transform: lowercase;
font-size: 12px;
color: #672319;
text-shadow: none;
text-decoration: none;}

#pun-navlinks a:hover {color: #d2c3a5; text-shadow: 0 0 0.3em #364322, 0 0 0.3em #364322, 0 0 0.3em #364322;}

#pun-ulinks a:hover {color: #7e5457;}

#pun-stats h2 {
height:155px; 
width:893px; 
position:static; 
text-align:center; 
margin-left:-52px;      
background-color:transparent;      
background-image: url("http://s1.ipicture.ru/uploads/20121024/QRTF8I8A.jpg");      
background-position:50% 50%;      
background-repeat:no-repeat;
}

HTML-верх

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


<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 785;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

<style>
.punbb table Div.icon {float: left; display: block; width: 41px; height: 34px; border-style: none; background-image: url(http://s1.ipicture.ru/uploads/20121024/65bkevdn.png);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://s1.ipicture.ru/uploads/20121024/3ppboaNI.png) no-repeat;}
TR.isticky Div.icon {background: url(http://s1.ipicture.ru/uploads/20121024/7cYDTYV5.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://s1.ipicture.ru/uploads/20121024/1hMvBE2B.png) no-repeat;}
</style>

<style type="text/css">
.punbb td div.tclcon { padding-left: 30px; }
</style>

<style type="text/css">
.lastedit {display: none;}
</style>

<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>

<style>
#pun-navlinks #navawards{display:none;}
</style>

<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; margin-left: -200px; margin-top: 170px}
</style>

<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s1.ipicture.ru/uploads/20121024/mZrSNP6s.png" alt="Вверх страницы"/>
</a>
<br/>
<br/>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s1.ipicture.ru/uploads/20121024/tjVj2k1v.png" alt="Вниз страницы"/>
</a>
</div>

<script type="text/javascript">
forum = "http://emagic.rusff.me/"
str = document.getElementById("navpm").innerHTML
loc = new String(document.location)
if( (str.indexOf("(") != -1) && document.referrer.indexOf(forum)==-1 && loc.indexOf('messages.php')==-1)
{document.write("<embed src='http://fantasyflash.ru/music/midi/midi1.mid'  autostart=true />")  }
</script>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

HTML-низ

Код:
<tr><td width="160" height="186" bolder="0">

<div align=justify style="background:url('http://s2.ipicture.ru/uploads/20121024/ieVTSEcc.gif');text-align:center;position:absolute;left:676px;top:0;width:61px;height:249px;overflow:hidden;"></div>

<div align=justify style="background:url('http://s2.ipicture.ru/uploads/20121024/zAOtxvJI.gif');text-align:center;position:absolute;left:111px;top:0;width:38px;height:84px;overflow:hidden;"></div>

</td></tr>



<script type="text/javascript">
var nrisunok="http://s2.ipicture.ru/uploads/20121024/T0lhyuwP.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<link rel="shortcut icon" href="http://s1.ipicture.ru/uploads/20121024/8ICWVYBr.png" type="image/x-icon">

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

    myarray=new Array(
    "Reception", "http://s1.ipicture.ru/uploads/20121024/YFiOv6x5.png",
    "Registration", "http://s1.ipicture.ru/uploads/20121024/6s2hx5jI.png",
    "Game", "http://s1.ipicture.ru/uploads/20121024/iZ5muTEd.png",
    "Flood", "http://s1.ipicture.ru/uploads/20121024/XEme5RVZ.png",
    "PR-zone", "http://s1.ipicture.ru/uploads/20121024/e735cpOt.png",
    "Admins", "http://s1.ipicture.ru/uploads/20121024/U7pbjUWr.png"
    
        //Последний элемент без запятой! 
    )

            $("#pun-index div.category h2,#pun-index").each(function (i) {
    for(q=0;q<myarray.length;q++){

    var cssObj = {
      "height":"58px",
      "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>.Myimge {position:absolute;margin-top:0px;}</style>
        <script type="text/javascript">
        PiarNik="pr";
        PiarPas="0000";

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 style=\"cursor:pointer;\"><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>


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


<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">
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;">Up!</a>';
}
}
</script>

Текст объявления

Код:
<table width="790px" cellspacing="10" cellpadding="0" border="0" valign="top" ><tbody><tr><td width="50%" valign="top" style="text-align:justify;font-size:10px;line-height:94%;"><font color="#120a05">


<img src="http://s1.ipicture.ru/uploads/20121024/RTAB65R5.png"> <font color="#672319" face="Script" size="5"><i><b>Д</b></i></font>обро пожаловать на ролевую игру <b>Relashio</b>. Мир, где приходится повзрослеть, находясь в сказке. Мир, границы которого рушатся с каждым днём, сливаясь с реальностью. Добро пожаловать в мир магии. Теперь нигде не безопасно, теперь некуда бежать и от Пожирателей не скрыться. Что дальше? Повиновение? Война? Неужели нет больше тех, кто будет бороться? Неужели вера гаснет в наших сердцах?
<b>● Be safe, be strong!</b> Рейтинг игры NC-17. Система - эпизодическая. Если у вас появились вопросы, то смело задавайте их в гостевой или отправляйте сову администрации. Надеемся, что ролевая станет для вас вторым домом. Гарантируем интересную игру, приятное времяпрепровождение, уютную атмосферу. <br><br>

<img src="http://s1.ipicture.ru/uploads/20121024/RTAB65R5.png"><b> Важно:</b><br><br>

<b>На форум не принимаются студенты-неканоны 7 курса с Рейвенкло и Слизерина.</b><br><br>

<b>● В розыске: </b>Уолден Макнейр, семейство Уизли, Винсент Крэбб, Стефан Конфут. Пожиратели и Орден Феникса. Также не забывайте про замечательную акцию "нужные". Для преподавателей открыты несколько новых вакансий.
<br><br><b>УБЕДИТЕЛЬНАЯ ПРОСЬБА ПРОВЕРИТЬ, ЕСТЬ ЛИ В СПИСКАХ ЗАНЯТЫХ ВНЕШНОСТЕЙ/ЗАНЯТЫХ РОЛЕЙ; ПРИСУТСТВУЮТ ЛИ У ВАС ДОЛЖНЫЕ НАГРАДЫ</b>

</font>

</td>

<td width="50%" valign="top" style="text-align:justify;font-size:10px;font-face: Verdana;line-height:94%;"><font color="#120a05"> 

<img src="http://s1.ipicture.ru/uploads/20121024/RTAB65R5.png"> <b> Цитатник:</b><br> 
<i>- Ты думаешь, что больше ничего и не требуется. Но на самом деле этого не достаточно. Где-то в глубине души ты ощущаешь жгучую пустоту, которая заставляет тебя сворачиваться в клубок каждый вечер. Где-то в подсознании ты хочешь большего. (с.) Skayler Lynch</i>
</center><br><br>

<div style="overflow: scroll; overflow-x: hidden; height:148px;">
<img src="http://s1.ipicture.ru/uploads/20121024/RTAB65R5.png"><b> НОВОСТИ ФОРУМА:</b><br>
<br>
<b>30.09.</b> Подводим итоги сентября. У нас сменился дизайн. Спасибо прекрасному мастеру Reimund Bauer за это чудо. Отзывы и предложения можно оставить в теме: <i><a href="http://relashio.rusff.me/viewtopic.php?id=1348#p103239">Дизайн</a> </i>
<center><b>Конкурсы:</b></center><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=1443#p110300">Конкурс #4 Lily Collins</a></b></center><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=1434#p109789"> Голосование: Конкурс #3 Liam Hemsworth</a> </b><br>
<br>

Не забываем предлагать ваши идеи на счёт конкурсов и просто высказывать свои мысли. Также не ленимся голосовать за участников. <br>
<center><b>Дуэльный клуб:</b></center><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=1350"> Дуэль 5. Цепи и кольца.</a> <br>
<a href="http://relashio.rusff.me/viewtopic.php?id=1351">Дуэль 6. Для тебя.</a><br>
<a href="http://relashio.rusff.me/viewtopic.php?id=1352">Дуэль 7. Начало.</a></b></center><br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=1376"> Дуэль 8. Вернись.</a> <br>
<b><a href="http://relashio.rusff.me/viewtopic.php?id=1411"> Дуэль 9. Из-за меня.</a> <br>
Голосуем за понравившийся пост, комментируем работы участников. Критика и похвала приветствуются одинаково.<br>
Стартовал второй тур дуэли для финалистов первого. Задания отправлены в ЛС. 
</div>

<br>

<center>
<a href="http://relashio.rusff.me/viewtopic.php?id=781#p55016">сюжет</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=783#p55020">гостевая</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=529">занятые внешности</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=782">список персонажей</a> ||  <a href="http://relashio.rusff.me/viewtopic.php?id=69#p51413">объявления</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=647#p47103">баллы факультетов</a> || <a href="http://relashio.rusff.me/viewtopic.php?id=609#p82991">игроки недели </a> || <a href="http://relashio.rusff.me/viewtopic.php?id=1417#p108706">занятые патронусы </a>
</center>


</font></font></td></tr></tbody></table>

0

8

HTML-верх

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 785;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

<style>
.punbb table Div.icon {float: left; display: block; width: 36px; height: 35px; border-style: none; background-image: url(http://img201.imageshack.us/img201/6951/oldx.gif); background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://img40.imageshack.us/img40/613/newsi.gif) no-repeat;}
TR.isticky Div.icon {background: url(http://img13.imageshack.us/img13/7906/stiky.gif) no-repeat;}
TR.iclosed Div.icon {background: url(http://img32.imageshack.us/img32/6130/closedd.gif) no-repeat;}
</style>

<style type="text/css">
.punbb td div.tclcon { padding-left: 24px; }
</style>

<style type="text/css">
.lastedit {display: none; }
</style>

<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>

<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; margin-left: 470px; margin-top: 0px}
</style>

<script language="JavaScript" type="text/javascript"> 
function hsb(obj){ 
if(obj.nextSibling.style.visibility!='visible') 
obj.nextSibling.style.visibility="visible"; else 
obj.nextSibling.style.visibility="hidden"; 
if(obj.nextSibling.style.visibility!='visible') 
obj.innerHTML='Показать баннеры'; else 
obj.innerHTML='Скрыть баннеры';} 
</script>

HTML-низ

Код:
<tr><td width="420" height="230" bolder="0">

<div style="text-align:justify;position:absolute;left:445px;top:154px;width:410px;height:214px;overflow:auto;font-size:8px;text-transform:uppercase;">

<font color="#120a05">

<img src="http://img228.imageshack.us/img228/3277/pointr.png"><b> Приветствие:</b><br><br>

Что мы знаем о будущем? Будущее предопределено. Будущее не высечено на камне. Будущее зависит от каждого нашего шага в настоящем. Будщее меняется каждый миг. Ты не можешь сражаться с будущим. Так что же это? События, которых мы ждём? То, что хотели бы предотвратить? То, ради чего меняем себя?

<br><br><img src="http://img228.imageshack.us/img228/3277/pointr.png"><b> Новости:</b><br><br>

Май 2011-го года. То, что было будущим 5 лет назад, стало настоящим. <br>
Выступление Клэр после разгона карнавала братьев Салливан стало первым шагом. Прямая трансляция, демонстрирующая способности, последующее интервью, вытащенные из архивов пронырливыми журналистами видеозаписи из "Пайнхёрст" появились в сети и паззл сложился - для общественности. Правительству не удалось утаить существование людей с особыми талантами, но после некоторых кадров, попавших в свободный доступ, граждане и не требовали милосердия и снисходительности. Граждане требовали запереть, а то и уничтожить всех "опасных элементов". Подробнее: <a href="http://retribution.rusff.me/viewtopic.php?id=22">Сюжет</a>.

<br><br>
<center><font color="#f2e9d3">

<a href="http://retribution.rusff.me/viewtopic.php?id=11#p21"><font color="#f2e9d3">Правила</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=12#p22"><font color="#f2e9d3">FAQ</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=22"><font color="#f2e9d3">Сюжет</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=10#p20"><font color="#f2e9d3">Персонажи</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=9#p19"><font color="#f2e9d3">Способности</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=28#p56"><font color="#f2e9d3">Внешности</font></a> | <a href="http://retribution.rusff.me/viewforum.php?id=2"><font color="#f2e9d3">Акции</font></a> 

</font></center>

</font>

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

<script type="text/javascript">
var nrisunok="http://img534.imageshack.us/img534/4630/93562896.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<link rel="shortcut icon" href="http://img26.imageshack.us/img26/3262/iconll.png" type="image/x-icon">



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

    myarray=new Array(
    "information", "http://img259.imageshack.us/img259/1111/informationi.gif",
    "the game", "http://img12.imageshack.us/img12/1952/thegameu.gif",
    "flood", "http://img835.imageshack.us/img835/6404/flood.gif",
    "archieves", "http://img821.imageshack.us/img821/7948/arcieves.gif",
    "Статистика форума", "http://img189.imageshack.us/img189/3235/statisticst.gif"
    
        //Последний элемент без запятой! 
    )

            $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){

    var cssObj = {
      "height":"87px",
      "width":"870px",
      "position":"static",
      "text-align":"center",
      "margin-left":"-40px",
      "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>.Myimge {position:absolute;margin-top:0px;}</style>
        <script type="text/javascript">
        PiarNik="PR";
        PiarPas="0000";

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 style=\"cursor:pointer;\"><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>


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


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

<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<center><img src="http://img20.imageshack.us/img20/6184/bunners.gif" /></center></div><div id="spoiler4" style="display: none">

<center>
<div align=justify style="position:relative;left:0px;top:0;width:700px;height:70px;overflow:auto;">
<center>

<a href=http://urchoice.ru/ target="_blank">
<img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" ></a>


<a href="http://suumcuique.forum24.ru/" target=_blank><img src="http://i294.photobucket.com/albums/mm119/lazarncane/SCdesign3/banner1.jpg" width=88 height=31 title="Пришло время сделать решающий выбор. HP: Suum cuique. Каждому воздастся по заслугам!" border=0></a>

<a href="http://goldengate.mybb.ru/" target="_blank"><img src="http://savepic.su/1508838.gif" border="0" alt="Golden Gate University"></a>

<a target="_blank" href="http://youchoice.rusff.me/"><img src="http://uploads.ru/i/u/1/W/u1Weo.gif" ></a>

<a href="http://indigokids.mybb.ru/" target="_blank"><img src="http://s59.radikal.ru/i163/1203/0f/b0a89c1613a7.gif" border="0" title="Ролевая игра "2040: проклятое поколение."></a>

<a href="http://xcutioner.rolka.su/" target="_blank"><img src="http://uploads.ru/i/v/J/d/vJd9I.png" border="1" width="88" height="31" title="X-Men: Schism"></a>

<a target="_blank" href="http://damnedones.rusff.me/"><img src="http://savepic.ru/2796594.gif"border="1" width="88" height="31"></a>

<a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="http://10pix.ru/img1/4601/5609762.gif"></a>

<a href="http://misfits.rolfor.ru/" target="_blank"> <img src="http://s1.uploads.ru/i/U/3/w/U3wmQ.gif"0"alt="Misfits" width=88 height=31></a>

<a href="http://relapse.rusff.me/" target="_blank"><img src="http://uploads.ru/i/Z/n/B/ZnBx4.gif"></a>

<a href="http://walkingdead.rusff.me">
<img src="http://uploads.ru/i/K/z/t/KztMG.gif"
title="Walking Dead"></a>

<a href="http://gotham.f-rpg.ru/" target="_blank"><img src="http://i45.tinypic.com/2uzv50l.png" border="0" alt="DC: Gotham City"></a>

<a href="http://twbellumsanguinis.mybb.ru/" title="Teen Wolf. Война крови" target="blank"><img  alt="Teen Wolf" src="http://savepic.su/2384705m.gif"></a>

<a href=" http://mardigras.rusff.me" target=_blank> <img src=" http://s1.uploads.ru/t/qDdN6.gif"border="0"alt="Opium Dream Estate" width=88 height=33></a>

<a target="_blank" href="http://marveljudgmentday.rusff.me"><img src="http://savepic.org/1569165.gif" width=88 height=31 title="Marvel: Judgment Day" border=0></a>

<a href="http://animeall.1bb.ru"><img src="http://s1.uploads.ru/t/RfGnY.jpg" alt="Anime+"></a>


<center></center></div>

</div>
</div>
</div>

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

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

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

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

/* A2.2 */
.punbb * {
  margin: 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: auto;
  width : 910px;
  position: relative;
  padding-bottom: 100px;
  background-image : url("http://img96.imageshack.us/img96/7684/background02y.jpg");
    }

/* A5.2 */
.punbb {
  float: left;
  width: 89%;
  height: auto;
  margin-left: 50px;
  
  }

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

#html-footer .container {
 border: none;
 height: 0px;
 width: 910px;
 height: 200px;
 padding-bottom: 100px;
}

/*************************************************************
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 {
  float: left;
  display: block;
  width: 65px;
  height: 50px;
  padding-top: 1px;
  margin-top: 1px;
  margin-right: 5px
}

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: static;
  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;
  }

/* 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-bottom: -150px;
  border-style: none none none none;
  border-width: 0px 0px 0 0px;
  }

/* 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: 0px;
 width: 1000px;
 height: 640px;
}

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

#pun-title td.title-logo-tdr {
border: none;
width: 168px;
  vertical-align: top;
  position: absolute;
  top: 0; }

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

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

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  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: 10px;
  }

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

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

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

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 400px;
left: 0px;
}

div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
top: 430px;
left: 0px;
}

#pun-title table {background-image: url("http://img100.imageshack.us/img100/5338/titlej.jpg"); background-position: top center; background-repeat: no-repeat; 
margin-left: -95px; 
}

html {
background-image: url("http://img109.imageshack.us/img109/6909/background01d.gif");
background-repeat: repeat; 
background-position: center top; 
background-color: #3d3530; 
}

#html-footer .container {  
background-image: url("http://img853.imageshack.us/img853/9269/footers.gif");
background-repeat: no-repeat; 
background-position: center bottom; 
margin-left: -50px;
margin-bottom: -114px; 
}

#pun-redirect {background-image: url("http://img440.imageshack.us/img440/1806/textareaq.gif"); background-position: right bottom; background-repeat: repeat; background-color: #CDB38B;}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #000000;
  font-weight:  bolder; 
 font-style: normal;
 text-align: center;
 font-size: 10px;
  }

/* CS1.4 */
#pun-title, #pun-title .container {
  background-color: transparent;
  color: #000000;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url("http://img440.imageshack.us/img440/1806/textareaq.gif");  
background-color: #e0d 3b6; 
  color: #000000;
  border: none !important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
  }

/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color: transparent;
  color: #000000;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #000000;
border: none !important;
background-image: url("http://img440.imageshack.us/img440/1806/textareaq.gif"); 
background: #e0d 3b6;
    }


/* 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 #2c1b10
  }

li.pa-online {
  border-left-color: #2c1b10;
  }

.punbb .post-sig dt {
  border-top-color: #2c1b10 !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: #6e553c;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #6e553c;
  }

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

  }

/* CS3.3 */
#pun-navlinks a {
  color: #6e553c;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #6e553c;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

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


/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {border-color: transparent}
tr.iredirect div.icon {border-color: transparent}
div.inew {border-color: transparent}


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

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

#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#pun-crumbs2 {display: ;}
#pun-title h1 span  {display: none}

#pun-main h2 {text-align: center;}

.category h2 span{
  visibility:hidden;
}

#pun th {visibility:hidden;}

#pun-about p.container {visibility:hidden;}

#pun .tcl {width: 55%;}
#pun .tc2 {width: 8%;}

#pun-main h2, #pun-ulinks .container, #pun-navlinks * {
text-shadow:  ;
}

#pun-stats ul.container { background-image: url("http://img208.imageshack.us/img208/8052/statisticsicon.gif"); padding-left: 150px; height: 125px; background-repeat: no-repeat; margin-left: 5px;}



.post-author ul {
 text-align:;
 font-size: 10px;
}

.punbb .post .post-author ul li{
margin-top: 0px;
}

#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: ;}
.pa-online {font-size: 10px; font-weight: normal; }

.post-author ul li.pa-fld1 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld2 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld3 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld4 {
 text-align: ;
 font-size: 11px;
}

.post-author ul li.pa-fld5 {
 text-align: ;
 font-size: 11px;
}

li.pa-author, li.pa-title, li.pa-avatar {
  text-align: center;
}

#pun-main h1, #pun-crumbs1 .container, #pun-crumbs2 .container {text-transform: uppercase; font-weight:normal; font-size: 10px;}

#pun-main .postlink {text-transform: uppercase; font-weight:normal; font-size: 10px;}

#pun-main .post-links li a {
text-transform: lowercase;
font-size: 12px;
color: #f2e9d3;
text-shadow: 0.1em 0.1em 2px #000000;
font-family: Tahoma;
font- weight: bold;
}

#pun-main .post-links a:hover {
text-transform: lowercase;
font-size: 12px;
color: #731805;
text-shadow: none;
text-decoration: none;
font-family: Tahoma;
}

#pun-navlinks .container a {
text-transform: uppercase;
font-size: 14px;
color: #f2e9d3;
text-shadow: 0 0 0.2em #2A120A, 0 0 0.2em #2A120A, 0 0 0.2em #2A120A;
font-family: Tahoma;
}

#pun-navlinks a:link, #pun-navlinks a:visited {color: #f2e9d3; text-shadow: 0 0 0.2em #2A120A, 0 0 0.2em #2A120A, 0 0 0.2em #2A120A;}
#pun-navlinks a:hover {color: #f2e9d3; text-shadow: 0 0 0.2em #da7833, 0 0 0.2em #da7833, 0 0 0.2em #da7833;}

#pun-ulinks .container a {
text-transform: lowercase;
font-size: 12px;
color: #f2e9d3;
text-shadow: 0.1em 0.1em 4px #000000;
font-family: Tahoma;
text-decoration: none;
}
#pun-ulinks a:hover {color: #b36525; text-shadow: none; text-decoration: none;}

Код:
<tr><td width="420" height="230" bolder="0">

<div style="text-align:justify;position:absolute;left:445px;top:152px;width:408px;height:214px;overflow:auto;font-size:8px;text-transform:uppercase;">

<font color="#120a05">

<img src="http://savepic.net/3207439m.png"><b> Приветствие:</b><br><br>

Что мы знаем о будущем? Будущее предопределено. Будущее не высечено на камне. Будущее зависит от каждого нашего шага в настоящем. Будщее меняется каждый миг. Ты не можешь сражаться с будущим. Так что же это? События, которых мы ждём? То, что хотели бы предотвратить? То, ради чего меняем себя?

<br><br><img src="http://savepic.net/3207439m.png"><b> Новости:</b><br><br>

Время в игре - 1-10 мая 2011.<br>
Идёт квест "5 years gone", почитать об альтернативном будущем подробнее можно здесь: 
 <a href="http://retribution.rusff.me/viewtopic.php?id=184">Путеводитель по будущему</a>. <br>

<br><br>
<center><font color="#f2e9d3">

<a href="http://retribution.rusff.me/viewtopic.php?id=11#p21"><font color="#f2e9d3">Правила</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=12#p22"><font color="#f2e9d3">FAQ</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=22"><font color="#f2e9d3">Сюжет</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=10#p20"><font color="#f2e9d3">Персонажи</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=9#p19"><font color="#f2e9d3">Способности</font></a> | <a href="http://retribution.rusff.me/viewtopic.php?id=28#p56"><font color="#f2e9d3">Внешности</font></a> | <a href="http://retribution.rusff.me/viewforum.php?id=2"><font color="#f2e9d3">Акции</font></a> 

</font></center>

</font>

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

0

9

- Леклерк? - Профессор чуть прищурил глаза, сопоставляя факты воедино. В то время, как девушка перешла к изучению кабинета, зелья и всего, что могло пролить хоть какой-то свет на ситуацию, Бауэр повторно пробежался глазами по раннее спрятанной в карман записке. - "С любовью, Л." - Снова подняв взгляд на незнакомку, мужчина принялся внимательно следить за действиями последней, будто бы те могли дать ему хоть какую-то подсказку. Действительно ли перед ним стояла та, чьей рукой были вычерчены сие слова или же это совпадение? Маловероятное, ироничное, но совпадение?
Брюнетка была молода, в то время, как Рэймунд мог поспорить, что его собственный возраст давно перевалил за тридцать, а натура и тяжело-сварливый характер вряд ли делали из него человека, способного ухлестнуть за юной особой. Хотя... На секунду-другую забыл про вездесущие проблемы, Бауэр оценивающе посмотрел на Леклерк: но как бы не прислушивался мужчина к своему внутреннему "я", как бы не пытался уловить хоть какие-то эмоции, которые могла пробуждать в нем волшебница - ни-че-го. Чертова амнезия никак не хотела уступать ни на уровне фактов, ни на уровни интуиции, а последующее обращение напарницы по несчастью и подавно сбило румына с его размышлений.
- Вижу, ты с зельями на "ты". - Скрестив руки за спиной, Бауэр медленно подошел к котлу, заглядывая во внутрь последнего. Вокруг чугунной тары все так же стоял небольшой смог, подкрепляемый мало приятным благовонием: оные факты лишь подтверждали теорию о том, что относительно недавно здесь готовилось злосчастное зелье. То самое, о котором и говорила Леклерк. - Пять балов за опознание варева... хм, - Прихмыкнув, орденовец заметил с какой легкостью вырвалась сия фраза. Возможно, он профессор? Вот только далеко не самый щедрый. В любом случае, самокопанием румын мог заняться позже, а сейчас им необходимо было выяснить причину. - Если ты права по поводу зелья, то перед нами стоят лишь два варианта: кто-то намеренно вмешался в процесс варки по причинам нам явно не ясным, или же зельеварение - не твой конек. - Слегка улыбнулся Рэймунд намекая на то, что девушка напортачила с рецептом. Как оказалось и эта последняя фраза-обвинение так же относительно легко сорвалась с его языка. Что-то начинало подсказывать мужчине, что человек из него не самый приятный. Хотя с другой стороны - все мы не без изъяна.
- Подождем. - Кивнул орденовец, соглашаясь с волшебницей, которая принялась шарить по карманам, в то время, как сам Бауэр перенял у последней книгу с зельями, дабы лично ознакомиться с рецептом. Недоверчивость Рэя была не лицо.
- Элла? - Оторвался от фолианта Рэй. - Элла Леклерк. - Произнесенное вслух имя не вызвало никаких эмоций или воспоминаний. Лишь набор звуков, сложенных воедино. Что ж. Хотя бы они знают собственные имена. И как оказалось далее - должности. Но о последнем можно было догадаться, исходя из метода индукции, ибо кем, если не практиканткой является Элла? Она молода, чтобы быть профессором, но куда взрослее, чем студентка. Что же касается Бауэра, то что еще мог делать в стенах Хогвартса сварливый мужчина его возраста, если не преподавать? - Присядь. - Настойчиво обратился девушке Рэймунд, подхватив ту под руку. Казалось, это больше походило не на совет, а на указание. Отодвинув стул перед пошатнувшейся дамой, румын отложил книгу в сторону, заранее запомнив нужную страницу.
- Время близится к полночи, а значит вероятность наткнуться на нежданных гостей мала. Это несомненно плюс. - Оперевшись руками на спинку стула, маг продолжил. - Мы можем переждать эффект зелья в этом кабинете, что несомненно является неплохой перспективой в том случае, если данное происшествие - обычная оплошность. Либо... - Рэй обернулся куда-то себе через плечо, будто бы пытаясь охватить взглядом все находящиеся в помещение ингредиенты. - ...сварить антидот. Стандартное очищающее зелье. - Оттолкнувшись от стула, мужчина проследовал к полке с книгами. - Я не уверен, что оно поможет выветрить эффект, но попробовать стоит. По крайне мере что-то мне подсказывает, что сидеть сложа руки я не привык. - Пробежавшись глазами по запыленным книгам, профессор вытянул за корки те, которые могли содержать в себе необходимый рецепт. Нагрузив последние себе в руки, Бауэр вернулся к столу. Груда фолиантов с глухим звуком упала на сей деревянный предмет мебели. Дело осталось за малым - поиск так называемого антидота. - ####. - Озвучил название румын, тут же переходя к книге номер один и пододвигая другую к своей практикантке. - Возможно, тебе повезет больше.

0


Вы здесь » temp forum » » Тестовый форум » Тестовое сообщение


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