<html>
<head>
<title> Shineeee; </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;
}
.eli{
top:70px;
left:280px;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;}
.left{
border-right: 50px solid #dadada;
background: #eee;
font-family:tt !important;
font-size:8px;
letter-spacing:1px;
position: fixed;
text-transform:uppercase;
color:#888;
left: -295px; top: 0px;
width: 275px;
height: 100%;
padding: 10px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
overflow: hidden;
}
.left:hover{
border-right: 15px solid #888;
background-attachment:fixed;
background-color:#f9f9f9;
background-image: url('');
background-position: bottom left;
background-repeat: no-repeat;
position: fixed;
left: 0px; top: 0px;
width: 240px;
height: 100%;
padding: 10px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
overflow: hidden;
}
.left .zayn{
bottom:500px;
position: bottom;
}
.left:hover .zayn{
width: 200px;
height: 275px;
}
.bar{
position: absolute;
top: 350px;
font-size:8px;
letter-spacing:3px;
color:#888;
left: 455px;
margin-left:60px;
width:490px;
border:1px solid #eee;
padding:7px;
background:#fff;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<body>
<img src='http://fc00.deviantart.net/fs71/i/2012/333/4/4/minho_e_key__shinee__png__render__by_sellscarol-d5mjl0i.png' style='width:400px;position:fixed;bottom:-4px;left:500px;z-index:-999'/>
<div class="bar"> S H E R L O C K - S H A W O L :: w e b p a g e <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="15" height="15"><PARAM NAME=movie VALUE="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.irondj.net/mix/file/32795/02_Dream_Girl.mp3&auto=yes&sendstop=no&repeat=4&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause"><PARAM NAME=quality VALUE=high><PARAM NAME=wmode VALUE=transparent><embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.irondj.net/mix/file/32795/02_Dream_Girl.mp3&auto=yes&sendstop=no&repeat=4&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause" quality=high wmode=transparent width="15" height="15" align="" TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div><br>
<div class="eli"><div class="rito">
<div style="position:center;">
<a title="Facebook" href="URL">
<img style="width:80px;opacity:0.9;border:1px solid #f1f1f1;background:#fff;padding:4px;" src="http://i1074.photobucket.com/albums/w418/chami66/batch/142_zps700474a7.png"></a><br>
<a title="Twitter" href="URL">
<img style="width:80px;opacity:0.9;border:1px solid #f1f1f1;background:#fff;padding:4px;" src="http://i1074.photobucket.com/albums/w418/chami66/batch/98_zps499ac043.png"></a><br>
<a title="Blogger" href="URL">
<img style="width:80px;opacity:0.9;background:#fff;border:1px solid #f1f1f1;padding:4px;" src="http://i1074.photobucket.com/albums/w418/chami66/batch/66_zps4ad9a449.png"></a><br>
<a title="cbox" href="URL">
<img style="width:80px;opacity:0.9;background:#fff;border:1px solid #f1f1f1;padding:4px;" src="http://i1074.photobucket.com/albums/w418/chami66/batch/75_zpsf63f679c.png"></a><br>
<a title="Tutobies" href="URL">
<img style="width:80px;opacity:0.9;background:#fff;border:1px solid #f1f1f1;padding:4px;" src="http://i1074.photobucket.com/albums/w418/chami66/batch/67_zps601e9947.png"></a></center></div>
</div>
</blogger>
<!-- Don't remove the line breaks 'br' tag -->
<br><br><center>
<div class="left"><center>
<div style="bottom:500px;"><br><br>
<center>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>.<br><br>you can put anything here okay ;)
</div>
</div>
</td></tr></tbody>
</center></td>
</td></tr>
</body>
</html>