Steckbriefvorlage - Druckversion

Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*



--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates 



---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*



---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*



---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /* 



---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*



---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*



---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*



---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*



---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*



---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*



---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*



---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*



---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*



---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*



---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*



--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>



<center>

<div id="r-steckbrief"><div id="whitebox">

<div class="r-boxrechts">

<div id="r-bild"></div>

<div class="r-titel">CHARAKTERNAME</div>

<div class="r-subtitel">Kind von ....</div>

</div>



<div class="r-boxlinks scroll">

<div class="r-kat">Persönliche Daten</div>

<div class="r-desc">Das wichtigste zuerst</div>



<div class="r-textbox"><div class="r-fact-l">Name:</div>



<div class="r-fact-r">Alter & Geburtstag:</div> 



<div class="r-fact-l">Geburtsort:</div> 



<div class="r-fact-r">Rasse:</div> 



<div class="r-fact-l">Status:</div> 



<div class="r-fact-r">Beruf:</div>



<div class="r-fact-l">Familie:</div>

Vater: Name | Alter | Beruf | Beziehung

Mutter: Name | Alter | Beruf | Beziehung

Geschwister: Name | Alter | Beruf | Beziehung

Kinder: Name | Alter | Beruf | Beziehung

Sonstige Angehörige: Name | Alter | Beruf | Beziehung

</div>



<div class="r-kat">Dein Spiegelbild</div>

<div class="r-desc">Der Eindruck den du auf andere machst</div>



<div class="r-textbox"><div class="r-fact-l">Aussehen</div>

Verrate uns wie du aussiehts. Haarfarbe, Augenfarbe, Größe, Gewicht. 



<div class="r-fact-r">Kleidungsstil</div>

Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?



<div class="r-textbox"><div class="r-fact-l">Merkmale</div>

Besitzt du irgendwelche Merkmale an denen man dich erkennen kann?  



<div class="r-fact-r">Duft</div>

Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?



 </div>



<div class="r-kat">Charakter</div>

<div class="r-desc">Wie sieht es in deinem Innern aus</div>



<div class="r-textbox"><div class="r-fact-l">Charakter</div> Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.

Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.



<div class="r-fact-r">Stärken</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT 



<div class="r-fact-l">Schwächen</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT 



<div class="r-fact-r">Vorlieben</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT 



<div class="r-fact-l">Abneigungen</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT </div>



<div class="r-kat">Campleben</div>

<div class="r-desc">Was zeichnet dich aus?</div>



<div class="r-textbox"><div class="r-fact-l">Fähigkeit</div> 

<b>Name der Fähigkeit</b>

Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.



<div class="r-fact-r">Waffe</div> Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?



<div class="r-fact-l">Sonstiges</div>  Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.

</div>



<div class="r-kat">Das ist dein Leben</div>

<div class="r-desc">Erzähle uns was du erlebt hast</div>



<div class="r-textbox"><div class="r-fact-l">Lebenslauf</div>  Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken. 

Hier habt ihr folgende Varianten:

Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."



<div class="r-fact-r">Musterpost</div>

Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.



<div class="r-fact-l">Plotidee</div>Hast du einen besonderen Handlungsstrang den du mit deinem Chara aufgreifen möchtest? Einen Wunsch oder eine Idee wie du ihn gern ins Play bekommen magst?



<div class="r-fact-r">Charakterübersicht</div>

Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

</div>

<div class="r-shortfacts">Avatarperson: xxx › Regeln gelesen: xxx › Über 18: xxx › Zweitchara: xxx› <div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div></div>



</div>

</div></div>

</center>