Page #02 - About Me



    <html>
    <head>

    <!--
THEME MADE BY ANDREA @ MILIKBOY
PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
-->

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head><title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    <style type="text/css">

    body {
    background:#ffffff;
    background-image:url('http://media.tumblr.com/03d95881eed4db0f5c6f902164922deb/tumblr_inline_mnx84eZELF1qz4rgp.png');
    margin:0px;
    font-family:Times New Roman;
    }

    a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:#111111;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease
    }

    a:hover {
    color:#b8b8b8;
    }

    #image {
    margin-top:190px;
    position:fixed;
    margin-left:700px;
    }

    .glide { -webkit-transition: opacity 0; linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s -in-out; }

    #photo {
    width:400px;
    }

    #photo:hover {
    width:350px;
    }

    #left {
    float:left;
    overflow:hidden;
    width:125px;
    }

    #right {
    overflow:hidden;
    width:125px;
    }

    #description {
    float:left;
    width:0px;
    height:0px;
    font-size:9px;
    font-style:italic;
    text-align:justify;
    opacity:0;
    }


    #photo:hover #description {
    width:125px;
    padding:10px;
    opacity:1;
    }

    #photo:hover #left {
    margin-left:-65px;
    }

    #links {
    width:270px;
    text-align: center;
    font-size:8px;
    margin-top:442px;
    margin-left:690px;
    opacity:0.9;
    font-family:Cambria;
    position:fixed;
    -webkit-transition: all 0.6s ease-in-out;
    moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    }

    #links a {
    text-transform: uppercase;
    color:#ffffff;
    background:#111111;
    font-style:none;
    letter-spacing:1px;
    text-align: center;
    padding-left:5.3px;
    padding-right:5.3px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }

    #links a:hover {
    text-shadow:-2px 0 0 rgba(255,0,0,0.4), 2px 0 0 rgba(0,255,250,0.4);
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    }

    {CustomCSS}</style></head><body>

    <div id="links">
    <a href="/">home</a>
    <a href="/ask">mail</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="http://mlikboy.tumblr.com/">theme</a>
    </div>

    <div id="image">
    <div id="photo" class="glide">
    <div id="left" class="glide">
    <img width="250px" src="http://25.media.tumblr.com/2f8413f690f198a47d01d94c7cab2e8b/tumblr_mnx8bufKyv1snw7gwo1_400.jpg">
    </div>

    <div id="description" class="glide">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend malesuada vestibulum. Suspendisse eleifend lacinia congue. Phasellus tempus est nec tortor ultricies porta. Aenean vitae nulla elit, in viverra enim. Integer ornare scelerisque justo vel ullamcorper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum dui orci, volutpat vitae pharetra id, accumsan non quam. Morbi risus nisl, pellentesque eget posuere eu, elementum vitae orci. In consequat tellus blandit dui elementum lacinia.
    </div>

    <div id="right" class="glide">
    <img width="250px" style="margin-left:-125px;" src="http://25.media.tumblr.com/2f8413f690f198a47d01d94c7cab2e8b/tumblr_mnx8bufKyv1snw7gwo1_400.jpg">
    </div></div></div>

    </body>
    </html>