Theme #57/Theme Rules #2

<!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">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<!----base credit goes to dance-of-the-knights.tumblr.com
      edited by alexgaeskarth
      do not do anything against the rules--->

<head>

<style type="text/css">

::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}

::-webkit-scrollbar-corner {background:#ffffff}

::-webkit-scrollbar-thumb:vertical {background:#f3f3f3};

::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}
}


body {
     background: #fff;
    margin:0px;
    color:#cecccc;
    font-family:arial;
    font-size:10px;
    letter-spacing:0px;
    padding:5px;
    line-height:100%;
}

a {
color:#cecccc;
text-decoration:none;
outline:none;
opacity:1 ;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}

a:hover {
color:#1d1d1d;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}


::selection {
    background:#f7f7f7;
}


#stuff{
    margin-bottom:20px;
    margin-top:80px;
    margin-left:33%;
    height:400px;
    width:430px;
    padding:10px;

}

.style{
    margin-bottom:25px;
    text-align:center;
    width:390px;
    padding:10px;
    padding:20px;
    color:#000;
    text-align:justify;
}

#themeslink {
margin-top:-35px;margin-left:10px;
}


 @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}


#header {
    padding:7px;
    font-weight:bold;
    text-shadow:1px 1px 20px #f7f7f7;
    font-size:16px;
    text-transform:uppercase;
    text-align:center;
    color:#fff;
    font-family:bebas neue;
    background:#000;
}

#themeslink a{
    font-size:15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    text-transform: lowercase;
    color:#000;
    text-align:center;
    width:55px;
    padding:7px;
    font-family:bebas neue;
}

#themeslink a:hover{
    background:#000;
    color:#fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

#title {
color:#000;
padding-top:20px;
padding-bottom:10px;
font-size:40px;
font-family:bebas neue;
text-align:center;
}


{CustomCSS}</style>


</head>
<body>

<div id="stuff">

<div id="title">Theme Rules</div>

<div class="style">

<div id="header">Leave all credit intact.</div>
<p>
<i>Leave all credit intact.

Don't move it to another page either. It' i's on the little corner right there so it will not be much of a problem.</p></i>

<div id="header">Don't use it as a base code.</div>

<p><i>I have a list of base codes in my resources page if you're looking for one.</i>

<div id="header">Don't steal bits and parts of coding</div>

<p><i>Do not take parts of the coding and use on your code. Instead you can use my themes to study and learn your way around html.</p></i>

<div id="header">Edit them as much as you want.</div>

<p><i>Just don't remove the credit.</p></i>

<div id="header">Like/reblog the post if you're using any of them. </div>

<p><i>It helps me know what kind of themes people like.</p></i>

</div>

<center><div id="themeslink">
<a href="/">link 1</a>&nbsp;
<a href="/">link 2</a>&nbsp;
<a href="/">link 3</a>
</div>
</div></div>


</div>

</body></html>