Theme Fifteen By Floraleigh

<!--

BASE CODE BY INSPIREDBYLOU

✿THEME MADE BY FLORALEIGH✿

✿DO NOT CLAIM AS YOURS OR REPOST IT✿
-->


<head>

<style type="text/css">A:hover{background-color:#000000;}</style>


    <meta name="color:background" content="#FFFFFF">
    <meta name="color:title" content="#000000">


    <meta name="text:link1" content="">
    <meta name="text:link1 url" content="/">
    <meta name="text:link2" content="">
    <meta name="text:link2 url" content="/">

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

<style type="text/css">

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

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

}


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

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

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

#poster img {
    width:120px;
    height:120px;
    border:1px solid #ddd;
    padding:6px;
}


#about {
    text-align:center;
    position:absolute;
    padding:5px;
    width:120px;
    height:19px;
    border:2px solid #f0f0f0;
    font-family: times;
    opacity:0;
    font-size:9px;
    background:white;
    color:#000;

}

#pannel:hover #about {
    opacity:1;
    margin-top:50px;
    line-height:1px;
    height:22px;
    -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

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


#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;
    background-color:#fff;
}

#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:22px;
    color:#000;
    font-family:arial;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    letter-spacing:1px;
    text-transform:lowercase;
    padding:5px 10px;
    margin:0px;
}

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


#credit {
position:fixed;
font-size:8px;
letter-spacing:1px;
right:10px;
bottom:15px;
}
#CREDIT A {
padding:3px;
color:#000;
background-color:#ffffff;
}


</style>


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


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

<a href="https://www.tumblr.com/dashboard">dash</a>  |
<a href="{text:link1 url}">{text:link1}</a>  |
<a href="{text:link2 url}">{text:link2}</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">your name<p><!--- description goes here-->
 description here<p>
</div>
</div>
<img width="120px" src="http://media.tumblr.com/644d6110addc56387fb07e497843b06c/tumblr_inline_my8ktoE7lY1rlaesp.png"/><!--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">your name<p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/52f42eab7d123a0ac216d3a2f0b2a985/tumblr_inline_mlxhcr1N9u1qz4rgp.png"/><!--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">your name<p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="http://twitpic.com/show/large/d052f5"/><!--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">your name<p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="http://data3.whicdn.com/images/60785836/large.png"/><!--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">your name<p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="http://data2.whicdn.com/images/60781445/large.png"/><!--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">your name<p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="http://data2.whicdn.com/images/60091209/large.png"/><!--replace this url with the image url you want to use-->
</div>

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


<!--start of 4th pannel-->
<!-- start of 1st column-->


<tr>

<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">your name<p><!--- description goes here-->
description here<p>
</div>
</div>
<img width="120px" src="http://data3.whicdn.com/images/62734449/thumb.png"/><!--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">your name<p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="http://media.tumblr.com/4bd4396c51aaf72e1572606a02f3903a/tumblr_inline_mj61yrjsOo1qz4rgp.png"/><!--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">your name<p>description here</div><!--- description goes here-->
</div>
<img width="120px" src="http://rs871.pbsrc.com/albums/ab277/xAhmazingiicons/Jade%20Thirlwall%20Icons/tumblr_mh5iqrhmZK1s4n98do3_250.png~c200"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!-- 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>


<div id="credit"><a href="http://floraleigh.tumblr.com">THEME</a>

</body>
</html>