▲Goodgame Disco Blog๑۩ﺴ۩๑ : Pár design :))

Hoztam újabb pár designeket mert hát kértek ;)).Remélem ezek most jobban fognak tetszeni :3.

1.

<head>
<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, 100]},
controlHTML: '<img src="http://i1291.photobucket.com/albums/b556/howareyou59/scrolltop_zps5220d6f1.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'})
.attr({title:''})
.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>

<title>chaussures</title>
<link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>

.credithidden:hover .creditshow { display: block; background:#fff; }

#navbar-iframe {display: none;}

body {background: #f5f5f0; text-align: justify; color: #333; font: normal 8pt "arial", monospace; cursor:default;}

img.head{ position: fixed; top: 0; left: 0; }

b { color: #6a9e87 }
i { font-style: italic; color: #86cfaf;}
u { text-decoration: none; border-bottom: 2px solid 86cfaf; padding: 1px }
s { color: #86cfaf }

a {color: #76B8A6; text-decoration: none; letter-spacing:1px;}
a:hover {color: #addbc4; font-style:italic; cursor:default;}

.post {position: absolute; top: 30px; left: 400px;}
.entry {background: #fff; border-radius: 7px 7px 7px 7px; padding: 10px; width: 600px; margin-bottom: 15px;font: 11px arial; color: #333;}

.title { font-family: 'satisfy', times, serif; font-style: bold; letter-spacing: 2; font-size: 21; color: #2b3d2d; margin-bottom:1px; }
.title:first-letter { font-style: italic; font-size: 28px; color: #6a9e87; font-family: 'satisfy' }
.time { line-height: 0%; padding-left: 5; font-family: georgia, times, serif; font-style: italic; color: #666; letter-spacing: 1; font-size: 10px }

.side {position: absolute; top: 260px; left: 90px; width: 230px; background: transparent;}
.sidebar {background: transparant; padding: 9px; width: 230px; color: #333;font: 9px arial;line-height: 13px; text-align: left;}

.coloumn {margin-top:4px; margin-bottom: 8px; padding: 5px; color:#666; background-color:#e4e1d8; text-align:justify; font: normal 8pt "arial", monospace; border-radius: 5px 5px 5px 5px}

.sidelink{font: 9.5px arial;letter-spacing: 2px;color: #333;text-align: left;display: block;text-decoration: none;margin: 0px 0px 2px; padding:1px;}
.sidelink:hover {color: #666; background: #badbc9; font-style:italic; text-align:right;}

a.linkage{color:#222; background-color:#FCFCFC; solid #e4e4e4; border-bottom:1px solid #badbc9; padding:2; text-decoration:none; text-align:right; display:block; letter-spacing:2px;}
a.linkage:hover{color:#848484; background-color:white; border-bottom:none; none; font-style:italic; letter-spacing:3px;}

img:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
img{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;}

.foot {color: #222; background: #badbc9; padding:2px; text-decoration: none; letter-spacing:1px; border-radius:5px 5px 5px 5px;}
.foot:hover {color: #666; font-style:italic;}

::selection{color:#666; background:#badbc9;}

::-webkit-scrollbar {background: #f5f5f0; width: 14px;}
::-webkit-scrollbar-thumb {background: #badbc9; border-radius: 50px 50px 50px 50px; width: 14px;}

</style>
</head><body>

<img src="http://i1291.photobucket.com/albums/b556/howareyou59/sideimage_zps40e1a8f9.png">
<div class="side">
<div class="sidebar">
<div id="page">
<div class="coloumn">
Hi this is my personal blog and i post whatever i want, whenever i have things to blog about. put your disclaimer here but not too long or make it look weird. <br><br>
<center>
{ <script language="JavaScript"> 
var ref = (''+document.referrer+'');
var w_h = window.screen.width + " x " + window.screen.height;
document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4264119&e1=currently lurking&e2=currently lurking&r=' + ref + '&wh=' + w_h + '"><\/script>'); 
</script> }</center>
</div>
<a class="sidelink" href="BLOGGER PROFILE URL" target="blank">→  about me</a>
<a class="sidelink" href="FLAVORS.ME URL" target="blank">→ view my networks</a>  
<a class="sidelink" href="javascript:void(0);" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=<$blogID$>','ratting','width=500,height=500')">→ follow this blog? </a>
<a class="sidelink" href="/">→ refresh</a><br> 
<select style="font: 9px arial; border:0px; border-radius:5px 5px 5px 5px; letter-spacing: 2px;color: #222; padding:3px; background: #e4e1d8;text-align: left;text-decoration: none; width: 230px" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/"> archives</option>
<bloggerarchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</BloggerPreviousItems>
</select>
<br><br>

<div id="cboxdiv" style="text-align: center; line-height: 0">
<div>
<iframe frameborder="0" width="230" height="150" src="http://www2.cbox.ws/box/?boxid=2346343&boxtag=72c9nw&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain2-2346343" style="border: 0px solid;" id="cboxmain2-2346343"></iframe></div>
<div>
<iframe frameborder="0" width="230" height="75" src="http://www2.cbox.ws/box/?boxid=2346343&boxtag=72c9nw&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform2-2346343" style="border: 0px solid;border-top:0px" id="cboxform2-2346343"></iframe></div>
</div>
<br>

<div class="coloumn">
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
<a class="linkage" href="/">linkage</a>
</div>
<br>

<div class="coloumn">
insert followers / ask.fm widget here. make sure sure max width 225px height 225px with transparant background. </div>
</div>
</div>
</div>
<div class="post">
<blogger><div class="entry">
<div class="title">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--

do not remove this part and the credits
skins by naybeegation                 naybeegation.blogspot.com
powered by blogger                     blogger.com

╋╋╋╋╋╋╋╋╋╋┏┓╋╋╋╋╋╋╋╋╋╋╋╋╋┏┓╋╋╋╋╋╋╋╋
╋╋╋╋╋╋╋╋╋╋┃┃╋╋╋╋╋╋╋╋╋╋╋╋┏┛┗┓╋╋╋╋╋╋╋
┏━┓┏━━┳┓╋┏┫┗━┳━━┳━━┳━━┳━┻┓┏╋┳━━┳━┓╋
┃┏┓┫┏┓┃┃╋┃┃┏┓┃┃━┫┃━┫┏┓┃┏┓┃┃┣┫┏┓┃┏┓┓
┃┃┃┃┏┓┃┗━┛┃┗┛┃┃━┫┃━┫┗┛┃┏┓┃┗┫┃┗┛┃┃┃┃
┗┛┗┻┛┗┻━┓┏┻━━┻━━┻━━┻━┓┣┛┗┻━┻┻━━┻┛┗┛
╋╋╋╋╋╋┏━┛┃╋╋╋╋╋╋╋╋╋┏━┛┃╋╋╋╋╋╋╋╋╋╋╋╋
╋╋╋╋╋╋┗━━┛╋╋╋╋╋╋╋╋╋┗━━┛╋╋╋╋╋╋╋╋╋╋╋╋

-->

<html>

http://i.imgur.com/bVVur.png

::-webkit-scrollbar-thumb:vertical {background-color:#595252;height:20px;}
::-webkit-scrollbar {height:0px;width:5px;background-color:#cccccc;}

#navbar-iframe{
display: none; visibility: hidden;
}

body {
background-color: #f2f0f0;
background-image:url('http://data3.whicdn.com/images/124546191/large.jpg');
background-position:center;
background-attachment:fixed;
background-repeat:repeat;
font-family:arial;
font-size:11px;
color: #393939;}
b { color: #608a8a; }
i { color: #595252; }

a:active, a:link, a:visited {
text-decoration:none;
color: #4a827e;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7 ease-out;
transition: all 0.7s ease-out;}

a:hover {
color:#848f8d;
}

a:link img { 
margin-left: auto;
margin-right: auto;
padding:5px;
border: 1px solid #dddddd;
opacity:1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7 ease-out;
transition: all 0.7s ease-out;
}

a:visited img { 
margin-left: auto;
margin-right: auto;
padding:5px;
border: 1px solid #dddddd;
opacity:1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7 ease-out;
transition: all 0.7s ease-out;
}

a:hover img { 
margin-left: auto;
margin-right: auto;
padding:5px;
border: 1px solid #dddddd;
opacity:.7;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7 ease-out;
transition: all 0.7s ease-out;
}

blockquote {
padding-left: 5px;
border-left: 3px solid #cccccc;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7 ease-out;
transition: all 0.7s ease-out;
}

blockquote:hover {
border-left: 3px solid #6f6f6f;
background:url(http://28.media.tumblr.com/tumblr_ls0w5txuft1r3vazto8_250.png);}

.hne {
   width: 300px;
   height: 170px;
   margin: 30px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: fixed;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.hne .mask,.hne .content {
   width: 300px;
   height: 170px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hne img {
   display: block;
   position: relative;
}
.hne h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.hne p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 5px 5px 5px;
   text-align: center;
}
.hne a.info {
   display: inline-block;
   text-decoration: none;
   padding: 2px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.hne a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.hne-hovs img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.hne-hovs .mask {
   background-color: rgba(255, 231, 179, 0.3); /*background color when you hover the image*/
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.hne-hovs h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.hne-hovs p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.hne-hovs a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.hne-hovs:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.hne-hovs:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.hne-hovs:hover h2,.hne-hovs:hover p,.hne-hovs:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.haha {
   width: 300px;
   height: 170px;
  margin-left: 30px;
 margin-top: 230px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: fixed;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.haha .chicken,.haha .content {
   width: 300px;
   height: 170px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.haha img {
   display: block;
   position: relative;
}
.haha h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.haha p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 5px 5px 5px;
   text-align: center;
}
.haha a.info {
   display: inline-block;
   text-decoration: none;
   padding: 2px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.haha a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.haha-baby img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.haha-baby .chicken {
   background-color: rgba(255, 231, 179, 0.3); /*background color when you hover the image*/
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.haha-baby h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.haha-baby p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.haha-baby a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.haha-baby:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.haha-baby:hover .chicken {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.haha-baby:hover h2,.haha-baby:hover p,.haha-baby:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

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

.title:hover {
background: #aecfcf;}

#fade {
 display: none;
 background: #000;
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 opacity: .80;
 z-index: 9999;
}

.popup_block{
 display: none;
 background: #FFFFFF;
 padding: 20px;
 float: left;
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 99999;
}

img.btn_close {
 float: right;
 margin: -55px -55px 0 0;
}

*html #fade {
 position: absolute;
}

*html .popup_block {
 position: absolute;
}

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

.laut {
margin-left: 360px;
 margin-top: -18px;
width: 640px; 
padding:10px; 
text-align: justify;
position:absolute; }

.lautan { 
width: 600px; 
display: block; 
float: left; 
line-height: 16px; 
background-color: #fff; 
padding: 17px 20px; 
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
margin-bottom: 10px; 
margin-top: 40px; }

.title1{font-family:georgia; color:#888; font-size:21pt; letter-spacing:-1pt;}
.title2{font-family:lucida console; color:#888; font-size:9pt;}

#ayam {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
}

#fish {
position:fixed;
left: 20px;
top:-75px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#fish:hover {
top:8px;
}

</style>

$(document).ready(function() {

//When you click on a link with class of poplight and the href starts with a #

$('a.poplight[href^=#]').click(function() {

var popID = $(this).attr('rel'); //Get Popup Name

var popURL = $(this).attr('href'); //Get Popup href to define size

//Pull Query & Variables from href URL

var query= popURL.split('?');

var dim= query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Gets the first query string value

//Fade in the Popup and add close button

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');

//Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css

var popMargTop = ($('#' + popID).height() + 80) / 2;

var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Apply Margin to Popup

$('#' + popID).css({

'margin-top' : -popMargTop,

'margin-left' : -popMargLeft

});

//Fade in Background

$('body').append('<div id="fade">
</div>
'); //Add the fade layer to bottom of the body tag.

$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

return false;

});

//Close Popups and Fade Layer

$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...

$('#fade , .popup_block').fadeOut(function() {

$('#fade, a.close').remove();  //fade them both out

});

return false;

});

</script>

</head>

<body>

<div class="hne hne-hovs">
  <img src="http://data.whicdn.com/images/41668704/tumblr_m7nzx1LzAZ1qke6e0o1_500_large.jpg" width="300px">
     <div class="mask">
  
     <h2>
Journey Of Live</h2>
<p>
put what you want here<br></p>
<a href="#" class="info">refresh</a> <a href="http://twitter.com/dzieqmxe" class="info">Twitter</a> <a href="http://facebook.com/NamaSayaAsmida" class="info">Facebook</a> <a href="http://letthewolfshout.blogspot.com" class="info">credit 1</a> <a href="http://www.blogskins.com/info/389730" class="info">Credit 2</a>
  </div>
</div>
</div>
</div>
<div class="haha haha-baby">
  <img src="http://data.whicdn.com/images/41700431/tumblr_mcpv1z7b4k1rqusaao1_500_large.jpg" width="300px">
     <div class="chicken">
  
     <h2>
Sound Of Love</h2>
<p>
I'm Asmida . put your bio here. dont put too much btw</p>
</div>
</div>
</div>
</div>
</div>
</center>
</div>
</div>
<div style="position:fixed; float:right; right:10px; bottom:10px;">
 
<a href="#?w=500" rel="popup_name" class="poplight">
Credit
</a></div>
<div id="popup_name" class="popup_block">
blogskin by <a href="http://bit.ly/SaUTJU">x</a> <a href="http://bit.ly/TbU5qU">x</a> / image by <a href="http://www.flickr.com/photos/mamitan/3280476527/">x</a> / colour pallete by <a href="http://bit.ly/S9JwOu">x</a> / helped by <a href="http://bit.ly/SzS5pn">x</a> <a href="http://bit.ly/P7ieqI">x</a> thank you.
</div>
<div class="laut">
<blogger>
<div class="lautan">
<div class="title">
<$BlogItemTitle$> |<mainpage>
<blogitemcommentsenabled><a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>> (<$BlogItemCommentCount$>)</a>
</BlogItemCommentsEnabled>
</MainPage></div>
<$BlogItemBody$>
<itempage>
<blogitemcommentsenabled>
<div>
<blogitemcomments>
<br /><$BlogCommentAuthor$> <b>said on</b> <a href="#<$BlogCommentNumber$>"> 
<$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
<p>
<$BlogCommentBody$></p>
</BlogItemComments></div>
</BlogItemCommentsEnabled>
<$BlogItemCreate$>
</ItemPage>
<center>
<olderposts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <newerposts> || <a href=<$NewerPosts$>>NEWER</a></NewerPosts></center>
<br>
</div>
</Blogger>
</div>
</body>
</html>

<!--------------------------------------
*Please don't remove the credits
I would appreciate!
Skin by: Kiimy Ys!
Url: www.guren-coffee.blogspot.com*
--------------------------------------!>
<html><head>
<title>My Pink Diary!!! ♡</title>
<link rel="shortcut icon" href="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/wing_zps6cb767c5.gif"/>
<link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>

::-webkit-scrollbar-track-piece  { background: #eeeeee;border: 3px solid white;}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background:#eeeeee; border: 1px solid white;}

::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment  {height: 50px;display:block;background:#eeeeee;border: 3px solid white;border-bottom:0px solid white;border-top:0px solid white;}

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

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

a:hover {
color: #8f8c8c;
text-decoration: none;
-webkit-transition-duration: 0.4s;
border-bottom:2px solid #ece6f7;
cursor:url(http://i.imgur.com/ZOrzC.png), auto;}

u {
color: #f37d85;
border-bottom: 2px dashed #ffddee;
padding: 0 2px;
text-decoration: none;
}

#main-content {
margin: 50px auto;
width: 550px;
}

#content {
background-color: #e9e2a8;
padding: 5px;
text-align: justify; top:30px; left:400px;
position: absolute;}

.menu {
margin: 2px 0 10px;
padding: 0px 0;
}

.knavigation {
text-align:center; 
background:#f37d85; width: 560px; margin-top:0px;padding:2px;border-radius:0px 0px 0px 0px;border:px solid #efefef;
}

.knavi {
width: 80px; margin:-2px; display:inline-block; text-align:center; padding:5px; text-transform: uppercase; letter-spacing:2px; font:8px Tinytots; display:inline-block;color: #fff !important; cursor:url(http://i.imgur.com/ZOrzC.png);text-shadow:15px 0px transparent, -15px 0px transparent;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;}

.knavi:hover {text-shadow:0px 0px #333, -0px 0px #333;
border-bottom: 0px solid transparent;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s; color: ##fccdd4!important; cursor:url(http://i.imgur.com/ZOrzC.png);}

img{
-webkit-transition:1s;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}
img:hover{
-webkit-transition:1s;
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}

.ktitle{
background: url(http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/back06.png);
font-family:'Sancreek';
width: 555px;
color: #ffffff;
font-size:20px; letter-spacing: 0px;
text-align: center;
margin-bottom: 5px;letter-spacing:1px; 
text-shadow: #f37d85 4px 4px 15px;
-webkit-transition-duration:2.0s;padding: 5px;}

.ktitle:hover {
font-family:'Sancreek';
font-size: 20px;
text-align: center;
text-shadow: #999 4px 4px 5px;
-webkit-border-radius: 10px 10x 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-transition-duration: 1.0s;
-webkit-text-stroke: 1px #f37d85;
-webkit-text-fill-color: #ffffff;
}

.k15{
background: url(http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/back06.png);
font-family:'Sancreek'; color: #ffffff; font-size:18px; text-align: center;letter-spacing:1px; width: 200px;text-shadow: #f37d85 4px 4px 15px; padding: 5px;}

.k1 {
background: url(http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/96c4ce002e901032e50568043a0b4684_zps3a3d5303.png);
font-family:'Sancreek'; 
width: 555px;
color: #f37d85;
font-size:20px; letter-spacing: 0px;
text-align: left;
margin-bottom: 5px;letter-spacing:1px; 
text-shadow: #999999 4px 4px 15px;
-webkit-transition-duration:2.0s;padding: 5px;}

.k1:hover {
font-family:'Sancreek'; 
font-size: 20px;
text-align: left;
text-shadow: #999 4px 4px 5px;
-webkit-transition-duration: 1.0s;
-webkit-text-stroke: 1px #000000;
-webkit-text-fill-color: #ffffff;
}

.k2 {
font-family: Century Gothic;
font-size:10px;
line-height:20px;
color: #6E6E6E;
padding-bottom: 15px;
}

.k3 {
font-family: Tinytots; 
color:   #8f8c8c;
font-size: 8px;
letter-spacing: 1pt;
text-align: center;
text-transform: uppercase;
padding: 3px;
}

.k4 { 
color: #6E6E6E;
font-family: 'Sofia', cursive;
font-size: 12px;
}

.post-footer{
background:url(http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/96c4ce002e901032e50568043a0b4684_zps3a3d5303.png);
height:5px;
padding:3px;
}

a.kimi {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#f37d85; background: #f9f9f9; display: inline-block; margin-bottom: 2px; -webkit-transition-duration: .25s; width: 75px; text-align: center; font-size: 8px; font-family:tinytots; border: 1px solid #eeeeee;}

a.kimi:hover{
color: #f37d85;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
background:#ebebeb;
border-right: 1px solid #f37d85;
border-left: 1px solid #f37d85;}

.kboom { font-family: tinytots; font-size: 8px; margin-bottom: 0px; color: #f37d85; text-transform: uppercase;
 padding-left: 4px; display: block; background: #fafbfc; width: 560px;}

.layk {width:90px;height:90px; border:4px solid #eeeeee; box-shadow:2px 2px 5px #ccc;margin:5px; }

.laykim {-khtml-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;width:90px;height:90px;border: #666666;}

blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjX6MyLDP1FjWeosV030hyphenhyphenahDNpwUs7OvFzt55Hnt_Y65_0bmp1YgSSo3mzpiIpnFVphuYd9rlb7AI4Sf1Pvz9Er1JPq5YNesZyOqPPc7pmU1I4ykdOasrt8lXiFN7Sridq6Q59g8yzRw/s1600/wanawanawanaseoby.png);
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left:3px solid #f37d85f;
border-right:3px solid #f37d85;}

</style>

<center>
<div class="k15">
Pink Diary ♡</div>
</center>
<br>
<center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_mugx6yaU3x1rl6og2o1_500_zps523fcadb.jpg" width="200" style=" border: 1px solid #ededed; padding: 2px" ></center>
<div class="k2">
<span style="color: #33ccff;">Kimy -</span>  <span style="color: #fcc1ca;">17 -</span> <span style="color: #bebcbc;">EXO.</span><span style="color: #3e53fc;">SuperJunior.</span><span style="color: #e2d30e;">INFINITE.</span><br>Hello Dear! Welcome to my blog! The place where I keep my dreams
I hope you enjoy the journey through my life and adventures
and do not leave without comment!<center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/bullet11_zps11a408c4.gif"/> <a href="http://www.blogger.com/follow-blog.g?blogID=1189781341497086875">Follow +</a> <a href="http://www.blogger.com/">Dashboard</a> <img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/bullet41_zpsa63f7f03.gif"/><br>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_me96xnYuqV1qdlkyg_zpsd7a0c904.gif" style=" float: left;"/>: See you soon...!
</div>
</center>
</div>
</center>
<center>
<div class="k15">
(10)월 2013 년 </div>
<br></center>
<tinyaw><center>
<table style="float: center; text-transform: uppercase; text-align: center; background-color:transparent; font-size: 11px; font-family: Arial;" width="190" cellpadding=”2” cellspacing=”2“>  <td style="background:#f37d85; color:#fff;">D</td> 
<td style="background:#f37d85; color:#fff;">L</td> 
<td style="background:#f37d85; color:#fff;">M</td> 
<td style="background:#f37d85; color:#fff;">M</td> 
<td style="background:#f37d85; color:#fff;">J</td> 
<td style="background:#f37d85; color:#fff;">V</td> 
<td style="background:#f37d85; color:#fff;">S</td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td> </td><td> </td> <td> </td><td> </td> </tr>
<tr>
</td> <td> </td>  <td> </td>   <td>1</td>  <td>2</td> <td>3</td>  <td>4</td>  <td>5</td> </tr>
<tr> <td>6</td>  <td>7</td>  <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr>
<tr> <td>13</td> <td>14</td> <td>15</td>  <td>16 </td> <td>17</td> <td>18</td> <td>19</td> </tr>
<tr> <td>20</td>  <td>21</td>  <td>22</td>   <td>23</td>   <td>24</td>  <td>25</td>  <td>26</td> </tr>
<tr> <td>27</td> <td>28</td> <td>29</td><td>30</td> <td>31</td> </tr>
<tr><td></td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
</table>
</center>
</tinyaw>
</span><br>

<center>
<div class="k15">
Tumblr!</div>
<br></center>
<center>
<div class='ji-tumblr-photos'>
<a id='ji-tumblr-url-widgy-1' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-widgy-1' src='' alt='' /></a><a id='ji-tumblr-url-widgy-2' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-widgy-2' src='' alt='' /></a><a id='ji-tumblr-url-widgy-3' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-widgy-3' src='' alt='' /></a><a id='ji-tumblr-url-widgy-4' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-widgy-4' src='' alt='' /></a>
</div>
<script type='text/javascript' src='http://cloud-prince.tumblr.com/api/read/json?number=4&type=photo'></script>
<script type='text/javascript'>
document.getElementById('ji-tumblr-photo-widgy-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
document.getElementById('ji-tumblr-url-widgy-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
document.getElementById('ji-tumblr-photo-widgy-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
document.getElementById('ji-tumblr-url-widgy-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
document.getElementById('ji-tumblr-photo-widgy-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
document.getElementById('ji-tumblr-url-widgy-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
document.getElementById('ji-tumblr-photo-widgy-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
document.getElementById('ji-tumblr-url-widgy-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
</script><br>

<center>
<div class="k15">
The Past...</div>
</center>
<br>
<form name="form1">
<center>
<select style="padding:0px;color:#555555;font-size:8pt;background:#f2f0f0;width:180px;font-family:tahoma;border:1px solid #dedede; cursor:se-resize;" onChange="location.href=this.options[this.selectedIndex].value;">
   <option value=''>Remember Me</option>
   <bloggerarchives>
   <option value="<$BlogArchiveURL$>">★ <$BlogArchiveName$></option>
   </BloggerArchives>
   </select></form>
</center>
<div style="text-align: left;font-family:handlee; font-size:11px; color:#6b6969; ">
<ul id="recently">
    <bloggerpreviousitems>
        <font color=#bdbdbd><img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/wish1_zpsa17064ab.gif"/></font> <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br>
     </BloggerPreviousItems>
  </ul>
</div>
<br>

<center>
<div class="k15">
Whisper me!</div>
<br></center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tlumblr_muwpmx7asu1rc9anpo1_500_zps87fb3116.png" width="200" style=" border: 1px solid #efefef; padding: 2px" ></center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/kicbox_zps2edf35fd.png"/>
</div>
<center>
<div class="k15">
The Star!</div>
</center>
<br>
<center>
<div class="k3">
Skin by; <a href="http://guren-coffee.blogspot.com/">Kiimy</a> <a href="http://www.blogskins.com/me/heykiim/">Ys</a><br />
Pictures: <a href="http://weheartit.com/">WeIt</a> &  <a href="http://tumblr.com/">Tumblr</a><br>
Sozai: <a href="http://7th-disorder.blogspot.com">7thdisorder</a><br>
Editor: You! <br>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_m33x71Nkxi1qdlkyg_zpsc4d970ce.gif"/>
</center>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k002.kiwi6.com/hotlink/4518z6zc4m/raspberry_field_-_saturday_afternoon.mp3&t0=Saturday Afternoon&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
<center>
</div>
<td valign="top" style="width:px; padding-left:5px; border-left:px dashed #F6CED8; padding-right:px; padding-left:px;">

<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/lkktumblr_mqnsa7T0Nq1rtpy32o1_500-horz_zps66c29dde.jpg" width="565px" height="221px">
<div class="menu">
<div class="knavigation">
<span class="knavi"
onMouseover="this.style.color='#83dcf3'"
onMouseout="this.style.color='#83dcf3'"
onClick="changeNavigation('entries')"><img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/minitolaxaum_zpsc4fd8df5.gif"/> HOME</span>
<span class="knavi"
onMouseover="this.style.color='#83dcf3'"
onMouseout="this.style.color='#83dcf3'"
onClick="changeNavigation('profile')"><img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/minitolaxaum_zpsc4fd8df5.gif"/> GIRL</span>
<span class="knavi"
onMouseover="this.style.color='#83dcf3'"
onMouseout="this.style.color='#83dcf3'"
onClick="changeNavigation('tagboard')"><img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/minitolaxaum_zpsc4fd8df5.gif"/> SITE</span>
<span class="knavi"
onMouseover="this.style.color='#83dcf3'"
onMouseout="this.style.color='#83dcf3'"
onClick="changeNavigation('affiliates')"><img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/minitolaxaum_zpsc4fd8df5.gif"/> BIAS</span>
<span class="knavi"
onMouseover="this.style.color='#83dcf3'"
onMouseout="this.style.color='#83dcf3'"
onClick="changeNavigation('others')"><img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/minitolaxaum_zpsc4fd8df5.gif"/> AFFI</span>
</div>
</div>
<div id="main">
<blogger>
<div class="ktitle">
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl6tsiCGt1qfamg6_zps65a78896.gif"/> <blogitemtitle><$BlogItemTitle$> </BlogItemTitle></div>
<div class="k3">
<span class="kboom"><blogdateheader> posted at: <$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <blogitemcommentsenabled><$BlogItemCommentCount$> Kiss! |<a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>> Leave me a Kiss?</a> <img src="
http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/star2_zpsbd07d8b6.gif"> </span></div>
</BlogItemCommentsEnabled>
<br><br>
<div style="text-align: justify;color: #666666; font-family:calibri; font-size: 9pt; ">
<$blogitembody$></div>
<br>

<itempage>
  <div id="comments">

<p>
<$BlogCommentBody$></p>
</dd>
      <dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
   <$BlogCommentDeleteIcon$>
   </dd>
      </BlogItemComments>
      <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
<p class="comment-timestamp">
<a href="<$BlogURL$>">Back to the Blog?</a>
    </p>
</div>
</ItemPage>

<div class="post-footer">
</div>
<div style="float: left;">
<a class="leposts" href=<$OlderPosts$>>◀
</a></div>
<div style="float: right;">
<a class="leposts" href=<$NewerPosts$>>▶
</a></div>
</Blogger>
</div>
<div id="entries" style="display:none;">
<blogger>
<div class="ktitle">
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl6tsiCGt1qfamg6_zps65a78896.gif"/> <blogitemtitle><$BlogItemTitle$> </BlogItemTitle></div>
<div class="k3">
<span class="kboom"><blogdateheader> posted at: <$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <blogitemcommentsenabled><$BlogItemCommentCount$> Kiss! |<a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>> Leave me a Kiss?</a> <img src="
http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/star2_zpsbd07d8b6.gif"></span></div>
</BlogItemCommentsEnabled>
<br><br>
<div style="text-align: justify;color: #666666; font-family:calibri; font-size: 9pt; ">
<$blogitembody$></div>
<br>

<itempage>
  <div id="comments">

<div class="post-footer">
</div>
<br>
<div style="float: left;">
<a class="leposts" href=<$OlderPosts$>>◀
</a></div>
<div style="float: right;">
<a class="leposts" href=<$NewerPosts$>>▶
</a></div>
</Blogger>
</div>
<div id="profile" style="display:none;">
<div class="k1">
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl6vh7giB1qfamg6_zps81d28010.gif"/> Meet the girl! </div>
<span class="kboom">Too fast to live, Too young to die...</span> <br><br>

<center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_mus92dm96N1skdleio1_500_zpsd0286a3a.png" width="400" style=" border: 1px solid #ededed; padding: 2px" ></center>
<div class="k2">
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/wing_zps6cb767c5.gif"/>Hello! I'm Kimy! a little kitten prince that sleeping much and having a bad temper! Occasional writer for excellence and professional eats books, evil consumes me every day and will not let me grow. ♡
My favorite color is purple and I love drinking coffee. <br>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/torikago_zps5ce0de3b.gif"/> I love a boy named Byun BaekHyun and i have an obsession with Kim MyungSoo! Eternally in love with the voice of Kim JongWoon and eternally in love with the sky. I think in my past life I was a Drag Queen -LOL-  Anyway ...
I'm A Super Panda Vampire Ninja Invisible ... that living in a cloud xD  also killed zombies  xD Normal my way.<br> 
<center>
<b>“Now and then it’s good to pause in our pursuit of happiness and just be happy.”</b><br><b>E.L.F</b> At heart! ✰ <b>INSPIRIT</b> In the soul <br><img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_m33x6xUkDn1qdlkyg_zps10862f29.gif"/></div>
</center>
<div class="post-footer">
</div>
</div>
<div id="tagboard" style="display: none;">
<div class="k1">
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl6vh7giB1qfamg6_zps81d28010.gif"/> Adventure Time :)</div>
<span class="kboom">Memories of a Pink Gilr... </span><br>
<div class="k2">
<center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_inline_mveu08A3bn1ro4gn4_zps19a865bc.jpg" width="350" style=" border: 2px solid #ededed; padding: 2px" ><br></center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl5s8Ay6F1qfamg6_zps3c9fd0d7.gif"/>
<b>Blog Name:</b> <br>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl5s8Ay6F1qfamg6_zps3c9fd0d7.gif"/>
 <b>Writer:</b> <br>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl5s8Ay6F1qfamg6_zps3c9fd0d7.gif"/>
<b>To blog from:</b> <br><br> 
<div class="post-footer">
</div>
</div>
</div>
</div>
<div id="affiliates" style="display: none;">
<div class="k1">
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl6vh7giB1qfamg6_zps81d28010.gif"/> My Loves!</div>
<span class="kboom">I believe dream for you and me! </span><br>
<center>
<div class="k4">
The only ones! <img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/heart11.gif"/></center>
<br>
<center>
<img class="layk" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_inline_mtvybsUNxf1rju80x_zps0e5d4931.png" style="float: ; opacity: .90; margin: 5px;">
<img class="layk" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_inline_mvc49reLgg1s7nfer_zpsf7e9825e.png" style="float: ; opacity: .90; margin: 5px;">
<img class="layk" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_inline_muvykgaIgD1s10wi4_zpsda5f43e4.png" style="float: ; opacity: .90; margin: 5px;">
<img class="layk" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_inline_mu9fb8vmG51s10wi4_zps2af56aef.png" style="float: ; opacity: .90; margin: 5px;">
<img class="layk" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_inline_mperyeRlST1qz4rgp_zpsd7240119.png" style="float: ; opacity: .90; margin: 5px;">
<br>

<center>
<div class="k4">
Kim JongWoon (YeSung) ~ Lee Soon Kyu (Sunny) ~  Kim MyungSoo (L) ~ Son Ga In ~ Lu Han<br><br>

<div class="k1">
<center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl6vh7giB1qfamg6_zps81d28010.gif"/> The King's</center>
</div>
<br>
<center>
<img class="laykim" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/reita1.jpg" style="float: ; opacity: .90; margin: 5px;">
<img class="laykim" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/uruha1.jpg"style="float: ; opacity: .90; margin: 5px;">
<img class="laykim" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/ruki1h.jpg" style="float: ; opacity: .90; margin: 5px;">
<img class="laykim" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/kai1.jpg" style="float: ; opacity: .90; margin: 5px;">
<img class="laykim" src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/aoi1.jpg" style="float: ; opacity: .90; margin: 5px;"></center>
<center>
<div class="k4">
 Suzuki Akira; Takashima Kouyou; Takanori Matsumoto; Uke Yutaka; Shiroyama Yuu;<br><br>

<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_m6n0lcjm721rsft8bo1_500.gif" width="290px"/><br>
Reita [れいた]; Uruha [麗]; Ruki [ルキ]; Kai [戒]; Aoi [葵] <img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/heart.gif"/>
</center>
<br>
</div>
<div id="others" style="display: none;">
<div class="k1">
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_lkl6vh7giB1qfamg6_zps81d28010.gif"/> Let's be friends!! </div>
<span class="kboom">Take joy in who you are, we know our wings are blown...</span><br>
<center>
<img src="http://i1199.photobucket.com/albums/aa464/HyeSung_Kim/tumblr_mvfssd7fjW1sksx84o1_500_zpsdf1ead70.png" width="350" style=" border: 2px solid #ededed; padding: 2px" ><br></center>
<a class="kimi" href="url">Friends</a>

<a class="kimi" href="url">Friends</a>

</body>
</html>

</script>
<link href='http://fonts.googleapis.com/css?family=Iceberg|Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'></link>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

body {
background:#eee;
color: #888888;
line-height: 13px;
text-align: justify;
}

table {
background:#fff;
font: 9px arial;
letter-spacing: 1px;
color: #555555;
line-height: 16px;
padding:5px;
width:50px;
-webkit-transition:All 0.9s ease ;
-moz-transition:All 0.9s ease ;
-o-transition:All 0.9s ease ;
}

a{text-decoration:none ;
color:#A4A4A4;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{color:#fff ;
background:url(http://data1.whicdn.com/images/93611605/large.jpg);
background-position:50% 80%;background-size:400px;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}

::-moz-selection {
background:#000;
color:#fff;
}

i , s, strike {
color: #A4A4A4;
}

b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}

b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}

a.linkies {
font-size: 9px;
font-family: Trebuchet Ms;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
display:inline-block;
text-align:center;
width: 20px;  
color: #fff; 
background:#D0DBFC;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}

a.linkies:hover{
display:inline-block;
text-align:center;
width: 20px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}

.h1 {
background:url(http://www.pastelpatterns.com/small/smallpattern-1.png);
color:#AAAAAA;
-webkit-transition: 1.0s; 
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
font-family:'cd';
font-size:20px;
line-height:12px;
border: solid 1px #;
text-align:center;
padding-right:0px;
}

@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}

.chan{
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#E2ECEA;
font:8.3px pontano sans; 
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}

.chan:hover{
-webkit-transition-duration: 0.5s; color: #fff;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

blockquote {
width:500px;
text-align:left;
background:#fff;
border-right:16px solid #eee;
padding:5px;
color:#d8d8d8;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
}

blockquote:hover {
width:500px;
text-align:left;
background:#fff;
border-right:16px solid #eee;
padding:5px;
color:#999;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
}

.post-footer{
color:#fff;
text-align:right;
height:10px;
font-size:10px;
margin:15px 0px 15px;
border-top:1px dashed #F7F7F7;
}

.teen1{
display:inline-block;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
padding-top:3px;
width:50px;
height:20px;
text-transform:uppercase;
color: #fff;
background:#eee;
text-align:center;
}

.gege{
background:url(http://data1.whicdn.com/images/93611605/large.jpg);
text-align:center;
font: 19px 'Oswald',arial;
text-transform:uppercase;
box-shadow: 1px 1px 5px #888888;
border:3px solid #fff;
padding:15px 30px 15px 15px;
color:#fff;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}

.sidebar {
background:url(http://data1.whicdn.com/images/93611605/large.jpg);
text-align:center;
font: 19px 'Oswald',arial;
text-transform:uppercase;
box-shadow: 1px 1px 5px #888888;
border:3px solid #fff;
padding:15px 30px 15px 15px;
color:#fff;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}

.xialu {
margin-top:2px;
background:#fff;
border:1px solid #F0F0F0;
font-family:arial,sans serif;
color: #999;
font-size: 9px;
padding:2px;
padding-left:15px;
letter-spacing:1px;
text-transform:block;
}

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

a.nae {
letter-spacing:1px;
width:80px;
display:inline-block;
background:#F7F7F7;
color:#999;
border-left:solid 5px #BCD5D0;
cursor:vertical-text;
font:10px calibri;
padding:5px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
text-decoration:none;
}

a.nae:hover{
border-left:2px solid #CFDFDC;
background:#D3E3E0;
padding-right:10px;
width:80;
}

img{
border:1px solid #f8f8f8;
padding:3px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

a.navi{
font-family:tt;
text-transform: uppercase;
display:inline-block;
width:70px;
height:12px;
background:#fff;
color:#999;
font-size:8px ;
padding:2px;
margin:2px;
text-align:center;
letter-spacing:1px;
border-left:1px solid #f8f8f8;
border-right:1px solid #f8f8f8;
border-top:1px solid #f8f8f8;
border-bottom:1px solid #f8f8f8;
text-decoration:none;
}

a.navi:hover{
-webkit-transition-duration: 0.5s;  box-shadow: inset 85px 0 0px 0 #A4A4A4; color: #fff;
}

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

::-webkit-scrollbar {
width: 6px;
height: 10px;
background:white;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:url(http://i.imgur.com/oVqOoxM.jpg);
}

.hunhan2{ 
width:150px;height:150px;
-webkit-border-radius:100px 90px 100px 0px;
-moz-border-radius:100px 90px 100px 0px;
border-radius:100px 90px 100px 0px;
border: 0px solid #e6e6e6;-webkit-transition:1s;}
 
.kevo{
width:170px;
background:url(http://data1.whicdn.com/images/93611605/large.jpg);
padding:5px;
margin:4px;
font:bold italic 50px georgia; 
text-align:center;
Text-decoration:none;
color:#fff;
text-transform:lowercase;
display:inline-block;
height:170px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}

.kevo:hover{
background:#d8d8d8;
color:#fff;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

</style>
<div style="margin-top:-50px;">
<div style="display:inline-block;width:900px;padding:0px;border-radius:0px 0px 0px 0px;border : 0px solid #BCD5D0;">
<a class="kevo" href="LINK HERE"><br>link 1</br></a>
<a class="kevo" href="LINK HERE"><br>link 1</br></a>
<a class="kevo" href="LINK HERE"><br>link 1</br></a>
<a class="kevo" href="LINK HERE"><br>link 1</br></a>
<center>
<div style="border : 0px solid #BCD5D0;
width:900px;border-radius: 0px 0px 0px 0px;
padding:0px;margin-top:-1px;">
<center>

</style>
</head>

<div class="sidebar">
o w n e r</div>
<br>
<center>
<img src="http://data1.whicdn.com/images/93641915/large.jpg" width="160" style="border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:19px solid #fff;box-shadow: 1px 1px 5px #888888;transform: rotate(-2deg) ;
-webkit-transform: rotate(-2deg) ;
-moz-transform: rotate(-2deg) ;
-o-transform: rotate(-2deg) ;
-ms-transform: rotate(-2deg) ;"></center>
<br>
<div style="font-size:10px;font-family:arial;text-align:center;text-transform:none;">
<center>
Put your pforile here ;<br><br>

<div class="sidebar">
c r e d i t</div>
<div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">
© Skin by <a href="http://kendankpop.blogspot.com/">Ken Eriksen</a> basecodes by <a href="http://nurulatiqahjaidin.blogspot.com">AtiqahJaidin</a>. Image from <a href="http://www.tumblr.com/">동</a><a href="http://weheartit.com/">방</a>. Do tell me if I do not credit yours.
</div>
<td id="main" valign="top" style="width:450px; padding-left:13px; border-left:1px solid #F7F7F7; padding-right:13px; ">

<blogger>
<div class="gege">
<$BlogItemTitle$><br></div>
<div class="xialu" style="float:center;text-align:left;">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> peterpan(s)</a></BlogItemCommentsEnabled></div>
<br><$blogitembody$>

<td id="o" style="display: none;">
<blogger>
<div class="gege">
<$BlogItemTitle$></div>
<div class="xialu" style="float:center;text-align:left;">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div>
<br><$blogitembody$>
</br>

<td id="k" style="display: none;">
<div class="gege">
a b o u t ;</div>
<br>
<center>
<img src="http://i.imgur.com/QCZohHF.png" style="
padding: 5px;" /></center>
<blockquote>
<center>
Replace with your profile<center>
</blockquote>
</div>
<td id="p" style="display: none;">
<div class="gege">
s t u f f ;</div>
<br>
<center>
<img src="http://i.imgur.com/E7n7eFI.png" style="
padding: 5px;" /></center>
<br>
<center>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a><center>
</div>
<td id="H" style="display: none;">
<div class="gege">
b i a s ;</div>
<br>
<center>
<img src="http://i.imgur.com/VY4U5sF.png" style="
padding: 5px;" /></center>
<br>

<html>
<link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<head>
<!--------------------------------------
SKIN BY: A D A M F A I Z
TITLE: PASTEL RAINBOW ♥
!!*--DONT REMOVE THIS SECTION--*!!
--------------------------------------!>
<title>PASTEL RAINBOW ♥</title>
<link rel="shortcut icon" href="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" />
<style type="text/css">

body {
color: #777;
text-align:auto;
font-family:imprima;
font-size: 12px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_DyB-65HNo4SwkiINDa6FFpU9IsamqX0LD7MDU9evTcvLu72hzt-IupP032D9Urq-XLEvgOZVUlEFW_z6Hr_nTn3iTm8qoJfFbf8L0QtuN24sLC8uc7UnVgLwzhMeMvLrQZZR8JUsWU/s1600/pink.png);
background-size:3%;
cursor: url(http://i.imgur.com/GLcEJfz.png),auto;
}
a:link, a:active, a:visited {
font-family: imprima;
color: #aaa;
text-decoration: none;
font-weight: none;
-webkit-transition-duration: .50s;
}
a:hover {
color: #333333;
text-decoration: none;
}

/****************************
SIDEBAR
****************************/
.sidebar{
position: absolute; top:15px; left: 13px;
width: 310px;
height: 300px;
padding: 7px;
background:#fff;
color: #777;
border:1px dashed #ddd;
font-family: imprima;
font-size: 11px;
}
.imageu{
width:330px;
position:absolute;
top:80px;
left: 90px;
background:#FFE6E6 ;
padding:10px;
border:1px dashed #ddd;
height:325px;
}

/****************************
BACKSIDE
****************************/
#backside {
    position: absolute; top:1px; right: 870px;
    width: 15px;
border: 1px dashed #ddd;
border-top:none;
border-bottom:none;
    height: 100%;
    background:#E6F4FF;
}
#backside2 {
    position: absolute; top:1px; right: 250px;
    width: 15px;
border: 1px dashed #ddd;
border-top:none;
border-bottom:none;
    height: 100%;
    background:#E6F4FF;
}
/****************************
NAVIGATION
****************************/
.navi {
text-transform:uppercase;
width:80px;
padding:3px;
margin-left:297px;
background:#F6E6FF;
margin-bottom:12px;
border: 1px dashed #ddd;
color:#000;
display:block;
text-decoration:none;
text-align:center;
font: 11px calibri;
letter-spacing:1px;
border-left:none ;
cursor: pointer;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.navi:hover {
width:110px;
}

/****************************
POST TITLE
****************************/
.h1{
margin-top: 10px;
text-align: left;
color: #000;
background:#F6E6FF;
margin-bottom:3px;
border: 1px dashed #ddd;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
font-family: 'Pathway Gothic One';
font-size:20px;
text-transform:uppercase;
}

/****************************
SIDEBAR TITLE
****************************/
.h2{
font-family: 'Pathway Gothic One';
font-size:20px;
text-transform:uppercase;
margin-top: 10px;
border: 1px dashed #ddd;
margin-bottom: 17px;
text-align: center;
background:#E6F4FF;
}
@font-face {
font-family: 'Pathway Gothic One';
font-style: normal;
font-weight: 400;
src: local('Pathway Gothic One'), local('PathwayGothicOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v1/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format('woff');
}

/****************************
DESCRIPTION
****************************/
.h3{
font-size: 9px;
text-align: left;
color: #666;
font-family: imprima;
letter-spacing: 1px;
text-transform: uppercase;
}
/****************************
PAGE
****************************/
.h4{
margin-top: 10px;
text-align: center;
color: #000;
font-family: 'Pathway Gothic One';
font-size:20px;
text-transform:uppercase;
}
.h5{
font-size: 11px;
background: #fbfbfb;
padding:3px;
text-align: center;
color: #666;
font-family: imprima;
letter-spacing: 1px;
text-transform: uppercase;
}
b, strong {
font-family: tahoma;
color: #333333;
}
i, em {
font-family: tahoma;
color: #999999;
}
u {
font-family: tahoma;
color: #555555;
border-bottom: 1px solid #DDD;
}
/****************************
POST BLOCKQUOTE
****************************/
blockquote {
    -webkit-user-select: text;
    -moz-user-select: text;
    padding: 5px;
    border: 1px dashed pink;
    padding-left: 25px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-tU_H-KLt7hdOHWF8nMcxUoQuoy5BbHQqNYA4wK-3fpnDobNIgdDSM5VgfvPDa1MBbQAB-hGgScxnkYa3V37GRiKB4dIQqECJoLdOCKdGtBEsVsb4VDtWDUNLwADUtg_bEN4_nR-2tNw/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;
}

/****************************
HIGHLIGHT
****************************/
::selection {
background-color: pink;
color: #000;
}
::-moz-selection {
background-color: pink;
color: #000;
}
::-webkit-scrollbar {width: 8px; height: 6px; background: #fff; }
::-webkit-scrollbar-thumb:vertical {background:#E6F4FF;border-radius:10px;border: 1px dashed #ddd;}
/****************************
OLD NEW BUTTON
****************************/
.oldnew {
border:1px dashed #ddd;
background:#F6E6FF;
padding:8px;
width:40px;
height:40px;

border-radius:50%;
text-align:center;
line-height:40px;
font: imprima;
font-size:15px;
cursor: pointer;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.oldnew:hover {
background:#FFE6E6 ;
border-radius:0px;
}
/****************************
MUSIC PLAYER STYLE BY WANASEOBY
****************************/
.musicpl {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#111;
padding-left: 10px;
padding-right:11px;
padding-top:11px;
padding-bottom:11px;
margin:1px;
border-radius:30px;
background:#fff;
border:1px dashed #C5C8FA;
}

.musicpl:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#111;
padding-left: 12px;
padding-right:11px;
padding-top:11px;
padding-bottom:11px;
margin:1px;
border-radius:30px;
cursor:pointer;
background:#fff;
border:10px solid pink;
}

</style>

<center>
<div id="backside">
<div id="backside2">
<div style="margin-top:140px;">
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">Entries</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Profile</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('tuto').innerHTML">stuff</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('friend').innerHTML">Affies</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('credit').innerHTML">Credit</a>
<br>
</center>
<br>
</div>
</head>
<noembed><body></noembed>

<div class="imageu">
<div class="sidebar">
<center>
<div class="h2">
 bonjour people </div>
</center>
<img  style="clear: right; float: left;border: 1px solid #ddd;width:80px;height:80px;padding:2px; margin-bottom: 1em; margin-right: 0.5em;" src="http://i1176.photobucket.com/albums/x333/MeloChan/Septiembre2013/S3_zpsbc977c66.png" width="50" />
Hey I'm human.live on earth.love swimming,shopping & fishing.welcome to my world.i love brandet things,like to eat,drinks,watching tv and blalalalala. Replace this with your own information (likes, dislikes, etc), and other
<br>
</br>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<center>
<div class="h2">
 thank you </div>
</center>
<center>
Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
Image : <a href="http://weheartit.com/">We♥It</a><br>
Image 2 : <a href="http://stickytoffee-graphics.blogspot.com.ar/">Monster</a><br>
Background : <a href="http://chocollyheart.blogspot.com/">Afiqah Junizan</a><br>
Music Player & Help : <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>
<br>
</center>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<!---MUSIC PLAYER START---!>
<div style="position: absolute; top: -20px;margin-left:-47px; ">
<div class="musicpl">
<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 20px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /></div>
</div>
<!---MUSIC PLAYER END---!>
<!---OLD NEW BUTTON---!>
<div class="oldnew" style="left: 10px; position: absolute; top: 360px;">
<a href="$NewerPosts$">NEW</a></div>
<div class="oldnew" style="left: 263px; position: absolute; top: 360px;">
<a href="$OlderPosts$">OLD</a></div>
<br><br>
</div>
<br>
</div>
<br>
</div>
</div>
<center>
<div id="main"style="padding-left:170px;">
<center>
<blogger>
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px;  border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;margin-top:-20px; margin-bottom:10px;">
</div>
<div class="h1">
<img src="http://i1176.photobucket.com/albums/x333/MeloChan/Septiembre2013/S8_zps54ba6528.png" width="50" height="50" style="padding:1px; border:1px solid #ddd; float:left; margin-right:10px;"/><span style="font:18px; display:inline-block; width:523px; padding:4px; border-bottom:1px solid #eee; "/>
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div>
<br>
<$BlogItemBody$><br>
</Blogger>
<br>
</center>
</div>
<!--------------------------------------
REFRESH BODY SECTION
--------------------------------------!>
<div id="entries" style="display:none;">
<center>
<blogger>
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px;  border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;">
</div>
<div class="h1">
<img src="http://i1176.photobucket.com/albums/x333/MeloChan/Septiembre2013/S8_zps54ba6528.png" width="50" height="50" style="padding:1px; border:1px solid #ddd; float:left; margin-right:10px;"/><span style="font:18px; display:inline-block; width:523px; padding:4px; border-bottom:1px solid #eee; "/>
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div>
<br>
<$BlogItemBody$><br>
</Blogger>
<div id="footerpost">
<br>
</center>
</div>
<!--------------------------------------
PROFILE SECTION
--------------------------------------!>
<div id="profile" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px;  border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;">
</div>
<div class="h4">
Webmistress</div>
<div class="h5">
Meet The Owner</div>
<br>
</br>
<center>
<img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data1.whicdn.com/images/88342002/large.jpg"></center>
<br>
</br>
<!---REPLACE THIS WITH YOURS---!>
Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.
<!---REPLACE THIS WITH YOURS---!>
<br>
<br>
</div>
<br><br>
</div>
<!--------------------------------------
STUFF SECTION
--------------------------------------!>
<div id="tuto" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px;  border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;">
</div>
<div class="h4">
Stuff</div>
<div class="h5">
Other things</div>
<br>
</br>
<center>
<img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/88340893/large.jpg"></center>
<br>
</br>
<center>
REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS
</center>
<br>
<br>
</br>
</div>
<!--------------------------------------
AFFILIATES SECTION
--------------------------------------!>
<div id="friend" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px;  border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;">
</div>
<div class="h4">
Affies</div>
<div class="h5">
Link exchange</div>
<br>
<br>
</br>
<center>
<img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/88346809/large.jpg"></center>
<br>
</br>
<center>
<a href="http:/sibodohjangankacau.blogspot.com/">AdamFaiz</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> |
 <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a></center>
<!---DON'T REMOVE MY LINK ---!>
<br>
</br>
</div>
<!--------------------------------------
CREDIT SECTION
--------------------------------------!>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<div id="credit" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px;  border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;">
</div>
<div class="h4">
Big Thanks</div>
<div class="h5">
Credit </div>
<br>
<br>
</br>
<center>
<img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/87941559/large.png"></center>
<br>
<center>
Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
Image : <a href="http://weheartit.com/">We♥It</a><br>
Image 2 : <a href="http://stickytoffee-graphics.blogspot.com.ar/">Monster</a><br>
Background : <a href="http://chocollyheart.blogspot.com/">Afiqah Junizan</a><br>
Music Player & Help : <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>
<br>
</center>
<br><br>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
</div>
</div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Washed Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/
#navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================
 <variable name="bgColor" description="Page Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#e4b2ff">
 <variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#ffffff" value="transparent">
 <variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="#333333" value="#333333">
 <variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="#ffffff" value="transparent">
 <variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <variable name="borderColor" description="Border Color"
           type="color" default="#ffffff" value="transparent">
 <variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#333333">
 <variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#333333">
 <variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
 <variable name="headerFont" description="Page Header Font"
           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
   <variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/
body {
background:$bgcolor;
Background-image:url(http://i.imgur.com/tDtge.png);
background-repeat: repeat;
background-position:Center center;
background-attachment:Fixed;
margin:0;
color:$textcolor;
font:x-small calibri;
font-size/* */:/**/small;
font-size: /**/small;
text-align: auto;
}
::selection {
background:pink;
color:#FFFFFF;
}
a:link {
  text-decoration: none;
  color: black;
}
a:visited {
  text-decoration: none;
  color: black;
}
a img {
  border-width: 0;
}
#outer-wrapper {
  font: $bodyFont;
}
u {
text-decoration:none;
border-bottom: 2px solid pink;
padding: 0px;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  width: 900px;
  margin: 0 auto;
  background-color: $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
h1.title {
display: none;
  font-size: 100%;
}
h1.title a, h1.title a:visited {
display: none;
  color: $headerTextColor;
  text-decoration: none;
}
#header .description {
  display: none;
  margin: 0 14px;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 50%;
}
                                                        
/* Content
----------------------------------------------- */
.clear {
  clear: both;
}

#content-wrapper {
font: 14px calibri;
width: 900px;
margin: auto;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVVEcJ9E9U5w5AbSYxq2-s1eTcAENPB4rxx4er4k-EMdF-LzYOCT4yesC2S_BJibG38zgWKgKpeoYwAgOyB4rKLkib8ntm3ivX1iWkBji5ARjxfqO53DTNuPYmj9_lyU1l25evgfKRt6A/s1600/Fbody.png);
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 610px;
  float: $startSide;
  background : transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 230px;
  float: $endSide;
  background :transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2, h3 {
  margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
padding: 5px;
border: 3px solid black;
background: white;
border-radius: 4px;
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
margin-top: 3px;
border-bottom: 4px double pink;
color: pink;
 text-shadow:-1px 0px #777,0px 1px #777,1px 0px #777,0px -1px #777;
text-align:center;
font: 18px 'udamojiAl';
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: pink;
  font-weight: normal;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
.post-footer {
 text-align:center;
padding:8px;
color: #333333;
font-size: 95%;
background: #FFE3E3;
border-left: 7px solid #FFE3E3;
border-right: 7px solid #FFE3E3;
moz-box-shadow: 0 0 5px 2px #FFE3E3;
-webkit-box-shadow: 0 0 5px 2px #FFE3E3;
border-radius:7px;
margin:6px;
}
.post-footer .span {
  margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
  padding: 4px;
  border: 1px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
padding:5px;
border-left: 20px solid pink;
color: #000;
background:#FFE3E3;
}
.post blockquote:hover {
-webkit-transition-duration: 1.4s;
border-right: 20px solid #B4B6B7;
border-left: 0px solid #E4E6E7;
color: #000;background-color: #E4E6E7;
}
.post blockquote p {
  margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
  margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 110%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}
.feed-links {
  clear: both;
  line-height: 2.5em;
}
#blog-pager-newer-link {
  float: $startSide;
 }
#blog-pager-older-link {
  float: $endSide;
 }
#blog-pager {
  text-align: center;
 }
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin-top: 15px;
margin: 0.0em 0px 0.3em 0px;
padding:60px 0px 20px 0px;
border-bottom: 4px double pink;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0qeqpT2gPfyuWNheRxch-hu4TFGu_Too_xXBoHtVGTnlFmlsxgFfC2voRvILCZHfjjKlKsIHbgirGPoSmpd4wyEN81Q3qc0NICM5NKTkFXq9ReVNJ0WwXAmf420oGiww8nS604QalUY/s1600/fh2.png)no-repeat top;
color: pink;
 text-shadow:-1px 0px #777,0px 1px #777,1px 0px #777,0px -1px #777;
text-align:center;
font: 18px 'udamojiAl';
}
 @font-face{font-family:udamojiAl;src:url('http://static.tumblr.com/eq1rpir/jHpm54b32/udamoji_al.ttf')}                                                       
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: .5em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}
.sidebar {
border-left: 3px solid black;
border-right: 3px solid black;
border-top: 3px solid black;
border-bottom: 3px solid black;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background:white;
color: #333333;
line-height:1.3em;
}
.sidebar .widget {
margin:0px 0px;
padding:0px 0px 70px 0px;
}
.sidebar .widget-content {
background:white;
margin: 0px 15px 0 15px;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $borderColor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}
                                                        
/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: $textColor;
}
#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
}
::-webkit-scrollbar {
height:12px;
width: 13px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #F5A9E1;
-moz-border-radius: 10px;
border-radius: 10px;
}
]]></b:skin>
  </head>
  <body>
  <div id='outer-wrapper'>
<div id='wrap2'>
    
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Pink Wave (Header)' type='Header'>
          <b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
</div>
<b:include name='description'/>
          </div>
<b:else/>
          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
</div>
<b:include name='description'/>
          </div>
</b:if>
    <b:else/>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
</b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
</div>
<b:include name='description'/>
    </div>
</b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'>
<span><data:description/></span></p>
</div>
</b:includable>
          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
    </div>
<div id='content-wrapper'>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
            <b:includable id='main' var='top'>
  <b:if cond='data:mobile == "false"'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == "false"'>
            </div>
</div>
</b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-outer">
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'>
<span><data:post.dateHeader/></span></h2>
</b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-posts">
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
<b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
<data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div>
</div>
</b:if>
      <data:adEnd/>
    </div>

    <b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

<b:else/>
    <b:include name='mobile-main'/>
  </b:if>

<b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4>
<data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
<dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
</b:loop>
    </dl>
</b:if>
  <p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'>
<data:postCommentMsg/></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
<b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
<data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
               
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
               
          </b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

</p>
</b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
            <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
            <b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</b:if>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</a>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
</b:if>

<b:include data='post' name='postQuickEdit'/>
      </span> </div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>
<div class='post-footer-line post-footer-line-3'/>
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
<span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
</b:if>
    </div>
</div>
</b:includable>
            <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
</b:includable>
            <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
<div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
  </b:if>
</b:includable>
            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
            <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
<data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
<b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

2014. július 8., kedd

Pár design :))

Nincsenek megjegyzések:

Megjegyzés küldése

▲Disco lista▲

Megne próbáld!