[center]<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><style text="text/css">#steckbrief { width: 500px; margin: auto; background: #1f1f1e; border: 4px solid #3c3b3b; padding: 10px; box-sizing: border-box; } #steckbrief .titel { width: 470px; 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: 470px; height:230px; margin: auto; } #steckbrief #bild { width: 280px; height: 230px; margin: auto; margin-right: 3px; } #steckbrief .boxa { width: 171px; 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 #box1 { width: 260px; height: 210px; margin: auto; padding: 10px; overflow: auto; background: #333333; font-family: 'Calibri'; font-size: 10px; color: #b1b1b1; line-height: 120%; text-align: justify; } #steckbrief #box2 { width: 470px; height: 410px; 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 .bildinfo { width: 280px; height: 230px; margin: auto; overflow: hidden; opacity: 0; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; transition-delay: 2s; } #steckbrief .bildinfo:hover { opacity: 0.9; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } #steckbrief #box1::-webkit-scrollbar { width: 5px; background: #1f1f1e; } #steckbrief #box1::-webkit-scrollbar-thumb { background: #999999; } #steckbrief #box1::-webkit-scrollbar-corner { background: #999999; } #steckbrief #box2::-webkit-scrollbar { width: 5px; background: #1f1f1e; } #steckbrief #box2::-webkit-scrollbar-thumb { background: #999999; } #steckbrief #box2::-webkit-scrollbar-corner { background: #999999; } #credit1 { width: 500px; font-family: 'Georgia'; font-size: 10px; text-align: right; letter-spacing: 2px; margin: auto; padding-top: 3px; }</style>
<div id="steckbrief"><div class="titel">Allgemeine Infos </div>
<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: </div> <div class="boxa">Rasse: </div><div class="boxa">Herkunft: </div><div class="boxa">Seriencharakter:</div><div class="boxa">Avatar: </div> <div class="boxa">Alter PB: </div> <div class="boxa">Zweitchara: </div> <div class="boxa">Forumsregeln akzeptiert:</div> <div class="boxa">Chara Weitergabe: </div> <div class="boxa">Steckbrief Weitergabe:</div></td>
<td id="bild"><div class="bildinfo"><div id="box1">
[u][b]Aussehen:[/b][/u]
[u][b]Charakter:[/b][/u]
[u][b]Waffen:[/b][/u]
</div></div></td></tr></table>
<div class="titel">Charakterinfos </div>
<div id="box2"><div class="utitel">Besondere Fähigkeiten </div>
Hier Text einfügen.
<div class="utitel">Charaktereigenschaften </div>
[u][b]Stärken[/b][/u]
[list=1][*]
[*]
[*]
[*]
[*]
[/list]
[u][b]Schwächen[/b][/u]
[list=1][*]
[*]
[*]
[*]
[*]
[/list]
[u][b]Vorlieben[/b][/u]
[list=1][*]
[*]
[*]
[*]
[*]
[/list]
[u][b]Abneigungen[/b][/u]
[list=1][*]
[*]
[*]
[*]
[*]
[/list]
</div>
<div id="box2"><div class="utitel">Geschichte </div>
Hier Text einfügen. mind. 2000 Zeichen
<div class="utitel">Schreibprobe </div>
Hier Text einfügen. mind. 2000 Zeichen </div></div>
<div id="credit1"><a href="http://storming-gates.de/member.php?action=profile&uid=5">viasera</a></div>[/center]
