Код:
<!--HTML--><center>
<link href='http://fonts.googleapis.com/css?family=Rozha+One' rel='stylesheet' type='text/css'>
<style type="text/css">
#treacherous { width: 500px;height: 560px; position: relative; overflow: hidden; }
#treacherous .treacherous-1 { width: 480px;padding: 10px; height: 70px; background-color: #6f4008; margin-top: 10px; }
#treacherous .treacherous-2 { width: 185px; overflow: hidden; position: absolute; top: 0px; font-family: 'Rozha One'; font-size: 40px; letter-spacing: 0px;line-height: 280%;color: #e2d9c4; }
#treacherous .treacherous-3 { -webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; width: 100px;height: 100px;-webkit-border-radius: 100px;border-radius: 100px; background-image: url(http://i.imgur.com/J8lvnCQ.gif);border: 5px solid #91571f; position: absolute;left: 195px;top: 0px; }
#treacherous .treacherous-3:after { content: '▼';color: #91571f; font-family: times;font-size: 38px;position: absolute; top: 115px;left: 32px;all styling elements after; }
#treacherous .treacherous-4 { width: 460px;height: 410px; padding: 20px;background-image: url(http://i.imgur.com/NBLWD6u.jpg); position: absolute;top: 100px; left: 0px; }
#treacherous .treacherous-5 { width: 400px;height: 370px; background-color: #ffffff; border: 30px solid #ffffff; position: absolute; top: 0px;left: 20px; font-family: arial;font-size: 9px;color: #222222;text-transform: uppercase;letter-spacing: 1px;line-height: 100%;text-align: justify; }
#treacherous .treacherous-5 i { color: #6f4008 }
#treacherous .treacherous-5 b { color: #91571f}
#treacherous .treacherous-6 { width: 340px;height: 310px; padding: 30px; background-image: url(http://i.imgur.com/so7eiRH.png); }
#treacherous .treacherous-7 { width: 325px;height: 300px; padding-right: 5px; border: 5px solid #ffffff; background-color: #ffffff; text-transform: none; overflow: auto; }
#treacherous .treacherous-7::-webkit-scrollbar { width: 4px; }
#treacherous .treacherous-7::-webkit-scrollbar-track { background-color: #91571f; border-right: 2px solid #ffffff; border-left: 2px solid #ffffff; }
#treacherous .treacherous-7::-webkit-scrollbar-thumb { background-color: #6f4008; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
#treacherous .treacherous-7 div { font-family: 'rozha one'; font-size: 16px; line-height: 120%; text-align: center; color: #91571f; }
#treacherous .treacherous-8 { -moz-transform: scale(0) rotate(0deg);-webkit-transform: scale(0) rotate(0deg);-o-transform: scale(0) rotate(0deg);-ms-transform: scale(0) rotate(0deg);transform: scale(0) rotate(0deg);-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;background-color: #6f4008; width: 175px; padding-left: 5px;padding-right: 5px; padding-top: 5px; height: 85px; overflow: hidden; position: absolute; top: 10px; font-family: 'Rozha One'; font-size: 20px; letter-spacing: 0px;line-height: 100%;color: #e2d9c4; text-align: center; }
#treacherous .treacherous-8 div { width: 175px;height: 85px;display: table; }
#treacherous .treacherous-8 div p { display: table-cell; vertical-align: middle; }
#treacherous:hover .treacherous-3 { -moz-transform: rotate(1440deg);-webkit-transform: rotate(1440deg);-o-transform: rotate(1440deg);-ms-transform: rotate(1440deg);transform: rotate(1440deg); }
#treacherous:hover .treacherous-8 { -webkit-transition: all 1.2s ease-in-out 1.2s;-moz-transition: all 1.2s ease-in-out 1.2s;-ms-transition: all 1.2s ease-in-out 1.2s;-o-transition: all 1.2s ease-in-out 1.2s;transition: all 1.2s ease-in-out 1.2s; -moz-transform: scale(1) rotate(1440deg);-webkit-transform: scale(1) rotate(1440deg);-o-transform: scale(1) rotate(1440deg);-ms-transform: scale(1) rotate(1440deg);transform: scale(1) rotate(1440deg); }
</style>
<div id="treacherous">
<div class="treacherous-1">
<div class="treacherous-2" style="left: 4px;"><i>INVISUM</i></div>
<div class="treacherous-2" style="right: 4px;"> <i>FATIS</i></div></div>
<div class="treacherous-4"><div class="treacherous-5"><div class="treacherous-6">
<div class="treacherous-7">
<a href="ссылка" title="занятые внешности" target="_blank"><img src="http://i.imgur.com/vUUsMmg.png" border="0"></a> <a href="ссылка" title="f a q" target="_blank"><img src="http://i.imgur.com/Yr8hNu1.png" border="0"></a> <a href="ссылка" title="правила" target="_blank"><img src="http://i.imgur.com/bixfJfS.png" border="0"></a> <a href="ссылка" title="профессии" target="_blank"><img src="http://i.imgur.com/eSJEfrc.png" border="0"></a> <a href="ccskrf" title="нужные " target="_blank"><img src="http://i.imgur.com/ytnuEjh.png" border="0"></a> <a href="ссылка" title="нужные " target="_blank"><img src="http://i.imgur.com/FpsB61n.png" border="0"></a> <a href="ссылка" title="нужные " target="_blank"><img src="http://i.imgur.com/WGgPAEn.png" border="0"></a> <a href="ссылка" title="нужные " target="_blank"><img src="http://i.imgur.com/zHCsREm.png" border="0"></a> <a href="ссылка" title="нужные " target="_blank"><img src="http://i.imgur.com/yDwTVTC.png" border="0"></a> <BR><hr>
<center></center>
<center></center><BR>
<center><img src="http://i.imgur.com/acU7h4p.gif" border="0"></center><BR>
<b>З</b>дравствуй, наш юный волшебник. Добро пожаловать на чемпионат школ. Кубок Огня. Вновь в наших стенах. Не забывайте свои волшебные палочки. Смело задавайте вопросы ведущим колдунам. Не бойтесь экспериментировать. В нашем мире возможно все. <BR><BR>
Соревнования проходят повсеместно. Каждый ученик, если изъявит желание, может стать частью турнира. Все будет проходить в рамках сюжетных эпизодов. Эксклюзивные задания. <BR><BR>
<BR><BR>
<hr><b><u>до 27.09</u></b><BR><BR>
<BR>
hestia johns
<BR>
имя
<BR>
<hr>
<b><u>до 27.09</u></b> <BR>
eva green
<BR>
<br>
<b><u> до дата</u></b> <BR>
имя
<BR>
<hr>
</div></div></div></div>
<div class="treacherous-8" style="left: 0px;"><div><p>g o b l e t </p></div></div>
<div class="treacherous-8" style="right: 0px;"><div><p> f i r e</p></div></div>
<div class="treacherous-3"></div>
</div>
<a href="http://shine.b1.jcink.com/index.php?showuser=1183">❤ KONAN</a>
</center>Код:
<BR> имя персонажа с маленькой буквы ↔ ник
Код:
<BR> внешность с маленькой буквы ↔ ник
