Codess;;

Codes Mission

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".about").hide();
$(".navi-about").click(function(){
$('.about').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".site").hide();
$(".navi-site").click(function(){
$('.site').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".nav").hide();
$(".navi-nav").click(function(){
$('.nav').slideToggle("fast");
return true;
});
});
</script>
<html><head>
<link href='http://media.tumblr.com/4f9a713297233acb515f49f6da4dcf6d/tumblr_inline_mukrchDuOk1qdlkyg.gif' rel='icon' type='image/x-icon'/>
<title>Mission</title>
<style>
#navbar-iframe {
display: none;
}

body {
color: #808080;
font: 10px trebuchet ms;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIyCYBO0OKerKkmGGUbYu7Sv3anMUJ-UsPyRGOKwRjq4641ZBWlYMv_15v0vITnJaOUeZk4lxsc8OCUEELHTEg5sLTjFKf6MllvB10_duHR7VLX5vBSBuYSbiazCs9UQ3nXw4Aiz6ZFkg/s1600/gray.png);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
}

a:link,a:active,a:visited {
text-decoration: none;
color: #FFA3A3;
-webkit-transition: 0.3s;
padding-bottom: -2px;
}

a:hover {
color: red;
text-decoration: none;
-webkit-transition: 0.3s;
border-bottom: 1px dashed #FF9999;
}

.blogger-labels {
display: none!important;
}

::-webkit-scrollbar {
width: 7px;
}

::-webkit-scrollbar-track-piece {
background-color: #FFD6D6;
border: 3px solid #FFFFFF;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFD6D6;
border: 1px solid #FFFFFF;
}

.tr-caption {
font-family: georgia;
font-style: italic;
letter-spacing: 2px;
font-size: 8px;
text-transform: lowercase;
background: #eee;
color: #777;
padding: 1px;
}

blockquote {
padding: 5px;
border: 1px dashed pink;
padding-left: 25px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPhrusk5Djq1-lrYvEOnYDG0HmIdSfXeREZbLI5bFci-AF1_a3WcjvHhTvG8XDBXn9m8y7XHMzaTbntVWucVdiwRuz42R9rvvMQLyeYDl7HU8sdeZl3B-Vl91zkFI4q_DOAkFp8ktI24/s1600/pink.png) repeat-y;
background-size: 20px 20px;
color: #aaa;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}

.entries-position {
height: auto;
left: 440px;
position: absolute;
top: 0px;
width: 620px;
}

.side-position {
left: 140px;
position: fixed;
top: 0px;
width: 400px;
}

.entries-background {
border-right: 1px dashed #FFD6D6;
border-bottom: 1px dashed #FFD6D6;
border-left: 1px dashed #FFD6D6;
background-color: #ffffff;
padding: 10px;
height: auto;
margin-bottom: 30px;
}

.imgbackground {
position: fixed;
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfnw6xzo9xlYjZgfaAquUxrVKyi5skQmyLOQF1Gatsna9hp9X7VdXYXwKyX_k0JkIWWoKzo8Xsg4NI6UO7kBC2dzX64ulR0xhMmAb92GmQcsPoeJuj7jnhtkgIlrqlfIaqoKQuTKP2_QM/s1600/dotpinkk.png);
padding: 17px;
}

#side {
top: 180px;
left: 110px;
position: fixed;
height: auto;
width: 200px;
}

#side:hover #text {
opacity: 0.9;
margin-top: 70px;
-webkit-transition: 0.8s;
}

#text {
opacity: 0;
margin-top: -100px;
margin-left: 17px;
font-size: 8px;
font-family: trebuchet ms;
padding: 7px;
font-style: normal;
position: absolute;
width: 236px;
text-align: center;
height: auto;
text-transform: lowercase;
color: #000;
background-color: #FFCCCC;
-webkit-transition: 0.8s;
}

#block {
margin-top: 0px;
margin-left: 127px;
width: 250px;
height: 170px;
position: fixed;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIyCYBO0OKerKkmGGUbYu7Sv3anMUJ-UsPyRGOKwRjq4641ZBWlYMv_15v0vITnJaOUeZk4lxsc8OCUEELHTEg5sLTjFKf6MllvB10_duHR7VLX5vBSBuYSbiazCs9UQ3nXw4Aiz6ZFkg/s1600/gray.png);
z-index: 6;
}

h10 {
font-family: consolas;
padding-top: 1px;
font-size: 12px;
color: #fff;
text-align: center;
text-transform: uppercase;
background: #FFCCCC;
letter-spacing: 5px;
height: 16px;
padding-left: 6px;
display: block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

#box {
background: #fff;
-moz-transition-duration: .85s;
-webkit-transition-duration: .85s;
width: 285px;
height: 17px;
overflow: hidden;
}

#box:hover {
background: #fff;
-moz-transition-duration: .85s;
-webkit-transition-duration: .85s;
width: 285px;
height: 130px;
overflow: hidden;
border-radius: 0px 0px 30px 30px;
}

.side-position {
left: 110px;
position: fixed;
top: 370px;
}

.box {
width: 265px;
padding: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfnw6xzo9xlYjZgfaAquUxrVKyi5skQmyLOQF1Gatsna9hp9X7VdXYXwKyX_k0JkIWWoKzo8Xsg4NI6UO7kBC2dzX64ulR0xhMmAb92GmQcsPoeJuj7jnhtkgIlrqlfIaqoKQuTKP2_QM/s1600/dotpinkk.png);
}

.box2 {
padding: 3px;
display: block;
height: 17px;
width: 255px;
background: #fff;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
overflow: hidden;
}

.box2:hover {
height: 150px;
}

a.link1 {
background: #FF9999;
width: 70px;
padding: 1px;
letter-spacing: 1px;
text-align: center;
display: inline-block;
-webkit-transition: 0.3s;
font: 9px trebuchet ms;
text-transform: uppercase;
}

a.link1:hover {
background: #eee;
-webkit-transition: 0.3s;
}

.h1 {
color: #FFA3A3;
font-family: consolas;
letter-spacing: 2px;
background: #FFF0F0;
margin-top: 3px;
padding: 2px;
text-align: center;
font-size: 11px;
margin-bottom: 4px;
}

@font-face {
font-family:snowpersonVqfixedbyfrogii;src:url('http://static.tumblr.com/eq1rpir/Rbpm54azj/snowpersonsv3__q_fixed_by_frogii_.ttf');
}

@font-face {
font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf');
}

.right {
background: #FFF6F6;
float: right;
width: 95px;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
font-family: consolas;
letter-spacing: 2px;
color: #9C9C9C;
font-size: 11px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left: 3px solid pink;
}

.right:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #000;
border-left: 20px solid pink;
}

.right2 {
background: #FFF6F6;
float: right;
width: 130px;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
font-family: consolas;
letter-spacing: 2px;
color: #9C9C9C;
font-size: 11px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left: 3px solid pink;
}

.right2:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #000;
border-left: 20px solid pink;
}

a.older {
text-transform: uppercase;
background: #FFECEC;
border: 1px solid #FFC2C2;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: right;
}

a.newer {
text-transform: uppercase;
background: #FFECEC;
border: 1px solid #FFC2C2;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: left;
}

a.button {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: arial;
background: #FFE0E0;
margin: 3px;
font-size: 8px;
text-align: center;
display: inline-block;
border: 2px solid #FFA3A3;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

a.button:hover {
color: #fff;
background: #FFB8B8;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

#button {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: arial;
background: #FFE0E0;
margin: 3px;
font-size: 8px;
text-align: center;
display: inline-block;
border: 2px solid #FFA3A3;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

#button:hover {
color: #fff;
background: #FFB8B8;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

a.link3 {
text-transform: uppercase;
border: 2px solid transparent;
background: #FFE0E0;
width: 50px;
margin: 5px;
padding: 5px;
color: #555;
text-align: center;
font: 8px arial;
display: inline-block;
-webkit-transition: 0.3s;
}

a.link3:hover {
border: 2px solid #FFA3A3;
background: #fff;
color: #aaa;
-webkit-transition: 0.3s;
}

.blogskins {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width: 150px;
height: 110px;
border: 5px solid #FFF5F5;
}

.blogskins:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid #FFA3A3;
}

.word2 {
width: 50px;
font-size: 12px;
font-family: consolas;
text-transform: uppercase;
color: #888;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}

.word2:hover {
background: #FFC2C2;
color: #000;
webkit-transition: 0.8s;
}

.nav {
width: 255px;
padding: 15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfnw6xzo9xlYjZgfaAquUxrVKyi5skQmyLOQF1Gatsna9hp9X7VdXYXwKyX_k0JkIWWoKzo8Xsg4NI6UO7kBC2dzX64ulR0xhMmAb92GmQcsPoeJuj7jnhtkgIlrqlfIaqoKQuTKP2_QM/s1600/dotpinkk.png);
}

.navi-nav {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: arial;
background: #FFE0E0;
margin: 3px;
font-size: 8px;
text-align: center;
display: inline-block;
border: 2px solid #FFA3A3;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

.navi-nav:hover {
color: #fff;
background: #FFB8B8;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

#top {
position: fixed;
z-index: 500;
top: 0;
left: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho-nzDIJ1X4f7Q2zdRAqqH5S37W0Po2ulx83UuqJkLi-29tqUXzG76twQXrAYi-TZFiVn0cMBmfFqG8SdLKgnZrPSkehmb73RGDisg1Y543n__Ke1EsDgjF0pVVs2EgNuDVVCxv6QcL6c/s1600/topdivider.png);
width: 100%;
height: 97px;
}

#title {
overflow-y: hidden;
height: 65px;
z-index: 3;
position: relative;
}

#title {
overflow-y: hidden;
height: 75px;
z-index: 3;
position: relative;
}

.title {
width: 100%;
float: center;
font-size: 65px;
font-family: 'snowpersonVqfixedbyfrogii', cursive;
color: #999;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}

.title:hover {
margin-top: -120px;
}

.desc {
color: #FFA3A3;
margin-top: 75px;
font: 25px 'theonlyexception';
}

#s-m-t-tooltip {
background: pink;
font-size: 9px;
line-height: 11px;
font-family: cambria;
letter-spacing: 1px;
text-transform: uppercase!important;
color: #333;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
text-transform: lowercase;
}

</style><body>
<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>
<div style="position: fixed; bottom: 5px; right: 5px"><a class="word2" style="color:#000;" href="http://chocollyheart.blogspot.com/" title="AFIQAHJUNIZAN">THEME</a></div>

<div id="block"><div style="position:fixed;top:110px;left:130px;">
<a class="button" href="http://www.blogger.com/profile/11539663776071135318"><br/><br/>About</a>
<a class="button" href="javascript:void(0);" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=7871771811045931378','me','width=520,height=530')"><br/><br/>Follow</a>
<a class="navi-nav"><br/><br/>Cbox</a>
<a class="button" href="https://www.facebook.com/ieqa.munchie"><br/><br/>Faceb</a>
</div></div>
<div id="top"><div id="title"><div class="title"><font color=#ff0000>M</font><font color=#e2531c>I</font><font color=#c69d38>S</font><font color=#aad655>S</font><font color=pink>I</font><font color=#55e7aa>O</font><font color=#38b8c6>N</font><div class="desc">
I'm on a mission to get over you, in other words mission impossible.
</div></div></div></div>
<div id="side"><div class="imgbackground"><img src="http://data.whicdn.com/images/29590384/tumblr_m4gv6tnMpV1qhl4olo1_500_large.png" width="250px;" height="140px;"></div>
<div id="text"><div style="font-family:trebuchet ms;font-size:9px;">
Click if you don't mind.{<script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=YOURID"> </script>}
<br/>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" >Free Page</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" >Entries</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" >Free Page</a>
</div></div></div>

<div class="side-position"><div class="box"><div class="box2"><h10>HOVER THE IMAGE</h10>
<div style="font-family:arial;font-size:8px;height:130px; overflow:auto;margin-top:3px;">
<center><a class="link3" onclick="window.open('http://chocollyheart.blogspot.com/'); return false;">Afiqah</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
</center>
</div></div></div>

<br/><div class="nav"><center>
<div style="font-family:arial;color:red;font-size:9px;margin-bottom:-15px;">PRIVATE CBOX! DON'T OPEN MY CBOX! DON'T SPAM!</div>
<div style="background:#fff; width:235px;padding:10px;"><br/><br/>Put your code cbox at here<br/><br/></center></div></div>

<div class="entries-position">
<div class="entries-background" style="padding-top:90px;">
<div id="main"><blogger>
<br/>
<div class="right"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comment (<$BlogItemCommentCount$>)</a></BlogItemCommentsEnabled></div>
<div class="h1"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<br/>
<$BlogItemBody$></blogger>
<br/>
<a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a>
<br/>
<br/>
</div></div>

<div id="one" style="display: none;">
<br/>
<div class="right">Kill me!</div>
<div class="h1">Free Pages</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/>
</div>

<div id="two" style="display: none;">
<div id="main"><blogger>
<br/>
<div class="right"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comment (<$BlogItemCommentCount$>)</a></BlogItemCommentsEnabled></div>
<div class="h1"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<br/>
<$BlogItemBody$></blogger>
<br/>
<a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a>
<br/>
<br/>
</div>
<div id="three" style="display: none;">
<br/>
<div class="right2">Heyyyooo!</div>
<div class="h1">Free Page</div>
<br/>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/><br/>
</div>
</body></head></html>