Homework and past viewings

G

Gemma

Member
Inactive
Jun 4, 2014
20
The one thing about school work: no matter how much you wanted it to, it simply wasn't going to disappear or do itself. Lena emitted a sigh as she stood from the chair she had been perched upon for the last two hours, reaching her hands high above herself in a big stretch. She still had a long english essay to write over Poe and just wasn't feeling it. As she sat there, rays of sunlight poured in from the nearest window, warming the back of her neck and absolutely teasing her. Lena hated anything that kept her indoors, especially when the weather was nice.

Turning back to her books splayed open against the small round table and her laptop, she quickly saved what she had already typed and wrinkled her nose at the mess before turning and heading deeper within the stacks. Lena wasn't one to get a lot of her homework information online unless she absolutely had to - she preferred using the old fashioned way: books. At least she knew the information wasn't something some bored thirty year-old guy wrote wrongly about.

Her eyes scanned the spines of hundreds of books as she walked, her flip flops smacking quietly against her heels. Lena found her section, the 800's, where all of the poetry resided, and studied the books for a moment on Poe. Tilting her head to the side a bit as she went, strands of long dark brown hair fell over her shoulder and she quickly tucked them back behind her ears. A couple more steps and now she was craning her neck back to read the labels on the topmost shelf. Glancing about herself, Lena approached the shelf and stood on her very tiptoes, her fingers just barely brushing the spine.

"You won't be able to reach that, you know," chuckled a handsome looking boy who leaned up against the opposing shelf, arms crossed with one foot crossing the other as well. A younger girl, glanced over her shoulder, stuck her tongue out, and bumped the book with her fingers so that it fell and landed right into her hand in one graceful moment.

"Ha!" came her small voice.

With a clatter, the book toppled from its shelf and smacked Lena right in the head.

"Dammit," she muttered, shaking her head just the slightest and lifting a hand to rub at the sore spot at her temple. She then glared at the book who laid, sprawling it's pages, on the ground. "Why can't I have a useful power?" A sigh escaped her lips once more as she crouched down to retrieve the book, hesitating for a moment before she actually allowed her palms to press against its surfaces.
 
G

Gareth The Wise

Active Member
Inactive
May 19, 2014
39
<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<img src="https://24.media.tumblr.com/8c0a4fb7d1e2a1376e75142605e1aded/tumblr_n1048rFJzD1rpak1xo7_250.png" class="shoticon"><p>
<div class="shottext">




Gareth stepped through the large doors at the entrance of the academy’s library and paused to take in a deep breath of relief. His silver eyes scanned the interior of what was possibly the quietest room in the entire school. And he was happy to find that there were very, very, few students about. He had expected as much given the fact that the academy also harbored a more food and drink friendly lounge area with included wifi.
<p>
The sixteen year old hadn’t visited the library for homework or essays — to be honest he would probably flunk English, Math, History, and Science. His purpose of attending Starlight hadn’t been to graduate with a high school diploma, it had been to learn how to use his powers correctly.
<p>
As such, Gareth began through the end of the aisles scanning the different sections on the nameplates as he searched for the magics. He wanted to get out of this school and he was hell bent on spending every free minute furthering his knowledge on his power and how to control it.
<p>
As he passed by the History section and its aisles, Gareth happened to spot a female student bending over to retrieve a fallen book. She looked normal — or, rather, human — but her appearance didn’t put him at ease. He had seen too many things here, things that no sane person should ever have to witness, and his mind had become deluded. He often felt a sense of constant paranoia.
<p>
Although they appeared human, although they looked to be normal, Gareth knew that their very presence at this school completely contradicted that. Everyone was dangerous, disturbed — this whole school was filled with things, creatures, freaks, that shouldn’t even exist.
<p>
He would give anything to be normal, to wake up as a child once more back on the farm with his old, nasty, hag of a mother and live that life. If it meant he wasn’t supernatural, if it meant he had never been exposed to this, if it meant…
<p>
Gareth stiffened a little as he surfaced from his thoughts and realized that he had unconsciously stopped at the end of the aisle to blatantly stare at the girl.




</div><div class="shotbody">
<div class="shottag">Gareth & Lena</div>

<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;">
<tr><td vAlign="top"><div class="shot1">M</div>

</td><td vAlign="top"><div class="shot2">A</div></td>

<td vAlign="top"><div class="shot3">N</div></td>

<td vAlign="top"><div class="shot5"> </div></td>

<td vAlign="top"><div class="shot6">O</div></td>

<td vAlign="top"><div class="shot7">N</div></td>

<td vAlign="top"><div class="shot8"> </div></td>

<td vAlign="top"><div class="shot9">F</div></td>

<td vAlign="top"><div class="shot10">I</div></td>

<td vAlign="top"><div class="shot11">R</div></td>

<td vAlign="top"><div class="shot12">E</div></td>

<td vAlign="top"><div class="shot13">.</div></td></tr></table>

<div class="shotsub">going down in a blaze</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of fts</div></div><p>

<style>
.shoticon { border: 8px solid #BA0009; background-color: #BA0009; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; color: #000000; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #BA0009;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shottag { background-color: #BA0009; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #ec7962; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 { border-top: 19px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 { border-top: 8px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 { border-top: 22px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 { border-top: 13px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 { border-top: 32px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 { border-top: 10px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 { border-top: 24px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 { border-top: 11px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 { border-top: 39px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 { border-top: 26px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 { border-top: 7px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>
 
G

Gemma

Member
Inactive
Jun 4, 2014
20
Brushing her fingers against the carefully laminated cover, Lena held her breath for a split second, mentally willing herself to close out any stupid memories this book had. When Lena came into contact with an item that gave her visions, she always referred to them as "memories" - as if inanimate objects could think for themselves.

Grasping the book, Lena paused in her movements, still crouched down as her gaze fell upon a pair of shoes only mere feet before her. Slowly, she glanced up and took in the image of a boy. Raising a thin brow slightly, Lena pulled the book in close to herself and blinked. He looked lost in thought at the moment, and Lena was a bit reluctant to startle anyone.

"Uhm," Lena murmured, her voice quiet. "Hi. Are you okay?" Her eyes flicked over his shoulder, glancing at her laptop and mess of a table to make sure no kid decided to run off with her belongings while she had been browsing.
 
G

Gareth The Wise

Active Member
Inactive
May 19, 2014
39
<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<img src="https://24.media.tumblr.com/8c0a4fb7d1e2a1376e75142605e1aded/tumblr_n1048rFJzD1rpak1xo7_250.png" class="shoticon"><p>
<div class="shottext">



“Uhm, hi. Are you okay?” The girl asked, taking immediate notice of his bizarre staring. Gareth took an unconscious step back and found himself mutely glancing back toward the table area a second after her. He and this girl were about the only two in the library (at least that he had seen) aside from the librarian.
<p>
[color=BA0009]“Yeah. Sorry,”[/color] He said, uttering a quick apology as an afterthought as he glanced back and down toward her. [color=BA0009]“I was just… uh, thinking.”[/color]

</div><div class="shotbody">
<div class="shottag">Gareth & Lena</div>

<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;">
<tr><td vAlign="top"><div class="shot1">M</div>

</td><td vAlign="top"><div class="shot2">A</div></td>

<td vAlign="top"><div class="shot3">N</div></td>

<td vAlign="top"><div class="shot5"> </div></td>

<td vAlign="top"><div class="shot6">O</div></td>

<td vAlign="top"><div class="shot7">N</div></td>

<td vAlign="top"><div class="shot8"> </div></td>

<td vAlign="top"><div class="shot9">F</div></td>

<td vAlign="top"><div class="shot10">I</div></td>

<td vAlign="top"><div class="shot11">R</div></td>

<td vAlign="top"><div class="shot12">E</div></td>

<td vAlign="top"><div class="shot13">.</div></td></tr></table>

<div class="shotsub">going down in a blaze</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of fts</div></div><p>

<style>
.shoticon { border: 8px solid #BA0009; background-color: #BA0009; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; color: #000000; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #BA0009;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shottag { background-color: #BA0009; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #ec7962; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 { border-top: 19px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 { border-top: 8px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 { border-top: 22px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 { border-top: 13px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 { border-top: 32px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 { border-top: 10px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 { border-top: 24px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 { border-top: 11px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 { border-top: 39px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 { border-top: 26px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 { border-top: 7px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>
 
G

Gemma

Member
Inactive
Jun 4, 2014
20
Lena studied the boy for a moment before shoving her hair back behind her ear once more.

"Mm.." she said, tilting her head to the side just slightly. "You're welcome to join me if you want." Lena nodded her head in the direction of the table and she began to walk towards it, flip-flops continuing their slight smacking sounds. She thought for a split second, trying to remember where she had seen the boy before. Then again, it was a school, with quite a few people. Lena couldn't remember everyone. She easily thought back to her first day and how badly she had wanted to stay in her dorm room, alone, and hide under the bed.

Lena thunked the book down onto the pile of others and threw herself into the chair, sighing. She lifted a hand to the now-slightly swollen spot at her temple and winced. Dang, that had hurt. She glanced over her shoulder, gaze falling upon the boy once more, as she waited to see if he would follow her or not. Either way, Lena had to finish this stupid essay.

"Homework is so pointless," she muttered, glaring at her laptop.
 
G

Gareth The Wise

Active Member
Inactive
May 19, 2014
39
<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<img src="https://24.media.tumblr.com/8c0a4fb7d1e2a1376e75142605e1aded/tumblr_n1048rFJzD1rpak1xo7_250.png" class="shoticon"><p>
<div class="shottext">




The brunette invited him to come and join her, motioning toward the table which had apparently been where she had set up. Both of Gareth’s eyebrows rose as he stared off toward the tables and then to the girl once more as she got up and began to head back.
<p>
[color=BA0009]“Yeah, no,”[/color] He told her just as she started to head back. He shoved both of his hands into the front pockets of his jeans and hunched his shoulders lightly as he glanced toward the row of book shelving and the aisles. [color=BA0009]“I still got some work to do.”[/color]



</div><div class="shotbody">
<div class="shottag">Gareth & Lena</div>

<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;">
<tr><td vAlign="top"><div class="shot1">M</div>

</td><td vAlign="top"><div class="shot2">A</div></td>

<td vAlign="top"><div class="shot3">N</div></td>

<td vAlign="top"><div class="shot5"> </div></td>

<td vAlign="top"><div class="shot6">O</div></td>

<td vAlign="top"><div class="shot7">N</div></td>

<td vAlign="top"><div class="shot8"> </div></td>

<td vAlign="top"><div class="shot9">F</div></td>

<td vAlign="top"><div class="shot10">I</div></td>

<td vAlign="top"><div class="shot11">R</div></td>

<td vAlign="top"><div class="shot12">E</div></td>

<td vAlign="top"><div class="shot13">.</div></td></tr></table>

<div class="shotsub">going down in a blaze</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of fts</div></div><p>

<style>
.shoticon { border: 8px solid #BA0009; background-color: #BA0009; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; color: #000000; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #BA0009;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shottag { background-color: #BA0009; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #ec7962; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 { border-top: 19px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 { border-top: 8px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 { border-top: 22px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 { border-top: 13px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 { border-top: 32px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 { border-top: 10px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 { border-top: 24px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 { border-top: 11px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 { border-top: 39px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 { border-top: 26px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 { border-top: 7px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>

ooc: Gemma, I am okay with ending the thread here and having them meet a second time in a second thread. Or I am okay with them seeing each other again later (while still in the library) and maybe being able to talk again in this thread. c:
 
G

Gemma

Member
Inactive
Jun 4, 2014
20
ooc: Not a problem! How about we continue this thread while we can and then if need be move to another?? :)

Lena glanced up and her eyebrows rose. A small smile played at her lips as she shook her head a bit. She held up a finger as she watched the boy go.

"I thought I recognized you. Now, I know why." And with that, she returned to her homework.

<div align=center> ***</div>

The hours were dwindling by when Lena finally closed her laptop, a satisfying stretch raising her arms. She was finally finished with her seven page paper and could now put it out of her mind. Yet, she frowned as her gaze fell upon the huge stack of books that loomed before her. She still needed to put them away. Pushing her chair back, Lena stood and grasped her laptop, shoving it into the messenger bag she had rested in one of the other chairs that belonged to the table. Her hands gathered her notes up into a small stack of papers and placed them into the bag next. Closing it, she slung the strap over her shoulder and retrieved the stack of books.

Slowly, Lena made her way down the stacks once again, searching for where each book needed to go. Vaguely, she wondered if that boy was still there.
 
G

Gareth The Wise

Active Member
Inactive
May 19, 2014
39
<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<img src="https://24.media.tumblr.com/8c0a4fb7d1e2a1376e75142605e1aded/tumblr_n1048rFJzD1rpak1xo7_250.png" class="shoticon"><p>
<div class="shottext">




Gareth had long since reached the section that specialized in powers and magic. It had taken him a bit to scan the large variety of books lining the shelves before he was able to find something along the lines of what he was searching for. In the end, he had pick out four books that looked as though they may be of help.
<p>
And then he searched the library for a place to sit. The room was still quiet, and continued to stay that way—and God was he thankful for that. He enjoyed the peace and quiet, the solitude, and after he had found himself a nice chair and desk he had proceeded to sit down in the chair and prop both of his feet up onto the table.
<p>
From where he was seated the Librarian didn’t have any visual on him and so, for the next couple of hours, he went undisturbed as he thumbed through one book after another.




</div><div class="shotbody">
<div class="shottag">Gareth & Lena</div>

<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;">
<tr><td vAlign="top"><div class="shot1">M</div>

</td><td vAlign="top"><div class="shot2">A</div></td>

<td vAlign="top"><div class="shot3">N</div></td>

<td vAlign="top"><div class="shot5"> </div></td>

<td vAlign="top"><div class="shot6">O</div></td>

<td vAlign="top"><div class="shot7">N</div></td>

<td vAlign="top"><div class="shot8"> </div></td>

<td vAlign="top"><div class="shot9">F</div></td>

<td vAlign="top"><div class="shot10">I</div></td>

<td vAlign="top"><div class="shot11">R</div></td>

<td vAlign="top"><div class="shot12">E</div></td>

<td vAlign="top"><div class="shot13">.</div></td></tr></table>

<div class="shotsub">going down in a blaze</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of fts</div></div><p>

<style>
.shoticon { border: 8px solid #BA0009; background-color: #BA0009; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; color: #000000; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #BA0009;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shottag { background-color: #BA0009; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #ec7962; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 { border-top: 19px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 { border-top: 8px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 { border-top: 22px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 { border-top: 13px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 { border-top: 32px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 { border-top: 10px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 { border-top: 24px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 { border-top: 11px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 { border-top: 39px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 { border-top: 26px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 { border-top: 7px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>
 
G

Gemma

Member
Inactive
Jun 4, 2014
20
Finding the last book's residence, Lena emitted a soft sigh. She began to step down from the stool she had retrieved when her foot slipped. Throwing her hands out as the world rushed before her eyes, Lena's fingers smacked against a shelf and she instinctively grabbed hold. Yet, gravity was too much, and with a loud clang, a yelp, and several thuds, Lena and the shelf both came crashing down. It took Lena a moment to realize what happened and she slowly sat up, wincing as she did so. A hand went to her arm where a long scrape stretched from her shoulder to her elbow and she sighed, running her fingers through her hair.

"Ow..." she muttered, glaring at the mess around her. Slowly, she stood and looked at the shelf that was now hanging at an angle.
 
G

Gareth The Wise

Active Member
Inactive
May 19, 2014
39
<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<img src="https://24.media.tumblr.com/8c0a4fb7d1e2a1376e75142605e1aded/tumblr_n1048rFJzD1rpak1xo7_250.png" class="shoticon"><p>
<div class="shottext">




Without warning the nice and quiet library was greeted with the sounds of books toppling as well as other, larger, objects. Gareth instantly tensed from where he was lounging at his chair and desk, his gaze immediately lifting to survey the room. From where he was sitting he had no actual visual on the commotion that had just occurred — at least for the first little bit. Gareth’s gaze lowered toward the floor as he spotted a couple of books falling down right at the edge of an aisle.
<p>
He would have shrugged it off and continued reading his book — in fact that was exactly what he began to do — but the young, feminine, voice of that girl he had met earlier caught his attention and paused him. For a moment he inwardly battled with himself, warring between his ‘good’ conscious and ‘bad’.
<p>
In the end, with a grumble under his breath, Gareth placed his book down on the table and stood from his chair in order to go and inspect what had happened.
<p>
[color=BA0009]“Hey, girl, you all right?”[/color] He asked as he rounded the corner and then came to a stop. He immediately caught sight of the long scrape against one of her arms, the books scattered about the floor, and the broken shelf dangling at an odd angle.
<p>
Gareth immediately moved to step forward and take the shelf, shoving it back into its place just in case it decided to fall down and attack the girl further.





</div><div class="shotbody">
<div class="shottag">Gareth & Lena</div>

<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;">
<tr><td vAlign="top"><div class="shot1">M</div>

</td><td vAlign="top"><div class="shot2">A</div></td>

<td vAlign="top"><div class="shot3">N</div></td>

<td vAlign="top"><div class="shot5"> </div></td>

<td vAlign="top"><div class="shot6">O</div></td>

<td vAlign="top"><div class="shot7">N</div></td>

<td vAlign="top"><div class="shot8"> </div></td>

<td vAlign="top"><div class="shot9">F</div></td>

<td vAlign="top"><div class="shot10">I</div></td>

<td vAlign="top"><div class="shot11">R</div></td>

<td vAlign="top"><div class="shot12">E</div></td>

<td vAlign="top"><div class="shot13">.</div></td></tr></table>

<div class="shotsub">going down in a blaze</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of fts</div></div><p>

<style>
.shoticon { border: 8px solid #BA0009; background-color: #BA0009; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; color: #000000; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #BA0009;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shottag { background-color: #BA0009; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #ec7962; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 { border-top: 19px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 { border-top: 8px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 { border-top: 22px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 { border-top: 13px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 { border-top: 32px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 { border-top: 10px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 { border-top: 24px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 { border-top: 11px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 { border-top: 39px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 { border-top: 26px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 { border-top: 7px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>
 
You must log in or register to reply here.
Top Bottom
Forgot your password?