PLOT PAGE #1

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


    ᴘʟᴏᴛ ᴘᴀɢᴇ;
    © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
    [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ ᴄʜ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;}


#title{ top:0px;
        left:0px;
        position:fixed;
        font: 700 42px 'Montserrat';
        text-transform:uppercase;
        background:#333;
        letter-spacing:6px;
        line-height:100%;
        padding:25px;
        color: #fff;
        text-align:left;
        width:100%;
        z-index:99999;}


#titles {   font:12px 'Montserrat';
            text-align:left;
            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:10px;
                text-align:justify;}


b {font:700 9px calibri;color:#111;}


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


.caption {  display: inline-block;
            position: relative;
            margin-bottom: 1px;
            margin-left:-1px;
            background: #fff;
            padding:25px;
            z-index: 66;
            width:210px;
            height:300px;
            overflow-y:scroll;}


a.caption:hover {background:#f5f5f5;}


.links{ position:fixed;
        letter-spacing:1px;
        right:15px;
        top:20px;
        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">
    title
</div>


<div class="box">

<table>
<td style="vertical-align:top;">


<!-------------    ONE     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #1</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>


<!-------------    TWO     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #2</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>


<!-------------    THREE     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #3</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>


<!-------------    FOUR     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #4</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>


<!-------------    FIVE     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #5</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>


<!-------------    SIX     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #6</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>
</a>


<!-------------    SEVEN     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #7</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>


<!-------------    EIGHT     ------------>


<a class="caption" href="LINK/TAG">

<div id="titles">plot number #8</div>
<div id="descriptions">
<b>pairing:</b> paring name;
<p>
<b>plot:</b> Description</div>
</a>


</td>


</table>


</div>


</body>
</html>