Navigation Page 01-Classic

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    <!---


888           8888888      888b     d888      8888888888       .d8888b.
888             888        8888b   d8888      888             d88P  Y88b
888             888        88888b.d88888      888             Y88b.
888             888        888Y88888P888      8888888          "Y888b.
888             888        888 Y888P 888      888                 "Y88b.
888             888        888  Y8P  888      888                   "888
888             888        888   "   888      888             Y88b  d88P
88888888      8888888      888       888      8888888888       "Y8888P"

NAVIGATION PAGE 01 BY OFCUTEBOYS/LIMESTHEMES/CAROLINE --CLASSIC--

This is the first navigation page in my Triple Page Pack

It's type #1-Classic

You can fill in as many links as you want, just add more <a href="/">links</a> :)

Enjoy it! If this doesn't suit your fancy, check out the rest of the pack.

Make sure to follow the rules, and if you have any questions, go to http://limesthemes.tumblr.com/support !

    --->


    <style type="text/css">


body {
    background-color:{color:background};
    font-family:Times;
    font-size:11px;
    color:black;
    letter-spacing:1px;
}

a {
    color:{color:link};
    text-decoration:none;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
}

a:hover {
    color:{color:hover};
}

h1 {
    font-size:28px;
    margin-top:3px;
    font-weight:normal;
    letter-spacing:1px;
    color:black;
    font-style:italic;
    text-align:center;
    font-family:Baskerville;
    z-index:99999999;
    position:fixed;
    width:350px;
}

h2 {
    text-align:center;
    font-size:14px;
    font-weight:600;
    font-style:normal;
    padding:0px;
}


blockquote {
    padding:10px;
    background-color:#F5F5F5;
    text-align:justify;
}

blockquote blockquote {
    padding-left:10px;
    border-left:2px solid {color:accent};
}


::selection {
    background-color:{color:accent};
}


::webkit-scrollbar {
    width:5px;
    background-color:{color:accent};
}



#credit {
    bottom:3px;
    position:fixed;
    right:10px;
    float:right;
    font-family:calibri;
    color:black;
    font-size:9px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:5px;

}

#credit a {
    color:black;
    padding:5px;
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    -o-transition-duration:.8s;
    -ms-transition-duration:.8s;
}

#credit a:hover {
    color:#00b3bd;
}

#actualfuckingcontent {
    width:350px;
    height:450px;
    top:50%;
    left:50%;
    margin-top:-225px;
    margin-left:-175px;
    position:fixed;
    line-height:180%;
}

.links {
    text-align:center;
}

.links a {
    color:black;
    font-size:11px;
    letter-spacing:2px;
    font-style:italic;
}

.links a:hover {
    color:#00b3bd; /*----you can change this color---*/
}


    </style>

</head>
<body>

    <div id="actualfuckingcontent">
        <h1>Navigation</h1>
        <center><img src="http://i60.tinypic.com/309ophx.jpg" width="150px;" style="margin-top:20px;z-index:-999;"></center><!---don't change this!--->
        <div class="links">
            <a href="/">home</a>
            <a href="/ask">inbox</a><!---you can change this if you want to--->
            <a href="http://ofcuteboys.tumblr.com/">credit</a><!---do not touch this--->
        </div>
        <h2>GROUP TITLE<!--write the title of the group here---></h2>
        <div class="links">
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a> <!---you can add or subtract links as you like, it doesn't matter how many you have-->
        </div>

        <h2>GROUP TITLE</h2>
        <div class="links">
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
            	<a href="/tagged/">link</a>
        </div>

        <h2>group title</h2>
        <div class="links">
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
		<a href="/">link</a>
        </div>

    </div>


    <div id="credit"><a href="http://ofcuteboys.tumblr.com/">ofcuteboys</a></div>


</body></html>