New Tag Page

<!DOCTYPE html>
<html>
<head>

<!--

Tag Page 02
by yukoki/houtarubi

1. Light/Heavy CSS editting is allowed.
2. Do not use as base code.
3. Do not remove credit.
4. Do not claim theme as your own.
5. Do not redistribute.

-->

<title>Navigation</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />

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

<style type="text/css">

iframe#tumblr_controls { right:3px; position:fixed; opacity: 0.4;}
iframe#tumblr_controls:hover { opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

body {
    background-color: #ffffff;
    background-image: url(http://i1246.photobucket.com/albums/gg607/mogimochi/backgrounds/bg-woodverticallight_zpsb9111c79.png);
    /**background image**/
    background-attachment: fixed;
    margin: 0;
    word-wrap: break-word;
    text-decoration: none;
}
a {
    text-decoration:none;
}

#main {
    width: 480px;
    margin-top: 30px;
    padding: 10px;
}
.title {
    font-family: courier new;
    font-size: 38px;
    text-transform: uppercase;
    color: #97a7b7; /** "- TAGS -" colour**/
}
.nav {
    font-family: consolas;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: -5px 10px 10px 10px;
    color: #888; /** nav dots (dividers) colour**/
}
.nav a {
    color: #adadad; /** nav text colour**/
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.nav a:hover {
    text-shadow: -2px 0 0 #8dcad7; /** nav text shadow colour**/
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.pic {
    width: 410px;
    height: 120px;
    overflow: hidden;
    margin-left: -8px;
    margin-bottom: 5px;
}

#content {
    width: 500px;
    height: auto;
}
.maintag {
    width: 205px;
    padding: 10px;
    float: left;
    margin: 5px;
    background-color: #ededed; /** fandom background colour**/
}
.tagtitle {
    color: #707070; /** fandom title colour**/
    text-align: center;
    font-family: lekton;
    text-transform: uppercase;
    border-bottom: 1px dashed #c1c1c1; /** fandom title underline colour**/
    padding: 5px 5px;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 10px;
}
.tag {
    color: #999; /** tag colour**/
    border-left: 10px solid #b1c1d2; /** tag border colour**/
    margin: 3px 0;
    text-align: left;
    line-height: 13px;
    font-family: consolas;
    font-size: 12px;
    line-height: 13px;
    padding: 0 10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.tag:hover {
    border-left: 20px solid #809cbb; /** hover tag colour**/
    color: #5e5e5e; /** hover tag border colour**/
}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('#content');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.maintag',
});
});
$container.infinitescroll({
itemSelector : ".maintag",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>

<body>

<center>
<div id="main">
<div class="title">- tags -</div>
<div class="nav">
<a href="http://decorumlibertas.tumblr.com/">index</a> ●
<a href="http://decorumlibertas.tumblr.com/ask">message</a> ●
<a href="http://decorumlibertas.tumblr.com/archive">memories</a> ●
<a href="http://decorumlibertas.tumblr.com/rules">rules</a> ● <!--custom link 1-->
<a href="http://decorumlibertas.tumblr.com/mun">mun</a> ● <!--custom link 2-->
<a href="http://decorumlibertas.tumblr.com/disclaimer">disclaimer</a> ● <!--custom link 3-->
<a href="http://yukoki.tumblr.com">credit</a>
</div>
<img class="pic" src="http://i1246.photobucket.com/albums/gg607/mogimochi/asdfgh_zps539dc3cc.png"><!--header image-->

<div id="content">

<div class="maintag">
<div class="tagtitle">Muse Pages</div>
<a href="http://decorumlibertas.tumblr.com/haru"><div class="tag">Haruka Nanase</div></a>
<a href="http://decorumlibertas.tumblr.com/rinm"><div class="tag">Rin Matsuoka</div></a>
<a href="http://decorumlibertas.tumblr.com/sou"><div class="tag">Yamazaki Sousuke</div></a>
<a href="http://decorumlibertas.tumblr.com/mink"><div class="tag">Mink</div></a>
<a href="http://decorumlibertas.tumblr.com/daryl"><div class="tag">Daryl Dixon</div></a>
<a href="http://decorumlibertas.tumblr.com/seph"><div class="tag">Sephiroth</div></a>
<a href="http://decorumlibertas.tumblr.com/disclaimer"><div class="tag">Disclaimer!!</div></a>
</div>

<div class="maintag">
<div class="tagtitle">Muse Headcanons</div>
<a href="http://decorumlibertas.tumblr.com/tagged/haruheadcanons"><div class="tag">Haruka Nanase: Headcanons</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/rinheadcanons"><div class="tag">Rin Matsuoka: Headcanons</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/souheadcanons"><div class="tag">Sousuke Yamazaki: Headcanons</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/minkheadcanons"><div class="tag">Mink: Headcanons</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/darylheadcanons"><div class="tag">Daryl Dixon: Headcanons</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/sephheadcanons"><div class="tag">Sephiroth: Headcanons</div></a>
</div>

<div class="maintag">
<div class="tagtitle">Character Related</div>
<a href="http://decorumlibertas.tumblr.com/tagged/haruka%20nanase"><div class="tag">Haruka Nanase</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/harurelated"><div class="tag">Haru Related</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/rin%20matsuoka"><div class="tag">Rin Matsuoka</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/rinrelated"><div class="tag">Rin Related</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/yamazaki%20sousuke"><div class="tag">Sousuke Yamazaki</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/sourelated"><div class="tag">Sou Related</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/mink"><div class="tag">Mink</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/minkrelated"><div class="tag">Mink Related</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/daryl%20dixon"><div class="tag">Daryl Dixon</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/darylrelated"><div class="tag">Daryl Related</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/norman%20reedus"><div class="tag">Norman Reedus</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/sephiroth"><div class="tag">Sephiroth</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/sephrelated"><div class="tag">Seph Related</div></a>
</div>

<div class="maintag">
<div class="tagtitle">RP Tags</div>
<a href="http://decorumlibertas.tumblr.com/tagged/haruthread"><div class="tag">Haru Threads</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/rinthread"><div class="tag">Rin Threads</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/southread"><div class="tag">Sousuke Threads</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/minkthread"><div class="tag">Mink Threads</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/darylthread"><div class="tag">Daryl Threads</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/sephthread"><div class="tag">Sephiroth Threads</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/ic"><div class="tag">IC Threads: General</div></a>
</div>

<div class="maintag">
<div class="tagtitle">Misc. Tags</div>
<a href="http://decorumlibertas.tumblr.com/tagged/important"><div class="tag">Important</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/psa"><div class="tag">PSA</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/pretty%20fucking%20much"><div class="tag">Mun Related</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/asks"><div class="tag">Asks</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/anonymous"><div class="tag">Anons</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/text"><div class="tag">General Text Posts</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/pics"><div class="tag">General Pics</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/audio"><div class="tag">General Audio</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/nsfw/"><div class="tag">General NSFW</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/ooc"><div class="tag">OOC Mun Posts</div></a>
</div>

<div class="maintag">
<div class="tagtitle">Memes and Wishlist</div>
<a href="http://decorumlibertas.tumblr.com/tagged/rp%20ideas"><div class="tag">Wishlist</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/meme"><div class="tag">Regular Memes</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/headcanon%20meme"><div class="tag">Headcanon Memes</div></a>
</div>

<div class="maintag">
<div class="tagtitle">Blank</div>
<a href="/"><div class="tag">Blank</div></a>
<a href="/"><div class="tag">Blank</div></a>
<a href="/"><div class="tag">Blank</div></a>
</div>

<div class="maintag">
<div class="tagtitle">Mainverse Tags</div>
<a href="http://decorumlibertas.tumblr.com/tagged/haruka's%20orca"><div class="tag">Haruka's Orca</div></a>
<a href="http://decorumlibertas.tumblr.com/harumain"><div class="tag">Haruka's Mainverse Story</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/rin's%20dolphin"><div class="tag">Rin's Dolphin</div></a>
<a href="http://decorumlibertas.tumblr.com/rinmain"><div class="tag">Rin's Mainverse Story</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/soumain"><div class="tag">Sousuke's Main</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/minkmain"><div class="tag">Mink's Main</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/darylmain"><div class="tag">Daryl's Main</div></a>
<a href="http://decorumlibertas.tumblr.com/tagged/sephmain"><div class="tag">Seph's Main</div></a>
<a href="http://decorumlibertas.tumblr.com/sephmain"><div class="tag">Seph's Mainverse Story</div></a>
</div>

</div><!--content-->

</div><!--main--></center>

</body>
</html>