faq / FLICKER


<!DOCTYPE html>
<head>
<!------


                             flicker

                            @odeysseus


- credits @ odeysseus.tumblr.com/credit

------>
<title> 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=Lora:400,400italic,600,600italic|Lato:300,400,700" rel="stylesheet">
<style type="text/css">

* { margin:0;padding:0; }


@-webkit-keyframes fadein {
        0%   {opacity: 0;}
        100% { opacity: 1; }
}

@-moz-keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

@keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

.tmblr-iframe { display:none; } a,.button { transition:0.2s ease-in;} .c a { bottom:27px;right:27px;position:fixed;border:0; }

b,strong { color:#444; /* bold text */ }

body {
    background:#fff; /*background*/
    font-family:'Lora',Georgia,serif; /*font*/
    font-size:12px; /* font size */
    line-height:190%;
    color:#666; /* text color */
    -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;

}

a {
    color:#444; /*links*/
    text-decoration:none;
}

a:hover,.button:hover {
    color:#ffaab8!important; /* link hover */
}

section {
    width:450px; /* container width, change this if you want */
    margin:100px auto;
    text-align:center;
}

h1,h2 {
    font-family:'Lato';
    color:#444;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:5px;
    font-weight:700;
}

h2 {
    font-size:12px;
    font-weight:300;
    margin-bottom:30px;
}

header:after,h2:before {
    content:'';
    display:block;
    margin:30px auto;
    width:100px;
    height:1px;
    background:#dedede;
}

h2:first-of-type:before {
    display:none;
}

header a {
    font-style:italic;
    margin:0px 3px;
}

b.q {
    display:block;
    margin-bottom:5px;
    font-family:'Lato';
}

i.a {
    display:block;
    margin-bottom:30px;
}

</style>
</head>
<body>

<section>

<header>
    <h1>frequently asked</h1> <!--main heading-->

    <!--links - add or delete as you wish-->
    <a href="/">home</a>
    <a href="http://tumblr.com/dashboard">dash</a>
    <a href="">link</a>
</header>

<!--start faq-->

<h2> example subheading </h2>

<b class="q"> example question </b>
<i class="a"> example answer. <b>bold</b>, <u>underline</u>, <a href="link url">link</a>. </i>

<b class="q"> example question </b>
<i class="a"> example answer </i>

<h2> example subheading </h2>

<b class="q"> example question </b>
<i class="a"> example answer. <b>bold</b>, <u>underline</u>, <a href="link url">link</a>. </i>


<!--end faq-->


<!--inbox, there's no need to edit this. it might say "there's nothing here" whilst in customise but your ask box will show up when you view the page in a new tab!-->

<h2 style="margin-bottom:0">inbox</h2>

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


<div class="c"><a href="http://odeysseus.tumblr.com">O</a></div>

</body>
</html>
thank you