<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><style text="text/css">#steckbrief { width: 440px; margin: auto; background: #1f1f1e; border: 4px solid #3c3b3b; padding: 10px; box-sizing: border-box; } #steckbrief .titel { width: 400px; height: 25px; margin: auto; margin-top: 5px; margin-bottom: 5px; background: #999999; font-family: 'Open Sans'; font-size: 18px; color: #1f1f1e; text-transform: uppercase; letter-spacing: 2px; line-height: 1.4em; text-align: center; } #steckbrief #infos { width: 400px; height:230px; margin: auto; } #steckbrief #bild { width: 180px; height: 230px; margin: auto; background: #eeeeee; margin-right: 3px; } #steckbrief .boxa { width: 400px; height: 22px; margin: auto; margin-right: 5px; margin-top: 3px; padding: 2px; background: #333333; color: #b1b1b1; font-family: 'Calibri'; font-size: 10px; text-transform: uppercase; line-height: 1.9; text-align: center; border-left: 5px solid #3c3b3b; border-right: 5px solid #3c3b3b; } #steckbrief #box2 { width: 400px; height: 310px; margin: auto; padding: 20px; padding-top: 15px; overflow: auto; background: #333333; color: #b1b1b1; font-family: 'Calibri'; font-size: 11px; text-align: justify; box-sizing: border-box; } #steckbrief .utitel { margin: auto; margin-top: 5px; margin-bottom: 5px; padding: 3px; background: #1f1f1e; font-family: 'Open Sans'; font-size: 10px; color: #b1b1b1; text-transform: uppercase; text-align: center; } #steckbrief } #steckbrief #box2::-webkit-scrollbar { width: 5px; background: #1f1f1e; } #steckbrief #box2::-webkit-scrollbar-thumb { background: #999999; } #steckbrief #box2::-webkit-scrollbar-corner { background: #999999; } #credit1 { width: 400px; font-family: 'Georgia'; font-size: 10px; text-align: right; letter-spacing: 2px; margin: auto; padding-top: 3px; }
</style>
<div id="steckbrief"><div class="titel">TITEL</div>
<center><img src="https://abload.de/img/platzhalter400x200cqus8.png" alt="eine grafik"></center>
<table id="infos" cellspacing="0" cellpadding="0">
<tr style="height: 230px">
<td><div class="boxa" style="margin-top: 0px;"> Charaktername</div> <div class="boxa">Geburtstag des Charakters</div> <div class="boxa">Wesen</div> <div class="boxa">Beruf</div><div class="boxa">Größe</div> <div class="boxa">Spielername</div> <div class="boxa">Spieleralter</div> <div class="boxa">Avatar</div> <div class="boxa">Regeln gelesen?</div></td>
</table>
<div class="titel">TITEL </div>
<div id="box2"><div class="utitel">Fähigkeiten </div>
Hier habt ihr Platz uns in etwa 1000 Zeichen die Fähigkeiten eures Charakters zu schildern. Bitte seit dabei möglichst genau. Solltet ihr allerdings ein Mensch sein, steht es euch frei diesen Abschnitt frei zu lassen. Wir werden ihn später entfernen.</div></div>
<center><div id="credit1"><a href="http://storming-gates.de/member.php?action=profile&uid=5">viasera</a> @ SG</div></center>
