<!--HTML--><link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;} 
::-webkit-scrollbar-thumb { background: #3f352d; } 
::-webkit-scrollbar-corner { background: #3f352d; }
::-webkit-scrollbar-track { background: transparent; }
#thtabcontainer { width: 500px; height: 500px; background-color: #3f352d; position: relative; }
.thcontimage img { position: absolute; right: 0px; top: 0px; width: 325px; height: 500px; }
.thooc { position: absolute; bottom: 20px; left: 25px; width: 105px; padding: 10px; font-family: kite one; font-size: 6px; letter-spacing: 1px; line-height: 8px; color: white; text-transform: uppercase; }


.tabs { position: relative; height: 500px; width: 500px; clear: both; }
.tab label { display: block; width: 50px; background: #FFF; color: #dccb9e; padding: 15px; font: 6px/12px kite one; text-transform: uppercase; letter-spacing: 3px; text-align: right; position: absolute; right: 325px; top: 200px; }
.tab [type=radio] { display: none; }

[type=radio]:checked ~ label { background: #3f352d; color: #FFF; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); }
.thcontent { width: 300px; position: absolute; top: 12px; left: 187px; float: right; right: 12px; bottom: 12px; text-align: justify; opacity: 0; filter: alpha(opacity=0); }
[type=radio]:checked ~ label { background: #615246; color: #fff; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }

.thfirsttab { text-align: center; width: 300px; position: absolute; bottom: 20px; left: 35px; background-color: #615246; padding: 20px; width: 190px; height: 90px; color: white; font-family: times; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90px; }

.thappcontent { background-color: rgba(255,255,255,0.8); padding: 20px; font-family: times; font-size: 10px; line-height: 11px; letter-spacing: 1px; height: 432px; overflow: auto; }

.thabout { position: absolute; top: 180px; left: -15px; width: 300px; }
.thabout ul { list-style: none; }
.thabout li { display: block; float: left; margin-left: 5px; margin-bottom: 5px; background-color: #3f352d; text-align: center; font-family: kite one; letter-spacing: 1px; color: white; font-size: 6px; line-height: 25px; width: 80px; text-transform: uppercase; }

</style>
<center>

<div id="thtabcontainer">
<div class="thcontimage">

<img src="http://savepic.su/6460606.gif">

</div>
<div class="thooc">

</div>
<div class="tabs">

<div class="tab">
   <input type="radio" id="tab-1" name="tab-group-1" checked>
   <label for="tab-1">one</label><div class="thcontent"><div class="thfirsttab">

LEE CHAERIN

</div></div> </div>
<div class="tab">
   <input type="radio" id="tab-2" name="tab-group-1">
   <label for="tab-2" style="margin-top: 42px;">two</label><div class="thcontent"><div class="thabout">

<ul>
<li>24yo</li>
<li>26feb. 1991</li>
<li>seoul, south korea</li>
</ul>
<ul>
<li style="width: 165px;">hetero</li>
<li>human</li>
</ul>
<ul>
<li style="width: 250px;">thief</li>
</ul>
<ul>
<li>CL</li>
<li>Lee Chaerin</li>
<li>vk.com/mb2morrow</li>
</ul>

   </div></div>
<div class="tab">
   <input type="radio" id="tab-3" name="tab-group-1">
   <label for="tab-3" style="margin-top: 84px;">three</label><div class="thcontent"><div class="thappcontent">

<b>I.</b> <i>информация о персонаже</i>
<br>
Смотря на это хрупкую и милую девушку, вы могли бы подумать, что она является частью преступной группировки? Никто не может. В этом, собственно, и заключается её козырь. Изворотлива, хитра и умна. Она продумывает всё до самой незначительной мелочи, почему её никогда не поймать ни одному полицейскому. Если Черин чего-то хочет, она этого точно добьётся, уж поверьте. Возможно, даже не своими руками. Вы и моргнуть глазом не успеете, как станете соучастником преступления, всего лишь последовав за очаровательными глазками этой коварной и хладнокровной девушки. Свою внешнюю хрупкость Сиэль спокойно заменяет сполна своими умственными способностями, за что её все почитают и уважают. Гротескное представление о женской интуиции в её случае не имеет никакого смысла, ведь наша героиня без особого труда сможет заткнуть любого мужчину за пояс, дабы ему было неповадно. Но как и у каждого человека, у неё есть свои недостатки. Поверьте, даже эта "Снежная Королева" умеет плакать. Частенько девушка ставит невыполнимые для себя планки, которые ей просто не под силу покорить. Чрезмерная гордыня и эгоизм, вызванные в ней безумной любовью к себе, научили Си падать и ломать себе крылья также стремительно, как и взлетать. Истеричная натура воровки времени когда-нибудь доведёт её до ручки, и об этом ей твердят все знакомые, пытаясь вразумить девушку, пока не поздно. Но разве можно что-то объяснить столь мнительному и педантичному человеку? Это бесполезно. Биться головой о стену - более продуктивное занятие, чем это. Она летает вокруг пылающего пламени, обжигая свои крылышки раз за разом. Крылья восстанавливаются, но с каждым разом они выглядят всё более и более потрёпанными. И по закону подлости, эта яркая и красивая бабочка скоро уже не сможет сопротивляться огню в своём сердце и сгорит в нем окончательно и бесповоротно.
<br><br>
</div>
   </div> 
</div>
</div>
</div>
<div style="font-size: 7px; text-transform: uppercase; font-family: georgia; letter-spacing: 1px; word-spacing: 3px;"></div>
</center>