ask+faq #1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-------------------------------------------------------------------------
             ask+faq page
                 by florels.tumblr.com
  feel free to edit as you please, for any questions,
                                just shoot me a message xo
-------------------------------------------------------------------------->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<title>{Title}</title> <!--tab title name-->
<link rel="shortcut icon" href="{Favicon}"/> <!--favicon-->


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/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:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>


<head>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic' rel='stylesheet' type='text/css'>


    <style type="text/css">

::-webkit-scrollbar {width: 5px; height: 0px; background:#ffffff;}
::-webkit-scrollbar-thumb {background:#d880a6;} /* scrollbar colour */


    a {
    color:#d880a6; /* link colour */
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;}

    a:hover {
    color:#ffffff; /* link hover colour */
    background:#000000; /* link hover background colour */
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;}

    #s-m-t-tooltip {
    display:block;
    background:#000000;
    font-size:7px;
    font-family:'Noto Sans';
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:100%;
    color:#ffffff;
    text-align:center;
    margin-left:18px;
    padding:4px;
    min-width:45px;
    max-width:100px;
    z-index:9999;}

body{
    background:#ffffff;}

#box {
    position:absolute;
    top:200px;
    left:50%;
    margin-left:-245px;
    height:auto;
    font-size:10px; /* main font size */
    text-align:justify;
    width:440px; /* main width */
    border:5px solid #000000; /* main border colour and width */
    font-family:'Noto Sans'; /* main font family */
    padding:10px;
    color:#000000;}

#sidebar {
    position:absolute;
    font-family:'Noto sans'; /* sidebar font family */
    color:#ffffff; /* sidebar text colour */
    font-size:9px; /* sidebar font size */
    width:160px; /* sidebar width */
    left:50%;
    margin-top:110px;
    margin-left:-450px;
    padding: 13px;
    background:#000000; /* sidebar background colour */
    height:150px;
    text-align:justify;
    word-spacing:1px;}

#sidebar a{
    color:#ffffff;}

.title {
    font-family:'Playfair Display'; /* title font family */
    color:#ffffff; /* title text colour */
    letter-spacing:2px;
    font-size:17px;
    margin-left:20px;
    margin-top:20px;
    border:2px solid #ffffff; /* title border colour and width */
    padding:5px;
    width:210px;
    background:#000000; /* title background colour */
    text-align:center;}

.heading {
    font-size:25px; /* section heading text size */
    color:#000000; /* section heading text colour */
    margin-bottom:15px;
    font-family:'Playfair Display'; /* section heading font family */
    font-style:italic; /* italic */
    position:relative;
    border-bottom:2px solid #000000;}

.navlinks {
    text-align:right;}

#cred {
    position:fixed;
    font-family:'noto sans';
    font-size:9px;
    font-weight:normal;
    line-height:100%;
    letter-spacing:1px;
    right:10px;
    bottom:10px;
    text-align:center;
    padding-right:7px;
    padding-bottom:5px;
    background-color:#ffffff;
    }

#cred a {
    padding:3px;
    color:#d880a6;
    border:1px solid #d880a6;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    }

#cred a:hover{
    color:#ffffff;
    border:1px solid #000000;}

    {CustomCSS}

    </style></head>

<body>


<div id="sidebar">
<div class="title">custom</div> <!--main title-->
<p>
<u>name:</u> NAME <!--name here-->
<br><u>age:</u> AGE <!--age here-->
<br><u>location:</u> LOCATION <!--location here-->
<!--you can also add in a hit counter and an online user code here, but please bear in mind you'll have to increase the sidebar height as well-->


<div class="navlinks">
<a href="http://tumblr.com/">dash</a><br>
<a href="/">back to blog</a><br>
<a href="http://florels.tumblr.com/">theme</a>
<!--if you want to add more links here simply copy the coding above, but please bear in mind you'll have to increase the sidebar height as well-->
</div></div>


<div id="box">

<div class="heading">faq</div>

type faq here <!--faq can be as long as you want, because the page will automatically have a scroll bar if it needs to-->


<br><br><br><br><br>
<div class="heading">askbox</div>

<iframe frameborder="0" height="200px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/URLHERE.tumblr.com" width="440px"></iframe>
<!--IMPORTANT-->
<!--make sure that you replace 'URLHERE' with your url. failure to do this properly will mean that your ask form will not work-->


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


</body>


<div id="cred"><a href="http://florels.tumblr.com/" target="_blank">© theme</a></div>


</html>