<!--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(http://s7.uploads.ru/2HaDV.gif) 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">EDWARD NYGMA</div></A><div class="fithhhoeri"><div class="finalhe"><div id="watyoudonk"><div class="ifeengersi"><table><tr> <td><div class="fiyoyheco"><div class="myplaiswi">Gotham; DC</div> <div class="outgoowi" style="margin-top: 6px;">28 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"> <br> . , . , , . , . <br> . , , . , , . . : . <br> . , , , . , , . , , , , . . <br> . , , , , . <br> , . , , , . , . . <br> , . , . , . . - , - , . , . , . <br> , . , . , - , . <br> , ! . , , . , , . , . , . . . <br>- , . , , . . <br> , , . , , . , , <i>E. Nygma</i> . <br> , , . , , . - , , - , . , , . , , . <br> , , . , . <br> , , . , . , . . , -: , . , !. <br> , . , . , , , . , . <br> . , , . . . , , . , , . , , . , . <br> , , , , - . , . , , . - . . <br> , , , . . , , , , , . , . . <br> , . . , . <br> , . , , . , , , , . <br> , , , . , , , , . , , . , , . , . , , . <br> , . , <i>( , ?)</i>, . , , . , . , , . <br> , , , . , . , . </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"> <br> , ? , , , . , , , , . . , . , , , , . , , - . . <br> . , , . , , . , . , , . , , - , . -, , . , , , , . , . , . , . , . , . <br> , , , . , . , . . , , . , . . , , -, . , , , , , , . , . , , , , . . . . <br> - , , , , . , , , , . - , - , , , . <br> - , . , , , . , . , . , . . . . </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"> . <br> <a href="http://legendarium.f-rpg.ru/profile.php?id=36"></a>, . , , . </div></div> </li></ul></div></div></center>
Edward Nygma (2015-08-19 01:29:30)