weirdos family

<!--

Weirdos family
page made by lavestale
theme blog: gyapo.tumblr.com
don't remove this comment

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<style type="text/css">


::-webkit-scrollbar-thumb:vertical {background-color:#000;height:150px;}
::-webkit-scrollbar {height:0px;width:5px;background-color:#fff;}

 body
{font-family:Trebuchet MS;
font-size:10px;
background-color:#fff;
background-image:url('http://25.media.tumblr.com/tumblr_ly0ae2N4hE1r9g6hvo6_r1_1280.png');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{text-decoration:none;}

#top
{background-color:#000;
width:800px;
border-radius: 0px 0px 20px 20px;
margin-top:-10px;}

#title
{text-align:center;
letter-spacing:4px;
text-transform:uppercase;
font-family:mkb,consolas;
color:#fff;
font-size:24px;
padding-top:8px;
padding-bottom:5px;}


@font-face {font-family:"mkb";
src: url("http://static.tumblr.com/s2ymoja/NJNm38v7g/232mkl__.ttf") format("truetype");}


.profile
{width:300px;
background-image:url("http://static.tumblr.com/s2ymoja/Rtpm3ghro/trans30-100.png");
margin:50px 50px 0px 50px;
border-radius:15px;
-moz-border-radius:15px;
float:left;
box-shadow:0px 0px 5px  #bbb;}


.picture
{margin:-20px 0px 0px -20px ;
float:left;
overflow:hidden;
width:100px;
height:100px;
border-right:5px solid #fff;
border-radius:55px;}

#right
{text-align:center;
width:205px;
margin-top:25px;
margin-bottom:25px;
float:left;}

.name
{font-size:20px;
letter-spacing:3px;
font-family:consolas;
text-transform:uppercase;
color:#000;
text-shadow:1px 1px #3fbaec;}

#second
{text-shadow:1px 1px #b2ec03;}

#sub
{letter-spacing:5px;
color:#555;}

.text
{width:270px;
padding:15px;
color:#222;
text-align:justify;}


.corner
{width:125px;
text-align:center;
background-color:#000;
color:#777;
position:fixed;
bottom:0px;
-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}

#back
{left:0px;
border-radius:0px 10px 0px 0px;
-moz-border-radius:0px 10px 0px 0px;}

#credits
{right:0px;
border-radius:10px 0px 0px 0px;
-moz-border-radius:10px 0px 0px 0px;}

.corner:hover
{width:160px;
color:#fff;}

</style>

</head>
<body>


<table align="center" id="all" border="0" cellpadding="0" cellspacing="0">
<tr><td>


<div id="top">
<div id="title">TITLE HERE</div>
</div>
</td></tr>


<!--start of one row (2 profiles)-->
<tr><td>
<div class="profile">
<div>
<a href="URL HERE">
<div class="picture"><img width="100px" src="IMG URL HERE"></div>
</a>

<div id="right">
<div class="name">— NAME HERE —</div>
<div id="sub">weird thing HERE</div>
</div>
</div>

<div class="text">
text or not here
</div>
</div>


<div class="profile">
<div>
<a href="URL HERE">
<div class="picture"><img width="100px" src="IMG URL HERE"></div>
</a>

<div id="right">
<div class="name" id="second">— NAME HERE —</div>
<div id="sub">weird thing HERE</div>
</div>
</div>

<div class="text"></div>

</div>
</td></tr>
<!--end of one row (2 profiles)-->

</table>


<a href="/"><div class="corner" id="back">
back to blog
</div></a>

<a href="http://gyapo.tumblr.com"><div class="corner" id="credits">
page by gyapo
</div></a>

</body>
</html>