Steckbriefvorlage - Druckversion

Code:
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700" rel="stylesheet" type="text/css"><style type="text/css"><!-- /*
HINTERGRUND
*/ #ronjas5hg { width: 500px; padding: 25px 10px; background: #efefef; box-sizing: border-box; } /*
Rahmen für Header und Footer
*/ .ronjas5border { margin-bottom: 10px; width: 450px; background: #efefef; padding: 0px; text-align: right; text-transform: uppercase; color: #6EC8C1; box-sizing: border-box; } /*
BILDPOSITIONIERUNG
im Titel
*/ #ronjas5imgh { float: left; margin: 0px; width: 170px; height: 80px; background: #ffffff; padding: 10px; } /*
rechts im Steckbrief
*/ .ronjas5imgr { float: right; margin: 10px 15px 10px 5px; width: 200px; height: 100px; background: #ffffff; padding: 10px; } /*
links im Steckbrief /*
*/ .ronjas5imgl { float: left; margin: 10px 5px 10px 15px; width: 200px; height: 100px; background: #ffffff; padding: 10px; } /*
im Footer
*/ #ronjas5imgf { float: right; margin: 0px 0px 0px 10px; width: 170px; height: 80px; background: #ffffff; padding: 10px; } /*
Streifen
*/ .ronjas5line { border-bottom: solid 5px #30240e; padding: 20px 0px 10px 0px; } /*
ÜBERSCHRIFTEN
*/ .ronjas5h1 { font-family: Roboto Condensed, sans serif; letter-spacing: 1px; font-size: 20px; font-weight: bold; } /*
*/ .ronjas5h2 { font-family: verdana; font-size: 7px; letter-spacing: 2px; margin-top: -6px; } /*
*/ .ronjas5h3 { text-align: center; font-family: Roboto Condensed, sans serif; letter-spacing: 1px; font-size: 20px; font-weight: bold; color: #30240e; } /*
*/ .ronjas5h4 { background: #efefef; color: #6EC8C1; padding: 0px 3px; text-transform: uppercase; font-family: verdana; font-size: 12px; letter-spacing: 2px; font-weight: bold; } /*
Textauszeichnung
*/ .ronjas5b { color: #6EC8C1; font-weight: bold; } /*
*/ .ronjas5b2 { color: #30240e; font-weight: bold; } /*
TEXTBOX
*/ .ronjas5box { clear: both; border-bottom: solid 10px #6EC8C1; background: #ffffff; padding: 20px; margin: 0px 3px 0px 4px; text-align: justify; font-size: 12px; font-family: calibri; line-height: 15px; color: #333333; width: 452px; box-sizing: border-box; } /*
LYRICSBOX
links
*/ .ronjas5ll { float: right; margin: 10px 5px 10px 15px; width: 220px; height: 120px; background: #6EC8C1; padding: 35px 10px; border: solid 10px #ffffff; color: #ffffff; text-transform: uppercase; font-family: verdana; font-size: 7px; letter-spacing: 2px; box-sizing: border-box; } /*
rechts
*/ .ronjas5lr { float: left; margin: 10px 15px 10px 5px; width: 220px; height: 120px; background: #6EC8C1; padding: 35px 10px; border: solid 10px #ffffff; color: #ffffff; text-transform: uppercase; font-family: verdana; font-size: 7px; letter-spacing: 2px; box-sizing: border-box; } /*
Links / rechts
*/ .ronjas5p { float: left; width: 50%; } /* --></style>

<center><div id="ronjas5hg"><div class="ronjas5border"><div id="ronjas5imgh"><img src="https://placeholder.pics/svg/170x80"></div> <div class="ronjas5line"><font class="ronjas5h1">Vollständiger Name</font><br />
<div class="ronjas5h2">ALTER . RASSE .</div></div><div style="clear: both;"></div></div><br /><br />
<div class="ronjas5box"> <div class="ronjas5h3">Persönliche Daten</div><br /><br />

<font class="ronjas5h4">Name</font> <font class="ronjas5b2">»</font> <font class="ronjas5b">Max Mustermann</font><br />
Wie heißt euer Charakter mit Vornamen und Nachnamen und welche Spitznamen hat er vielleicht? Mag er seinen Namen oder gar seine Spitznamen und wer darf ihn so nennen?<br /><br />

<font class="ronjas5h4">Alter</font> <font class="ronjas5b2">»</font> <font class="ronjas5b">Wie alt ist euer Charakter?</font><br />
Wann erblickte euer Charakter das Licht der Welt und wo?<br /><br />

<font class="ronjas5h4">Beruf</font> <font class="ronjas5b2">»</font> <font class="ronjas5b">Welchen Beruf hat euer Charaker?</font><br />
Gibt es darüber etwas Wissenswertes? Besitzt er vielleicht einen Laden oder für welche Firma arbeitet er?<br /><br />

<font class="ronjas5h4">Rasse</font> <font class="ronjas5b2">»</font> <font class="ronjas5b">Mensch || Vampire || Hexe || oder etwas ganz anderes?</font><br />
Bitte eine kurze Rassenbeschreibung, bestehend aus Stärken, Schwächen und wie man das Wesen töten kann. Bei Menschen bitte ebenso schreiben, ob dieser wissend oder unwissend ist. Kann in Stichpunkten gemacht werden.<br /><br />

<div class="ronjas5h4">Nur für Vampire</div><br /><br />

<font class="ronjas5b">Verwandlung zum Vampir</font><font class="ronjas5b2">»</font> Jahr der Verwandlung, sowie Alter<br />

<font class="ronjas5b">Sire</font><font class="ronjas5b2">»</font> Name des Sires
<br />
<font class="ronjas5b">Child</font><font class="ronjas5b2">»</font> Name der Childes
<br />
<font class="ronjas5b">Blutlinie</font><font class="ronjas5b2">»</font> Old One Maloker oder Old One Archeus
<br />
<div class="ronjas5h3">Charakter</div><br /><br />

<div class="ronjas5p"><div class="ronjas5h4">Stärken</div><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />

</div><div class="ronjas5p"><div class="ronjas5h4">Schwächen</div><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />
<font class="ronjas5b2">»</font><br />
</div><div style="clear: both;"></div><br /><br />

<font class="ronjas5h4">Charakterbeschreibung</font><br />
mind. 1000 Zeichen schreiben <br /><br />

<font class="ronjas5h4">Beziehungsstatus</font><br />
Bist du vielleicht schon vergeben oder sogar verheiratet? Bist du schon wieder geschieden?
Bitte auch kurz erzählen, wie es dazu kam bzw. vielleicht wieso man bisher z.B. noch keinen passenden Partner gefunden hat.<br /><br />

<div class="ronjas5h3">Vorgeschichte</div><br /><br />

<font class="ronjas5h4">LEBENSLAUF</font><br />
Kann stichpunktartig erfolgen.
Bitte daran denken: Je älter der Charakter, desto länger sollte der Lebenslauf sein!<br /><br />

<div class="ronjas5h4">Probepost</div><br />
Ist nur für Seriencharaktere oder übernommene Steckbriefe notwendig.
Mind. 1000 Zeichen<br /><br />
 
<div class="ronjas5h4">Avatar</div> <br /> Welche Person ist auf eurem Avatar zu sehen?

</div><br /><br />

<div class="ronjas5border" style="margin-top: 10px;"><div id="ronjas5imgf"><img src="https://placeholder.pics/svg/170x80"></div> <div class="ronjas5line"><font class="ronjas5h1">gespielt von Username</font><br />
<div class="ronjas5h2">Regeln gelesen . Weitergabe erlaubt
keine Zweitcharaktere</div></div><div style="clear: both;"></div></div></div></center>