<html>
<title>AFFLIATES</title>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<style type="text/css">
#navbar-iframe {display: none;}
body{
cursor: url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), progress;
font-family: calibri;
font-size: 9px;
background:url(http://i.imgur.com/ZqzVCIn.png);fixed;)}
#s-m-t-tooltip {
z-index: 99999;
background: #fff;
font-size: 9px;
line-height: 11px;
font-family: cambria;
letter-spacing: 1px;
text-transform: lowercase;
color: #b0b0b0;
text-align: left;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
-webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
}
a:link,a:visited{
color:#fff;
text-decoration:none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;}
a:hover {
color:#fff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;}
::-webkit-scrollbar {
width: 10px;
height: 4px;
background-color: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border:3px solid #ffffff;
}
#chanyeol
{
top: 250px;
left: 400px;
position: fixed;
padding: 20px;
background-color: #fff;
width: 480px;
height: 180px;
overflow: auto;
}
/*cbox*/
#xiumin
{
top: 100px;
left: 400px;
position: fixed;
padding: 20px;
background-color: #fff;
width: 480px;
height: 180px;
overflow: auto;
}
/*affies navigation*/
.baek1, .baek1, .baek1, .baek1{
display: inline-block;
width: 100px;
padding:3px;
margin:5px;
background:#fafafa;
font:10px;
text-align:center;
Text-decoration:none;
color:#fff;
text-transform:uppercase;
border:0px solid #b1b1b1;
-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;
}
.baek1:hover, .baek1:hover, .baek1:hover, .baek1:hover{
color: white;
text-shadow: 2px 0 0 #fff;
-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;
}
/*affies color*/
.baek1 { background-color: #ddd; }
.baek1 { background-color: #ddd; }
.baek1 { background-color: #ddd; }
.baek1 { background-color: #ddd; }
/*link navigation*/
.exo1, .exo2, .exo3, .exo4{
display: block;
overflow: hidden;
width: 100px;
height: 13px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 0px;
float: left;
margin-right: 20px;
margin-bottom: 5px;
text-align : center;
-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;
}
.exo1:hover, .exo2:hover, .exo3:hover, .exo4:hover{
background-color: #ddd;
-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;
}
#nav {
width: 100px;
position: fixed;
top: 220px;
left: 415px;
}
/*link color*/
.exo1 { background-color: #ffbbaa; }
.exo2 { background-color: #A3F5EF; }
.exo3 { background-color: #DDFF92; }
.exo4 { background-color: #FFD6C2; }
#exo { background:#fff ;font-size:9px;width:160px;height:160px;
opacity:0.00;
border: 0px solid #e6e6e6; -webkit-transition:0.8s;}
#exo :hover { border-radius: 50px 0px 50px 0px;opacity:100;-webkit-transition:0.8s;}
</style>
<div id="xiumin">
<center><div style="border:1px solid #FFFFFF;"><div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRnbVg8-iinyZf4lggjvGFrI11ndy_jA6GPJ9dJY3NoHYdczCxQ7uYIdg5XOiFjEPv9OIunRKepamFm9hgtD0nSXiLWonPWx8ytQo6n3I7Cv9ZUjH8VLFvjDr49gAxMs6X_ig7ryn-aPm/s1600/backgroundbody%25283%2529.png);border: 1px dashed #eee;padding:3px;">
<center>cbox code here</center>
</div>
</head>
<body>
<div id="nav">
<div style="margin-top:0px;width:750px;padding:10px;border-radius:0px 0px 0px 0px;">
<a class="exo1" href="http://www.blogger.com/home">BLOG</a>
<a class="exo2" href="http://ask.fm">ASK.FM</a>
<a class="exo3" href="http://baekhyunnns.blogspot.com/">CREDIT I</a>
<a class="exo4" href="http://ayunipororo.blogspot.com/">CREDIT II</a></div></div></div>
</div>
<div id="chanyeol">
<a class="baek1" href="/">jongin</a>
<a class="baek1" href="/">kai</a>
<a class="baek1" href="/">zhongren</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
<a class="baek1" href="/">next</a>
</div>
</body>
</html>