Page - Stormcloak

<!DOCTYPE html>
<html>
<head>

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

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

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

<style type="text/css">

/*tooltips*/

#s-m-t-tooltip{
    font-size:10px;
    position:absolute;
    margin-top: 20px;
    margin-left:20px;
    font-weight:bold;
    z-index:999999999999999999999999999999999999999999999;
    background:#000;
    padding:3px;
    color:#fff;
    text-transform:uppercase;
    font-family:consolas;
    padding:2px 3px 2px 3px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

/*scrollbar*/

::-webkit-scrollbar { left:0; width: 5px; height: 5px; background:transparent; }
::-webkit-scrollbar-thumb { background-color:transparent;border:1px solid #000; }

body {
    font-family:calibri, consolas, sans-serif;
    font-size:10px;
    color:#000;
    background-color:#fff;
    text-align:justify;
    overflow-x:hidden;
}

#cr {
    font: 10px consolas;
    font-weight:bold;
    position: fixed;
    background-color:#fff;
    border:1px solid #000;
    width:13px;
    height:13px;
    bottom: 7px;
    padding:2px;
    right: 7px;
    z-index: 10;
    text-align:center;
    overflow:hidden;
    -webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    transition:all 0.7s ease-in-out;
}

#cr a {
    color:#fff;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

#cr:hover {
    width:100px;
    -webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    transition:all 0.7s ease-in-out;
}

#cr:hover a {
    color:#000;
}

a {
    color:#000;
    text-decoration:none;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}

a:hover {
    color:#eee;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}

/* HERE'S THE BOX, FOLLOW THE INSTRUCTIONS TO PUT IN YOUR BACKGROUND IMAGE */

.box {
    width:780px;
    height:320px;
    overflow:hidden;
    left:50%;
    position:fixed;
    top:50%;
    margin:-160px 0 0 -390px;
    background-image:url(http://www.fubiz.net/wp-content/uploads/2013/09/Andrew-B.-Myers-4.jpg); /* ADD YOUR BACKGROUND IMAGE HERE!!! */
    background-position:center;
    background-repeat:no-repeat;
}

/* END BOX */

.title {
    z-index:9999;
    background-color:#000;
    color:#fff;
    position:fixed;
    padding:10px;
    width:760px;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:1px;
}

.content {
    width:370px;
    margin-left:10px;
    padding:5px;
    background-color:rgba(255,255,255,0.4);
    float:left;
    height:250px;
    margin-top:50px;
    display:inline-block;
    overflow-y:scroll;
    overflow-x:hidden;
}

.question {
    text-transform:uppercase;
    padding:5px;
    background-color:#000;
    color:#fff;
    margin:5px 0 5px 0;
}

.askbox {
    width:370px;
    height:250px;
    float:left;
    margin-left:10px;
    margin-top:50px;
}

</style>

</head>
<body>

<!--to add your background image, go back up to the .box and look at where it says to put in the url for the image. to upload an image, you can go to http://tumblr.com/themes/upload_static_file/ -->


<div class="box">


    <div class="title">
        <!-- title here -->faq<!-- end title -->
    </div>


    <div class="content">
        <!-- copy this when you're formatting your questions and answers! -->

        <div class="question">here is your question</div>
        <div class="answer">Here is your answer!</div>

        <!-- end copy -->
    </div>


    <div class="askbox">
        <!-- don't touch this! -->
        <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
    </div>


</div>


<div id="cr"><a href="http://harknesses.tumblr.com">SKYRIM THEMES</a></div>
</body>
</html>