Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fira+Mono&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>

<style type="text/css">
.j8image {
  background-image: url(http://sf.uploads.ru/CDknW.png) !important;}
#j8container {
  margin: 20px auto;
  width: 580px;
  position: relative;
}

#j8container ::-webkit-scrollbar { background: #e8e8ea; width: 2px; }
#j8container ::-webkit-scrollbar-thumb { background: #000; width: 2px; }
#j8container ::-webkit-scrollbar-corner { background: #000; }


#j8container h5 {
  margin-bottom: -25px;
  padding-top: -20px;
  width: 580px;
  height: 70px;
  font: normal 45px playball;
  text-shadow: 1px 1px #4c3319;
  color: #f6efcd;
  text-align: center;
  text-transform: lowercase;
  background-color: #d6a35c;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
 }
#j8container h6 {
  font: normal 8px calibri;
  text-transform: uppercase;
  color: #f7e3c5;
  text-align: center;
  letter-spacing: 3px;
  margin-top: -10px;}

.j8image {
  width: 60px;
  height: 60px;
  margin: -5px;
  background-color: #999;
  background-size: 80px 80px;
  border-radius: 50%;
  border: solid 5px #f8f3db;

  position: absolute;
  top: 0px;
  left: 480px;
}


.j8trianglewhite {
  width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #f2d99c;
  position: absolute;
  top: 48px;
  left: 25px;
}

.j8speech {
  width: 554px;
  background-color: #d6a35c ;
  margin: 3px auto;
  -webkit-box-shadow: inset 0px -1px 64px -2px #d6a35c ;
  padding: 10px;
border-bottom: 15px #d6a35c solid;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-left: 3px #d6a35c solid;
border-right: 3px #d6a35c solid;}

.j8speech2 {
  width: 540px;
  background-color: #ffedbe;
  -webkit-box-shadow: inset 0px -1px 64px -2px #e9cb83;
  margin: -10px -8px;
  font: normal normal normal 11px Calibri;
  padding: 15px;
  text-align: center;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;}
.j8image {
  width: 60px;
  height: 60px;
  margin: -5px;
  background-color: #999;
  background-size: 80px 80px;
  border-radius: 50%;
  border: solid 5px #f8f3db;

  position: absolute;
  top: 0px;
  left: 480px;
}


.stccont {
margin-left: auto;
margin-right: auto;
  font: normal normal normal 11px Calibri;
line-height: 11px;
text-align: justify;
color: #1e1e1e;
}

.stccont img {
width:50px; height: 50px;
border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; 
max-width: 50px; float:left; margin-right: 10px; margin-left: 30px;}

.stcmg {
font-size:12px;
text-transform: uppercase;
background-color: #d6a35c;
color: #f6efcd; 
width: 400px;
font-weight: bold;
padding-top:2px;
padding-bottom:2px;
text-align: center;
float: left;
}
.worw {
width: 400px;
padding-right: 50px;
text-align:justify;
  font: normal normal normal 10px verdana;

float: left; }

.stccont b {
font-family: fjalla one;
font-size: 10px;
color: #99295b;
}

</style>

<div id="j8container"><div class="j8border">
    <h5> rules & faq </h5>
  <h6> obey the rules  </h6>
<div class="j8image"></div></div><div class="j8trianglewhite"></div><div class="j8speech"><div class="j8speech2">
<div class="stccont"><P><img src="http://sf.uploads.ru/t/X0I9R.png"><div class="stcmg" style="background: #d6a35c;">РЕЙТИНГ ИГРЫ</div>
<div class="worw">NC-17. Это означает, что в ролевых постах разрешен мат, детализированные сексуальные сцены, нетрадиционные отношения, умеренная жестокость (расчленять никого не надо — с этим вам в ролевые с рейтингом NC-21), насилие и смерть.
</div><br clear="left"><P><P> </div> 
<div class="stccont"><P><img src="http://sf.uploads.ru/hZPHL.png"><div class="stcmg" style="background: #d6a35c;">
СИСТЕМА ИГРЫ</div>
<div class="worw">Эпизодическая. Для каждого отыгрыша создается отдельная тема по указанному администрацией шаблону.
</div><br clear="left"><P><P> </div> 

<div class="stccont"><P><img src="http://sf.uploads.ru/ASbl8.png"><div class="stcmg" style="background: #d6a35c;">
СПОСОБ ПЕРЕМЕЩЕНИЯ МЕЖДУ МИРАМИ</div>
<div class="worw">На данной ролевой таким способом является артефакт. Сразу хотелось бы уточнить: артефакт в игре не один, им может оказаться любой непримечательный предмет — от расчески до зеркала в любом из миров. Чтобы переместиться, достаточно легкого взаимодействия с предметом. Но чтобы вернуться назад, этот предмет необходимо оставить в том мире, куда герой переместился. Таким образом количество перемещений контролируется и не превышает допустимую логическую норму.
</div><br clear="left"><P><P> </div> 

<div class="stccont"><P><img src="http://media.tumblr.com/98b85a170e0c1d5a211a43e169e8095b/tumblr_inline_mvegz6bETt1qffnpj.png"><div class="stcmg" style="background: #d6a35c;">
ПЕРЕД РЕГИСТРАЦИЕЙ</div>
<div class="worw">Убедительно просим регистрировать персонажей под именем и фамилией при рождении на латинице. Никаких Iron Man'ов и Thor'ов быть не должно, если у героя есть конкретное имя. Если возникли какие-то вопросы - обращайтесь к администрации. Также просим заметить, что брать второго персонажа вы сможете только после того, как получите разрешение от администрации. Спасибо за понимание. 
</div><br clear="left"><P><P> </div>

<div class="stccont"><P><img src="http://sf.uploads.ru/i8FD5.png"><div class="stcmg" style="background: #d6a35c;">
НЕМНОГО О ПЕРСОНАЖАХ</div>
<div class="worw">Если персонаж, взят из оригинала [книги, повести, комикса], но перемещен в другую вселенную [в фильме/cериале] с отличным от оригинала характером и окружающей средой, то на него разрешены две роли, если персонаж соответствует всем вселенным, где он может быть представлен, то роль разрешена только одна. Приведем простейший пример. На ролевой разрешается брать Шерлока Холмса как из книги, так и из Элементарно или Шерлока BBC. С другой стороны, возьмем Гарри Поттера. На всей ролевой может быть только один Гарри Поттер, потому что книжный и экранизорванный характер персонажа и окружающая его среда практически идентичны. 
</div><br clear="left"><P><P> </div> 

<div class="stccont"><P><img src="http://sf.uploads.ru/ya9tl.jpg"><div class="stcmg" style="background: #d6a35c;">
ВНЕШНОСТИ</div>
<div class="worw">
<b>»</b> На нашем проекте так или иначе фигурируют внешности реальных людей (актеров, певиц & co), а потому каждому персонажу с рисованной внешностью вне всякого исключения надо будет подобрать реальный прототип и использовать его в качестве основной внешности. <br>
<b>»</b> Сколько персонажей, столько на них и прототипов. Мы не держим определенную внешность на конкретного персонажа, а потому в этом плане у нас свобода. Однако смена внешности персонажа, которая уже указана в каноне фендома, практически невозможна. Исключения составляют лишь малоизвестные знаменитости, с которыми тяжело будет найти графическое оформление профиля.
</div><br clear="left"><P><P> </div>

<div class="stccont"><P><img src="http://sf.uploads.ru/ySQ2N.png"><div class="stcmg" style="background: #d6a35c;">
ВРЕМЯ В ИГРЕ</div>
<div class="worw">Время варьируется в зависимости от мира, куда перемещается персонаж. Средневековье остается Средневековьем, а покорение космических берегов и колонизация не выходят за грани далекого будущего.
</div><br clear="left"><P><P> </div>

 <div class="stccont"><P><img src="http://sf.uploads.ru/Hcmel.png"><div class="stcmg" style="background: #d6a35c;">
БРОНЬ РОЛИ</div>
<div class="worw">Для всех пользователей роль бронируется на два дня. 
</div><br clear="left"><P><P> </div>

 <div class="stccont"><P><img src="http://sf.uploads.ru/F5tno.png"><div class="stcmg" style="background: #d6a35c;">
МЕРТВЫЕ ГЕРОИ</div>
<div class="worw">Если Вы хотите взять персонажа, который погиб в сериале/книге/etc., для начала обсудите это с администрацией, так как биографии многих игроков могут зависеть от Вашего персонажа.
</div><br clear="left"><P><P> </div>


 <div class="stccont"><P><img src="http://sf.uploads.ru/OsyH6.png"><div class="stcmg" style="background: #d6a35c;">
СТИЛЬ ИГРЫ</div>
<div class="worw">Мы не ограничиваем игроков в стилистике. Если Вам удобно писать строчными буквами — пишите строчными буквами; если Вы предпочитаете вести игру от первого лица — хорошо, с этим не будет никаких проблем. Размеры постов не указываются, но не стоит опускаться до трех строк. Также хотелось бы видеть максимальное соблюдение орфографических и грамматических норм.
</div><br clear="left"><P><P> </div>

 <div class="stccont"><P><img src="https://31.media.tumblr.com/09907165506d6b72dd79c7b14ff42b82/tumblr_inline_n81mo58raq1rko36e.png"><div class="stcmg" style="background: #d6a35c;">
НЕАКТИВНОСТЬ</div>
<div class="worw">Дабы сподвигнуть игроков на игру, администрация будет следить за вашей игрой и вести списки неактивных игроков. В случае, если за первые десять дней Вы не начали игру, Ваше имя выносится в этот список. В ваших же интересах начать игру как можно скорее.
</div><br clear="left"><P><P> </div>

 <div class="stccont"><P><img src="http://sf.uploads.ru/ndIQH.png"><div class="stcmg" style="background: #d6a35c;">
ОТСУТСТВИЕ</div>
<div class="worw">Если игрок отсутствует в течение десяти дней без указания причины администрации, его аккаунт автоматически удаляется, а роль оказывается в свободном доступе. Игры, проведенные ранее, становятся недействительными (новый участник, взявший роль, может, однако, обговорить это с игроками).
</div><br clear="left"><P><P> </div>

 <div class="stccont"><P><img src="http://sf.uploads.ru/kDNrm.png"><div class="stcmg" style="background: #d6a35c;">
РЕКЛАМА</div>
<div class="worw">Только взаимная. Для рекламы на ролевой имеется отдельный аккаунт, и мы горячо советуем рекламировать только с него во избежание путаницы.
</div><br clear="left"><P><P> </div>


 <div class="stccont"><P><img src="http://sf.uploads.ru/YERMJ.png"><div class="stcmg" style="background: #d6a35c;">
ПОВЕДЕНИЕ</div>
<div class="worw">Несмотря на то, что на ролевой разрешен мат, использовать его вне игры для прямого оскорбления игроков не допускается. Шутите на здоровье, но если администрация заметит откровенную вражду между участниками, меры против агрессора будут предприняты немедленно.
</div><br clear="left"><P><P> </div>

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