All: Infinity

<!--

    TAG PAGE: INFINITY
    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='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Serif:400,700' rel='stylesheet' type='text/css'><style type="text/css">

/* Scroll */

::-webkit-scrollbar {width:6px;height:6px;background:#eee;}
::-webkit-scrollbar-thumb {background:#ccc;}
::-webkit-scrollbar,::-webkit-scrollbar-thumb {border:2px solid #fff;}

/* 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:'PT Serif',Georgia,serif;
    color:#333;
    font-size:11px;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover,.blog:hover .name {color:#333;text-decoration:line-through;}
a,.name {
    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;text-transform:uppercase;letter-spacing:1px;}
.center {position:relative;margin:80px auto;font-size:0;width:520px;}

.hold {border-top:1px solid #eee;font-size:0;padding:30px 0;}
.hold:last-of-type {padding-bottom:0;}
.left,.right {display:inline-block;vertical-align:top;}
.left {width:50px;text-align:left;}
.left .oi {font-size:20px;color:#aaa;}
.right {width:calc(100% - 50px);}
.about,.links,.blogroll {overflow:auto;max-height:calc(30vh - 89px);}

/* About */

.about p:first-of-type {margin:0 0 10px;}
.about p:last-of-type {margin:10px 0 0;}
.about p:only-type {margin:0;}
.about p {margin:10px 0;font-size:12px;line-height:150%;}

/* Tags */

.links nav a,.links nav b {
    font-size:11px;
    line-height:100%;
    display:inline-block;
    width:33.33%;
    margin:0 0 10px;
}

.links nav b {color:#333;text-decoration:underline;}

/* Blogroll */

.blog {margin:0 0 10px;width:33.33%;}
.blog img,.name,.blog {display:inline-block;vertical-align:middle;}
.blog img{width:12px;height:12px;border-radius:50%;margin-right:6px;}
.name {max-width:calc(100% - 18px);font-size:11px;line-height:100%;}

/* Header */

header {padding:0 0 15px;text-align:right;border-bottom:1px solid #eee;}
header nav a,header nav,.icon {display:inline-block;vertical-align:middle;}
.icon {width:24px;border-radius:50%;margin-left:10px;}
header nav a {font-size:11px;line-height:100%;margin:0 10px;}

</style>
</head>
<body>

<div class="center">

<!-- Header Start. No edit necessary. -->
<header>
<nav>
    <a href="/">index</a>
    <a href="/">contact</a>
    <a href="/">archive</a>
    <a href="/">credit</a>
</nav>
<img class="icon" src="{PortraitURL-128}">
</header>
<!-- Header End -->


<div id="content">
<!-- Start Content -->


<!-- About Start -->
<div class="hold">
<div class="left"><i class="oi oi-chat"></i></div>
<div class="right about">

<p>Your biography text goes here.</p>
<p>All text must be in < p > tags (remove spaces) or it will not appear.</p>


</div>
</div>
<!-- About End -->


<!-- Links Start -->
<div class="hold">
<div class="left"><i class="oi oi-tags"></i></div>
<div class="right links">
<nav>
    <b>subtitle</b>
    <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>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <b>subtitle</b>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</nav>
</div>
</div>
<!-- Links End -->


<!-- Blogroll Start (No edit necessary - automatically generated) -->
<div class="hold">
<div class="left"><i class="oi oi-heart"></i></div>
<div class="right blogroll">{block:Following}{block:Followed}<a href="{FollowedURL}" class="blog {FollowedName}"><img src="{FollowedPortraitURL-48}"><div class="name">{FollowedName}</div></a>{/block:Followed}{/block:Following}</div>
</div><!-- Blogroll End -->


<!-- End. Do not edit below this line. -->
</div>
</div>

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

</body>
</html>