<center><link href="https://fonts.googleapis.com/css?family=Kranky|Open+Sans+Condensed:300" rel="stylesheet">
<div class="kiikkowcacontainer"><div class="wcacharbio"><div class="wcabioimg"><div class="wcabioname">Quietkit <div class="wcabioinfo">“It's quiet now. So quiet that you can almost hear other people's dreams.”!</div></div></div><div class="kiikkowcatabs">
[table]
[tr][td]<div class="kiikkowcatab">
<input type="radio" id="kiikkowcatab-1" name="kiikkowcatab-group-1" checked><label for="kiikkowcatab-1">basics</label><div class="kiikkowcacontent">
<b>name ||</b> Quietkit --> Quietpaw --> Quietleaf
<b>gender/pronouns ||</b> Tom he/him
<b>Current Status ||</b> Unborn
<b>age ||</b> 0 moons
<b>clan ||</b> Windclan
<b>rank ||</b> kit
<p>
<b>Topic Title||</b> type post here
<p>
text<p>
text
<p>
text
</div>
</div>[/td]
[td]<div class="kiikkowcatab">
<input type="radio" id="kiikkowcatab-2" name="kiikkowcatab-group-1">
<label for="kiikkowcatab-2">persona</label>
<div class="kiikkowcacontent">
<b>likes ||</b> Sleeping, Quiet places, Food, Stars, the sounds of night time
<b>dislikes ||</b> Day time, loud noises, Talking, being woken up from good dream
<b>other traits ||</b> Very timid but very sociable
<p>
</div>
</div>
[/td]
[td]<div class="kiikkowcatab">
<input type="radio" id="kiikkowcatab-3" name="kiikkowcatab-group-1">
<label for="kiikkowcatab-3">history</label>
<div class="kiikkowcacontent">
history here
</div>
</div>
[/td]
[td]<div class="kiikkowcatab">
<input type="radio" id="kiikkowcatab-4" name="kiikkowcatab-group-1">
<label for="kiikkowcatab-4">threads</label>
<div class="kiikkowcacontent">
this is a thread tracker! link all your threads in here so they're collected in one convenient place. it will scroll!
<p>
<a href="link">this is how a link looks</a> next to regular text
<a href="link">this is how a link looks</a> next to regular text
<a href="link">this is how a link looks</a> next to regular text
<a href="link">this is how a link looks</a> next to regular text
</div>
</div>
[/td]
[td]<div class="kiikkowcatab"><input type="radio" id="kiikkowcatab-5" name="kiikkowcatab-group-1"><label for="kiikkowcatab-5">extras</label><div class="kiikkowcacontent">
</i> <div class="kiikkowcacontent">
Father: Fuzzface
mother: Lavendercloud
</div>
</div>[/td]
[/tr]
[/table]
</div></div></div></div>
<style type="text/css">.wcacharbio { width:420px; padding:15px; height:600px;background-color:#282828; border:double 5px #ffffff; } .wcabioimg { width:400px; height:200px; background-position: center; background-size: cover; background-image:url(https://media.discordapp.net/attachments/1140649324016042074/1159115623675215982/02ed3cab52c275f469b76ec9ac1300f5.jpg?ex=651eb60c&is=651d648c&hm=c04956eb524154e29058579a782bea3283455718ea7fc8ccc2e5037be37d6503&=&width=588&height=457); border:double 3px #ffffff; background-color:clanspecific; background-blend-mode:multiply;} .wcabioname { font-family:'Kranky'; font-size:30px; line-height:30px; color:#ffffff; width:400px; text-align:right; margin-top:-32px; margin-left:5px; font-style:italic; } .wcabioinfo { font-family:'Open Sans Condensed'; font-size:16px; line-height:16px; color:#ffffff; width:400px; text-transform:uppercase; margin-top:10px;} .kiikkowcacontainer {margin: 15px auto; height: auto;width: 420px;} .kiikkowcatabs {margin: 0px auto; position: relative;width: 400px; height: 320px;} .kiikkowcatab {float: left;}.kiikkowcatab label {display: block;width: 80px;height: 30px;background: #282828;margin: 0px;position: relative;left: 0px;top: 320px;z-index: 1;font-family:'Open Sans Condensed';font-size:16px;line-height:30px;color:#ffffff;text-transform:uppercase;text-align:center;} .kiikkowcatab input[type=radio]:checked ~ label {background: #383838;z-index: 2;} .kiikkowcatab input[type=radio] {display: none;}.kiikkowcacontent {position: absolute; top: 0px;bottom: 0px;left: 0px;right: 0px;background: #A8A8A8;padding: 20px;border: 3px double #ffffff;font-family:calibri;font-size:11px;line-height:12px;text-align:justify;overflow:auto;color:#000000;width:360px; height:300px;} .kiikkowcacontent b {text-transform:uppercase; } .kiikkowcacontent a { font-style:italic; color:#383838; text-decoration:none;} .kiikkowcatab input[type=radio]:checked ~ label ~ .kiikkowcacontent {z-index: 1;opacity:1;}</style></center>
Text goes here
