Sunset Strip -【 PAGE 4 by Anomaly ☽】

<!DOCTYPE html>
<head>

<!--

PAGE #4 by Anomaly ☾ tumblr user xollyx ☽ : SUNSET STRIP !!

            - i made the base code
            - please abide by all the rules

 【 All themes and pages can be found here : http://xollyx.tumblr.com/thm 】

Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
Feel free to message me if you need any help, my ask box is always open!


-->

<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:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<link rel="shortcut icon" href="{FAVICON URL HERE}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<style type="text/css">

@font-face { font-family:"nishuki"; src: url('https://dl.dropboxusercontent.com/s/cj2vk6rxyk8pqhh/nishuki_pixels.ttf?dl=1'); format(“truetype”);}

::-webkit-scrollbar {
width: 5px;
height: 2px;
background:#fff;
border:2px solid #ccc;
}

::-webkit-scrollbar-thumb {
background-color:#fff;
border-radius:5px;
}

#s-m-t-tooltip {
max-width:300px;
margin:10px 0px 0px 10px;
background-color:#000;
font-family:nishuki;
font-size:8px;
padding:3px;
color:#fff;
border-radius:1px;
z-index:999999999999999999999999999999999999;
}

#s-m-t-tooltip:after {
position: absolute;
display: block; content: "";
border-color: transparent #000 transparent transparent ;
border-style: solid;
border-width: 5px;
height:0;
width:0;
position:absolute;
top:3px;
left:-10px;
}

::selection {
background: #000;
color: #fff;
}

::-moz-selection {
background: #000;
color: #fff;
}

::-webkit-selection {
background: #000;
color: #fff;
}

body, a, a:hover {cursor: url('CURSOR URL HERE'), progress;} /* -- REMOVE IF YOU DONT WANT A CURSOR -- */

body {
background:#000;
background-image:url('BACKGROUND URL HERE');
    background-repeat:no-repeat;
    background-size:cover; /* -- REMOVE IF YOU DONT WANT A COVER BG -- */
color:#000;
font-family:arial;
font-size:11px;
}

a {
color:#fff;
text-decoration:none;
}

a:hover {
color:#ddd;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#b1 {
position:fixed;
width:25px;
height:100%;
left:0px;
background-color:#000000;
z-index:1;
}

#b2 {
position:fixed;
width:16px;
height:100%;
right:0px;
background-color:#000000;
z-index:1;
}

#b3 {
position:fixed;
width:100%;
height:25px;
bottom:0px;
background-color:#000000;
z-index:1;
}

#b4{
position:fixed;
margin-top:0px;
text-align:center;
background-color:#000000;
width:100%;
height:25px;
z-index:1;
}

#faqbox {
float:left;
display:block;
position:fixed;
margin-left:120px;
padding:10px;
padding-right:20px;
margin-top:150px;
width:250px;
height:400px;
overflow-x:none;
overflow-y:auto;
background-color:#ccc;
border:2px solid #aaa;
margin-bottom:50px;
z-index:9999;
}

#askbox {
float:left;
display:block;
position:fixed;
margin-left:425px;
padding:10px;
padding-right:20px;
margin-top:150px;
width:450px;
height:400px;
overflow-x:none;
overflow-y:auto;
background-color:#ccc;
border:2px solid #aaa;
margin-bottom:50px;
z-index:9999;
}


#title {
position:fixed;
width:500px;
margin-left:120px;
margin-top:75px;
padding:10px;
font-size:50px;
font-weight:bold;
font-style:italic;
text-transform:uppercase;
color:#aaa;
text-shadow: 4px 4px #777;
}

#button {
position:fixed;
margin-left:120px;
margin-top:585px;
font-family:nishuki;
font-size:8px;
}

#button a {
background:#aaa;
padding:3px;
padding-right:5px;
border-radius:5px;
}

#button a:hover {
background:#777;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.credit {
position:fixed;
bottom:4px;
left:8px;
font: 9px consolas;
text-transform:uppercase;
letter-spacing: 0px;
padding: 2px;
z-index:2;
}

</style>
<body>

<div id="b1"></div><div id="b2"></div><div id="b3"></div><div id="b4"></div>

<div id="title">
TITLE
</div>

<div id="faqbox">
<b>This is your question</b><br>
<li>And this is your answer</li>
<p></p>
/* -- copy and paste from here to add more questions, remove this when finished -- */

</div>


<div id="askbox">
<p>
<iframe frameborder="0" width="450" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe></p></center>
<br>
<iframe frameborder="0" width="450" height="300" id="submit_form" scrolling="no" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" width="100%"></iframe></p></center>
</div>

<div id="button">
<a href="/">refresh</a>
<a href="/archive">archive</a>
<a href="">link 1</a>
<a href="">link 2</a>
<a href="">link 3</a>
<a href="">link 4</a>
<a href="">link 5</a>
</div>

<div style="position:fixed; right:0px; bottom:0px; z-index:1;"><img src="RENDER URL HERE" width="400"></div> /* -- REMOVE OR CHANGE THE WIDTH/POSITION TO YOUR LIKING -- */


<div class="credit"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>

</body>
</html>