Hiatus Theme #2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--


             Hiatus Theme #2


Created by:
╭━━┳╮╱╭┳━╮╭┳━━┳━━╮
┃━━┫┃╱┃┃╭╮╋┫╭━┫━━┫
┣━━┃╰━╯┃┃┃┃┃╰━╋━━┃
╰━━┻━╮╭┻╯╰┻┻━━┻━━╯
╱╱╱╭━╯┃
╱╱╱╰━━╯


Please do not remove credit or redistribute. Feel free to edit. To add a background, you must do it manually. The best way is to go down to the 'body { ' and find where it says  background-image: url (IMAGE URL).  In addition, to make sure the ask box works, scroll down the code until you see

"<iframe frameborder="0" border="0" scrolling="no" width="500” height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/username.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>" and put your tumblr username where you see it :)

If you want this header, here is the link for it :
http://static.tumblr.com/28deaa263d12d0e51abe5f7f73eee3f1/hyeqsve/IGxmhm5y7/tumblr_static_da.jpg

Everything else you can do by clicking options (:


-->


    <!-- VARIABLES -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <meta name="color:description" content="#B4B4B4" />
    <meta name="color:link hover" content="#CFE6E7" />
    <meta name="color:shadow" content="#ffffff" />
    <meta name="color:background" content="#F7F7E2" />
    <meta name="color:link" content="#0f0f0f" />
    <meta name="color:border" content="#0f0f0f" />
    <meta name="color:scrollbar" content="#e6e6e6" />

    <meta name="if:repeat background" content "">
    <meta name="if:Header Image" content="0"/>
    <meta name="image:Header" content="0"/>
    <meta name="font:body" content "">


    <style type="text/css">

::-webkit-scrollbar {width: 2px; height: 4px; background: {color:scrollbar};}
::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
::selection { background:{color:scrollbar}; color:#fff;}


body {background:{color:background}; padding:20px; font-family:{font:body};

font-size:{text:font size}; text-align:justify; color:{color:title};
background-image: url(image url here);

background-position: bottom left ;

background-attachment: fixed;

background-repeat: {block:ifrepeatbackground}repeat;{/block:ifrepeatbackground} {block:ifnotrepeatbackground}no-repeat;{block:ifnotrepeatbackground}

}


a {text-decoration:none; color:{color:link}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:hover {color:{color:link hover};}


menu{color:{color:description}; font-family:{font:body}; font-size:11px; line-height:13px; letter-spacing:0px; font-weight:normal; margin-top:-10px; padding:0px; text-align:left;}

iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: fixed !important;}


img {
border:1px;
color:#333333;
decoration:none;
opacity:.6;
margin: 3px;
border: dashed 1px {color:border};
border-bottom-left-radius: 90px;
border-top-left-radius: 90px;
border-top-right-radius: 90px;
border-bottom-right-radius: 90px;
-webkit-transition-duration: 0.9s;
}

img:hover {
opacity:1;
border-bottom-left-radius:1px;
border-bottom-right-radius:0px;
-webkit-transition-duration: 0.9s;
}

#description {
padding: 0px;
margin-top: 10px;
margin-left: 30%;
width: 120px;
height: 150px;
overflow: auto;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
background-color: transparent;
}

.column {
    position: fixed;
    margin-top: 30px;
    margin-left: 650px;
    width: 130px;
    text-align: justify;
    background: {color:background};
    padding: 10px;
}


.column2 {
    position: fixed;
    margin-top: 30px;
    margin-left: 350px;
    width: 300px;
    text-align: justify;
    background: {color:background};
    padding: 10px;
}

</style>


<center>

<body>


<menu> <center><Br><br><Br>

<div id="title"><center><img src="{image:Header}" width="400"></center></a>
<br><Br>
<a href="/">{Title}</a> is on hiatus mode. Leave a message; I'll be back soon!
<div class="column">
<div id="description">
{description} </div></div>

<div class="column2">
<!-- ASK BOX HERE! GO PUT IN YOUR USERNAME WHERE IT SAYS http://www.tumblr.com/ask_form/{name}.tumblr.com/ -->
<iframe frameborder="0" border="0" scrolling="yes" width="300” height="auto" allowtransparency="true" src="http://www.tumblr.com/ask_form/synics.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
</div>

</div>


</menu>
</body>


</div>


<!-- DO NOT REMOVE CREDIT-->

<div style="position:fixed; bottom:1px; right:1px; opacity: 0.9"><a href="http://synics.tumblr.com" title="synics">credit</a></div>
</body>


</html>