Код:
<!--HTML--> <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <style type="text/css"> .cv { width: 500px; height: 400px; opacity: 0; background-image: url(http://savepic.net/7103742m.png); -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .cv1 { width: 350px; height: 250px; padding: 25px; background-color: #fff; position: relative; top: 50px; opacity: 0; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .cv:hover { width: 500px; height: 400px; opacity: 1; background-image: url(http://savepic.net/7103742m.png); -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .cv1:hover { opacity: 1; width: 350px; height: 250px; padding: 25px; background-color: #fff; position: relative; top: 50px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .cvtext9 { width: 340px; height: 150px; padding-right: 10px; overflow: auto; text-align: justify; font-family: arial; font-size: 10px; line-height: 100%; color: #e16362; } .cvtext9:first-letter { background-color: #e16362; padding: 15px 17px 15px 17px; font-size: 12px; float: left; margin: 5px 5px; 5px 0px; color: #fff; text-transform: uppercase; } .cvtext9::-webkit-scrollbar { width: 5px; height: 10px;} .cvtext9::-webkit-scrollbar-track { background-color: #ffffff;} .cvtext9::-webkit-scrollbar-thumb { height: 10px; background-color: #e16362;} .cvsubtext9 { font: small-caps 700 10px times; letter-spacing: 1px; text-transform: lowercase; padding-top: 15px; color: #e16362; } .cvsubtext9 a { color: #e091be; } </style> <center> <div style="width: 500px; height: 400px; padding: 15px; background-color: #fff; border: 1px solid #fff;"> <div style="width: 500px; height: 400px; background-image: url(http://savepic.net/7144037.png);"> <div class="cv"><div class="cv1"> <div style="text-align: center; text-transform: lowercase; font-family: Oswald; letter-spacing: 0px; font-size: 26px; margin-top: 25px; margin-bottom: 50px; color: #e16362; display: inline; padding-bottom: 5px; border-bottom: 2px solid #e16362;">add to an archive</div> <div class="cvsubtext9"><a href="http://korean-academy.ru/profile.php?id=2690">Bae Joo Hyun</a> x <a href="http://korean-academy.ru/profile.php?id=1965">Kim Minseok</a><br> as themselves.</div> <br><br> <div class="cvtext9">Мир на грани очередной войны. Будущее. Мир, где часть населения подверглась мутации, вызывающей необычные способности. Власти реагируют практически незамедлительно и начинают "охоту на ведьм". Благодаря современным технологиям они выслеживают мутантов и загоняют в клетки для опытов, если не уничтожают на месте. Но существует особое место - убежище - для потерянных, для тех, кому некуда пойти, кому не спрятаться от, вечно шныряющих по улицам города, отрядов "зачистки".<br> В этом убежище трудится Сюминь [настоящие имена уже давно не используются, разве что, только между близкими или родными людьми, и то это держится в секрете], помогая "глушить" сигналы мутаций от чужих приборов, способных выявить их. Он стоит на стороне добра, он убежден, что не стоит вступать в открытое сражение, чтобы победить - все дела можно решить словами, а то и вовсе временем. К подобным мыслям окончательно свела его долгая болезнь, не отпускающая уже несколько лет. Но он не отчаивается, стараясь использовать свои способности по максимуму - спасая людей.<br> Совсем по-другому мыслит его единственная подруга - Айрин. Девушка отличается пылким темпераментом под стать собственной силе. В ее же планах начать войну с правительством как можно скорее, не заботясь о количестве жертв, которые могут понести обе стороны. Желание мстить горит в ней слишком долго, заставляя хотеть покончить с этим, как можно скорее. Рин живет в убежище, иногда помогая Сюминю. Он единственный человек, которого она втайне боится, к которому иногда прислушивается, а иногда игнорирует.<br> Совсем недавно в городе произошла очередная стычка, прикрытая природным явлением - слишком умело подставлено, слишком чисто сработано. В убежище передышка после нескольких боев на улицах. Затишье перед бурей. </div> </div></div> </div> </div> </center>
[NIC]BARO[/NIC][AVA]http://savepic.net/7119088m.gif[/AVA]