Tag List Page #1

    <html>
    <head>

    <!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}">
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  <link href='http://fonts.googleapis.com/css?family=Merienda' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>

    <!----tag list page by elctra
                don't steal the credit or use as a base code
                and no redistributing-->

    <style type="text/css">

::-webkit-scrollbar {height: auto;width: 6px;}
::-webkit-scrollbar-thumb {background-color:#000;}
::-webkit-scrollbar-track{background-color:#fff;}

    body {
    background: #fff;
    font-family:merienda;
    font-size: 10px;
    line-height: 100%;
    }

    a {
    text-decoration: none;
    color: #000;
    }

    #text1 {
    height: auto;
    width: auto;
    margin-top: 50px;
    font-family: loved by the king;
    font-size: 60px;
    text-align: center;
    text-shadow: 2px 2px #eee;
    }

    #text2 {
    height: auto;
    margin-top: 35px;
    width: 100px;
    margin-left: 52%;
    font-family: sacramento;
    text-align:right;
    Font-size: 50px;
    text-shadow: 2px 2px #eee;
    }

    #outer {
    width: 300px;
    height: 500px;
    margin-left:550px;
    margin-top: 50px;
    opacity: 0.8;
    background-image:url('http://static.tumblr.com/smal9bi/Zz2ml2g5a/background.jpg')
    }

    #inner {
    width: 250px;
    height: 450px;
    margin-left: 25px;
    margin-top: 25px;
    position :absolute;
    background:#fff;
    overflow: auto;
    }

    #title1 {
    margin-left: 5px;
    border-bottom: 1px dashed #eee;
    margin-top: 50px;
    font-size: 30px;
    height: 20px;
    font-family: loved by the king;
    text-align: center;
    }

    #links1 {
    font-family:Merienda;
    font-size:9px;
    opacity:1;
    text-align:center;
    margin-left: 25px;
    padding-top:20px;
    letter-spacing:1px;
    text-transform:lowercase;
    padding-bottom:5px;
    width: 200px;
    }

    #links1 a{
    display:block;
    padding:3px 1px 3px 4px;
    letter-spacing:1px;
    -webkit-transition: .7s;
    -moz-transition: 1.5s;

    }

    #links1 a:hover{
    color:#fff;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    background:#000;
    letter-spacing: 6px;
    }

    #title2 {
    margin-left: 5px;
    margin-top: 20px;
    font-size: 30px;
    height: 20px;
    text-align: center;
    font-family: loved by the king;
    border-bottom: 1px dashed #eee;
    text-transform: lowercase;
    }

    #links2 {
    font-family:Merienda;
    font-size:9px;
    opacity:1;
    text-align:center;
    margin-left: -5px;
    margin-top: 0px;
    padding-top:20px;
    padding-left: 30px;
    letter-spacing:1px;
    text-transform:lowercase;
    padding-bottom:5px;
    width: 200px;
    }

    #links2 a{
    display:block;
    padding:3px 1px 3px 4px;
    letter-spacing:1px;
    -webkit-transition: .7s;
    -moz-transition: 1.5s;

    }

    #links2 a:hover{
    color:#fff;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    background:#000;
    letter-spacing: 6px;
    }


    #credit {
    position:fixed;
    float: right;
    bottom: 10px;
    right: 5px;
    letter-spacing: 1px;
    }


    {CustomCSS}
    </style>
    </head>
    <body>

    <div id="text1">your name here's</div>
    <div id="text2">Taglist</div>
    <div id="outer"><div id="inner"> <div id="title1">title 1</div>
    <div id="links1">
                  <a href ="/">name</a>
                  <a href ="/">name</a>
                  <a href ="/">name</a>
                  <a href ="/">name</a>

                  </div>


<div id="title2">title 2</div> <div id="links2">
                  <a href ="/">name</a>
                  <a href ="/">name</a>
                  <a href ="/">name</a>
                  <a href ="/">name</a>

                  </div>

<div id="title2">title 3</div> <div id="links2">
                  <a href ="/">name</a>
                  <a href ="/">name</a>
                  <a href ="/">name</a>
                  <a href ="/">name</a>


                  </div>


    </div>

    <div id="credit"><a href="elctra.tumblr.com"><img src="http://i50.tinypic.com/2en0nsp.png"></div>

    </div>

    </body>

    </html>