HiatusV.2 Light

<!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">
<!--HIATUS THEME BY LETSKLAINENOW
DO NOT REMOVE THE CREDIT-->
<head>

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


<meta name="font:title" content="Trebuchet MS" />
<meta name="font:description" content="Trebuchet MS" />
<meta name="color:background" content="#f0f8fc" />
<meta name="color:container" content="#edf4f7" />
<meta name="color:description" content="#99c2d6" />
<meta name="color:title" content="#216bd1" />´
<meta name="text:url" content="put your url here so the askbox works">
<meta name="image:background" content="http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo1_250.png" />
<meta name="image:render" content="http://media.tumblr.com/tumblr_mceqo9Q74f1qj1ywv.png" />
<meta name="color:Links" content="#dbe2e2" />
<meta name="font:Links" content="" />
<meta name="color:nav" content="#00abff" />
<meta name="text:Title 1" content="" />
<meta name="text:url 1" content="" />
<meta name="text:Title 2" content="" />
<meta name="text:url 2" content="" />
<meta name="text:Title 3" content="" />
<meta name="text:url 3" content="" />
<meta name="text:Title 4" content="" />
<meta name="text:url 4" content="" />
<meta name="text:Title 5" content="" />
<meta name="text:url 5" content="" />

<style type="text/css">

body {
background: {color:background};
background-image: url('{image:background}');
margin: 0;
padding: 0;
}

a{text-decoration:none;}
a:link, a:active, a:visited{color: {color:Links}; text-decoration:none;text-transform: uppercase;}

#title {
font-family:{font:title};
color:{color:title};
font-style:bold;
text-align:center;
text-decoration:none;
text-shadow: 3px 3px 0px #c5cad1  ;
font: 20px 'LeagueGothicRegular;
letter-spacing: 10px;
}

#linkss {
margin-top:1px;
width: 500px;
display: inline-block;´
font-family:{font:Links};
text-decoration:none;
}

#nav {
background-color: {color:nav};
color: {color:Links};
font-family:{font:Links};
display: inline-block;
padding: 3px;
width: 80px;
font-size: 10px;
}

#container {
position:fixed;
margin-top:100px;
margin-left:-90px;
width:750px;
padding:7px;
background-color:{color:container};
-moz-border-radius-topleft: 75px;
-moz-border-radius-topright:70px;
-moz-border-radius-bottomleft:70px;
-moz-border-radius-bottomright:75px;
-webkit-border-top-left-radius:75px;
-webkit-border-top-right-radius:70px;
-webkit-border-bottom-left-radius:70px;
-webkit-border-bottom-right-radius:75px;
-webkit-box-shadow: 5px 5px 5px rgba(0,0, 0, 0.2);
}

#container:hover {
position:fixed;
margin-top:100px;
margin-left:-90px;
width:750px;
padding:7px;
background-color:{color:container};
-webkit-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);


}


#img {
float:left;
position;absolute;
padding: 3px;
}

#description {
width: 500px;
font-size:10px;
text-align:justify;
color:{color:description};
font-family:{font:description};
}


#render
{position:fixed;
bottom:-5px;margin-left:60%;}


#credit
{position:fixed;
font-family:{font:description};
font-size: 10px;
bottom:3px;
right:4px;
background-color: {color:description} ;
}


{CustomCSS}
</style>
</head>

<body>
<div id="container">
<center>
<div id="title">{Title}</div></center><center>
<div id="description"><div id="img"><img src="{PortraitURL-48}"></div>{block:Description}{Description}{/block:Description}</div></center>
<center>
<div id="linkss"><div id="nav">
<a href="{text:url 1}" style="color:{color:links}">{text:Title 1} </a></div> <div id="nav"><a href="{text:url 2}" style="color:{color:links}">{text:Title 2} </a></div>  <div id="nav"><a href="{text:url 3}" style="color:{color:links}">{text:Title 3} </a></div>  <div id="nav"><a href="{text:url 4}" style="color:{color:links}">{text:Title 4} </a> </div>  <div id="nav"><a href="{text:url 5}" style="color:{color:links}">{text:Title 5} </a></div>
</div>
<br>

<br >
<div id="askbox"><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="500px"> </iframe></div><br>
</div>

</div>
<div id="render">
<img src="{image:render}" style="max-height:500px;"/>
</div>
<div id="credit"><a href="http://letsklainenow.tumblr.com">THEME</a></div>
</body>
</html>