Nouvelle Lune - Artemis Story book

Code
[spoiler][/spoiler]
[list=1]This story is the background of [url=http://www.gaiaonline.com/marketplace/itemdetail/10019161/]Artemis[/url] item set for Gaia[center]A long, long time ago, a young spirit named Artemis spent her afterlife in a forest that was forever cast in a perpetual night.  Although she loved her forest, and all the creatures in it, Artemis had always held in her heart a special dream: to visit the sky.  The heavens had always looked so empty and lonely to Artemis, and even before her passing she had hoped to one day climb into the sky itself.  Finally, after much deliberation, Artemis decided she ought to pursue her heart’s desire.  How hard could it possibly be?  [/center][b][img]http://i695.photobucket.com/albums/vv312/fredysugiman/nouvelle_lune_GO/intro.png~original[/img][/b][center]It took some searching, but Artemis eventually managed to find the tallest tree in her forest.  It stretched upward as far as her eyes could see -- surely it reached the sky itself!  And so Artemis set about climbing the tree, carefully hopping from branch to branch as she slowly made her way higher and higher.[/center][b][img]http://i695.photobucket.com/albums/vv312/fredysugiman/nouvelle_lune_GO/conflict_1.png~original[/img][/b][center]Artemis made it to the top of the tree, but even if she stretched her hands out as far as they could go, they simply never came anywhere close to the sky.  But Artemis wasn’t discouraged!  From her new tall perch she could see a mountain in the distance, its pointed peak scraping the bottom of the clouds.  And so Artemis climbed back down the tree and found her way to the mountain.  This had to lead straight into the sky!  Artemis steeled her nerve and began picking her way up the mountain, determined to make it to the very top.[/center][b][img]http://i695.photobucket.com/albums/vv312/fredysugiman/nouvelle_lune_GO/conflict_2.png~original[/img][/b][center]The top of the mountain was higher than Artemis could have ever imagined!  She’d climbed past the clouds themselves to get to this point.  Surely she could visit the heavens now!  But no matter how high she jumped or how much she tried, she couldn’t seem to make it into sky.  Feeling defeated, Artemis made her way back down the mountain and returned to her thicket.  To her surprise and horror, however, a doe had been wounded while she was gone.  Although Artemis tried everything she could to save the deer, the poor creature eventually passed on.  Artemis was devastated.  She hadn’t been there to watch over her forest, and as a result the unthinkable had occurred.  Heartbroken, Artemis and the other creatures of her grove buried the doe in a peaceful meadow.  Artemis planted a single seed there, a sign of her sorrow and respect.[/center][b][img]http://i695.photobucket.com/albums/vv312/fredysugiman/nouvelle_lune_GO/conflict_3.png~original[/img][/b][center]As Artemis mourned by the deer’s gravesite, she heard something strange: the sound of soil shifting.  She opened her eyes and stared in wonder as a massive tree, bigger than any tree she had ever seen, suddenly erupted out of the ground before her.  It grew, and grew, and grew -- it never seemed to stop!  Its branches formed a gnarled staircase that spiraled around the trunk, all the way to the very top of the tree.  The tree reached so high she couldn’t even see the top of it anymore, and its massive crown of leaves seemed to glitter with a comforting, twinkling glow.  Artemis gaped, too stunned to react.  Was… was she supposed to climb it?[/center][b][img]http://i695.photobucket.com/albums/vv312/fredysugiman/nouvelle_lune_GO/conflict_4.png~original[/img][/b][center]Gathering all her courage, Artemis hesitantly placed a foot on the first branch.  She began her long climb, ascending higher and higher.  After a while, Artemis realized she felt… strange.  She had always glowed a little bit -- most spirits do -- but now her aura of light was dazzling to look at.  When Artemis made it to the top of the tree she was positively alight, a halo of luminous brilliance surrounding her.  Smiling, Artemis settled in amongst the sparkling leaves and clouds, watching her forest from her new perch high in the sky, bright and beaming, the land below her bathed in a pale, soothing glow.

Credits source: [url=http://thousandskies.com/blog/2014/1/10/nouvelle-lune-gaia-online]Thousandskies.com[/url] for the story[/center][b][img]http://i695.photobucket.com/albums/vv312/fredysugiman/nouvelle_lune_GO/victory.png~original[/img][/b][*][align=left]1[/align][*][align=left]2[/align][*][align=left]3[/align][*][align=left]4[/align][*][align=left]5[/align][*][align=left]E[/align][/list]


/* Main Storyboard CSS*/

#text_77689 {
left:50% !important;
top:30px !important;
}

#text_77689 .spoiler-wrapper {
position:absolute;
top:0px;
left:-75px;
width:150px;
height:25px;
border:none !Important;
}

#text_77689 .spoiler-wrapper:before {
position:absolute;
display:block;
content:'Open Nouvelle Lune Story';
font-family:comic sans ms;
font-size:10px;
text-align:center;
background:rgba(0,0,0,0.3);
color:white;
height:19px;
width:140px;
padding:3px 5px;
border-radius:5px;
}


#text_77689 .spoiler-revealed:before {
content:'Close storyboard';
}


#text_77689 .spoiler-title, #text_77689 .spoiler-title * {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
opacity:0;
}

#text_77689 img {
width:240px;
-moz-position:sticky;
-webkit-position:sticky;
position:sticky;
top:0px;
opacity:0.3;
}

#text_77689 center:hover + span img, #text_77689 span:hover img {
opacity:1;
}

.decoration ol {
position:absolute;
top:30px;
left:-250px;
width:480px;
height:0px;
background:rgba(255,255,255,0.6);
box-shadow:0px 0px 3px #000;
border-radius:10px;
border:0px solid transparent;
overflow-y:auto;
overflow-x:hidden;
}

.decoration .spoiler-revealed ~ ol {
height:400px;
border:10px solid transparent;
}

.decoration ol span, .decoration ol center {
float:left;
width:auto;
height:700px;
font-family:comic sans ms;
font-size: 15px;
line-height:30px;
padding:0px 0px 50px 0px;
}

.decoration ol center {
width:220px;
color:rgb(30,30,55);
text-shadow:2px 2px 2px #888;
padding:50px 0px 0px 0px;
}

.decoration ol *:nth-of-type(2):not(li) {
height:550px;
}

.decoration ol *:nth-of-type(4):not(li) {
height:1020px;
}

.decoration ol *:nth-of-type(5):not(li) {
height:800px;
}

.decoration ol *:nth-of-type(6):not(li) {
height:890px;
}

.decoration ol li {
top:0px;
right:0px;
position:absolute;
display:block;
height:4800px;
width:15px;
background:transparent;
-webkit-transform:scale(0,0); /*--remove on webkit, due no supp yet--*/
}

.decoration ol li div {
position:absolute;
-moz-position:sticky;
-webkit-position:sticky;
position:sticky;
top:160px;
font-size:15px;
font-family:Helvetica;
background:rgba(255,255,255,0.5);
text-align:center !important;
}

.decoration ol li:nth-of-type(2) {top:850px;height:4020px;}
.decoration ol li:nth-of-type(2) div { top:180px;}

.decoration ol li:nth-of-type(3) {top:1470px;height:3380px;}
.decoration ol li:nth-of-type(3) div { top:200px;}

.decoration ol li:nth-of-type(4) {top:2200px;height:2670px;}
.decoration ol li:nth-of-type(4) div { top:220px;}

.decoration ol li:nth-of-type(5) {top:3250px;height:1590px;}
.decoration ol li:nth-of-type(5) div { top:240px;}

.decoration ol li:nth-of-type(6) {top:4100px;height:780px;}
.decoration ol li:nth-of-type(6) div { top:260px;}