<!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">
<!-- PAGE NUMBER 7 (ABOUT ME PAGE) BY ALLIECATISALLAMA/SEEDE-R/FERNANDOSSPECTACLES. Please do not claim as your own or remove the credit.-->
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<style type="text/css">
body {
font-family:arial;
font-size:10px;
color:#352f2f;
background-color:#f8f7f7;
background-position: fixed;
background-attachment:fixed;
}
a {
text-decoration:none;
color:#121212;
-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;
opacity:1;
}
a:hover {
text-decoration:none;
color:#000000
}
#imageplace {
width:400px;
height:400px;
border:1px solid #e7e0e0;
padding:10px;
overflow:hidden;
margin-top:-140px;
margin-left:450px;
position:fixed;
}
#image {
width:400px;
height:400px;
overflow:hidden;
-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;
}
#image:hover {
width:400px;
height:400px;
overflow:hidden;
opacity:0.1;
-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;
}
#stuffs {
width:300px;
padding:10px;
border:1px solid #e7e0e0;
margin-top:250px;
margin-left:500px;
font-family:calibri;
text-align:justify;
background-color:#ffffff;
opacity:1.2;
}
#title {
text-align:center;
font-style:italic;
font-size:12px;
letter-spacing:1px;
color:#676767;
font-family:arial;
text-transform:uppercase;
margin:5px;
}
#about{
padding:0px 15px 5px 15px;
color:#aaa;
}
#info {
position:fixed;
width:100px;
font-family:calibri;
font-size:10px;
line-height:150%;
right:-90px;
bottom:10px;
text-align:left;
color:#262626;
background-color:#f8f7f7;
padding:5px;
border:1px solid #262626;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
#info:hover {
right:-2px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
#theme {
position: fixed;
bottom: 0px;
left: 0px;
font-family: Arial;
font-size: 8px;
text-transform: uppercase;
text-align: left;
letter-spacing: 1px;
}
</style>
</head>
<body>
<div id="imageplace"><!--your image here-->
<div id="image">
<img width="400px" src="IMAGE URL HERE"/>
</div>
</div>
<div id="stuffs">
<div id="title"><!--your title here-->
this is your title
</div>
<div id="about"><!--your about stuff here--><center>
this is where you place your about me stuffs
</center></div>
</div>
</div>
<div id="info"><a href="/">MY BLOG</a> - <a href="http://www.tumblr.com/dashboard">DASHBOARD</a></div>
<div id="theme"></a><a href="http://fernandosspectacles.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
</body>
</html>