Navigation/Tag Page

<html>
<head>

            <!-------------------------------------------
                      Theme by Clara Schueller
                       Navigation/Tags/About
                  http://mandrakescry.tumblr.com/
                      DON'T REMOVE THE CREDITS
            -------------------------------------------->


<!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}">


    <style type="text/css">

body {
    background-color: #ffffff;
    background-image: url('http://www.webtexture.net/wp-content/gallery/20-seamless-paper-texture/papar_texture_thumb10.jpg');
    background-attachment: fixed;
    margin: 0;
    word-wrap: break-word;
    text-decoration: none;
}
a {
    text-decoration:none;
}


#back {
    position:fixed;
    margin-left:200px;
    }

#back img {
    width:850px;
    z-index:-1;}

/*SIDEBAR*/


#side {
    margin-left:467px;
    font-size:12px;
    margin-top: 453px;
    text-transform:lowercase;
    text-align:center;
    letter-spacing:1px;
    position:fixed;
    opacity:1;
    font-family: times;

}

#side a{
    padding-top:3px;
    padding-bottom:3px;
    padding-right:3px;
    padding-left:3px;
    color:#000;

}

#side a:hover{
    color:#fff;
    -webkit-transition: all .9s ease;


}

#text {
    color:#000;
    margin-top:150px;
    margin-left:239px;
    position:fixed;
    font-size:10px;
    width:150px;
    text-align:justify;
    }


/*END OF SIDEBAR*/

/*LINKS*/


#moony {
    position:fixed;
    margin-top:160px;
    margin-left:90px;
    line-height:25px;
    padding-bottom:5px;
    font-family:raleway;
    color:#000;
    }

#moony a {
    font-size:12px;
    text-decoration:none;
    text-align:center;
    display:inline-block;
    color:#000;
    width:55px;
    padding:2px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

#moony a:hover {
    display:inline-block;
    color:#fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

/*END OF LINKS/

/*TAGS BOX*/
#tagsbox {
    position:fixed;
    font-family:raleway;
    text-transform:none;
    overflow:auto;
    font-size:9px;
    height:292px;
    width:192px;
    margin-top:145px;
    margin-left:510px;
    }

div#tagsbox::-webkit-scrollbar {width: 4px;}
div#tagsbox::-webkit-scrollbar-track {background: #ddd;}
div#tagsbox::-webkit-scrollbar-thumb {background: #6b6b69;
}

#tagtitle {
    text-align:center;
    text-transform:uppercase;
    font-size:14px;
    width:100%;
    color:#000;
    font-weight:bold;
    }

#prongs a {
    color:#000;
    text-decoration:none;
    display:block;
    text-transform:lowercase;
    letter-spacing:1px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

#prongs a:hover {
    text-decoration:none;
    display:block;
    text-transform:lowercase;
    color:#ddd;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

#padfoot {
    padding-top:5px;
    text-transform:uppercase;
    font-size:10px;
    font-style:italic;
    font-weight:bold;
    color:#000;
    border-bottom:1px solid;
    width:100%;
    }

#padfoot a{
    color:#777;
    text-decoration:none;
    }

/*END OF TAGS BOX*/


        {CustomCSS}</style>


            </head>

<body>

<div id="back">

<div id="side">
<a href="/">home</a><br>
<a href="/ask">mssg</a><br>
<a href="http://adf.ly/WipQG">credit</a>
</div>


<!--LINKS-->
<div id="moony">
<a href="/">link</a>
&nbsp;
<a href="/">link</a>

<br>
<a href="/">link</a>
&nbsp;
<a href="/">link</a>

<br>
<a href="/">link</a>
&nbsp;
<a href="/">link</a>

<br>
<a href="/">link</a>
&nbsp;
<a href="/">link</a>

<br>
<a href="/">link</a>
&nbsp;
<a href="/">link</a>


</div>
<!--END OF LINKS-->

<div id="text">
<!--HERE YOU OUT YOUR TEXT, YOU CAN PUT SOMETHING ABOUT YOU-->
Mr. Moony presents his compliments to Professor Snape, and begs him to keep his abnormally large nose out of other people's business.<br>
Mr. Prongs agrees with Mr. Moony, and would like to add that Professor Snape is an ugly git.<br>
Mr. Padfoot would like to register his astonishment that an idiot like that ever became a professor.<br>
Mr. Wormtail bids Professor Snape good day, and advises him to wash his hair, the slimeball.”
<!--THIS IS HERE THE TEXT ENDS-->
</div>


<!--TAG BOX-->
<div id="tagsbox">
<div id="tagtitle">
</div>
<br>
<!--TAG GROUP 1-->
<div id="padfoot">
Main tag
</div>
<div id="prongs">
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
</div>
<!--END OF TAG GROUP 1-->

<!--TAG GROUP 2-->
<div id="padfoot">
Main tag
</div>
<div id="prongs">
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
</div>
<!--END OF TAG GROUP 2-->

<!--TAG GROUP 3-->
<div id="padfoot">
Main tag
</div>
<div id="prongs">
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
<li><a href="/">tag</a></li>
</div>
<br>
<!--END OF TAG GROUP 3-->


</div>
<!--END OF TAG BOX-->

<img src="http://static.tumblr.com/xkrznpq/L0Mmsjf6o/book_3.png">
</div>

</body>
</html>