faq page 11

<!-----

theme made by tumblr user planthed ★彡

keep the creds u lil bitch (◡‿◡✿)

 — http://painthemes.tumblr.com/
 — http://planthed.tumblr.com/

------>

<html lang="en">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbhjqlo/rd3nc0jpe/effectsxp.txt"></script>
<script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){$(document)
.ready(function(){$("[title]")
.style_my_tooltips();});})
(jQuery);
</script>

<script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
</script>

<style type="text/css">


body {
padding:0px;
margin:0px;
color:#999;
font-family: arial;
line-height:9px;
font-size:10px;
background-color:#fbfbfb; /*change the color of your background*/
background-image:url();
background-attachment: fixed;
background-repeat: repeat;
}

a:link, a:active, a:visited{
color:#000;
text-decoration:none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}


a:hover {
font-style:italic;
}


/*faq box*/

#ask{
margin-top:200px;
height:170px;
font-size:11px;
z-index:999999;
margin-left:450px;
position: fixed;
width:400px;
padding:25px;
font-style:italic;
line-height:17px;
font-family:calibri;
color:#000;
background:#fff;
border:1px solid #eee;
}

#links {
margin-top:140px;
display: block;
position: fixed;
z-index:99999999;
opacity:1;
margin-left:400px;
}

/*custom links*/

#links a {
display:block;
padding:10px;
background:#fff;
z-index:9999;
border:1px solid #eee;
text-transform:uppercase;
font-size:15px;
margin-top:10px;
z-index:99999;
text-align:center;
line-height:13px;
}

#links a:hover{
background:#000;
color:#fff;
border-radius:0px;
border:1px solid #000;
box-shadow:inset 0px 0px 0px 20px #000;}

#s-m-t-tooltip{
max-width:300px;
padding:5px;
margin:20px 0px 0px 20px;
background-color:white;
font-family:calibri;
font-size:8px;
text-transform:uppercase;
color:#000;
border:1px solid #eee;
letter-spacing:1px;
opacity:1;
z-index:9999999999999999999;
}

/*title box*/

#title{
text-transform:lowercase;
font-family:helvetica;
font-weight:bold;
margin-top:150px;
margin-left:450px;
width:420px;
font-size:25px;
text-align:left;
font-style:normal;
letter-spacing:-1px;
z-index:99999999;
color:#000;
padding:15px;
background:#fff;
border:1px solid #eee;
position:fixed;}


.click{
text-transform:uppercase;
font-family:Helvetica;
position:fixed;
font-size:20px;
margin-top:-6px;
margin-left:30px;
color:#000;
z-index:99999999999999999999999;
height:20px;
}


.juas{
display:none;
font-style:italic;
color:#fff;
position:fixed;
margin-top:40px;
width:420px;
}

</style>

<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 type="text/javascript">
$(document).ready(function(){
$(".juas").hide();
$(".click").click(function(){
$(this).next(".juas").slideToggle('fast');
}); }); </script>


<title>{name}'s ask box</title>
<link rel="shortcut icon" href="{favicon}">


</head>
<body>


<div id="links">
<a title="title 1" href="/"><i class="fa fa-home"></i></a>
<a title="title 2 " href="/"><i class="fa fa-refresh"></i></a>
<a title="title 3" href="/"><i class="fa fa-search"></i></a>
<a title="title 4" href="/"><i class="fa fa-user"></i></a>
<a title="title 5" href="/"><i class="fa fa-wrench"></i></a>
<a title="theme credit" href="http://planthed.tumblr.com"><i class="fa fa-star"></i></a>

</div>


<div id="ask">

write here your faq

</div>

<div id="title">read before ask
<a title="click here for my ask box" class="click">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-envelope"></i></a>
</a>
<div class="juas">
<iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" height="190px" width="100%">
</div></div>
</div>