TAG PAGE #4

<!----------------------------------------------------------------------------


    ᴛᴀɢs ᴘᴀɢᴇ #4;
    © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
    [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ ᴄʜsᴏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]

    ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
    [ ᴄʜᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]


    - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
    - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴘᴀɢᴇ.


 ---------------------------------------------------------------------------->


<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


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

<!---------------------------------------------------------------------------


         ɴᴏᴛᴇ: ғᴏʀ sᴏᴍᴇ ʀᴇᴀsᴏɴ ᴡʜᴀᴛ ᴅɪsᴘʟᴀʏs ᴏɴ ᴛʜᴇ ᴘʀᴇᴠɪᴇᴡ
         ᴏɴ ᴛʜᴇ ʀɪɢʜᴛ ɪs ᴍᴏsᴛ ʟɪᴋᴇʟʏ ɴᴏᴛ ᴛʜᴇ ᴇxᴀᴄᴛ sᴀᴍᴇ ᴀs
         ᴛʜᴇ ʟᴀʏᴏᴜᴛ ʙᴜɪʟᴛ (ғᴏʀ ᴇxᴀᴍᴘʟᴇ ғᴏɴᴛs). sᴀᴠᴇ ᴀɴᴅ sᴇᴇ
         ᴀʟᴛᴇʀᴀᴛɪᴏɴs ᴏɴ ᴛʜᴇ ᴀᴄᴛᴜᴀʟ ʙʟᴏɢ.

         ʙᴇsᴛ ᴠɪᴇᴡᴇᴅ ᴏɴ ɢᴏᴏɢʟᴇ ᴄʜʀᴏᴍᴇ!


 ---------------------------------------------------------------------------->

<style type="text/css">


#s-m-t-tooltip {    display: block;
                    background: #333;
                    font-size: 8px;
                    font-family: calibri;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    color: #fff;
                    text-align: center;
                    margin-left: 20px;
                    padding: 5px;
                    min-width: 40px;
                    z-index: 999999999;}


::-webkit-scrollbar-track {background-color:#ddd;border:1px solid #fff;}
::-webkit-scrollbar-thumb {background-color:#333;}
::-webkit-scrollbar {width:3px;height:5px;}


body {background: #f5f5f5 url('IMAGE URL') fixed;text-align: center;line-height: 100%;}


a:link, a:active, a:visited {text-decoration:none;color:#333;}


#title{ margin:auto;
        margin-top:90px;
        font: 700 52px 'Montserrat';
        text-transform:uppercase;
        letter-spacing:8px;
        line-height:100%;
        padding:25px;
        color: #111;
        text-align:center;
        z-index:99999;}


#titles {   font:12px 'Montserrat';
            text-align:center;
            color:#fff;
            background:#333;
            padding:5px 8px 5px 8px;
            letter-spacing:2px;
            text-transform:uppercase;}


#descriptions { font:8px calibri;
                letter-spacing:1px;
                text-transform:uppercase;
                color:#333;
                margin-top:2px;
                text-align:justify;}


li {background:#fff;padding:5px;margin-bottom:1px;}


li a {color:#111;margin:1px;padding:5px;}


li:hover {background:#333;color:#fff;}


#search{    margin-top:20px;}


#search input[type="text"]{ width:400px;
                            font:12px 'Montserrat';
                            letter-spacing:2px;
                            color:#444;
                            border:1px solid #fff;
                            background:#fff url("http://static.tumblr.com/camqjbz/jztng9056/search.png") no-repeat 10px center;
                            padding:15px 20px 15px 35px;
                            text-transform:uppercase;}


#search input[type="submit"]{   cursor:pointer;
                                text-transform:uppercase;
                                text-align:center;
                                margin-left:1px;
                                padding:15px 20px;
                                font:12px 'Montserrat';
                                border:1px solid #fff;
                                color:#111;
                                background:#fff;}


.box {  width: 660px;
        margin: auto;
        margin-top:20px;
        margin-bottom: 50px;
        padding:25px 40px 25px 25px;}


.caption {  display: inline-block;
            position: relative;
            margin: auto;
            margin-bottom: 1px;
            padding:5px;
            z-index: 66;
            width:210px;}


.links{ position:fixed;
        letter-spacing:1px;
        left:15px;
        bottom:15px;
        z-index:9999999;}


.links a{   background:#fff;
            text-transform:uppercase;
            color:#333;
            display:block;
            width:60px;
            font: 8px calibri;
            margin-bottom:5px;
            padding:2px;
            text-align:center;}


</style>
</head>
<body>


<div class="links">
<a href="/">home</a>
<a href="/ask">message</a>
<a href="http://chcodes.tumblr.com/" title="coded by chloe">chso</a>
</div>


<!-------------    TITLE     ------------>

<div id="title">
    search
</div>


<div id="search">
    <form action="/search" method="get" class="sfm">
    <input type="text" name="q" value="write a tag" /><input type="submit" value="enter" />
    </form>
</div>


<div class="box">

<table>

<!-------------    COLUMN ONE     ------------>
<td style="vertical-align:top;">


<!-------------    ONE     ------------>
<div class="caption">

<div id="titles">tag list #1</div>
<div id="descriptions">
<a href="/"><li>tag number one;</li></a>
<a href="/"><li>tag number two;</li></a>
<a href="/"><li>tag number three;</li></a>
<a href="/"><li>tag number four;</li></a>
<a href="/"><li>tag number five;</li></a>
</div></div>


<!-------------    TWO     ------------>
<div class="caption">

<div id="titles">tag list #4</div>
<div id="descriptions">
<a href="/"><li>tag number one;</li></a>
<a href="/"><li>tag number two;</li></a>
<a href="/"><li>tag number three;</li></a>
<a href="/"><li>tag number four;</li></a>
<a href="/"><li>tag number five;</li></a>
</div></div>


 </td>


 <!-------------    COLUMN TWO     ------------>
 <td style="vertical-align:top;">


<!-------------   THREE     ------------>
<div class="caption">

<div id="titles">tag list #2</div>
<div id="descriptions">
<a href="/"><li>tag number one;</li></a>
<a href="/"><li>tag number two;</li></a>
<a href="/"><li>tag number three;</li></a>
<a href="/"><li>tag number four;</li></a>
<a href="/"><li>tag number five;</li></a>
</div> </div>


<!-------------    FOUR     ------------>
<div class="caption">

<div id="titles">tag list #5</div>
<div id="descriptions">
<a href="/"><li>tag number one;</li></a>
<a href="/"><li>tag number two;</li></a>
<a href="/"><li>tag number three;</li></a>
<a href="/"><li>tag number four;</li></a>
<a href="/"><li>tag number five;</li></a>
</div></div>


</td>

<!-------------    COLUMN THREE     ------------>
<td style="vertical-align:top;">


<!-------------    FIVE     ------------>
<div class="caption">

<div id="titles">tag list #3</div>
<div id="descriptions">
<a href="/"><li>tag number one;</li></a>
<a href="/"><li>tag number two;</li></a>
<a href="/"><li>tag number three;</li></a>
<a href="/"><li>tag number four;</li></a>
<a href="/"><li>tag number five;</li></a>
</div> </div>


</td>


</table>


</div>


</body>
</html>