london

<!DOCTYPE html>
<head>

<!---


        faq: london
        updated 2/12/18

        @loranhale


--->

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

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic|PT+Sans:400,400italic,600,600italic|Source+Sans+Pro:400,400italic,600,600italic' rel='stylesheet' type='text/css'>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<style type="text/css">

/* scrollbar */

::-webkit-scrollbar {
    height:5px;
    width:1px;
    background:#fafafa;
}

::-webkit-scrollbar-thumb { background:#dcecf5; }

/* tumblr controls */

iframe.tmblr-iframe {
    z-index:99999999999999!important;
    top:0!important;
    right:0!important;
    opacity:0.4;
    /* delete invert(1) from here */
        filter:invert(1) contrast(150%);
        -webkit-filter:invert(1) contrast(150%);
        -o-filter:invert(1) contrast(150%);
        -moz-filter:invert(1) contrast(150%);
        -ms-filter:invert(1) contrast(150%);
    /* to here if your blog has a dark background */
    transform:scale(0.65);
    transform-origin:100% 0;
    -webkit-transform:scale(0.65);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.65);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.65);
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.65);
    -ms-transform-origin:100% 0;
    transition:all .6s ease;
}

iframe.tmblr-iframe:hover { opacity:0.6!important; }

/* tooltips */

#s-m-t-tooltip {
    max-width:300px;
    margin:15px;
    padding:4px 6px;
    z-index:99999999;
    color:#000;
    border:1px solid #eee;
    background:#fff;
}

/* body */

body {
    background:#fafafa;
    color:#555;
    font-family:'pt sans', arial, sans-serif;
    letter-spacing:.5px;
    font-size:10px;
    line-height:130%;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}

a {
    color:#91a8d0; /* links */
    text-decoration:none;
    transition:all .6s ease;
}

a:hover { color:#f7cac9; }

blockquote {
    padding-left:10px;
    border-left:1px solid #dcecf5;
    margin-left:5px;
}

h1 {
    font-size:13px;
    color:#444;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

b { font-style:bold; }
i { font-style:italic; }

section {
    width:400px;
    box-sizing:border-box;
    margin:80px auto;
}

nav {
    text-align:left;
    border-bottom:1px solid #eee;
    padding-bottom:20px;
    margin-bottom:25px;
}

.title {
    font-size:15px;
    color:#000;
    letter-spacing:.5px;
    font-weight:400;
    padding-bottom:10px;
}

.links { position:relative; display:inline-block; }

.links a {
    margin-right:8px;
    letter-spacing:.5px;
    font-size:10.5px;
}

.faq { margin-bottom:20px; border-bottom:2px solid #eee; }

.th {
    margin-right:8px;
    width:12px;
    font-size:12px;
    vertical-align:-2px;
}

.q {
    font-size:11px;
    margin-bottom:10px;
    color:#222;
}

.a { font-style:none; padding-bottom:10px; }

/* do not disturb */

.lo { bottom:20px; right:20px; position:fixed; }
.lo a { text-transform:uppercase; padding:5px; font-size:12px; }

</style>
</head>

<body>
<section>

<nav>
<div class="title">frequently asked questions</div>
<div class="links">
    <a href="/">home</a>
    <a href="/ask">ask</a>
    <a href="/">link</a>
    <a href="http://loranhale.tumblr.com">theme</a>
</div>
</nav>

<div class="faq">
    <div class="q"><span class="th th-question-o"></span> is this a question?</div>
    <div class="a">no that's a statement.</div>
</div>

<div class="faq">
    <div class="q"><span class="th th-question-o"></span> how does a link look like?</div>
    <div class="a"><a href="/">like this.</a></div>
</div>

<div class="faq">
    <div class="q"><span class="th th-question-o"></span> [theme question]</div>

    <div class="a">
    <blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta.</blockquote>
    </div>
</div>

<!--copy and paste for more sections-->

<iframe frameborder="0" scrolling="no" width="100%" height="150" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden; margin-top:0px; width:100%;" id="ask_form"></iframe>

</section>

<!-- danger! keep out -->
<div class="lo">
    <a href="http://julesatticus.tumblr.com" title="theme">j</a>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<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>
jQuery.noConflict();
(function($){
$(document).ready(function(){
$("a[title],img[title],[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>

</body>
</html>