<< Back
Hello!
Welcome to my page codes. Press CTRL + C to copy.
<!-----------------------------------------------------------------------
Name : BURBERRY
Template by : http://anugerahsalsa.blogspot.com/
Basecode by : http://chocolly.blogspot.com/
Theme : cute, purple, violet, cool, simple, sweet
Thanks for download and using my skin. Please don't ever remove these credits!
-----------------------------------------------------------------------!>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".about").hide();
$(".navi-about").click(function(){
$('.about').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".site").hide();
$(".navi-site").click(function(){
$('.site').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".nav").hide();
$(".navi-nav").click(function(){
$('.nav').slideToggle("fast");
return true;
});
});
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<html><head>
<link href='http://media.tumblr.com/tumblr_lu2df5OEzy1qfoi4t.gif' rel='icon' type='image/x-icon'/>
<title>// Burberry</title>
<style>
#navbar-iframe {
    display: none;
}

body {
    color: #aaa;
    font: 12px Short Stack;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDEOGRQrwXuOiQI9O6OKLThxTf-t6tEM2mX58SOxKZ3S958SKKG0prOPa58pgQdHDX4gkVkrrJowQiOkIk4hcpNo_-lWHzuSIEmTcQ87hijHiwz7G-h3TPhfNNdlUWjDGCwrUro4qVQ-0/s1600/purple.png);
    background-attachment: fixed;
    background-position: top left;
    background-repeat: repeat;
}

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

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

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

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

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

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

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

blockquote {
    padding: 5px;
    border: 1px dashed #ebdceb;
    padding-left: 25px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqcXXyAfi-T5ZdtC8Pl2ZWnoFhdofNaPcJ6ZAXpS3rxpDS6s7E82Pz73pg91FRfLW5jqFXX-N5KClB7k3TYl-0li5l-Trojmh-bjm3j7U2dcTVUrc2hGFKlgMyhG9fvmDS1g4nyJ8_ig/s1600/purple.png) repeat-y;
    background-size: 20px 20px;
    color: #aaa;
    -webkit-transition: all .4s ease-in-out!important;
    -moz-transition: all .4s ease-in-out!important;
    -o-transition: all .4s ease-in-out!important;
}

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

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

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

.imgbackground {
    position: fixed;
    overflow: hidden;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8RK8accxLs5pPTnscByTp1eGGHLh41AzNjc-84tC5ruEWIuG4WPvSeJDQ4mQ3ZFjpXoonv5Lkb07uPc2I-b1pQnC7LwP3QXgDsRsCbn8M95c_TpIZrc31KXsYRwP4oxQnuZEg3Nv5njC/s1600/purple1.png);
    padding: 17px;
}

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

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

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

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

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

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

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

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

.box {
    width: 265px;
    padding: 10px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8RK8accxLs5pPTnscByTp1eGGHLh41AzNjc-84tC5ruEWIuG4WPvSeJDQ4mQ3ZFjpXoonv5Lkb07uPc2I-b1pQnC7LwP3QXgDsRsCbn8M95c_TpIZrc31KXsYRwP4oxQnuZEg3Nv5njC/s1600/purple1.png);
}

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

.box2:hover {
    height: 150px;
}

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

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

.h1 {
    color: #dfccdf;
    font-family: Short Stack;
    letter-spacing: 2px;
    background: #fcf0fc;
    margin-top: 3px;
    padding: 2px;
    text-align: center;
    font-size: 11px;
    margin-bottom: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav {
    width: 255px;
    padding: 15px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8RK8accxLs5pPTnscByTp1eGGHLh41AzNjc-84tC5ruEWIuG4WPvSeJDQ4mQ3ZFjpXoonv5Lkb07uPc2I-b1pQnC7LwP3QXgDsRsCbn8M95c_TpIZrc31KXsYRwP4oxQnuZEg3Nv5njC/s1600/purple1.png);
}

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

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

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

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

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

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

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

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

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

</style><body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
<div style="position: fixed; bottom: 5px; right: 5px"><a class="word2" style="color:#000;" href="http://anugerahsalsa.blogspot.com/" title="ANUGERAHSALSA">THEME</a></div>

<div id="block"><div style="position:fixed;top:110px;left:130px;">
<a class="button" href="http://www.blogger.com/profile/5427539181675835792"><br/><br/>About</a>
<a class="button" href="javascript:void(0);" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=7871771811045931378','me','width=520,height=530')"><br/><br/>Follow</a>
<a class="navi-nav"><br/><br/>Cbox</a>
<a class="button" href="https://www.facebook.com/anugerahwookie1004?ref=tn_tnmn"><br/><br/>Faceb</a>
</div></div>
<div id="top"><div id="title"><div class="title"><font color=#DDA0DD>BURBERRY</font><div class="desc">
All I know is pouring rain and everything has changed.
</div></div></div></div>
<div id="side"><div class="imgbackground"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjypf-WGSYYZZ3nfFnAbJBS6mq_9-13EAHEh15D_WuCnUZcqH8bCzfMENG05X3TJf5vPBVPm9qimDft3MZJgq2jJ_Q8gUh9th4sGgj8UYDdjazE0orm2mWGVEJXTK4p82rfE6PpmBB1AgU7/s1600/taylor341-1.jpg" width="250px;" height="140px;"></div>
<div id="text"><div style="font-family:Short Stack;font-size:9px;">
Click if you don't mind.{<script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=YOURID"> </script>}
<br/>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" >Free Page</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" >Entries</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" >Free Page</a>
</div></div></div>


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


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


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


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


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