Evangrace

Tutorials&Freebies(including Blogskins!)

Blogskin #6


*click on the pic for a larger view

the codes:


<style type="text/css">body {cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;}</style>
<HTML><head>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Miniver|Give+You+Glory|Bad+Script|Cookie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><i class="icon-remove"></i> </a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<title> i n e f f a b l e </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:100,
tip_fade_speed:100,
attribute:"title"
});
});
})(jQuery);
</script>
<link href="http://static.tumblr.com/1f1tzta/Drsme9t4s/preview.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#navbar-iframe {displaY: nonE;}
body {background: #fff; font-family:verdana; font-size: 10px; letter-spacing: 1px; line-height: 160%; color: #aaa; text-align: justify;cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;
}
.popup_block{
display: none;
background: #D3D3D3;
background-image: url(http://i.imgur.com/sa1tvrv.png);
padding: 10px;
font-family: "short stack";
float: left;
color:#fff;
font-size: 10px;
position: fixed;
top: 50%; left: 50%;
z-index: 20000000;
border: 4px solid #fff;
-moz-box-shadow: 9px 9px 9px #eee;
-webkit-box-shadow: 0 0 15px #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin-top:30px;
margin-right:-10px;
width:20px;
opacity:100;
}
.icon-remove {
float right;
margin-top:-2px;
margin-right:-10px;
}
.title{
font-family:"rochester";
font-size:20px;
color: #ccc;
text-shadow: 0 0 0.1em #fff, 0 0 0.1em #ECD872;
}
.tr-caption{font-size: 13px ; font-family:"short stack";color:#ddd;padding-top: -3px;padding-bottom: 3px;}
*html .popup_block {
position: absolute;
}
a {text-decoration: none; color: #eee; }
a:hover {cursor: help; color:#ddd; text-decoration:none;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
::-moz-selection {background: #f5f5f5; color: #808080;} ::selection {background: #f5f5f5; color: #808080;}
blockquote {
padding: 5px 5px 5px 5px;
position:center;
border:5px double #eee;
border-radius:5px ;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_m89lrp2PC61qdlkyg.gif);
letter-spacing: 1px;
padding: 5px 5px 5px 5px;
width:400px;
height:100px;overflow:auto;
overflow-x: hidden;
overflow-y: scroll;
}

ul
{
list-style-image:url('http://media.tumblr.com/tumblr_m5astfpkcS1qid2nw.gif');
}
.entry {padding: 10px; width: 550px;
margin-bottom: 15px ;padding-bottom: 25px;
background: url(http://static.tumblr.com/fftf9xi/13tlrl8wq/border-link.png) bottom right repeat-x;}
#sd{ background-color:#FFFFFF; position:relative; width:200px; height:297px; padding:10px 10px 5px 10px; -webkit-box-shadow: 0px 8px 6px -5px #c3c3c3;
-moz-box-shadow: 0px 8px 6px -5px #c3c3c3; box-shadow: 0px 8px 6px -5px #c3c3c3;}
u {border-bottom: 1px dotted #87BDB1; text-decoration: none;}
#s-m-t-tooltip{
width:auto;
z-index:10;
margin:15px 10px 3px 10px;
padding:3px;
background-color:#fff;
font-family:'helvetica';
letter-spacing:2px;
font-size:7px;
line-height:7px;
color:#ccc;
text-transform:uppercase;
border:1px solid #ddd;
z-index:999999999;
}
#content {
position:relative;
margin:0 auto;
width: 600px;
height:610px;
left:0%;
top:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:auto;
background:transparent;
}
.blogger-labels {background: #f1f1f1; padding: 3px;}
#top {
width:100%;
left:0;
top:0px;
position:fixed;
z-index:999999;
}
.sidebar {
position: fixed;
bottom: 300px;
left: 170px;
width: 180px;
text-align: justify;
background: transparent;
}
.icon-plus {
color:#ddd;
font-size:12px;
}
.icon-plus:hover {
color:#ccc; }
.icon-facebook {
color:#ddd;
font-size:12px;}
.icon-facebook:hover {
color:#ccc; }
.icon-tumblr {
color:#ddd;
font-size:12px; }
.icon-tumblr:hover {
color:#ccc; }
.icon-circle-arrow-right {
color:#eee; }
.icon-circle-arrow-left {
color:#eee; }
.icon-circle-arrow-left:hover {
text-shadow: 1px 1px 1px #bbb; }
.icon-circle-arrow-right:hover {
text-shadow: 1px 1px 1px #bbb;}
img {
filter: alpha(opacity="70");
opacity: 0.7;
-webkit-transition:3s;
}
img:hover {
filter:alpha(opacity="100");
opacity: 1;
-webkit-transition:1s;
}
.box {
display:block;
border:1px solid #eee;
background-color:#fff;
position:absolute;
width:110px;;
height:auto;
-webkit-border-radius:5px;
border-radius:5px;
color:#fff;
padding:2px;
}
.box:hover{
color:#fff;
background-image:url('http://i.imgur.com/73wKwjZ.png');
}
a.box:hover {
filter: alpha (opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-transition-duration: .50s;
border-bottom:none;
cursor: url(http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.png), progress;
color:#fff;
}
/* description */
#desc {
margin-left: 7px;
margin-top: 5px;
z-index: 9999;
position:absolute;
background-color: #fff;
padding:2px;
opacity:0;
color: #aaaaaa;
font-size:8px;
width: 100px;
height: 90px;
overflow: hidden;
text-align: center;
text-transform:uppercase;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.sidebar:hover #desc {
opacity: 0.8;
margin-top: 15px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/* icon */
#pic {
width:100px;
height:100px;
background-image:url('http://static.tumblr.com/iuggpng/wbimagjbu/wooden.png');
padding:10px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px 100px 100px 10px;
-webkit-box-shadow: 0px 1px 21px rgba(50, 50, 50, 0.12);
-moz-box-shadow: 0px 1px 21px rgba(50, 50, 50, 0.12);
box-shadow: 0px 1px 21px rgba(50, 50, 50, 0.12);
}
/* nav icons */
.linkpix1 {
-webkit-transform: translate(-5px, 19px) rotate(-40deg);
border:3px solid #eee;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
padding:5px;
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.linkpix2 {
-webkit-transform: translate(-3px, 3px) rotate(-10deg);
border:3px solid #eee;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
padding:5px;
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.linkpix3{
-webkit-transform: translate(4px, 4px) rotate(15deg);
border:3px solid #eee;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
padding:5px;
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.linkpix4 {
-webkit-transform: translate(6px, 22px) rotate(40deg);
border:3px solid #eee;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
padding:5px;
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.linkpix img {
opacity: 0.4;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.linkpix1:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix2:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix3:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix4:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix:hover img {
opacity: 0.8;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#pix1 {
margin-left:0px;
margin-top:-35px;
}
#pix2 {
margin-left:31px;
margin-top:-35px;
}
#pix3 {
margin-left:62px;
margin-top:-35px;
}
#pix4{
margin-left: 93px;
margin-top: -35px;
}
#cbox123 {
z-index: 9999;
position: fixed;
bottom: -180px;
left: 20px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#cbox123:hover {
bottom: 0px;
}
.cboxtitle {
text-align: center;
font-size: 18px;
font-family: nara;
letter-spacing: 2px;
color: #d6cdc1;
width: 120px;
background-color: #fff;
padding: 3px 5px 5px 5px;
border: 2px solid #ddd;
border-top-right-radius: 10px;
text-transform:lowercase;
}
::-webkit-scrollbar-thumb:vertical {background-color:#fff;border:solid 2px #ddd;width:10px;height:1px;}
::-webkit-scrollbar {width:10px;background-color:transparent;}
#banner {
width:100%;
height:18px;
left:0;
top:0;
background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
repeat:repeat-x;
opacity:0.7;
}
a.thingi{
word-spacing:10px;
color: #c0c0c0;
text-decoration:none;
font-family:"short stack";
font-size:13px;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif);
background-repeat:no-repeat;background-size:15px ;padding-left:20px !important;line-height:18px !important;}
.sd {width: 230px; padding: 8px; background-image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
.sd2 {width: 230px; padding: 8px; background-image:url(http://i.imgur.com/UBv7dn5.png); z-index: 100; text-align: justify; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
a.thingi:hover{
color: #E8D6CC;cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(http://media.tumblr.com/tumblr_m89tkfQpHZ1qdlkyg.gif) !important;
background-repeat:no-repeat !important;background-size:20px !important;padding-left:20px !important;line-height:18px !important; !important}
a:link{color:#c0c0c0;}
.h4{ font-family: 'short stack'; color:#fff; font-size:10px;letter-spacing:2px;}
.ar {margin: 0 auto; width: 0; height: 0; margin-top:-10px;border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ECD7AA;}
.sd1 {width:180px; padding: 1px; background-image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px;
-webkit-border-radius: 7px; -khtml-border-radius: 7px;}
.h2 {
display: block;
margin-bottom: 5px;
letter-spacing: 3px;
font: 17px/2px 'Patrick Hand SC';
text-shadow: 1px 0 .5px #fff, -0px 0 .5px #fff;
background: #f8eeee;
color: #ccc;
text-align:center;
margin-bottom:15px;
}

/* Top Nav */
.name {
margin-top:-8px;
font-family:"miniver";
font-size:20px;
color: #ccc;
background-image: url('http://24.media.tumblr.com/1707f406739b70bc196fa8977a0b27b5/tumblr_mpfpvwJrGC1r89lywo1_500.jpg');
opacity:.80;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
-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;
-webkit-text-stroke: 0.2px white;
}
.upo {
font-family:"leckerli one";
font-size:20px;
color: #ccc;
background-image: url('http://31.media.tumblr.com/tumblr_m5243oAao61r8slfeo1_500.gif');
opacity:.80;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
-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;
text-shadow: 0 0 0.7em #eee;
-webkit-text-stroke: 0.2px white;
}
.fff {
text-align: center;
z-index: 3222;
position:relative;
margin-top:-8px;
font-family:"rochester";
font-size:27px;
color: #ccc;
background-image: url('http://i.imgur.com/lUY4CXm.jpg');
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
-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;
}
</style></head><body>
<div id="top"><br>
<center><div class="name"><div style="margin-bottom:-11px;margin-top:-10px;"><img src='http://i.imgur.com/Oi0Pm6s.png' style="opacity:.70;">
The perks of being a wallflower<img src='http://i.imgur.com/my6FFqL.png' style="opacity:.70;"></div>
<br>
</div><font style="color:#ccc; letter-spacing:1px;font-family:'helvetica;">because I'm a wallflower, I express it all here in my humble abode.</font></center>
<div id="banner"></div>
</div>


<br><br><br><br>
<div id="content"><br>
<blogger><div class="entry">
<div class="h2"><$BlogItemTitlegt;</div>&nbsp;
<center><div class="ar"></div></center>
<center><div class="sd1">
<div class="h4"><center><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader>&nbsp;<img src='http://i.imgur.com/iGxniJa.gif' style="opacity: .70;"></center></div>
</div></center>
<br>
<$BlogItemBodygt;</div>
</blogger><br>
<span style="float:left;"><a class="pager" title="Newer posts" href=<$NewerPostsgt;><i class="icon-circle-arrow-left icon-3x"></i></a></span>
<span style="float:right;"><a class="pager" title="Older Posts" href=<$OlderPostsgt;><i class="icon-circle-arrow-right icon-3x"></i></a></span>
<br><center><span style="font-family: arial; font-size: x-small;color:#ddd ;">Copyright ©.Layout by:<a href="http://evangelista-grace.blogspot.com/" target="_blank">Evangelista</a></span><span style="font-family: arial; font-size: x-small;color:#ddd ;">. All right reserved 2011-infinity.</span><br><br></center><br>
</div>
</body></HTML>
<div class="sidebar">


<div class="linkpix1" id="pix1"><a href="/" title="refresh"><img src="http://i.imgur.com/tp7bS4E.png" onmouseover="this.src='http://i.imgur.com/qczZxjO.png';" onmouseout="this.src='http://i.imgur.com/tp7bS4E.png';"style="width:14px;opacity:.35;"></a></div>
<div class="linkpix2" id="pix2"><a href="#?w=300" rel="02" class="poplight" title="about me!"><img src="http://i.imgur.com/DfC7r0D.png" onmouseover="this.src='http://i.imgur.com/riK8o08.png';" onmouseout="this.src='http://i.imgur.com/DfC7r0D.png';"style="width:15px;opacity:.50;"></a></div>
<div class="linkpix3" id="pix3"><a href="#?w=300" rel="05" class="poplight" title="tutorials"><img src="http://i.imgur.com/9R40s64.png" onmouseover="this.src='http://i.imgur.com/0AIJKl1.png';" onmouseout="this.src='http://i.imgur.com/9R40s64.png';"style="width:15px;opacity:.50;margin-top:1px;"></a></div>
<div class="linkpix4" id="pix4"><a href="#?w=300" rel="04" class="poplight" title="Freebies"><img src="http://i.imgur.com/8J1lsTb.png" onmouseover="this.src='http://i.imgur.com/RqSRIaw.png';" onmouseout="this.src='http://i.imgur.com/8J1lsTb.png';"style="width:15px;opacity:.50;"></a></div>
<img src="http://3.bp.blogspot.com/-xUPQehL-e7U/UKNeTnGKaXI/AAAAAAAABPU/j8PRHjmLQnQ/s1600/Untitled-1.jpg" style="opacity:.70" id="pic"><img src="http://i.imgur.com/1ggyWh0.jpg" style="width:120px;"><br><div class="box"><a href="http://www.blogger.com/follow-blog.g?blogID= 3707472290340783163" target="_blank"><i class="icon-plus ">&nbsp;Follow</i></a></div><br><div class="box"><a href="http://tumblr.com/"><i class="icon-tumblr">&nbsp;Tumblr</i></a></div><br><div class="box"><a href="https://www.facebook.com/"><i class="icon-facebook">&nbsp;Facebook</i></a></div>
</div>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('a:link');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.ttl');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('');</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/1f1tzta/dX9m986fz/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>!window.jQuery.ui && document.write(unescape('%3Cscript src="http://static.tumblr.com/1f1tzta/gacm986gu/jquery-ui-1.8.21.custom.min.js"%3E%3C/script%3E'))</script>
<script src="http://static.tumblr.com/1f1tzta/KtCm986fe/jquery.mousewheel.min.js"></script>
<script src="http://static.tumblr.com/1f1tzta/QPIm986ex/jquery.mcustomscrollbar.min.js"></script>
<script>
(function($){
$(window).load(function(){
$(".content").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" title="close" class="close"><i class="icon-remove"></i></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<div id="02" class="popup_block">
<Center><div class="title">Hello there!</div><center><img src="http://2.bp.blogspot.com/-z0Q92ZWBgas/UKNqx4a3-EI/AAAAAAAABPk/vt097ErJ2oc/s1600/th_kawaiihibear.png" style="width:100px; opacity:.50;border:5px solid #fff;
-moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:100px;
height:100px;"><br><br><div class="ar"></div>
<div class="sd">I'm an introvert, a bibliophile, an aurophile, an otaku and a template designing enthusiast. I'm 15 this year, a victim of PMR. I am sometimes nicknamed "Miss Whatever" because I'm nonchalant in reality. I dread homeworks. I'm a slacker and procrastinator myself.I hate noobs cause they seriously suck. I am currently residing in Rawang, Selangor, Malaysia. I am Evangelista Grace, a.k.a The computer Geek.I am very lenient with some peeps although they can literally get into my nerves at times. *i don't mean to brag about my perseverance though..it's just a matter of fact. (REPLACE THIS SHIT WITH YOUR PROFILE)
</div></center></div>
</div></div></div></div></div></div></div></div></div></div>

<div id="05" class="popup_block">
<div style="width:auto;height:150px;overflow:auto; "><Center><div class="title">Tutorials for you</div></center>
<br>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
</div>
</div></div></div></div></div></div></div></div></div></div>
<div id="04" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
<Center><div class="title">Freebies for you</div></center>
<br>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
</div></div>
</div></div></div></div></div></div></div></div></div></div>
<div id="cbox123">
<div class="cboxtitle"><img src="http://media.tumblr.com/033a69ce994349a250c8fd9a87347d57/tumblr_inline_mfnj5dqLGY1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/e4e10358c8de11e2588dd47e697cc0c4/tumblr_inline_mfnj5aPvIO1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/f2440b6fee8ac831f70b390a6ae53f56/tumblr_inline_mfnj71oS7x1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/b88fa9a0747cb5bb99d038f81c646c6a/tumblr_inline_mfnj92bYFh1qdlkyg.gif" style="width:17px;" ><img src=http://media.tumblr.com/tumblr_m89tkfQpHZ1qdlkyg.gif></div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="130" height="105" src="http://www6.cbox.ws/box/?boxid=739736&amp;boxtag=w59n4q&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-739736" style="border: 0px solid;" id="cboxmain6-739736"></iframe></div>
<div><iframe frameborder="0" width="130" height="75" src="http://www6.cbox.ws/box/?boxid=739736&amp;boxtag=w59n4q&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-739736" style="border: 0px solid;border-top:0px" id="cboxform6-739736"></iframe></div>
</div>
</div>
<img src="http://i.imgur.com/qHEMipE.png" style="right:0px;bottom:0px;width:250px; position:fixed;">