"my template" - Views: 117 · Hits: 117 - Type: Unlisted

<!--------------------------------------
Blogger: Classic Template
Name: No Wonder.
Designer: Emily Megan Yoo
URL: machrysanthemumtea.blogspot.my

*PLEASE DO NOT REMOVE THIS*
--------------------------------------!>


<html><head>
<script language=javascript><!--
//Disable right click script III- By Renigade ([email protected])//For full source code, visit http://www.dynamicdrive.com
var message="";///////////////////////////////////function clickIE() {if (document.all) {(message);return false;}}function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {(message);return false;}}}if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")// --> </script>
<center><img class="header" src="http://2.bp.blogspot.com/-cXLDXcL8HkE/T_fCYiLsahI/AAAAAAAAAdU/2kUWBmc_U_E/s1600/freebies5.png"/></center>
<link rel="shortcut icon" href="http://i.imgur.com/hq6AA.png" />
<title>No Wonder.</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<style type="text/css">
#navbar-iframe {
display: none;
}
.header {
margin-top:0px;
margin-left:0px;
}
.header:hover {
padding-left:160px;
-webkit-transition: .9s;
-webkit-transform: slide(6deg);
opacity:.00;
} 
body {
background:#FFFFFF;
background-attachment: fixed;
font: 14px 'Century Gothic';
cursor: url(http://downloads.totallyfreecursors.com/thumbnails/candypink.gif), progress;
}
a:link, a:visited {
-webkit-transition: 1.0s; 
-moz-transition: 1.0s;
color: #FFAEAE;
text-decoration: none;
}
a:hover {
border-bottom: 2px solid #FFAEAE;
color: #444;
text-decoration: none;
cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur ), progress;
}
.h1 {
text-align:center;
background: #FADFDF;
padding: 2px;
border: 0px solid #ccc;
font: 16px 'Century Gothic'; 
color: #888;
}
.h2 {
background: #E0E0E0;
text-align: center;
font:11px Consolas;
}
img {
border-radius: 7px;
filter: alpha(opacity=8); opacity:.8; -webkit-transition-duration: .50s;
}
img:hover {
filter: alpha(opacity=100);
opacity:1.0;
-webkit-transition-duration: 1s;
}
blockquote {
background:url(http://4.bp.blogspot.com/-FnqWy1cCx3w/TwGFtOy9BdI/AAAAAAAACsI/oAbuYPohQUs/s320/unakotakpink.jpg);
border: 2px solid #ccc;
padding: 8px;
color: #656565;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
text-align: justify;
border-radius: 5px;
}
blockquote:hover{
border-radius:25px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 10px #ccc;
-moz-box-shadow:    0px 0px 10px #ccc;
box-shadow:         0px 0px 10px #ccc;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
background: url(http://3.bp.blogspot.com/-lckwBELCThY/Tqyl4csk-vI/AAAAAAAAB1s/D7hV3L8meqc/s1600/greygrain.png);
border: 3px solid #fff;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url( http://3.bp.blogspot.com/-Rf2x6vni5Hk/Tqyl5FkJswI/AAAAAAAAB10/8Up6SEzyGsw/s1600/pinkgrain.png);
border: 1px solid #fff;
}

b, strong {
color: #FFAEAE;
font-weight:bold;
}
i , s, strike {
color: #000000;
}
u, underline {
color: #888;
border-bottom: 2px #FFD3D3 solid;
text-decoration: none;
}
.nav {
background:#888; 
font: normal 9px 'Lucida Sans Unicode', 
Lucida Grande, sans-serif; color: #FFAEAE; 
border: 1px solid #ccc; 
display: inline-block; 
letter-spacing: 1px; 
margin: 0 2px 0 0; 
padding: 4px 9px; 
text-transform: uppercase;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}
.nav:hover {
background:#FFD3D3; 
font: normal 9px 'Lucida Sans Unicode', 
Lucida Grande, sans-serif; color: #000; 
border: 1px solid #ccc; 
display: inline-block; 
letter-spacing: 1px; 
margin: 0 2px 0 0; 
padding: 4px 9px; 
text-transform: uppercase;
}
::-moz-selection {
background:#FFD3D3;
color:black;}
::selection {
background:#FFD3D3;
color:black;}

.old {
background:#FBEFEF; 
font:12px trebuchet ms;
padding:2px;
text-align:center;
border-radius: 3px;
}

a.linkies {
color:#000;
width:50px;
background:url(http://4.bp.blogspot.com/-FnqWy1cCx3w/TwGFtOy9BdI/AAAAAAAACsI/oAbuYPohQUs/s320/unakotakpink.jpg);
padding: 3px;
margin:1px;
display: inline-block;
border: 2px solid #ccc;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}



a.linkies:hover {
-webkit-transition: 1.0s; 
-moz-transition: 1.0s;
border: 2px solid #333;
}


</style>
<body>
<!-------- MAIN WRAPPER --------!>

<table style="margin-bottom: 10px;font-size: 12px; color: #666; line-height: 16px; background-color:#fff; border: 0px solid #eee; border-radius:10px;" width="900" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="width:530px; padding-left:5px; border-right:0px solid #eee; padding-bottom:5px;; padding-right:15px; ">
<div id="page">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
</blogger>
<div class="old"><OlderPosts> <a href="<$OlderPosts$>" target="_blank">< Older Posts</a></OlderPosts> | <NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts ></a></NewerPosts></center></div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type='text/javascript' language='Javascript'> 
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://i.imgur.com/rSMmX.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script> 

<!-------- SIDEBAR WRAPPER --------!>

<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-left:10px;">

<div class="h1">Amigo</div><br>
<center><img  src="http://data.whicdn.com/images/215777632/large.jpg" width="222"height="190"/><br></center>
<div style="text-align: center;"><br> 
<center>Stumbled here?<br>
Wanna take a tour for awhile?
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><br><br>
<center><div class="nav" onClick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML">Diary</div>
<div class ="nav" onClick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML">About</div>
<a class="nav" href='http://www.blogger.com/follow-blog.g?blogID=4928728126071998660'>Follow</a></span></center><br>
<br>

<div class="h1">Big foot</div><br>
<center><img src="http://i1229.photobucket.com/albums/ee471/simplygirlz1/af6b9a40-3971-4a6c-aeb1-fbda4aa5688c_zps32398785.jpg" width="250"height="180"/><br><br>
<center><!-- Start FreeOnlineUsers.com --><script type="text/javascript" src="http://st1.freeonlineusers.com/on3.php?id=204313"> </script> lost teddy(s) </font>
<!-- End FreeOnlineUsers.com --><br><br>
<img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic002demoji_12343593decoojp.gif" width=19 height=19 border=0> No harsh word please <img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic002demoji_12343593decoojp.gif" width=19 height=19 border=0><br> 
<img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic002demoji_12343593decoojp.gif" width=19 height=19 border=0> No advertising here <img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic002demoji_12343593decoojp.gif" width=19 height=19 border=0><br>
<img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic002demoji_12343593decoojp.gif" width=19 height=19 border=0> Write your URL correctly <img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic002demoji_12343593decoojp.gif" width=19 height=19 border=0><br><br>
( YOUR SHOUTBOX CODE HERE ) </center><br></br>

<div class="h1">Babblings</div><br>
<div style="background:transparent; width:230px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; text-align: left;"><bloggerpreviousitems><a  href="<$BlogItemPermalinkURL$>"><li><$BlogPreviousItemTitle$></li></a><br></BloggerPreviousItems></div><br>
<select style="border: 1px solid #F5A9BC; padding: 4px; background:#FFF; -webkit-border-radius: 4px; font-family:trebuchet MS; font-size: 11px; color: #666; width: 100%; text-align: center;  "
onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank">
<option selected="selected">Monthly Post</option><BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
<br><br>
<div class="h1">Credit Card</div><br>
Basecodes : <a href="http://najmisblogg.blogspot.com">Najmi</a> <a href="https://twitter.com/#!/NajmiSupian">Supian</a><br>
Big Helped  : <a href="http://www.blogskins.com/">T</a> <a href="http://www.weheartit.com">H</a> <a href="https://www.google.com/">E</a> <a href="http://www.tumblr.com/">M</a><br>
Skin by : <a href="http://machrysanthemumtea.blogspot.my/">Emily Yoo</a><br></div>

</td>
</tr></tbody>
</table>

<div id="profile" style="display: none;">
<div class="h1">Profile.</div>
<div class="h2">Taken by <i>my bias.</i></div><br>
<center><img src="http://data.whicdn.com/images/215777653/large.gif" ></center><br>
<center>YOUR INTRODUCTION HERE.
<br>
<br>
<img src="http://dl.glitter-graphics.net/pub/478/478501njh3wvfmch.gif" width=160 height=26 border=0><img src="http://dl.glitter-graphics.net/pub/478/478501njh3wvfmch.gif" width=160 height=26 border=0></center>
<br>
<br>
</div>

<div id="diary" style="display: none;">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
</blogger>
<div class="old"><OlderPosts> <a href="<$OlderPosts$>" target="_blank">< Older Posts</a></OlderPosts> | <NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts ></a></NewerPosts></center></div>

</body></html></table>