©

CODES


<html>
<head><link href='http://media.tumblr.com/tumblr_m89t0uY6311qdlkyg.gif' rel='icon' type='image/x-icon'/>
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&v1' rel='stylesheet' type='text/css'>
<title>twilight</title>

<style type="text/css">
body{
background:url(http://1.bp.blogspot.com/-CYl4vUks7VI/Tim3pkxtsfI/AAAAAAAABOQ/CxNSvNdfifY/s1600/wana.png); fixed; color:#777;
font: 11px  arial;letter-spacing: 1px;
cursor:url(http://i.imgur.com/quV7U.gif);
}


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

a:hover{
border-bottom:1px dashed #000;
}

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

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

u{
text-decoration:none;
border-bottom:2px solid #e5dada;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

u:hover{
border-bottom:2px solid #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

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

::-webkit-scrollbar-thumb{
background:#EFE0FF;
border-radius:10px;
}

::-webkit-scrollbar {
width:6px;
height:auto;
background:#ffffff;
}

#navbar-iframe {
display: none !important;
}

a.lol {
border-left: 1px solid #f2f2f2;
margin-left: 0px;
margin-top: 3px;
margin-bottom: 4px;
text-align: center;
width: 99px;
background: #fff;
display: inline-block;
color:#555;
font:normal 10px 'ms gothic';
text-transform: uppercase;
letter-spacing: 2px;
padding:6px;
filter: alpha(opacity = 80);
opacity:.8;
-moz-transition-duration: 1s;-
webkit-transition-duration: 1s;
}

.post{
width:440px;
padding:10px;
background:#fff;
position:absolute;
top:20px;color:#999;
left:170px;}

.title {
line-height:15px;text-transform:uppercase;
color:#000;-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:Yanone Kaffeesatz;
margin-bottom:5px;
font-size:24px;
text-align:right;
padding-right:0px;
}

@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 100;
src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');
}

a.jeonjin1{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;!important;
color:#666;text-align:left;font-size:11px;
width:310px;background-size:14px;border:none !important;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.jeonjin1:hover{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;!important;
color:#666;text-align:left;
width:310px;background-size:14px;border:none !important;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.border2 {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:left;
background:transparent;
width:200px;
color:#aaa;
padding:2px;
border:1px solid #E7F6CF;
border-left:20px solid #E7F6CF;
text-decoration:none;
}
a.border2:hover{
border-left:1px solid #E7F6CF;
border:1px solid #E7F6CF;
border-right:20px solid #E7F6CF;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_m89rmpKOEf1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:3px solid #F2FAE1;
margin:0em;
padding:5px;
color:#666;
}

.h1 {
text-transform:lowercase;
background:url(http://i.imgur.com/BCwCX.png);
color:#bbb;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
font-size:12px;
line-height:20px;
text-align:right;
padding-right:0px;
border:1px solid #FFEEEE;
}

.date{
font-family:tt;
font-size:8px;
background:#eee;
margin-bottom:10px;
}

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


#main img{max-width:680px;padding:3px;margin-bottom:5px;border:1px solid #ddd;

}

a.you{
background:#fff;
width:23px;}

.post-footer{
text-align:right;
color:#fff;
height:5px;
font-size:13px;
margin:15px 0px 15px;
line-height:2px;
background:url(http://i.imgur.com/0dBoN.png);
}

.titeul {
margin-bottom:15px;
font-size:18px;
font-family: 'Cedarville Cursive', arial, serif;
line-height:15px;
text-align:center;
}

.maira1{width:310px;top:125px;right:950px;border:1px solid #eee;position:fixed;padding:4px;background:url(http://i.imgur.com/SvC2mjD.gif);}

.maira2{width:310px;top:290px;right:950px;border:1px solid #eee;position:fixed;padding:4px;background:url(http://i.imgur.com/SvC2mjD.gif);}

.maira3{width:310px;top:440px;right:950px;border:1px solid #eee;position:fixed;padding:4px;background:url(http://i.imgur.com/SvC2mjD.gif);}

.maira4{width:310px;top:575px;right:950px;border:1px solid #eee;position:fixed;padding:4px;background:url(http://i.imgur.com/SvC2mjD.gif);}

a.oldernewer{
color:#fff;
background:#EFE0FF;
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:80px;
margin:2px;
text-align:center;margin-bottom:15px;
}

blockquote{
padding:10px;
display:block;
font:11px arial;
color:#ccc;
letter-spacing:1px;
border-radius:10px;
border:2px solid #EFE0FF;
-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;
background-position:0% 0%;
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-size:0px;
}

blockquote:hover{
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:80px;
color:#777;
}

a.navi{
width:50px;
padding:4px;
margin:2px;
background:#eee;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
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) ;
}

.navi:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}

</style>
<div style="position:fixed; top:50px; left:100px;  width:300px; "><center><span class="titeul" style="color:#FFC0C0; font-size:30px; line-height:50px;">Twilight ♥</span><br/>

<img src="http://3.bp.blogspot.com/-C5dbwGBkIow/UfLu3xb0VFI/AAAAAAAAGxs/Q5ugNuD_MWc/s1600/uxITt.png"/>
<div class="maira1">
<center><img src="http://media.tumblr.com/3935a68fcb59b8605b03cf5e0d32e314/tumblr_inline_mq6di8iL6S1qz4rgp.gif" width="194" height="78"></center>Hello. I'm Alien. I love to eat human. Change this with ur own word. This template made by Umi Humaira. Do not remove credit. Thank you.</div></div>

<div class="maira2">
CHANGE THIS SECTION WITH YOUR OWN CBOX. PLEASE PUT YOUR HTML CODES CBOX HERE. THANK YOU.
</div>

<div class="maira3">
<div style="background:transparent; width:290px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:90px; ">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div></div></center></div></div>

<div class="maira4">
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
    <param name="bgcolor" value="#ffffff" />
    <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/78603asyq2/nothing_s_gonna_change_my_love_for_you_westlife_-the_love_album_www.dilandau.eu.mp3&amp;loop=1&amp;autoplay=1&amp;showstop=1&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=EFE0FF&amp;buttonovercolor=EFE0FF&amp;slidercolor1=EFE0FF&amp;slidercolor2=EFE0FF&amp;sliderovercolor=EFE0FF" />
</object></center></div></div>

<div style="background:url(http://i.imgur.com/SvC2mjD.gif);width:700px;padding:10px;position:absolute;top:40px;left:450px;border:1px solid #eee;"><center><img src="http://4.bp.blogspot.com/-Mn7g7t477bc/UeGr9-__CeI/AAAAAAAAGxI/770Vf3Pwogc/s1600/tww.png" width="693" height="188"></center></div>

<div style="background:url(http://i.imgur.com/SvC2mjD.gif);width:700px;padding:10px;position:absolute;top:243px;left:450px;border:1px solid #eee;">
<a class="lol"  onClick="document.getElementById('main').innerHTML=document.getElementById('a').innerHTML" title="">ABOUT</a>
<a class="lol"  onClick="document.getElementById('main').innerHTML=document.getElementById('b').innerHTML" title="">ENTRY</A>
<a class="lol"  onClick="document.getElementById('main').innerHTML=document.getElementById('c').innerHTML" title="">LINKS</a>
<a class="lol"  onClick="document.getElementById('main').innerHTML=document.getElementById('d').innerHTML" title="">TUTORIAL</a>
<a class="lol"  onClick="document.getElementById('main').innerHTML=document.getElementById('e').innerHTML" title="">SKINS</A>
<a class="lol"   href="http://www.blogger.com/follow-blog.g?blogID=809010707573384555" >Follow</A>
</div>

<div style="background:url(http://i.imgur.com/SvC2mjD.gif);width:700px;padding:10px;position:absolute;top:285px;left:450px;border:1px solid #eee;"><div id="main"><blogger>
<div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> | Written by Maira <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$BlogItemBody$>

<div class="post-footer"></div>

<div style="float:left;"><a class="oldernewer" href=<$NewerPosts$>>NEWER POST</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="oldernewer" href=<$OlderPosts$>>OLDER POST</a> </OlderPosts></div><div style="clear:both;"></div>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:680px; padding:5px;margin-top:20px;border:4px solid #fff;6px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>

  </blogger>

<!------------ NAVIGATE 1-------------->
<div id="a" style="display: none; " ><div class="title">About</div>
<div class="date">You know me</div>

Change this site with ur own.
<br><br>


</div></div>

<!------------ NAVIGATE2-------------->
<div id="b" style="display: none; " ><blogger>
<div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> | Written by Maira <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$BlogItemBody$>

<div class="post-footer"></div>

<div style="float:left;"><a class="oldernewer" href=<$NewerPosts$>>NEWER POST</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="oldernewer" href=<$OlderPosts$>>OLDER POST</a> </OlderPosts></div><div style="clear:both;"></div>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:680px; padding:5px;margin-top:20px;border:4px solid #fff;6px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>

</blogger>

<!------------ NAVIGATE3-------------->
<div id="c" style="display: none; " ><div class="title">Linkies</div>
<div class="date">You are my heart</div>
<center>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
</center>
</div>

<br/><br/>

<!-------------page 4 ------------->
<div id="d" style="display: none;"><center>

<div class="h1">Tutorial</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href=""></a><br><br>

<div class="h1">Tutorial</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
</br>
</div></td>

<!-------------page 5 ------------->
<div id="e" style="display: none;"><center>
<div class="h1">Blogskins</div>

<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<br><br>

<div class="h1">Pages / Codes</div>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
<a class="border2" href="">COMING SOON</a>
</div>

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