code: Exotics skin

<html>
<head>
<title> Exotics. </title>

<style type="text/css">

#navbar-iframe { display: none; }

::selection { background-color: #fff; }
::moz-selection { background-color: #fff; }

body {
background-color: #f5f5f5;
font-family: arial;
font-size: 11px;
color: #333333;
}

a:link, a:visited, a:active {
color: #777777;
text-decoration: none;
}

a:hover {
color: #333333;
}

a.one:link, a.one:visited, a.one:active {
display: block;
background-color: #f0f0f0;
padding: 3px;
text-align: center;
letter-spacing: 2px;
}

a.one:hover {
background-color: #e5e5e5;
}

#header {
position: fixed;
padding:20px;
background: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3648/3648321.png);
width: 100%;
font-family: georgia;
font-size: 40px;
color: #ffffff;
font-style: italic;
text-align: center;
top: -10px;
left:-2px;
z-index: 4;
border-bottom:8px solid #fff;
box-shadow:0 0 6px #ccc;
}

#footer {
position: fixed;
background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3648/3648321.png);
border:3px solid #fff;
padding: 10px;
width: 350px;
color: #ffffff;
text-align: center;
bottom: 0px;
left: 33%;
-webkit-border-radius: 20px 20px 0px 0px;
z-index: 3;
}

blockquote {
background-color: #f0f0f0;
border: 1px solid #e0e0e0;
padding: 5px;
text-align: center;
}

.eli{
top:70px;
left:350px;margin-bottom:24px;
letter-spacing:8px;
display:inline-block;
position:fixed;}

.rito{

width:40px;
height:40px;
border-radius:0px;
text-align:center;
font-size:9px;
letter-spacing:1px;
line-height:35px;
display:inline-block;
float:left;
margin:-10px 4px 0px 4px;
border: 0px solid #222222;}

a.nana:link, a.nana:active, a.nana:visited{
color:#fff;
text-decoration:none;
margin-bottom:24px;
display:inline-block;
width:40px;
height:70px;
background:#EBD5AE;
border:4px solid #fff;
border-radius:1111px;margin-left:5px;
margin-right:5px;
-moz-box-shadow: 0px 0px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;
box-shadow: 0px 0px 6px #ccc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.nana:hover{
text-align:center
background-color:#967183;
border:6px solid #ECC88A;
color:#fff;
width:38px;
padding-bottom:100px;
padding-top:100px;
height:40px;
border-radius:300px;
-webkit-transform: scale(1);opacity:1;}

</style>

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

</head>

<body>
<img src='http://th01.deviantart.net/fs71/PRE/f/2013/140/9/3/exo_m____png__by_deerhansic-d65ws30.png' style='width:350px;position:fixed;bottom:0px;left:350px;z-index:-999'/>
<div id="header"> Exotics </div>

<div class="eli">
<span class="rito"><a class="nana" href="/">tweet</a></span>
<span class="rito"><a class="nana" href="/">tumblr</a></span>
<span class="rito"><a class="nana" href="/">facebk</a></span>
<span class="rito"><a class="nana" href="/">misc</a></span>
<span class="rito"><a class="nana" href="/">facebk</a></span>
<span class="rito"><a class="nana" href="/">misc</a></span>
<span class="rito"><a class="nana" href="/">follow</a></span></div>

<div id="footer">
Template by <a href="http://sweet-littlebear.blogspot.com/">AinaNajihah</a> <a href="http://flavors.me/ainachocobear">Rito;</a>,
help from <a href="http://www.colourlovers.com/">colour</a>.
</div>
</body>
</html>