• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Fantasy Elementals and Sinners OOC

Main
Here
IrisFae 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!
 
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.

de15118431dd37fe1f9bd77e04c66e55.jpg
a73aa8a42429485a2dbb24cdf5b69390.jpg
Susanoo-character.jpg
 
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.
 
[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 IrisFae
OverconfidentMagi OverconfidentMagi
underuninterested underuninterested
Worthlessplebian Worthlessplebian
GamerKitty205 GamerKitty205
 
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.
 
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
 

Users who are viewing this thread

Back
Top