Network theme #1 - billiondays

<!--

Network theme / family page theme by Billiondays - Daggie

DO NOT steal this code, i will find you and DO NOT take the credit for iti worked hard on this theme.

and please Like/reblog the post before using thank you.

-->

<head>

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

<meta name="color:Name" content="#f8f8f8"/>
<meta name="color:Description" content="#f8f8f8"/>
<meta name="color:Links" content="#f8f8f8"/>
<meta name="color:memberbg" content="#f8f8f8"/>
<meta name="color:Titlebg" content="#f8f8f8"/>

<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Text" content="" />


<style type="text/css">

body
{font-family: arial;
font-size: 11px;
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;
background-color:#fff;}

a:link, a:active, a:visited{
    color:{color:links};
text-decoration: none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

::-webkit-scrollbar {width: 1px; height: 3px; background-color: #aaa;}

::-webkit-scrollbar-thumb { background-color: {color:link};}

a:hover{

    text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
   text-decoration:line-through;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
}


/*dont touch*/

#all
{margin:5 auto;
margin-left:360px;}

#pannel
{width:220px;
height:100px;
padding:5px;
background-color:{color:memberbg};
}

#poster
{width:90px;
height:90px;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
padding-top:4px;
overflow:hidden;
float:center;
background-color:{color:memberbg};}

#poster img{
    height:90px;
    width:90px;
    margin-top:0px;
    Margin-left:0px;}

#about/*Description*/
{text-align:center;
padding:10px;
padding-top:3px;
margin-top:-10px;
margin-left:100px;
margin-right:0px;
margin-bottom:10px;
position:absolute;
width:100px;
letter-spacing:1px;
font-family:'consolas';
height:90px;
opacity:1;
font-size:10px;
color:{color:description};
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

#name:hover
{
    width:60px;
   color:#000;

   text-decoration:line-through;
    o-webkit-transition: opacity 0.1s linear; opacity: 01;
    -webkit-transition: all 0.2s linear;
}

#poster:hover img
{ -webkit-transition: opacity 1s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
    -moz-border-radius:0px 0px 0px 0px;
    border-radius:150px 150px 150px 150px;
    color:{color:memberbg};
}


#stats {
font-family: 'Merienda', cursive;
    font-size:15px;
    text-align:center;
    opacity:0;
    text-transform:lowercase;
    width:90px;
    height:99px;
    color:#fff;
    position:absolute;
    background-color:{color:memberbg};
    margin-top:-9px;
    margin-left:0px;}

#poster:hover #stats{
    opacity:0.8;
     -webkit-transition: opacity 0.2s linear;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

#poster:hover {
    opacity:1;
     -webkit-transition: opacity 0.2s linear;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
/*dont touch's end*/

 #name{
     color:{color:name};
     margin-left:10px;
     text-align:center;
     width:60;
     padding:5px;
     font-family: 'consolas';font-family: 'Merienda', cursive;     font-size:12px;
     text-transform:case;}


#bottom
{
width:80px;
height:auto;
     font-family: 'consolas';font-family: 'Merienda', cursive;     font-size:8px;
     color:{color:links};
font-size:18px;
position:fixed;
margin-left:100px;
height:1000px;
line-height:30px;
margin-top:-30px;
padding:6px;
text-align:center;
text-transform:uppercase;
background-color:{color:titlebg};

}

#bottom:hover {
    color:#000;}

#title {
    width:800px;
text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
    position:fixed;
    color:#fff;
     font-family: 'consolas';font-family: 'Merienda', cursive;     font-size:8px;
     font-size:40px;
     z-index:100;
     height:70px;
     margin-top:auto;
     letter-spacing:4px;
     margin-left:-250px;
              -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -o-transform: rotate(270deg);
}


</style>


<div id="title">{title}</div>

<div id="bottom">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a href="http://tumblr.com/dashboard">Return</a>
<a href="{text:Link 1}">{text:Link 1 Text}</a>
<a href="http://billiondays.tumblr.com">credit</a>
</div>


<link href='http://fonts.googleapis.com/css?family=Merienda' rel='stylesheet' type='text/css'>

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


<tr>


<!--start of the pannel-->
<td><div id="pannel">
<div id="about">
<br><br><div id="name"><a href="http://URL.tumblr.com/">Name</a></div>
description goes here</div>
<div id="poster">
<div id="stats"><br><br>Admin</DIV>
<!--about-->
<img width="80px" src="http://24.media.tumblr.com/771f91e6a6390813366a7cbeff53b427/tumblr_mog8g68LPr1ravc1vo1_250.png"/><!--replace this url with the image url you want to use-->
</div><!--poster-->

</div></td>
<!--end of the pannel-->


<!--start of the pannel-->
<td><div id="pannel">
<div id="about">
<br><br><div id="name"><a href="http://URL.tumblr.com/">Name</a></div>
Description goes here</div>
<div id="poster">
<div id="stats"><br><br>member</DIV>
<!--about-->
<img width="80px" src="http://24.media.tumblr.com/771f91e6a6390813366a7cbeff53b427/tumblr_mog8g68LPr1ravc1vo1_250.png"/><!--replace this url with the image url you want to use-->
</div><!--poster-->

</div></td>
<!--end of the pannel-->


<!--start of the pannel-->
<td><div id="pannel">
<div id="about">
<br><br><div id="name"><a href="http://URL.tumblr.com/">Name</a></div>
Description goes here</div>
<div id="poster">
<div id="stats"><br><br>member</DIV>
<!--about-->
<img width="80px" src="http://24.media.tumblr.com/771f91e6a6390813366a7cbeff53b427/tumblr_mog8g68LPr1ravc1vo1_250.png"/><!--replace this url with the image url you want to use-->
</div><!--poster-->

</div></td>
<!--end of the pannel-->

<tr>

<!--start of the pannel-->
<td><div id="pannel">
<div id="about">
<br><br><div id="name"><a href="http://URL.tumblr.com/">Name</a></div>
Description goes here</div>
<div id="poster">
<div id="stats"><br><br>member</DIV>
<!--about-->
<img width="80px" src="http://24.media.tumblr.com/771f91e6a6390813366a7cbeff53b427/tumblr_mog8g68LPr1ravc1vo1_250.png"/><!--replace this url with the image url you want to use-->
</div><!--poster-->

</div></td>
<!--end of the pannel-->

<!--start of the pannel-->
<td><div id="pannel">
<div id="about">
<br><br><div id="name"><a href="http://URL.tumblr.com/">Name</a></div>
Description goes here</div>
<div id="poster">
<div id="stats"><br><br>member</DIV>
<!--about-->
<img width="80px" src="http://24.media.tumblr.com/771f91e6a6390813366a7cbeff53b427/tumblr_mog8g68LPr1ravc1vo1_250.png"/><!--replace this url with the image url you want to use-->
</div><!--poster-->

</div></td>
<!--end of the pannel-->

<!--start of the pannel-->
<td><div id="pannel">
<div id="about">
<br><br><div id="name"><a href="http://URL.tumblr.com/">Name</a></div>
Description goes here</div>
<div id="poster">
<div id="stats"><br><br>member</DIV>
<!--about-->
<img width="80px" src="http://24.media.tumblr.com/771f91e6a6390813366a7cbeff53b427/tumblr_mog8g68LPr1ravc1vo1_250.png"/><!--replace this url with the image url you want to use-->
</div><!--poster-->

</div></td>
<!--end of the pannel-->

<tr>


</table><!--all-->


<!--sidebar-->


</body>
</html>