Tags: Angels

<!--

    TAG PAGE: ANGELS
    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>
<link rel="shortcut icon" href="{Favicon}" />

<link href='//fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<style type="text/css">

/* Scroll */

::-webkit-scrollbar {width:11px;height:11px;background:#eee;}
::-webkit-scrollbar-thumb {background:#bbb;}
::-webkit-scrollbar,::-webkit-scrollbar-thumb {border:5px solid #f8f8f8;}

/* Controls */

#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}

/* General */

body {
    margin:0;
    font-family:'Karla',Arial,Helvetica,sans-serif;
    background:#f8f8f8;
    color:#555;
}

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

 /* Containers */

.c {position:fixed;right:30px;bottom:30px;font-size:9px;}
.center {width:562px;margin:50px auto;text-align:center;font-size:0;}

 /* Boxes */

h2 {margin:0;padding:0 0 10px;font-size:10px;line-height:100%;}
.box a:hover {padding-left:10px;}
.box a:last-of-type {margin-bottom:0;}
.box a{
    display:block;
    font-size:9px;
    line-height:100%;
    margin:10px 0;
    text-align:left;
}

.box {
    border-radius:4px;
    width:125px;
    padding:15px;
    margin:15px;
    background:#fff;
    border:1px solid #eee;
}

.box img {
    width:100%;
    max-height:125px;
    padding:5px 0;
    border:solid #eee;
    border-width:1px 0;
}

/* Header */

header {margin:50px;}
header h1{margin:10px;letter-spacing:2px;font-size:12px;}
nav a {margin:0 6px;font-size:8px;}

/* Common */

h1,h2,nav a,.c {letter-spacing:1px;text-transform:uppercase;}

</style>
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#content').masonry({
itemSelector : ".box",
},
function() { $('#content').masonry({ appendedContent: $(this) }); }
);
});
</script>
</head>
<body>

<div class="center">

<header>
<h1>navigation</h1>
<nav>
    <a href="/">index</a>
    <a href="/ask">enquire</a>
    <a href="http://acuite.tumblr.com">credit</a>
</nav>
</header>

<div id="content">


<!-- Example -->
<div class="box">
<h2>category name</h2><!-- title -->
<img src="http://placehold.it/125x125"/><!-- image -->

    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</div>


</div>
</div>

<a class="c" href="http://acuite.tumblr.com">acuite</a>

</body>
</html>