P A R A L L A X
<!DOCTYPE html>
<html>
<head>
<title>s t a r r y </title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="http://static.tumblr.com/cpgw3dl/Ymrnc8xs7/grazi.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Cabin+Sketch|Oswald|Alegreya+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand|Codystar|Bad+Script|Great+Vibes|Satisfy|Handlee|Cookie|Rochester' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/74601977/skins/scrollbargrey.css" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:30,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
</script>
<style type="text/css">
#navbar-iframe {
display: none; } </style>
</head>
<body>
<div class="desc"> <a href="/"><img src="http://i.imgur.com/S8tWe6h.gif" style="background:transparent
width:70px;
height:70px;
border:5px white double;
border-radius:100px;
padding:5px;"></a><br><br><br> Celestial Love;<br><br><br><br>
<a class="linkies" onclick="document.getElementById('content').innerHTML=document.getElementById('posts').innerHTML" title=""><i class="fa fa-home"></i> Home</a>
<a class="linkies" onclick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML" title=""><i class="fa fa-user"></i> About</a>
<a class="linkies" onclick="document.getElementById('content').innerHTML=document.getElementById('tutos').innerHTML" title=""><i class="fa fa-heart"></i> Extras</a>
<a class="linkies" onclick="document.getElementById('content').innerHTML=document.getElementById('cbox').innerHTML" title=""><i class="fa fa-comments"></i>
Cbox</a>
<a class="linkies" onclick="document.getElementById('content').innerHTML=document.getElementById('links').innerHTML" title=""><i class="fa fa-link"></i> Links</a>
<a style="margin-left:-1px;" class="linkies" href="http://www.blogger.com/follow-blog.g?blogID= 3707472290340783163" target="_blank" rel="nofollow" title="Follow !" style="margin-left: 1em; margin-right: 1em;"><i class="fa fa-plus"></i> Follow</a>
</div>
<div id="riyuku"></div>
<div id="content">
<blogger>
<div class="main-title"> <$BlogItemTitle$> </div>
<div class="sec-title">written by Evangelista on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div><br>
<$BlogItemBody$>
</blogger>
<center><br><span style="float:left;"><a class="pager" title="Newer posts" href=<$NewerPosts$>><i style="font-size:30px;color:#ccc"class="fa fa-arrow-circle-o-left"></i></a></span> <span style="width: 550px;float:center;font-size:15px;letter-spacing:2px;color:rgba(0,0,0,.5);
font-family:alegreya sc;">Layout by <a href="/">yours sincerely</a>. All rights reserved.</span>
<span style="float:right;"><a class="pager" title="Older Posts" href=<$OlderPosts$>><i style="font-size:30px;color:#ccc"class="fa fa-arrow-circle-o-right"></i></a></span></center><br><br></div>
<div id="posts" style="display: none;">
<blogger>
<div class="main-title"> <$BlogItemTitle$> </div>
<div class="sec-title">written by Evangelista on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div><br>
<$BlogItemBody$>
</blogger>
<center><br><span style="float:left;"><a class="pager" title="Newer posts" href=<$NewerPosts$>><i style="font-size:30px;color:#ccc"class="fa fa-arrow-circle-o-left"></i></a></span> <span style="width: 550px;float:center;font-size:15px;letter-spacing:2px;color:rgba(0,0,0,.5);
font-family:alegreya sc;">Layout by <a href="/">yours sincerely</a>. All rights reserved.</span>
<span style="float:right;"><a class="pager" title="Older Posts" href=<$OlderPosts$>><i style="font-size:30px;color:#ccc"class="fa fa-arrow-circle-o-right"></i></a></span></center><br><br>
</div>
<div id="about" style="display: none;"><br>
<center><font style="font-family:rochester;font-size:17px;">A</font> b o u t <font style="font-family:rochester;font-size:17px;">M</font> e ;
<div style="background:#eee; width:500px;height:2px;"></div><div style="padding-bottom:10px;"></div></center>
<img align="left" src="http://i.imgur.com/QkAtkqg.jpg" style="width:100px;opacity:.8;border:2px solid white;padding:5px;"> Hello there! Thanks for dropping by my blog. I'm Evangelista Grace. Born on the 30th of July 1998, I am now a 16 year old lass, a soon-to-be debutante. I'm of the Christian Catholic faith and I'm definitely proud to be one! As you may be wondering, I'm of Indian and Peruvian parentage. Blogging, layout-designing, and reading articles on the net are among the best of my favorites. I especially enjoy coming up with new layout designs for my blog. Inspirations come to me at random, most of the time due to my persistent curiosity and seeking-ness for a better, more extraordinary layout. Speaking about layout designing, as to your wonder, I wouldn't say my current amatuer 'profession' is in 'web designing' because that term, to me, is specially reserved for those professionals out there who even have their own ateliers and are making a sum of money from their freelance profession. As for whatever I have now in extraordinary, I am just thankful for the free web resources on the internet and for those designers out there for their endless effort in making the knowledge of web designing something easy to acquire and develop. I've always envied the Wacom Bamboo series of drawing tablets. They've never failed in sustaining their envious figure and function in my head. Unfortunately, all I have now is my simple Lenovo laptop, something I have been treasuring since the month of July back in 2011. I don't own any other gadgety stuffs besides my personal laptop. Yup, not even an MP3. Nevertheless, I'm grateful with what I know have as I can't imagine life without it, like seriously. Thus, I make full use of the internet connection and the laptop I have to derive the best out of it that would, hopefully benefit me along the long run. Most people would have a whole lot of wishlists, but as for me, my ultimate wish is nothing more than being a faithful Christian. Among the rest of my wishes are, having a nice model-like figure, flawless hair, beautiful complexion-in short, outward beauty , and a nice ,happy family along with a camera, to capture those moments worth cherishing. I have never made enemies with anyone, but even if I did, it's due to my pet peeves I have as a human. I'm grateful for I am one who's able to learn and catch up things all by my own. I have, by God's grace, aced all my examinations so far, though my 'fate' in the ultimate major exam, SPM, is yet to be determined. I acknowledge God for all that is good in my life. Don't ask me of my ambition as I'm VERY whimsical about it. If you have reached this line upon reading this paragraph, I would love to express my sincerest gratitude to you for having spent some quality time reading this....get to know more about me in my personal blog, where I post musings and ramblings of mine. Gracias and adios! <3
</div>
<div id="tutos" style="display: none;"><br>
<center><font style="font-family:rochester;font-size:17px;">T</font> u t o r i a l s & <font style="font-family:rochester;font-size:17px;">F</font> r e e b i e s;
<div style="background:#eee; width:500px;height:2px;"></div><div style="padding-bottom:10px;"></div></center>
<ul><a class="thingi" href='/' >Watercolor Text -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-cute-polaroid-picture.html' >Cute Polaroid Picture</a></ul>
<ul><a class="thingi" href='/' >Animated Hexagonal Images -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-animated-bunting-header.html' >Animated Bunting Header</a></ul>
<ul><a class="thingi" href='/' >Image masked text -soon-</a></ul>
<ul><a class="thingi" href='/' >Collapsible accordian -soon-</a></ul>
<ul><a class="thingi" href='/' >CSS Marble text w/animation -soon-</a></ul>
<ul><a class="thingi" href='/' >Flint scrollbar -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/tutorial-snowflakes.html' >Snowflakes</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/walk-under-moonlight.html' >Beautify your textarea</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/walk-under-moonlight.html' >Beautify your textarea</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/during-my-childhood-days.html' >Cufon Text</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/those-were-days.html' >jQuery Scrollbar</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-pop-up-box.html'>Pop-up box </a></ul>
<ul><a class="thingi" href='http://a-pastel-story.blogspot.com/search?updated-max=2012-12-09T07:26:00-08:00&max-results=1' >Circle hover effect</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2012/10/tutorialdropdown-menu.html">Dropdown Menu</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-fish-modules-in-blog-background.html">Fish Modules</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-navigation-icons-onhover-with_16.html">Icons onHover with color</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/06/tutorial-navigation-onhover-with.html">Tooltip onHover</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-beautify-your-text-with-css.html">CSS text</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/04/having-fun-with-glyph-icons.html">Glyph icons</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/10/how-to-use-icomoon-app.html">How to use IcoMoon app</a></ul>
<center><img src="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/divider5.png"><img src="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/divider5.png"><img src="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/divider5.png"></center>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/f-fun-lovingfaithful-r-risk-being-real.html' >Smilies mega dump site</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/freebiesfacebook-smileys-for-cbox.html' >FB smilies for CBOX</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html' >Post border-bottom</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-google-hangout-smilies.html' >Google hangout smilies</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/taken-during-our-first-visit-to-church.html' >Banners and icons</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/picniks-best-place-to-edit-your.html' >Photoshop: Vintage effect</a></ul>
<ul><a class="thingi" href='http://evans-blogskins.blogspot.com/' >Blogskins</a></ul>
</div>
<div id="links" style="display: none;"><br>
<font style="font-family:rochester;font-size:17px;">F</font> i n d m e o n;
<div style="background:#eee; width:500px;height:2px;"></div><div style="padding-bottom:10px;"></div>
<center><div class="linko"><a href="https://www.facebook.com/evangrace98" target="_blank">Facebook</a></div><div class="linko"><a href="http://instagram.com/evangelista_grace" target="_blank">Instagram</a></div><div class="linko"><a href="https://twitter.com/Bonjour_Evan" target="_blank">Twitter</div><div class="linko"><a href="http://evangelista-grace.blogspot.com/" target="_blank">Blogger</div><div class="linko"><a href="http://www.blogskins.com/me/evangrace98" traget="_blank">Blogskins</div><div class="linko"><a href="http://evangelistagrace.tumblr.com/" traget="_blank">Tumblr</div><div class="linko"><a href="https://plus.google.com/u/0/+EvangelistaGrace" traget="_blank">Google+</div><div class="linko"><a href="http://cssdeck.com/user/Evangelistagrace" traget="_blank">CSSdeck</div><div class="linko"><a href="http://evangelistagrace.deviantart.com/" traget="_blank">DeviantArt</a></div></center>
<div style="padding-top:8px;"></div>
<div style="background:#eee; width:500px;height:2px;"></div>
<br><br>
<font style="color:#000;"> <font style="font-family:rochester;font-size:17px;">O</font> t h e r s;</font>
<div style="background:#eee; width:500px;height:2px;"></div><div style="padding-bottom:10px;"></div>
<div class="linko"><a href="http://english-vocab-1.pen.io/" traget="_blank">Vocab(1)</a></div><div class="linko"><a href="http://english-vocab-2.pen.io/" traget="_blank">Vocab(2)</a></div>
<div style="padding-top:8px;"></div>
<div style="background:#eee; width:500px;height:2px;"></div>
<br><br>
<font style="font-family:rochester;font-size:17px;">L</font> i n k <font style="font-family:rochester;font-size:17px;">E</font> x c h a n g e ;
<div style="background:#eee; width:500px;height:2px;"></div><div style="padding-bottom:10px;"></div>
<center><div class="linko"><a href="http://isaygoodbyee.blogspot.com/" target="_blank">Jassarah</a></div>
<div class="linko"><a href="http://bloomysloomy.blogspot.com/" target="_blank">Nurin</a></div>
<div class="linko"><a href="http://hashtagmiki.blogspot.com/" target="_blank">Miki</a></div>
<div class="linko"><a href="http://blonde-gals.blogspot.com/" target="_blank">Aina</a></div>
<div class="linko"><a href="http://izzatyxrif.blogspot.com/" target="_blank">Izzaty</a></div>
<div class="linko"><a href="http://ayemrawi.blogspot.com/" target="_blank">AyemRawi</a></div>
<div class="linko"><a href="http://erinkahar.blogspot.com/" target="_blank">Erin</a></div>
<div class="linko"><a href="http://i.flaunt.nu/" target="_blank">Kate</a></div>
<div class="linko"><a href="/" target="_blank">Link</a></div>
<div class="linko"><a href="/" target="_blank">Link</a></div>
</center>
<div style="padding-top:8px;"></div>
<div style="background:#eee; width:500px;height:2px;"></div>
<br><br>
<font style="font-family:star;font-size:17px;color:#000;">U</font> s e f u l l i n k s;
<div style="background:#eee; width:500px;height:2px;"></div><div style="padding-bottom:10px;"></div>
<center><div class="linko"><a href="http://cssarrowplease.com/" target="_blank">CSSarrows</a></div><div class="linko"><a href="http://www.svgeneration.com/" target="_blank">SVGbgs</div><div class="linko"><a href="http://livetools.uiparade.com/" target="_blank">UIparade</div><div class="linko"><a href="http://muzicons.com/" traget="_blank">Muzicons</div><div class="linko"><a href="http://iconmelon.com/#/page-1" traget="_blank">Iconmelon</div><div class="linko"><a href="http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/" traget="_blank">FilterLab</div><div class="linko"><a href="http://www.css3generator.in/" traget="_blank">CSS3gen</div><div class="linko"><a href="http://www.endlessicons.com/" traget="_blank">Webicons</div><div class="linko"><a href="http://tympanus.net/codrops/" traget="_blank">Codrops</div><div class="linko"><a href="http://fortawesome.github.io/Font-Awesome/icons/" traget="_blank">FontAwsm</div>
<div style="padding-top:8px;"></div>
<div style="background:#eee; width:500px;height:2px;"></div></center>
<br>
</div>
<div id="cbox" style="display: none;"><br>
<center><font style="font-family:rochester;font-size:17px;">C</font> h a t b o x;<div style="background:#eee; width:500px;height:2px;"></div><div style="padding-bottom:10px;"></div><center>
<br><br>
<br><br><br>
<center><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="445" height="200" src="http://www5.cbox.ws/box/?boxid=712646&boxtag=zg4n92&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-712646" style="border: 0px solid;" id="cboxmain5-712646"></iframe></div>
<div><iframe frameborder="0" width="450" height="75" src="http://www5.cbox.ws/box/?boxid=712646&boxtag=zg4n92&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 0px solid;border-top:0px" id="cboxform5-712646"></iframe></div>
</div>
<!-- END CBOX --></center>
</div>
</div>
</div>
<script> function changeNavigation(id)
{document.getElementById('content')
.innerHTML=document.getElementById(id).innerHTML}
</script>
</body>
<script type="text/javascript" src="http://web-features.net/api/wf.pbb.api.div.js"></script>
<script type="text/javascript">
wf_pbb_div_object.push([
{bc:"rgb(255, 255, 255)", target:"riyuku", mstw:false, mmtw:false},
{img:"http://i.imgur.com/26fhwF9.gif", mm:true, ms:false, mms:3, mss:10, mmd:-1, mso:"v", msd:1, im:"pattern", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:1, sr:false, sb:false, isr:false, isb:false}
]);
</script>
</html>
H I A T U S
<style type="text/css">body {cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;}</style>
<HTML><head>
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/ModernBlockQuoteStyles/css/demo.css" />
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/ModernBlockQuoteStyles/css/style_common.css" />
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/ModernBlockQuoteStyles/css/style3.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Alegreya+SC:700|Alegreya:400italic,700italic' rel='stylesheet' type='text/css'>
<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 rel="stylesheet" type="text/css" href="http://countingdownto.com/sites/all/modules/cdp/css/show.css" media="all">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://countingdownto.com/sites/all/modules/cdp/js/timer.js"></script>
<script type="text/javascript" src="http://countingdownto.com/sites/all/modules/cdp/js/show.js"></script>
<link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
<title> ?????? </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>
<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>
<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-image:url('http://i.imgur.com/S0PtO9O.png'); 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;
}
html {
background: transparent;
}
#clock {
margin-bottom:20px;
padding:10px;
}
a:hover {cursor: help; -webkit-transition: 0.5s; color:#ddd; text-decoration:none;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
div.centerbox-inner {
float: left;
bottom:-350px;
padding:10px;
position: relative;
right: 50%;
}
.clock-number {
padding-bottom:30px;
font-size: 40px;
min-width: 110px;
float: left;
text-align: center;
color:#fff;
text-shadow: 0.1em 0.1em 0.05em #ccc;
}
.mb-style-3 .mb-author {
font-family: 'Alegreya SC', serif;
font-weight: 700;
font-size: 18px;
color: rgba(188, 147, 200, 1);
text-shadow: 0 1px 1px rgba(255,255,255,0.7);
margin-left:-80px;
}
.mb-style-3 .mb-thumb {
display: block;
width: 100px;
height: 100px;
border: 5px solid #fff;
border-radius: 50%;
background: url(https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc1/c34.34.432.432/s160x160/995826_609033369116661_17036375_n.jpg) no-repeat center center;
position: absolute;
right: -3px;
bottom: -30px;
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.6);
}
a {
color:#ccc;
font-size:20px; }
a.link {
color:#ddd;
font-size:10px; }
</style></head><body>
</body>
</html>
<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('.mb-style-3 .mb-author');</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('a.link');</script>
<section class="main">
<div class="mb-wrap mb-style-3">
<blockquote cite="http://www.gutenberg.org/ebooks/1260">
<p>Tensed with succumbed pressure besieging me and constantly burning the midnight oil , I am now on Hiatus. I'll be back after PMR with a whole new idea of revamping my blog layout. Mind dropping by a message anyway? <a href="http://evangrace980.cbox.ws/" >Tagboard</a> <a href="http://www.blogger.com/follow-blog.g?blogID= 3707472290340783163" target="_blank">Follow</a></p>
</blockquote>
<div class="mb-attribution">
<p class="mb-author">Evangelista Grace</p>
Le 15 year old blogger
<div class="mb-thumb"><img src="http://i.imgur.com/Q4sHUPU.jpg" style="border-radius:100px;"></div>
</div>
</div>
</section>
</div>
C H I Z E
*a template for 1 post per page<html>
<head>
<title> ?l??? ?n l?e? o? a ?log </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 type="text/css" rel="stylesheet" href="jackson.css" />
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald">
<link href='http://fonts.googleapis.com/css?family=ABeeZee|Stalemate|Offside|Elsie|Over+the+Rainbow|Ruda|Roboto+Slab|Gabriela' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Alegreya+SC' rel='stylesheet' type='text/css'>
<style>
*cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;}
#s-m-t-tooltip {
position: absolute;
max-width: 250px;
color: #7C7C7C;
font: 11px 'Arial', sans-serif;
font-size: 11px;
font-family: 'Arial', sans-serif;
line-height: 10px;
letter-spacing: 0px;
margin-top: 10px;
margin-bottom: 15px;
padding: 3px;
padding-right: 3px;
padding-left: 3px;
background-color: #FFFFFF;
z-index: 999;}
#bottom{
position: fixed;
bottom: 0px;
right: 0px;
display: none;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;}
body{
cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;
background-color: #FFFFFF;
background-position: center;
background-repeat: repeat;
}
::-webkit-scrollbar-thumb:vertical {background-color: #000; border:4px solid #eee; border-top: 5px solid #ccc; border-bottom: 5px solid #ccc; height: 10px;}
::-webkit-scrollbar-thumb:horizontal {background-color: #000; height:10px!important;}
::-webkit-scrollbar {background-color: #000; border: 4px solid #000; height:10px; width:10px;} ::-webkit-scrollbar-track-piece {
background-color: #e9e4d9;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: #ddd;
}
b{color: #ccc;}
strong{color: #191923;}
i{color: #595D61;}
em{color: #4F5156;}
u{
color: #7C7C7C;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 0px solid #242930;}
br{line-height: 5px;}
a, a:active, a:link, a:visited{
color: #969692;
text-decoration: none; cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;}
a:hover{
color: #ADB2AB;
text-decoration: none; cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;}
#navbar-iframe {display:none!important;}
.title-one{
color: #AAAAAA;
font: 10px 'Calibri', sans-serif;
font-size: 10px;
font-family: 'Calibri', sans-serif;
font-weight: bold;
text-align: center;
letter-spacing : 5px;
text-transform: uppercase;
margin-bottom: 3px;
padding: 5px;
display: block;
border-bottom: 1px solid #F5F5F5;}
.title-one:first-letter{
color: #7C7C7C;
font-style: italic;}
.title-two{
color: #7C7C7C;
font: 10px 'Calibri', sans-serif;
font-size: 10px;
font-family: 'Calibri', sans-serif;
font-weight: bold;
text-align: center;
letter-spacing : 5px;
text-transform: uppercase;
margin-bottom: 3px;
padding: 5px;
display: block;
border-bottom: 1px solid #F5F5F5;}
.title-two:first-letter{
color: #CFCFCF;
font-style: italic;}
.info{
overflow: auto;
max-height: 86px;
color: #464646;
font: 11px 'Arial', sans-serif;
font-size: 11px;
font-family: 'Arial', sans-serif;
line-height: 12px;}
a.friends, a.friends:active, a.friends:link, a.friends:visited{
color: #464646;
font: 8px 'Calibri', sans-serif;
font-size: 8px;
font-family: 'Calibri', sans-serif;
line-height: 10px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px;
display: block;
transition: all 0.5ss ease-in-out;
-webkit-transition: all 0.5ss ease-in-out;
-moz-transition: all 0.5ss ease-in-out;}
a.friends:hover{
color: #AAAAAA;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5ss ease-in-out;
-moz-transition: all 0.5ss ease-in-out;}
#navigate{
position: relative;
width: 503px;
height: 20px;
margin-top: 5px;
margin-bottom: 5px;
border:solid 1px #ddd;
padding: 8px;
padding-top: 2px;
padding-right: 0px;
padding-left: 3px;
background-image:url('http://i.imgur.com/jD2WEgi.jpg');
clear: both;}
blockquote{
position: relative;
margin: 20px auto;
width: 280px;
line-height: 20px;
color: #aaa;
font-size:12px;
text-shadow: 0 1px 1px white;
background-color: #FAFDD2;
background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
border: 1px solid #c3baaa;
border-color: rgba(195, 186, 170, 0.9);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
border:none;
text-align:left;
padding-left:10px;
padding-top:10px;
}
#navigate a, #navigate a:active, #navigate a:link, #navigate a:visited{
width: AUTO;
color: #fff;
font: 11px 'Consolas', monospace;
font-size: 11px;
font-family: 'Consolas', monospace;
line-height: 8px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 5px;
padding: 5px;
padding-top: 10px;
display: inline-block;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;}
#navigate a:hover{
color: #3E3D4A;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;}
#content{
position: relative;
width: 500px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;}
.post-holder{margin-bottom: 10px;}
.title{
color: #747573;
font: 24px 'Georgia', sans-serif;
font-size: 24px;
font-family: 'Georgia', sans-serif;
line-height: 20px;
text-align: center;
letter-spacing: -3px;
text-transform: uppercase;
margin-bottom: 3px;}
.title:first-letter{
color: #000000;
font-style: italic;}
.post-info{
height: 10px;
color: #464646;
font: 8px 'Consolas', monospace;
font-size: 8px;
font-family: 'Consolas', monospace;
line-height: 10px;
text-align: right;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 5px;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #F5F5F5}
.post-info b{color: #848E84;}
.post-info strong{color: #736D6D;}
.post-info a, .post-info a:active, .post-info a:link, .post-info a:visited{
color: #464646;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}
.post-info a:hover{
color: #CB0303;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}
.text{
font-size: 16px;
font-family: 'PATRICK HAND SC';
letter-spacing: 1px;
color: #d6cdc1;
color: rgba(0,0,0,.6);
text-align: justify;
}
p.blogger-labels{
text-align: right;
margin-top: 3px;}
p.blogger-labels a, p.blogger-labels a:active, p.blogger-labels a:link, p.blogger-labels a:visited{
color: #191923;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
p.blogger-labels a:hover{
color: #7C7C7C;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
#footer{
position: relative;
width: 500px;
margin-right: auto;
margin-left: auto;
background-image:url('http://i.imgur.com/ReOM3Yj.jpg');}
.foot-text{
padding:7px;
position: relative;
width: 350px;
color: #fff;
font: 13px 'Arial', sans-serif;
font-size: 13px;
font-family: 'Arial', sans-serif;
line-height: 14px;
text-align: center;
margin-right: auto;
margin-left: auto;}
/* Do not edit this snippet of code */
a.acatalepsy, a.acatalepsy:active, a.acatalepsy:link, a.acatalepsy:visited{
color: #000000;
font-weight: bold;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
a.acatalepsy:hover{
color: #CB0303;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
text{
font-family: 'Gabriela', serif;
font-size:15px;
position:center;
text-shadow: 0 0 0.5em #FFF380, 0 0 0.5em #FFF380;
color:#fff;
margin-top:-5px;
}
.ar3 {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;}
.sd3 {width:180px; padding: 2px; 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; }
.h1 {padding:2px; font:11pt 'patrick hand sc'; text-transform:uppercase;letter-spacing:2px;line-height:10px; color:#c0c0c0; margin-bottom:10px; }.h2{ font-family: consolas; color:#fff; font-size:10px;}
.date { text-align:center; letter-spacing:1px; font-size: 10pt;}
@font-face {
font-family: 'icomoon';
src: url('http://static.tumblr.com/cpgw3dl/9Sumwbhg8/icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
content: "\e608";
}
.icon-heart:before {
content: "\e609";
}
.icon-bubble:before {
content: "\e602";
}
.icon-plus:before {
content: "\e60a";
}
.icon-list:before {
content: "\e60b";
}
.icon-menu:before {
content: "\e600";
}
.icon-envelope:before {
content: "\e605";
}
.icon-home:before {
content: "\e60d";
}
.icon-calendar:before {
content: "\e603";
}
.icon-comment-alt:before {
content: "\e604";
}
.icon-arrow-left:before {
content: "\e606";
}
.icon-arrow-right:before {
content: "\e607";
}
.icon-reorder:before {
content: "\e60c";
}
#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:#bbb;
text-transform:uppercase;
border:1px solid #bbb;
z-index:999999999;
}
#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: 'PATRICK HAND SC';
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;
}
</style>
</head>
<script type="text/javascript" SRC="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".box").hide();
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("active");
});
});
</script>
<body>
<DIV STYLE="PADDING:13PX;"></DIV>
<center>
<img src="http://i.imgur.com/OaGEJ1u.jpg" style="width:497px;border:solid 1px #ddd;padding:5px;"><text></text>
<br><div id="navigate">
<a href="/" >Refresh</a><a href="http://www.blogger.com/follow-blog.g?blogID= 3707472290340783163" target="_blank" >+ follow</a><a href="https://www.facebook.com/evangrace98" >Facebook</a><a href="https://twitter.com/Bonjour_Evan" >Twitter</a><a href="http://evangelistagrace.tumblr.com/" >Tumblr</a><a href="https://plus.google.com/+EvangelistaGrace" >GooglePlus</a>
</div></center>
<br>
<div id="content">
<center><div style="position: fixed; z-index:999999;margin-left:-7px;top: 0px; width: 510px; height: 25px; background: url(http://i.imgur.com/jD2WEgi.jpg); border-bottom: 5px solid #fafafa;"><CENTER><text>For the bliss of souls like mine..</text></CENTER></div></center>
<Blogger>
<div class="post-holder">
<center><div class="h1" href="<$BlogItemPermalinkUrl$>"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<img src='http://i.imgur.com/7iCaD.png' style="margin-top:-9px;"><br><br>
<div class="ar3"></div>
<div class="sd3">
<center><div class="h2"><div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div></div></center>
</div></div>
<BlogItemBody>
<div class="text">
<$BlogItemBody$>
</div>
</BlogItemBody>
<span style="float:left;"><a class="pager" href=<$NewerPosts$>><img src=http://i.imgur.com/EFpqa.png></a></span>
<span style="float:right;"><a class="pager" href=<$OlderPosts$>><img src=http://i.imgur.com/4byHR.png></a></span>
<br>
</div>
</Blogger>
</div>
<div id="footer">
<div class="foot-text">
Layout created with ? by <a href="/" style="color:#fff;">Evangelista</a>. All rights reserved.
</div>
</div>
</div>
<img src="http://demos.kendoui.com/content/shared/styles/flowers-right.png" style="position:fixed;right:0px;top:0px;opacity:.5;">
</body>
</html>
<div id="cbox123">
<div class="cboxtitle">CHATBOX</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://www5.cbox.ws/box/?boxid=712646&boxtag=zg4n92&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-712646" style="border: 0px solid;border-top:0px" id="cboxmain5-712646"></iframe></div>
</div>
<div><iframe frameborder="0" width="130" height="75" src="http://www5.cbox.ws/box/?boxid=712646&boxtag=zg4n92&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 0px solid;border-top:0px" id="cboxform5-712646"></iframe></div>
</div>
</div>
</div>
T I M E L I N E # 2
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>gracie?</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 rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/XyUmyb16t/icomoon.css" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/kO6mu98bs/style.css" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/CzMmyaw83/simple-line-icons.css" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></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="#" class="close"><img src="http://cdn2.iconfinder.com/data/icons/bwpx/icons/symbol_multiplication.gif" class="btn_close" title="Close" alt="Close" /></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>
<link href='http://fonts.googleapis.com/css?family=Sniglet|Sintony|Geo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Alegreya+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://static.tumblr.com/cpgw3dl/FBgmvh8n2/gracey.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis|Signika+Negative' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/TypographyStyles/css/style3.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Spinnaker' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/Fkhmxvywf/gracie.css" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/eDGmxws2q/gracey.css" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/QX1mzyn1f/style.css" />
<link rel="stylesheet" type="text/css" href="http://kushagragour.in/lab/hint/hint.min.css">
<style type="text/css">
.ha{
font-family:sintony;
font-size:13px;
color:#fff;}
.title{
color:rgba(219, 211, 194,0.8);
text-shadow:none;
}
.popup_block{
border:5px solid #fff;
}
.tr-caption{
color:#ccc;}
.arrow_box_entry{
font-family: 'Alegreya Sans SC', sans serif;
word-spacing:0.3pt;
font-size:14px;
text-align:justify;
}
.arrow_box_entry ul {
padding-left:20px;
list-style-image:url('http://media.tumblr.com/tumblr_m2kfxyWKJ81qdlkyg.gif');
color: #ccc;
font-family: short stack;
font-size:11px;
}
.e{
top:40px;}
blockquote{
position: relative;
margin: 20px auto;
width: 280px;
line-height: 20px;
color: #aaa;
font-size:12px;
text-shadow: 0 1px 1px white;
background-color: #FAFDD2;
background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
border: 1px solid #c3baaa;
border-color: rgba(195, 186, 170, 0.9);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
border:none;
text-align:left;
padding-left:10px;
padding-top:10px;
}
.sd{
font-family: 'Alegreya Sans SC', sans serif;
font-size:13px;
text-align:justify;}
@font-face {
font-family: 'icomoon';
src: url('http://static.tumblr.com/cpgw3dl/fOgmy3wu0/icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-circle-blank:before {
content: "\e614";
width: 0;
height: 0;
position: absolute;
right: 39px;
top: 45%;
margin-top: -9px;
color:rgba(255,255,255,0.85);
font-size:20px;
}
.wrapper-dropdown-3:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 25px;
top: 50%;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: rgba(255,255,255,0.85) transparent;
}
.icon-check-minus:before {
content: "\e615";
width: 0;
height: 0;
position: absolute;
right: 37px;
top: 50%;
margin-top: -6px;
font-weight:800;
font-size:20px;
}
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease; }
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
visibility: visible;
opacity: 1; }
.hint:before, [data-hint]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001; }
.hint:after, [data-hint]:after {
content: attr(data-hint);
background: #383838;
color: white;
text-shadow: 0 -1px 0px black;
padding: 3px 3px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
font-family: 'Alegreya Sans SC', sans serif;font-weight:500;font-size:11px; letter-spacing:2px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04); }
.hint--info:after{background-color:#E4D0C1;text-shadow:0 -1px 0 #E4D0C1}.hint--info.hint--top:before{border-top-color:#E4D0C1}.hint--info.hint--bottom:before{border-bottom-color:#E4D0C1}.hint--info.hint--left:before{border-left-color:#E4D0C1}.hint--info.hint--right:before{border-right-color:#E4D0C1}
.icon-pen:hover{
-webkit-filter: sepia(0.2);
}
</style></head>
<body>
<div id="banner"></div>
<div style="display:scroll; position:fixed; top:35px; right:10px; border-radius:5px;width:10px:height:auto;background:#fff; border:2px solid #eee;padding:2px;"><a style="font-family: 'Alegreya Sans SC', sans serif;font-weight:200;font-size:10px; letter-spacing:2px; color:#ccc;"href="/"> <span class="hint--bottom hint--rounded hint--info" data-hint="refresh">Home</span></a> <font style="color:#ddd;font-weight:550;font-family:sintony">|</font> <a style="font-family: 'Alegreya Sans SC', sans serif;font-weight:200;font-size:10px; letter-spacing:2px; color:#ccc;"href="http://www.blogger.com/follow-blog.g?blogID= 3707472290340783163" target="_blank" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><span class="hint--bottom hint--rounded hint--info" data-hint="thank you!">Follow+</span></a><font style="color:#ddd;font-weight:550;font-family:sintony">|</font><a style="font-family: 'Alegreya Sans SC', sans serif;font-weight:200;font-size:10px; letter-spacing:2px; color:#ccc;" href="http://www.blogger.com/home"> <span class="hint--bottom hint--rounded hint--info" data-hint="byebye">D'board</span></a> </div>
<div class="e"><div style="margin-right:-160px;"><h3 class="cs-text">Evan<span class="char1">?</span>grace</h3><center><span style="font-family: 'Alegreya SC', sans serif;font-weight:200;font-size:15px; letter-spacing:2px; color:#ccc;">An Average Joe, albeit distinguishable</span></center></div><div style="display:block"><div style="padding:27px;"></div>
<Blogger><ul class="cbp_tmtimeline" style="margin-right:850px; "><li>
<div class="cbp_tmicon icon-calendar" title="date"></div><br><br><div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div><br><br><br><div style="padding:20px;"></div><a style="color: #fff;" title="Leave a comment" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><span class="cbp_comment icon-bubble"></span></a></BlogItemCommentsEnabled>
<div style="padding-left:100px;margin-top:-160px;"><div class="arrow_box"><br><div class="arrow_box_entry"><div style="margin-top:-9px;">
<center><table cellspacing="1px" background-color="#fff">
<tr>
<td class="ha"><$BlogItemTitle$></td></tr></table></center></div><$BlogItemBody$></div></div><br><br><br><br><br></li></ul></Blogger><div style="position:relative;left:80px; width:650px;margin-top:-60px;"><span style="float:left;"><a class="pager" title="Newer posts" href=<$NewerPosts$>><span class="icon-arrow-left"></span></a></span>
<span style="float:right;margin-left:-70px;"><a class="pager" title="Older Posts" href=<$OlderPosts$>><span class="icon-arrow-right "></span></a></span>
<br><footer style="right:-20px;box-shadow: inset 0px 0px 10px 0px rgba(119, 119, 119, 0.3);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(119, 119, 119, 0.3); border:solid 5px #e9e4d9;
"><span style="font-family: arial; font-size: x-small;color:#fff ;">Layout coded with <span style="color: #E77471;" class="icon-heart"></span> by <a style="color:#fff;border-bottom:dotted 2px #fff;" href="http://blogskins.com/me/evangrace98">Evangelista</a>.</span><span style="font-family: arial; font-size: x-small;color:#fff;"> All rights reserved.</span></footer></div>
</div>
</div></div></div>
<div class="side" >
<div style="position:fixed;float:right;top:130px;left:150px;
"><div id="dd" class="wrapper-dropdown-3" tabindex="1">
<span>Le Collapsible<p class="icon-circle-blank"></p></span>
<ul class="dropdown">
<li><a href="#?w=300" rel="02" class="poplight"><span class="icon-user"></span> About</a></li>
<li><a href="#?w=340" rel="05" class="poplight"><span class="icon-list"></span> Tutorials</a></li>
<li><a href="#?w=340" rel="04" class="poplight"><span class="icon-heart"></span> Freebies</a></li>
<li><a href="#?w=300" rel="06" class="poplight"><span class="icon-bubble"></span> Chat</a></li>
</ul>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
function DropDown(el) {
this.dd = el;
this.placeholder = this.dd.children('span');
this.opts = this.dd.find('ul.dropdown > li');
this.val = '';
this.index = -1;
this.initEvents();
}
DropDown.prototype = {
initEvents : function() {
var obj = this;
obj.dd.on('click', function(event){
$(this).toggleClass('active');
return false;
});
obj.opts.on('click',function(){
var opt = $(this);
obj.val = opt.text();
obj.index = opt.index();
obj.placeholder.text(obj.val);
});
},
getValue : function() {
return this.val;
},
getIndex : function() {
return this.index;
}
}
$(function() {
var dd = new DropDown( $('#dd') );
$(document).click(function() {
// all dropdowns
$('.wrapper-dropdown-3').removeClass('active');
});
});
</script></div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://tympanus.net/Tutorials/TypographyStyles/js/jquery.lettering.js"></script>
<script>
$(document).ready(function() {
$(".cs-text").lettering('words').children('span').lettering()
});
</script>
<span style="position:fixed;right:140px;bottom:80px;" class="hint--top hint--rounded hint--info" data-hint="Follow Me!"><a href="https://twitter.com/Bonjour_Evan" target="_blank"><span style="position:fixed;right:120px;bottom:20px;font-size:40px;color:#dfdfdf;font-weight:200;" class="icon-twitter"></span></span></a><span style="position:fixed;right:200px;bottom:80px;" class="hint--top hint--rounded hint--info" data-hint="Facebook!!"><a href="https://www.facebook.com/evangrace98" target="_blank"><span style="position:fixed;right:170px;bottom:20px;font-size:40px;color:#dfdfdf;font-weight:200;" class="icon-facebook"></span></span></a><span style="position:fixed;right:100px;bottom:80px;" class="hint--top hint--rounded hint--info" data-hint="GooglePlus"><a href="https://plus.google.com/+EvangelistaGrace" target="_blank"><span style="position:fixed;right:70px;bottom:20px;font-size:40px;color:#dfdfdf;font-weight:200;" class=" icon-google-plus"></span></span></a><span style="position:fixed;right:60px;bottom:80px;" class="hint--top hint--rounded hint--info" data-hint="Tumblr!"><a href="http://evangelistagrace.tumblr.com/" target="_blank"><span style="position:fixed;right:30px;bottom:20px;font-size:40px;color:#dfdfdf;font-weight:200;" class=" icon-tumblr"></span></span></a>
</body>
</html>
<div id="02" class="popup_block">
<Center><div class="title">Hello there!</div><center><img src="http://i.imgur.com/dPm2CEV.jpg" style="width:100px; opacity:.80;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 16 this year,still a lass, IKR. I'm an individual of barometric sef-esteem,the fluctuating sense of worth and well being I have as I respond to different thoughts, experiences, and interactions in the course of the day. I aspire of becoming a lecturer,a genealogist and a cryptozoologist-I want to bust those myths!. I dread homeworks. Slacking and procrastinating are mundane and monotonous to me. Grammatical errors and not being able to speak flawlessly in English are among my pet peeves. And not forgetting to mention, I'm an English Vocabulary nerd!- so, the very next time you think of chatting with me or so, give it a second- thought! I'm a proud believer in Christ. I hail from a tropical country, Malaysia. Ladies and gentlemen, I'm Evangelista Grace.
</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='/' >Watercolor Text -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-cute-polaroid-picture.html' >Cute Polaroid Picture</a></ul>
<ul><a class="thingi" href='/' >Animated Hexagonal Images -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-animated-bunting-header.html' >Animated Bunting Header</a></ul>
<ul><a class="thingi" href='/' >Image masked text -soon-</a></ul>
<ul><a class="thingi" href='/' >Collapsible accordian -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/tutorial-snowflakes.html' >Snowflakes</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2012/03/cutie.html' >UL list with mini icons</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/walk-under-moonlight.html' >Beautify your textarea</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/during-my-childhood-days.html' >Cufon Text</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/those-were-days.html' >jQuery Scrollbar</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-pop-up-box.html'>Pop-up box </a></ul>
<ul><a class="thingi" href='http://a-pastel-story.blogspot.com/search?updated-max=2012-12-09T07:26:00-08:00&max-results=1' >Circle hover effect</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2012/10/tutorialdropdown-menu.html">Dropdown Menu</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-fish-modules-in-blog-background.html">Fish Modules</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-navigation-icons-onhover-with_16.html">Icons onHover with color</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/06/tutorial-navigation-onhover-with.html">Tooltip onHover</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-beautify-your-text-with-css.html">CSS text</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/04/having-fun-with-glyph-icons.html">Glyph icons</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/10/how-to-use-icomoon-app.html">How to use IcoMoon app</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='http://evangelista-grace.blogspot.com/2011/11/f-fun-lovingfaithful-r-risk-being-real.html' >Smilies mega dump site</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/freebiesfacebook-smileys-for-cbox.html' >FB smilies for CBOX</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html' >Post border-bottom</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-google-hangout-smilies.html' >Google hangout smilies</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/taken-during-our-first-visit-to-church.html' >Banners and icons</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/picniks-best-place-to-edit-your.html' >Photoshop: Vintage effect</a></ul>
<ul><a class="thingi" href='http://evans-blogskins.blogspot.com/' >Blogskins</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 style="font-family:verdana; letter-spacing:2px;font-style:bold; font-size:12px;color:#ccc;"class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html' >Post border-bottom</a></ul>
<ul><a style="font-family:verdana; letter-spacing:2px;font-style:bold; font-size:12px;color:#ccc;"class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-google-hangout-smilies.html' >Google hangout smilies</a></ul>
<ul><a style="font-family:verdana; letter-spacing:2px;font-style:bold; font-size:12px;color:#ccc;"class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/taken-during-our-first-visit-to-church.html' >Banners and icons</a></ul>
<ul><a style="font-family:verdana; letter-spacing:2px;font-style:bold; font-size:12px;color:#ccc;"class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/picniks-best-place-to-edit-your.html' >Photoshop: Vintage effect</a></ul>
<ul><a style="font-family:verdana; letter-spacing:2px;font-style:bold; font-size:12px;color:#ccc;"class="thingi" href='http://evans-blogskins.blogspot.com/' >Blogskins</a></ul>
</div></div>
</div></div></div></div></div></div></div></div></div></div>
<div id="06" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
<Center><div class="title">Chatbox</div></center><center>
<br> <br>
<div><div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=712646&boxtag=zg4n92&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border:rgb(233, 228, 217) 6px solid;" id="cboxform5-712646"></iframe></div>
</div></div></center>
</div></div></div></div></div></div></div></div></div></div>
B U Z ZY
<html>
<head>
<title> blarara;</title>
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/CreativeLinkEffects/css/component.css" />
<script src="http://tympanus.net/Development/CreativeLinkEffects/js/modernizr.custom.js"></script>
<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>
<script type="text/javascript">
/* SNOWFLAKES BY EVAN */
// Set the colors for the snow. Add/remove as many colors as you like //
var snowcolor=new Array("#eeeeee"," #FFCBA4","#c5dce2"," #E77471"," #99C68E")
var snowmax=30
var snowtype=new Array("Times")
var snowletter="*"
var sinkspeed=1
var snowmaxsize=15
var snowminsize=15
var snowingzone=1
// Do not edit below this line //
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size+'px';
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].style.zIndex=1000
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+'px';
snow[i].style.top=snow[i].posy+'px';
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
snow[i].style.top=snow[i].posy+'px';
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://static.tumblr.com/cpgw3dl/3Chmx72l7/style.css">
<link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/kO6mu98bs/style.css" />
<link href='http://fonts.googleapis.com/css?family=Dosis|Signika+Negative' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Nova+Round|Dosis|Gabriela|Lobster+Two|Coda' rel='stylesheet' type='text/css'>
<link href='http://static.tumblr.com/cpgw3dl/2Wumxqpwb/gracey.css' rel='stylesheet' type='text/css'>
<style type="text/css">
img:hover{
-webkit-filter: blur(1px) brightness(1.2) contrast(1.1) sepia(0.3);}
img{
opacity:100;}
.sidebar{
padding-left:20px;
width:200px;
}
.cl-effect-1 a::before {
margin-right: 3px;
content: '[';
text-shadow: 0 0 5.5px #000 , 0 0 1.1em #eee !important;
color:#fff;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 3px;
content: ']';
text-shadow: 0 0 5.5px #000 , 0 0 1.1em #eee !important;
color:#fff;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.kiss h1{
font-family:nova round;font-size:50px;color:white;}
</style>
</head>
<div id="head">
<div class="kiss">
<center>
<center><h1>evangelista grace</h1></center>
<br>
<nav style="margin-top:-20px;height:30px;background: rgba(255,255,255,0.8);"class="cl-effect-1" id="cl-effect-1"><a style=" margin-right:9px;" href="/">Home</a><a href="#?w=300" rel="03" class="poplight" >About</a><a font-weight:bold;" href="#?w=300" rel="05" class="poplight" >Tutorials</a><a font-weight:bold;" href="#?w=300" rel="04" class="poplight" >Freebies</a><a href="#?w=300" rel="07" class="poplight">Cbox</a><a href="http://www.blogskins.com/me/evangrace98" target="_blank">Blogskin</a></nav></center>
</div>
<br><br><br><br><br><br><br><br>
<table style="margin-top:-15px; font-size: 10px; color: #777; line-height: 16px; background: #fff; letter-spacing: 1px; border:0px solid #eee; overflow: auto;box-shadow:0px 0px 4px #eee;" width="800" align="center" border="0" cellspacing="4">
<tr><tbody>
</body>
<td valign="top" style="width:630px; background:none; font-size:12px;">
<div id="post">
<blogger><center><table style="background:#f1f1f1;color:#fff;" cellspacing="1px" >
<tr>
<td class="ha" style="height:5px;
width:200px;
padding:3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align:center;
position:relative;
font-family : tahoma;
font-size:9px;
font-style:bold;
font-weight:700;
text-transform: uppercase;
background-image: url(http://i.imgur.com/bk0GUTC.pngg);
z-index:500;
border: solid 2px #fff;
color: #fff;
"><$BlogItemTitle$></td><td class="hc" style="height:5px;
width:200px;
padding:3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align:center;
position:relative;
font-family : tahoma;
font-size:9px;
font-style:bold;
font-weight:700;
text-transform: uppercase;
background-image: url(http://i.imgur.com/bk0GUTC.png);
z-index:500;
border: solid 2px #fff;
color: #fff;
"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></td><td class="hb" style="height:5px;
width:200px;
padding:3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align:center;
position:relative;
font-family : tahoma;
font-size:9px;
font-style:bold;
font-weight:700;
text-transform: uppercase;
background-image: url(http://i.imgur.com/bk0GUTC.png);
z-index:500;
border: solid 2px #fff;
color: #fff;
"><a style="color: #fff; href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>Leave a comment</a></BlogItemCommentsEnabled></td>
</tr></table></center>
<$BlogItemBody$><center><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/tumblr_inline_mfnkfuHikt1qdlkyg_zpsb02f4e29.gif"></center><br><br><span style="float:left;"><a class="pager" title="Newer posts" href=<$NewerPosts$>><span style="font-size:25px;color:#e9e4d9;"class="icon-arrow-left"></span></a></span></center>
<span style="float:right;"><a class="pager" title="Older Posts" href=<$OlderPosts$>><span class="icon-arrow-right " style="font-size:25px;color:#e9e4d9;"></span></a></span></blogger>
<td valign="top" ><div class="sidebar"><br>
<center><IMG SRC="http://i.imgur.com/NC0yLci.gif" STYLE="width:150px;OPACITY:100;"></center>
<br>
<center>
<div id="luhan"><img src="http://i.imgur.com/ryYR9QW.png" style="width:100px;opacity:.8;border:2px dashed #ddd;padding:5px;-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
">
</div></center><br>
<div id="link">
<div class="arrow_box"><center><br><a href="https://www.facebook.com/evangrace98" target="_blank" title="Facebook"><p class=" icon-facebook"></p></a><a href="http://evangelistagrace.tumblr.com/" target="_blank" title="Tumblr"><p class=" icon-tumblr" data-icon=""></p></a><a href="https://www.google.com/+EvangelistaGrace" target="_blank" title="GooglePlus"><p class=" icon-google-plus" data-icon=""></p></a><a href="javascript:void(0);" onClick=window.open("http://www.blogger.com/follow-blog.g?blogID=3707472290340783163","Ratting","width=550,height=550,0,status=0,"); title="Follow"><p class=" icon-plus"></p></a></center>
<center>Evan . 15. Malaysia. ATJ?</center></div>
<br>
<center><img src="http://i.imgur.com/kldIoKh.gif" STYLE="width:150px;OPACITY:100;"></center>
<br>
<center>
<div class="arrow_box"><div class="arrow_box_entry">
<bloggerpreviousitems>
<li><a style="color:#aaa;" href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems></div>
</div><br><br>
<IMG SRC="http://i.imgur.com/5a6mEnc.gif" STYLE="width:150px;OPACITY:100;" >
<br><BR>
<!-- DO NOT REMOVE THIS! -->
<div class="arrow_box">
Layout Basecodes by <a href="http://ayunipororo.blogspot.com/">ayuni</a>.
Heavily tweaked by YoursTruly. All rights reserved.</div>
<!-- END credit-->
</div><br><br></div>
</td>
</tr></tbody>
</table>
<br><bR>
</html>
<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"><img src="http://www.blogskins.com/cachepic_s3.php?sid=400216&pic=http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" class="btn_close" title="Close" alt="Close" /></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="07" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
<Center><div class="title">Chatbox</div></center>
<br><br>
<center><div><iframe frameborder="0" width="230" height="75" src="http://www5.cbox.ws/box/?boxid=712646&boxtag=zg4n92&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 5px solid #ddd;" id="cboxform5-712646"></iframe></div></center>
</div>
</div></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='/' >Watercolor Text -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-cute-polaroid-picture.html' >Cute Polaroid Picture</a></ul>
<ul><a class="thingi" href='/' >Animated Hexagonal Images -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-animated-bunting-header.html' >Animated Bunting Header</a></ul>
<ul><a class="thingi" href='/' >Image masked text -soon-</a></ul>
<ul><a class="thingi" href='/' >Collapsible accordian -soon-</a></ul>
<ul><a class="thingi" href='/' >CSS Marble text w/animation -soon-</a></ul>
<ul><a class="thingi" href='/' >Flint scrollbar -soon-</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/tutorial-snowflakes.html' >Snowflakes</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2012/03/cutie.html' >UL list with mini icons</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/walk-under-moonlight.html' >Beautify your textarea</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/during-my-childhood-days.html' >Cufon Text</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/those-were-days.html' >jQuery Scrollbar</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutorial-pop-up-box.html'>Pop-up box </a></ul>
<ul><a class="thingi" href='http://a-pastel-story.blogspot.com/search?updated-max=2012-12-09T07:26:00-08:00&max-results=1' >Circle hover effect</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2012/10/tutorialdropdown-menu.html">Dropdown Menu</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-fish-modules-in-blog-background.html">Fish Modules</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-navigation-icons-onhover-with_16.html">Icons onHover with color</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/06/tutorial-navigation-onhover-with.html">Tooltip onHover</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/08/tutorial-beautify-your-text-with-css.html">CSS text</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/04/having-fun-with-glyph-icons.html">Glyph icons</a></ul>
<ul><a class="thingi" href="http://evangelista-grace.blogspot.com/2013/10/how-to-use-icomoon-app.html">How to use IcoMoon app</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='http://evangelista-grace.blogspot.com/2011/11/f-fun-lovingfaithful-r-risk-being-real.html' >Smilies mega dump site</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/freebiesfacebook-smileys-for-cbox.html' >FB smilies for CBOX</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html' >Post border-bottom</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/10/freebies-google-hangout-smilies.html' >Google hangout smilies</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/taken-during-our-first-visit-to-church.html' >Banners and icons</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/picniks-best-place-to-edit-your.html' >Photoshop: Vintage effect</a></ul>
<ul><a class="thingi" href='http://evans-blogskins.blogspot.com/' >Blogskins</a></ul>
</div></div>
</div></div></div></div></div></div></div></div></div></div>
<div id="03" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
<Center><div class="title">Hello there!</div><br><center><img src="http://i.imgur.com/Hbqxmjr.jpg" style="width:100px; border:8px solid #fff ;
-moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:100px;
height:100px;opacity:.7;"><br><br><div class="ar"></div>
<div class="sd">I'm an introvert, a bibliophile, an aurophile,and a template designing enthusiast. I'm 15 this year,still a lass, IKR. I'm an individual of barometric sef-esteem,the fluctuating sense of worth and well being I have as I respond to different thoughts, experiences, and interactions in the course of the day. I aspire of becoming a lecturer,a genealogist and a cryptozoologist-I want to bust those myths!. I dread homeworks. Slacking and procrastinating are mundane and monotonous to me. Grammatical errors and not being able to speak flawlessly in English are among my pet peeves. I'm a proud believer in Christ. I hail from a tropical country, Malaysia. Ladies and gentlemen, I'm Evangelista Grace.
</div></center></div>
</div></div></div></div></div></div></div></div></div></div>