code: December 2014

<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; }

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

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

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

*html #fade {
position: absolute;
}

*html .popup_block {
position: absolute;
}

</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>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script>

$(document).ready(function() {

//

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

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

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

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

//Pull Query & Variables from href URL

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

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

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

//Fade in the Popup and add close button

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://www.movietimefun.com/wp-content/themes/covertvideopress/images/close.png" class="btn_close" title="Close Window" alt="Close" /></a>');

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

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

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

//Apply Margin to Popup

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

'margin-top' : -popMargTop,

'margin-left' : -popMargLeft

});

//Fade in Background

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

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

return false;

});

//Close Popups and Fade Layer

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

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

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

});

return false;

});

});

</script>
</head>

<body>

</div>

<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="#?w=500" rel="profile" class="poplight">
Profile
</a>
<a href="#?w=500" rel="extra" class="poplight">
Extra
</a>
<span id="title">Panorama</span>
<a href="#?w=500" rel="stuff" class="poplight">
Stuff
</a>
<a href="URL" target="blank">link1</a>
<a href="URL" target="blank">Link2</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 id="profile" class="popup_block">
your profile here
</div>

<div id="extra" class="popup_block">
your extra page is here
</div>

<div id="stuff" class="popup_block">
put your stuff here
</div>

</div></td>
</br></br></br></br></br></br></br></br>
</td>
</tr></table></div></body></html>
<script language=JavaScript>

</script>