- Code Skin


<html>
    <head>
<div style="float:left;width:100px"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://irondj.net/mix/file/19391/B1A4_-__________BABY_GOOD_NIGHT___Full_ver._.mp3&t0=&f1=http://irondj.net/mix/file/19167/HELLO_VENUS_-_Venus.mp3&t1=&f2=http://irondj.net/mix/file/10807/Twinkle_Twinkle_-_Girl_Day.mp3&t2=&f3=http://irondj.net/mix/file/14583/Davichi___T-ara_---_---____We_were_in_love_--_-----__MV.mp3&t3=&f4=http://irondj.net/mix/file/18105/04_______.mp3&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
    <title>I n s p i r i t ;</title>
    <style>
    body{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAhDUWETdlB6Toy47og9p0lu3BwXIv9jLLZSSfNOqvVjP-jMH81lupuvSbhsKzc8K0I_Hm7ldxBmCmJl9Gf5HscylKZteTww3n_2yx4i1JArmyOxDnwz0bokatGjDYDnuf5SmsRPWjxw/s1600/grayy.png);
    font-family:arial;
font-size:11px;
line-height:100%
text-align:justify;
    color: #666;
    scrollbar-arrow-color: #ffffff; 
    scrollbar-track-color: #ffffff; 
    scrollbar-shadow-color: #f2e7de; 
    scrollbar-face-color: #f2e7de; 
    scrollbar-highlight-color: #f2e7de; 
    scrollbar-darkshadow-color: #f2e7de; 
    scrollbar-3dlight-color: #f2e7de; 
    }

.h2 {padding:4px;text-align:left; background:#f1f1f1; font-size: 6pt; color: #acacac; font-family:calibri; text-decoration: bold; text-transform: normal; letter-spacing: 2px; fixed; filter: alpha(opacity=100); -moz-opacity: 100; opacity: 100;}
    a:link, a:active, a:visited {
font-family:calibri;
letter-spacing:1px;
font-size:10px;
color:#b6a38e; text-decoration:none; 
-webkit-transition:all 0.5s ease-out; 
-moz-transition:all 0.5s ease-out; 
transition:all 0.5s ease-out}

a:hover {
text-decoration:none; 
color:#000;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out}

a.linkies {
color:#666;
width:50px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi093hEOr8znQ8Tq3QKKs6DgDq_XHmxcDlahIR-umdGAH4W0dwrYClU9c7JHHIdd6qWliVIrrXyOsEU1pVLRk_hyJCSdsJOPSNypHYxy2wZpn2_c6isL2K9WyfrMH8ImpDnpjyxcp72o-g/s1600/brown.gif);
padding: 3px;
margin:1px;
display: inline-block;
border: 1px solid #dadada;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKHqXIvm5DadfMvF5dMWKW1ShB1zqRIXy7B0hyphenhyphenqmSBE0cJQrfl8GK5YN70N6zhPYu-2whj8Nq5bdUtLh9AutIO1xXCnuhIIWqcLQQOO0HSOZIYSBS2CIDtY6fugSFQ9pKTd4nBHNaGtGk/s1600/13.png), progress !important;
}

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

    blockquote{
background:#f1f1f1;
display:block;
padding:5px;
border-left:4px solid #88B9BA;
border-right:0px solid #A4A4A4;
color:#888;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

blockquote:hover{ 
display:block;
padding:5px;
border-left:0px solid #E5B6B3;
border-right:60px solid #cacaca;
color:#888;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

li{list-style-type: katakana;}

    #navbar-iframe{
    visibility: hidden;
    }
    .icon{
    background: #fff;
    padding: 5px;
    border: 1px solid #e0e0e0;
    }
    .h1{
line-height:15px;
color:#808080;
padding:2px;
letter-spacing:2px;
font-family:calibri;
font-size:12px;
border-bottom:1px solid #E9E5DB;
margin:0px 0px 5px;
text-align:left;
}
.old {color;#000;font:12px 'arial';padding:3px;text-align:center;}
    </style>
    <script>function changeNavigation(id)
    {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>
    </head>
    <body>
    <center>
    <div style=" width: 375px; position: relative;left:-30px; top: 25px;">
   <img src="http://i1188.photobucket.com/albums/z403/bubble-cream98/captureheader-1.png">
    </div>
    <div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGvblQQ-4bbx4W0PF6xx9d2MOhGOQuOvAPFiGBGKKEIZy1x-9nbZo6AKMh9n5T3OVJotC6tsenGbOMJISUmUHhR-iSxdeFcRj6lan1PKb1Q11CvMRW4vSCAbS_Z_KvmSXLtcDeWRiA2b0/s1600/groy.gif); width: 700px; padding: 20px; text-transform: uppercase; position: relative; top: 35px;">
    <font style="font-size:10px;cursor:Vertical-text ;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease; padding: 15px;"onmouseover="this.style.background='#f2e7de';"onmouseout="this.style.background='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGvblQQ-4bbx4W0PF6xx9d2MOhGOQuOvAPFiGBGKKEIZy1x-9nbZo6AKMh9n5T3OVJotC6tsenGbOMJISUmUHhR-iSxdeFcRj6lan1PKb1Q11CvMRW4vSCAbS_Z_KvmSXLtcDeWRiA2b0/s1600/groy.gif)'"
    <font style="font-size:10px;cursor: Vertical-text;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease; padding: 15px;"onclick="changeNavigation('profile')">profile</font>
    <font style="font-size:10px;cursor:Vertical-text ;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease; padding: 15px;"onmouseover="this.style.background='#f2e7de'"onmouseout="this.style.background='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGvblQQ-4bbx4W0PF6xx9d2MOhGOQuOvAPFiGBGKKEIZy1x-9nbZo6AKMh9n5T3OVJotC6tsenGbOMJISUmUHhR-iSxdeFcRj6lan1PKb1Q11CvMRW4vSCAbS_Z_KvmSXLtcDeWRiA2b0/s1600/groy.gif)'"onclick="changeNavigation('tagboard')">tagboard</font>
    <font style="font-size:10px;cursor:Vertical-text ;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease; padding: 15px;"onmouseover="this.style.background='#f2e7de'"onmouseout="this.style.background='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGvblQQ-4bbx4W0PF6xx9d2MOhGOQuOvAPFiGBGKKEIZy1x-9nbZo6AKMh9n5T3OVJotC6tsenGbOMJISUmUHhR-iSxdeFcRj6lan1PKb1Q11CvMRW4vSCAbS_Z_KvmSXLtcDeWRiA2b0/s1600/groy.gif)'"onclick="changeNavigation('entries')">entries</font>
    <font style="font-size:10px;cursor:Vertical-text ;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease; padding: 15px;"onmouseover="this.style.background='#f2e7de'"onmouseout="this.style.background='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGvblQQ-4bbx4W0PF6xx9d2MOhGOQuOvAPFiGBGKKEIZy1x-9nbZo6AKMh9n5T3OVJotC6tsenGbOMJISUmUHhR-iSxdeFcRj6lan1PKb1Q11CvMRW4vSCAbS_Z_KvmSXLtcDeWRiA2b0/s1600/groy.gif)'"onclick="changeNavigation('links')">links</font>
    </div>
    <div id="main" style="background: #ffffff; width: 730px; padding: 5px; text-align: left; border: 1px solid #eee; position: relative; top: 35px;">
    <br/>
    <div align="center">
    <blockquote>Welcome to my blog.<br/>Please enjoy your visit!</blockquote>
    </div>
    </div>

    <div id="profile" style="display: none;">
<div class="h1">About</div><br> 
<div style=" text-align:left;background: #ffffff; width: 730px;height:300px; padding: 5px; text-align: left;">
<img src="http://seoulbeats.com/wp-content/uploads/2012/05/infinite.jpg" style="border:1px dashed #ccc;padding:4px;width:200px; float:left; margin-right:15px;" > 
<b>Aina</b>.14.Malaysia.Smk Kulim.Nerdy makes me perfect.Hope to a professor or fashion designer.mom,dad,two younger sister n younger brother.My story,my sadness,my happiness, my inspiration all compiled here so please be nice.
<a href="http://flavors.me/ainachocobear"> [+++]</a><br></br>
<center><b>CONTACT ME:</b></br>
<center><a class="linkies" href="LINK">Facebook</a>
<a class="linkies" href="LINK">Tumblr</a>
<a class="linkies" href="LINK">Twitter</a></center><br>
<b>*CHANGE IT TO YOURS</b>
</div> 


</div> </div></div>

    <div id="tagboard" style="display: none;">
<div class="h1">Tagboard</div>  <br> 
<div style=" text-align:left;background: #ffffff; width: 730px;height:250px; padding: 5px; text-align: left;">
<center><img src="http://applepine.chu.jp/illust/mono/itirin.gif"/><img src="http://applepine.chu.jp/illust/mono/itirin2.gif"/></center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="60" src="http://www6.cbox.ws/box/?boxid=701957&amp;boxtag=lvgjc1&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-701957" style="border:#FFFFFF 1px solid;border-bottom:0px" id="cboxform6-701957"></iframe></div>
<div><iframe frameborder="0" width="250" height="60" src="http://www6.cbox.ws/box/?boxid=701957&amp;boxtag=lvgjc1&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-701957" style="border:#FFFFFF 1px solid;" id="cboxmain6-701957"></iframe></div>
</div>
<!-- END CBOX --><br>
<b>*CHANGE IT TO YOURS</b>
</div>

    <div id="entries" style="display: none;">
    <blogger>
    <div class="h1"><span style="font-style:normal;"></span><$BlogItemTitle$> </div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> <b>   </b> <a style= "href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> notes</a></BlogItemCommentsEnabled></div>
<br>
    <$blogitembody$>
    </blogger>

<center>
<a style="float:left" href=<$NewerPosts$>><span>&larr;</span> Newer Post</a>
<a style="float:right" href=<$OlderPosts$>>Older Post <span>&rarr;</span></a>
<br><br>
</div>

<div id="links" style="display: none;">
<div class="h1">Exhange Links and Credit</div>  <br> 
<div style=" text-align:left;background: #ffffff; width: 730px;height:250px; padding: 5px; text-align: left;">
<a class="linkies" href="LINK">lissa</a>
<a class="linkies" href="LINK">jane</a>
<a class="linkies" href="LINK">rose</a>
<a class="linkies" href="LINK">soyeon</a>
<a class="linkies" href="LINK">hyomin</a>
<a class="linkies" href="LINK">juniel</a>
<a class="linkies" href="LINK">alice</a>
<a class="linkies" href="LINK">sunny</a>
<a class="linkies" href="LINK">gummy</a>
<a class="linkies" href="LINK">illa</a>
<a class="linkies" href="LINK">bomi</a>
<a class="linkies" href="LINK">hyorin</a>
<a class="linkies" href="LINK">soyeon</a>
<a class="linkies" href="LINK">hyomin</a>
<a class="linkies" href="LINK">juniel</a>
<a class="linkies" href="LINK">illa</a>
<a class="linkies" href="LINK">bomi</a>
<a class="linkies" href="LINK">hyorin</a>
<a class="linkies" href="LINK">soyeon</a>
<a class="linkies" href="LINK">hyomin</a>
<a class="linkies" href="LINK">gummy</a>
<a class="linkies" href="LINK">illa</a>
<a class="linkies" href="LINK">bomi</a>
<a class="linkies" href="LINK">hyorin</a>
<a class="linkies" href="LINK">soyeon</a>
<a class="linkies" href="LINK">hyomin</a>
<a class="linkies" href="LINK">juniel</a>
<a class="linkies" href="LINK">illa</a>
<a class="linkies" href="LINK">bomi</a>
<a class="linkies" href="LINK">hyorin</a>
<a class="linkies" href="LINK">soyeon</a>
<a class="linkies" href="LINK">hyomin</a>
<a class="linkies" href="LINK">hyomin</a>
<br/><br/>
<b>Designer by:</b> <a href="http://sweet-littlebear.blogspot.com/">Aina Najihah</a><br/>
    <b>Inspired by:</b> <a href="http://www.blogskins.com/me/rearrange">rearrange</a><br/>
    <b>Images:</b> <a href="http://weheartit.com/">We Heart It</a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <br/><br/>
    </body>
    </html>
  • kalau jadi save kalau tak jadi comment
maklumlah masih teruk dalam coding-mengoding

<html><head>
<script type='text/javascript'>    document.ondragstart = function () { return false; }; </script>
<title>Anne;</title>
<link href="http://fonts.googleapis.com/css?family=Vidaloka" rel="stylesheet" type="text/css">

<style type="text/css">
body { background-color: #FFFFFF; -webkit-user-select:none;-moz-user-select:none;}
::-moz-selection { color: #98D4DC; background-color: #CCEAEE; }

/* -- GENERAL LINKS -- */

a {text-decoration:none;
color: #D1CAB4;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}

a:hover {transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease; color: #E4FCCC;}

a.sidelink, .headings { width:50px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;font-family: consolas; font-size: 8px; letter-spacing: 4px; color: #666; background-color: #fff;border-bottom:1px solid #f1f1f1; text-decoration: none; text-transform: uppercase; display:inline block; margin: 1px 0; padding:4px; text-align: center; }

a.sidelink:hover, .headings:hover { transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;letter-spacing: 4px; text-decoration: none; cursor: pointer; margin-bottom: 0px;}

.nav { font-family: arial; font-size: 11px; line-height: 11px;  color: #FFFFFF!important; background-color: #3C3834; width: 75px; padding: 5px; display: inline-block; margin: 1px; text-align: center; cursor: default; }

.header { background-color: #FFFFFF; width: 870px; padding: 2px; }

td#sidebar, table { letter-spacing:1px;font-family: calibri; font-size: 11px; line-height: 17px; color: #777777; text-align: justify; }

.blog { font-family: 'calibri'; font-size: 100px; line-height: 120px; letter-spacing: 0px; color: #555555; text-transform: uppercase; margin-bottom: -10px; margin-top: -10px;}

.title { font: normal 10pt 'Vidaloka'; color: #555; line-height: 25px; border-bottom: 1px solid #EEEEEE; text-transform: lowercase; padding: 1px; margin-bottom: 5px; }

.date { font-family: trebuchet ms; font-size: 7px; line-height: 40px; color: #FFFFFF; background-color: #98D4DC; text-transform: uppercase; width: 40px; height: 40px; border-radius:500px; text-align: center;}

.date:hover {color: #FFFFFF; background-color: #F5859D;}

.date a, .date a:hover { color: #FFFFFF; background-color: transparent;}

.side {
border-bottom:1px solid #f5f5f5;
    color:#fff;
letter-spacing:1px;
    font-family: arial black;
    text-transform: uppercase;
margin-bottom:8px;
text-align:right;
    line-height: 100%;
    padding-bottom: 4px;
    padding-top: 5px;
    padding-right: 4px;
      -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), center  url(http://i.imgur.com/OETreU9.png); /*section four title background*/
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    font-size:20px;
    }

/* -- BLOCKQUOTE -- */

blockquote img {max-width: 100%;}

blockquote {-webkit-user-select:text; font-style:italic;text-align: left; border: #eee 1px solid; padding: 8px; background-color: #ffffff;background:url(http://i.imgur.com/t4RgRAL.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:130px;}

big { font-family: consolas; color: #F5859D; font-size: 22px; line-height: 18px; letter-spacing: -3px; text-transform: uppercase; font-weight: normal; }

b, strong { color: #000000; text-transform: uppercase; }
i, em { color: #F5859D; }
s, strike { color: #CCCCCC; }
u { border-bottom: 2px solid #98D4DC; text-decoration: none; }

small, sub, sup { letter-spacing: .5px;}

img { border: none; filter: alpha(opacity=100); moz-opacity:1.0; opacity:1.0; transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease; }
img:hover { transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;border: none; filter: alpha(opacity=80); moz-opacity:.80; opacity:.80 ; }

.blogger-labels { font-size: 10px; line-height: 10px; letter-spacing: 0px; color: #C4C4C4; font-style: italic; text-transform: lowercase; text-align: right; border-top: 1px solid #EEEEEE; padding: 3px; margin-top: 12px; margin-bottom: 3px; }

.footer { font-size: 9px; line-height: 9px; color: #777777; border-top: 1px solid #E4E2D4; text-transform: uppercase; text-align: center; width: 615px; padding: 5px; }
#navbar-iframe { display: none; }


/* Top Bar */


.tupperware {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 42px;
    background: #f9f9f9;
    border-bottom: 4px solid #fff;
    text-align: center;
    z-index: 999;
box-shadow: 3px 3px 10px #f5f5f5;

}


#basiclinks {
    display: inline-block;
    text-align: center;
    font-family: trebuchet ms;
    font-size: 8px;
    text-transform: uppercase;
    word-spacing: -4px;
    letter-spacing: 2px;
    margin-top: 14.5px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}

#basiclinks a {
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
    color: #777;
    line-height: 8px;
    padding: 0px 10px 10px 10px;
    border-bottom: 4px solid #B8E4F2;
}

#basiclinks a:hover {
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
    color: #E3FFB5;
    text-decoration: none;
    border-bottom: 4px solid #E3FFB5;
}


/* Pagination */


#pages {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #FFF;
    padding: 8px;
    font-size: 16px;
    line-height: 16px;
    font-family: helvetica;
    font-weight: bold;
    text-align: center;
    color: #CCC;
    letter-spacing: 0px;
}
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
.box      {background:#fff;color:#aa98aa;margin-top:-7px;margin-bottom:5px;padding:7px;}

#current {
    color: #666;
    background: none;
    padding: 0px 3px 0px 3px;
    display: inline-block;
}

.table img {
max-width: 500px;
max-height: auto;
}
#sidebar img {
max-width: 600px;
max-height: auto;
}
#table img {
max-width: 640px;
max-height: auto;
}

#title {
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    color: #000000; /*header title color*/
}


/* -- SCROLLBAR CHROME & SAFARI -- */

::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 10px;
display: block;
background: #fff;
border: 1px solid #dedede
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #dedede}

#pages a {
    text-decoration: none;
    padding: 0px 3px 0px 3px;
    margin-left: 1px;
    margin-right: 1px;
    display: inline-block;
    color: #CCC;
}


#pages a:hover {
    color: #777;
}


.post { background-color: #EEEEEE; width: 619px!important; height: auto!important; padding: 3px; text-align: center; }

.post:hover { background-color: #E5E5E5; background-image: url(http://i50.tinypic.com/rr1kw8.jpg); border: none; width: 619px!important; height: auto!important; padding: 3px; }

#menuh { font-family: cambria; display:inline-block; font-size: 12px; line-height: 11px; letter-spacing: 0px; background-color: #FFFFFF; text-transform: lowercase; text-align: center!important; width:100%; float:left; margin: 2px; padding: 1px; margin-top: 1px; width: 872px!important; margin-bottom: 8px; margin-left: -2px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}

#menuh a { text-align: center; display:inline-block; border: 0px; white-space:nowrap; margin: 0px; padding: 9px; }
#menuh a:link, #menuh a:visited, #menuh a:active/* menu at rest */ { color: #717171; background-color: #FFFFFF; text-align: center; text-decoration:none; }

#unit {
   color: #fff; /*section two title color*/
    margin-top: 30px;
    font-size: 120px;
    line-height: 100px;
positon:fixed;
    letter-spacing: -10px;
margin-bottom:-120px;
    font-family: Arial Black;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), center  url(http://i.imgur.com/IRGIZgo.png); /*section two title background*/
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
}



#menuh a:hover/* menu at mouse-over  */ { color: #F5859D; background-color: #FEEEF1; text-decoration:none; }
#menuh ul { list-style:none; margin: 2px; padding: 1px; float:left; text-align: center; width:75px;/* width of all menu boxes */ }
#menuh li { position:relative; min-height: 1px; /* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */ }
#menuh ul ul { position:absolute; z-index:500; top:auto; display:none; padding: 1em; margin:-1em 0 0 -1em; }
#menuh ul ul ul { top:0; left:100%; }
div#menuh li:hover { cursor:pointer; z-index:100; }
div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul { display:none; }
div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul { display:block; }


</style><script>function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

</style></head>
</head>


<body>

 
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".contents").hide();
//toggle the componenet with class msg_body
jQuery(".heading").click(function()
{
jQuery(this).next(".contents").slideToggle(950);
});});
</script>

<div align="center"><table cellpadding="10" cellspacing="0"><tr>
<div class="header"><center></center>
<div class="tupperware">
<div id="menuh-container" style="text-align: center;"><div id="basiclinks"><center>
<a href="/" target="blank">Entry</a>
<a href="URL" target="blank">Profile</a>
<a href="URL" target="blank">Extra</a>
<span id="title">Panorama</span>
<a href="URL" target="blank">Stuff</a>
<a href="URL" target="blank">Affies</a>
<a href="URL" target="blank">Affies</a>
</div></div></center></div>
</br></br>

<div id="unit">PANORAMA.</div>


<td id="sidebar" valign="top" width="625">
<Blogger>
<table style="font-size: 11px; line-height: 11px;" align="center" border="0" cellspacing="0" width="100%">
<tbody><tr>
<td valign="top" width="30">
<div class="date"><a href="<$BlogItemPermalinkURL$>" class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></a></div>
</td>
<td valign="top" width="595">
<div class="title"><img src="http://media.tumblr.com/254442da7310b3401c694c9561c6955b/tumblr_inline_mjs0aziFxQ1qdlkyg.gif"/> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle> ♡ </div>
</td></tr></tbody></table>
<$BlogItemBody$><br>

</Blogger>


<div class="footer"><center>
<table style="font-size: 10px; line-height: 11px; text-transform: lowercase;" width="100%" align="center" border="0" cellspacing="0">
<tbody><tr>
<td valign="top" width="208.33" style="text-align: left;">
<olderposts><a class="prev" href=<$olderposts$>>« older posts</a></olderposts>
</td>
<td valign="top" width="208.33" style="text-align: center;">
<a href="#">back to the top</a>
</td>
<td valign="top" width="208.33" style="text-align: right;">
<newerposts><a class="next" href=<$newerposts$>>newer posts »</a></newerposts>
</td></tr></tbody></table></br><br><br><br><br><br><br><br>

<td id="sidebar" valign="top" width="225">
<div class="side">profile.</div>
<img src="http://media.tumblr.com/1da027005e8f875f35a0e9ac0befa743/tumblr_inline_muenogaciN1qdlkyg.gif" style=" float: left; margin-top:2px;margin-right: 3px; padding: 2px;" /><div style="background:#f9f9f9;width:210px;border-radius:4px;padding:5px;font-family: calibri; font-size: 8px; letter-spacing: 1px; text-transform: uppercase;">SHUT UP, PISS OFF. YOUR BLACKENED INTENTIONS ARE SO OBVIOUS. I’M NOT SO INNOCENT ANYMORE. YOU TRAMPLED ON MY LOVE AND LAUGHED. THE REASON I BECAME A WITCH, IS YOU. </br></br>
</div>
</div>
<br>
</br>

<div class="side">archives.</div>
<center>
<img style="width:60px;border-radius:2000px;border:1px solid #f1f1f1;background:#fafafa;padding:6px;" src="http://i.imgur.com/QrL82HN.png">
<img style="width:60px;border-radius:2000px;border:1px solid #f1f1f1;background:#fafafa;padding:6px;" src="http://i.imgur.com/DYkAKi0.png"></center>
<div class="box">
<style>
#askboxes2 a {font:8px;font-family: handy;display:inline-block;width:40%;font:8px handy;padding:3px;text-align:center;background:#C2E4ED;color:#fff;border:1px solid #C2E4ED;border-radius:2px;margin:1px;box-shadow: inset 1px 1px 2px #fff;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}
#askboxes2 a:hover {font:8px handy;display:inline-block;width:40%;padding:3px;text-align:center;background:#fff;color:#999;border:1px solid #f1f1f1;border-radius:2px;margin:1px;box-shadow: inset 1px 1px 2px #f6f6f6;transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}
#beep a {background:#F5C9EA;color:#fff;border:1px solid #EDC2E2;border-radius:3px;font:8px tt;text-transform:uppercase;padding:3px;margin:1px;display:inline-block;width:50px;text-align:center;}
#beep a:hover {background:#DDCFFC;color:#fff;border:1px solid #D8CBF5;border-radius:3px;font:8px tt;text-transform:uppercase;padding:3px;margin:1px;display:inline-block;width:50px;text-align:center;}
@font-face {font-family:"Pf Arma Five";src:url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf');}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style>

<div id="askboxes2" class="h3">
<center>
<a onclick="document.getElementById('saa').innerHTML=document.getElementById('5').innerHTML">title</a>
<a onclick="document.getElementById('saa').innerHTML=document.getElementById('6').innerHTML">month</a>
</center>
</div>
<div id="saa" style="margin-top:3px;"><div id="tag" style="height:80px;overflow:auto;">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div style="font-style:italic;font-size:9px;border-bottom:1px solid #f1f1f1;padding:3px; padding-left:14px;">
<li><$BlogPreviousItemTitle$></li></div>
</a>
</BloggerPreviousItems></div></div>

<div id="5" style="display:none;"><div id="tag" style="height:80px;overflow:auto;">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div style="font-style:italic;font-size:9px;border-bottom:1px solid #f1f1f1;padding:3px; padding-left:14px;">
<li><$BlogPreviousItemTitle$></li></div>
</a>
</BloggerPreviousItems></div></div>

<div id="6" style="display:none;"><div id="tag" style="height:80px;overflow:auto;">
<div style="font-size:9px;font-style:italic;padding:3px; padding-left:14px;">
<BloggerArchives><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br></BloggerArchives></div></div>
</div></div>

<div class="side">LINKS</div>
<center>
<img style="width:60px;border-radius:2000px;border:1px solid #f1f1f1;background:#fcfcfc;padding:6px;" src="http://ic.pics.livejournal.com/sojun/44943879/38785/38785_100.png">
<img style="width:60px;border-radius:2000px;border:1px solid #F1f1f1;background:#fcfcfc;padding:6px;" src="http://ic.pics.livejournal.com/sojun/44943879/39984/39984_100.png"></center>
<center>
<div id="beep">
<a href="URL">askbox</a>
<a href="URL" target="_blank" title="facebook">Facebook</a>
<a href="URL" target="_blank" title="twitter">twitter</a></center>
<center>
<div id="beep">
<a href="URL" target="_blank" title="tumblr">tumblr</a>
<a href="URL" target="_blank" title="Ask.Fm">ask.fm</a>
<a href="URL" target="_blank" title="Artwork">artwork</a></br>
</center>
</div></div></br>

<div class="side">Credits</div>
<center>Theme from <a href="http://sweet-littlebear.blogspot.com/">AinaNajihah</a> © Kaiirex<br>
<br><br>
<center>
<img src="http://media.tumblr.com/tumblr_m33x75JVQ21qdlkyg.gif" style=" " /></center>

</div></td>
</br></br></br></br></br></br></br></br>
</td>
</tr></table></div></body></html>
<script language=JavaScript>
<!--//Disable right mouse click Script
//By Dynamicdrive (renigade@nsimail.com)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE4(){
if (event.button==2){return false;}}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("return false")// -->
</script>