about / SHADOW

<!DOCTYPE html>
<head>

<!--


                             shadow

                           @ odeysseus


-->

    <title>about</title><!--title-->

<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'> <body><div class="hell"><a href="http://odeysseus.tumblr.com">O</a></div></body>

<style type="text/css">

 ::-webkit-scrollbar{
    height:3px;
    width:1px;
}

::-webkit-scrollbar-thumb {background:#eee;}

::-webkit-scrollbar-track {background:transparent;}

 /* to hide tumblr controls */
 iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop,iframe.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { display:none!important; }

body {
    background:#fff; /*background*/
    font-family:'Roboto', sans-serif; /*font*/
    font-size:10px; /* font size */
    line-height:190%;
    color:#767676; /* text color */
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;

}

a {
    color:#aaa; /*links*/
    text-decoration:none;
    border-bottom:1px solid #eee;
    transition:0.2s ease-in;
    -webkit-transition:0.2s ease-in;
    -moz-transition:0.2s ease-in;
}

a:hover {
    color:#444; /*link hover*/
    border-bottom:1px solid #444;
    text-decoration:none;
}

 b,strong { color:#444; /* color of bold text */ }

 .hell { position:fixed;bottom:20px;right:20px; } section { width:340px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;} .up { margin-bottom:10px;padding-bottom:10px;text-align:right;font-style:italic; } .up img { width:20px;height:20px;border-radius:100%;display:inline;float:left;} .up a { border:none;margin-left:5px;} p { margin:10px 0px 0px 0px;padding:0; } .content { max-height:200px;overflow-y:auto; }

</style>

</head>
<body>

<section>
<div class="up">
<img src="{PortraitURL-64}"/> <!-- replace {portraiturl-64} with the url of another image if you don't want your tumblr icon to show up. -->

<!--top bar links-->
<a href="/">return.</a>
<a href="http://tumblr.com/dashboard">dashboard.</a>
<a href="http://odeysseus.tumblr.com">theme.</a>
</div>

<div class="content">
<!--start about text-->

This is your about text. You can use <b>bold</b>, <i>italics</i> and <a href="link url">links</a>; use < p > for new paragraphs (without the spaces) to break up your text and make it more readable. This page is super basic but I don't really like my old about pages anymore? I'm bored of them so I figured I'd release a new one.

<p>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<!--end about text-->
</div>

</section>
</body>
</html>