Код:
<!--HTML--><center>
<style type="text/css">
.yonetoheal {width: 500px; }
.oghoddd {padding: 20px; font-family: georgia; font-size: 35px; font-style: italic; color: #fff; text-align: center; width: 460px; background-color: #d1c6b1; letter-spacing: -2px; text-shadow: 1px 1px 1px #000;}
.fithhhoeri {  width: 500px; height: auto; background: url( ссылка)  no-repeat top center;  }
.finalhe {padding: 0px; width: 460px; height: autopx; }
#watyoudonk { width: 428px; height: 205 px; padding: -5px;  position: relative; overflow: hidden;}
#watyoudonk .ifeengersi { overflow: hidden; width: 428px; height: 200 px; background-color: #fff; -webkit-transform: translate(280px, -100px) rotate(90deg); -moz-transform: translate(280px, -100px) rotate(90deg); -o-transform: translate(280px, -100px) rotate(90deg); -ms-transform: translate(280px, -100px) rotate(90deg); transform: translate(280px, -100px) rotate(90deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0;}
#watyoudonk:hover .ifeengersi {overflow: hidden;  opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.fiyoyheco {padding: 10px; width: 428px; height: 160px; }
.myplaiswi {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 14px; text-transform: uppercase; color: #302715;  text-align: center; }
.myplaiswi2 {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 13px;  color: #302715;  text-align: center; }
.outgoowi {padding: 10px; width: 170px; font-family: TripSerifCE_Light; font-weight: light; font-style: italic; font-size: 35px; color: #000; background-color: #f4f4f4; text-align: center; text-shadow: 1px 1px #000, 2px 2px #fff; }
.reliaket {padding: 4px; width: 134px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: calibri; text-transform: uppercase; font-size: 10px; text-align: center; }

.idothknca {width: 428px; font-family: georgia; font-size: 35px; font-style: italic; color: #302716; text-align: center;  letter-spacing: -3px; text-shadow: 1px 1px 1px #000; margin-top: 15px; }
.accordion { width: 480px;    margin: 0 auto; font-size: 14px; padding: 10px; background:#d1c6b1; }.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }
.accordion [type=radio], .accordion [type=checkbox] { display:none; }
.accordion label { display:block; font-size: 16px; background: #302716; color:#eee6d7; font-family: Georgia;  text-transform: uppercase; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; }
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background:#795e3e; color:#FFF; }
.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; border: 1px solid #fff; background-color: #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding:10px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: 190px; border: 1px solid #fff; background-color: #fff; padding: 10px; }
.wohaowhe {padding-right: 5px;height: 200px; overflow: auto; text-align: justify; font-size: 12px;  line-height: 135%; color: #322911; }
@font-face { font-family: 'TripSerifCE_Light'; src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot'); src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot?#iefix') format('embedded-opentype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.woff') format('woff'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.ttf') format('truetype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.svg') format('svg'); font-weight: normal; font-style: normal; }
</style>
<div class="yonetoheal"><div class="oghoddd">OSWALD COBBLEPOT</div></A><div class="fithhhoeri"><div class="finalhe"><div id="watyoudonk"><div class="ifeengersi"><table><tr>
<td><div class="fiyoyheco"><div class="myplaiswi">GOTHAM</div> <div class="outgoowi" style="margin-top: 6px;">30 y.o.</div><div style="margin-left: -25px;margin-top: 6px;"></div><div class="myplaiswi" style="margin-top: 6px;">HUMAN</div></td>
<td><div class="myplaiswi2" style="margin-top: 6px;">шантажировать; <br> находить любую информацию; <br> убивать;<br> </div></td>
</tr>
</table></div></div></div></div></div>


<div class="accordion vertical"> <ul> <li><input type="radio" id="radio-1" name="radio-accordion"><label for="radio-1">PERSONALITY</label><div class="content"><div class="wohaowhe">

Подробное описание биографии и характера Вашего персонажа. Расскажите тут о вашем происхождении: где родились, у кого, все родственные связи. Как росли, что делали в юности и чем занимались, когда уже стали взрослым. Опишите ключевые моменты жизни Вашего персонажа. Можно скопировать описание из акции и прибавить к этому свои дополнения. Минимальное количество: 25 полных строк.
</div> </div></li>  

 <li><input type="radio" id="radio-3" name="radio-accordion" /> <label for="radio-3">roleplay sample</label><div class="content"><div class="wohaowhe">

Любой ваш пост с другой ролевой.

</div></div> </li><li><input type="radio" id="radio-4" name="radio-accordion" /><label for="radio-4">COMMUNICATION</label> <div class="content"><div class="wohaowhe">

Краткая информация о себе: имя, опыт на ролевых, связь. По желанию можете написать планы на развитие вашего персонажа, тонкости общения с вами, как с человеком, ваши интересы и прочее.

</div></div> </li></ul></div></div></center>

Отредактировано Oswald Cobblepot (2015-08-15 13:08:34)