Kakashi Hatake

<style type="text/css">




iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
#s-m-t-tooltip {
 padding: 1px 5px;
 margin: 20px 14px 7px 10px;
 font-family: courier new;
 text-transform: uppercase;
 font-size: 8px;
 line-height: 10px;
 letter-spacing: 1px;
 z-index: 999;
 text-align: center;
 background-color: #000000;
 color: #dddddd;
}
.desc::-webkit-scrollbar { width: 3px; }
.desc::-webkit-scrollbar-track-piece { background-color:#ffffff;}
.desc::-webkit-scrollbar-thumb:vertical {
 width: 3px;
 background-color: #a7a7a7;
}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track-piece { background-color:#ffffff;}
::-webkit-scrollbar-thumb:vertical {
 width: 3px;
 background-color: #a7a7a7;
}
::selection {
 background: #a588b8;
 color: #f3f3f7;
}
::-moz-selection {
 background: #a588b8;
 color: #f3f3f7;
}
body {
 background-color: #ffffff;
 background-image: url(http://i.picpar.com/MIZb.jpg);
 background-attachment: fixed;
 margin: 0;
 word-wrap: break-word;
}
a { text-decoration:none; }

#sidebar {
 position: fixed;
 width: 172px;
 top: 0;
 left: 280px;
 top: 50px;
 z-index: 2;
}

.pic {
 width: 150px;
 height: 150px;
 display: block;
 padding: 10px;
 border-bottom: 1px solid #dddddd;
 border-right: 1px solid #dddddd;
 background-color: #ffffff;
}

.blogtitle {
 margin-bottom: 10px;
 font-family: courier new;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: center;
 display: block;
 border-bottom: 0px solid #dddddd;
 border-right: 0px solid #dddddd;
 background-color: ;
 color: #dddddd;
 padding: 2px 3px;
}

.navigate {
 border-bottom: 1px solid #dddddd;
 border-right: 1px solid #dddddd;
 margin-top: 10px;
 font-family: courier new;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: center;
 display: block;
 background-color: #ffffff;
 padding: 2px 3px;
}
.navigate a {
 color: #969696;
 transition: 0.8s;
 -moz-transition: 0.8s;
 -webkit-transition: 0.8s;
}
.navigate a:hover { color: #dcbce4; }
.desc {
 margin: 10px 0;
 padding: 5px 10px;
 font-family: courier new;
 text-transform: ;
 text-align: left;
 font-size: 10px;
 overflow: auto;
 max-height: 105px;
 letter-spacing: 1px;
 color: #000;
 background-color: #ffffff;
 border-bottom: 1px solid #dddddd;
 border-right: 1px solid #dddddd;
}
.desc a { color:#062b42;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.desc a:hover { color:#771600;}
.desc b,strong { color:#610003;}
.desc i,em { color:#9478ad;}

#custom {
 position: fixed;
 top: 80;
 left: 280px;
 z-index: 1;
}

.link1, .link2, .link3, .link4, .link5, .link6, .link7, .link8 {
 background-color: #000;
 border-left: 3px solid #d7d7d7;
 border-right: 3px solid #d7d7d7;
 border-bottom: 5px solid #d7d7d7;
 border-radius: 100px;
 width: 1px;
 position: absolute;
 margin-top: -5px;
 transition: 0.8s;
 -moz-transition: 0.8s;
 -webkit-transition: 0.8s;
}
.link1 {height: 500px;margin-left: 30px;}
.link2 {height: 480px;margin-left: 45px;}
.link3 {height: 540px;margin-left: 60px;}
.link4 {height: 510px;margin-left: 75px;}
.link5 {height: 490px;margin-left: 90px;}
.link6 {height: 520px;margin-left: 105px;}
.link7 {height: 470px;margin-left: 120px;}
.link8 {height: 530px;margin-left: 135px;}

.link1:hover, .link2:hover, .link3:hover, .link4:hover, .link5:hover, .link6:hover, .link7:hover, .link8:hover {
 border-left: 3px solid #8d0b0f;
 border-right: 3px solid #8d0b0f;
 border-bottom: 5px solid #8d0b0f;
}

#content {



 width: 700px;


 padding: 10px;
 margin: 10px 300px;

}

BADs {
 background-color: #ffffff;
 padding: 20px;
 margin-bottom: 20px;


 width: 250px;


 float: left;
 margin: 0 20px 20px 0;
 margin-bottom: 35px;

 transition: 0.8s;
 -moz-transition: 0.8s;
 webkit-transition: 0.8s;
 -o-transition: 0.8s;
}
BADs:hover {margin-bottom: 35px;}

.photo {


 width: 250px;

 display: block;
 opacity: 0.6;

 transition: 0.8s;
 -moz-transition: 0.8s;
 webkit-transition: 0.8s;
 -o-transition: 0.8s;
}

BADs:hover .photo {
 opacity: 1;

}

BADs img {


 max-width: 250px;
}
BADs blockquote img {max-width: 100%;}

.text {
 text-align: justify;
 font-family: consolas;
 font-size: 11px;
 color: #aaaaaa;
}

#content blockquote {
 margin: 5px;
 padding: 0 10px;
 border-left: 1px solid ;
}

.line {
 border-bottom: 1px solid #f5f5f5;
 background-color: #ffffff;
}

.odd .line {padding: 10px 5px;color:#858585;}
.even .line {padding: 10px 5px;color:#b8b8b8;}
.odd .name {color: #e48dbf;padding: 3px 5px;}
.even .name {color: #ba9ec1;padding: 3px 5px;}

.ptitle, .ltitle {
 font-family: courier new;
 font-size: 10px;
 text-transform: uppercase;
 border-bottom: 1px solid #f0f0f0;
 color: #aaaaaa;
 padding: 5px 10px;
 letter-spacing: 2px;
 transition: 0.6s;
 -moz-transition: 0.6s;
 webkit-transition: 0.6s;
}
.ltitle {
 color: #ae9bbb;
 border-bottom: 1px solid #f0f0f0;
}
.ltitle:hover {
 padding-left: 20px;
 border-bottom: 1px solid #cecece;
}

.quom, .quomr {
 font-family: georgia;
 font-size: 100px;
 margin: -15px 0;
 position: absolute;
 color: #f3eff7;
 z-index: 1;
}
.quomr {


 margin: -15px 210px;
}

.pquote {
 font-family: courier new;
 font-size: 14px;
 text-align: center;
 position: relative;
 z-index: 2;
 color: #898989;
}

.psrc {
 font-family: consolas;
 font-size: 8px;
 letter-spacing: 1px;
 text-transform: uppercase;
 text-align: center;
 margin-top: -20px;
 color: #b1b1b1;
}

.askerportrait {
 max-width: 64px;
 max-height: 64px;
 position: absolute;
 border: 10px solid #f8f8f8;
}
.a {
 margin-left: 100px;
 background-color: #f8f8f8;
 min-height: 64px;
 padding: 10px;
 font-family: consolas;
 font-size: 11px;
 color: #9b9b9b;
}
.asker {
 color: #5e5e5e;
 font-family: consolas;
 font-size: 11px;
 text-transform: uppercase;
}
.asker a {color: #ac59a1;border-bottom: 1px solid #ac59a1;}
.q {margin-top: 10px;}
.tri {
 position: absolute;
 font-size: 30px;
 margin: 20px 0 0 85px;
 color: #f8f8f8;
}
.permainfo {
 margin-top: 0px;
 width: 480px;
 padding: 20px 30px;
 font-family: consolas;
 font-size: 11px;
 text-align: center;
 background-color: #ffffff;
 color: #aaaaaa;
}

#notecontainer {
 padding: 10px;
 text-decoration: none;
 width: 500px;
 background-color: #fff;
 padding: 20px;
 margin-top: 20px;
}
ol.notes {
 list-style-type: none;
 letter-spacing: -1px;
 font-size: 11px;
 color: #bbb;
 font-family: consolas;
 text-decoration: none;
 margin: 0;
 width: 500px;
 padding: 5px;
 text-align: left;
}
ol.notes a {
 color: #e48dbf;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
ol.notes a:hover {color:#e48dbf;}
img.avatar {
 margin-right: 5px;
 width: 10px;
 height: 10px;
 float: left;
}
.text b,strong, .permainfo b,strong { color: #ac59a1; font-weight: 400; }
.text i,em, .permainfo a {
 color: #d4aadd;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.text a, .ptags a, #notecon a, .psrc a {
 color: #e48dbf;
 border-bottom: 1px solid transparent;
 padding-bottom: 5px;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.text a:hover, .permainfo a:hover, #notecon a:hover, .ptags a:hover, .psrc a:hover, ol.notes a:hover {
 padding-bottom: 0;
 color: #cfcfcf;
 border-bottom: 1px solid #cfcfcf;
}

.permalink {
 width: 290px;


 margin: 20px -20px;
 background-color: #f2f1f1;
 color: #bbbbbb;
 font-family: consolas;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: center;
 height: 15px;
 line-height: 15px;
 position: absolute;
 overflow: hidden;

 transition: 0.8s;
 -moz-transition: 0.8s;
 -webkit-transition: 0.8s;
}
.permalink a {
 color: #b39dbd;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
}
.permalink a:hover {color:#545454;}
BADs:hover .permalink {
 opacity: 1;
 height: 15px;
}

.pagination { display:none; }

.tumblr_audio_player {height: 40px; width: 210px;}
.audiopost { height: 150px; }
.albumno {
 width: 150px;
 height: 150px;
 background-color: ;
 position: absolute;
 z-index: 1;

 width: 250px;
 height: 250px;

}

.albumartp {
 z-index: 10;
 width: 150px;
 height: 150px;
 position: relative;
 z-index: 2;
 display: block;

 width: 250px;
 height: 250px;

}

.albumart {
 width: 150px;
 height: 150px;
 display: block;
 position: relative;

 width: 250px;
 height: 250px;

}

.audioplayer {
 position: absolute;
 z-index: 11;
 margin-top: -90px;
 margin-left: 65px;
 width: 25px;
 height: 25px;
 overflow: hidden;
 opacity: 0.5;

 margin-top: -140px;
 margin-left: 115px;

 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.audioplayer:hover {opacity: 1;}

.audioinfo {
 position: absolute;
 margin-left: 155px;
 height: 150px;
}

.aline {


 margin-top: 5px;

 font-family: consolas;
 font-size: 10px;
 padding: 11px 10px;
 margin-bottom: 5px;
 text-transform: uppercase;
 background-color: #f5f5f5;
 color: #929292;
}
.aline b,strong {
 font-weight: 400;
 color: ;
}

.pagi { position:absolute;margin:40px 180px;}
.pa {
 margin-bottom: 10px;
 text-align: center;
 line-height: 13px;
 font-size: 12px;
 width: 15px;
 height: 15px;
 border-bottom: 1px solid #dddddd;
 border-right: 1px solid #dddddd;
 background-color: #ffffff;
 color: #d5d5d5;
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
.pa:hover {
 background-color: #ffffff;
 color: #888888;
}
.ongaku {
 position: absolute;
 margin: 15px 180px;
 width: 15px;
 height: 15px;
 overflow: hidden;
 border-bottom: 1px solid #dddddd;
 border-right: 1px solid #dddddd;
 background-color: #ffffff;
}
.player { margin-left: -22px;margin-top: -7px; }

#warning {
 position: fixed;
 background-color: #000;
 color: #fff;
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: -10000000;
 opacity: 0;
 top: 0;
 left: 0;
 padding-top: 240px;
 text-align: center;
 font-family: courier new;
 font-size: 14px;








}
.warn {
 width: 500px;
 margin: auto;
 height: 200px;
 position: relative;
}




</style>




<div id="custom">
<a title="link 1" href=""><div class="link1"></div><div class="lc"></div></a>
<a title="link 2" href=""><div class="link2"></div><div class="lc"></div></a>
<a title="link 3" href=""><div class="link3"></div><div class="lc"></div></a>
<a title="link 4" href=""><div class="link4"></div><div class="lc"></div></a>
<a title="link 5" href=""><div class="link5"></div><div class="lc"></div></a>
<a title="link 6" href=""><div class="link6"></div><div class="lc"></div></a>
<a title="link 7" href=""><div class="link7"></div><div class="lc"></div></a>
<a title="link 8" href=""><div class="link8"></div><div class="lc"></div></a>
</div>
<div id="sidebar">
<div class="blogtitle"><img src="http://i.picpar.com/OIZb.png" alt="" width="150" height="" /></div>




<img class="pic" src="http://67.media.tumblr.com/194fdc7ed478b1cd282bb0a9a5926736/tumblr_n1dmcx5hRO1slpqxao3_500.gif">
<div class="desc">

<b>KAKASHI HATAKE. はたけ<br /></b>
alias. Sixth Hokage<br />
clan. The Hatake Clan<br />
occu. Shinobi Forces<br />
village. Konohagakure<br />
team. Team Kakashi<br />
marital. <a title="description" href="https://roleplay.chat/profile.php?user=Shirayuki" target="_blank">text</a><br />






</div>
<div class="navigate">

<a target="_blank" href="https://roleplay.chat/profile.php?user=Kirara">Do not steal these codes.</a>
</div>
</div>