Tags: Fantasy

<!--

    TAG PAGE: FANTASY
    by acuite

- don't steal this pls
- enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

- @acuite for more themes

-->

<!DOCTYPE html>
<html>
<head>

<title>Navigation</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:200,
               tip_fade_speed:300
           }
               );
       });
   })(jQuery);
</script>

<link rel="shortcut icon" href="{Favicon}" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
<style type="text/css">

::-webkit-scrollbar {width:10px;height:10px;background:#f8f8f8;}
::-webkit-scrollbar-thumb {background:#fff;border:1px solid #eee;}

 /* General */

body {
    margin:0px;
    background:#f8f8f8;
    font-family:'Open Sans',Helvetica,Arial,sans-serif;
    color:#777;
    font-size:9px;
    text-transform:uppercase;
}

a:hover {color:#ccc;}
a {
    text-decoration:none;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
    color:#444;
}

/*
to change the box size, alter the width in #center by 60px
example:
smaller - width:312px;
larger - width:432px;
*/

/* Containers */

.c{position:fixed;right:30px;bottom:30px;letter-spacing:1px;}
#center{width:372px;margin:80px auto;}
.box img {display:inline-block;width:50px;height:50px;margin:5px;}
.box{display:block;margin:75px 0px;font-size:0px;padding:5px;}
.nav {
    text-align:center;
    letter-spacing:1px;
    font-size:8px;
    padding:10px;
    font-style:italic;
}

h1 {
    position:absolute;
    margin:-27px 0px 0px;
    font-size:9px;
    letter-spacing:1px;
    font-weight:400;
}

#s-m-t-tooltip {
    max-width:300px;
    margin:10px;
    z-index:9999;
    padding:5px 7px;
    text-transform:none;
}

/* Etc */

.box, .nav, #s-m-t-tooltip {background:#fff;border:1px solid #eee;}

</style>
</head>
<body>
<div id="center">


<!-- Example Start -->
<div class="box">
<h1>Category Name</h1>

<a title="Tag Name" href="/tagged/tag-link"><!-- Tag Name & Link  -->
    <img src="http://i.imgur.com/A3cw9r6.png"/><!-- Image URL  -->
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

</div>
<!-- Example End -->


<!-- Example Start -->
<div class="box">
<h1>Category Name</h1>

<a title="Tag Name" href="/tagged/tag-link"><!-- Tag Name & Link  -->
    <img src="http://i.imgur.com/A3cw9r6.png"/><!-- Image URL  -->
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

<a title="Tag Name" href="/tagged/tag-link">
    <img src="http://i.imgur.com/A3cw9r6.png"/>
</a>

</div>
<!-- Example End -->


<!-- Navigation Footer. Do not edit. -->
<div class="nav"><a href="/">return to blog</a></div>
</div>
<div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
</body>
</html>