Tags #1

<!DOCTYPE HTML>
<head>
<!---
Code by slyytherinsam

Dont remove the credit, and don't redistribute, steal, or claim as your own. Other than that, go nuts!

If you have any questions at all, please come ask!
-->



<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<!-- tooltip script -->
<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:30,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>

<!--Special fonts-->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>


<style type="text/css">

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #FAFAFA;     /*Scrollbar background color*/
}
::-webkit-scrollbar-thumb {
    background-color:#80231e;   /*Scrollbar color*/
}

::selection {color:white;background:black;}
::-moz-selection {color:white; background:black; }
::-webkit-selection {color:white; background:black; }



/*Tooltip style*/
#s-m-t-tooltip {
    max-width:200px;
    position:absolute;
    z-index:99999;
    margin-top:20px;
    padding:2px 4px 2px 4px;
    background-color:#fff;
    font-family:'Josefin Sans', calibri;
    font-size:12px;
    color:#80231e;
    border:1px solid #600203;
}


body {
    font-family:'Montserrat', calibri;
    font-size:12px;
    background-color:#f7f7f7;       /*Change the background of the page*/
    color:#333;             /*Change the general font color*/
}

a {
    color:#616161;      /*Change the general links color*/
    text-decoration:none;
}

a:hover {
    color:#f79a95;      /*Change the general links color on hover*/
}

/*Transition speeds*/
*, *:hover {-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;}

#container {
    width:50%;
    height:600px;
    margin-left:25%;
    margin-top:5%;
    overflow:scroll;
    border:1px solid #cecece;   /*the border of the tag box*/
    background-color:#fff;      /*Background color of the tag box*/
}

h1 {
    text-align:center;
    font-family:'Montserrat', calibri;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:20px;
    display:block;
    color:#80231e;          /*change the color of the title*/
}

.category {
    text-transform:lowercase;
    display:block;
    padding-left:15px;
    padding-top:10px;
    font-size:16px;
    letter-spacing:1px;
    color:#80231e;      /*Change the color of the category titles*/
    font-weight:bold;
}

.maintags {
    margin-left:15px;
    margin-top:5px;
    margin-right:15px;
    margin-bottom:10px;
    font-family:'Josefin Sans', calibri;
    font-size:14px;
    line-height:160%;
}

.maintags a {
    text-transform:lowercase;
    display:inline;
    background-color:#f7f7f7;   /*Change the background color of the tags*/
    margin-left:5px;
    margin-right:5px;
    margin-top:2px;
    margin-bottom:2px;
}

.maintags a:hover {
    background-color:#616161;   /*Background color of the tags on hover*/
    color:#f7f7f7;          /*Font color of the tags on hover*/
}

#bottomlinks {
    width:50%;
    margin-left:25%;
    border:1px solid transparent;
    text-align:center;
    font-weight:bold;
    text-transform:lowercase;
    margin-top:7px;
    font-size:11px;
}

#bottomlinks a {
    color:#616161;      /*Font color of the bottom nagivation links*/
    padding-left:5px;
    padding-right:5px;
}

#bottomlinks a:hover {
    color:#f79a95;  /*Font color of the bottom nagivation links on hover*/
}

/*Don't mess with the credit, seriously it's tiny, it won't even bother you*/
#credit {bottom:3px;position:fixed;right:-100px;font-size:15px;font-family:calibri;}
#credit:hover {right:5px;}

</style>
 </head>
<body>
<div id="container">
 <h1>Tags n shit</h1>     <!-- Change the main title here-->

    <div class="category">Tag Category</div>
    <div class="maintags">
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
    </div>


    <div class="category">tag category</div>
    <div class="maintags">
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
    </div>


    <div class="category">tag category</div>
    <div class="maintags">
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
    </div>


    <div class="category">tag category</div>
    <div class="maintags">
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
    </div>


    <div class="category">you can put</div>
    <div class="maintags">
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
    </div>


    <div class="category">as many of these</div>
    <div class="maintags">
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
    </div>


    <div class="category">as you want</div>
    <div class="maintags">
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
        <a href="/tagurl">Tag name</a>
    </div>

    <!--For more tags, just copy/paste one of the templates above-->

</div>

<!--Main nagivation links; you can put as many as you want-->
<div id="bottomlinks">
    <a href="/">home</>
    <a href="/LINKURL">LINK 1</a>
    <a href="/LINKURL">LINK 2</a>
    <a href="/LINKURL">LINK 3</a>
    <a href="http://tumblr.com/dashboard">dash</a>

</div>

<!--again, don't mess with the credit please and thank you-->
<div id="credit"><a href="http://slyytherinsam.tumblr.com">&#9651;
<span style="font-size:10px;padding-left:15px;">code by slyytherinsam</span></a></div>


</body>
</html>