Algemene Onzin Topic

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><style type='text/css'>.letmeborder { width:450px; border:15px solid #222; position:relative; background-color:#eee; }.letmehead { width:450px; height:200px; background-image:url(http://i.imgur.com/WnGa88m.png); border-bottom:15px solid #222; }.letme { position:absolute; top:-15px; left:235px; width:200px; height:200px; border:15px solid #222; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-border-radius:200px; border-radius:200px; }.letmewordsbg { position:absolute; left:0px; top:25px; width:200px; height:170px; opacity:0; transform: scale(.5); -webkit-transform: scale(.5); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }.letme:hover .letmewordsbg { position:absolute; left:-235px; top:15px; opacity:1; transform: scale(1); -webkit-transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }.letmewords { width:200px; height:30px; background-color:#222; font-family:arial; font-size:8px; letter-spacing:5px; color:#efefef; line-height:30px; text-align:center; margin-bottom:5px;  }.lavie { position: relative; width: 400px; height:450px; clear: both; }.myageagain { width:350px; height:275px; position:relative; padding:25px; background-color:#fff; opacity:.85; overflow:auto; }.abused { float:left; }.abused label { position:relative; top:40px; left:10px; height: 20px; width: 120px; background-color:#eee; font-family:arial; font-size:8px; letter-spacing:5px; color:#222; line-height:20px; text-align:center; border:none; margin-right:10px;  display:block; }.abused [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }.used { position:absolute; top:100px; left:0px; background-image:url(http://placehold.it/400x325); width:400px; height:325px; overflow:auto; padding: 0px; text-align: justify; color: black; font-family: georgia; font-size: 10px; text-align:justify; line-height:100%; }.abused [type=radio]:checked ~ label { z-index: 99; background-color:#a5172f;  }.abused [type=radio]:checked ~ label ~ .used { z-index: 98; }</style><center><div class='letmeborder'><div class='letmehead'><div class='letme' style='background-image:url(http://placehold.it/200x200);'><div class='letmewordsbg'><div class='letmewords'>

AGE

</div><div class='letmewords'>

BIRTHDAY

</div><div class='letmewords'>

JOB

</div><div class='letmewords'>

MEMBER GROUP

</div><div class='letmewords'>

FACE CLAIM

</div></div></div></div><div class='lavie'><div style='width:400px; height:50px; background-color:#222; position:absolute; top:25px;'></div><div class="abused"><input type="radio" id="abused-1" name="abused-group-1" checked><label for="abused-1">001.</label><div class="used"><div style='position:absolute; top:245px; left:50px; width:300px; height:50px; background-color:#222; font-family:great vibes; font-size:30px; color:#efefef; line-height:50px; text-align:center; '>

Shay Vinyl

</div></div> </div><div class="abused"><input type="radio" id="abused-2" name="abused-group-1"><label for="abused-2">002.</label><div class="used"><div class='myageagain'>

write your character's freeform app here! you can do it however you'd like to!

</div></div> </div><div class="abused"><input type="radio" id="abused-3" name="abused-group-1"><label for="abused-3">003.</label><div class="used"><div class='myageagain'>

tell us about yourself here! include your alias, time zone, how to contact you, and how many characters you already have.

</div></div> </div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[URL=http://forums.athousandfireflies.com/index.php?showuser=6755] THANKS TO LOUIS AT ATF![/URL]</div></center>