[dohtml]
<link href='http://fonts.googleapis.com/css?family=Lobster&v1' rel='stylesheet' type='text/css'>
<center>
<div class="shipcontainer">
<div class="shiptitle">Mama this surely is a dream
</div>
<div class="shiplyrics">
Hangin' round downtown by myself
And I had so much time
To sit and think about myself
And then there she was
Like double cherry pie
Yeah there she was
Like disco superfly
I smell sex and candy here
Who's that lounging in my chair
Who's that casting devious stares
In my direction
Mama this surely is a dream
Hangin' round downtown by myself
And I had too much caffeine
And I was thinkin' 'bout myself
And then there she was
In platform double suede
Yeah there she was
Like disco lemonade
I smell sex and candy here
Who's that lounging in my chair
Who's that casting devious stares
In my direction
Mama this surely is a dream
Mama this surely is a dream
I smell sex and candy here
Who's that lounging in my chair
Who's that casting devious stares
In my direction
Mama this surely is a dream
Mama this surely is a dream
Yeah mama this must be my dream ------------------------
</div>
<table width="400px">
<tr><td valign="middle" width="200px">
<div class="shipimg">
<div style="width:200px; height:300px; background-image:url(http://24.media.tumblr.com/tumblr_lwum58TQtn1r35ubpo1_400.jpg);">
<div class="shiptext">
<div class="shipbox">
<div style="height:280px; width:180px; overflow:auto; color:#a6a6a6;" class="shiptextscroll">
So this here is the rhythm guitarist for the weird sisters. He's the peace keeper of the group and is very a chillax dude lol He plays quidditch as seeker only to make his father proud. He's a totaly slacker even though he's super smart and a deeper thinker. His whole motto is "Make love not war"- so, uh, he's very flirtatious. I'll add more later when I feel like it lol. check out his app if you want to know more!
</div>
</div>
</div></div>
</td>
<td width="200px">
<div class="traitbox"><div style="height:8px;"></div>
creative
</div>
<div style="height:5px;"></div>
<div class="traitbox"><div style="height:8px;"></div>
affectionate
</div>
<div style="height:5px;"></div>
<div class="traitbox"><div style="height:8px;"></div>
passive
</div>
<div style="height:5px;"></div>
<div class="traitbox"><div style="height:8px;"></div>
open minded
</div>
<div style="height:5px;"></div>
<div class="traitbox"><div style="height:8px;"></div>
soulful
</div>
<div style="height:5px;"></div>
<div class="traitbox"><div style="height:8px;"></div>
motivated
</div></td></tr></table><div class="boom">kaka @ <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=21840">caution</a> & <a href="http://forums.athousandfireflies.com/index.php?showuser=7264">atf</a></div></div></center>
<style type="text/css">
.shiptextscroll::-webkit-scrollbar {width: 5px;}
.shiptextscroll::-webkit-scrollbar-track {background-color: #F2F4F7;}
.shiptextscroll::-webkit-scrollbar-thumb {background-color: #d6d6d6;}
.shipcontainer {
background-color:#fff;
width:415px;
border:1px solid #ededed;
padding:10px;
-webkit-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
}
.shiptitle {
font-family:lobster;
color:#d6d6d6;
letter-spacing:-1px;
font-size:31px;
line-height:30px;
text-transform:lowercase;
text-shadow:1px 0px 0px #ededed;
}
.shiplyrics {
text-align:justify;
font-family:arial;
font-size:8px;
line-height:7px;
text-transform:uppercase;
color:#d6d6d6;
}
.traitbox {
width:200px;
height:44px;
background-color:#F2F4F7;
text-align:center;
font-family:lobster;
font-size:25px;
line-height:25px;
border:1px solid #ededed;
color:#d6d6d6;
text-shadow:1px 0px 0px #ededed;
}
.shipbox {
height:280px;
width:180px;
background-color:#F2F4F7;
padding:10px;
font-family:trebuchet ms;
font-size:9px;
line-height:9px;
text-align:justify;
border:1px solid #ededed;
}
.shipimg {
height: 300px;
width: 200px;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0.8;
}
.shipimg:hover {
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
}
.shiptext {
height: 300px;
width: 200px;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0;
}
.shiptext:hover {
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 1;
}
.boom
{
text-decoration: none;
font-family:arial;
font-size:9px;
line-height:9px;
color:#d6d6d6;
text-transform:lowercase;
}
.boom a:link, .boom a:active, .boom a:visited {
font-family:arial;
font-size:9px;
line-height:9px;
color:#d6d6d6;
text-transform:lowercase;
}
.boom a:hover {
text-shadow:1px 0px 0px #ededed;
}
</style>
[/dohtml]
