FAQ Page 01: Notice

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--

FAQ PAGE 03: NOTICE BY LUNECERISE AKA ROMULVS

-keep credit intact
-don't steal any code
-don't use as basecode

-->

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


<style type="text/css">
body {
    font-family:trebuchet ms;
    font-size:10px;
    background: #fff url(https://41.media.tumblr.com/653da9957797dc3ed2715268e4ea854a/tumblr_njj5xy4ras1tnrgpko3_250.png) repeat fixed left top;
    -moz-font-smoothing:subpixel-antialiased;
    -webkit-font-smoothing:subpixel-antialiased;
    font-smoothing:subpixel-antialiased;
}

b {font-weight:1000;}

::-webkit-scrollbar {background-color:#fff; height:4px; width:4px;}
::-webkit-scrollbar-thumb:vertical {background-color:#000;}
::-webkit-scrollbar-thumb:horizontal {background:#000; height:4px!important}

#s-m-t-tooltip {
    max-width:300px;
    padding:5px 8px;
    margin:10px;
    background-color:#fff;
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius:1px;
    color:#aaa;
    z-index:10000000000000000;
    box-shadow:2px 2px 0.2em #eee;
    transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

*, body, img { cursor:url(http://static.tumblr.com/vmteopo/yYInjhg6e/small_black_cursor.png), auto;}

a, a:hover, a:active {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }

a {
    text-decoration:none;
    color:#bbb;
    transition:0.5s ease-in-out;
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -ms-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
}

a:hover {color:#eee;}
blockquote {
    margin-left:10px;
    border-left:2px solid #000;
    padding-left:8px;
}

.container {
    width:500px;
    margin:auto auto 100px;
    overflow:hidden;
}

#title {
    margin:60px auto 10px;
    text-align:center;
    font-size:50px;
    width:500px;
}

#links {text-align:center;padding:10px;background:#fff;border:3px solid #000;}
#links a {display:inline-block;padding:2px 10px;color:#000;text-transform:uppercase;}

#return {
    width:65px;
    margin:30px auto;
}

#return a {
    padding:10px;
    letter-spacing:2px;
    color:#000;
    border:3px solid #000;
}

#return a:hover {
    border:3px solid transparent;
    background:#000;
    color:#fff;
}

#credit, #credit a {
    position:fixed;
    bottom:5px;
    right:5px;
    padding:5px 4px;
    font-family:helvetica;
    text-transform:uppercase;
    color:#bbb;
    font-size:8px;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
}

#credit:hover, #credit a:hover {
    font-family:helvetica;
    text-shadow:#aaa 2px 2px 0.1em;
    -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    -o-transition-duration:0.4s;
    -ms-transition-duration:0.4s;
}

</style>
</head>
<body>
<div id="title">F A Q</div>
<div class="container">

<div id="links">
<!--- add whatever links you want wow --->
<a href="/">navigation</a>
<a href="/archive">archive</a>
</div>
<!---- literally the easiest q&a format ever ---->

<h1>Question?</h1>
<p>Answer!</p>

<h1>Another question?</h1>
<p>Another answer.</p>

<h1>Filler text?</h1>
<p>Heck yeah! <b>Lorem ipsum</b> <i>dolor sit amet,</i> consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <a href="/">quis nostrud exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat.<blockquote> Duis aute irure dolor in <u>reprehenderit</u> in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </blockquote>Excepteur sint occaecat cupidatat <strike>non proident,</strike> sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<br>
<iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" id="ask_form" ></iframe>

<div id="return"><a href="/">return</a></div>
</div>

<div id="credit"><a href="http://lunecerise.co.vu" title="lunecerise">LC</a></div>
</body></html>