The Gymnasium

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">



Power Classes.
<p>
Gareth made his way into the large gymnasium and visibly flinched, as well as tensed, as he saw the large variety of different magical beings all brought together in one large room.
<p>
I instantly despite this class, he thought with aggression and was immediately on guard. His heart was beating quicker than normal and that just helped to further tick him off. He despised the fact that he was intimidated. Couldn’t Rosco have sent him to an academy that was a little less… uh… in your face?
<p>
I mean this is just ridiculous, He continued his mental conversation with himself and really who the hell else could he really talk to? Obviously he didn’t belong here. Rosco had made a mistake—damn, he thought he would never say something like that but he was really, really, starting to believe solidly that he had.
<p>
One thing was very clear for Gareth—he did not like Starlight Academy.





</div><div class="shotbody">
<div class="shottag">Gareth & Noelle</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>
 
Fireruby

Fireruby

Well-Known Member
Inactive
Nov 11, 2013
437
Noelle opened the door to the Power classes. She liked it enough, and had some good recent memories. Plus she loved to be able to use her powers without being yelled at. To many people slipping on ice. But that wasn't all her fault. Half the people didn't pay attention to where they were walking,surely that was't her fault! The class hadn't seemed to start yet, so she walked slowly into the room.

She watched the medium sized crowd of students talking, laughing, and using their powers. Some just stood off to the side by themselves. She looked for people she knew, but she saw no one. She walked past a group of students, and one guy just standing by himself. He didn't look to happy. She shrugged, what was there not to love?

Really it didn't take long at all for Noelle to become bored. She always used her powers when she was. And, of course, even when she wasn't. Suddenly, she felt the sudden urge to sit down. With the quick movement of hands, she summoned snow all around her. But this job called for some sweet heavy duty ice. With ease and creativity, she created herself a cozy ice chair, with a full rounded back and criss-crossing support legs. She bent down to blow on it-a trick to make the ice harder- and sat down on it. Naturally, the coldness didn't bother her.

'Much better' she thought, satisfied. She loved her powers because she could build almost anything with them in no time at all. She watched the students scrambling around the room, and settled back in her chair smugly. "True queen of the ice and snow" she said to herself, her words drowned in confidence, and laced with pride.
 
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">



It didn’t take long for Gareth to begin making his way over to the bleachers set up at one side of the gymnasium with the intention of picking a spot where no one else was currently seated. He spotted the blue haired teenager a few feet in front of him and couldn’t help but pause as she began creating ice right before her, molding and shaping it into a rather detailed chair.
<p>
At first glimpse she had looked normal—about as normal as him—but he hadn’t let that fool him and he wasn’t surprised to see her using her powers much like the rest of the people in this class. The thought made him glance toward the other parts of the gymnasium but he instantly regretted it and almost blatantly jerked his gaze away.
<p>
His heart had sped up a little. It was so easy to be intimidated and he hated that. He felt so insignificant here as well as completely… clueless. He didn’t even know crap about his own powers for God’s sake.
<p>
Gareth took in a sharp breath and cleared his mind for the time being, instead focusing on making his way to the bleachers once again. But, as he passed the self-titled ‘Snow Queen’ and her throne he miscalculated the fact that ice was, in fact, slippery.
<p>
He slipped and slid awkwardly, his arms flailing for a split second as he attempted to regain his balance. But then, he didn’t, and went tumbling down on his bottom cursing out a brief [color=BA0009]“The hell—“[/color] as he went along.






</div><div class="shotbody">
<div class="shottag">Gareth & Noelle</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>
 
Fireruby

Fireruby

Well-Known Member
Inactive
Nov 11, 2013
437
Noelle watched casually as the loner student went to sit on a bleacher. She looked around the rest of the room bored. The teachers must have had a meeting, because usually they would be here by now. Oh well, didn't matter much to her. She watched the students milling around and flicked a piece of fuzz from her capris. None of them really showed any true power, or anything impressive. Lucky them they were here.

Suddenly she noticed the loner student walking by. 'I hope he's care-' before she could finish her sentence he started slipping and sliding, and then, he was on the floor. Noelle face palmed herself letting out a sigh of exasperation. She collected the ice from her chair, and the ground, and just like that, it was gone.

"Well, now that we've established the fact that ice is slippery." She held her hand out to him to help him up. She just didn't understand people when it came to ice, why was it so hard to avoid it. Hopefully it wouldn't be to angry and sue her. Or sue the school. Or, sue her and the school. She just didn't have the money for that. Or patience.

She really hoped that she didn't make him mad. She supposed she could take part of the blame, but hadn't he walked on it? Of course she wasn't going to tell him that, unless need arised. Hopefully, it wouldn't.
 
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">



Okay, well that had been just plain dumb. As Gareth sat on the floor he wondered if he should feel a tad bit embarrassed about slipping and sliding, and just the overall awkwardness of the scene. But, to be honest, he didn’t feel like he did. He just wasn’t sensitive to other peoples presences and so there was nothing, really, to be embarrassed about.
<p>
“Well, now that we’ve established the fact that ice is slippery,” The blue-haired girl remarked as she stepped before him and held out her hand. Without any thought, really, Gareth reached out and grasped onto her hand.
<p>
It was cold. The fact shouldn’t have been startling but Gareth hadn’t been thinking and so, in all honesty, everything kind of hit him all at once at that point. While her hand was cold at the start he could easily feel the sensation dimming as his own contrasting body temperature heated himself right back up.
<p>
Gareth released her hand without picking himself up or allowing her to help, and unconsciously frowned as he thought about the fact that she was ice and snow. Huh, he had never thought about it before but…
<p>
[color=BA0009]“Someplace cold, huh…?”[/color] He mumbled out loud to himself as he entertained the idea of him visiting a colder climate place.





</div><div class="shotbody">
<div class="shottag">Gareth & Noelle</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>
 
Fireruby

Fireruby

Well-Known Member
Inactive
Nov 11, 2013
437
Well, he seemed alright for one thing, that was always good. And he wasn't yelling at her, which was really good. She hated being lectured by people. Sometimes she felt like freezing their mouth's shut, but that would make them angrier. Just as she was about to pull him up he pulled his hand away. She raised her eyebrow, slightly frowning. Then she realized her hands were probably colder than usual.

She didn't know what to do or say, so she produced some snow and started licking it. He seemed to be rather comfortable sitting on the floor, and since it was obvious he didn't want her help, she wasn't sure what to do. She was a little startled when he mumbled something.

“Someplace cold, huh…?”

She looked at him with both eyebrows raised not sure what to say. Was he talking to himself? Because she had no answer for his question. She let a "huh" slip out, but hesitated, so it was just a little noise. She felt completely awkward standing there. "Um, I'm gonna go, over there, now." she said, not sure what else to do. She turned and started to walk away, groaning inwardly.
 
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 pulled from his thoughts and glanced up toward the blue haired girl as she apparently muttered some sort of ‘huh’ or maybe ‘yeah’ in response to his thoughts. His frown remained and it didn’t take him long to stand back up and sling his backpack back over one shoulder.
<p>
“Um, I’m gonna go, over there, now,” The girl retorted and gave Gareth the strong impression of one of those overbearing popular girls. They just had this way of talking that irritated him.
<p>
[color=BA0009]“Uh, hey—wait,”[/color] He immediately reached out to grasp her arm the moment she turned to start leaving. As quickly as he grabbed her arm, however, he pulled his hand away again. [color=BA0009]“Uh….”[/color]
<p>
His mind stalled and he grew a little sheepish. He wasn’t used to actually being interested in something. And he didn’t like talking to people. So those two things added together made him in store for one awkward ride.
<p>
[color=BA0009]“Yeah. What’s your name?”[/color] He asked and crossed his arms over his chest as he stared down at her.
</div><div class="shotbody">
<div class="shottag">Gareth & Noelle</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>
 
Fireruby

Fireruby

Well-Known Member
Inactive
Nov 11, 2013
437
Noelle wasn't walking particularly fast, as she was trying to not look stupid. Suddenly she felt an hand grasp her arm, which made her jump on the inside. He wanted her to stay? Maybe he had a question about something. Or maybe he wanted to yell at her. 'Oh for pete's sake Noelle' she thought to herself 'h's not mad. Not all people react the same way' she reminded herself.

“Yeah. What’s your name?”

Noelle smiled just a little, bu tried not to let it show. She didn't want him to think she was trying to get him interested during the last scenario. She mentally cleared her face, leaving it mostly straight, but with a little look of friendliness on it.

"My name is Noelle. I'd offer you a handshake, but as you already know my hands are a little cold." She held up her hands and shrugged. There wasn't much she could do about that, they were her partners. She didn't know what she'd do without them. Actually, most people wouldn't. She shifted her weight a little feeling him staring down at her. Best just to act natural. She kept her eyebrows lifted, with an expression of interest. She wasn't one of those people who never listened to other people, and she didn't want to look like one either.
 
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">



“My name is Noelle. I’d offer you a handshake, but as you already know my hands are a little cold.” The girl introduced herself and Gareth’s silver gaze unconsciously, briefly, lowered to her hands when she hinted at the scene that had just happened moments prior.
<p>
Ironically, the cold didn’t bother him — instead it interested him. He wasn’t sure why he had never thought of it before. Of course snow, ice, and all the frozen-like would interested him. He was damnably made of fire, after all! Okay, maybe that didn’t make too much sense — he didn’t know — but it made sense to him and that’s all that really mattered anyway.
<p>
[color=BA0009]“Ah, no, I wasn’t bothered by your… hands. I mean the cold… of your hands.”[/color] He began but quickly was fumbling over his words as he had no talent in actually talking to people. [color=BA0009]“I… uh… I think I like the cold.”[/color]
<p>
Dammit, why did he sound like a buffoon…!



</div><div class="shotbody">
<div class="shottag">Gareth & Noelle</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