page 04 — lost in yesterday (faq page)

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

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

     glimmer @ hawkinsgrocery.tumblr.com

     PLEASE DO NOT:
        remove the credits;
        claim as your own;
        use as a base;
        take parts of the theme;
        repost as your own.

     YOU CAN:
        edit as much as you want for your own personal use only.

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


<head>
<title>{Title}&nbsp;&nbsp;—&nbsp;&nbsp;faq</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='https://fonts.googleapis.com/css?family=Karla:400,300,700' rel='stylesheet' type='text/css'>

<!-- scripts -->
<link href='https://static.tumblr.com/m2fiocp/rlrqq9wlt/outicons.css' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {
background:#000000;
height: 80px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
}

body {
    background-color:#f8f8f8;
    color:#212121;
    font-size:10px;
    font-family:'Karla';
    font-weight:400;
    letter-spacing:0.4px;
    line-height:190%;
    text-align:justify;

}


a {
    text-decoration: none;
    color:#b8b8b8;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

}

a:hover {
    color:#decba4;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

}

blockquote {
    border-left:2px solid #b8b8b8;
    margin-left:10px;
    padding-left:10px;
}

#s-m-t-tooltip {
width:auto;
padding:5px;
text-transform:uppercase;
}

#container {
width:400px;
margin-top:65px;
margin-bottom:150px;
margin-left:auto;
margin-right:auto;
}

#topbar {
text-align:center;
margin-bottom:20px;
}

#title {
text-align:center;
color:#777;
font-size:15px;
font-weight:bold;
display:inline-block;
padding:0px;
padding-bottom:8px;
}

#links {
margin-top:-5px;
}

#links a {
color:#b8b8b8;
margin-right:10px;
}

#links a:hover {
color:#decba4;
}

#tags-container {
text-align:left;
}

#tags-links {
text-align:center;
margin-top:10px;
margin-left:0px;
}

#tags-links a {
color:#b8b8b8;
margin-right:10px;
}

#tags-links a:hover {
color:#decba4;
}

.question, .answer, .askbox{
    width:400px;
    position:relative;
    margin:0 auto;
    margin-top:15px;
    min-height:60px;
}

.askbox{
    background:#fff;
    height:190px;
    margin-top:50px;
    margin-bottom:50px;
}


 .credit {
    position:fixed;
    bottom:15px;
    right:15px;
    font-size:20px
}

</style>
</head>
<body>


<div id="container">

<div id="topbar">

<div id="title">lost in yesterday</div>

<div id="links">
<b>
<a href="/">back</a>&nbsp;
<a href="/ask">message</a>&nbsp;
<a href="/archive">archive</a>&nbsp;
<a href="/">link</a>
</b>
<br><br>
<br>
</div>

<div id="tags-container">


<!---------- bio ---------->
<div id="bio">

<!-- bio -->
<p>This is a question.</p>

<p><blockquote>This is an answer.</blockquote></p>

<br>

<p>This is a question.</p>

<p><blockquote>This is an answer.</blockquote></p>

<br>

<p>This is a question.</p>

<p><blockquote>This is an answer.</blockquote></p>

<br>

<!-- askbox -->

<!--to enable the askbox, replace where it says "YOUR_URL" with your own blog URL. YOU MUST HAVE "Let people ask questions" TURNED ON ON YOUR BLOG TO ENABLE THE ASK BOX your askbox enabled to enable this askbox.-->

        <div class="answer" id="askbox">
            <p>
            <iframe frameborder="0" height="200" id="ask_form"
            scrolling="no" src="https://www.tumblr.com/ask_form/{YOUR_URL}.tumblr.com"
            width="100%"></iframe>
            <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').
            allowTransparency=true;</script>
            <![endif]-->
            </p>
        </div>

</div>


<!-- jquery -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script>
$(document).ready(function() {
    $(document).tooltip({
        track:true
    });
});
</script>

<div class="credit"><a href="https://hawkinsgrocery.tumblr.com" title="hawkinsgrocery"><i class="oi oi-heart"></i></a></div>
</body></html>