super star character page theme

<!DOCTYPE html>

<!--
super star character page by @classicevelynn

dont repost the code as is

you can move the credit but make it visible. if someone has to really root around to find it, it doesnt count

feel free to edit this (i.e. change the divider, icon background, font, colors, etc). id prefer if you didnt upload the edited version for public use but honestly this theme is so basic that it kinda doesnt matter

if you wanna add more characters, just copy/paste the code for one and you're all set!

have fun !! <3
-->

<head>

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">

</head>

<style type="text/css">

body {
    background-color:#ffffff;
    color:#000000;
    font-family:calibri;
}

a {
    color:#000;
    text-decoration: none;
    outline: none;
}

#nav {
    font-size:12px;
    text-transform:uppercase;
    margin:auto;
    text-align:center;
    margin-bottom:5px;
}

#nav a{
    font-style:italic;
    letter-spacing:1px;
}

#content {
    margin-top:30px;
    margin-bottom:50px;
}

#character{
    margin:auto;
    text-align:center
}

#character #icon {
    width:auto;
    margin-top:5px;
}

#character #icon img{
    width:100px;
    padding:5px;
    border:1px solid #000;
    background:url(http://static.tumblr.com/9538617653283024ea041def113c2632/ywngpl0/fi1o12d1o/tumblr_static_9w4b4k0spsock0g4wc0k4wwcw.png) repeat;
}

#character #name {
    font-size:22px;
    font-family:baskerville;
}

#character #title {
    font-size:10px;
    font-style:italic;
}

#character #info {
    font-size:12px;
}

#character #links {
    font-size:12px;
    margin-top:10px;
}

#character #links a {
    text-shadow: 0 0 3px #fff;
    color:#000;
    border:1px solid #000;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    background:#fff;
}

#character #links a:hover{
    color:#fff;
    background:#000;
    border:1px solid #fff;
}

#character #divider {
    margin-bottom:10px;
}

</style>

<body>

<div id="content">

<div id="nav"><a href="/">home</a>. <a href="/ask">ask</a>. <a href="http://classicevelynn.tumblr.com/tagged/myth*">theme</a>.<br><img src="http://i11.photobucket.com/albums/a168/evelynregly/linhas/linha_29.gif~original"></div>

<div id="character"><div id="name">name</div><div id="title">short & witty description</div>
<div id="icon"><img src="http://i.imgur.com/zfGEEuH.png"></div><div id="info">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
    Sed aliquet odio non lacus hendrerit convallis.<br>
    Cras eget dolor et risus ultrices tincidunt.<br>
    Ut a leo sit amet ligula venenatis malesuada.<br>
    Mauris vel enim ultrices, tempus dolor a, posuere tellus.<br>
    Sed at ante id diam fermentum semper non cursus velit.
</div>
<div id="links"><a href="/links">link</a> <a href="/links">link</a> <a href="/link">link</a></div>

<div id="divider"><img src="http://i11.photobucket.com/albums/a168/evelynregly/linhas/linha_29.gif~original"></div>
</div>

<div id="character"><div id="name">name</div><div id="title">short & witty description</div>
<div id="icon"><img src="http://i.imgur.com/zfGEEuH.png"></div><div id="info">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
    Sed aliquet odio non lacus hendrerit convallis.<br>
    Cras eget dolor et risus ultrices tincidunt.<br>
    Ut a leo sit amet ligula venenatis malesuada.<br>
    Mauris vel enim ultrices, tempus dolor a, posuere tellus.<br>
    Sed at ante id diam fermentum semper non cursus velit.
</div>
<div id="links"><a href="/links">link</a> <a href="/links">link</a> <a href="/link">link</a></div>

<div id="divider"><img src="http://i11.photobucket.com/albums/a168/evelynregly/linhas/linha_29.gif~original"></div>
</div>

<div id="character"><div id="name">name</div><div id="title">short & witty description</div>
<div id="icon"><img src="http://i.imgur.com/zfGEEuH.png"></div><div id="info">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
    Sed aliquet odio non lacus hendrerit convallis.<br>
    Cras eget dolor et risus ultrices tincidunt.<br>
    Ut a leo sit amet ligula venenatis malesuada.<br>
    Mauris vel enim ultrices, tempus dolor a, posuere tellus.<br>
    Sed at ante id diam fermentum semper non cursus velit.
</div>
<div id="links"><a href="/links">link</a> <a href="/links">link</a> <a href="/link">link</a></div>

<div id="divider"><img src="http://i11.photobucket.com/albums/a168/evelynregly/linhas/linha_29.gif~original"></div>
</div>

</div>

</body>