FAQs Page Tumblr Theme 01

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

<!-- theme by Mimì @ thearmyinside.tumblr.com -->

<style type="text/css">

body {background-color: #333; }
#titolo {font-family:"Georgia", Times New Roman, Times, serif; font-size:18px; text-transform:uppercase; text-align:center; color:#CCC; margin-top:70px;}
.sottotitolo {font-family:Century Gothic; font-size:16px; font-weight:bold; color:#FFF; text-transform:uppercase; background-color:#000; width:500px; padding:5px; border-radius: 0px 10px 10px 0px;}
.testo {font-family:"Georgia", Times New Roman, Times, serif; font-size:12px; color:#FFF; font-style:italic; margin-top:0px; background-image: url(http://static.tumblr.com/lry6bbu/Hy2mgm9al/untitled-1.png); padding:5px; font-weight:bold; margin-left:1px; word-wrap: break-word;}

#sidebar {width:250px; height:100%; padding:8px; float:left; margin-left:20px; font-family: Century Gothic; font-size:14px; color:#FFF; position:fixed; text-align:center;}
#immagine {width:150px; height:auto; margin-top:55px; filter: grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); opacity:0.7; transition: all 0.6s ease-out; -o-transition-transition:  all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
#immagine:hover {filter: grayscale(0%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); transition: all 0.6s ease-out; -o-transition-transition:  all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

a:link, a:visited, a:active {transition: all 0.6s ease-out; -o-transition-transition:  all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; color:#999; }
a:hover {transition: all 0.6s ease-out; -o-transition-transition:  all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; color:#CCC; }

#entry {width:500px; height:auto; margin-left:320px; margin-top:50px; }

#descrizione {font-size:13px; margin-top:5px; line-height:14px; font-family:"Courier New", Courier, monospace; font-weight:bold; }

.break-word { word-wrap: break-word; }

</style>
</head>

<body>

<!-- Sidebar -->
<div id="sidebar">
<center><div id="immagine"><img src="https://dl.dropbox.com/u/38384326/ebooks/the%20howling%20wolf.png" width="150" height="auto" style="margin-left:0px;border-radius:100px;"/></div></center>
<div id="titolo" style="margin-top:10px;">FAQs</div>
<div style="margin-top:5px; font-size:12px; font-weight:bolder;">
<a href="/"> Home </a>
</div>
<div id="descrizione">Here you can write whatever you want.<br>
This theme is made for FAQs pages but you can use it for whatever you want, for example I used it to make a fandoms list page.</div>

<div style="width:250px;margin-left:0px; margin-top:20px;position:fixed;text-align:center; color: #FFFFFF; font-family:Courier New; font-weight:bolder;">
Any question ?
<iframe frameborder="0" scrolling="no" width="250" height="149" src="http://www.tumblr.com/ask_form/YOUR URL.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
</div>

</div>

<!-- Entries -->
<div id="entry">
<!-- FAQ #01 -->
<div class="sottotitolo">&laquo; Question #01 &raquo;</div>
<div class="testo">Answer.</div>

<!-- FAQ #02 -->
<div style="margin-top:10px;">
<div class="sottotitolo">&laquo; Question #02 &raquo; </div>
<div class="testo">Answer.</div>
</div>

<!-- FAQ #03 -->
<div style="margin-top:10px;">
<div class="sottotitolo">&laquo; Question #03 &raquo; </div>
<div class="testo">Answer.</div>
</div>

<!-- Copy and paste these codes under the FAQ #03 codes to add more questions & answers:

<div style="margin-top:10px;">
<div class="sottotitolo">&laquo; Question #00 &raquo; </div>
<div class="testo">Answer.</div>
</div>

-->

</div>

<div style="font-size:8px; color:#000000; opacity:0.8; font-family:Georgia; bottom:20px; position:fixed; left:30px; ">Theme by <a href="http://thearmyinside.tumblr.com/tagged/themes">Mimì</a>
</div>

</body>
</html>