The "Great Outdoors" is Overrated [Nala]

[Shiranui]

[attr="class","maindivclass"]

[attr="class","postmain b"]

[attr="class","stuffles"]

[attr="class","notes words"] 273

[attr="class","tags"]Nala

[attr="class","postcontent"]The weekend had finally arrived (or so it says on the in-game clock). Shiranui could finally kick back and do other things that didn't involve tailoring or fighting. It was the polar opposite in the real world, where he spent most of his time working on his college studies then crafts and fights in the game during his free time. Oh, how things change when you're suddenly thrust into a game without your prior consent! He grabbed an apple out of his inventory. It was all thanks to Capsule for providing him with enough snacks to a last the weekends. It was during that time they spent together, making Capsule's clothing, that several problems with his marketing scheme was pointed out: A.) The customers are denied the privilege of privacy, as there are no changing rooms whatsoever; B.) Tools and materials easily clutter up within the small confined space they were so rudely shoved into and lastly; C.) The location.

So today, with his three tails swinging from side to side in a bouncy and upbeat tempo, Shira sought out to look for the perfect establishment to set up shop in. With news of guild housing just on the horizon, it doubled as the perfect opportunity to find a solid foundation for Avarice. If I recall correctly, the plan was to use my shop as a front for the actual guild hall, thought Shira. Naturally, he thought that this was shaping up to be something that would normally be illegal. But since the guild's goal was to pillage the treasure chests before other people do, it kind of made sense... a little bit.

[newclass=.maindivclass ~ br]display: none;[/newclass]
[newclass=.postmain.a]origin: border-box; width: 900px; height: 420px; background-image: url('http://i.imgur.com/mrIdd2L.png'), url('http://i.imgur.com/Km1XXTi.png'); background-repeat: no-repeat, repeat; background-size: 70%, 7%; background-position: -24% 4px, 0% 0%; border-radius: 7px; padding: 8px; box-shadow: 0px 0px #dedede;[/newclass]
[newclass=.postmain.b]origin: border-box; width: 900px; height: 420px; background-image: url('http://i.imgur.com/YhC89Kf.png'), url('http://i.imgur.com/Km1XXTi.png'); background-repeat: no-repeat, repeat; background-size: 65%, 7%; background-position: -34% 4px, 0% 0%; border-radius: 7px; padding: 8px; box-shadow: 0px 0px #dedede;[/newclass]
[newclass=.postmain img]height: 30px; width: 30px;[/newclass]
[newclass=.postcontent]margin-top: -13px; border-radius: 7px; float: right; height: 398px; width: 500px; background-color: #222222; opacity: .95; color: #fff; font: 10.5px georgia; text-align: justify; padding: 12px; overflow: auto;[/newclass]
[newclass=.postcontent b]font: 13px Imprint MT Shadow; color: #33eeff; font-style: initial;[/newclass]
[newclass=.stuffles]position: relative; left: 0px; top: 70%;[/newclass]
[newclass=.notes.words]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left; text-align: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; transition: width 0.75s; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left;  font: 16px Charlemagne STD; height: 30px; width: 100px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover ~ .tags]left: -100px[/newclass]
[newclass=.notes.words:hover ~ .tags2]left: -100px[/newclass]
[newclass=.tags]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden; transition: width 0.75s, left 0.75s;[/newclass]
[newclass=.tags b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.notes.words b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.tags:hover]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 16px Charlemagne STD; height: 50px; width: 250px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff;[/newclass]
[newclass=.tags:hover ~ .tags2]left: -250px[/newclass]
[newclass=.tags2]position: relative; left: -66px; top: 105%; color: transparent; margin-top: 45px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; overflow: hidden; transition: all ease in 0.75s;[/newclass]
[newclass=.tags2 b]font: 18px Trebuchet MS; color: #fff; overflow: hidden;[/newclass]
[newclass=.tags2:hover]position: relative; left: -66px; top: 105%; margin-top: 45px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: auto; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]

[Nala]

"MARCOOOO!"

Sticking her head around a corner, Nala peer between two buildings suspiciously. Obviously there was no reply of Polo from any of her brothers as she went down the narrow alley. For all she knew, they were back at home, stuffing their faces with leftovers, or fled the town entirely to go on some crazy adventure again. She had to admit though, it was a miracle that they even followed her out the door at the mention of helping her out at the station with some shopping.

Huffing loudly at the other end of the alleyway, Nala shook her head; deciding to give up on the wild goose chase. If they didn't want to lend a hand then fine! She'd do it on her lonesome and just leave them to their own devices for a few days! Adjusting her course, she was set off for her previous destination before she got sidetracked with looking for the meddlesome trio.

The bustle of the crowd on a weekend was a little overwhelming for some, but the blond little fox-tail loved it. It reminded her of home, and of how people still held onto their real-world shopping habits. All in all it was a nice change of pace from every other day of fighting. Strolling around, looking at various ingredients, Nala was hardly paying much attention to anything else. It was a small crash of someone dropping glass that snapped her out of her daze just in time to become part of a short chain reaction- A startled customer dropping a plate, almost backing up into someone passing by, who jumped back and bumped into the unsuspecting Nala, causing her to stumble and fall forward. "Eep!!" Of course, she added to the chain by flailing out an arm to grab the nearest thing- accidentally tugging on one of three unlucky fox tails as she trips.

Word Count: 313

[Shiranui]

[attr="class","maindivclass"]

[attr="class","postmain b"]

[attr="class","stuffles"]

[attr="class","notes words"] 307

[attr="class","tags"]Nala

[attr="class","postcontent"]The sudden sensation gripped him like fear. The feeling was neither good nor bad. Shira simultaneously felt distress, violation and confusion all at once. The elegant poise and grace he once had were shoved out of his system and was replaced with a sudden jolt that made his body shiver. His knees collapsed under him, his hands shot to the ground to break his fall. He could feel the blood going to his head as his cheeks flustered bright red. His breathing was heavy; he was trying with all his might to keep his voice from escaping. He could feel that unnatural moan just clawing its way out

My tail has never been held this tightly since Capsule... W-who t-the heck d-does t-this person t-think h-he or sh-she is? thought Shira. Slowly, he turned his head towards his tail. To his surprise, the perpetrator was a female, which just made him fluster some more. He quickly turned away and, in his best voice, he muttered, "P-p-please... M-my tail... H-hands off- Hah..." He was getting more uncomfortable by the second. If this person had any idea of what its like to have a tail, they would definitely know that unauthorized contact was definitely off-limits. Heck, even if it was allowed it was weird; it felt like he was being tickled while being groped at the same time. Did he like it? That was still up for debate. Still, it was pretty uncomfortable enough for him.

Time seemed to move slow for him- like the discomfort was some sort of lasting punishment. He hoped this person, whoever she was, would just let it go. She was in for one hell of a lecture soon. Little did Shiranui know that the other party was also a Fox Tail. This little fact slipped his notice after discovering her gender.

[newclass=.maindivclass ~ br]display: none;[/newclass]
[newclass=.postmain.a]origin: border-box; width: 900px; height: 420px; background-image: url('http://i.imgur.com/mrIdd2L.png'), url('http://i.imgur.com/Km1XXTi.png'); background-repeat: no-repeat, repeat; background-size: 70%, 7%; background-position: -24% 4px, 0% 0%; border-radius: 7px; padding: 8px; box-shadow: 0px 0px #dedede;[/newclass]
[newclass=.postmain.b]origin: border-box; width: 900px; height: 420px; background-image: url('http://i.imgur.com/YhC89Kf.png'), url('http://i.imgur.com/Km1XXTi.png'); background-repeat: no-repeat, repeat; background-size: 65%, 7%; background-position: -34% 4px, 0% 0%; border-radius: 7px; padding: 8px; box-shadow: 0px 0px #dedede;[/newclass]
[newclass=.postmain img]height: 30px; width: 30px;[/newclass]
[newclass=.postcontent]margin-top: -13px; border-radius: 7px; float: right; height: 398px; width: 500px; background-color: #222222; opacity: .95; color: #fff; font: 10.5px georgia; text-align: justify; padding: 12px; overflow: auto;[/newclass]
[newclass=.postcontent b]font: 13px Imprint MT Shadow; color: #33eeff; font-style: initial;[/newclass]
[newclass=.stuffles]position: relative; left: 0px; top: 70%;[/newclass]
[newclass=.notes.words]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left; text-align: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; transition: width 0.75s; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left;  font: 16px Charlemagne STD; height: 30px; width: 100px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover ~ .tags]left: -100px[/newclass]
[newclass=.notes.words:hover ~ .tags2]left: -100px[/newclass]
[newclass=.tags]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden; transition: width 0.75s, left 0.75s;[/newclass]
[newclass=.tags b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.notes.words b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.tags:hover]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 16px Charlemagne STD; height: 50px; width: 250px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff;[/newclass]
[newclass=.tags:hover ~ .tags2]left: -250px[/newclass]
[newclass=.tags2]position: relative; left: -66px; top: 105%; color: transparent; margin-top: 45px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; overflow: hidden; transition: all ease in 0.75s;[/newclass]
[newclass=.tags2 b]font: 18px Trebuchet MS; color: #fff; overflow: hidden;[/newclass]
[newclass=.tags2:hover]position: relative; left: -66px; top: 105%; margin-top: 45px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: auto; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]

[Nala]

Staying on the ground for a second as her foot twitched slightly in irritation, Nala wallowed in her utter balance failure, she wished for the hundredth time that she could have a pity quarter for each time this happened. It took her another moment to look up and realize she was holding onto something soft and furry from where she tried to keep herself from falling down. Blinking a couple times, it was a little more than confusing to see a person staring down at her lit up like a Christmas tree rather than an animal. Simply staring for a bit, trying to figure out what he had to be embarrassed, his words soon caught up to her when he asked for her to let go.

"Oh! Sorry about that!" Releasing the poor tail, Nala scrambled back up to her feet and peered down at herself. Making a face at the dirt, she brushed herself off as much as she could before looking back to the guy. Tilting her head to the side slightly, it was clear he was a Fox-Tail like herself, but instead of having just one tail, he had three! Having never seen so many before, she couldn't help but blurt out, "Why do you have so many???"

Almost immediately after, she blushed a light shade of red herself, "Sorry, I mean, hello! I um... I didn't mean to grab one of your tails, I was just trying to keep from falling down. Obviously that didn't work though..." Looking off to the side, she nudged the ground with a foot. No one had really grabbed her own tail so she couldn't say she knew what it felt like, but she did like to keep it clean and brush it. The tingly feeling always made her giggle since it felt like someone were stroking her spine. Having it tugged on though, probably a very different feeling. Still, despite how sorry she was, she couldn't help but ask again, "Soo.. those tails?"

Word Count: 334

[Shiranui]

[attr="class","maindivclass"]

[attr="class","postmain"]

[attr="class","stuffles"]

[attr="class","notes words"] 275

[attr="class","tags"]Nala

[attr="class","postcontent"]Once the woman released her grip, Shira felt some sort of relief go over him. He stood up quickly and rattled his head until he could think a bit more clearly. Then, he took a deep breath and almost began speaking until he was interrupted by the woman's question about his tails. Shira stood there, nearly stunned by such an abstract question. He wasn't simply just going to stand there and contemplate on the meaning of his life to find an answer for that. And so, he thought about just derailing the topic completely by pretending to be angry at the woman's invasion of his personal space.

He softly karate chopped the woman on the top of her head. And, with his hands on hips, he said to the lady "Baka! Do you have any idea what it's like to have a perfect stranger just grab your tail? It's like, how would you feel if someone else were brushing your own teeth for you? Disturbing, yeah? Sorry, isn't just gonna cut it." Oh my lord... Woah, getting a bit caught up in the moment there, little fox. Maybe, deep down inside, there really was a bit of anger in him. He didn't usually get these kinds of negative emotions. Actually, this ploy was nothing short of childish. Instead of just guilt-tripping the clumsy female, Shira felt more uncomfortable in his position due to that uncalled for act of aggression. Still, he didn't break eye contact and maintained a stern expression. While he did so, he slowly put in the mental effort to make the other two tails slowly fade away, hoping she doesn't notice them.

[newclass=.maindivclass ~ br]display: none;[/newclass]
[newclass=.postmain]origin: border-box; width: 900px; height: 420px; background-image: url('http://i.imgur.com/mrIdd2L.png'), url('http://i.imgur.com/Km1XXTi.png'); background-repeat: no-repeat, repeat; background-size: 70%, 7%; background-position: -24% 4px, 0% 0%; border-radius: 7px; padding: 8px; box-shadow: 0px 0px #dedede;[/newclass]
[newclass=.postmain img]height: 30px; width: 30px;[/newclass]
[newclass=.postcontent]margin-top: -13px; border-radius: 7px; float: right; height: 398px; width: 500px; background-color: #222222; opacity: .95; color: #fff; font: 10.5px georgia; text-align: justify; padding: 12px; overflow: auto;[/newclass]
[newclass=.postcontent b]font: 13px Imprint MT Shadow; color: #33eeff; font-style: initial;[/newclass]
[newclass=.stuffles]position: relative; left: 0px; top: 70%;[/newclass]
[newclass=.notes.words]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left; text-align: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; transition: width 0.75s; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left;  font: 16px Charlemagne STD; height: 30px; width: 100px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover ~ .tags]left: -100px[/newclass]
[newclass=.notes.words:hover ~ .tags2]left: -100px[/newclass]
[newclass=.tags]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden; transition: width 0.75s, left 0.75s;[/newclass]
[newclass=.tags b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.notes.words b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.tags:hover]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 16px Charlemagne STD; height: 50px; width: 250px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff;[/newclass]
[newclass=.tags:hover ~ .tags2]left: -250px[/newclass]
[newclass=.tags2]position: relative; left: -66px; top: 105%; color: transparent; margin-top: 45px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; overflow: hidden; transition: all ease in 0.75s;[/newclass]
[newclass=.tags2 b]font: 18px Trebuchet MS; color: #fff; overflow: hidden;[/newclass]
[newclass=.tags2:hover]position: relative; left: -66px; top: 105%; margin-top: 45px; text-align: left; float: left; font: 16px Charlemagne STD; height: 30px; width: auto; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]

[Nala]

Flinching, Nala yelped as her question got rejected and her head was given a firm chop. Admittedly, she totally deserved that, but even so, the little enchantress's eyes grew bright with tears pricking at the edge. It wasn't often that anyone laid a hand on her, much less a retaliating stranger. What made it even worst was that the chop didn't even hurt, it was gentle and only served to make her feel even more guilty because he was being conscious of her own pain. Shrinking back against his wrath, she reached around to grab her own tail, hugging it protectively as if someone else was going to pop out of nowhere and pull it to make the person's point.

Stroking the soft tan fur, she couldn't bring herself to meet his gaze, "I-I'm sorry...!" No, no, no! Shaking her head, she reminded herself that he had just said that wouldn't be good enough! Staring down at her heels, she fidgeted uncomfortably with the situation. If an apology wasn't enough, then what was? No one had ever really been too mad at her before, so to Nala, this reaction was all-out rage. "U-Um, that is I-... I could help you out today! If you want, o-or if that's okay. Is that okay?"

Not exactly sure how to sell herself, Nala flailed more unladylike, nearly causing herself to just fall right on over on the ground in front of the guy for a second time because of her poor balance. "I-I'm Nala, and enchantress! I c-can cook, or dance well enough! Or carry anything you want... but I might drop it... u-um... I could track down one of my brothers and make them help, I'm sure they wouldn't mind!?" While she was trying to fish for everything he might accept, that last one was much less likely to happen, but she tried none-the-less.

Word Count: 318

[Shiranui]

[attr="class","shiramain"]

Level 11 Summoner Tailor Dancer [attr="class","shirabar g"] [attr="class","shirabar b"]

As soon as the female fox crumbled, Shira questioned himself if he was too harsh on her... Pfffft. Even Capsule would laugh at that poor attempt. If she weren’t fidgeting with her tail, she might have noticed Shira slightly blushing out of embarrassment or heard the slight tone of uncertainty in his voice. Also, his reaction was of utter surprise. Soon, it turned to one of hesitation. For a moment, he almost forget his agenda for the day. “Well… Since you insist,” said Shira “I’m looking for a decent place for my new shop. Someplace wide enough for a guild hou- I mean, small tailoring parlor to fit in and double as home." Preferably fireproof... The last part he inaudibly mumbled out, remembering the chaos that was Tea Party. He shuddered to think what would happen if another murder accident happens on the premises. There was actually was no fire that time but Shira wasn’t going to take any chances. They were going to have to upgrade the place as soon as they can; more rooms, more privacy for both customers and guildmates. Didn’t she mention her brothers? I’m not sure how I feel about that… From the looks of her, he would have had to assume she was referring to older brothers. But, on the off chance that they were going to be frolicking, happy-go-lucky children, he decided to just ignore that. Wouldn’t want to mess up the house as soon as it’s found, now would we? “Now, if you don’t mind, we are going,” said Shira with a poor attempt at a stern tone of voice.

[attr="class","notes words"] 267 [attr="class","tags"]Nala

[attr="class","notes words2"] Really sorry for the late everything ;_; [attr="class","tags3"] Starter Whip

[newclass=.shiramain ~ br]display: none;[/newclass]
[newclass=.shiramain img]height: 30px; width: 30px;[/newclass]
[newclass=.shiramain table]background-image: url('http://img3.wikia.nocookie.net/__cb20130728182358/ayakashi-ghost-guild/images/2/26/PipeFox_Halloween_render.png'), url('http://i.imgur.com/Km1XXTi.png'); background-size: 44%, 10%; background-repeat: no-repeat, repeat; background-position: 65px 38px, 0px 0px;[/newclass]
[newclass=.shirabar]background:#fff; border:4px solid #cdcdcd; border-radius: 0 0 15px 0; height:12px; width: 280px;[/newclass]
[newclass=.shirabar > div]border-radius: 0 0 15px 0; height: 100%;[/newclass]
[newclass=.shirabar.g > div]background: #2fb264; background: -moz-linear-gradient(56deg, #2fb264 15px, #4ecf82 15px); background: -webkit-gradient(linear, left bottom, right top, color-stop(15px,#2fb264), color-stop(15px,#4ecf82)); background: -webkit-linear-gradient(56deg, #2fb264 15px,#4ecf82 15px); background: -o-linear-gradient(56deg, #2fb264 15px,#4ecf82 15px); background: -ms-linear-gradient(56deg, #2fb264 15px,#4ecf82 15px); background: linear-gradient(56deg, #2fb264 15px,#4ecf82 15px);[/newclass]
[newclass=.shirabar.r > div]background: #a03535; background: -moz-linear-gradient(56deg, #a03535 15px, #c85b5b 15px); background: -webkit-gradient(linear, left bottom, right top, color-stop(15px,#a03535), color-stop(15px,#c85b5b)); background: -webkit-linear-gradient(56deg, #a03535 15px,#c85b5b 15px); background: -o-linear-gradient(56deg, #a03535 15px,#c85b5b 15px); background: -ms-linear-gradient(56deg, #a03535 15px,#c85b5b 15px); background: linear-gradient(56deg, #a03535 15px,#c85b5b 15px); border-radius: 0 0 15px 0; height: 100%;[/newclass]
[newclass=.shirabar.b > div]background: #4b98ff; background: -moz-linear-gradient(56deg, #4b98ff 15px, #9bc6ff 15px); background: -webkit-gradient(linear, left bottom, right top, color-stop(15px,#4b98ff), color-stop(15px,#9bc6ff)); background: -webkit-linear-gradient(56deg, #4b98ff 15px,#9bc6ff 15px); background: -o-linear-gradient(56deg, #4b98ff 15px,#9bc6ff 15px); background: -ms-linear-gradient(56deg, #4b98ff 15px,#9bc6ff 15px); background: linear-gradient(56deg, #4b98ff 15px,#9bc6ff 15px); border-radius: 0 0 15px 0; height: 100%;[/newclass]
[newclass=.notes.words]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left; text-align: left; font: 16px Verdana; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; transition: width 0.75s; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left;  font: 16px Verdana; height: 30px; width: 100px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words:hover ~ .tags]left: -113px[/newclass]
[newclass=.notes.words:hover ~ .tags2]left: -100px[/newclass]
[newclass=.notes.words2]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left; text-align: left; font: 12px Verdana; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; transition: width 0.75s; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words2:hover]position: relative; left: 0px; top: 0%; margin-top: 3px; float: left;  font: 12px Verdana; height: 30px; width: 300px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]
[newclass=.notes.words2:hover ~ .tags3]left: -313px[/newclass]
[newclass=.notes.words:2hover ~ .tags2]left: -100px[/newclass]
[newclass=.tags]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 12px Verdana; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden; transition: width 0.75s, left 0.75s;[/newclass]
[newclass=.tags b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.notes.words b]font: 13px Arial; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.tags:hover]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 12px Verdana; height: 30px; width: 250px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff;[/newclass]
[newclass=.tags2]position: relative; left: -66px; top: 105%; color: transparent; margin-top: 45px; text-align: left; float: left; font: 12px Verdana; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; overflow: hidden; transition: all ease in 0.75s;[/newclass]
[newclass=.tags2 b]font: 18px Trebuchet MS; color: #fff; overflow: hidden;[/newclass]
[newclass=.tags2:hover]position: relative; left: -66px; top: 105%; margin-top: 45px; text-align: left; float: left; font: 12px Verdana; height: 30px; width: 300px; background-color: #000; opacity: .88; padding: 2px; border-radius: 7px; color: #fff; overflow: hidden;[/newclass]
[newclass=.tags3]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 12px Verdana; height: 30px; width: 30px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff; overflow: hidden; transition: width 0.75s, left 0.75s;[/newclass]
[newclass=.tags3 b]font: 13px Trebuchet MS; color: #fff; overflow: hidden; margin-top: -20px;[/newclass]
[newclass=.tags3:hover]position: relative; left: -43px; top: 75%; margin-top: 40px; text-align: left; float: left; font: 12px Verdana; height: 30px; width: 300px; background-color: #000; opacity: .88; padding: 6px; border-radius: 7px; color: #fff;[/newclass]