Works Page 1

<!DOCTYPE html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

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

<!-- TOOLTIPS -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/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:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<meta name="URL" content=""/>

<style type="text/css">

body {
    background:#1b91ce;
    background-image: url(http://i.imgur.com/eCiUbb4.png);
    color:#000;
    font-family: 'Bangers', cursive;
    font-size:11px;
}

/** SELECTION COLORS **/
::-moz-selection {
background:#8D7CAA;
color:#fff;
}

::selection {
background:#8D7CAA;
color:#fff;
}

/** SCROLLBAR **/
::-webkit-scrollbar {
width:9px;
height:3px;
background:#;
}

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


a {
    color:#fff; /** change the link colors here **/
    text-decoration:none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

a:hover {
    opacity:0.7;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

#s-m-t-tooltip{
    position:absolute;
    margin-top: 15px;
    z-index:9999;
    text-transform:uppercase;
    background:#fff;
    border:1px solid #ddd;
    color:#000;
    padding:5px;
    vertical-align:middle;
    font-size:8.5px;
}

.header {
        width:400px;
        max-width:396px;
        display:block;
        padding:10px;
        border:2px dotted #000;
        background-color:#8D7CAA;
        background-image: url();
        background-attachment: fixed;
        background-position: center;
        text-align:center;
        margin:auto;
        margin-top:100px;
        margin-bottom:5px;
        font-size:15px;
        font-weight:bold;
        text-transform:uppercase;
}

.container {
    width:430px;
    max-width:430px;
    height:230px;
    max-height:230px;
    text-align:left;
    margin:auto;
    margin-bottom:5px;
    overflow:none;
}

.container a {
    width:182px;
    height:182px;
    display:inline-block;
    padding:10px;
    border:2px dotted #000;
    background-color: #C0AFDD; /* image bg colour */
    background-image: url("");
    background-repeat: no-repeat;
    margin-left:5px;
    margin-top:3px;
    text-align:center;
}

#container img{
    margin-left:5px;
    width:50px;
    padding:10px;
    display:block;
}

</style>
</head>
<body>

<div class="header">
My Works | <small><small><small><a href="/">home</a> | <a href="/ask">message</a> | <a href="http://luhandsthemes.tumblr.com">credit</a></small></small></small>
</div>

<div class="container">
    <a href="/tagged/my+gif"><img src="http://i.imgur.com/OOSHIuB.gif"/></a>
    <a href="/tagged/my+edit"><img src="http://i.imgur.com/ElGtmiO.jpg"/></a>
    <a href="/tagged/my+theme"><img src="http://i.imgur.com/SvucqTH.jpg"/></a>
    <a href="/tagged/my+icon"><img src="http://i.imgur.com/ginsEpb.jpg"/></a>
</div>

<div style="position:fixed;bottom:120px;right:-120px;img-height:200px;z-index:-9999;"><img src="">

</body>