- Code Skin

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Almendra' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Londrina+Solid' rel='stylesheet' type='text/css'>
<link href="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png"></link><title>Wolf</title>

<style type="text/css">

body{background-attachment:fixed;
background-color:#fff;
background-image: url('http://th03.deviantart.net/fs70/PRE/i/2013/164/7/0/kai_and_luhan_png_by_elizalee01-d68w8vs.png');
background-position: bottom left;
background-size:350px;
background-repeat: no-repeat;progress;
font:8px tt;
color:#777;
letter-spacing:2px;
}

.musicpl {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#111;
padding-left: 9px;
padding-right:9px;
padding-top:8px;
padding-bottom:8px;
font-size:25px;
margin:1px;
border-radius:90px;
cursor:crosshair;
background:#fff;
border:1px dashed #C5C8FA;
}



.musicpl:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#111;
padding-left: 9px;
padding-right:9px;
padding-top:8px;
padding-bottom:8px;
font-size:25px;
margin:1px;
border-radius:30px;
cursor:crosshair;
background:#fff;
border:10px solid #F0FFD1;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

a.link2{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
width:80px;
border-bottom:2px solid #eee;
background-color: #fff;
padding-bottom: 5px;
display:inline-block;
padding: 6px;
text-align: center;
margin:3px;
color:#999;
text-transform:uppercase;
text-decoration:none;
opacity:.9;
}

a.link3{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
width:150px;
background-color: #fff;
border:1px solid #f1f1f1;
padding-bottom: 5px;
display:inline-block;
padding: 5px;
text-align: center;
margin:3px;
color:#999;
text-transform:uppercase;
text-decoration:none;
opacity:.9;
}

a.link2:hover{
color:#666;
border-bottom:2px solid #FF94A8;
background:#fff;
width:80;}

@import url(http://fonts.googleapis.com/css?family=Almendra);


::-webkit-scrollbar {
background:#F9F9F9;
border-radius:2px;
width: 6px;
height: 7px;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFB8C5;
border-radius:2px;
}

.body{
background:transparent;
width:580px;
padding:8px;
margin-top:60px;
border:0px double #f1f1f1;
}

.bar{
position: absolute;
top: 180px;
margin-left:150px;
width:200px;
border:1px dashed #ccc;
padding:7px;
background:#fff;
border-radius:333px;
}

.bar2{
position: center;
top: 365px;
width:400px;
padding:5px;
color:#666;
background:#fff;
border-bottom:1px solid #f5f5f5;
opacity:0.9;
}
.bar3{
position: center;
top: 365px;
width:400px;
padding:5px;
color:#fff;
background:#849EB3;
opacity:0.9;
}
.bar4{
position: center;
top: 365px;
width:400px;
padding:5px;
color:#fff;
background:#84B386;
opacity:0.9;
}
.bar5{
position: center;
top: 365px;
width:400px;
padding:5px;
color:#fff;
background:#C9D957;
opacity:0.9;
}
.icon{
position: absolute;
top: 140px;
margin-left:350px;
border:1px dashed #ccc;
padding:10px;
background:#fff;
border-radius:333px;
}

.button
{
margin-right:8px;
margin-bottom:10px;
display:inline-block;
overflow:hidden;
border:3.5px solid #f1f1f1;
background-color:#f1f1f1;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out}

.button:hover
{border:3.5px solid #DFE1FC;}

.nav
{padding-top:20px;
height:30px;
text-align:center;
width:48px;
overflow:hidden;
text-transform:uppercase;
font-family:consolas;
font-size:8px;
letter-spacing:1px;
color:#757575;
background-color:#333;
margin-right:3px;}

.buttons
{height:48px;
width:48px;}

@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
.note{
background: none;
color: #FF94A8;
font-family: 'Londrina Solid', cursive;
font-size:45px;
text-align: center;
}

</style>
</style>
</head><body onkeydown='return false;'>

<center><div class="body"">

<div style=" width:790px; padding-bottom:4px;margin-top:10px;"><br><br>
<center><div class="note">WOLF MEMBERS</div>
<center> inbox me at my official cbox if you're intrested</center><br>
<td style="text-align:right;">Name</td>
<td><input type="text" size="15" value="your name" style="width:200px;color:#888;padding:4px;font-size:9px;letter-spacing:2px;border:1px  solid #f1f1f1;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr><br><br><br>

<td style="text-align:right;">URL</td>
<td><input type="text" size="15" value="http://url.com" style="width:200px;font-size:9px;letter-spacing:2px;color:#888;border:1px solid #f1f1f1;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</center><br><br>
<div class="bar2"> W O L F - M E M B E R S </div><br>
<a class="link2" href="http://url.com">Wolf<a>
<a class="link2" href="http://url.com">Wolf<a>
<a class="link2" href="http://url.com">Wolf<a>
<a class="link2" href="http://url.com">Wolf<a>
</a></div>


<div style=" width:790px; padding:2px; padding-bottom:4px;"><br>
<div class="bar2"> A F F I E S </div><br>
<center>
<div style=" width:500px;display:inline-block; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
<a class="link2" href="http://url.com">Student<a>
</div></br><br><br><center>Don't ever break the rule (if you remove mine I'll remove yours). Skin By <a  href="http://sweet-littlebear.blogspot.com/">AinaNajihah<a><br><br>
<a class="link3" href="/">Back to official Blog<a></center></div><br>
</div>

</div>

</body></br></br>
</html>