[hideprofile][html]<style>
.punbb {
margin-left: 0px !important;}
.lit-general-wrap {
color: #727272;
border: 1px solid #c0ced1;
width: 870px
}
.lit-general-top {
background-color: #cef0f7;
padding: 30px;
}
.lit-general-title {
color: #0e6d90;
font-family: 'playfair display';
font-size: 18px;
font-weight: bold;
font-style: italic;
line-height: 30px;
text-align: right;
text-transform: lowercase;
}
.lit-general-subtitle {
color: #80b2bc;
font-family: 'roboto';
font-size: 8px;
text-transform: uppercase;
clear: both;
letter-spacing: 1px;
text-align: right;
}
.lit-general-img {
margin-bottom: 20px;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: 0.6s ease-in-out all;
-webkit-transition: 0.6s ease-in-out all;
-moz-transition: 0.6s ease-in-out all;
}
.lit-general-img:hover {
-webkit-filter: grayscale(60%);
filter: grayscale(60%);
transition: 0.6s ease-in-out all;
-webkit-transition: 0.6s ease-in-out all;
-moz-transition: 0.6s ease-in-out all;
}
.lit-line {
background-color: #85c1cd;
margin-top: 5px;
margin-bottom: 5px;
width: 200px;
height: 1px;
float: right;
}
.lit-general-desc {
font-size: 10px;
text-align: justify;
border: 20px solid #f0f6f6;
padding: 20px;
background-color: #fafcfc;
font-family: 'verdana';
line-height: 14px;
}
.lit-general-desc b {
color: #caa757;
font-family: 'roboto';
}
/*fc*/
.lit-fc b {
color: #e6c069;
font-family: 'roboto';
text-transform: uppercase;
}
.lit-fc i {
color: #a5ccd4;
font-family: 'roboto';
text-transform: uppercase;
}
.lit-fc-subtitle {
color: #969696;
font-family: 'roboto condensed';
font-style: italic;
font-size: 22px;
line-height: 30px;
text-align: center;
font-weight: 300;
text-transform: lowercase;
padding-bottom: 20px;
padding-top: 20px;
min-width: 440px;
}
.lit-fc a {
text-transform: uppercase!important;
}
</style>
<div class="lit-general-wrap">
<div class="lit-general-top">
<div class="lit-general-title"> Список ролей </div>
<div class="lit-line"> </div>
<div class="lit-general-subtitle"> Список ролей </div>
</div>
<div class="lit-general-desc">
<table>
<tr>
<div class="lit-fc-subtitle" style="background-color: #cef0f7;"> Игроки </div>
<td>
<div class="lit-fc-subtitle"> Принцы</div>
<div class="lit-fc"> <b>Фамилия</b>, <i> Имя</i> — краткое описание </div>
</td>
<td>
<div class="lit-fc-subtitle"> Принцессы</div>
<div class="lit-fc"> <b>Фамилия</b>, <i> Имя</i> — краткое описание </div>
</td>
</tr>
</div>
</table>
<table>
<tr>
<div class="lit-fc-subtitle" style="background-color: #cef0f7;"> Маги</div>
<td>
<div class="lit-fc-subtitle">Драконы</div>
<div class="lit-fc"> <b>Фамилия</b>, <i> Имя</i> — краткое описание </div>
</td>
<td>
<div class="lit-fc-subtitle"> Ведьмы</div>
<div class="lit-fc"> <b>Фамилия</b>, <i> Имя</i> — краткое описание </div>
</td>
</tr>
</div>
</table>
<table>
<tr>
<div class="lit-fc-subtitle" style="background-color: #cef0f7;"> Простые люди </div>
<td>
<div class="lit-fc"> <b>Фамилия</b>, <i> Имя</i> — краткое описание </div>
</td>
</tr>
</div>
</table>
</div>[/html]
<div class="lit-fc"> <b>Фамилия</b>, <i> Имя</i> — краткое описание </div>