hiatus / OXYGEN

<!DOCTYPE html>
<head>

<!--


                                oxygen

                              @odeysseus


- credits @ odeysseus.tumblr.com/credit

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

    <title>on hiatus</title> <!--title-->

<link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

<style type="text/css">


* { margin:0;padding:0; }

@-webkit-keyframes fadein {
        0%   {opacity: 0;}
        100% { opacity: 1; }
}

@-moz-keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

@keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}


.tmblr-iframe { display:none; }
p { margin-top:10px; }

body {
    background:#fff; /*background*/
    font-family:'lora', 'times'; /*font*/
    font-size:11px; /*font size*/
    line-height:180%;
    color:#555; /*text color*/
    letter-spacing:.2px;
    -webkit-animation:fadein 1s;
    -moz-animation:fadein 1s;
    animation:fadein 1s;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
}


a {
    color:#222; /*links */
    text-decoration:none;
}

a:hover {
    cursor:help!important; /*question cursor on links*/
    color:#999; /*link hover*/
    border-bottom:1px solid #eee;
    text-decoration:none;

}

#container {
    height:auto;
    width:450px;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    position:fixed;
    text-align:center;
}

#container i {
    color:#999; /*italic text*/
}

#container b {
    color:#222; /*bold text*/
}
header {
    display:block;
    margin:10px auto;
}

header img {
    width:40px;height:40px;border-radius:4px; /*header image*/
}

.sleepy {
    bottom:27px;right:27px;position:fixed;
}
</style>
</head>
<body>
    <div id="container">
   <header>
    <img src="{portraiturl-128}"/> <!--your icon will show up by default; replace {portraiturl-128} with your image url of choice if you want something else to show up -->
   </header>


write your hiatus text here! <b>Bold</b>, <i>italics</i>, <a href="link url">links</a>.

<p> use < p > for new paragraphs, without the spaces. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


    </div>

<div class="sleepy"><a href="http://odeysseus.tumblr.com">O</a></div>
</body>
</html>