about / ANGEL

<!DOCTYPE html>
<head>
<!------


                              angel

                            @odeysseus


- accent color is #f9efff; use colorpicker.com and cntrl/cmmnd +F to replace
------>
    <title> about me </title> <!--title-->


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


<style type="text/css">

* { margin:0;padding:0; }
#s-m-t-tooltip{
    position:absolute;
    margin:15px;
    max-width:250px;
    z-index:9999;
    font-style:italic;
    color:#444;
    background:#fff;
    border:1px solid #eee;
    padding:0px 4px;
}

@-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; }
}


::-webkit-scrollbar{ height:3px;width:1px;}
::-webkit-scrollbar-thumb {background:#eee;}
::-webkit-scrollbar-track {background:transparent;}
.tmblr-iframe { display:none; } a { transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-moz-transition:0.2s ease-in;} .c a { bottom:27px;right:27px;position:fixed;border:0; }

b,strong { color:#444; /* color of bold text */ }
u { text-decoration:none;padding-bottom:1px;border-bottom:1px solid #aaa; }
a:hover {
    color:#aaa; /*link hover*/
    border-color:#aaa;
    text-decoration:none;
}


body {
    background:#fff; /*background*/
    font-family:Georgia, serif; /*font*/
    font-size:11px; /* font size */
    line-height:190%;
    color:#666; /* text color */
    letter-spacing:.3px;
    -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;

}

a {
    color:#444; /*links*/
    text-decoration:none;
    padding-bottom:1px;
    border-bottom:1px solid #eee;
}

section { width:400px;margin:100px auto;position:absolute;top:calc(50% - 100px);left:50%;transform:translate(-50%,-50%);text-align:center; } h1 { color:#444;letter-spacing:0px;margin-bottom:15px;margin-top:30px;font-size:12px;} h1:first-of-type { margin-top:0; } h1 b { background:#f9efff;font-weight:400;padding:5px;font-style:italic; }
</style>
</head>
<body>
    <section>
    <!--start editing-->
        <h1><b>about</b></h1> <!--heading-->
<!--about text-->
        about text here! <b>bold</b>, <i>italics</i>, <u>underline</u>, <a href="link url">link</a>.

        <br> line break.
        <br><br> bigger break.
<!--end about text-->

        <h1><b> social </b></h1> <!--heading-->
<!--social media: add or delete links as you wish, using <br> for line breaks if you have more than four links (see friends section below for an example) will look nicest -->

        <a href="link url">pinterest</a> .
        <a href="link url">instagram</a> .
        <a href="link url">spotify</a>
        <br>
        mutuals pls ask for my snapchat!

<!--friends: add or delete links as you wish-->
        <br><br><i> loves of my life: </i><br> <!--subheading-->

        <a href="link url" title="some hover text">username</a> .
        <a href="link url" title="some hover text">username</a> .
        <a href="link url" title="some hover text">username</a> .
        <a href="link url" title="some hover text">username</a> <br>
        <a href="link url" title="some hover text">username</a> .
        <a href="link url" title="some hover text">username</a> .
        <a href="link url" title="some hover text">username</a> .
        <a href="link url" title="some hover text">username</a>

    <!--end editing-->
    </section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:30,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>

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

</body>
</html>