Codes Kiss Me








<title>Kiss Me</title>
<script type="text/javascript">
//form tags to omit in NS6+:
//http://eking.in
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 //When page loads...
 $(".tab_content").hide(); //Hide all content
 $("ul.tabs li").addClass("dead"); //Remove any "active" class
 $("ul.tabs li:first").removeClass("dead").show(); //Activate first tab
 $(".tab_content:first").show(); //Show first tab content
 //On Click Event
 $("ul.tabs li").click(function() {
  $("ul.tabs li").addClass("dead"); //Remove any "active" class
  $(this).removeClass("dead"); //Add "active" class to selected tab
  $(".tab_content").hide(); //Hide all tab content
  var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
  $(activeTab).fadeIn(); //Fade in the active ID content
  return false;
 });
});
</script>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="http://static.tumblr.com/6oysso7/k0Jls1t44/a-helphtml__11_.ico">
<link href='http://fonts.googleapis.com/css?family=Macondo' rel='stylesheet' type='text/css'>

<style>
body {
    background: white;
    font-family: calibri;
    color: #808080;
    font-size: 13px;
    background-attachment: fixed;
    background: url(http://subtlepatterns.com/patterns/stacked_circles.png) fixed;
}

.sidebar {
    width: 300px;
    padding: 15px;
    background: pink;
    text-align: left;
    font-family: tinytots;
    box-shadow: 0 13px 10px -10px #999, 0 1px 3px #bbb;
    font-size: 8px;
}

.tabs {
    list-style-type: none;
    list-style-position: inherit;
    margin: 0px;
    padding: 0;
    padding-top: 5px;
    float: right;
}

.tabs li {
    list-style-type: none;
    float: left;
    margin-right: 5px;
    width: 80px;
}

.tabs li a {
    padding: 5px;
    font-family: macondo;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: block;
    text-decoration: none;
}

.tabs li.dead a {
    background: #ececec!important;
    color: #333!important;
    cursor: sw-resize;
}

.tabs li.dead a:hover {
    background: #dedede!important;
}

.tab_content {
    padding: 15px;
    background: #eee;
    border-top: 10px solid #FF99C2;
    border-bottom: 10px solid #FF99C2;
}

td {
    text-align: justify;
    font-family: calibri;
    color: #808080;
    font-size: 13px;
}

#navbar-iframe {
    display: none;
}

@font-face {
    font-family:tinytots; src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

.right {
    left: 510px;
    top: 100px;
    width: 615px;
    position: absolute;
}

img.posted {
    background: transparent;
    padding: 15px;
    width: 150px;
}

.post .main {
    opacity: .0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    text-transform: uppercase;
    color: #fff;
    font-family: tinytots;
    font-size: 8px;
    background: #333;
    width: 140px;
    height: 25px;
    padding: 1px 5px;
    margin: -5px 5px 0 15px;
}

.post:hover .main {
    opacity: .99;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    margin: -60px 5px 0 15px;
}

.title1 {
    color: #751947;
    font: 20px 'oswald';
    letter-spacing: 1px;
    text-align: left;
    background: #99808A;
    line-height: 40%;
    text-transform: downpercase;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
}

.title1:hover {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    color: #555;
    font: 20px 'oswald';
    letter-spacing: 1px;
    text-align: left;
    padding-left: 50px;
    background: #99808A;
    line-height: 40%;
    text-transform: downpercase;
}

.navi3 {
    font-size: 8px;
    color: #000;
    font-family: tinytots;
    padding: 7px;
    width: 40px;
    display: inline-block;
    background: #000;
    margin: 1px;
    text-align: center;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

.navi3:hover {
    padding: 3px;
    background: #333;
    color: #907CF4;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
}

.amigos {
    font-family: 'nova mono', cursive;
    font-size: 15px;
    color: #777;
    padding-top: 2px;
    letter-spacing: -2px;
    margin-bottom: 15px;
    text-align: left;
}

img {
    float: center;
    -webkit-transition: all 9s linear;
    -moz-transition: all  9s linear;
    -o-transition: all 9s linear;
    -ms-transition: all 9s linear;
    transition: all 9s linear;
    z-index: 1000;
    -webkit-animation: sharpen 0.9s linear backwards;
    -moz-animation: sharpen 0.9s linear backwards;
    -ms-animation: sharpen 0.9s linear backwards;
    animation: sharpen 0.9s linear backwards;
}

img:hover {
    -webkit-transition: 0.8s;
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
}

@font-face {
    font-family: "bebasne";
src: url('http://static.tumblr.com/ls875kd/nuNlvxgvd/bebasneue.otf');
}

@font-face {
    font-family:tinytots;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

@font-face {
    font-family:"Cac";
font-weight:
bolder;src:url('http://static.tumblr.com/ijqoxlo/SlOlvqdf2/cacpinafore.ttf');
}

#navbar-iframe {
    display: none;
    height: 0;
}

::-webkit-scrollbar {
    height: 12px;
    width: 10px;
    background: #eee;
    position: absolute;
}

::-webkit-scrollbar-thumb {
    background-color: #3D3D3D;
}

.tr-caption {
    font: 8px tinytots;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 1px 2px;
}

.h5 {
    background: pink;
    font-size: 10pt;
    font-family: bebasne;
    letter-spacing: 2px;
    margin-bottom: -15px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}

.h6 {
    width: 600px;
    background: pink;
    font-size: 10pt;
    font-family: bebasne;
    letter-spacing: 2px;
    margin-top: 35px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    padding-left: 0px;
    padding-right: 30px;
}

u {
    text-decoration: none;
    color: red;
}

.title {
    color: #9A9095;
    font: 23px 'Oswald';
    padding-left: 10px;
    margin-top: 10px;
    line-height: 100%;
    background-image: -webkit-linear-gradient(left, transparent, #eee, #eee, transparent);
    text-align: center;
    padding-bottom: 5px;
}

.blogger-labels {
    border-top: 1px solid #eee;
    padding: 3px;
    font-style: italic;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    text-align: left;
}

.blogger-labels a {
    text-align: left;
    margin-top: 300px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    color: #fff;
    padding-bottom: 0px;
    border-radius: 4px;
}

blockquote {
    background: url(http://subtlepatterns.com/patterns/arches.png);
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #888;
    -webkit-transition: 0.3s;
}

a:link,a:active,a:visited {
    text-decoration: none;
    color: #FF9494;
}

a:hover {
    color: #777;
    text-decoration: none;
    cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZpxukV0ui7WsO48X0-GoZVMX5DyWz4nSdkdCRF0aF2jWhOiIHBL-tq4zX5zsKQS39Mit-edg1D-tZTjWkOPFq7Lc_Ktpo4l3ODV9mdQ_k7g4blKK30H_BhBdYPmcSt_h5Kmlqz__HnI/s1600/14.pngcrosshair),progress;
}

a.net {
    -webkit-transition-duration: 0.5s;
    color: #888;
    padding: 10px;
    padding: 3px;
    text-decoration: none;
}

a.net:hover {
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth588.cur), url(http://cur.cursors-4u.net/others/oth-6/oth588.cur), auto;
    border: none;
    color: #F88017;
    text-shadow: 2px 0px 3px #F88017;
    text-decoration: none;
}

a.love {
    text-decoration: none;
    -webkit-transition-duration: .60s;
    background: transparent;
    color: #000;
    font-size: 25px;
    padding: 2px;
    width: 50px;
    font-family: bebasne;
    text-transform: none;
    letter-spacing: 1px;
}

a.love:hover {
    padding: 15px;
    background: transparent;
    -webkit-transition-duration: .60s;
    color: #444;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth657.cur), url(http://cur.cursors-4u.net/others/oth-6/oth657.cur), auto;
}

::selection {
    background: transparent;
    color: #ffffff;
}

::-moz-selection {
    background: #000000;
    color: #ffffff;
}

a.linkies, a.heart, a.kiss, a.miss, a.lips {
    background: url(http://i726.photobucket.com/albums/ww269/Ohfatall-ove/Backgrounds/Galaxy1.jpg);
    color: #A4A4A4;
    padding: 3px;
    margin: 3px;
    width: 100px;
    text-transform: lowercase;
    font-family: nova mono;
    font-size: 10pt;
    -webkit-transition: 1.0s;
    display: inline-block;
    text-align: center;
}

a.linkies:hover, a.heart:hover, a.kiss:hover, a.miss:hover, a.lips:hover {
    background: url(http://applepine.chu.jp/back/pattern/han.gif );
    color: #777;
    padding: 3px;
    margin: 3px;
    width: 110px;
    text-transform: lowercase;
    font-family: nova mono;
    font-size: 10pt;
    -webkit-transition: 1.0s;
    display: inline-block;
    text-align: center;
}

.entries {
    width: 100px;
    border-radius: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 35px;
    background: #A4A4A4;
    padding: 2px;
}

#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;
}

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

.word2:hover {
    background: pink;
    color: #fff!important;
    webkit-transition: 0.8s;
}

</style>
<body>


<div style="left:50px; top:140px; position: fixed">
<div class="sidebar">
<center>Status (03/04/2012) : tengah geram dengan someone. </center>
<br>
<center><img style="height: 110px; width:250px;-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow:0px 0px 5px #eee;" src="http://data.whicdn.com/images/25585894/tumblr_m1jbi4Qg4z1qijksmo1_500_large.png" width="250"></center><br><br>
"If you want to achieve things in life, you've just got to do them, and if you're talented and smart, you'll succeed."
<div style="text-align:right">- Juliana Hatfield <br></div></div>
</div>

<div style="left:5px; top:10px; position: fixed">
{ <script type="text/javascript" src="http://st1.freeonlineusers.com/on3.php?id=FREEONLINEUSERID" > </script> }

</div>

<div style="margin-bottom:20px;">
<div class="right">
<table width=750>
<blogger>
<tr class="post">
<td vAlign=top width=700 style="box-shadow: 0 13px 10px -10px #999, 0 1px 3px #bbb;margin-left:20px;padding:10px;background: url(http://i1135.photobucket.com/albums/m630/Aiichan/Background/bg2.png); margin-bottom: 25px; top:50px;">
<div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br>
<$BlogItemBody$>
</td>
<td vAlign=top width=150 style="margin-left:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjht5IDKTcAOciGKBtRlSM0s7zhzbibaX9fVgmGBbWaJW2fkAZTYxmhxP7NrHphdK7J1-qnSgA7ceRkvKHuQ4YrYCJTMhkF11KLodeTEGDfWJXWZBTpZ-o-SHLBGEnPBHyqZ2EXSdzZnQ/s320/a12.jpg" class="posted"><div class="main">
<BlogDateHeader>- <$BlogDateHeaderDate$></BlogDateHeader> <br>
- <$BlogItemDateTime$><br>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>- Drop your comment [<$BlogItemCommentCount$>]</a></BlogItemCommentsEnabled><br>
</div>
</td>
<td vAlign=top width=65>
</td>
</tr>
</blogger>
</table>
</div></div>

        <script language="JavaScript">
<!-- hide
numquotes = 5;
var quotes = new Array(numquotes);
quotes[0]="<style>#one { background: #bdc866; }</style>";
quotes[1]="<style>#one { background: #f47a52; }</style>";
quotes[2]="<style>#one { background: #66bcc5; }</style>";
quotes[3]="<style>#one { background: #757169; }</style>";
quotes[4]="<style>#one { background: #f0dddd; }</style>";
var rand = Math.floor(Math.random()*numquotes);
document.write(quotes[rand]);
// -->
<!-- hide
numquotes = 5;
var quotes = new Array(numquotes);
quotes[0]="<style>#two { background: #bdc866; }</style>";
quotes[1]="<style>#two { background: #f47a52; }</style>";
quotes[2]="<style>#two { background: #66bcc5; }</style>";
quotes[3]="<style>#two { background: #757169; }</style>";
quotes[4]="<style>#two { background: #f0dddd; }</style>";
var rand = Math.floor(Math.random()*numquotes);
document.write(quotes[rand]);
// -->
<!-- hide
numquotes = 5;
var quotes = new Array(numquotes);
quotes[0]="<style>#tri { background: #bdc866; }</style>";
quotes[1]="<style>#tri { background: #f47a52; }</style>";
quotes[2]="<style>#tri { background: #66bcc5; }</style>";
quotes[3]="<style>#tri { background: #757169; }</style>";
quotes[4]="<style>#tri { background: #f0dddd; }</style>";
var rand = Math.floor(Math.random()*numquotes);
document.write(quotes[rand]);
// -->
</script>
<div style=" position:fixed; top:400px; left:70px; width:300px;">
    <td width="200" valign="top">
          <div class="tab_container">
                    <div id="profile" class="tab_content">
<div class="title1">Be Beside Me</div>
<br>
<img src="http://img810.imageshack.us/img810/2606/2ne17.png" width="80px; " style="padding-right:5px; float:left">
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.                  
</div>
                    <div id="links" class="tab_content">
<div class="title1">Free section</div>
<br>
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown.Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown.
<br>
                    </div></div>
                    <div id="tags" class="tab_content">
<div class="title1">Writing Script</div>
<br>
<img src="http://img801.imageshack.us/img801/7696/2ne110.png" width="80px; " style="padding-right:5px; float:left">
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.
Visit here :
<br>
<div style="color: red;">
<center><a class="navi3"href="http://www.facebook.com/ieqa.munchie">Facebook</a>
<a class="navi3"href="http://www.blogger.com/follow-blog.g?blogID=7871771811045931378">Follow</a>
<a class="navi3"href="http://cbox.ws/">Tagboard</a></center>

                    </div></div>
<div style=" position:fixed; top:350px; left:90px;">

    <ul class="tabs">
<li><a href="#profile" id="one">One</a></li>
<li><a href="#links" id="two">Two</a></li>
<li><a href="#tags" id="tri">Three</a></li>
</ul></div>
    </td>
  </tr>
</table>
<div style="float: left;"><a class="love" href=>← newer </a></div>
<div style="float: right;"><a class="love" href="<$OlderPosts$>">older →</a></div>
</div>

<div style=" position:fixed; left:430px; top:-20px; padding:-2px;background:transparent; height:1000px; display:block; line-height:10px;border: 20px #FF99C2 ridge;width:0px" /></div>
</div>

<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>

</body>
</html>