message page

<!DOCTYPE html>
<head>

<!---theme by amywiiliams, do not steal, please leave the credit in, you know the drill. enjoy---->

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:100,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

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

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

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

    <style type="text/css">

#s-m-t-tooltip {
    max-width:150px;
    padding:4px 7px;
    margin:20px 14px 7px 10px;
    background-color:#fff;
    font-family:calibri;
    font-size:9px;
    line-height:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    z-index:99999999;
}

::-webkit-scrollbar {
    height:2px;
    width:2px;
    background-color:transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #707070; /*change scrollbar color*/
    border-bottom:none;
}

::selection {
    background-color: #000;
    color: #fff;
}

body {
    background-color: #f5f5f5; /*change background color*/
    font-family:arial;
    font-size:12px;
}

blockquote {
    margin-left:15px;
    padding:2px 10px 2px;
    margin-top:5px;
    margin-bottom:5px;
    border-left:1px solid #a2a2a2;
}


a {
    text-decoration: none;
    color: #aaa; /*change link color*/
}

a:hover {
    text-decoration: none;
    color:#000; /*change link hover color*/
}

.con {
    height:520px;
    width:750px;
    background:transparent;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

.head {
    position:absolute;
    top:0px;
    text-align:right;
    left:0px;
    right:0px;
    height:100px;
    padding:20px;
    box-sizing:border-box;
}

.title {
    font-size:30px;
    margin-bottom:6px;
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#777; /*change title color*/
}

.head a {
    margin:0px 6px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:9px;
    color:#a2a2a2; /*change header links color*/
    cursor:help;
}

.head a:hover {
    text-decoration:underline;
    color:#666; /*change header links hover color*/
}

.head a:last-child {
    margin-right:0px;
}

.faq, .ask, .head {
    background:#fff; /*change content boxes background*/
}

.faq, .ask {
    position:absolute;
    left:0;
    top:120px;
    height:400px;
    overflow:auto;
    padding:25px;
    box-sizing:border-box;
    width:365px;
}

.ask {
    left:auto;
    right:0;
}

.q {
    font-weight:bold;
    font-style:italic;
    color:#373737; /*change question color*/
}

.a {
    font-size:11px;
    margin-left:10px;
    margin-bottom:20px;
    margin-top:5px;
    color:#737373; /*change answer color*/
}

.a:last-of-type {
    margin-bottom:0px;
}

</style>
</head>
<body>

<div class="con">
    <div class="head">
        <div class="title">message</div>
        <a href="/">home</a>
        <a href="/one">link one</a>
        <a href="/two">link two</a>
        <a href="http://tumblr.com/dashboard">dash</a>
        <!----do not touch--->
        <a href="http://gloriousponds.co.vu" title="theme by amywiiliams">credit</a>
    </div>

    <div class="faq">

        <div class="q">here is a question</div>
        <div class="a">and here is an answer. <a href="link">link</a>, <u>underline</u>, <b>bold</b> and <s>strikethrough.</s></div>

        <!---to add a new question copy and paste from here---->
        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>
        <!---to here---->

        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>

        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>

        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>

        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>

        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>

        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>

        <div class="q">here is a question</div>
        <div class="a">and here is an answer.</div>

    </div>

    <div class="ask">
    <div style="display:table; height:100%">
    <div style="display:table-cell;height:100%;vertical-align:middle;">


        <iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->


    </div>
    </div>
    </div>


</div>
</body>
</html>