FAQ Page 01

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

 <script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>



<!--- FAQ PAGE #1 BY ARMYOFGHOSTS :) --->



<!-- jquery -->

<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:100,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">



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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">



/* --- SCROLLBAR ---*/

::-webkit-scrollbar {background-color:#fff; height:5px; width:7px}
::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px;border-radius:10px;border:1px solid #fff;}
::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}



/*---TOOLTIP---*/

#s-m-t-tooltip {
    max-width:300px;
    padding:2px;
    margin:10px 0px 0px 10px;
    padding:3px 5px;
    background-color:#fbfcc7;
    border: 1px solid rgba(0, 0, 0, .1);
    text-transform:none;
    font-size:9px;
    font-family:helvetica;
    letter-spacing:1px;
    color:#000;
    z-index:999;
}



/* --- BODY ---*/

body {
    background:#333;
    line-height:10px;
}

a:link, a:active, a:visited{
    color:#999;
    text-decoration:none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover{
    color:#000;
    text-decoration: none;
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
}



/* --- TITLE ---*/

#header {
    margin-top:110px;
    margin-left:31px;
    background:#f1f1f1;
    width:710px;
    padding:15px 15px 25px 15px;
    text-align:left;
    border:solid 1px #f1f1f1;
    box-shadow: 8px 8px 5px #000;
    border-radius:5px;
    font-family:helvetica;
    font-size:11px;
}

#menu {
    margin:-10px 0px 0px -10px;
    width:98.3%;
    height:20px;
    background:#e8e8e8;
    padding:5px 20px 0px 20px;
    text-align:left;
    font-family:helvetica;
    font-size:11px;
}



/*---ASK---*/

#ask {
    margin-top:-15px;
    margin-left:31px;
    background:#fff;
    width:700px;
    max-height:350px;
    padding:10px 20px 10px 20px;
    overflow:scroll;
    text-align:left;
    line-height:200%;
    border-bottom:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    box-shadow: 8px 8px 5px #000;
    font-family:helvetica;
    font-size:9px;
    text-transform:lowercase;
    letter-spacing:2px;
}

#q {
    margin-right:20px;
    border:2px solid #f4f4f4;
    background:#f4f4f4;
    border-radius:5px;
    display:block;
    padding:5px;
    margin-top:5px;
}

#an {
    margin-right:20px;
    display:block;
    padding:5px;
}



/*---DON'T TOUCH THIS PLS c:---*/

#wrap {
    width:700px;
    margin:0 auto;
}

#left_col {
    float:left;
    width:350px;
    overflow-y:scroll;
}

#right_col {
    float:right;
    width:350px;
}



/*---CREDIT---*/

#cred {
    position:fixed;
    bottom:10px;
    right:10px;
    font-size:18px;
    padding:5px;
}

#cred a {
    color:#fff;
}



</style></head>

<center>





<!---HEY so I know this looks messy and all and I'm sorry but idk don't mess with this if you want the menu bar. If you don't want it, delete the code from here until after the </span> </div>--->

<div id="menu">

<i class="fa fa-apple" style="font-size:14px;"></i> &nbsp;&nbsp;&nbsp;

<b>Chrome</b> &nbsp;&nbsp;&nbsp; File  &nbsp;&nbsp;&nbsp; Edit &nbsp;&nbsp;&nbsp; View &nbsp;&nbsp;&nbsp; History &nbsp;&nbsp;&nbsp; Bookmarks &nbsp;&nbsp;&nbsp; Window &nbsp;&nbsp;&nbsp; Help



<span style="float:right; margin-right:10px;">

<i class="fa fa-wifi" style="font-size:14px;"></i> &nbsp;&nbsp;&nbsp; <i class="fa fa-volume-up" style="font-size:14px;"></i> &nbsp;&nbsp;&nbsp;



<!---OKAY LISTEN UP so if you want it to display your city's local time, replace anywhere it says "New_York" with your city. For example, if you live in San Diego, put San_Diego and so on :) --->

<a href="http://time.is/New_York" id="time_is_link" style="font-size:12px"></a>
<span id="New_York_z161" style="font-size:12px"></span>
<script src="http://widget.time.is/en.js"></script>
<script>
time_is_widget.init({New_York_z161:{template:"DATE TIME",  date_format:"dname", time_format:"12hours:minutesAMPM"}});
</script>



&nbsp;&nbsp;&nbsp; <i class="fa fa-search" style="font-size:14px;"></i> &nbsp;&nbsp;&nbsp; <i class="fa fa-tasks" style="font-size:14px;"></i>

</span>

</div>

<!---Yeah delete the code UNTIL HERE if you don't want the menu bar :) --->





<!---HEADER--->

<div id="header">

<!---LINKS--->

<a href="/" title="home"><i class="fa fa-circle" style="color:#F28F8F;font-size:10px; margin-right:5px;"></i></a>

<a href="/" title="ask"><i class="fa fa-circle" style="color:#F2DE8F;font-size:10px; margin-right:5px;"></i></a>

<a href="https://www.tumblr.com/dashboard" title="dash"><i class="fa fa-circle" style="color:#8FF291;font-size:10px; margin-right:5px;"></i></a>

<!---TITLE--->

<span style="padding:5px; font-size:11px; letter-spacing:2px;">
message
</span>

</div>


<center>




<div id="ask">

<!---CHANGE YOUR TEXT FROM HERE--->


<div id="wrap"><div id="left_col">



<h2 style="text-transform:lowercase; color:#000; font-size:15px;">FAQ</h2>

<div id="q">Your question goes here</div>

<div id="an">And your answer goes here!</div>


<div id="q">You can add another one!</div>

<div id="an">And your answer still goes here!</div>


<div id="q">You can add as many as you want :)</div>

<div id="an">(But yeah I guess your answer is still here)</div>


<div id="q">It will probably scroll when you reach a certain height</div>

<div id="an">Which it's not quite reached rn</div>



</div>



<div id="right_col">



<h2 style="text-transform:lowercase; color:#000; font-size:15px;">Silence will fall...</h2> <p>

<!---PLEASE DON'T FORGET TO CHANGE YOUR "AOGTHEMES" TO YOUR OWN URL--->

<center><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/aogthemes.tumblr.com" style="background-color:transparent; overflow:hidden; margin-bottom:20px;" id="ask_form"></iframe></center>

<!---UNTIL HERE--->



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

</center>





<div id="cred"> <a title="armyofghosts" href="http://armyofghosts.tumblr.com/"><i class="fa fa-code"></i></a> </div>





</body>
</html>