thwmw

<html>

<head>

<META name="text:LINK 1" content="LINK 1">

<META name="text:LINKURL 1" content="">

<META name="text:LINK 2" content="LINK 2">

<META name="text:LINKURL 2" content="">

<META name="image:avatar" content="https://instagram.com/p/sRMl_0oSNN_Lr7RhIL9-k4yn-LofUxcvO0P-40/?taken-by=pipitrianingsih">

<div style="position: absolute; top:0px; right: 0px; width:100%; border-radius:2px; position:fixed; padding:3px;

background:#FFF7A0; color:#695141; font-size:11px;">

<div style="text-align: center;">

<b style="color: #FF8C7C;"><b style="color: #FF8C7C;"></b>

</div>

<a title="" target="_blank" href="" style="position: fixed; top: 25px; right: 5px;""></a>

</div><title>{title}</title><link rel="shortcut icon"

href="http://media.tumblr.com/tumblr_lzzoloOuMu1qeah2r.png" alt="emoticon06" title="emoticon06"><link

href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic015demoji_8346430decoojp.gif"

alt="emoticon06" title="emoticon06' rel='stylesheet' type='text/css'>

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

<script type="text/javascript" src="http://static.tumblr.com/orjkw5s/0jLlzzwvm/scrolltotop.txt"></script>

<div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) {return;}

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-24212500-1']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<script type="text/javascript"> var menu=new menu.dd("menu"); menu.init("menu","menuhover"); </script>

<script type="text/javascript">$('div.hidden').hide();</script>

<script type="Text/JavaScript">

var x;

function showDiv(x) {

if (x==1) {

spoiler.style.display = "block";

nospoiler.style.display = "none";

}else{

spoiler.style.display = "none";

nospoiler.style.display = "block";

}

}

</script>

<p style=" position: absolute; bottom: 0; left: 0; width: 100%; text-align: right;">

<div id="spoiler" style="display:none; position: fixed; bottom: 0; right: 0; float: right; width: 20%; text-align: right;">

</div>

</p>

<style type="text/css">

#navbar-iframe {

display: none;

}

body {

background:url(http://media.tumblr.com/tumblr_lzzkcmrjcV1qeah2r.png);

font-family: maiandra GD;

font-size:8pt;

letter-spacing:1px;

color:#000000;

background-attachment:fixed;

cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi270.ani), url(http://cur.cursors-4u.net/smilies/smi-3/smi270.gif), auto;

}

a:link, a:visited {

color: #FF6D64;

text-decoration:none;

}

a:hover {

color:#000000;

padding:0px;

border-bottom:1px dashed #6A5143;

cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

}

.page {

background:#ffffff;

color:#000000;

padding:8px;

width:600px;

font-family: Segoe Print;

font-size:12pt;

letter-spacing:1px;

border-radius:10px;

text-align:left;

box-shadow:0px 0px 10px #7d95a8;

}

.title {

background:url('');

margin-bottom:2px;

font-style:bold;

text-align:left;

color:#000000;

font-family: Blackadder ITC;

font-size:14pt;

letter-spacing:1px;

font-size:14px;

padding:5px;

width:500px;

height:19px;

}

.titlea {

background:url('http://media.tumblr.com/tumblr_lzzq68xgmT1qeah2r.png');

margin-bottom:2px;

font-style:bold;

text-align:left;

color:#000000;


font-size:8pt;

letter-spacing:1px;

font-size:14px;

padding:5px;

width:500px;

height:19px;

}

.titleb {

background:url('http://media.tumblr.com/tumblr_lzzq83A3BV1qeah2r.png');

margin-bottom:2px;

font-style:bold;

text-align:left;

color:#000000;


font-size:8pt;

letter-spacing:1px;

font-size:14px;

padding:5px;

width:500px;

height:19px;

}

.titlec {

background:url('http://media.tumblr.com/tumblr_lzzqau7wMe1qeah2r.png');

margin-bottom:2px;

font-style:bold;

text-align:left;

color:#000000;


font-size:8pt;

letter-spacing:1px;

font-size:14px;

padding:5px;

width:500px;

height:19px;

}

.title1 {

background:url('http://media.tumblr.com/tumblr_m1zyui72Xp1qeah2r.png');

margin-bottom:2px;

font-style:normal;

text-align:center;

color:#000000;

font-family:Blackadder ITC;

letter-spacing:1px;

font-size:14px;

padding:5px;

width:230px;

height:19px;

}

.title2 {

background:url('http://media.tumblr.com/tumblr_m1zysjFsp01qeah2r.png');

margin-bottom:2px;

font-style:normal;

text-align:center;

color:#000000;


letter-spacing:1px;

font-size:14px;

padding:5px;

width:230px;

height:19px;

}

.title3 {

background:url('http://media.tumblr.com/tumblr_lzypxgYwyK1qeah2r.png');

margin-bottom:2px;

font-style:normal;

text-align:center;

color:#000000;


letter-spacing:1px;

font-size:14px;

padding:5px;

width:230px;

height:19px;

}

.title4 {

background:url('http://media.tumblr.com/tumblr_lzzr86NAU61qeah2r.png');

margin-bottom:2px;

font-style:normal;

text-align:center;

color:#000000;


letter-spacing:1px;

font-size:14px;

padding:5px;

width:230px;

height:19px;

}

.comment {

font-style:normal;

font-family: Maiandra GD;

font-size:8pt;

margin-top:.5em;

margin-bottom:2em;

}

blockquote {

color:#000000;

background:url('');

border:1px dashed #6A5143;

padding:8px;

border-radius:10px;

}

blockquote:hover {

background:url('');

border-top:1px dashed #6A5143;

border-bottom:1px dashed #6A5143;

border-left:7px solid #6A5143;

border-right:7px solid #6A5143;

padding:8px;

-moz-border-radius: 3em 3em 3em 3em;

border-radius: 3em 3em 3em 3em;

}

.sidebar1 {

padding:10px;

border-radius:5px;

background:#FFF7A0;

border:4px solid #6A5143;

}

.sidebar2 {

padding:10px;

border-radius:5px;

background:#FFB4A0;


}

.sidebar3 {

padding:10px;

border-radius:5px;

background:#B9E7A7;


}

.sidebar4 {

padding:10px;

border-radius:5px;

background:#D5DBF2;


}

u {

text-decoration:none;

border-bottom:2px solid #6A5143;

color:#000000;

padding:2px;

}

.hallo {

text-align:center;

margin-top: 190px;

}

</style>

<script language="javascript" type="text/javascript">

/* toggle() checks to see if the images has already been faded

or not and sends the appropriate variables to opacity(); */

function toggle(el,milli) {

// Get the opacity style parameter from the image

var currOpacity = document.getElementById(el).style.opacity;

if(currOpacity != 0) { // if not faded

fade(el, milli, 100, 0);

} else { // else the images is already faded

fade(el, milli, 0, 100);

}

}

/* changeOpacity() uses three different opacity settings to

achieve a cross-browser opacity changing function. This

function can also be used to directly change the opacity

of an element. */

function changeOpacity(el,opacity) {

var image = document.getElementById(el);

// For Mozilla

image.style.MozOpacity = (opacity / 100);

// For IE

image.style.filter = "alpha(opacity=" + opacity + ")";

// For others

image.style.opacity = (opacity / 100);

}

/* fade() will fade the image in or out based on the starting

and ending opacity settings. The speed of the fade is

determined by the variable milli (total time of the fade

in milliseconds)*/

function fade(el,milli,start,end) {

var fadeTime = Math.round(milli/100);

var i = 0; // Fade Timer

// Fade in

if(start < end) {

for(j = start; j <= end; j++) {

// define the expression to be called in setTimeout()

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

// setTimeout will call 'expr' after 'timeout' milliseconds

setTimeout(expr,timeout);

i++;

}

}

// Fade out

else if(start > end) {

for(j = start; j >= end; j--) {

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

setTimeout(expr,timeout);

i++;

}

}

}

</script>

<div class="hallo" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById

('june').style.display=''">

<img src="http://media.tumblr.com/tumblr_m200tk3fQM1qeah2r.png"

style="opacity:0.4;filter:alpha(opacity=40)"

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>

</div>

<a class="navi" href="/archive" title="archive"><img border="0" src="http://media.tumblr.com/tumblr_m1zxzjYV231qeah2r.png" /></a></center><br>

<div class="sidebar1">

<div class="title2"></div>

<center><img src="{image:avatar}" width="220"></img><p>{block:Description}

<p id="description">{Description}</p>

{/block:Description}</p></center>

</div>

<br>


<div class=" a "></div>

<center>

<strong><a href="{text:LINKURL 1}">{text:LINK 1}</a><br>

<a href="{text:LINKURL 2}">{text:LINK 2}</a><br>

</strong>

</center>

</div></div><br>


<div class="ME !"></div>

<center>Don't Confuse my personality with my attitude. My personality is who I am, and My attitude depends on who you are.

</center>

</div></div>

</div>

<br>


<div class="about me"></div>

<center>i it's me ! My Name Is Pipit Pitrianingsih | Fighting Dreamers| Blue Buff | Ice Cream Addict | Refrigeration and Air Conditioning Engineering | POLBAN 2011</center>

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

</div>

</td>

<td valign="top" style="width:550px; padding:10px; border-radius:10px; border:4px solid #6A5143;background:#FFE0D8;">

<div id="pages">

<blogger><div class="title">

</div>

<div class="comment"><div id="main"><br>{block:IfShowBlogTitle}<br><br><br><br><br>{/block:IfShowBlogTitle}

{block:Posts}

{block:Text}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 5px 5px 5px 5px;">

{block:Title}

<a href="{Permalink}"><div class="header">{Title}</div></a>

{/block:Title}

<p>{Body}</p>

</li>

<div class="tumblrdate">

<div style="float:right;">

<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this post</a>

{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}

</div>

<div style="float:left;">

{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>

{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>

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

</div><br>{/block:Text}

{block:Photo}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 0px 1px 0px 1px;">

<br>{LinkOpenTag}<img id="pic" style="border:0px solid #eee" src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{LinkCloseTag} <br>

{block:Caption}

<p>{Caption}</p>

{/block:Caption}

</li>





</div>





</div><br>

{/block:Photo}

{block:Quote}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 5px 5px 5px 5px;">

<p class="qcontainer">

<span class="quote"><div class="header">“{Quote}”</div></span>

{block:Source}

<span class="source"><br><i>{Source}</i></span>

{/block:Source}

</p>

</li>





</div>





</div><br>

{/block:Quote}

{block:Link}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 5px 5px 5px 5px;">

<a href="{URL}" id="postlink" {Target}><div class="header">{Name}→</div></a>

{block:Description}

<p>{Description}</p>

{/block:Description}

</li>





</div>





</div><br>

{/block:Link}

{block:Chat}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 5px 5px 5px 5px;">

{block:Title}

<a href="{Permalink}"><div class="header">{Title}</div></a>

{/block:Title}

<ul class="chat">

{block:Lines}

<li class="{Alt}">

{block:Label}

<span class="label">{Label}</span>

{/block:Label}

{Line}

{/block:Lines}

</ul>

</li></li>





</div>





</div><br>

{/block:Chat}

{block:Video}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 5px 5px 5px 5px;">

{Video-500}

{block:Caption}

<p>{Caption}</p>

{/block:Caption}

</li>





</div>





</div><br>

{/block:Video}

{block:Audio}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 5px 5px 5px 5px;">

<div style="width:500; height:80; background:transparent; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;padding: 0px 5px 2px 5px;"><br>{block:AlbumArt}<img src="{AlbumArtURL}" align="left" width="150px" height="100px" />{/block:AlbumArt} <div style=" height:60px; background: transparent; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;"><br>{AudioPlayerwhite}<div class="tumblrdate"></center>{block:TrackName}<span><strong>Title</strong>: {TrackName}</span>{/block:TrackName}<br>

{block:Artist}<span><strong>Artist:</strong> {Artist}</span>{/block:Artist}<br>

<span><strong>With:</strong> {PlayCountWithLabel}</span><br></div>

</div></div>

<br><br><br>

{block:Caption}

<p>{Caption}</p>

{/block:Caption}

</li>





</div>





</div><br>

{/block:Audio}

{block:Answer}<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;text-align:left;padding: 5px 5px 5px 5px;">

<br>

<img src="{AskerPortraitURL-40}"align="right" />

<div id="question"><div id="asked"><b>{Asker} said:</b><BR>

{Question}</div></div>

<br><b>I answered:</b>{answer}<BR clear="all">

</div><br>{/block:answer}

{block:PostNotes}

<br><B>POST DETAILS:</B><BR>


{block:HasTags}<br>Tagged as:

{block:Tags}

<a href="{TagURL}">{Tag}</a>,

{/block:Tags}

{/block:HasTags}{block:ContentSource}<br>Originally Posted by:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:IfShowSourceVia}<br>

<br><B>POST NOTES:</B><BR>

{PostNotes}

{/block:PostNotes}

{/block:Posts}

</ol>

<div style="background-color:transparent; border-top:1px {color:mainborder} dashed;"><br>

<center>{block:PreviousPage}<a href="{PreviousPage}"><font size="3">previous</a></font> {/block:PreviousPage}<img src="http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif">{block:NextPage} <a href="{NextPage}"><font size="3">next</a></font>{/block:NextPage}{/block:Pagination}</center></div><br>

<div id="you" style="display:none;">

<div class="titlea"></div><br>

</div>

<div id="feel" style="display:none;">

<div class="titleb"></div>

</div>

<div id="it" style="display:none;">

<blogger><div class="titlec"></div>

<div class="comment"></div></a>

</div>

</body>

<meta http-equiv="x-dns-prefetch-control" content="off"/></head>

</html>

thwmw

Documents