Fantasy Elementals and Sinners OOC

[nios]

IrisFae oh no :c I hope they're alright and that's sucks.. I hope you're doing okay with your schedule.
the weekend is almost upon us!

 

[IrisFae]

nios That it is. I should have tomorrow off as of now, here's hoping that doesn't change

 

[Worthlessplebian]

underuninterested

Interactions: GamerKitty205 nios >: |

Is that an angry emoticon next to Nios' name? Because if so I died laughing.

 

[nios]

...everyone hates me

 

[Worthlessplebian]

I wouldn't say that.

 

[Worthlessplebian]

I wanted it to imply confusion at your post, like the thinking emoji
Don't worry, I knew that you were joking.

And my profile is a back shot of Susano'o from God Complex.

Spoiler

 

[Worthlessplebian]

What did you think it was? :thinking emoji:

 

[Worthlessplebian]

I followed Destiny 1&2, really liked their concept but I didn't agree with their revenue model.

 

[Worthlessplebian]

Well, from what happened with the Bungie Acti split is this. Bungie combined two of the expansions, Warmind and Curse of Osiris with the base game. You still need to buy D2 Forsaken and Shadowkeep though. Also, Bungie is moving Destiny 2 to Steam, you have to link your accounts in order to get everything transferred.

 

[Worthlessplebian]

If you don't link them by October 1st, say bye bye to your guardians and their gear.

 

[Worthlessplebian]

PC although I stopped.

 

[underuninterested]

owo?

 

[OverconfidentMagi]

Boooooooooooooooooooooooored

 

[nios]

[class=container] width: 377px; height: 250px; overflow: hidden; margin: auto; cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto; [/class] [class=image] width: 377px; height: 250px; background: url('https://data.whicdn.com/images/288601636/large.jpg'); background-size: 450px; background-position: 80% 80%; filter: brightness(30%) grayscale(1%); box-sizing: border-box; [/class] [class=color] animation-name: {post_id}imagecolor; animation-duration: 3s; animation-fill-mode: forwards; animation-timing-function: ease-out; [/class] [animation=imagecolor] [keyframe=50] filter: brightness(90%) grayscale(0%); [/keyframe] [keyframe=100] filter: brightness(90%) grayscale(0%); background-size: 377px; background-position: 80% 90%; [/keyframe] [/animation] [script class=image on=mouseenter] addClass color image addClass slidein picdiv [/script] [class=picdiv] position: relative; width: 343px; height: 62px; background: rgba(83, 88, 56, 0.8); transform: translate(377px, 38px); display: flex; justify-content: space-between; align-content: space-between; overflow: hidden; box-sizing: border-box; padding: 6px; [/class] [class=slidein] animation-name: {post_id}slideinpicdiv; animation-duration: 2.75s; animation-delay: 3.25s; animation-fill-mode: forwards; animation-timing-function: ease-out;[/class] [animation=slideinpicdiv] [keyframe=100] transform: translate(17px, 38px); [/keyframe] [/animation] [class name="pic1" state="hover"] opacity: 1; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class name="pic2" state="hover"] opacity: 1; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class name="pic3" state="hover"] opacity: 1; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class name="pic5" state="hover"] opacity: 1; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class name="pic4" state="hover"] opacity: 1; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class name="pic6" state="hover"] opacity: 1; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class=pic1] background: url('https://data.whicdn.com/images/322605046/large.jpg'); background-size: 50px; background-position: center; width: 50px; height: 50px; opacity: 0.8; transition: all 1s; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class=pic2] background: url('https://data.whicdn.com/images/269871006/large.jpg'); background-size: 70px; background-position: center; width: 50px; height: 50px; opacity: 0.8; filter: brightness(100%) grayscale(0%); transition: all 1s; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;; [/class] [class=pic3] background: url('https://data.whicdn.com/images/247565423/large.jpg'); background-size: 50px; background-position: center; width: 50px; height: 50px; opacity: 0.8; transition: all 1s; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class=pic4] background: url('https://data.whicdn.com/images/217865939/large.jpg'); background-size: 50px; background-position: center; width: 50px; height: 50px; opacity: 0.8; transition: all 1s; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class="pic5"] background: url('https://data.whicdn.com/images/243834376/large.jpg'); background-size: 50px; background-position: center; width: 50px; height: 50px; opacity: 0.8; transition: all 1s; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [class=pic6] background: url('https://data.whicdn.com/images/173481478/large.jpg'); background-size: 135px; background-position: 100px 105px; width: 50px; height: 50px; opacity: 0.8; filter: brightness(140%) grayscale(0%); transition: all 1s; cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto; [/class] [script class=pic1 on=click] hide pic2 hide pic3 hide pic4 hide pic5 hide pic6 addClass permspot picdiv removeClass slidein picdiv addClass incheight picdiv fadeIn 800 hidden fadeIn 900 scroll fadeIn 1000 textbox fadeIn 1000 home removeClass permheight picdiv removeClass decheight picdiv removeClass tallpermsize pic1 removeClass decsize pic1 addClass smallpermsize pic1 addClass incsize pic1 [/script] [script class=pic2 on=click] hide pic1 hide pic3 hide pic4 hide pic5 hide pic6 addClass permspot picdiv removeClass slidein picdiv addClass incheight picdiv fadeIn 800 hidden2 fadeIn 900 scroll2 fadeIn 1000 textbox2 fadeIn 1000 home removeClass permheight picdiv removeClass decheight picdiv removeClass tallpermsize pic2 removeClass decsize pic2 addClass smallpermsize pic2 addClass incsize pic2 [/script] [script class=pic3 on=click] hide pic1 hide pic2 hide pic4 hide pic5 hide pic6 addClass permspot picdiv removeClass slidein picdiv addClass incheight picdiv fadeIn 800 hidden3 fadeIn 900 scroll3 fadeIn 1000 textbox3 fadeIn 1000 home removeClass permheight picdiv removeClass decheight picdiv removeClass tallpermsize pic3 removeClass decsize pic3 addClass smallpermsize pic3 addClass incsize pic3 [/script] [script class=pic4 on=click] hide pic1 hide pic2 hide pic3 hide pic5 hide pic6 addClass permspot picdiv removeClass slidein picdiv addClass incheight picdiv fadeIn 800 hidden4 fadeIn 900 scroll4 fadeIn 1000 textbox4 fadeIn 1000 home removeClass permheight picdiv removeClass decheight picdiv removeClass tallpermsize pic4 removeClass decsize pic4 addClass smallpermsize pic4 addClass incsize pic4 [/script] [script class=pic5 on=click] hide pic1 hide pic2 hide pic4 hide pic3 hide pic6 addClass permspot picdiv removeClass slidein picdiv addClass incheight picdiv fadeIn 800 hidden5 fadeIn 900 scroll5 fadeIn 1000 textbox5 fadeIn 1000 home removeClass permheight picdiv removeClass decheight picdiv removeClass tallpermsize pic5 removeClass decsize pic5 addClass smallpermsize pic5 addClass incsize pic5 [/script] [script class=pic6 on=click] hide pic1 hide pic2 hide pic3 hide pic4 hide pic5 addClass permspot picdiv removeClass slidein picdiv addClass incheight picdiv fadeIn 800 hidden6 fadeIn 900 scroll6 fadeIn 1000 textbox6 fadeIn 1000 home removeClass permheight picdiv removeClass decheight picdiv removeClass tallpermsize pic6 removeClass decsize pic6 addClass smallpermsize pic6 addClass incsize pic6 [/script] [class=hidden] display: none; width: 275px; margin-left: 5px; overflow: hidden; [/class] [class=scroll] display: none; width: 120%; height: 166px; overflow-Y: scroll; overflow-X: hidden; [/class] [class=textbox] box-sizing: border-box; max-width: 275px; display: none; [/class] [class=hidden2] display: none; width: 275px; margin-left: 5px; overflow: hidden; [/class] [class=scroll2] display: none; width: 120%; height: 166px; overflow-Y: scroll; overflow-X: hidden; [/class] [class=textbox2] box-sizing: border-box; max-width: 275px; display: none; text-align: justify; [/class] [class=hidden3] display: none; width: 275px; margin-left: 5px; overflow: hidden; [/class] [class=scroll3] display: none; width: 120%; height: 166px; overflow-Y: scroll; overflow-X: hidden; [/class] [class=textbox3] box-sizing: border-box; max-width: 275px; display: none; text-align: justify; [/class] [class=hidden4] display: none; width: 275px; margin-left: 5px; overflow: hidden; [/class] [class=scroll4] display: none; width: 120%; height: 166px; overflow-Y: scroll; overflow-X: hidden; [/class] [class=textbox4] box-sizing: border-box; max-width: 275px; display: none; text-align: justify; [/class] [class=hidden5] display: none; width: 275px; margin-left: 5px; overflow: hidden; [/class] [class=scroll5] display: none; width: 120%; height: 166px; overflow-Y: scroll; overflow-X: hidden; [/class] [class=textbox5] box-sizing: border-box; max-width: 275px; display: none; text-align: justify; [/class] [class=hidden6] display: none; width: 275px; margin-left: 5px; overflow: hidden; [/class] [class=scroll6] display: none; width: 120%; height: 166px; overflow-Y: scroll; overflow-X: hidden; [/class] [class=textbox6] box-sizing: border-box; max-width: 275px; display: none; text-align: justify; [/class] [class=permspot] transform: translate(17px, 38px); [/class] [class=incheight] animation-name: {post_id}picdivincheight; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease-out; [/class] [animation=picdivincheight] [keyframe=100] height: 178px; transform: translate(17px, 17px); [/keyframe] [/animation] [class=incsize] animation-name: {post_id}incsizepic; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease-out; [/class] [animation=incsizepic] [keyframe=100] opacity: 1; height: 166px; width: 50px; background-repeat: repeat; cursor: auto; [/keyframe] [/animation] [class=tallpermsize] opacity: 1; height: 166px; width: 50px; background-repeat: repeat; cursor: auto; [/class] [class=decsize] opacity: 0.8; animation-name: {post_id}decsizepic; animation-duration: 1.5s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-out; [/class] [animation=decsizepic] [keyframe=100] height: 50px; width: 50px; cursor: pointer; [/keyframe] [/animation] [class name=decsize state=hover] opacity: 1; [/class] [class=smallpermsize] height: 50px; [/class] [class=permheight] height: 178px; transform: translate(17px, 17px); [/class] [class=decheight] animation-name: {post_id}decheightpicdiv; animation-duration: 1.5s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-out; [/class] [animation=decheightpicdiv] [keyframe=100] height: 62px; transform: translate(17px, 38px); [/keyframe] [/animation] [class=home] background: #c8c9b5; width: 225px; height: 20px; position: absolute; top: 215px; left: 17px; cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto; display: bright; font-size: 20px; font-align: center; line-height: 21px; color: #191e17; text-transform: uppercase; letter-spacing: 1px; [/class] [script class=home on=click] fadeOut 900 home addClass permheight picdiv hide hidden hide scroll hide textbox removeClass incsize pic1 addClass tallpermsize pic1 addClass decsize pic1 removeClass smallpermsize pic1 hide hidden2 hide scroll2 hide textbox2 removeClass incsize pic2 addClass tallpermsize pic2 addClass decsize pic2 removeClass smallpermsize pic2 hide hidden3 hide scroll3 hide textbox3 removeClass incsize pic3 addClass tallpermsize pic3 addClass decsize pic3 removeClass smallpermsize pic3 hide hidden4 hide scroll4 hide textbox4 removeClass incsize pic4 addClass tallpermsize pic4 addClass decsize pic4 removeClass smallpermsize pic4 hide hidden5 hide scroll5 hide textbox5 removeClass incsize pic5 addClass tallpermsize pic5 addClass decsize pic5 removeClass smallpermsize pic5 hide hidden6 hide scroll6 hide textbox6 removeClass incsize pic6 addClass tallpermsize pic6 addClass decsize pic6 removeClass smallpermsize pic6 removeClass incheight picdiv addClass decheight picdiv fadeIn 900 pic1 fadeIn 900 pic2 fadeIn 900 pic3 fadeIn 900 pic4 fadeIn 900 pic5 fadeIn 900 pic6 [/script]

code by @fudgecakez

[div class=container] [div class=image] [div class=picdiv] [div class=pic1][/div] [div class=pic2][/div] [div class=pic3][/div] [div class=pic4][/div] [div class="pic5"][/div] [div class=pic6][/div] [div class=hidden][div class=scroll][div class=textbox] NAME ⋉

willow ⌑ of air

☇ nickname(s) ⊢

AGE ⋉

sixteen
☇ d.o.b. ⊢

unknown
☇ gender ⊢

female
☇ sexuality ⊢

ELEMENT ⋉

air
☇ partner ⊢

pride

[/div][/div][/div] [div class=hidden2][div class=scroll2][div class=textbox2] NAME ⋉

ember

⌑ of fire
☇ nickname(s) ⊢

em

AGE ⋉

sixteen
☇ d.o.b. ⊢

unknown
☇ gender ⊢

female
☇ sexuality ⊢

heterosexual

ELEMENT ⋉

fire
☇ partner ⊢

greed

[/div][/div][/div] [div class=hidden3][div class=scroll3][div class=textbox3] NAME ⋉

silver

⌑ of water
☇ nickname(s) ⊢

AGE ⋉

sixteen
☇ d.o.b. ⊢

unknown
☇ gender ⊢

female
☇ sexuality ⊢

heterosexual

ELEMENT ⋉

water
☇ partner ⊢

rage

[/div][/div][/div] [div class=hidden4][div class=scroll4][div class=textbox4] NAME ⋉

markus

⌑ of greed
☇ nickname(s) ⊢

AGE ⋉

sixteen
☇ d.o.b. ⊢

unknown
☇ gender ⊢

male
☇ sexuality ⊢

SIN ⋉

greed
☇ partner ⊢

fire

[/div][/div][/div] [div class=hidden5][div class=scroll5][div class=textbox5] NAME ⋉

shaun

⌑ of pride
☇ nickname(s) ⊢

AGE ⋉

sixteen
☇ d.o.b. ⊢

unknown
☇ gender ⊢

male
☇ sexuality ⊢

SIN ⋉

pride
☇ partner ⊢

air

[/div][/div][/div] [div class=hidden6][div class=scroll6][div class=textbox6] NAME ⋉

allison

⌑ of rage
☇ nickname(s) ⊢

ali

AGE ⋉

sixteen
☇ d.o.b. ⊢

unknown
☇ gender ⊢

male
☇ sexuality ⊢

SIN ⋉

rage
☇ partner ⊢

water
[/div][/div][/div] [/div] [div class=home] elements and sins [/div] [/div] [/div][div class=container][/div]

idk why there's that giant space at the bottom but here ya go! If there are any blanks, I left those there on purpose. If you want me to add anything (i.e. powers, likes/dislikes, personality, etc...) just pm me the details and I'll add it c:
IrisFae
OverconfidentMagi
underuninterested
Worthlessplebian
GamerKitty205

 

[Worthlessplebian]

Nice work.

 

[IrisFae]

My day off got postponed, but I just finished the long stretch of work days. I should be able to get a reply up tomorrow.

 

[nios]

how is everyone? is it alright if I can write ember's post in the main thread?

 

[Worthlessplebian]

Pretty good, I just had the most amazing sleep.

 

[nios]

school has not been so kind

 

[Worthlessplebian]

rip lol

 

[nios]

lol I know. Everyone's so busy but argh don't let this group die :c

 

[Worthlessplebian]

Lets hope it doesn't

 

[nios]

*fingers crossed*
Im down to do a 1x1 with anyone here. With our characters ofc

 

[IrisFae]

I'm so sorry everyone. I ended up being called in on my day off, and then my whole schedule for the week was changed. I'll get working on my post as soon as I can

 

[Worthlessplebian]

That is a damn shame