Beruflich Dokumente
Kultur Dokumente
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('post-entry-f').innerHTML=document.getElementById(id).i
nnerHTML}
</script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<style type="text/css">
body{
background-image:url(http://i.imgur.com/xN9JYVV.png);
cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_
cursor-small.png), progress !important;
overflow:auto;
overflow-y:hidden;
overflow-x: hidden;
}
.header img{
width:600px;height:auto;
position:relative;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
z-index:99999;border-bottom:16px solid white;
}
.header{
width:620px;height:auto;background-image:url(http://i.imgur.com/jfRv0Sq.pn
g);
position:relative;
top: 50%;top:200px;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
z-index:1;
}
.title{
transition: all 0.5s ease;
font-family: 'Amatic SC', cursive;
font-weight:;
color:rgba(255,255,255,.8);
width:350px;
font-size:80px;
z-index:9999999999;
position:relative;
top:100px;
border: 13px double rgba(255,255,255,.5);
text-decoration:none;
}
.title:hover{
color:rgba(255,255,255,.9);
border: 13px double rgba(255,255,255,.3);
}
.post-container{
height:400px;
width:620px;
background-image:url(http://i.imgur.com/jfRv0Sq.png);
position:relative;
z-index:9999999999;
left: 50%;
margin-top:-30px;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
#post-entry{
background:#ffffff;
width:600px;
height:350px;
position:relative;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
z-index:99999999;
line-height: 23px;
font-size: 16px;font-family:alegreya sans sc;text-align:justify;
color: #666;padding-top:10px;
}
#post-entry-f{
padding:20px;height:300px;width:550px;
overflow:auto;
overflow-y:scroll;
overflow-x: hidden;background-image:url();
}
#navis{
width:520px;
height:auto;
border:2px solid transparent;
position:relative;
z-index:999999999;
top: -179px;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
z-index:99999999;
}
#navis a{
border-left:solid 3px #fff;border-right:solid 3px #fff;
border-top:solid 3px #fff;
width:60px;
height:auto;
font-family:alegreya sans sc;
font-size:15px;
letter-spacing:2px;
text-align:center;
text-decoration:none;
color:#fff;
background-image:url(http://i.imgur.com/jfRv0Sq.png);
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom:none;
display:inline-block;
position:relative;
margin-right:10px;margin-bottom:15px;
padding:3px;padding-bottom:10px;
z-index:99999;
}
#navis .ui-selected , #navis a:hover {
box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.7);
-moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.7);
-webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.7);
}
a.thingi {
color: #4db2a3;
text-decoration:none;
font-family:"sintony";
font-size:15px;
background:url(http://i.imgur.com/Sc5tbfn.gif);
background-repeat:no-repeat;
background-size:auto;
padding-left:20px !important;
line-height:18px !important;
margin-left:-30px;
text-decoration:none;
}
a.thingi:hover {
color: #bbb;
cursor: url('http://media.tumblr.com/tumblr_m2umkkR6T61qfamg6.gif'), auto;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
background-image:url(http://i.imgur.com/I1K56Ed.gif) !important;
background-repeat:no-repeat !important;
background-size:auto !important;
line-height:18px !important;
text-decoration:none;
}
.linko a{
color:white;text-decoration:none;
}
.linko {
display:inline-block;
font-family:sintony;
font-size:12px;
letter-spacing:1px;
background:#99c1cf;
color:#fff;
width:80px;
height:auto;
text-align:center;
border:none;
border-radius:5px;
margin:3px;
padding:1px;
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
text-decoration:none;
}
.linko:hover {
color:#fff;
background:#cecf99;
text-decoration:none;
}
::-webkit-scrollbar {
width:10px;
height:10px;
width:15px;
height: 8px;
margin-left:-2px;
}
::-webkit-scrollbar-track-piece {
background-color: #ddd;
border: 5px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#cf9a99;
border-radius:5px;
border: 2px solid #fff;
}
::selection {
background:#ccc; color:white;
}
::-moz-selection {
background: #ccc;color:white;
}
ul{
list-style-type: circle;}
.tr-caption {
font-family:sniglet;font-size:15px;color:#aaa;}
#post-entry-f gp a{
color:#808080; font-family:sniglet; font-size:15px; text-decoration:none;
letter-spacing:1px;
}
.main-title{margin-top:10px;text-align:left;font:19px 'alegreya sc'; color: #80
8080; letter-spacing:1px; background-color: #fff;margin-bottom: -2px; border-bo
ttom: #ccc 3px double;
}
.main-title:first-letter{
font-family:rochester;padding:3px;
font-size:25px;}
.sec-title{
color:#aaa;}
.blogger-labels{
margin-top:-10px;padding-bottom:40px;
}
.blogger-labels a{
text-decoration:none;
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border-radius:5px;
margin-right:3px;
background:rgba(239,239,239,.7);
color:#aaa;
}
.blogger-labels a:hover{
color:#fff;
background:#ddd;
}
a:hover {
cursor: url('http://media.tumblr.com/tumblr_m2umkkR6T61qfamg6.gif'), auto; }
blockquote {
color: #808080;
font-family: consolas;
font-size: 9pt;
line-height: 13pt;
letter-spacing: 2px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
text-align: left;
background: #ffffff;
background: url('http://d2wss9bif9q3el.cloudfront.net/292/580/images/02.png');
background-repeat: no-repeat;
background-position: right;
width: 350px;
height: auto;
max-height:150px;
border: 2px inset #ddd;
overflow:auto;
overflow-x: hidden;
overflow-y: scroll;
}
</style>
<script>
$(function() {
$( "#navis" ).selectable();
});
</script>
</head>
<body>
<div class="header" ><center><a href="/" class="title">Calvacads</a></center><i
mg src="http://33.media.tumblr.com/13e85bde213f2797bc296267a9b95a2d/tumblr_mjfum
gncFk1s330lto1_400.gif" style="top:40px;">
</div>
<div id="navis"><a class="navis ui-selected" onclick="document.getElementById(
'post-entry-f').innerHTML=document.getElementById('posts').innerHTML" >Home</a>
<a onclick="document.getElementById('post-entry-f').innerHTML=document.getEl
ementById('about').innerHTML" class="navis">About</a>
<a onclick="document.getElementById('post-entry-f').innerHTML=document.getEl
ementById('extras').innerHTML"class="navis">Extras</a>
<a class="navis" onclick="document.getElementById('post-entry-f').innerHTML=
document.getElementById('links').innerHTML">Links</a>
<a class="navis" onclick="document.getElementById('post-entry-f').innerHTML=
document.getElementById('cbox').innerHTML">Cbox</a>
<a class="navis" onclick="document.getElementById('post-entry-f').innerHTML=
document.getElementById('follow').innerHTML">Follow</a></div>
<div class="post-container"><div id="post-entry"><div id="post-entry-f"><blogg
er>
<div class="main-title"> <$BlogItemTitle$> </div>
<div class="sec-title">written by Evangelista on <BlogDateHeader><$BlogDateHeade
rDate$></BlogDateHeader></div><br>
<gp><$BlogItemBody$></gp>
</blogger>
<center><br><span style="float:right;"><a title="Newer posts" href=<$NewerPosts$
>><img src="http://i.imgur.com/4byHR.png"></a></span>
<span style="float:left;"><a title="Older Posts" href=<$OlderPosts$>><img src="h
ttp://i.imgur.com/EFpqa.png"></a></span></center>
</div></div></div>
<div id="posts" style="display:none;">
<blogger>
<div class="main-title"> <$BlogItemTitle$> </div>
<div class="sec-title">written by Evangelista on <BlogDateHeader><$BlogDateHeade
rDate$></BlogDateHeader></div><br>
<gp><$BlogItemBody$></gp>
</blogger>
<center><br><span style="float:right;"><a title="Newer posts" href=<$NewerPosts$
>><img src="http://i.imgur.com/4byHR.png"></a></span>
<span style="float:left;"><a title="Older Posts" href=<$OlderPosts$>><img src="h
ttp://i.imgur.com/EFpqa.png"></a></span></center>
</div>
<div id="about" style="display:none;">
<center><img src="http://media.tumblr.com/23b8709d8fef2f9690983b929e79589f/
tumblr_inline_mfnj56MafK1qdlkyg.gif"><img src="http://media.tumblr.com/e4e10358c
8de11e2588dd47e697cc0c4/tumblr_inline_mfnj5aPvIO1qdlkyg.gif"><img src="http://me
dia.tumblr.com/f2440b6fee8ac831f70b390a6ae53f56/tumblr_inline_mfnj71oS7x1qdlkyg.
gif"><img src="http://media.tumblr.com/98962a51019b4709bf0def7736ea8f06/tumblr_i
nline_mfnj8qgKn81qdlkyg.gif"><img src="http://media.tumblr.com/263e449f548aa398e
f99bdadbd4e77ae/tumblr_inline_mfnj8l1coB1qdlkyg.gif"></center>
<img align="left" src="http://i.imgur.com/b93FJCR.png"style="width:100px;
opacity:;border:5px solid white;padding:5px;margin-top:-10px;"><gp>Hola there, t
ellurian! I'm Evangelista Grace. I'm 16 years of age and I hail from a tropical
country, Malaysia. You must have had a reason to pause and read this not-so-nice
'about me' section of mine, I believe. For this, I would like to further elucid
ate on the individual I am :) . I spend plenty of time on <div class="linko1"><a
href="http://listverse.com/" target="_blank">Listverse</a> and <a href="http://
www.reddit.com/r/nosleep/">Reddit: No Sleep</a> (I highly recommend you click th
ose links) and beside that, love spending time on reading just about any elbow-g
riping and juicy articles on the net. Not to mention, I also love (yes,love) cod
ing new stuffs to add to the grandeur of my abode I so often spend time in. I'm
an aspiring coder and I dream of upgrading my neophyte-level of layout-coding in
to a savvy one because that would mean achieving my dream ambition which I've co
ncoted in my dreams. I have more than just one mundane subject of interest, they
're many and rather distinguished from each other--they comprise of Graphic Desi
gn, Computer Science, Genetic Engineering, Creative Writing, Medical Microbiolog
y and _________(a blank space for future subject(s) of interest, because I'm ver
y whimsical about this stuff). Among my favourite movie genres are (I know this
is getting a bit out of hand, but meh I'll carry on anyway) horror, thriller and
mystery (in case this was unbeknownst to ya, there's this site <div class="link
o1"><a href="http://viooz.ac/" target="_blank">Viooz</a> where you can watch FRE
E movies). I guess that's about it. I don't know if I ended this long bio of min
e in an abrupt manner, but thanks for your quality time spent on reading this. F
eel free to exlore this blog and don't forget to drop a message on my cbox befor
e you leave ;)</gp></div>
<div id="extras" style="display:none;">
<center><img src="http://media.tumblr.com/f7c64466383dc972a54fa16a0e496126
/tumblr_inline_mfnj5sYduC1qdlkyg.gif"><img src="http://media.tumblr.com/b88fa9a0
747cb5bb99d038f81c646c6a/tumblr_inline_mfnj92bYFh1qdlkyg.gif"><img src="http://m
edia.tumblr.com/263e449f548aa398ef99bdadbd4e77ae/tumblr_inline_mfnj8l1coB1qdlkyg
.gif"><img src="http://media.tumblr.com/63f6fd692813079b30e9ade91d26972c/tumblr_
inline_mfnj8dp6ka1qdlkyg.gif"><img src="http://media.tumblr.com/23b8709d8fef2f96
90983b929e79589f/tumblr_inline_mfnj56MafK1qdlkyg.gif"><img src="http://media.tum
blr.com/a6ac4d14f993dc992b20f4a804ef9b2c/tumblr_inline_mfnj8hDikA1qdlkyg.gif"></
center>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2014/12/aselec
t-event-and-importance-of-backup.html'>Making an effect stay at a clicked link</
a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2014/11/tutori
al-css-menu-tabs.html' >CSS Menu Tabs</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2014/10/tutori
al-pure-css-header.html' >Pure CSS Header</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2014/09/tutori
al-css-watercolor-text-text.html' >Watercolor Text</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2013/11/tutori
al-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/tutori
al-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/2014/10/tutori
al-flint-scrollbar.html' >Flint scrollbar </a></ul>
>
<div class="linko"><a
>
<div class="linko"><a
>
<div class="linko"><a
<div class="linko"><a
></div>
<div class="linko"><a
<div class="linko"><a
/a></div>
href="search/label/school" target="_blank">School</a></div
href="search/label/stress" target="_blank">Stress</a></div
href="search/label/upset" target="_blank">Upset</a></div>
href="search/label/photoshop" target="_blank">Photoshop</a
href="search/label/mine" target="_blank">Mine</a></div>
href="search/label/retrospect" target="_blank">Retrospect<
</center><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 ;
<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">N
urin</a></div>
<div class="linko"><a href="http://hashtagmiki.blogspot.com/" target="_blank">Mi
ki</a></div>
<div class="linko"><a href="http://blonde-gals.blogspot.com/" target="_blank">Ai
na</a></div>
<div class="linko"><a href="http://izzatyxrif.blogspot.com/" target="_blank">Izz
aty</a></div>
<div class="linko"><a href="http://ayemrawi.blogspot.com/" target="_blank">AyemR
awi</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="http://mizzikastories.blogspot.com/" target="_blank"
>Ika</a></div>
<div class="linko"><a href="http://illwriteyourrname.blogspot.com/" target="_bla
nk">Jenn</a></div>
<div class="linko"><a href="http://fairytaleeeeeee.blogspot.com/" target="_blank
">NSYDHA</a></div>
<div class="linko"><a href="http://adillahasya.blogspot.com/" target="_blank">Ad
illa</a></div>
<div class="linko"><a href="/" target="_blank">Amigo</a></div>
<div class="linko"><a href="/" target="_blank">Amigo</a></div>
<div class="linko"><a href="/" target="_blank">Amigo</a></div>
</center>
<div style="padding-top:8px;"></div>
<br><br>
<font style="font-family:rochester;font-size:17px;color:#000;">C</font> r e d i
t s;
<center><div class="linko"><a href="http://cssdeck.com" title="various" target="
_blank">CSSDeck</a></div><div class="linko"><a href="http://www.svgeneration.com
/" title="SVG Background" target="_blank">SVGbgs</div><div class="linko"><a href
="http://fortawesome.github.io/Font-Awesome/" target="_blank" title="icon fonts"
>Font Awsm</div><div class="linko"><a href="http://tympanus.net/codrops/" title=
"various" target="_blank">Codrops</div>
</center>
<div style="padding-top:8px;"></div>
<br><br>
</div>
<div id="cbox" style="display:none;">
<center><img src="http://media.tumblr.com/033a69ce994349a250c8fd9a8734
7d57/tumblr_inline_mfnj5dqLGY1qdlkyg.gif"><img src="http://media.tumblr.com/9341
c0e98704dc6454f04f317f5545dd/tumblr_inline_mfnj6696cE1qdlkyg.gif"><img src="http
://media.tumblr.com/23b8709d8fef2f9690983b929e79589f/tumblr_inline_mfnj56MafK1qd
lkyg.gif"><img src="http://media.tumblr.com/263e449f548aa398ef99bdadbd4e77ae/tum
blr_inline_mfnj8l1coB1qdlkyg.gif"><img src="http://media.tumblr.com/e4e10358c8de
11e2588dd47e697cc0c4/tumblr_inline_mfnj5aPvIO1qdlkyg.gif"><img src="http://media
.tumblr.com/f2440b6fee8ac831f70b390a6ae53f56/tumblr_inline_mfnj71oS7x1qdlkyg.gif
"><img src="http://media.tumblr.com/b88fa9a0747cb5bb99d038f81c646c6a/tumblr_inli
ne_mfnj92bYFh1qdlkyg.gif"></center>
<br>
<center><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="500" height="180" src="http://www5.cbox.ws/b
ox/?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="500" height="75" src="http://www5.cbox.ws/bo
x/?boxid=712646&boxtag=zg4n92&sec=form" marginheight="2" marginwidth="2"
scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 0
px solid;border-top:0px" id="cboxform5-712646"></iframe></div>
</div>
<!-- END CBOX --></center>
</div>
<div id="follow" style="display:none;">
<br>
<center><a href="http://www.blogger.com/follow-blog.g?blogID= 370747229034078316
3" target="_blank" rel="nofollow" title="follow!"><img src="http://i.imgur.com/8
9dSMYA.gif"></a><br><br>
on random <div class="linko"><a href="search/label/tutorial" target="_blank">tut
orials</a></div>, <div class="linko"><a href="search/label/freebie" target="_bla
nk">freebies</a></div>, <div class="linko"><a href="/" target="_blank">musings</
a></div>, <div class="linko"><a href="/" target="_blank">ramblings</a></div> and
more!<br><br>
&n
bsp;
<img src="http://i.imgur.com/NwI55r8.gif" >
</center>
</div>
</div> </div></div>
</body>
</html>