Steckbriefvorlage

<center>
<div id="anything"><div class="anything_head"><span class="accent">C</span>haraktername<span class="accent"></span><div class="anything_sub1">ZITAT </div></div><div class="anything_main">
<div class="acontent acontents"><div class="pad">
<div class="anything_headline1">ALLGEMEINES</div>
<div class="anything_sub2">ZITAT</div>


<table width="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td><div class="listed">Charaktername</div><br><div class="listed">Geschlecht</div><br><div class="listed">Alter</div></td>
   <td><img src="http://via.placeholder.com/120x120" id="headerpic" align="middle"></td>
   <td>
   <td><div class="listed">Sexualität</div><br><div class="listed">Clan</div><br><div class="listed">Rang</div></td>
 </tr>
</table>
[center]AUSDAUER ☆☆☆☆☆
KRAFT ☆☆☆☆☆
INTELLIGENZ ☆☆☆☆☆
KLETTERN ☆☆☆☆☆
SCHNELLIGKEIT ☆☆☆☆☆
SCHLEICHEN ☆☆☆☆☆
JAGEN ☆☆☆☆☆[/center]
<table width="100%" cellspacing="4" cellpadding="0">
 <tr>
   <td width="50%" class="listed">VORLIEBEN</td>
   <td width="50%" class="listed">ABNEIGUNGEN</td>
 </tr>
 <tr>
   <td width="50%" class="fambox" style="text-transform:uppercase;">VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE # VORLIEBE </td>
   <td width="50%" class="likebox" style="text-transform:uppercase;">ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG # ABNEIGUNG </td>
 </tr>
</table><br>

<div class="anything_headline1">AUSSEHEN</div><div class="anything_sub2">ZITAT</div>
(Min. 200 Wörter)

 
<div class="anything_headline1">EIGENSCHAFTEN</div><div class="anything_sub2">ZITAT</div>
<table width="100%" cellspacing="4" cellpadding="0">
 <tr>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
 </tr>
 <tr>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
 </tr>
 <tr>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">+ POSITIVE EIGENSCHAFT</td>
 </tr>
</table>

<table width="100%" cellspacing="4" cellpadding="0">
 <tr>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
 </tr>
 <tr>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
 </tr>
 <tr>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
   <td class="fambox"width="33%">- NEGATIVE EIGENSCHAFT</td>
 </tr>
</table>
<br>

<div class="anything_headline1">Charakter</div><div class="anything_sub2">ZITAT</div>
Min. 150 Wörter (Katzen bis 6 Monde min. 50 Wörter)


<div class="anything_headline1">FAMILIE & KONTAKTE</div>
<div class="anything_sub2">ZITAT</div>

<table width="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td class="topper"><span class="famboxname">NAME | STAND | CLAN | STATUS</span></td>
<td width="90" rowspan="2"><img src="https://via.placeholder.com/90x90" id="familypic" align="middle"></td> </tr>
 <tr>
   <td class="greybox"><div class="famboxt famboxs">(Min. 35 Wörter) Aussehen.</div></td>
 </tr>
</table>

<table width="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td width="90" rowspan="2"><img src="https://via.placeholder.com/90x90" id="familypic" align="middle"></td> <td class="topper"><span class="famboxname">NAME | STAND | CLAN | STATUS</span></td>
</tr>
 <tr>
   <td class="greybox"><div class="famboxt famboxs">(Min. 35 Wörter) Aussehen.</div></td>
 </tr>
</table>

<table width="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td class="topper"><span class="famboxname">NAME | STAND | CLAN | STATUS</span></td>
<td width="90" rowspan="2"><img src="https://via.placeholder.com/90x90" id="familypic" align="middle"></td> </tr>
 <tr>
   <td class="greybox"><div class="famboxt famboxs">(Min. 35 Wörter)</div></td>
 </tr>
</table>

<table width="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td width="90" rowspan="2"><img src="https://via.placeholder.com/90x90" id="familypic" align="middle"></td> <td class="topper"><span class="famboxname">NAME | STAND | CLAN | STATUS</span></td>
</tr>
 <tr>
   <td class="greybox"><div class="famboxt famboxs">(Min. 35 Wörter) Aussehen.</div></td>
 </tr>
</table><br>

<div class="anything_headline1">VERGANGENHEIT</div><div class="anything_sub2">ZITAT</div>
<div class="anything_bullet1">bis 6 Monde</div>
(Min. 100 Wörter)


<div class="anything_bullet1">ab 6 Monden</div>
(Min. 100 Wörter)
<br>
<div class="anything_headline1">ABSCHLUSS</div><div class="anything_sub2">ZITAT</div><center>
<table width="80%" cellspacing="0" cellpadding="0">
 <tr>
   <td class="anything_boxed2"><i class="fas fa-camera-retro"></i></td>
   <td class="anything_boxed1">[url=https://sturmlande-waca.forumieren.de/]Stimme[/url]</td>
  <td class="anything_boxed3"> </td>
   <td class="anything_boxed2"><i class="fas fa-sign"></i></td>
   <td class="anything_boxed1">[url=https://sturmlande-waca.forumieren.de/]Charaktertheme[/url]</td>
 </tr></table>
 
 <table width="80%" cellspacing="0" cellpadding="0">
 <tr>
   <td class="anything_boxed2"><i class="fas fa-user"></i></td>
   <td class="anything_boxed1">Spieler</td>
  <td class="anything_boxed3"> </td>
   <td class="anything_boxed2"><i class="fas fa-id-card"></i></td>
   <td class="anything_boxed1">Bildquelle</td>
 </tr></table>
 
  <table width="80%" cellspacing="0" cellpadding="0"> <tr>
   <td class="anything_boxed2"><i class="fas fa-receipt"></i></td>
   <td class="anything_boxed1">regeln gelesen</td>
  <td class="anything_boxed3">&nbsp;</td>
   <td class="anything_boxed2"><i class="fas fa-copyright"></i></td>
   <td class="anything_boxed1">Adoption ja/nein</td>
 </tr>
</table></center>

</div></div></div>
<div class="anything_footer">ZITAT1<div class="anything_sub1">ZITAT2</div></div></div></center>


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Codystar|Oswald|Roboto+Condensed:400,700" rel="stylesheet">
<style>#anything {width: 500px; margin: 0; border: 1px solid #ccc;}/*


*/#anything .anything_head {width: 500px; font-size: 30px; font-family: 'Oswald'; height: 100px;letter-spacing:1px; background-color: #747A47; color: #fbfbf5; text-transform: uppercase; border-bottom:3px solid #b0b871;}/*

*/#anything i {color: #b0b871;}/*


*/#anything .anything_sub1 {font-family: 'Roboto Condensed'; color: #fbfbf5; letter-spacing: 3px; font-size: 8px; font-weight: normal; margin-top: 0px; text-transform: uppercase;}/*


*/#anything .headerbg { background-color: #747A47;width: 500px; height: 180px; border-bottom: 3px solid #6a7e7f;}/*

*/.accent {color:#b0b871; font-family:codystar; font-size:155%;}/*

*/.white {color:#fff;}/*

*/#anything .anything_main {width: 460px; height: 700px; padding: 20px; background-color: #f1f0f0;}/*


*/#anything .anything_headline1 {font-family: 'Oswald'; color: #617048; font-size: 20px; text-align: center;  text-transform: uppercase;}/*


*/#anything .anything_sub2 {font-family: 'Roboto Condensed', sans-serif; color: #b0b871; letter-spacing: 3px; font-size: 8px; font-weight: 700; margin-top: 0px; background-color: #eae9e9; margin-bottom: 15px; text-align: center; text-transform: uppercase;}/*


*/#anything .listed {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 10px; color: #fff; letter-spacing: 0px; text-align: center;  text-transform: uppercase; background-color:#b0b871;padding:4px; width:110px; }/*


*/#anything .anything_bullet1 {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 12px; color: #747A47; letter-spacing: 0px; text-align: left;  text-transform: uppercase;background-color: #e2dfdf;padding:2px; }/*


*/#anything .likebox {font-family: 'open sans'; font-weight: normal; font-size: 10px; color: #424243; letter-spacing: 0px; text-align: left;  text-transform: none;background-color: #e2dfdf;padding:10px; }/*

*/#anything .fambox {font-family: 'open sans'; font-weight: normal; font-size: 10px; color: #424243; letter-spacing: 0px; text-align: center;  text-transform: none;background-color: #e2dfdf;padding:10px; }/*


*/#anything .greybox {font-family: 'open sans'; font-weight: normal; font-size: 10px; color: #424243; letter-spacing: 0px; text-align: left;  text-transform: none;background-color: #e2dfdf;padding:0px; height:60px; }/*


*/#anything .famboxt {height: 40px; overflow:auto; padding:5px; }/*


*/#anything .topper {font-family: 'roboto condensed'; font-weight: normal; font-size: 10px; color: #e2dfdf; letter-spacing: 0px; text-align: left;  text-transform: none;background-color: #747A47;padding:5px; height:20px; }/*


*/#anything .famboxname {font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 12px; color: #fff; letter-spacing: 0px; text-align: center;  text-transform: uppercase; padding:2px;}/*


*/#anything .anything_likes {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 12px; color: #617048; letter-spacing: 0px; text-align: center;  text-decoration: underline overline;text-transform: uppercase; padding:2px; border-bottom:0px dotted #a91115;}/*


*/#anything .anything_likes_text {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 12px; color: #617048; letter-spacing: 0px; text-align: center;  text-transform: uppercase; padding:2px; border-bottom:0px dotted #747A47;}/*


*/#anything .anything_footer {width: 500px; padding-top: 10px; padding-bottom: 10px; margin: 0; font-size: 18px; font-family: 'Oswald'; background-color: #747A47; color: #b0b871; text-transform:uppercase; border-top: 3px solid #b0b871} /*

*/#anything .anything_boxed1 {width: 120px; text-align: center; background-color: #e2dfdf; height: 20px; display: inline-block; margin-bottom: 15px; font-family: 'open sans', sans-serif; font-size: 10px; text-transform: uppercase; color: #617048; padding-top: 10px;}/*


*/#anything .anything_boxed2 {width: 30px; text-align: center; background-color: #747A47; height: 20px; display: inline-block; margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-size: 10px; text-transform: uppercase; color: #617048; padding-top: 10px;}/*


*/#anything .anything_boxed3 {width: 30px; text-align: center; background-color: #f1f0f0; height: 20px; display: inline-block; margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-size: 10px; text-transform: uppercase; color: #f1f0f0; padding-top: 10px;}/*

*/.acontent {top: 28px;left: 0; background: #f1f0f0;right: 0;bottom: 0;padding: 20px;border: 0px solid #ccc; text-align: justify; width: 100%; height: 700px; overflow: auto; font-size: 10px; color: #617048; font-family: 'open sans', sans-serif; font-weight: normal; letter-spacing: 0px; left: 0; box-sizing: border-box; line-height:150%;}/*


*/#anything .acontents::-webkit-scrollbar {width: 3px; background: #f1f0f0; border:none;}/*


*/#anything .acontents::-webkit-scrollbar-thumb {background: #b0b871; border:none;}/*


*/#anything .famboxs::-webkit-scrollbar {width:2px;background:#dde0c7; border:none;}/*


*/#anything .famboxs::-webkit-scrollbar-thumb {background: #b0b871; border:none;}/*


*/#headerpic { border: 4px solid #747A47; margin: 10px; border-radius: 100%;background-color:#6a7e7f;}/*


*/#familypic { border: 0px solid #747A47; 0px; border-radius: 0%;background-color:#6a7e7f; }
</style>