[html]<link href="https://fonts.googleapis.com/css?family=Chonburi|Cousine|Lato" rel="stylesheet">
<div id="dtl-fc">
<title>activities</title>
<text>Пожалуйста, не забывайте вставлять код в тех [*code][/*code] </text>
<letters>студсовет</letters>
<div class="dtl-fcbox">
<div class="dtl-namebox"><group3><a href="https://mystici.rusff.me/viewtopic.php?id=29#p5603">акция</a></group3>президент</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>вице-президент</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>секретарь</div>
<div class="dtl-namebox"><group3>Сильвер Лайонс</a></group3>казначей</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
</div>
<letters>дисциплинарный комитет</letters>
<div class="dtl-fcbox">
<div class="dtl-namebox"><group3>Mika von Hetzer</a></group3>председатель</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
</div>
<letters>спортивные секции</letters>
<div class="dtl-fcbox">
<div class="dtl-namebox"><group3>Mika von Hetzer </a></group3>Додзё Боевых Искусств, Глава и Наставник</div>
<div class="dtl-namebox"><group3>Barney Powell</a></group3>додзё боевых искусств, ученик</div>
<div class="dtl-namebox"><group3>Виктор Лефевр-Бойер</a></group3>клуб ударных боевых искусств, ученик</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
</div>
<letters>творческие секции</letters>
<div class="dtl-fcbox">
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
</div>
<letters>прочее</letters>
<div class="dtl-fcbox">
<div class="dtl-namebox"><group3>Сэмми Смит</group3>клуб любителей животных, председатель</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
<div class="dtl-namebox"><group3>Character Name</a></group3>Position</div>
</div>
</div>
<style>
#dtl-fc {
height: auto;
width: 500px;
background: #8c7aa8;
padding: 50px;
position: relative;
margin: 20px auto;
overflow: hidden;
border: 1px solid #2c2c2c;
margin-bottom: 0px;
}
#dtl-fc title{display:block;position:relative;font-family:chonburi;color:#fff;text-transform:uppercase;font-size:45px;left:0;line-height:100%}
#dtl-fc title:after{display:block;content:"";height:2px;width:590px;background:#fff;position:relative;top:-24px;left:10px}
#dtl-fc text{padding:0 0 0 20px;text-align:justify;color:#fff;font-family:cousine;font-size:11px;display:block;line-height:150%}
#dtl-fc letters{line-height: 100%;color:#fff;display:block;font-size:40px;left:0;position:relative;font-family:Chonburi;padding-top:20px;text-align:right}
.dtl-fcbox{height:130px;width:500px;position:relative;display:block;overflow:auto;padding-right:5px}
.dtl-namebox {
height: 22px;
width: 490px;
background: #e1dad7;
border: 1px solid #e1dad7;
margin-bottom: 2px;
font-family: cousine;
color: #8c7aa8;
line-height: 190%;
font-size: 11px;
text-transform: uppercase;
overflow: hidden;
padding-left: 5px;
}
.dtl-fcbox::-webkit-scrollbar{width:4px}
.dtl-fcbox::-webkit-scrollbar-thumb{border:none!important;background:#232323!important}
.dtl-fcbox::-webkit-scrollbar-track{background:none!important;border:none!important}
.dtl-namebox group1,group1 a{display:inline-block;font-family:cousine;color:#37708e !important;font-size:12px;position:relative;text-decoration:none;cursor:pointer;line-height:190%;text-transform:uppercase;margin-right:5px}
.dtl-namebox group1:after{content:"";display:inline-block;width:1px;height:12px;background:#232323;position:relative;top:2px}
.dtl-namebox group2,group2 a{display:inline-block;font-family:cousine;color:#8e8637 !important;font-size:12px;position:relative;margin-right:5px;text-decoration:none;cursor:pointer;line-height:190%;text-transform:uppercase}
.dtl-namebox group2:after{content:"";display:inline-block;width:1px;height:12px;background:#232323;position:relative;top:2px}
.dtl-namebox group3,group3 a{display:inline-block;font-family:cousine;color:#6f5382 !important;font-size:12px;position:relative;margin-right:5px;text-decoration:none;cursor:pointer;line-height:190%;text-transform:uppercase}
.dtl-namebox group3:after{content:"";display:inline-block;width:1px;height:12px;background:#232323;position:relative;top:2px}
#dtl-fc subtitle{text-transform:lowercase;display:block;float:left;font-family:cousine;color:#fff;font-size:14px;margin:10px 0px;}
#dtl-fc subtitle:before{content:"";position:relative;background:#fff;height:10px;width:10px;-webkit-clip-path:polygon(100% 50%,0 0,0 100%);clip-path:polygon(100% 50%,0 0,0 100%);display:inline-block;margin-right:5px}
</style>[/html]
отдел <div class="dtl-namebox"><group3>Имя и Фамилия персонажа</a></group3>клуб, должность</div>
