-
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
- Thread starter IrisFae
- Start date
Worthlessplebian
Worthless pleb
nios
πππππππ
...everyone hates me
Worthlessplebian
Worthless pleb
I wouldn't say that.
Worthlessplebian
Worthless pleb
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.
Don't worry, I knew that you were joking.
And my profile is a back shot of Susano'o from God Complex.
Worthlessplebian
Worthless pleb
What did you think it was? :thinking emoji:
Worthlessplebian
Worthless pleb
I followed Destiny 1&2, really liked their concept but I didn't agree with their revenue model.
Worthlessplebian
Worthless pleb
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
Worthless pleb
If you don't link them by October 1st, say bye bye to your guardians and their gear.
Worthlessplebian
Worthless pleb
PC although I stopped.
underuninterested
Member
owo?
OverconfidentMagi
Laugh Like You've Won Always
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]
β 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 β
β 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 β
β 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 β
β 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 β
β 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 β
β 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
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
Worthless pleb
Nice work.
IrisFae
Magic is in everyone, embrace it.
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
Worthless pleb
Pretty good, I just had the most amazing sleep.
nios
πππππππ
school has not been so kind
Worthlessplebian
Worthless pleb
rip lol
nios
πππππππ
lol I know. Everyone's so busy but argh don't let this group die :c
Worthlessplebian
Worthless pleb
Lets hope it doesn't
nios
πππππππ
*fingers crossed*
Im down to do a 1x1 with anyone here. With our characters ofc
Im down to do a 1x1 with anyone here. With our characters ofc
IrisFae
Magic is in everyone, embrace it.
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
Worthless pleb
That is a damn shame
