<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>

<center>
<div style="margin: 0px; width: 560px; height: 30px;">
<div style="height: 180px; background: #34623d;">
<div style="padding-top: 20px; font-family: georgia; text-transform: uppercase; font-size: 12px; letter-spacing: 4px; color: #f8f8f8;">
<span style="letter-spacing: -2px;">--------------------</span> оформление отношений<span style="letter-spacing: -2px;">--------------------</span></div></div></div>

 


</center>

<!--HTML--><center>
<div style='width:560px; background-color:#222; padding-top: 0px; padding-left: 0px; padding-bottom: 20px; padding-right: 10px; '><div style='width:500px; height: 10px;  margin-bottom:10px;'></div>
<div style='width:460px; padding:20px;  background-color:#999; color:#222; font-family:verdana; font-size:11px; text-align:justify; line-height:100%;min-height:40px;  '> 

<b>★</b> Оформление отношений по желанию каждого участника, и в свободной форме. Код ниже мы предлагаем Вам для красивого и удобного оформления; <br>
<b>★</b> Если Вы используете код, просим не менять в нем настройки; <br>
<b>★</b> Если у Вас возникли проблемы с кодом - администрация Вам поможет; <br>
</div> </div>

 
 </center>

<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'> 

<center> <div class="corion"><div class="corion2">  
<div class="orions"><div class="orion"> <input type="radio" id="orion-1" name="orion-group-1" checked> 

<label for="orion-1">Семья, любимые</label><div class="orionc"> 
 Первая вкладка отношений принадлежит самому дорогому для сердца персонажа - семье, а так же, любимым людям. Здесь вы можете указать всех членов семьи, свою пару, нынешних и бывших возлюбленных, любовников и т.п. Так же, вы можете указать и НПС-персонажей, которых нет на форуме и в заявках, но очень важных для вашего персонажа. Данное описание можете заменить на свое отношение к родственникам.
<table layout=auto width=100%>
<tr>
<td width=60%>
<div class="orionhead">
<div style="position:relative; top: 10px;"><center>ник персонажа</center></div> 
<div style="font-family: open sans condensed; text-transform: uppercase ; position:relative; top:12px; font-size: 12px; line-height:100%; color:#333;">Описание отношений. Максимальное количество символов - 450. </div></div>
</td>
<td width=40%>
<div style="width: 150px; height: 115px; position: relative; float: right; border: 10px solid #eee; "><img src="http://placehold.it/150x115"></div> 
</td>
</tr>
</table>
 
</div> </div><div class="orion"><input type="radio" id="orion-2" name="orion-group-1"> 

<label for="orion-2">Друзья</label> 
<div class="orionc"> Во второй вкладке все внимание уделено самым близким и не очень друзьям. Здесь вы можете указать и близких друзей, и не очень, и даже просто приятелей, с кем вам нравится общаться. Вкладка предназначена для любых положительных отношений. Данное описание можете заменить на свое отношение к друзьям.
<table layout=auto width=100%>
<tr>
<td width=60%>
<div class="orionhead">
<div style="position:relative; top: 10px;"><center>ник персонажа</center></div> 
<div style="font-family: open sans condensed; text-transform: uppercase ; position:relative; top:12px; font-size: 12px; line-height:100%; color:#333;">Описание отношений. Максимальное количество символов - 450. </div></div>
</td>
<td width=40%>
<div style="width: 150px; height: 115px; position: relative; float: right; border: 10px solid #eee; "><img src="http://placehold.it/150x115"></div> 
</td>
</tr>
</table>

</div> </div><div class="orion"> <input type="radio" id="orion-3" name="orion-group-1"> 

<label for="orion-3">Нейтрал</label>
 <div class="orionc"> Третья вкладка отведена для тех людей, к которым ваше отношение еще не совсем определено. Возможно, это ваши соседи, или вы часто встречаетесь в очереди в старбаксе, почтальон, или коллега по работе. Данное описание можете заменить на свое отношение к нейтралу.
<table layout=auto width=100%>
<tr>
<td width=60%>
<div class="orionhead">
<div style="position:relative; top: 10px;"><center>ник персонажа</center></div> 
<div style="font-family: open sans condensed; text-transform: uppercase ; position:relative; top:12px; font-size: 12px; line-height:100%; color:#333;">Описание отношений. Максимальное количество символов - 450. </div></div>
</td>
<td width=40%>
<div style="width: 150px; height: 115px; position: relative; float: right; border: 10px solid #eee; "><img src="http://placehold.it/150x115"></div> 
</td>
</tr>
</table>

</div> </div><div class="orion"> <input type="radio" id="orion-4" name="orion-group-1"> 

<label for="orion-4">Враги, неприятели</label>
 <div class="orionc"> Последняя вкладка в системе отношений, но не для вашего сердца. Персонажи, попадающие сюда, попадают в ваш черный список. Общение с ними вызывает неприятный осадок на душе, а встреч вы и вовсе стараетесь избежать. Здесь ваши неприятели, конкуренты и враги. Данное описание можете заменить на свое отношение к неприятелям.
<table layout=auto width=100%>
<tr>
<td width=60%>
<div class="orionhead">
<div style="position:relative; top: 10px;"><center>ник персонажа</center></div> 
<div style="font-family: open sans condensed; text-transform: uppercase ; position:relative; top:12px; font-size: 12px; line-height:100%; color:#333;">Описание отношений. Максимальное количество символов - 450. </div></div>
</td>
<td width=40%>
<div style="width: 150px; height: 115px; position: relative; float: right; border: 10px solid #eee; "><img src="http://placehold.it/150x115"></div> 
</td>
</tr>
</table>

</div> </div><div class="orion"> <input type="radio" id="orion-5" name="orion-group-1"> 

<label for="orion-5">Нужные персонажи</label>
 <div class="orionc"> Здесь вы можете в качестве заметок указать тех персонажей, которые вы ожидаете в заявках в нужных чтобы не забыть кого ждете, или чтобы в любой момент быстро найти свою заявку среди прочих.
<table layout=auto width=100%>
<tr>
<td width=60%>
<div class="orionhead">
<div style="position:relative; top: 10px;"><center>ник персонажа</center></div> 
<div style="font-family: open sans condensed; text-transform: uppercase ; position:relative; top:12px; font-size: 12px; line-height:100%; color:#333;">Описание отношений. Максимальное количество символов - 450. </div></div>
</td>
<td width=40%>
<div style="width: 150px; height: 115px; position: relative; float: right; border: 10px solid #eee; "><img src="http://placehold.it/150x115"></div> 
</td>
</tr>
</table>

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