family/friends/favs

<!---theme by bonivur keep all credit--->

<head>


<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{rss}">
 <!--Colours-->

<meta name="color:Background" content="#f2f2f2"/>

<style type="text/css">

body
{font-family: times;
font-size: 11px;
color: #000;
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;
background:{color:background};
font-style:italic;
}

a:link, a:active, a:visited{
color: #777777;
text-decoration: none;

}


#all {
    margin:30;
    margin-left:30%;
}

#pannel {
    width:180px;
    height:170px;
    padding:0px;
    background-color:#transparent;
}

#poster {
    width:120px;
    height:120px;
    margin-top:10px;
    position: fixed;
    background-color:transparent;
}

#poster img {
    width:120px;
    height:120px;
    border:1px dotted #ccc;
    padding:6px;
}


#about {
    text-align:center;
    padding:10px;
    padding-top:3px;
    margin-bottom:20px;
    position:absolute;
    width:110px;
    height:10px;
    font-family: times;
    opacity:0;
    font-size:9px;
    background:#fefefe;
    color:#000;
    font-style:italic;

}

#pannel:hover #about {
    opacity:.98;
    margin-top:0px;
    height:115px;
    -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#name {
     font-family: times;
     font-size:10px;
     text-align:center;
    text-transform:lowercase;
    font-style:italic;
}


#top {
    width:550px;
    height:auto;
    font-family: times new roman;
    font-size:11px;
    margin-left: 30.5%;
    line-height:18px;
    padding:2px;
    margin-top: 20px;
    text-align:center;
    text-transform:lowercase;
    font-style:italic;
    background-color:#transparent;
}

#admin {
    font-size:12px;
    color:#000;
    font-family: times new roman;
    letter-spacing: 1px;
    text-align: center;
    padding: 2 3 2 3;
    width: 120px;
    position: fixed;
    margin-top: -5px;
}

.header {
    height:20px;
    color:#000;
    font-family:"stars";
    font-size:18px;
    text-align:center;
    letter-spacing:1px;
    text-transform:lowercase;
    padding:5px 10px;
    margin:0px;
}

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


</style>


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


</div>
<div id="top">
<div class="header">{Title}</div>

<a href=" / ">link</a>
<a href=" / ">link</a>
<a href=" / ">link</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 id="admin"><a href="/"> url </a></div><!---name of the member--->
<p>
<div id="about">
<div id="name"><p> description here</div><!--- description goes here--->
</div>
<img width="120px" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT5I4zU3wUqtKu1IVlmSy6OtPH5IMD6inetCU6cLObLJT6THBJ8"/><!---replace this url with the image url you want to use--->
</div>

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


<!---start 2nd pannel--->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> url </a></div><!---name of the member--->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here--->
</div>
<img width="120px" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT5I4zU3wUqtKu1IVlmSy6OtPH5IMD6inetCU6cLObLJT6THBJ8"/><!---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 id="admin"><a href="/"> url </a></div><!---name of the member--->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here--->
</div>
<img width="120px" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT5I4zU3wUqtKu1IVlmSy6OtPH5IMD6inetCU6cLObLJT6THBJ8"/><!---replace this url with the image url you want to use--->
</div>

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

<tr>

<!--- start of 2nd column--->
<!---start 1st pannel--->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href="/"> url </a></div><!---name of the member--->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here--->
</div>
<img width="120px" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT5I4zU3wUqtKu1IVlmSy6OtPH5IMD6inetCU6cLObLJT6THBJ8"/><!---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 id="admin"><a href="/"> url </a></div><!---name of the member--->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT5I4zU3wUqtKu1IVlmSy6OtPH5IMD6inetCU6cLObLJT6THBJ8"/><!---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 id="admin"><a href="/"> url </a></div><!---name of the member--->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT5I4zU3wUqtKu1IVlmSy6OtPH5IMD6inetCU6cLObLJT6THBJ8"/><!--replace this url with the image url you want to use--->
</div>

</div></td>
<!---end of 3rd pannel--->
<!--- end of 2nd column--->

<!--- to add more columns, copy everything from <tr> of the first pannel to </td> of the next pannel.--->

</table>


</body><!--- dont remove! --->
<div style="position:fixed; top:35px; right:5px;font-size:12px;">
<a href="http://bonivur.tumblr.com">bonivur ©  </a>
</html>