<html><head>
<link href='http://media.tumblr.com/tumblr_lvpa7kNjJi1r1bw1m.gif' rel='icon' type='image/x-icon'/>
<title>Blow Honey</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js?ver=3.2.1" type="text/javascript"></script>
<script src="http://static.tumblr.com/ifqwhnb/AsRm14rnk/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/ifqwhnb/V7Im14sbh/animated-menu.js" type="text/javascript"></script>
<style>
#navbar-iframe {
display: none;
}
body {
font-family: trebuchet ms;
color: #808080;
font-size: 11px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbmaujnk20XJrcIzVgAFxx6MCXkyOFOOfQNoH3xOirlKdknllsaDc9goAUxj9QBLDoKFU7fKUWw6d0NT2Q8anPawcPC_uG6o4Lgqwtd4pD27QAnw1o77X9Tw1newgr5taKj01acluGxlNJ/s1600/backgroundbody%25283%2529.png) fixed;
}
a:link,a:visited {
color: pink;
text-decoration: none;
padding: 1px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
a:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration: none;
}
img {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
}
img:hover {
filter: none;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #DBBAE5;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
border: 1px solid #DBBAE5;
background-color: #DBBAE5;
}
blockquote {
-webkit-animation-name: shake;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
background: #FFF9B8;
padding: 15px;
border-top: 3px solid #FFC6BC;
border-bottom: 5px double #FFC6BC;
border-right: 1px dashed #A7D3D2;
border-left: 1px dashed #A7D3D2;
color: #9C9C9C;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover {
-webkit-animation-name: none;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
background: #FFD6D6;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #555;
}
@-moz-keyframes shake /* Firefox*/ {
{ -ms-transform:: translate(-1px, -2px) rotate(-1deg);
}
20% {
-moz-transform: translate(-3px, 0px) rotate(1deg);
}
30% {
-moz-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-moz-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-moz-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-moz-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-moz-transform: translate(2px, 1px) rotate(-1deg);
}
80% {
-moz-transform: translate(-1px, -1px) rotate(1deg);
}
90% {
-moz-transform: translate(2px, 2px) rotate(0deg);
}
100% {
-moz-transform: translate(1px, -2px) rotate(-1deg);
}
}
@-ms-keyframes shake /* IE9*/ {
10% {
-ms-transform: : translate(-1px, -2px) rotate(-1deg);
}
20% {
-ms-transform: translate(-3px, 0px) rotate(1deg);
}
30% {
-ms-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-ms-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-ms-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-ms-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-ms-transform: translate(2px, 1px) rotate(-1deg);
}
80% {
-ms-transform: translate(-1px, -1px) rotate(1deg);
}
90% {
-ms-transform: translate(2px, 2px) rotate(0deg);
}
100% {
-ms-transform: translate(1px, -2px) rotate(-1deg);
};
}
@-webkit-keyframes shake /* Safari and Chrome */ {
0% {
-webkit-transform: translate(2px, 1px) rotate(0deg);
}
10% {
-webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
-webkit-transform: translate(-3px, 0px) rotate(1deg);
}
30% {
-webkit-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-webkit-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-webkit-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-webkit-transform: translate(2px, 1px) rotate(-1deg);
}
80% {
-webkit-transform: translate(-1px, -1px) rotate(1deg);
}
90% {
-webkit-transform: translate(2px, 2px) rotate(0deg);
}
100% {
-webkit-transform: translate(1px, -2px) rotate(-1deg);
};
}
@font-face {
font-family:cookies;src:url('http://static.tumblr.com/eq1rpir/XWwm519uj/cookies.ttf');
}
#tito {
text-align: right;
font-family: borgnine;
font-size: 10px;
margin-top: -12px;
}
@font-face {
font-family: "paulpan"; src: url('http://static.tumblr.com/4yxykdm/Ncwlrfhzq/paulpan_.ttf');
}
@font-face {
font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf');
}
@font-face {
font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf');
}
#tito2 {
text-align: center;
font-family: halohandletter;
font-size: 50px;
color: pink;
margin-top: -72px;
margin-left: 90px;
}
#sidebar-position {
position: fixed;
top: 120px;
left: 100px;
}
#sidebar-position2 {
width: 20px;
position: fixed;
top: 0px;
height: 100%;
border-left: 1px dashed pink;
border-right: 1px dashed pink;
background: url(http://i.imgur.com/fJp2S.png);
left: 520px;
}
#status-position2 {
position: fixed;
top: 300px;
left: 10px;
}
.tuto {
margin-left: -20px;
position: absolute;
background: #fff;
border-radius: 2px;
padding: 20px;
WIDTH: 550PX;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}
.tuto2 {
margin-top: -5px;
position: fixed;
background: #fff;
border-radius: 2px;
padding: 20px;
WIDTH: 225PX;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}
.imgbackground1, .imgbackground2, .imgbackground3, .imgbackground4, .imgbackground5, .imgbackground6 {
position: fixed;
background: #fff;
border-radius: 2px;
padding: 15px;
font-family: everyday;
font-size: 10px;
WIDTH: 300PX;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}
.imgbackground2 {
font-family: tinytots;
font-size: 8px;
padding: 10px;
margin-top: 100px;
height: 160px;
width: 160px;
}
.imgbackground3 {
font-family: tinytots;
font-size: 8px;
padding: 10px;
margin-top: 100px;
margin-left: 200px;
width: 110px;
height: 60px;
}
.imgbackground4 {
font-family: tinytots;
font-size: 8px;
padding: 10px;
margin-top: 200px;
margin-left: 200px;
width: 110px;
height: 60px;
}
.imgbackground5 {
font-family: tinytots;
font-size: 8px;
margin-top: 295px;
height: 15px;
}
.imgbackground6 {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
margin-top: 355px;
background: transparent;
}
a.link, a.link2, a.link33, a.link4 {
background: #fff;
width: 10px;
color: #000;
padding: 15px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: tinytots;
font-size: 8px;
text-align: center;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
border: 1px dashed #888!important;
}
a.link {
background: #BDE0EA;
margin-left: -12px;
margin-top: 92px;
}
a.link2 {
background: #F9FAA9;
margin-left: -12px;
margin-top: 42px;
}
a.link33 {
background: #E3FAA9;
margin-left: -12px;
margin-top: 42px;
}
a.link4 {
background: #FAB8A9;
margin-left: -12px;
margin-top: 42px;
}
a.link:hover, a.link2:hover, a.link33:hover, a.link4:hover {
border-radius: 0px 40px 0px 40px;
-moz-border-radius: 0px 40px 0px 40px;
-webkit-border-radius: 0px 40px 0px 40px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #aaa;
background: #fff!important;
border: 1px solid pink!important;
}
.bias {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width: 100px;
height: 100px;
margin: 3px;
border: 10px solid #FFF5F5;
}
.bias:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 10px solid pink;
}
@font-face {
font-family:everyday;src:url('http://static.tumblr.com/eq1rpir/nBVm54bb6/everyday.ttf');
}
@font-face {
font-family:borgnine;src:url('http://static.tumblr.com/eq1rpir/d92m6kume/borgnine.ttf');
}
@font-face {
font-family:pixelpoiiz;src:url('http://static.tumblr.com/eq1rpir/SmCm54bhb/pixelpoiiz.ttf');
}
.satu {
font-style: normal;
font-size: 20px;
color: #;
text-transform: uppercase;
text-align: justy;
font-family: 'Yanone Kaffeesatz', georgia;
background: #f9d2d9;
}
.satu a {
color: #fff;
}
.dua {
font-style: normal;
font-size: 20px;
color: #;
text-transform: uppercase;
text-align: justy;
font-family: 'Yanone Kaffeesatz', georgia;
background: #abd9d7;
}
.dua a {
color: #fff;
}
.tiga {
font-style: normal;
font-size: 20px;
color: #;
text-transform: uppercase;
text-align: justy;
font-family: 'Yanone Kaffeesatz', georgia;
background: #c8e19d;
}
.tiga a {
color: #fff;
}
.empat {
font-style: normal;
font-size: 20px;
color: #;
text-transform: uppercase;
text-align: justy;
font-family: 'Yanone Kaffeesatz', georgia;
background: #f39d77;
}
.empat a {
color: #fff;
}
@font-face {
font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
ul {
margin: 0;
padding: 0;
}
li {
width: 70px;
height: 50px;
color: #fff;
float: left;
text-align: center;
overflow: hidden;
margin-left: 4px;
}
.subtext {
padding-top: 15px;
font-size: 8px;
font-family: "tinytots", small fonts;
font-size: 8px;
text-transform: uppercase;
}
.entries-position {
left: 640px;
position: absolute;
top: 40px;
width: 550px;
}
.tr-caption {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease-in-out;
-moz-opacity: 0.89;
opacity: 0.89;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=89);
background: #eee;
padding: 1px;
font-family: georgia;
font-size: 10px;
font-style: italic;
letter-spacing: 2px;
}
.entries-background {
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
margin-bottom: 25px;
padding: 10px;
background: #fff;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease-in-out;
}
.entries-background:hover {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease-in-out;
}
@font-face {
font-family:loraitalic;src:url('http://static.tumblr.com/eq1rpir/eqRm5w1z1/lora-italic.ttf');
}
.entries-title {
color: #111;
font: 10px 'everyday', cursive;
letter-spacing: 1px;
background: #FFF5F5;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
padding: 5px;
}
@font-face {
font-family:rainyhearts;src:url('http://static.tumblr.com/eq1rpir/lBDm6kv8s/rainyhearts.ttf');
}
.h4 {
width: 100%;
text-align: center;
margin-top: 1px;
margin-bottom: 1px;
color: orange;
font: 12px 'trebuchet ms';
letter-spacing: 1px;
padding: 5px;
background: url(http://media.tumblr.com/tumblr_m0ku8kPNs41qb1380.gif) #FFF0F0 no-repeat left;
border-bottom: 1px dashed pink;
border-top: 1px dashed pink;
background-position: right;
}
#com {
border-left: 3px solid #000;
margin-top: -16px;
width: 90px;
margin-left: 416px;
padding: 5px 5px 5px 5px;
text-align: center;
position: absolute;
letter-spacing: 1px;
background: yellow;
color: #444;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
z-index: 103;
}
.entries-background:hover .com2 {
border-left: 10px solid #D1F2A5;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.entries-background:hover .com3 {
border-right: 10px solid #D1F2A5;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.left {
float: left;
width: 48%;
text-align: left;
}
.right {
float: right;
width: 48%;
text-align: left;
}
a.link300 {
padding: 3px 3px 3px 3px;
border-radius: 100px;
border: 1px dashed #ccc;
text-transform: uppercase;
background: #fff;
overflow: hidden;
height: 40px;
width: 40px;
margin: 2px;
color: #aaa;
text-align: center;
font: 10px 'everyday';
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
margin-bottom: 3px;
}
a.link300:hover {
border-radius: 0px;
border: 1px dashed #ccc;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
a.link3 {
border: 1px solid #eee;
text-transform: uppercase;
background: #fff;
overflow: hidden;
width: 100px;
margin: 5px;
padding: 15px;
color: #ccc;
text-align: center;
font: 8px 'tinytots';
display: inline-block;
-webkit-transition: 0.3s;
}
a.link3:hover {
border: 1px solid #FFADAD;
border-radius: 0px 50px 0px 50px;
;color: #fff;
background: #FFADAD;
-webkit-transition: 1.3s;
animation: myfirst 10s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
-moz-animation: myfirst 5s;
/* Firefox */
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-direction: alternate;
-webkit-animation: myfirst 5s;
/* Safari and Chrome */
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: linear;
}
@keyframes myfirst {
0% {
background: #f5c673;
}
10% {
background: pink;
}
25% {
background: yellow;
}
35% {
background: #ccfdf7;
}
50% {
background: blue;
}
65% {
background: #73f5aa;
}
100% {
background: green;
};
}
@-moz-keyframes myfirst /* Firefox */ {
0% {
background: #f5c673;
}
10% {
background: pink;
}
25% {
background: yellow;
}
35% {
background: #ccfdf7;
}
50% {
background: blue;
}
65% {
background: #73f5aa;
}
100% {
background: green;
};
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
background: #f5c673;
}
10% {
background: pink;
}
25% {
background: yellow;
}
35% {
background: #ccfdf7;
}
50% {
background: blue;
}
65% {
background: #73f5aa;
}
100% {
background: green;
};
}
.wish {
background-size: 10px!important;
background: url(http://media.tumblr.com/tumblr_m4i866czWU1qdlkyg.gif) no-repeat;
padding-left: 15px;
}
.love {
background-size: 10px!important;
background: url(http://media.tumblr.com/tumblr_m4i87cUmfO1qdlkyg.gif) no-repeat;
padding-left: 15px;
}
.heart, .heart2 {
margin: -7px!important;
line-height: 18px!important;
border-right: 0px ridge #FFB2B2;
background: url(http://media.tumblr.com/tumblr_m4i900uimA1qdlkyg.gif);
background-repeat: no-repeat;
padding-left: 25px;
color: #666;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.heart:hover, .heart2:hover {
border-right: 20px ridge #FFB2B2;
background: url(http://media.tumblr.com/tumblr_m9pg4366U51qdlkyg.gif);
background-repeat: no-repeat;
padding-left: 55px;
line-height: 18px;
}
.blogskins {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width: 100px;
height: 100px;
border: 3px solid #FFFAFA;
padding: 7px;
background: url(http://www.stripemania.com/cache/10-2-135-2-FFFFFF-2-FFF5F5-EDEBEB-DDEE1E-DDEE1E-DDEE1E-FFFFFF-FCF2F2-78D316-78D316-78D316-yes-yes-yes-yes-yes-.png);
}
.blogskins:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 3px solid #FF8585;
}
.blogskins2 {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width: 80px;
height: 80px;
border: 3px solid #FFFAFA;
padding: 7px;
background: url(http://www.stripemania.com/cache/10-2-135-2-FFFFFF-2-FFF5F5-EDEBEB-DDEE1E-DDEE1E-DDEE1E-FFFFFF-FCF2F2-78D316-78D316-78D316-yes-yes-yes-yes-yes-.png);
}
.blogskins2:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 3px solid #FF8585;
}
#nave111, #nave222, #nave333, #nave444 {
padding: 5px;
padding: 10px;
border: 1px dashed pink;
border-bottom: 5px dashed pink;
overflow: hidden;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
text-decoration: none;
display: block;
margin: 8px;
}
#nave111:hover, #nave222:hover, #nave333:hover, #nave444:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-bottom: 1px dashed pink;
border-top: 5px dashed pink;
}
#nave111 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixUKDo6efAyagDkNCIZPbAAW_edOPht60Loa-RjamDlde5Tj9ccf9lRn1hE96LeIq6LqxtiA06vRaWQVcGzP1KRiiOtY1O_Injpp_DTa2lWT5j-fIik58t7oShrKMkX6k7VevpAEn2_OA/s1600/cc.png);
}
#nave222 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEsqzPzrb_7YOQYaZ6inaHAzvPO-AuydzWXzBa_64JpUzOPdasV43ARBjTTY8QQBwideEBBBOXEzaSAaUnSh7_Xwq9n8Cn85CFNtdbFb0qH16VafZCdkMry2dBPAAJDCh0nulZpFmCpW8/s1600/ee.png);
}
#nave333 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYnAjFUmnT0pFqbSn3vadwVeNuIDVdwKXNdzgWKT_mcfYWwcqhUlygF4z-3elw1Q_G14JN4YSy-goRNJ749ixBb0qnXFpYfFv4v41Etb8Z5RrTrBZWVGoaDakRc886eau0W09rksMRL4/s1600/hh.png);
}
#nave444 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4qp1OzErgIO3qplmv0CAdC_y1vDfBse3HHrNBJbdNZenI6KWpskKI2nCjUm0B3MUSmvF2zCQYGPyMfWD3VaxUMndcuyQi6fx8YcHKtnBtn9gX9y7H9QnJSmt6bNo2laB2Nvd7c0tqOg/s1600/ii.png);
}
.icon {
color: red;
}
#statusss {
width: 150px;
text-align: left;
color: #777;
height: 150px;
padding: 5px;
overflow: scroll;
margin-top: 5px;
overflow-x: hidden !important;
overflow-y: scroll !important;
}
.time {
color: #888;
font: normal 7pt;
padding-right: 7px;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 7px;
background: #eee;
}
.date {
color: #888;
font: normal 7pt;
padding-right: 7px;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 7px;
background: #eee;
}
.h1 {
background: #FFEA75;
margin-top: 10px;
padding: 5px;
font-family: everyday;
font-size: 10px;
text-align: center;
color: #fff;
margin-bottom: 10px;
}
.com2 {
font-family: everyday;
font-size: 10px;
color: #808080;
background: #EFFAB4;
float: right;
width: 70px;
margin-top: -5px;
padding: 5px;
margin-right: -5px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left: 3px solid #D1F2A5;
}
.h1 a {
color: #777;
}
.com2 a {
color: #777;
}
.com2:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #fff;
}
.com3 {
font-family: everyday;
font-size: 10px;
color: #808080;
background: #EFFAB4;
float: left;
margin-left: -10px;
width: 70px;
margin-top: -5px;
overflow: hidden;
padding: 5px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-right: 3px solid #D1F2A5;
}
.com3 a {
color: #777;
}
.com3:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #fff;
}
.older2 {
position: fixed;
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
top: 300px;
left: 1220px;
background: #fff;
width: 10px;
border-radius: 2px;
padding: 10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}
.newer2 {
position: fixed;
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
top: 300px;
left: 580px;
overflow: hidden;
background: #fff;
width: 10px;
border-radius: 2px;
padding: 10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}
.word2 {
width: 50px;
font-size: 14px;
font-family: consolas;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}
.word2:hover {
background: pink;
color: #fff!important;
webkit-transition: 0.8s;
}
</style>
<body>
<div style="position: fixed; top: 5px; left: 5px">
<a class="word2" style="color:#000;" href="http://chocollyheart.blogspot.com/" title="afiqahjunizan">THEME</a> </Div>
<div id="sidebar-position2">
<a class="link" href="">A<br/>B<br/>O<br/>U<br/>T</a>
<a class="link2" href="">F<br/>A<br/>C<br/>E<br/>B<br/>O<br/>O<br/>K</a>
<a class="link33" href="">F<br/>O<br/>L<br/>L<br/>O<br/>W<br/></a>
<a class="link4" href="">B<br/>L<br/>O<br/>G<br/>S<br/>K<br/>I<br/>N<br/>S</a></div>
<div id="sidebar-position"><div id="tito2">
<font color=#ff0000>B</font><font color=#e54b19>l</font><font color=#cc8f33>o</font><font color=#b2c74c>w</font> <font color=#7ffe7f>H</font><font color=#66f899>o</font><font color=#4cdcb2>n</font><font color=#33accc>e</font><font color=#196ce5>y</font>
</div>
<div class="imgbackground1">
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit. <br/>
<a href="http://www.blogger.com/profile/11539663776071135318">View my complete profile</a> {<script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=YOURID"> </script>}
</div>
<div class="imgbackground2">
<div id="tito">Status</div>
<div id="statusss">
<span class="icon"> ♥</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
<br/>
<br/>
<br/>
<span class="icon"> ♥</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
<br/>
<br/>
<br/>
<span class="icon"> ♥</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
<br/>
<br/>
<br/>
<span class="icon"> ♥</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
<br/>
<br/>
<br/>
<span class="icon"> ♥</span> >> yours status
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">time</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">date</span></div>
<br/>
<br/>
<br/>
</div></div>
<div class="imgbackground3">
<div id="tito">Wishlist</div>
<div style="overflow:scroll; height:65px;overflow-x:hidden; overflow-y:hidden; ">
<div class="wish">Straight 'A' in SPM</div>
<div class="wish">Ipad</div>
<div class="wish">Lappy</div>
<div class="wish">Makes parent smile</div>
<div class="wish">Chocolate</div>
<div class="wish">Novels</div>
<div class="wish">Car</div>
<div class="wish">Cute kitten</div>
<div class="wish">Big Ice cream</div>
<div class="wish">go London</div>
</div>
</div>
<div class="imgbackground4"><div id="tito">Love them</div>
<div style="overflow:scroll; height:65px;overflow:hidden; ">
<marquee behavior="alternate" direction="up" height="100" scrollamount="1">
<div class="love">Kewin Woo</div>
<div class="love">Minhyuk</div>
<div class="love">Luhan</div>
<div class="love">Kyuhyun</div>
<div class="love">Baekhyun</div>
<div class="love">Kim Bum </div>
<div class="love">Myungsoo</div>
<div class="love">Yong Hwa</div>
<div class="love">Chansung</div>
<div class="love">IU</div>
<div class="love">Baro</div>
<div class="love">Gingchan</div>
<div class="love">Sehun</div>
<div class="love">Leo</div>
<div class="love">Nickhun</div></marquee>
</div></div>
<div class="imgbackground5">
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="FlashVars" value="mp3=http://k005.kiwi6.com/hotlink/c701vqx07w/Jason_Walker_You39re_Missing.mp3&autoplay=1&bgcolor=ffffff&loadingcolor=FFFF75&buttoncolor=75D1FF&slidercolor=75D1FF" />
</object></center></div>
<div class="imgbackground6">
<ul>
<li class="satu">
<p><a onClick="document.getElementById('main').innerHTML=document.getElementById('onee').innerHTML">Free</a></p>
<p class="subtext">Learn More</p></li>
<li class="dua">
<p><a onClick="document.getElementById('main').innerHTML=document.getElementById('fourr').innerHTML">Free</a></p>
<p class="subtext">free for you</p></li>
<li class="tiga">
<p><a onClick="document.getElementById('main').innerHTML=document.getElementById('twoo').innerHTML">Affies</a></p>
<p class="subtext">link exchange</p></li>
<li class="empat">
<p><a onClick="document.getElementById('main').innerHTML=document.getElementById('threee').innerHTML">Free</a></p>
<p class="subtext">meassage</p></li>
</ul></div>
</div>
<div class="entries-position">
<div id="main"><blogger><div class="entries-background">
<div class="h1" style="padding-left:10px;"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle>
<div class="com2"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comment </a>(<$BlogItemCommentCount$>)</BlogItemCommentsEnabled></div>
<div class="com3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
</div>
<$BlogItemBody$>
</div></blogger>
<br/><a href=<$OlderPosts$>><div class="older2">→</div></a>
<a href=<$NewerPosts$>><div class="newer2">←</div></a></div></div>
<br/>
</div> </div>
<div id="onee" style="display: none;">
<div class="tuto">
<div class="h4" style="margin-bottom:10px;">Free Page</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/>
</div></div>
<div id="twoo" style="display: none;">
<div class="tuto">
<div class="h4" style="margin-bottom:10px;">Exchange Link</div>
<br/>
<center><table cellpadding="3" cellspacing="2" width="180">
<tbody><tr>
<td style="text-align:right;">NAME</td>
<td><input type="text" size="15" value="Afiqah" style="padding-left:4px;width:120px;color:#000;border:1px dashed #eee;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
<td style="text-align:right;">URL</td>
<td><input type="text" size="15" value="http://chocollyheart.blogspot.com/" style="padding-left:4px;width:220px;color:#000;border:1px DASHED #eee;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr></tbody>
</table></center>
<center>
<a class="link3" onclick="window.open('http://chocollyheart.blogspot.com/'); return false;">Afiqah</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
<a class="link3" onclick="window.open(''); return false;">last open</a>
</center>
</div></div>
<div id="fourr" style="display: none;"><div class="tuto">
<div class="h4" style="margin-bottom:10px;">Free Pages</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/>
</div></div>
<div id="threee" style="display: none;"><div class="tuto">
<div class="h4" style="margin-bottom:10px;">Free Pages</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/>
</div></div>
</body></head></html>