Faq/Message Page 01

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

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

<!-----PAGE BY ARITHEMES/DARTHVCDER. DON'T STEAL OR REDISTRIBUTE. THANKS.----->

<head>


    <title>faq/message</title> <!-----CHANGE THE TITLE ON THE TAB HERE----->
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $(".question").not(".show").find(".answer").hide();

    $(".question").click(function(){

        if ($(this).find(".answer").is(":hidden")) {
            $(this).find(".answer").slideDown("slow");
        }

        else {
            $(this).find(".answer").slideUp("slow");
        }
});

});

</script>


    <style type="text/css">


::-webkit-scrollbar-thumb {
    background-color: #eeeeee; /*CHANGE THE SCROLLBAR*/
    height:auto;
    border-bottom:none;
}
::-webkit-scrollbar {
    height:9px;
    width:2px;
    background-color: transparent;

}

::selection {
    background-color: #92d1e8; /*SELECTION BG*/
    color: #fcfcfc; /*SELECTION TEXT*/
}

body {
      background-color: #fcfcfc; /*BACKGROUND COLOR*/
      background-image: url(/); /*BACKGROUND URL*/
      background-repeat: repeat;
      font-family: sans-serif;
      line-height: 110%;
      font-size: 11px;
}


a {

    color: #92d1e8; /*LINK COLOR*/
    text-decoration: underline;
}

a:hover {
    letter-spacing: 1px;
    -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      transition: 0.8s;
}

b {
    color: #92d1e8; /*BOLD COLOR. ALSO CHANGES THE QUESTION COLOR.*/
}

i {
    color: #92d1e8; /*ITALICS COLOR*/
}

#contain {
    width: 450px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: white; /*FAQ CONTAINER BACKGROUND COLOR*/
    border: 1px solid #eeeeee; /*CONTAINER BORDER COLOR*/
    border-radius: 5px;
    margin: auto;
    margin-top: 100px;
    padding: 20px;
    padding-top: 10px;
}

.question  {
    background-color: #fcfcfc; /*QUESTION/ANSWER BACKGROUND COLOR*/
    border: 1px solid #eeeeee; /*QUESTION/ANSWER BORDER*/
    border-radius: 5px;
    padding: 7px;
    text-align: right;
    font-size: 10px;
    cursor: help;
    margin-top: 10px;
}

.answer {
    display: none;
    text-align: left;
    color: #d1cccc; /*ANSWER TEXT COLOR*/
    padding: 10px;
}


</style>
</head>

<body>


<div id="contain">

    <!--QUESTION 1-->
    <div class="question"><b>write question 1 here</b>

        <div class="answer">

        <b>bold</b> <i>italic</i> <a href="/">link</a><br><br>

           Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>

    </div>
    <!--END OF QUESTION 1-->

    <!--QUESTION 2-->
    <div class="question"><b>write question 2 here</b>

        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>

    </div>
    <!--END OF QUESTION 2-->

    <!--QUESTION 3-->
    <div class="question"><b>write question 3 here</b>

        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>

    </div>
    <!--END OF QUESTION 3-->

    <!--QUESTION 4-->
    <div class="question"><b>write question 4 here</b>

        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>

    </div>
    <!--END OF QUESTION 4-->


    <!--IF YOU WANT TO ADD MORE QUESTIONS PASTE THE FOLLOWING CODE UNDER QUESTION 4:

    <div class="question"><b>your question here</b>

        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>

    </div>

    -->


    <!--IMPORTANT

    REPLACE "YOURURL" WITH THE FIRST PART OF YOUR URL BEFORE .TUMBLR.COM

    -->

    <p><iframe frameborder="0" height="200px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></p>

</div>


<!--DON'T TOUCH ANYTHING HERE EXCEPT FOR #000 TO CHANGE LINK COLOR-->

    <div style="position:fixed;bottom:8px; right:15px; font-size:9px; font-family:calibri; height: 15px;"><a style="color:#000; text-decoration:none;" href="http://arithemes.tumblr.com/">A</a></center></div>

</body>