Код:
<style type="text/css"> /*TITLE FOR CLAIMS*/ .chclaimstitle{width: 620px; height: 60px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #e4fac4; position:absolute; left:50px; top:0px} /*DESCRIPTION FOR CLAIMS*/ .chclaimsdesc{background:#e4fac4; width:580px; min-height:15px; padding:25px 25px 25px 25px; position:absolute; top:-45px; font-family:arial; font-size:10px; color:#444; line-height:11px; text-align:justify; text-transform:lowercase; opacity:0; z-index:5; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); } .chclaimstitle:hover{cursor:help} .chclaimstitle:hover .chclaimsdesc{top:45px; cursor:help; opacity:1; -webkit-transition:top 1.3s ease,opacity 1s ease; -moz-transition:top 1.3s ease,opacity 1s ease; -o-transition:top 1.3s ease,opacity 1s ease; transition:top 1.3s ease,opacity 1s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); } /*BOX FOR TEXT*/ .chch {background:#e4fac4; width:590px; height:30px; padding-bottom:20px; position:absolute; top:110px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); } .chfemale {background:#e4fac4; width:590px; height:140px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:420px; overflow-y:auto; overflow-x:hidden} .chmale {background:#e4fac4; width:590px; height:200px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:180px; overflow-y:auto; overflow-x:hidden} /*TEXT THAT HOVER CHANGES*/ .chcharname, .chchardesc{font-family:arial; font-size:8px; line-height:22px;letter-spacing:2pt; text-transform:uppercase} .chcharname{background:#d8d848; color:#444; width:60px; height:20px; text-align:center; display:block;position:relative; margin:10px 20px 10px 20px; opacity:1} .chchardesc{background:#d8d848; color:#444; width:205px; height:20px; text-align:center; display:block; position:absolute; top:0px; left:0px; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease} .chcharname:hover .chchardesc{cursor:default; color:#444; opacity:1; -webkit-transition:opacity 0.2s ease,color 1.5s ease; -moz-transition:opacity 0.2s ease,color 1.5s ease; -o-transition:opacity 0.2s ease,color 1.5s ease; transition:opacity 0.2s ease,color 1.5s ease} .chtitle { width: 620px; height: 30px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;} .chtitle2 { width: 620px; height: 30px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;} /*END OF CSS FOR CLAIMS SITE TEMPLATE*/ .tooltip { position: relative; } .tooltip em { display: none; } .tooltip:hover em { font-style: normal; display: block; position: absolute; background: #577e01; color: #FFF; padding: 10px 10px; bottom: 13px; right: 5; box-shadow: 0 0 5px #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; } .tooltip:hover em i { position: absolute; bottom: -7px; right: 5px; border-top: 7px solid #000; border-left: 7px solid transparent; display: block; } </style> <center><div style="width: 550px; border: 4px solid #c0c3c4; background: #e1e3e4 url(http://funkyimg.com/i/Jn1Q.png);"> <div style="width: 500px; padding: 15px;"><div style="background: #f1f1f1; width: 500px;"> <div style="font-family: courier new; font-size: 8px; line-height: 6px; padding-left: 4px; padding-right: 4px; padding-top: 2px; letter-spacing: 1px; text-transform: uppercase; width: 400px; padding-bottom: 6px; text-align: justify; color: #a1a1a1; width: 392px;"> </div> <center><img src="http://funkyimg.com/i/Jn1R.png"><br> <div class="post-box"> <div id="p8-content" class="post-content"> <p><span style="display: block; text-align: center"><strong></strong></span></p><center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <style type="text/css"> .death { width:222px; height:490px; background-color:#ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:0; line-height:100%; margin-top:-80px;-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-500px; overflow:auto; padding:5px; margin-left:14px;} .death:hover { width:200px; height:490px; padding:5px; background-color:ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:.95; line-height:100%;; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-500px; margin-left:14px; overflow:auto;} .bite {width:200px; height:500px; background-color:#fff3ea; opacity:1;} .death:hover .bite {opacity:0;} .claw {width:200px; height:500px; background-color:#1fabe7; opacity:1; margin-top:5px;} .death:hover .claw {opacity:0;} .scratch {width:200px; height:500px; background-color:#B4D4D4; opacity:1; margin-top:5px;} .death:hover .scratch {opacity:0;} .voldemort {width:200px; height:500px; background-color:#B4D4D4; opacity:1; margin-top:5px;} .death:hover .voldemort {opacity:0;} </style><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css"> <style type="text/css"> .hover1 { opacity: 0; width: 110px; height:110px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; } .hover1:hover { opacity: 0.75; } .hover2 { width: 108px; height: 35px; background-color: #efe9ee; font-family: times new roman; font-size: 9px; text-align: left; line-height: 100%; color: #222; PADDING: 50PX 17PX;} </style> <style type="text/css"> @font-face { font-family: "colors of autumn"; src: url('HTTP://STATIC.TUMBLR.COM/KZWVA67/TQAMO1DRN/COLORS_OF_AUTUMN.TTF'); } .voice { font-size: 11px; font-family: georgia; text-align: justify} .voice:first-letter { width: 20px; height: 20px; padding: 5px; margin-bottom: 0px; margin-right: 4px; float: left; background-color: #000000; border: 3px double white; color: white; font-size: 22px; font-style: italic; line-height: 20px; text-transform: uppercase; text-align: center;} </style> <style type="text/css"> .poice { font-size: 11px; font-family: georgia; text-align: justify} </style> <center> <div style="width: 410px; font: 11px arial; text-align: justify; color: #000; line-height: 100%; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px;"> <center><br> <table><tbody><tr><td> <div class="claw"><div class="bite"><img src="http://funkyimg.com/i/JfcD.png"></div> <div class="death"> <div align="center"><table><tbody><tr><td><div class="appbawls" height="10px">a-b-c</div><br> ashley benson » <a href="https://atmor.rusff.me/profile.php?id=3">amelia owens</a><br> alyson stoner » <a href="https://atmor.rusff.me/profile.php?id=46">nicole dickinson</a><br> crystal reed » <a href="https://atmor.rusff.me/profile.php?id=19">allison argent</a><br> <br><div class="appbawls">d-e-f</div><br> dianna agron » <a href="https://atmor.rusff.me/profile.php?id=7">tessa lightwood</a><br> <br><div class="appbawls">g-h-i</div><br> haley webb » <a href="https://atmor.rusff.me/profile.php?id=71">jennifer blake</a><br> holland roden » <a href="https://atmor.rusff.me/profile.php?id=8">lydia martin</a><br> <br><div class="appbawls">j-k-l-m</div><br> jenna coleman » <a href="https://atmor.rusff.me/profile.php?id=50">vivian clark</a><br> jessica lowndes » <a href="https://atmor.rusff.me/profile.php?id=75">tamara ortega</a><br> jill wagner » <a href="https://atmor.rusff.me/profile.php?id=4">kate argent</a><br> karen gillan » <a href="https://atmor.rusff.me/profile.php?id=32">vasilisa roselli</a><br> kaya scodelario » <a href="https://atmor.rusff.me/profile.php?id=101">charlie lowry</a><br> lily collins » <a href="https://atmor.rusff.me/profile.php?id=20">riley whitefield</a><br> megan fox » <a href="https://atmor.rusff.me/profile.php?id=100">laura hale</a><br> <br><div class="appbawls">n-o-p</div><br> nicki minaj » <a href="https://atmor.rusff.me/profile.php?id=94">reed gold</a><br> nicola peltz » <a href="https://atmor.rusff.me/profile.php?id=41">erica reyes</a><br> <br><div class="appbawls">q-r-s</div><br> sam logan » <a href="https://atmor.rusff.me/profile.php?id=72">violet lester</a><br> shailene woodley » <a href="https://atmor.rusff.me/profile.php?id=91">maya bende</a><br> shelley hennig » <a href="https://atmor.rusff.me/profile.php?id=11">malia tate</a><br> <br><div class="appbawls">t-u-v</div><br> <br><div class="appbawls">w-x-y-z</div><br> zoey deutch » <a href="https://atmor.rusff.me/profile.php?id=14">mickey grant</a><br> </td></tr></tbody></table> </div></div></div></td><td> <div class="claw"><img src="http://funkyimg.com/i/JfcE.png"></div></div> <div class="death"><div align="center"> <table><tbody><tr><td><div class="appbawls">a-b-c</div><br> brenton thwaitws» <a href="https://atmor.rusff.me/profile.php?id=21">alex carter</a><br> <br><div class="appbawls">d-e-f</div><br> dylan o'brien » <a href="https://atmor.rusff.me/profile.php?id=6">stiles stilinski</a><br> <br><div class="appbawls">g-h-i</div><br> ian bohen » <a href="https://atmor.rusff.me/profile.php?id=98">peter hale</a><br> <br><div class="appbawls">j-k-l-m</div><br> linden ashby » <a href="https://atmor.rusff.me/profile.php?id=74">john stilinski</a><br> luke mitchell» <a href="https://atmor.rusff.me/profile.php?id=88"> christopher stam</a><br> <br> <br><div class="appbawls">n-o-p</div><br> niall horan » <a href="https://atmor.rusff.me/profile.php?id=56">theodore lloyd</a><br> nicholas hoult » <a href="https://atmor.rusff.me/profile.php?id=64">hank mccoy</a><br> orlando bloom» <a href="https://atmor.rusff.me/profile.php?id=105">niccolo lancet</a><br> <br> <br><div class="appbawls">q-r-s</div><br> rafael lazzini » <a href="https://atmor.rusff.me/profile.php?id=103">гилберт найтрей</a><br> ryan kelley » <a href="https://atmor.rusff.me/profile.php?id=45">jordan parrish</a><br> sam claflin » <a href="https://atmor.rusff.me/profile.php?id=93"> james lightwood</a><br> <br><div class="appbawls">t-u-v</div><br> tyler hoechlin » <a href="https://atmor.rusff.me/profile.php?id=87">derek hale</a><br> tyler posey » <a href="https://atmor.rusff.me/viewtopic.php?id=437#p58029">scott mccall</a><br> <br> <br><div class="appbawls">w-x-y-z</div><br> <br><br> </td></tr></tbody></table></div> </div></td></tr></tbody></table> </b></center></div></center></div></div></center><p><strong><br></strong><br></p> <div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">возьми меня</a></strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>имя звезды на англ с маленьких букв » <a href="ссылка на профиль">ваш ник с маленьких букв</a><br></pre></div></div></div> </div> </div></div></div></div></center>