about page #03

<!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">

<!--

About Page #03 | R-eiora

Please do not remove this comment or use this page as a base, thank you so much. ʕ;ᴥ;ʔ

-->

<head>
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">

body{font-family:palatino linotype;font-size:10px;text-align:justify;text-transform:none;color:#000;margin:0px;background-color:#fff;}

a {text-decoration:none;color:#858585;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}

a:hover {border-bottom:0px dotted #000;color:#e0e0e0;}

#all {margin-top:50px; text-align:right;  padding:30px;height:470px; background-color:#0a0a0a;  width:340px; margin-left:400px; }
#he {line-height:30px; margin-top:3px; text-align:center; font-style:italic; font-size:10px; border-bottom:1px solid #0a0a0a; letter-spacing:1px; font-family:'Libre Baskerville', serif;}
.desi { text-align:justify; margin-top:10px;color:#fff;}
.navi {font-style:italic; margin-top:5px;}

/*If you change the image background make sure it is at least 600px*/
#img{width:600px;height:530px;background-color:#e5e5e5;
background-image:url("http://static.tumblr.com/palmvjm/t1dmpbq36/br.jpg");}

#slinks {text-align:center; font-family:'Libre Baskerville', serif;}
#slinks a { background-color:#101010; display:inline-block;  position:relative; border:1px solid #101010; text-transform:uppercase; letter-spacing:1px; width:30px; font-size:6px; padding:2px 11px 0px 11px; }
#slinks a:hover {border:1px solid #101010; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background-color:#000000;  text-shadow:0px 1px #0a0a0a; }

#navs{text-align:center;margin-left:130px;margin-top: 420px;width:200px;padding:12px;position:absolute;z-index: 9999;}

#uke {margin-bottom:7px;color:#b2b2b2;width: 120px;background-color: #fff;padding: 4px;opacity: 0.6;font-size: 8px;text-transform: uppercase;letter-spacing:1px;-webkit-transition: opacity 0.3s linear;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#uke:hover { opacity: 1; }

#dire {width: 140px;height: 320px;background-color: #fff;padding: 5px;margin-top: 0px;margin-left: 100px;margin-right:-1px;float: left; }
#dire img { width: 140px; height: 320px; opacity: 0.8;}

.tit{font-style:italic;font-weight:800;margin-bottom:3px;border-left:0px solid;padding-left:7px;letter-spacing:1px;border-bottom:#fff 1px dotted;}

#pre {color: #fff;position:fixed;background-color: #000;padding: 10px 5px 5px 4px;font-size: 29px;width: 39px;margin-left:55px;top:55px;height:515px;line-height: 50px;}

li.list{list-style:square outside;}

#avi{position:fixed;letter-spacing:2px;font-size:20px;}

.avi{margin-top:70px;margin-left:695px;width:16px;height:16px;border-radius:60px;}

</style>
</head>
<body>

<!--Change the text of the sidebar here--><div id="pre">ブログロ<br>ール私は一人</div>

<div id="avi">
<!--You can change the avatar pic here--><img class="avi" src="http://24.media.tumblr.com/avatar_87b6c9a5b2fa_16.png"/></div>


<div id="dire">
<div id="navs"><a href="/"><div id="uke">return</div></a>
<a href="/ask"><div id="uke">message</div></a>
<a href="http://r-eiora.tumblr.com/"><div id="uke">credits</div></a> </div>

<div id="img">

<!--I don't suggest messing with this code--><div id="all">

<div id="he"><a href="/">{Title}</a></div>

<div id="slinks"><center>
<a href="/" title="link">I</a>
<a href="/" title="link">II</a>
<a href="/" title="link">III</a>
<a href="/" title="link">IV</a>
<a href="/" title="link">V</a>
<a href="/" title="link">VI</a>
</center></div>

<div class="desi">
<br><div class="tit">About</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
<center><div class="navi">
</div></center>

<br><div class="tit">Music</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

<br><br><div class="tit">Movies</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

<br><br><div class="tit">Other</div>

<ul>
<!--Change the bullet list text here-->
<li class="list">text here
<li class="list">text here
<li class="list">text here
<li class="list">text here
<li class="list">text here
<li class="list">text here
<li class="list">text here
<li class="list">text here
<li class="list">text here

</ul>

</div>

</body>
</html>