Page 001: Viva La Revolution Hiatus

<html>
<head>
 <title>{Title}</title>

<meta name="color:Background" content="#010022">
<meta name="color:excuse border" content="#fff">
<meta name="color:excuse text" content="#fff">
<meta name="color:image border" content="#eff2f7">
<meta name="color:scrollbar" content="#7482A2">
<meta name="color:navi background" content="#D6DADD">
<meta name="color:links background" content="#010022">
<meta name="color:links color" content="#fff">
<meta name="color:1st word" content="#7482A2">
<meta name="color:2nd word" content="#EFF2F7">
<meta name="color:3rd word" content="#C6010A">

<meta name="image:image" content="http://static.tumblr.com/tlertht/CbTmt5x34/tumblr_inline_mjgo5e3aig1qz4rgp.png">

<meta name="text:1st word" content="VIVA">
<meta name="text:2nd word" content="LA">
<meta name="text:3rd word" content="HIATUS">
<meta name="text:AskUser" content="THE THING BEFORE .TUMBLR">
<meta name="text:excuse text size" content="10">
<meta name="text:link one" content="http://">
<meta name="text:link one title" content="link one">
<meta name="text:link two" content="http://">
<meta name="text:link two title" content="link two">

<link href='http://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>

 <link href='http://fonts.googleapis.com/css?family=Playfair+Display:900' rel='stylesheet' type='text/css'>


 <style stye="text/css">

body {
    background-color: {color:Background};
 }

#box {
    margin: 20px auto;
    width: 900px;
    height: 500px;
}

h1 {
    margin-top:0 auto;
    font-size: 60px;
    font-family: Playfair Display;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}

#links {
    width: 100%;
    margin-top: -40px;
    padding: 10px;
    background-color:{color:navi background};
    text-decoration: none;
    text-align: center;
    }

#links a {
    text-decoration: none;
    color: {color:links color};
    font-family: Coustard;
    padding: 4px 7px;
    background-color: {color:links background};
    }

#links a:hover {
        -webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
    }

#group {
    margin-left: 7%;
    }

.excuse {
    margin-left: 200px;
    margin-top: -164px;
    width: 450px;
    height: 104px;
    border: 3px {color:excuse border} double;
    padding: 25px 40px;
    color: {color:excuse text};
    font-family: Noto Sans;
    font-size: {text:excuse text size}px;
    line-height: 2em;
    letter-spacing: 1px;
    text-align: justify;
    overflow: auto;
}

.excuse_img1 {
    width:150px;
    height:150px;
    margin-left:30px;
    margin-top: 5px;
    border: 5px solid {color:image border};
    }

#ask {
    margin-left: 200px;

}

::-webkit-scrollbar {
height: 12px;
width: 7px;
background:{color:Background};
}
::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
}
::-webkit-scrollbar-corner {
background: #transparent;
}

.blah {
position: fixed;
bottom: 2;
right: 2;
opacity: 0.5;
padding:0;
margin:0;
border: solid 1px white;
z-index:999;
    }

.blah:hover {
position: fixed;
bottom: 2;
right: 2;
opacity: 1;
padding:0;
margin:0;
border: solid 1px white;
z-index:999;
    }


 </style>
</head>
<body>
<div id="box">
<h1><span style="color:#7482A2;">{text:1st word}</span>&nbsp;<span style="color:#EFF2F7"> {text:2nd word} </span>&nbsp;<span style="color:#C6010A;">{text:3rd word}</span></h1>
<br>
<div id="links">
<a href="http://tumblr.com/dashboard">dashboard</a>
<a href="/archive">archive</a>
<a href="{text:link one}">{text:link one title}</a>
<a href="{text:link two}">{text:link two title}</a>
</div>
<br>
<div id="group">
<img class="excuse_img1" src="{image:image}" />
<div class="excuse">

<!--put your excuse under here-->
In recent days, I have discovered that I have no time to create original content so I am going on an indefinite hiatus. With my recent influx in social justice posts, I am going to take a gap year in Paris, totally top secret. I plan to join my friends in a quest for equality the only clue I can give is that we are using a barricade. Overthrowing the bourgeois will be difficult and I'll be busy, but I'm apologise because REVOLUTION. You can contact me on my personal and I've linked it. My archive is still here so you can appreciate my sucky blog. Goodbye friends, I promise I shall be back, alive and well!
<!--End your excuse above this-->
</div>
</div>
<br>
<div id="ask">
<iframe frameborder="0" width= "500" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:AskUser}.tumblr.com" width="100%"></iframe></p>
<!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></div>

</div>

<div style="font-size: 10px; padding: 5px; float: left; position: fixed; bottom: 5px; left: 10px; background-color: #fff;;"><a href="http://smashingkeys.tumblr.com">SK</a></div>
</body>

</html>