Steckbriefvolrage

<link href='http://fonts.googleapis.com/css?family=Poiret+One|Cutive+Mono' rel='stylesheet' type='text/css'><style>.tabs { position: relative; clear: both;} .tab { float: left; width: 100px; } .tab label { width: 100px; font-family: cutive mono; font-size: 15px; color: #2f3133; text-transform: uppercase; background: #eee; opacity: 0.8; padding: 0px 10px 0px 10px; position: relative;} .tab [type=radio] { display: none; } .content { height: 300px; position: absolute; background-color: #eee; top: 20px; left: 0; right: 0; bottom: 0; overflow: auto; font-family: tahoma; font-size: 10px; color: #555; text-align: justify; padding: 10px}  [type=radio]:checked ~ label { background-color: #2f3133; z-index: 2; color:#fff; } [type=radio]:checked ~ label ~ .content { z-index: 1; } .t1 { font-family: poiret one; font-style: italic; font-size: 18px; color: #2f3133; text-align: right; text-transform: uppercase; padding-right: 20px; } i1 { font-style: italic; color: #8e9699; font-family: tahoma; font-size: 10px}</style>

<center><div style="height: 570px; width: 400px; background-color: #eee; border-bottom: 10px solid #989ea3"><div style="width: 400px; height: 250px; background-image: url('LINK ZUM BILD 400x250'); margin-bottom: -20px"></div><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">PERSONAL</label><div class="content"><div class="t1">NAME</div>
In vollen Sätze antworten, wie lautet euer Vorname, vielleicht Mittelname und natürlich auch euer Nachname. Warum haben eure Eltern euch so genannt? Hat er vielleicht auch eine besondere Bedeutung? Habt ihr ihn mal geändert oder war er immer derselbe? Der Spitzname darf aber auch nicht fehlen!

<div class="t1">ALTER & GEBURTSTAG</div>
Antwortet in vollen Sätzen, wie alt ihr seid, wann ihr geboren seid und vor allem wann ihr geboren seid? Bedeutet euch euer Geburtstag etwas? Oder nehmt ihr ihn normal ohne große Party?

<div class="t1">KRÄFTE</div>
Welche zwei Kräfte hast du? Und was bewirken sie?Wo liegen deine Schwächen darin? Kannst du sie eigentlich kontrollieren? Erzähle!

<div class="t1">WESEN</div>
Welches Wesen bist du den? Ein stolzer Werwolf? Wie siehst du da aus? Oder bist du etwa ein mutiger Vampir? Vielleicht auch nur ein normaler Mensch?  

<div class="t1">MUTTER & VATER</div>
Deine Lieben Eltern! Wie heißen sie? Was Arbeiten sie? Wie Alt sind sie? Erzähle uns ein wenig über sie und deiner Beziehung zu ihnen? Nichts darf fehlen!

<div class="t1">BRUDER & SCHWESTER</div>
Deine Lieben Geschwister! Wie heißen sie? Was Arbeiten sie? Wie Alt sind sie? Erzähle uns ein wenig über sie und deiner Beziehung zu ihnen? Nichts darf fehlen!

</div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">CHARACTER</label><div class="content"><div class="t1">Charakter</div>
Wie bist du so vom Charakter her? Schreibe in ganzen Sätzen, wie du bist und was dich ausmacht. Beschreibe dein Verhalten in verschiedenen Situationen! Schreibe deine Interessen auf, deine Hobbys und deine Macken! Sag uns, was dich zu dem macht, wer du bist! Nichts ist unwichtig!

<div class="t1">STÄRKEN & SCHWÄCHEN</div>
Deine Schwächen und Stärken sind natürlich auch wichtig! Beschreibe diese in vollen Sätzen. Aber denkt daran, niemand ist perfekt! Jeder hat Schwächen!

<div class="t1">LIKES & DISLIKES</div>
So und jetzt beschreibe uns in vollen Sätzen, was du am liebsten in deiner Freizeit machst und was für dich so überhaupt nicht geht!

</div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">HISTORY</label><div class="content"><div class="t1">VERGANGENHEIT</div>
Was ist den eigentlich in deiner Vergangenheit passiert? Ist etwas Geprägtes, passiert, weshalb du heute so bist? Wurdest du in Los Angeles geboren, oder bist du von irgendwo hier hingezogen? Was sind eigentlich deine Erfahrungen mit dem anderen Wesen? Nichts ist unwichtig!

<div class="t1">ZUKUNFT</div>
Alles in unserem Leben dreht sich um die Zukunft? Was hast du für deine Zukunft geplant? Hast du Wünsche? Oder Träume? Hier kannst du es uns erzählen!


</div></div><div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">OTHER</label><div class="content"><div class="t1">LISTS</div>

Avatarliste:
Namen/Nachnamensliste:
Fähigkeitenliste:

<div class="t1">ADMINSTUFF</div>

Avatar :
Regeln gelesen :
Mehraccount :
</div></div></div></div><i1>code by <a href="http://peregrine.nobel-design.net/member.php?action=profile&uid=57">realis</a> @ TCP</i1></div></center>