Untitled

<!--network theme base code by mady, or inspiredbylou-->


<!--
network theme by cuddleinq!! Done with a base code by inspiredbylou

enjoy xx
-->

<head>

 <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{rss}">
<link href="https://fonts.googleapis.com/css?family=Nixie+One|Open+Sans" rel="stylesheet">
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);


</script>


<style type="text/css">

::-webkit-scrollbar {width: 2px; height: 2px; background: white;}
::-webkit-scrollbar-thumb {background-color:#E8E8E8; height:2px;}

body
{font-family: 'Open Sans', sans-serif;
font-size: 11px;
color: #777777; /*change font colour*/
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;
background-color:#fff;}  /*change background colour*/

a:link, a:active, a:visited{
color: #777777;  /*change link colour*/
text-decoration: none;

}

 .box {
      border:1px solid #c2d1d0; /*change border colour of box around pic*/
      width:134px;
      height:170px;
      letter-spacing:1px;
      overflow:hidden;
      background-color:white;
      padding:10px;
      display:inline-block;
      }


#all {
    margin:30;
    margin-left:20%;
    margin-top:-10px;
}

#pannel {
    width:180px;
    margin-left:-20px;
    height:170px;
    padding-right:20px;
    padding-bottom:40px;
    background-color:#fff;
}

#poster {
    width:130px;
    height:120px;
    margin-top:10px;
    position: absolute;
    background-color:#fff;
}

#poster img {
    width:120px;
    margin-top:-15px;
    height:120px;
    padding:6px;
}


#about {
    text-align:center;
    padding:10px;
    padding-top:10px;
    margin-top:-27px;
    margin-bottom:20px;
    margin-left:-11px;
    position:absolute;
    width:134px;
    height:170px;
    border:1px solid #c2d1d0; /*change colour of box when hovered on*/
    font-family: 'Open Sans', sans-serif;
    opacity:0;
    font-size:9px;
    background:white;
    color:#000;
        -webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;

}

#pannel:hover #about {
    margin-top:-27px;
    margin-bottom:20px;
    margin-left:-11px;
        width:134px;
    height:170px;
    opacity:0.98;
    -webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}

#desc {
     font-family: 'Open Sans', sans-serif;
     margin-top:17px;
     font-size:10px;
     overflow:scroll;  /*do not delete otherwise it won't scroll!*/
     height:140px;
     letter-spacing:0px;
     text-align:center;
     line-height:15px;
}

#names {
     font-family: 'Open Sans', sans-serif;
     font-size:10px;
     height:auto;
     padding:3px;
     margin-left:4px;
     margin-bottom:-1px;
     width:120px;
     border-top:1px solid #d3d3d3;
     border-bottom:1px solid #d3d3d3;
     letter-spacing:0px;
     text-align:center;
     line-height:15px;
}

#top {
    width:765px;
    height:auto;
    font-family: 'Open Sans', sans-serif;
    font-size:11px;
    margin-left: 20%;
    line-height:18px;
    padding:2px;
    margin-top: 20px;
    text-align:center;
    text-transform:lowercase;
    background-color:#fff;
}

#admin {
    font-size:10px;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    z-index:999999999999999999999;
    background-color:#c2d1d0; /*change background of name before hover colour*/
    letter-spacing: 1px;
    text-align: center;
    padding: 2 3 2 3;
    width: 120px;
    position: absolute;
    margin-top: 145px;
    margin-left:4px;
        -webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}

#pannel:hover #admin {
    margin-top:8px;
    -webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}

.header {
    height:auto;
    line-height:35px;
    background:#c2d1d0;
    color:#fff; /*change title colour*/
    font-family: 'Nixie One', cursive;
    font-size:38px; /*change title font size*/
    text-align:center;
    letter-spacing:2px;
    text-transform:lowercase;
    padding:15px;
    margin-top:40px;
    margin-left:-14px;
    margin-bottom:10px;
}

.header a {
    color:#eeeeee;
    text-decoration:none;
}

.tooltip{
    display:inline;
    position:relative;
}
#s-m-t-tooltip{
    max-width:300px;
    padding:4px 5px 6px 4px;
    margin:9px 5px -2px 20px;
    background:white;
    border:1px solid #c2d1d0; /*change tooltip border colour*/
    font-family: 'Open Sans', sans-serif;
    font-size:10px;
    letter-spacing:1px;
    text-transform:lowercase;
    color:#777777;
    z-index:9999999999999999999999;
}

#sidez{
    height:100%;
    width:30px;
    left:0px;
    top:0px;
    background:#c2d1d0; /*change blog border colour*/
    position:fixed;

}

#sidea{
    height:100%;
    width:24px;
    right:0px;
    top:0px;
    background:#c2d1d0; /*change blog border colour*/
    position:fixed;
}

 #credit a{position:fixed; border:1px solid #f2f2f2;right:28px;bottom:10px;padding:3px;line-height:10px;font-size:11px;color:{color:text};background:white;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}

</style>
 <div id="sidez"></div><div id="sidea"></div>

<div id="border-top"></div>


</div>
<div id="top">
<div class="header">canon character directory</div>
<a href="/">index</a>  &middot
<a href="/rules">rules</a>  &middot
<a href="/tagged/{ open starter }">starters</a>  &middot
<a href="http://cuddleinq.tumblr.com">credit</a>

</div>

<table id="all" border="0" cellpadding="0" cellspacing="20">


<!-- start of 1st column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div class="box"><div id="admin">adam warlock</div><!--name of the member-->
<p>
<div id="about"><br>
<div id="desc"><p><!--- description goes here-->

<div id="names"><a href="/tagged/{ aesthetics; adam warlock }">aesthetics</a> </div>
<div id="names"><a href="https://marvel.fandom.com/wiki/Adam_Warlock_(Earth-616)">biography</a> </div>
<div id="names"><a href="/tagged/{ crushes; adam warlock }">crushes</a> </div>
<div id="names"><a href="/tagged/{ desires; adam warlock }">desires</a> </div>
<div id="names"><a href="/tagged/{ headcanons; adam warlock }">headcanons</a> </div>
<div id="names"><a href="/tagged/{ answers; adam warlock }">inbox replies</a> </div>
<div id="names"><a href="/tagged/{ enjoyments; adam warlock }">interests</a> </div>
<div id="names"><a href="/tagged/{ playlist; adam warlock }">ipod</a> </div>
<div id="names"><a href="/tagged/{ musings; adam warlock }">musings</a> </div>
<div id="names"><a href="/tagged/{ adam warlock }">photo album</a> </div>
<div id="names"><a href="/tagged/{ resources; adam warlock }">resources</a> </div>
<div id="names"><a href="/tagged/{ starters; adam warlock }">starters</a> </div>
<div id="names"><a href="/tagged/{ closet; adam warlock }">wardrobe</a> </div>


</div>
</div>
<img width="120px" src="https://66.media.tumblr.com/5e432048c9fdff863c59f23eb6913104/b9c53d38e286daa1-ab/s540x810/f3b368d3b2a387e12122d7cd216aa5b094fef5e6.jpg"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 1st pannel-->


<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div class="box"><div id="admin">bruce wayne</div><!--name of the member-->
<p>
<div id="about"><br>
<div id="desc"><p><!--- description goes here-->

<div id="names"><a href="/tagged/{ aesthetics; bruce wayne }">aesthetics</a> </div>
<div id="names"><a href="https://dc.fandom.com/wiki/Batman_(Bruce_Wayne)">biography</a> </div>
<div id="names"><a href="/tagged/{ crushes; bruce wayne }">crushes</a> </div>
<div id="names"><a href="/tagged/{ desires; bruce wayne }">desires</a> </div>
<div id="names"><a href="/tagged/{ headcanons; bruce wayne }">headcanons</a> </div>
<div id="names"><a href="/tagged/{ answers; bruce wayne }">inbox replies</a> </div>
<div id="names"><a href="/tagged/{ enjoyments; bruce wayne }">interests</a> </div>
<div id="names"><a href="/tagged/{ playlist; bruce wayne }">ipod</a> </div>
<div id="names"><a href="/tagged/{ musings; bruce wayne }">musings</a> </div>
<div id="names"><a href="/tagged/{ bruce wayne }">photo album</a> </div>
<div id="names"><a href="/tagged/{ resources; bruce wayne }">resources</a> </div>
<div id="names"><a href="/tagged/{ starters; bruce wayne }">starters</a> </div>
<div id="names"><a href="/tagged/{ closet; bruce wayne }">wardrobe</a> </div>


</div>
</div>
<img width="120px" src="https://66.media.tumblr.com/20841cdfdd62fdbc15041750af6511aa/b9c53d38e286daa1-ad/s540x810/9f1eeabc8369fadd926b4ec0c7fae9f4cb04b773.jpg"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 2nd pannel-->


<!--start 3rd pannel-->
<td><div id="pannel">
<div id="poster">
<div class="box"><div id="admin">jacob frye</div><!--name of the member-->
<p>
<div id="about"><br>
<div id="desc"><p><!--- description goes here-->

<div id="names"><a href="/tagged/{ aesthetics; jacob frye }">aesthetics</a> </div>
<div id="names"><a href="https://assassinscreed.fandom.com/wiki/Jacob_Frye">biography</a> </div>
<div id="names"><a href="/tagged/{ crushes; jacob frye }">crushes</a> </div>
<div id="names"><a href="/tagged/{ desires; jacob frye }">desires</a> </div>
<div id="names"><a href="/tagged/{ headcanons; jacob frye }">headcanons</a> </div>
<div id="names"><a href="/tagged/{ answers; jacob frye }">inbox replies</a> </div>
<div id="names"><a href="/tagged/{ enjoyments; jacob frye }">interests</a> </div>
<div id="names"><a href="/tagged/{ playlist; jacob frye }">ipod</a> </div>
<div id="names"><a href="/tagged/{ musings; jacob frye }">musings</a> </div>
<div id="names"><a href="/tagged/{ jacob frye }">photo album</a> </div>
<div id="names"><a href="/tagged/{ resources; jacob frye }">resources</a> </div>
<div id="names"><a href="/tagged/{ starters; jacob frye }">starters</a> </div>
<div id="names"><a href="/tagged/{ closet; jacob frye }">wardrobe</a> </div>


</div>
</div>
<img width="120px" src="https://66.media.tumblr.com/9c58d95a64349bfdf4de90e1795eb4e2/b9c53d38e286daa1-4e/s540x810/47364289d8be0a5c2bedc1b31b916d4d1c5033cb.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 3rd pannel-->

<!--start 4th pannel-->
<td><div id="pannel">
<div id="poster">
<div class="box"><div id="admin">peter parker</div><!--name of the member-->
<p>
<div id="about"><br>
<div id="desc"><p><!--- description goes here-->

<div id="names"><a href="/tagged/{ aesthetics; peter parker }">aesthetics</a> </div>
<div id="names"><a href="https://amazingspiderman.fandom.com/wiki/Spider-Man">biography</a> </div>
<div id="names"><a href="/tagged/{ crushes; peter parker }">crushes</a> </div>
<div id="names"><a href="/tagged/{ desires; peter parker }">desires</a> </div>
<div id="names"><a href="/tagged/{ headcanons; peter parker }">headcanons</a> </div>
<div id="names"><a href="/tagged/{ answers; peter parker }">inbox replies</a> </div>
<div id="names"><a href="/tagged/{ enjoyments; peter parker }">interests</a> </div>
<div id="names"><a href="/tagged/{ playlist; peter parker }">ipod</a> </div>
<div id="names"><a href="/tagged/{ musings; peter parker }">musings</a> </div>
<div id="names"><a href="/tagged/{ peter parker }">photo album</a> </div>
<div id="names"><a href="/tagged/{ resources; peter parker }">resources</a> </div>
<div id="names"><a href="/tagged/{ starters; peter parker }">starters</a> </div>
<div id="names"><a href="/tagged/{ closet; peter parker }">wardrobe</a> </div>


</div>
</div>
<img width="120px" src="https://66.media.tumblr.com/c8c61b002159b418d1d0551ac94c042a/b9c53d38e286daa1-37/s540x810/b2f96820bb353036e929a02d17e761fa96f1542e.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 4th pannel-->
<!-- end of 1st column-->
 <tr>


 <!-- start of 2nd column-->

<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div class="box"><div id="admin">scott lang</div><!--name of the member-->
<p>
<div id="about"><br>
<div id="desc"><p><!--- description goes here-->

<div id="names"><a href="/tagged/{ aesthetics; scott lang }">aesthetics</a> </div>
<div id="names"><a href="https://marvelcinematicuniverse.fandom.com/wiki/Ant-Man">biography</a> </div>
<div id="names"><a href="/tagged/{ crushes; scott lang }">crushes</a> </div>
<div id="names"><a href="/tagged/{ desires; scott lang }">desires</a> </div>
<div id="names"><a href="/tagged/{ headcanons; scott lang }">headcanons</a> </div>
<div id="names"><a href="/tagged/{ answers; scott lang }">inbox replies</a> </div>
<div id="names"><a href="/tagged/{ enjoyments; scott lang }">interests</a> </div>
<div id="names"><a href="/tagged/{ playlist; scott lang }">ipod</a> </div>
<div id="names"><a href="/tagged/{ musings; scott lang }">musings</a> </div>
<div id="names"><a href="/tagged/{ scott lang }">photo album</a> </div>
<div id="names"><a href="/tagged/{ resources; scott lang }">resources</a> </div>
<div id="names"><a href="/tagged/{ starters; scott lang }">starters</a> </div>
<div id="names"><a href="/tagged/{ closet; scott lang }">wardrobe</a> </div>


</div>
</div>
<img width="120px" src="https://66.media.tumblr.com/b924c9cc12261e6c1ea98b3f51d26259/b9c53d38e286daa1-26/s540x810/49fa71a0411d6ad9b34d6cb7a48554c6145411c5.jpg"/><!--replace this url with the image url you want to use-->
</div>

<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div class="box"><div id="admin">tenth doctor</div><!--name of the member-->
<p>
<div id="about"><br>
<div id="desc"><p><!--- description goes here-->

<div id="names"><a href="/tagged/{ aesthetics; tenth doctor }">aesthetics</a> </div>
<div id="names"><a href="https://tardis.fandom.com/wiki/Tenth_Doctor">biography</a> </div>
<div id="names"><a href="/tagged/{ crushes; tenth doctor }">crushes</a> </div>
<div id="names"><a href="/tagged/{ desires; tenth doctor }">desires</a> </div>
<div id="names"><a href="/tagged/{ headcanons; tenth doctor }">headcanons</a> </div>
<div id="names"><a href="/tagged/{ answers; tenth doctor }">inbox replies</a> </div>
<div id="names"><a href="/tagged/{ enjoyments; tenth doctor }">interests</a> </div>
<div id="names"><a href="/tagged/{ playlist; tenth doctor }">ipod</a> </div>
<div id="names"><a href="/tagged/{ musings; tenth doctor }">musings</a> </div>
<div id="names"><a href="/tagged/{ tenth doctor }">photo album</a> </div>
<div id="names"><a href="/tagged/{ resources; tenth doctor }">resources</a> </div>
<div id="names"><a href="/tagged/{ starters; tenth doctor }">starters</a> </div>
<div id="names"><a href="/tagged/{ closet; tenth doctor }">wardrobe</a> </div>


</div>
</div>
<img width="120px" src="https://66.media.tumblr.com/38b61e93bcd57ec9e7c82907f463a1b8/b9c53d38e286daa1-f5/s540x810/c8fc18d37fa9de686bacd21bd6db73354f67d0af.jpg"/><!--replace this url with the image url you want to use-->
</div>

<!--start 3rd pannel-->
<td><div id="pannel">
<div id="poster">
<div class="box"><div id="admin">twelfth doctor</div><!--name of the member-->
<p>
<div id="about"><br>
<div id="desc"><p><!--- description goes here-->

<div id="names"><a href="/tagged/{ aesthetics; twelfth doctor }">aesthetics</a> </div>
<div id="names"><a href="https://tardis.fandom.com/wiki/Twelfth_Doctor">biography</a> </div>
<div id="names"><a href="/tagged/{ crushes; twelfth doctor }">crushes</a> </div>
<div id="names"><a href="/tagged/{ desires; twelfth doctor }">desires</a> </div>
<div id="names"><a href="/tagged/{ headcanons; twelfth doctor }">headcanons</a> </div>
<div id="names"><a href="/tagged/{ answers; twelfth doctor }">inbox replies</a> </div>
<div id="names"><a href="/tagged/{ enjoyments; twelfth doctor }">interests</a> </div>
<div id="names"><a href="/tagged/{ playlist; twelfth doctor }">ipod</a> </div>
<div id="names"><a href="/tagged/{ musings; twelfth doctor }">musings</a> </div>
<div id="names"><a href="/tagged/{ twelfth doctor }">photo album</a> </div>
<div id="names"><a href="/tagged/{ resources; twelfth doctor }">resources</a> </div>
<div id="names"><a href="/tagged/{ starters; twelfth doctor }">starters</a> </div>
<div id="names"><a href="/tagged/{ closet; twelfth doctor }">wardrobe</a> </div>


</div>
</div>
<img width="120px" src="https://66.media.tumblr.com/3c02de047346840551c39c55f35e1d21/b9c53d38e286daa1-48/s540x810/a953057b76675c1462fd4948e91eeff68925917d.jpg"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 3rd pannel-->

</div></td>
<!--end 2nd pannel-->

</div></td>
<!--end 1st pannel-->
<!-- end of 3rd column-->


<!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!
if you need help adding more columns or with anything in this code please ask-->

</table>

<!-- you can remove the credit if you'd like :)-->

<div id="credit"><a href="http://cuddleinq.tumblr.com" title="credit"><big><i class="pe-7s-ribbon"></i></big></a></div>


<div style="font-size: 8px; font-family: 'Open Sans', sans-serif;letter-spacing: 1px; float: left; position: fixed; padding: 2 4 2 4; bottom: 8px; left: 8px; background: transparent; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA;text-transform:lowercase;"><a href="http://inspiredbylou.tumblr.com/" title="base code credit">c</a></div>


</body>
</html>