Hazzstop's theme 53

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

<!----
©HAZZSTOP THEME 53
~THEME RULES~
Don't steal please.
--->

<head>

<link rel="shortcut icon" href="{Favicon}" />

<meta name="color:Text" content=""/>
<meta name="color:Link" content=""/>
<meta name="color:title" content=""/>
<meta name="color:rules" content=""/>
<meta name="color:rule background" content=""/>
<meta name="color:tooltip background" content=""/>
<meta name="color:title shadow" content=""/>

<meta name="image:Background" content=""/>

<meta name="text:link1" content="Link1"/>
<meta name="text:link1 url" content="/"/>
<meta name="text:link2" content="Link2"/>
<meta name="text:link2 url" content="/"/>

<style type="text/css">

body {
    background: {color:Background} url('{image:Background}');
    background-size:repeat; /*** if you want to image to be scretched over the screen, replace 'repeat' with cover ***/
    background-attachment:fixed;
    margin:0px;
    color:{color:text};
    font-family:trebuchet ms;
    font-size:9px;}

a {
    text-decoration:none;}

#container {
    font-size:10px;
    text-align:center;
    margin:0px auto;
    margin-top:120px;}

#container a {
    color: {color:link};
    padding:2px 4px;
    text-decoration:none;}

#title {
    letter-spacing:-1px;
    font-family:trebuchet ms;
    text-shadow:4px 1px 5px {color:title shadow};
    font-size:35px;
    margin-top:10px;
    color:{color:title};}

#swag {
    width:300px;
    padding:40px;
    margin:0px auto;}

#rule{
    background:{color:rule background};
    font-family:'trebuchet ms';
    font-size:15px;
    margin-top:15px;
    color:{color:rules};}

#details {
    font-family:trebuchet ms;
    font-size:9px;
    margin-top:5px;
    color:{color:text};}

#links {
    color:{color:link};
    font-size:30px;}

{CustomCSS}

/*** TOOLTIPS CODE #1, YOU CAN EDIT THIS ***/
#s-m-t-tooltip{
max-width:250px;
z-index:999999;
margin:8px;
padding:2px 2px;
border-radius:3px;
text-transform:uppercase; /* can be lowercase or none */
border:1px solid #eee; /* change the border width and color */
background:{color:tooltip background}; /* change the background color */
color:{color:text}; /* change the text color */
font-family:trebuchet ms; /* change the font */
font-size:8px; /* change the font size */
box-shadow:1px 1px 3px rgba(0,0,0,.1);}
/*** TOOLTIPS CODE #1 ENDS ***/

</style></head>

<!-- TOOLTIPS CODE #2, DON'T TOUCH THAT -->
<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>
<!-- TOOLTIPS CODE #2 ENDS HERE -->

<body>

<div id="container">
<div id="swag">
<div id="title">THEME RULES</div>  <!--TITLE OF THE THEME RULES, TO CHANGE IT JUST REPLACE 'THEME RULES' WITH THE TITLE YOU WANT TO HAVE -->

<!-- RULE #1 STARTS HERE -->
<div id="rule">
WRITE RULE #1 HERE
</div>
<div id="details">
Write something under the rule, like explain why don't you want people to do this and that you work hard on themes which is probably true
</div>   <!-- RULE #1 ENDS HERE -->

<!-- RULE #2 STARTS HERE -->
<div id="rule">
WRITE RULE #2 HERE
</div>
<div id="details">
Write something under the rule, like explain why don't you want people to do this and that you work hard on themes which is probably true
</div> <!-- RULE #2 ENDS HERE -->

<!-- RULE #3 STARTS HERE -->
<div id="rule">
WRITE RULE #3 HERE
</div>
<div id="details">
Write something under the rule, like explain why don't you want people to do this and that you work hard on themes which is probably true
</div> <!-- RULE #3 ENDS HERE -->

<!-- IF YOU WANT TO HAVE MORE RULES, JUST COPY THE RULE SECTION FROM "RULE #1 STARTS  HERE" UNTILL "RULE #2 ENDS HERE" AND PASTE IT RIGTH UNDER THIS. IF YOU WANT TO HAVE LESS RULES, JUST DELETE ONE SECTION-->

<br>

<!-- YOU CAN EDIT YOUR LINKS HERE, CHANGE TH EURL OF THE ASK BOX AND THE CIRCLE SYMBOL TO ANYTHING ELSE-->

<div id="links">
<a title="back"href="/">●</a>
<a title="ask box"href="/ask">●</a>
<a title="dash"href="http://tumblr.com">●</a>
<a title="{text:link1}"href="{text:link1 url}">●</a>
<a title="{text:link2}"href="{text:link2 url}">●</a>
<a title="credit"href="http://ursha.co.vu">●</a> <!-- DO NOT REMOVE THIS !!!! IF YOU DO, I WILL FIND YOU AND I WILL KILL YOU OKAY THANKS-->
</div>

</body></html>