преф
<!--HTML-->
test |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » test » территория аньки » шутчки
преф
<!--HTML-->
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet' type='text/css'><center><div style="width: 500px;"><div style="background-image: url(http://i57.tinypic.com/6ppx5c.jpg); background-position: top center; padding: 50px; "><div style="padding: 30px; background-color: rgba(5,4,18,0.6); font-family: sansita one; text-transform: lowercase; color: #b8a596; font-size: 60px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px white, 3px 3px 0px black; border-bottom: 1px solid #dcc1a4; border-top: 1px solid #dcc1a4;"> the rules </div></div><div style="background-color: #050412; padding: 0px 90px 0px 90px;"><div style="background-color: #f5f5f5; padding: 20px; font-family: tahoma; color: #050412; font-size: 10px; text-align: justify; line-height: 90%;"> <span style="float: left; font-family: sansita one; text-transform: lowercase; color: #b8a596; font-size: 30px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px white, 3px 3px 0px black; margin: 10px;">01.</span> blah blah <p><span style="float: left; font-family: sansita one; text-transform: lowercase; color: #b8a596; font-size: 30px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px white, 3px 3px 0px black; margin: 10px;">02.</span> blah blah <p><span style="float: left; font-family: sansita one; text-transform: lowercase; color: #b8a596; font-size: 30px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px white, 3px 3px 0px black; margin: 10px;">03.</span> blah blah </div></div></div><div style="width: 400px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">♥ lauz</a></div></center>
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'><style type="text/css">.bgapp {width: 500px; height: 300px; opacity: 0; transition: all 0.6s ease-in-out; -moz-ransition: all 0.6s ease-in-out; -webkit-ransition: all 0.6s ease-in-out; -ms-ransition: all 0.6s ease-in-out; -o-ransition: all 0.6s ease-in-out; background-color: rgba(245,245,245,0.9);} .bgapp:hover {opacity: 1.0;}</style><center><div style="width: 500px;"><div style="background-image: url(http://i57.tinypic.com/6ppx5c.jpg); background-position: top center; padding: 50px; "><div style="padding: 30px; background-color: rgba(5,4,18,0.6); font-family: sansita one; text-transform: lowercase; color: #b8a596; font-size: 40px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px white, 3px 3px 0px black; border-bottom: 1px solid #dcc1a4; border-top: 1px solid #dcc1a4;"> first last </div></div><div style="height: 300px; width: 500px; background-image: url(500 X 300 IMAGE HERE!!!!!);"><div class="bgapp"><div style="padding: 40px;"><div style="overflow: auto; height: 210px; font-family: tahoma; color: #050412; text-align: justify; padding-right: 10px; line-height: 90%; font-size: 10px;"> app here. </div></div></div></div><div style="background-image: url(http://i58.tinypic.com/np2j3s.jpg); padding: 30px;"><div style="padding: 10px; background-color: rgba(5,4,18,0.6); font-family: arial; text-transform: uppercase; color: #b8a596; font-size: 7px; letter-spacing: 2px; text-align: right; border-bottom: 1px solid #dcc1a4; border-top: 1px solid #dcc1a4;"> group - age - job - face claim - alias </div></div><div style="width: 400px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">♥ lauz</a></div></center>
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet' type='text/css'><center><div style="width: 500px;"><div style="background-image: url(http://i57.tinypic.com/6ppx5c.jpg); background-position: top center; padding: 50px; "><div style="padding: 30px; background-color: rgba(5,4,18,0.6); font-family: sansita one; text-transform: lowercase; color: #b8a596; font-size: 60px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px white, 3px 3px 0px black; border-bottom: 1px solid #dcc1a4; border-top: 1px solid #dcc1a4;"> face claim </div></div><div style="background-color: #050412; padding: 0px 90px 0px 90px;"><div style="background-color: #f5f5f5; padding: 20px;"><div style="font-family: tahoma; color: #050412; font-size: 10px; text-align: justify; line-height: 90%;"> rules about face claims blah blah. </div><p><div style="padding: 20px; background-color: #9b6689; margin-bottom: 5px;"><div style="font-family: sansita one; text-transform: lowercase; color: #fff; font-size: 30px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px #b8a596, 3px 3px 0px black;">the girls</div></div><div style="padding-right: 10px; overflow: auto; height: 150px; font-family: tahoma; color: #050412; font-size: 10px; text-align: justify; line-height: 90%;"> <color=9b6689>LAST, first</color> • first last<BR> </div><p><div style="padding: 20px; background-color: #6f669b; margin-bottom: 5px;"><div style="font-family: sansita one; text-transform: lowercase; color: #fff; font-size: 30px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px #b8a596, 3px 3px 0px black;">the boys</div></div><div style="padding-right: 10px; overflow: auto; height: 150px; font-family: tahoma; color: #050412; font-size: 10px; text-align: justify; line-height: 90%;"> <color=6f669b>LAST, first</color> • first last<BR> </div><p><div style="padding: 20px; background-color: #669b86; margin-bottom: 5px;"><div style="font-family: sansita one; text-transform: lowercase; color: #fff; font-size: 30px; text-align: center; text-shadow: 1px 1px 0px black, 2px 2px 0px #b8a596, 3px 3px 0px black;">reservations</div></div><div style="padding-right: 10px; overflow: auto; height: 150px; font-family: tahoma; color: #050412; font-size: 10px; text-align: justify; line-height: 90%;"> <b>alias</b> • <color=669b86>first last</color> • <i>date 5 days from now</i><BR> </div></div></div></div><div style="width: 400px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">♥ lauz</a></div></center>
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'><style> #bwcont {width: 540px; height: 300px; position: relative; background: white; overflow: hidden;} .bwimg {width: 150px; height: 300px; background: white; position: absolute; top: 0; left: 0;} .bwimgg {width: 150px; height: 300px; background: white; position: absolute; top: 0; right: 0;} .bwname {width: 160px; height: 260px; background: white; padding: 20px; position: absolute; top: 0px; left: 150px; border-left: 20px solid black; border-right: 20px solid black;} .bwname p {background: black; color: white; padding: 5px; font: 7px/7px tahoma; letter-spacing: 1px; margin: 0 0 5px 0; text-transform: uppercase;} .bwname {text-transform: lowercase; font: 24px lobster; line-height: 100%; letter-spacing: -1px; color: black;} #bwcont:hover .bwname {position: absolute; top: 0; left: 0;} #bwcont:hover .bwimg {opacity: 0; position: absolute; left: -150px;} #bwcont:hover .bwimgg {opacity: 0; position: absolute; right: -150px;} .bwname, .bwimg, .bwimgg {-webkit-transition: 0.7s all ease-in-out; -moz-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out; z-index: 5;} .bwmain {width: 240px; height: 240px; overflow: auto; border-width: 30px 30px 30px 270px; border-color: white; border-style: solid; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font: 10px/10px tahoma; text-align: justify; position: absolute; top: 0; left: 0; z-index: 1; color: black;} .bwmain::-webkit-scrollbar {width: 10px; height: 10px;} .bwmain::-webkit-scrollbar-thumb {background: black;} </style><center><div id="bwcont"><div class="bwimg"> <img src="150 X 300 IMAGE HERE" /> </div><div class="bwname"> <p> AGE </p> <p> GROUP </p> <p> PLAYBY </p> название<br> эпизода<br> <br> <div style="height: 5px;"></div> </div><div class="bwimgg"> <img src="150 X 300 IMAGE HERE" /> </div><div class="bwmain"> shipper here! make it as long as you want. </div></div></center>
<!--HTML--><center><style> .shipwrecked { position: relative; width: 400px; height: 400px; } .allyouever { float: left; } .allyouever label { display: block; width: 55px; padding: 10px; position: relative; top: 400px; background-color: #7f8c91; color: #ECF1F2; font-size: 8px; text-transform: uppercase; font-family: helvetica; letter-spacing: 2px;} .allyouever [type=radio] { display: none; width: 60px; } .didwaswreckme { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #ECF1F2; padding: 0px 10px 0px 10px; height: 320px; width: 320px; font-family: arial; font-size: 10px; text-align: justify; overflow: auto; line-height: 150%; border: 10px solid #ECF1F2; border-top: 20px solid #ECF1F2; border-bottom: 20px solid #ECF1F2; } .didwaswreckme::-webkit-scrollbar { width: 7px; } .didwaswreckme::-webkit-scrollbar-track { background-color: #dddddd; } .didwaswreckme::-webkit-scrollbar-thumb { background-color: #A296A9; } .allyouever [type=radio]:checked ~ label { background-color: #A296A9; color: #ECF1F2; z-index: 2;} .allyouever [type=radio]:checked ~ label ~ .didwaswreckme { z-index: 1; } .inevermeant { width: 155; padding: 15px 10px 15px 10px; background-color: #A296A9; color: #ECF1F2; text-align: center; font-size: 8px; text-transform: uppercase; font-family: helvetica; letter-spacing: 2px; opacity: 0.8; margin-left: 0px; position: center; top: 80px; left: 0px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; visibility: hidden;} .tostartawar { width: 280px; padding: 20px; background-color: #A296A9; color: #ECF1F2; text-align: center; font-size: 8px; text-transform: uppercase; font-family: helvetica; letter-spacing: 2px; opacity: 0.8; position: relative; top: 220px; left: 0px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out;} #ijustwantedyou { width: 320px; height: 320px; background-image: url(IMAGE HERE 320x320! IT SHOULD CROP!); overflow: hidden;} #ijustwantedyou:hover .tostartawar { width: 200px; position: relative; left: 40px; top: 0px; } #ijustwantedyou:hover .inevermeant { position: inherit; top: 150px; visibility: visible;} .killinthese { width: 275px; padding: 20px; background-color: #7f8c91; color: #ECF1F2; text-align: center; font-size: 8px; text-transform: uppercase; font-family: helvetica; letter-spacing: 2px; } </style> <div style="width: 360px; height: 360px; padding: 20px; background-color: #705083;"> <div class="shipwrecked"> <div class="allyouever"><input type="radio" id="allyouever-1" name="allyouever-group-1" checked> <label for="allyouever-1">basics</label> <div class="didwaswreckme"> <div id="ijustwantedyou"> <div class="tostartawar">first middle last</div> <table cellpadding="0" cellspacing="0"><td><div class="inevermeant">nickname</div></td> <td><div class="inevermeant">мур</div></td></table> <table cellpadding="0" cellspacing="0"><td><div class="inevermeant">member group</div></td> <td><div class="inevermeant">age</div></td></table> <table cellpadding="0" cellspacing="0"><td><div class="inevermeant">trait</div></td> <td><div class="inevermeant">trait</div></td></table></div> </div></div> <div class="allyouever"><input type="radio" id="allyouever-2" name="allyouever-group-1"> <label for="allyouever-2" style="margin-left: 20px;">Friends</label> <div class="didwaswreckme"> <div class="killinthese">our hearts in vain</div><div style="width: 320px; height: 10px;"></div> OMG WORDS HERE, FRIENDS ARE SO NICE RIGHT RIGHT RIGHT! WRITE ABOUT THEM HERE XD </div></div> <div class="allyouever"><input type="radio" id="allyouever-3" name="allyouever-group-1"> <label for="allyouever-3" style="margin-left: 20px;">lovers</label> <div class="didwaswreckme"><div class="killinthese">i fell under your spell</div><div style="width: 320; height: 10;"></div> WORDS HERE OMG, THIS PART IS FOR THE LOVELY LOVELY LOVERS. MHM, SEXY RIGHT? </div></div> <div class="allyouever"><input type="radio" id="allyouever-4" name="allyouever-group-1"> <label for="allyouever-4" style="margin-left: 20px;">enemies</label> <div class="didwaswreckme"><div class="killinthese"></div> WORDS HERE LOVELY, WRITE ALL THE LOVELY STUFF ABOUT ENEMIES AND HOW MUCH YOU DESPISE THEM!<div style="text-align: right; text-transform: uppercase; padding-top: 5px;"></div> </div></div> </div></div> <div style="width: 360px; height: 30px; padding: 20px; background-color: #BED2D9;"></div></center>
Вы здесь » test » территория аньки » шутчки