[Page] → Terms of Use #01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!--
THEME: TERMS OF USE PAGE #01
BY: jyuubi.org / manatopia.org

Please do not redistribute or use to make your own!
You may edit whatever you please, but leave credit.
-->

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>TERMS OF USE &rarr;</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">
/* BODY */
body {
background-image: url('http://s5.postimage.org/ogj4wxer7/manatopia_bg.png');
background-attachment: fixed;
background-color: #ebebeb;
}

#container {
width: 400px;
margin: auto;
}

/* CORNERS */
#topleftcorner {
float: left;
font-family: calibri;
font-size: 28px;
color: #c6c6c6;
margin-top: 50px;
}

#toprightcorner {
float: right;
font-family: calibri;
font-size: 28px;
color: #c6c6c6;
margin-top: 50px;
}

#bottomleftcorner {
float: left;
font-family: calibri;
font-size: 28px;
color: #c6c6c6;
margin-top: 220px;
margin-left: -27px;
}

#bottomrightcorner {
float: right;
font-family: calibri;
font-size: 28px;
color: #c6c6c6;
margin-top: 220px;
margin-right: -27px;
}

/* TOP BANNER */
#top {
background-color: #4bb7cb;
width: 100%;
height: 30px;
font-family: calibri;
font-size: 13px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
line-height: 30px;
}

/* CONTENT */
#terms {
width: 400px;
padding: 5px;
font-family: georgia;
font-size: 10px;
color: #737373;
letter-spacing: 1px;
position: fixed;
margin-left: 40px;
margin-top: 90px;
}

#terms h1 {
font-family: consolas;
font-size: 12px;
color: #4bb7cb;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
margin: 0;
}

#terms i, em {
color: #737373;
}

ul {
color: #4bb7cb;
}

#theme {
font-family: georgia;
font-size: 10px;
font-style: italic;
text-transform: lowercase;
letter-spacing: 4px;
text-align: center;
height: 25px;
line-height: 25px;
width: 400px;
position: fixed;
margin-top: 270px;
}

#theme a {
color: #4bb7cb;
text-decoration: none;
border-bottom: 1px solid #4bb7cb;
}

/* CREDIT */
#credits {
position: fixed;
bottom: 5px;
right: 5px;
font-family: calibri;
font-size: 8px;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
}

#credits a {
color: #737373;
text-decoration: none;
}
</style>
</head>
<body>

<div id="top">terms of use</div>

<div id="container">
<div id="topleftcorner">&#9556;</div>
<div id="toprightcorner">&#9559;</div>
<div id="terms">
<h1>allowed &rarr;</h1>
<ul type="circle">
<li><i>light or heavy html/css editing</i></li>
<li><i>moving theme credit link to credits/faq page</i></li>
</ul>
<h1>not allowed &rarr;</h1>
<ul type="circle">
<li><i>removing credit from the source & blog</i></li>
<li><i>using the theme as a base to make your own</i></li>
<li><i>claiming them as yours and/or redistributing</i></li>
</ul>
</div>
<div id="theme"><a href="/">click here to view the theme</a></div>
<div id="bottomleftcorner">&#9562;</div>
<div id="bottomrightcorner">&#9565;</div>
</div>

<!-- PLEASE DO NOT REMOVE BELOW UNLESS PUT ON CREDITS PAGE -->
<div id="credits"><a href="http://jyuubi.org" target="_blank">jyuubi.org</a></div>

</body>
</html>