about page #01

<!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 by r-eiora (｡･｀ω´･｡）pls don't use as your own thanks.

-->

<head>

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

<style type="text/css">

::-webkit-scrollbar-track { background-color:#fff; }
::-webkit-scrollbar-thumb { background-color:#000; }
::-webkit-scrollbar { width:2px; height:2px; }

::selection { background:#eee; color:#000; }
::-moz-selection { background:#eee; color:#000; }
::-webkit-selection { background:#eee; color:#000; }

body { font-family:courier;line-height: 12px;font-size:9px;text-align:justify;text-transform:lowercase;background:#ffffff; url('http://assets.tumblr.com/images/x.gif') fixed repeat center;background-image:url('http://static.tumblr.com/palmvjm/eZAmifw71/art.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:left bottom;background-color:#ffffff;color:#999;margin:0px;
}

a {text-decoration:none;}


#nakigara{ margin-left: 500px;margin-top: -70px; }

#boxxu { width: 245px;height: 200px;padding: 20px;overflow: hidden;border: 10px solid #202020;background-color: #fff;margin-top: 120px;text-align:justify;position:absolute; }

.blocku
{color:#202020;border-left: solid 8px;letter-spacing: 1px;font-size:9px; }

#uso { margin-top:20px;margin-left:5px; }

#extra { float:right;width:130px;height:100px;padding:5px;margin-left:70px;margin-top:370px;position:relative;  }

#titre {margin-left:17px;text-align: center;font-family: monospace;color: #999;font-size: 16px;letter-spacing: 1px;text-transform: lowercase;padding:5px 0px 2px 0px; border-bottom: 2px dashed #000; }

#descri {background-color:#202020;height: 100px;margin-top: 0px;margin-left: 17px; float:right;text-align:justify;font-family: courier;color: #aaa;font-size: 9px;padding:5px 0px 0px 0px;margin-top: 7px; }

#plenty { position: absolute; margin-top: 0px; }

/* navigation */

#navi{ text-align:center;margin-left:-35px;margin-top: 0px;width:200px;padding:12px;position:relative;z-index: 9999; }

#ichigo { margin-right:2px;display:inline;color:#b2b2b2;width: 60px;
background-color: #202020;padding: 4px;opacity: 1;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; }
#ichigo:hover { opacity: 1; background-color: #fff;}

#all { width: auto;height: auto; position: fixed;top: 30px; z-index: 9;left: 3px;}

#maintit {margin-top: 0px;text-align: center;color: #fff;background: #202020;padding: 5px;letter-spacing: 7px; font-family: times; font-size:18px;}

#stit {
border-radius:5px;width: 40px;padding: 20px;text-align:center;height: 90px;
color: #fff;background-color: #202020;font: 18px courier new;text-transform: none;letter-spacing: 2px;z-index: 9; }

.tri {
margin-top: 0px;margin-left: 40px;color: #fff;position: fixed;width: 0px;
height: 0px;border-style: solid;border-width: 15px 3px 0px 10px;
border-color: #202020 transparent transparent transparent;z-index: 9; }

.utsu { background-color: #fff;    margin-left: 11px;margin-top: -50px;
padding: 8px 8px 10px 8px;width: 60px;height: 73px;opacity: 0;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s eease-in;position:fixed;z-index: -1;}

#all:hover .utsu { margin-top: 0px;
opacity: 1; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s eease-in;
transition: all 0.3s ease-in; }

.linku {text-align: center; margin-top: 8px; display: block; background-color: #fff; font: 8px calibri; text-decoration:none; color: #7c7c7c; letter-spacing: 1px; font-style: oblique; }
.linku a {width: 100%; font: 8px calibri; text-decoration:none; color: #7c7c7c; letter-spacing: 1px; font-style: oblique;
-webkit-transition: all 0.9s ease-in;
-moz-transition: all 0.9s ease-in;
-o-transition: all 0.9s ease-in;
-ms-transition: all 0.9s eease-in;
transition: all 0.3s ease-in;}
.linku a:hover {color: #4c4c4c;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s eease-in;
transition: all 0.3s ease-in;}

/* navigation end */

</style>

<div id="maintit">落下枯れ葉 </div>

<div id="nakigara">

<div id="plenty">

<div id="all">
<div id="stit"><a href="/"><span style="color: #fff;">ナ<br>ビ<br>ゲ<br>ー</br></div>
<div class="tri"></div>
<div class="utsu">
<div class="linku"> <a href="/"> return </a> </div>
<div class="linku"> <a href="/ask"> message </a> </div>
<div class="linku"> <a href="http://r-eiora.tumblr.com/"> credit </a> </div>

</div>

</div>

<div id="extra">
<div id="navi"><a href="/"><div id="ichigo">01</div></a>
<a href="/"><div id="ichigo">02</div></a>
<a href="/"><div id="ichigo">03</div></a> </div>

<div id="titre">title here</div><div id="descri"> extra text here, quotes, thoughts, etc. </div>

</div>

<div id="boxxu"> text text text text text.
<div id="uso">
<span class="blocku">　name:</span> akeesha <br>
<span class="blocku">　age:</span> irrelevant <br>
<span class="blocku">　location:</span> somewhere <br>
<span class="blocku">　occupation:</span> internet <br>
<span class="blocku">　status:</span> weak <br>
</div>


</div>

</div>

</body>
</html>