• 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 What Came Through the Rift - Characters

Main
Here
Lore
Here

Mykinkaiser

Literally the worst
ACCEPTING

While there's a basic template for a character sheet below, feel free to use your own version if you like as long as you include the essentials below. Also feel free to add additional things if you'd like.

The super cool template that Bang Bang Bang Bang and I are using is from here. Credit to Alteras Alteras .

Essentials- Name
- Gender
- Age
- Race
- Height
- Physical Build
- Sexuality
- Personality
- Likes
- Dislikes
- Biography
- Relations
- Magical Abilities (Control/Capacity/Specialties and spells)
- Skills (Nonmagical skills)
- Strengths
- Flaws​

NOTE: A-rank control is currently closed for new characters
 
Last edited:
Character Sheet Template

  • PIC HEREName:
    TEXT HERE​

    Gender:
    TEXT HERE​

    Age:
    TEXT HERE​

    Race:
    TEXT HERE​

    Height:
    TEXT HERE​

    Build:
    TEXT HERE​



Code:
 [tabs]
[tab=BASICS]
[imagefloat=right] PIC HERE[/imagefloat]
[b][u]Name:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Gender:[/u] [/b] 
[indent]TEXT HERE[/indent]

[b][u]Age:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Race:[/u] [/b] 
[indent]TEXT HERE[/indent]

[b][u]Height:[/u] [/b] 
[indent]TEXT HERE[/indent]

[b][u]Build:[/u] [/b]
[indent]TEXT HERE[/indent]
[/tab]


[tab=PERSONAL]
[b][u]Sexuality:[/u] [/b] 
[indent]TEXT HERE[/indent]

[b][u]Nicknames/Aliases:[/u] [/b] 
[indent]TEXT HERE[/indent]

[b][u]Personality:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Likes:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Dislikes:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Biography:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Relations: [/u][/b]
[indent]TEXT HERE[/indent][/tab]

[tab=ABILITIES]
[b][u]Magical Abilities:[/u] [/b]
[indent]
[b][i]Control: [/i][/b][i][/i]
[b][i]Capacity: [/i][/b][i][/i]

TEXT HERE[/indent]

[b][u]Skills:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Strengths:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Flaws:[/u] [/b]
[indent]TEXT HERE[/indent][/tab]



[tab=OTHER]
[b][u]Miscellaneous:[/u] [/b]
[indent]TEXT HERE[/indent]

[b][u]Theme:[/u] [/b]
[indent]URL HERE [URL="http://"][/URL][/indent]
[/tab][/tabs]
 
Last edited:
ACCEPTED:


PENDING:


 
Last edited:
[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Basics[/div]
[div class="tabName introName"]Outer[/div]
[div class="tabName requestsName"]Inner[/div]
[div class="tabName bbcodeName"]Extra[/div]
[/div][div class=tabs]
[div class="tab titletab"]
1
[/div]
[div class="tab introtab"]
2
[/div]
[div class="tab requeststab"]
3
[/div]
[div class="tab bbcodetab"]
4
[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Marisela Royer[/div][/div]
[div class="header titleHeader"][div class=caption]
Succubi
64

The Order of the Lost
[/div]
[/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]

d6a7ee66f16f047a903e67d2cd187343.jpg
Full Name: Marisela Aria Royer

Known as: Maria, Marise. Or, behind her back, The Dragon, and/or Queen Amidala (because yes, I shall abuse the fact that this is IRL modern day and use it to make Star Wars references)

Pronouns: She/Her, Her Majesty (usually used mockingly, behind her back)

Sexuality: Homosexual

Race: Succubi

Factions: When she first came through the rift, Marisela was a member of the dark guild that has now become Ouroboros. In fact, it was she who was one of the key figures in transfiguring it into what it is today. However, her motives were less economic than the guild holds today. She wanted to be an established mercenary group in order to properly instil fear into the humans they found themselves among. Over time, she became more and more radical until she was killing off-contract, and though it was never official, she was dismissed from the group. She has since joined the Order of the Lost, and is one of its most fanatical and radical members. Following the death of her lover, a previous Ouroboros member, she has come to despise humans with a venomous passion.

Alliances: Though not a member of them, Marisela is presently sleeping with Wilder of A.R.S in a mutually beneficial arrangement of information exchange. This arrangement is kept secret from both of their respective factions.

Magic User: Yes

Control: B

Capacity: C

Magic Style: Typically, Marisela is the kind to physically draw her runes; her MO is to set a trap of rune arrays for her targets to trigger, and then swiftly execute them with mana-created arrays whilst they are incapacitated. She is not especially powerful and thus has to rely on rigorous planning and perfect execution to be efficient, but her attention to detail and anally retentive ability to retain control tends to keep her in the seat of power. Mind you, she has had certain... meetings go array, but she is notorious among the OotL for never giving up on her prey- urgh, I mean... business partners? Listen, few people pretend her hands are clean, least of all her. Unless you're a cop, or a member of R.I.C.T, in which case she's just another law abiding citizen, officer.

She favours physically orientated spells that work on bodily mutilation and laceration. She rarely dabbles in elemental work.

Height: 6 foot two inches

Build: Looks deceptively willowy. Though still a succubi, she's well versed in hand to hand combat and thus knows how to circumnavigate her physical fragility.

Attire: Formal, on all occasions. Rumour has it she once wore sweatpants on christmas. It is not a well believed rumour.

Relations:
Claudimine Liona - Mother - Estranged
Bravin Liona - Father - Deceased
Sienna Royer - Wife - Deceased
Willamina 'Wilder' Stock - Lover - Alive

[/div][/div]
[div class="header introContent"]
Public
Information

[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]


ae7265e36ee7751b63caac755b5d3143.jpg
Personality:
✡ Austere: Maria is the stick-up-her-ass Ice Queen of the realm. Though legend has it that before the rift, she used to actually laugh, now it is a rare thing to see her even smile. She is pragmatic, efficient, and deadly serious. Jokesters and clowns beware; she is likely to chew your ass out.
✡ Satirical: Having said that, she has retained some sense of humour, just the dark, bleak, mocking kind. She is never short of dry, scathing remarks, and rarely holds back on making her opinions known. Those with fragile egos are advised to keep clear of her.
✡ Once Soft: Maria at least USED to have a soft spot. Though a killer from a young age (how edgy does that sound?) she did used to deeply love her old guild, which was like a found family to her. The transition through the rift was rough on her as her family was jumbled about and later torn apart. Her old softer, warmer side may still exist, but it's been a long time since it was seen.
✡ Restless: Because she's not dealing with anything in a healthy coping way, she's extremely restless and impatient. Yes, she can lay extensive traps and plan for weeks and weeks for just one event, but if she's ever NOT doing something, she's temperamental, hot-tempered, and vicious. Though her controlling nature often makes her seem put-together, she's one puff away from exploding.

Background: How Maria came into the guild of mercenaries is not something she likes to spend time yattering on about. She sums it up as 'I was used to selling myself, but this way seemed more fun'. She deeply adored and admired the leader when she joined back at the age of just eighteen, who took her from nothing but a girl with a knife to a trained killer. In her early years there, she kept to herself and thrived in private, training. Later, she emerged from that shell to make the guild not just her faction, but her family, and she really did love those who came through the rift with her. Whilst they adapted to the new situation, she was always desperate to return, at ill-ease at the danger anti-magic sentiments posed to her found family. When her wife was killed in a vicious hate crime, her tentative attempt to make-do broke, and she quickly spiralled into fanaticism.

Likes:
✡ Coffee as black as humanity's future
✡ Oolong tea
✡ Cats. Secretly, the ones that get all cuddly.
✡ Sappy movies
✡ Fuzzy Slippers. The one good thing about the new world.


Dislikes:
✡ Television
✡ Shockingly, humans
✡ Being unoccupied
✡ Spending time along with her thoughts
✡ The heat
✡ Anything that highlights the difference between the new world and the old world

Skills:
✡ Organisations, planning
✡ Unyielding work ethic
✡ Interested in poisons, and has skill with combining them with blades/food.
✡ Manipulation and stealthy set-ups, though she herself is not particularly 'shadowy', though she is also not excessively obvious.

Strengths:
✡ Believes she is doing what is best
✡ Enormously brave and dedicated to her causes
✡ She will die for what she believes in without flinching
✡ Actually quite an emotional and sensitive individual, only she's blocked all that out with her single-minded purpose to avoid having to deal with mourning.

Weaknesses:
✡ Volatile
✡ Emotionally Unstable
✡ Unprocessed Grief
✡ Technophobia

[/div][/div]
[div class="header requestsContent"]
Inside
Scoop

[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]

Theme(s):





[/div][/div]
[div class="header bbcodeHeader"]
Bonus
Bounty

[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(68, 18, 12, 0.9); --divide-thick: .25vw; --tab-color-1:#eab040; --tab-color-2:#ff2e16; --tab-color-3:#ff5844; --tab-color-4:#60403c; color:white; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('https://cianuroemotivo.files.wordpress.com/2016/02/cropped-cian-cop-cop1.jpg'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
 
Last edited:

  • 0618608cdf757704ebc092d7bc4d5c11.pngName:
    Park Yejin​

    Gender:
    Female​

    Age:
    32​

    Race:
    Human​

    Faction:
    Arcane Research Society, as a consultant. She often visits the organization HQ, but only during the night, and only for the information in the archives. She cares little for the other members and their research, preferring to go about her studies on her own. She has a standing agreement with the current leader that in desperate times, she's welcome to call upon her aid.​

    Height:
    5’ 5"​

    Build:
    Slim, almost bony, but graceful. She is as fragile as she looks.​
 
Last edited:
[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Basics[/div]
[div class="tabName introName"]Outer[/div]
[div class="tabName requestsName"]Inner[/div]
[div class="tabName bbcodeName"]Extra[/div]
[/div][div class=tabs]
[div class="tab titletab"]
1
[/div]
[div class="tab introtab"]
2
[/div]
[div class="tab requeststab"]
3
[/div]
[div class="tab bbcodetab"]
4
[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Shin Matsuda[/div][/div]
[div class="header titleHeader"][div class=caption]
Human

VP of Good Times Inc.
[/div]
[/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]

untitled.pngName: Shin Matsuda
Age: 24
Gender: Male
Sexuality: Heterosexual
Race: Human
Height: 5'7"
Build: Shin is a relatively small man, only standing at 5'7" and weighing 153 lbs. Furthermore, he is quite slim, well suited for speed and agility, which only makes him look even smaller. That being said, due to his constant training he is much stronger than he looks, though he'd still lose a contest of strength to someone who focuses purely on it. Shin has black hair and amber eyes that look almost like they're a golden yellow which, along with his naturally piercing gaze, give them an unsettling predatory quality. Finally, he has a large tattoo of Good Times Inc.'s symbol covering his upper back.

Attire:He can usually be seen wearing a red vest over a button down shirt with the sleeves rolled up, black combat pants, and black boots. He is also is rarely without his sword which he keeps sheathed at his waist on his left side. Finally, he usually carries a semi-automatic handgun in a shoulder holster under his vest.

Control: C
Capacity: C
Magic Style: Shin specializes in magic that changes the force of gravity acting on him, allowing him to make himself lighter or heavier. That said, should he make himself too heavy it can cause damage to his body as his bones wouldn't be able to withstand the force. Furthermore, Shin's sword is enchanted with runes that make it incredibly sharp and durable, to the point that it can cut through armored trucks when supplied with mana.
Skills:
  • Highly capable swordsman and martial artist
  • Competent marksman
  • Skilled freerunner and motorcycle rider
  • Surprisingly a very good singer

[/div][/div]
[div class="header introContent"]
Personal
Details

[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]

Yamamoto.Takeshi.full.108649.jpgPersonality:
  • Adrenaline Junkie: Shin lives for the rush of life-or-death situations. The main way this trait exhibits itself is in the fact that Shin is also a hopeless battle maniac. He doesn't particularly enjoy hurting or killing people, though he has few qualms about either. Rather, he enjoys the actual battle itself both in the contest of skill and for the peril. Furthermore, due to this, Shin has very little regard for his own life, feeling that if he dies having fun it would be a good death.
  • Laid Back: When it comes to things other than the above, Shin is laid back to an almost annoying degree. He finds little interest in the day to day operations of running the gang he belongs to and can be incredibly hard to motivate to do anything he doesn't find fun.
  • Sarcastic: Shin is also a sarcastic man by nature, often lying obviously about his past or other personal details simply to mess with people. It's not that he has anything he particularly wants to hide, he just finds it funny to see how people react.
Likes:
  • Combat
  • Training
  • Martial arts movies
  • Riding his motorcycle altogether too fast
  • Good Times Inc.
Dislikes:
  • Sitting around
  • People who talk too much
  • People who take themselves too seriously
Strengths :
  • Incredible combat instincts
  • Ambidextrous
  • Nearly fearless
  • Extremely loyal to his friends
Flaws :
  • Incredibly restless
  • Often charges into situations without planning ahead
  • Has an incredibly hard time focusing on things he doesn't enjoy
  • Prioritizes his own amusement over most things
  • Has a penchant for attracting trouble

Biography: Ask Shin what his past is and, depending on the day, you might hear of how he's the son of a mega-millionaire, that he lived in utter poverty until he joined Good Time's Inc., the story of how he fought off 37 ninjas to save his parents, or any number of other tales that range wildly in terms of believability. Even his family isn't safe from this as he has had no parents, one parent, no siblings, loads of siblings, and everything in between in various retellings of his "past". However, the truth of the matter was that he was the only child of two lower middle-class parents, Gorou and Catherine Matsuda. However, when he was just a year old a beast came through the Rift in a park where his family was having an outing. Shin survived due to the intervention of R.I.C.T. with only a scar on his chin but his parents weren't so lucky, both being killed while trying to protect their infant son. After that, with no remaining relatives in the city and no way to leave, Shin was put into an orphanage that was already over capacity due to the Rift.

As he grew up, Shin gained a reputation for being a troublemaker, constantly starting fights with the other kids, though there never seemed to be any malice behind the incidents. He also began to take interest in martial arts, showing a great deal of natural talent for them, particularly kendo. That being said, he showed little interest in much else, often missing school to hang out and cause trouble with his friends. He continued on in this way until he was 18 and moved out of the orphanage. Then, having graduated high school with mediocre grades due to lack of effort and no real interest in college, he took one of his friends up on a scheme to form a gang. Initially he served as the muscle for the group, loving every moment of it. From there, as the group expanded, he found himself in more and more dangerous situations as the stakes began to mount. In other words, he had found his calling.
Relations:
Gorou Matsuda - Father - Deceased
Catherine Matsuda - Mother - Deceased

[/div][/div]
[div class="header requestsContent"]
Private
Information

[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]

Theme:




[/div][/div]
[div class="header bbcodeHeader"]
Extra
Information

[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(20, 20, 20, 0.9); --divide-thick: .25vw; --tab-color-1:#8b0000; --tab-color-2:#8b0000; --tab-color-3:#8b0000; --tab-color-4:#8b0000; color:gray; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('https://i.pinimg.com/originals/51/25/4d/51254d7889c6c8bd708b92742939de77.jpg'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
 
Last edited:
[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Basics[/div]
[div class="tabName introName"]Inner[/div]
[div class="tabName requestsName"]Outer[/div]
[div class="tabName bbcodeName"]Extra[/div]
[/div][div class=tabs]
[div class="tab titletab"]
1
[/div]
[div class="tab introtab"]
2
[/div]
[div class="tab requeststab"]
3
[/div]
[div class="tab bbcodetab"]
4
[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Wilder[/div][/div]
[div class="header titleHeader"][div class=caption]
Dullahan
202

Leader of A.R.S
[/div]
[/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]

blackbird_animation_by_mezamero-d92znap.gif

Full Name: Willamina Elizabeth Stock

Known as: Wilder

Pronouns: She/Her

Sexuality: Homoflexible

Race: Dullahan

Faction(s) and Alliances: Leader of the A.R.S, Wilder was originally just a researcher during the human training period/era, but when the previous leader died in combat, the group shifted away from being so focused on bringing in humans and became more detached from the political climate, focusing solely on research. Her academic achievements and work ethic made her a natural choice for the leader, and she has been in the position for twelve years. Since her ascent to the position, the group has outstripped other minor magical research factions and she helped to establish them as the leading authority on magical and alchemical theory.

She is on friendly terms with Ouroboros, operating on a mutually beneficial agreement that, in return for them reporting on field data in their excursions, the A.R.S provides some, albeit tightly controlled, guidance regarding magic. The group distances itself as much as possible from the Reclaimer/RICT discourse, and, officially, has denounced the Order of the Lost. Having said that, Wilder is presently sleeping with one of its members in order to secure data from them, but also so that she can ensure her people avoid the conflicts the group causes.

The group's official position on GTI is avoidance; their new and volatile nature makes them unpredictable, and Wilder personally believes they'll be the cause of explosive conflict sooner or later.

Magic User: Yes

Control: A

Capacity: A

Magic Style: Trained in elemental magic when she was young, Wilder has since shifted deeper into alchemical and cosmic/reality magic. The latter she keeps a closely held secret due to its reputation for being unpredictable and potentially ruinous. Though she worked as a battle mage for twenty years on the other side of the rift, she has not operated in combat for decades, and does not consider herself suited to combat.

Height: 5 ft 6

Build: petite, often mistaken for a child despite her age

Attire: Rarely changes out of her uniform tbh.

Relations:
Parents - Deceased
Lover - Marisela Royer
Other - Open

[/div][/div]
[div class="header introContent"]
Public
Information

[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]


Personality: Wilder is not the friendly, everyone-hold-hands kind of leader, but she's also no sadistic tyrant. Pragmatic, efficient, practical, and serious, when she's playing the role of the Leader of the A.R.S she is unrivalled in her ability to focus and overwork. There are few limits she won't go to for her people, though she is not the recklessly self-sacrificing type, and underneath the mask of calm composure, her perceptive tendencies lend themselves well to her desire to care for those she's in charge of. Of those outside of her group, she is less inclined to be so generous; though not cruel, she makes her decisions beyond those in her care based on logic, not empathy, and is all about furthering the cause of her group.

When it comes to the goals of the A.R.S, she believes in them absolutely. She grew up obsessed with magical theory, and getting the chance to dedicate her life to it is a dream come true. Even when she is off-hours from acting as leader, she can be found hauled up in her office or private library studying, not allowing her role as overseer to render her out of touch with the developments of the group.

She is somewhat isolated at the moment, largely treated solely as a leader rather than a person, both due to her own disposition and the functional, driven nature of the A.R.S. Despite thinking it vital for others to do so, she is not the type to process difficult emotions or pay attention to her psychological needs besides the basics, and can be rather stubborn when it comes to admitting weakness in any form.

History: Born to mages, Wilder was a 'nerd' of the subject from a young age. She enrolled in training to become a battle mage once she came of age, and spent twenty years honing her practical skills there before leaving combat behind and turning to research. When she was thrown through the void, it seemed natural that she join the group orientated around magical research and training. She was initially cautious of humans and supported more oppositional stances between them and non-humans. However, with time giving evidence that humans were no more or less dangerous than those from the over end of the rift, she has since relaxed her views and now distances herself from the political sphere. It is not so much that she considers herself above it nor disinterested in the political issues, but rather that she does not view herself as 'the best person for the job' for sorting such dilemmas out, and thus has chosen to dedicate her life to what she is good at: being a fucking nerd the pursuit of knowledge.

Likes:
✡ Cats
✡ Looking bomb enough to make people stare
✡ People acting rationally
✡ The internet
✡ Linguistics
✡ Mythology
✡ Esotericism
✡ Rain
✡ Fine wine

Dislikes:
✡ The Beach
✡ Irrationality
✡ People disturbing her private study
✡ Coffee, tea, or any of that oddness
✡ Looking slovenly
✡ Colds
✡ Hot weather
✡ Loud Individuals

Skills:
✡ Research and analytical skills
✡ Magical theory and execution

Strengths:
✡ Work Ethic
✡ Intelligence
✡ Ability to compartmentalise
✡ Composure

Weaknesses:
✡ Combat
✡ Hectic situations/chaos
✡ Dealing with the rash
✡ Ignores personal problems to focus on the academic

[/div][/div]
[div class="header requestsContent"]
Bonus
Bounty

[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]

Theme(s):





Misc:


[/div][/div]
[div class="header bbcodeHeader"]
List
of BBcode

[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(16, 48, 40, 0.9); --divide-thick: .25vw; --tab-color-1:#25423b; --tab-color-2:#296657; --tab-color-3:#259e80; --tab-color-4:#00ffbf; color:white; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('https://78.media.tumblr.com/e0e603234c7fbf636c1061d2022f70f4/tumblr_opt4d0ui7W1sr02rto1_1280.jpg'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
 
Last edited:

  • a9b5c6558659eec0032a87dad303617f.png
    Name:
    Coriander Orion Muir​
    Guildmaster of Ouraboros​

    Gender:
    Male​

    Age:
    29​

    Race:
    Human​

    Height:
    5’ 10”​

    Build:
    Mesomorph​
 
Last edited:
  • Azuma-Tokaku-akuma-no-riddle-37118791-610-343.jpeg Name: Muteki Tetsuya/Yumi Jinko
    Gender: Female
    Age: 20/34
    Race: Wraithbound Human
    Height: 5’9/5’6
    Build: Slim with toned muscles/a slim with a small frame
 
Last edited:
.

  • latest
    Name:
    Bast Kanaan, High Priest of Hadar the Dark Hunger​

    Gender:
    Male​

    Age:
    38​

    Race:
    Human​

    Height:
    5'9"​

    Build:
    Gaunt​
 
Last edited:

  • Image from Hushabye Valley
    tumblr_o4f6mpGacT1unm603o1_1280.png
    Name:
    Nami Domsen
    VP of Good Times Inc.​
    Gender:
    Female​

    Age:
    36​

    Race:
    Oni​

    Height:
    Seven foot nine inches or 231.14 centimeters​

    Build:
    Built heavy, physically intimidating muscle mass.​
 
Last edited:

  • 8bMNzbUNgEnQZqEATcIUycInKXCVjOPQyWQnqPr0GPdd48YgxB6IGM0BWXg-PYjZxW6-lRECFwmGMrGq2iqirnGJ-U6FSbD2g0g5s1zfUez7nO-Fa3aMe1WSejg0Bl6G1G3yDcmB
    Name:
    Myra Kiki Muir​
    Ouraboros​

    Gender:
    Female​

    Age:
    26​

    Race:
    Human​

    Height:
    5’ 6”​

    Build:
    Mesomorph/Hourglass​
 

  • DEVIN.jpgName:
    Devin Amari (R.I.C.T. Officer)​

    Gender:
    Male​

    Age:
    27​

    Race:
    Human​

    Height:
    5’11”​

    Build:
    Physically tall and thin. Not overly muscular, but still has enough to get the job done due to training.​
 
Last edited:

  • Dei3Y1nVAAAI6q2.jpg:large
    Name:
    Director/Commander Pascal Krisven, Chief Officer of R.I.C.T​

    Gender:
    Male​

    Age:
    340​

    Race:
    Fae​

    Height:
    6' 0"​

    Build:
    Mesomorph​
 
Last edited:

  • 296a360613c26b2b100fff40fb907ee1.jpg
    "Cluck, cluck you motherfuck."​
    Name:
    Roan Okane
    Leader of Good Times Inc.​

    Gender:
    Male​

    Age:
    26​

    Race:
    Human​

    Height:
    6' 2" || ~188 cm.​

    Build:
    Being a taller man, Roan has more body to add muscle mass to, which he has done. Also with the factor of his height, Roan was fortunate enough to be built with larger bones which meant more endurance to hits and power to his hits. He doesn't have rippling muscles like a bodybuilder rather he has naturally formed muscles from years of kickboxing and mixed martial arts training. With his kind of build though, Roan is limited to certain fighting styles that his body is more comfortable with so he works more as a shield in some cases and as an offensive front in others.​

    Faction:
    Good Times Inc.​
 
Last edited:

  • latest
    Name:
    Slate Hardgriff
    Officer Of RICT​
    Gender:
    Male soul, genderless body​

    Age:
    Was 57 before transfer, 13 years in the doll body​

    Race:
    Arcane Doll​

    Height:
    6 foot​

    Build:
    Average build, their face fixed with a complete copy of a normal slim male face but completely mechanical hidden under their detachable gas mask.​
 
Last edited:
WIP


  • X3NXDzG.png
    Name:
    Viviane​

    Gender:
    Female​

    Age:
    30 (Looks 20)​

    Race:
    Lamia​

    Height:
    1m70-5"7'​

    Build:
    Thin and athletic​

 
Last edited:
[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Basics[/div]
[div class="tabName introName"]Outer[/div]
[div class="tabName requestsName"]Inner[/div]
[div class="tabName bbcodeName"]Extra[/div]
[/div][div class=tabs]
[div class="tab titletab"]
1
[/div]
[div class="tab introtab"]
2
[/div]
[div class="tab requeststab"]
3
[/div]
[div class="tab bbcodetab"]
4
[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Everett[/div][/div]
[div class="header titleHeader"][div class=caption]
Unknown

[/div]
[/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]

Orihara.Izaya.full.361702.jpg
Name: Everett
Age: 536 - appears to be in early 20s
Gender: Male
Sexuality: Asexual
Race: Unknown - Appears Human
Height: 5'10"
Build: Everett is on the taller side, though not ridiculously so, and possesses a lean but well-muscled build. He has black hair, extremely pale skin to the point that he almost looks like a walking corpse, and crimson eyes that seem to glow and flicker slightly. Furthermore he is covered with what appear to be pale scars. These are in fact a a multitude of closed eyes and mouths all over his body.
Attire: Everett can usually be seen wearing casual clothes such as button down shirts or henleys with the sleeves rolled up, jeans, and converse. He generally tends to favor dark colors such as blacks and greys.

Control: N/A
Capacity: N/A
Magic Style: Despite being created using magic, Everett possesses no ability to use magic himself. He does however have a high resistance to magic, both beneficial and harmful.

When opened, Everett's eyes eliminate any blindspots in his vision and his mouths are capable of biting through metals. He is also incredibly strong and durable, is immune to poison, possesses greater senses, and heals much faster than a human would, especially when he's just eaten. Everett can also regenerate lost body parts given enough time and has no vital points as he is essentially a blob that's taken human form over the years. That being said, he will still die if he sustains too much damage overall and he cannot change his form at will. Lastly, he is always hungry and can consume vast quantities of food, far more than a human of his size would be able to accommodate within their body.

Skills:
  • Skilled Brawler
  • Incredibly talented cook
  • Talented craftsman

[/div][/div]
[div class="header introContent"]
Personal
Details

[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]

Kazuki.jpg
Personality:
  • Jaded: Due to his extremely long life Everett has become rather jaded, generally keeping his guard up around people. He has also become very tight-lipped about his true nature due to a multitude of bad experiences due to past carelessness.
  • Curious: Despite the above however, Everett still maintains a genuine curiosity about people, wanting to get to know them and always cautiously trying to see the good in them. He is also quite willing to change his beliefs and actions according to his surroundings. The most prominent example of this being that he did not originally feel any remorse about killing and eating people, but now avoids it if possible due to a sense of morals he has gained due to his time spent in society as well as a desire to be more than just the simple monster he was created as.
  • Driven by hunger: Food is never far from Everett's mind as he can never seem to fully sate his hunger. Furthermore, should he too long without eating he will begin to lose his reasoning, eventually attacking and eating those around him in order to try to get rid of the hunger.

Likes:
  • Food, especially meat
  • Getting to know people
  • Being outside
Dislikes:
  • His hunger
  • Being seen as a monster
  • Killing without cause
  • Caves
Strengths :
  • Patient
  • Fiercely loyal
  • Able to have multiple conversations at once
  • Can literally be an entire choir on his own
Flaws :
  • Slow to trust
  • Keeps his problems to himself
  • Slow to open up to people

Biography: Everett knows very little about his origins, only that he woke up in a cave and that he was hungry. However, as time went on he began to remember snippets of what seemed to be past lives, though the details often contradicted. Due to this, he took the name Everett from one of the stronger memories, and began to seek out civilization, deciding to observe and eventually join the people there.

He then spent the next couple centuries drifting around from place to place, trying to find some clue as to who he was and how he came to be, though he had little luck. Instead, he mostly found people fearing him, intending to use him for their own gain, or else wanting to experiment on him. Due to this, he began to withdraw from other people as his mistrust for them grew, eventually becoming a sort of hermit.

This stage of his life ended when one day he heard a shattering sound out of nowhere and felt himself falling. The Rift then spat him out into the room of a very confused Dullahan.

Relations:
Creator - Deceased
Friend - Wilder - Bang Bang Bang Bang

[/div][/div]
[div class="header requestsContent"]
Private
Information

[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]

Theme:




[/div][/div]
[div class="header bbcodeHeader"]
Extra
Information

[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(20, 20, 20, 0.9); --divide-thick: .25vw; --tab-color-1:#8b0000; --tab-color-2:#8b0000; --tab-color-3:#8b0000; --tab-color-4:#8b0000; color:gray; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('https://pre00.deviantart.net/4087/th/pre/i/2013/211/d/7/landscape___fantasy___dark_valley_by_sinate-d6fsxvr.jpg'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
 
Last edited:
[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Basics[/div]
[div class="tabName introName"]Outer[/div]
[div class="tabName requestsName"]Inner[/div]
[div class="tabName bbcodeName"]Extra[/div]
[/div][div class=tabs]
[div class="tab titletab"]
1
[/div]
[div class="tab introtab"]
2
[/div]
[div class="tab requeststab"]
3
[/div]
[div class="tab bbcodetab"]
4
[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Morna Devlin[/div][/div]
[div class="header titleHeader"][div class=caption]
Fae

Grandmaster of the Order of the Lost
[/div]
[/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]

34afdc25b80295ee8157424b9d74a797.png
Name: Morna Devlin
Age: 400
Gender: Female
Sexuality: Bisexual
Race: Fae
Height: 5'11"
Build: Slim and willowy
Attire: Formalwear, with a penchant for black

Control: C
Capacity: B
Magic Style: Morna is a fairly standard elemental mage, having trained mainly in Fire and Lighting based magic.

Skills:
  • Leadership and Organization
  • Talented musician

[/div][/div]
[div class="header introContent"]
Personal
Details

[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]

Personality:
  • Jaded: While Morna was once as cheerful and trusting as most Fae, being pulled through the Rift and experiencing the anger that followed it has warped her personality. She now mistrusts almost everyone and has her guard up at all times. She has a particular disdain for humans, seeing the Reclaimers as how they all truly are. Furthermore, this hatred extends to those who side with humanity, and to a lesser extent those who remain neutral in the conflict.
  • Overly Serious: Morna has, since coming though the Rift, lost her sense of humor. She takes everything painfully seriously and has precious little patience for joking around. Furthermore, she has become a workaholic, seeing no point in doing things solely for entertainment or leisure. While this does make her pragmatic, she tends to hold those under her to the same standards
  • Kind in her own way: Though her hatred of humans and those who side with them is clear, she does have a soft side for those siding with her. In her own way she tries to protect them and keep them happy, though she isn't the best at this despite her empath abilities, with her attempts to be friendly often being quite clumsy. Due to this it can be hard to tell at times, but she does truly care about those she leads.

Likes:
  • Forests
  • Her home in the Faeveld
  • Sweet things, though she'll never admit it
Dislikes:
  • Edgewater
  • Being
  • Humans
  • Nonhumans siding with humans
  • The Rift
  • Technology
Strengths :
  • Unshakable resolve
  • Patient
  • Cares deeply for other Order members
Flaws :
  • Morna is firmly entrenched in her views, not even bothering to listen to opposing arguments
  • Unflexible in her approach to things
  • Emotionally clumsy

Biography: Like most other Fae, Morna lived a quiet but happy life within the Faeveld, sheltered from the rest of the world. She was content with this, and not overly curious about what was outside the forest she called home and had no intention to leave. However, despite this, she was pulled through the Rift shortly after the Opening, when the protests were still in full swing. In fact, the Rift spat her out right in front of a large protest being held back by R.I.C.T. officers. When they saw her, many of the rowdier protesters began to throw things and shout at her, despite the officers' best efforts to stop them.This, combined with the flood of anger, fear, and hatred coming from the protesters, emotions she'd rarely encountered before and never at that magnitude, overwhelmed her and she fled.

She then settled in the Rift district with other nonhumans for support, simply wanting to distance herself from humans, who she saw as all being like the protesters, at that point. However, it was around that time that The Reclaimers formed and began to carry out their attacks. This proved to be too much for Morna and she decided that she'd take matters into her own hands in regards to finding a way home. She then founded The Order of the Lost with like minded nonhumans for that purpose, using their skills and magic to amass a fortune and beginning to research how to return home.

Relations:
Subordinate: Marisela Aria Royer - Bang Bang Bang Bang

[/div][/div]
[div class="header requestsContent"]
Private
Information

[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]

Theme:




[/div][/div]
[div class="header bbcodeHeader"]
Extra
Information

[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(20, 30, 20, 0.9); --divide-thick: .25vw; --tab-color-1:#09660a; --tab-color-2:#09660a; --tab-color-3:#09660a; --tab-color-4:#09660a; color:gray; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('https://pre00.deviantart.net/9783/th/pre/f/2015/104/0/9/forest_by_llirik_13-d8pnxj0.jpg'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
 
Last edited:

  • 6016a08f2665986eb53daaddfcec0e66.jpg
    Name:
    Deserter. Liev Alexeev​

    Gender:
    Male​

    Age:
    49​

    Race:
    Human​

    Height:
    6'6" bare, 6'11" clothed​

    Build:
    A bloated mass of muscle and fat.​
 
Last edited:

  • succubus-anime-9-jpg.465378
    Name:
    Myla Nokoa​
    Member of Good Times Inc​

    Gender:
    Female​

    Age:
    23​

    Race:
    Succubus​

    Height:
    5'6"​

    Build:
    Thin and slightly muscular​
 

Attachments

  • Succubus-anime-9.jpg
    Succubus-anime-9.jpg
    80.5 KB · Views: 202
Last edited:

  • c926fb8224fd2bfc7ac9b2367a84d77f.jpg
    Name:
    Timothy Garfield​

    Gender:
    Male​

    Age:
    25​

    Race:
    Human​

    Height:
    5'10​

    Build:
    Mesomorph​
 
Last edited:
WIP

[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Title Screen[/div]
[div class="tabName introName"]Intro[/div]
[div class="tabName requestsName"]Biography[/div]
[div class="tabName bbcodeName"]Other[/div]
[/div][div class=tabs]
[div class="tab titletab"]
1
[/div]
[div class="tab introtab"]
2
[/div]
[div class="tab requeststab"]
3
[/div]
[div class="tab bbcodetab"]
4
[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Violet Davis[/div][/div]
[div class="header titleHeader"][div class=caption]
Human

VP of Good Times Inc.
[/div]
[/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]
434c2d4be9709959bd76a7f506ad53e8.jpg

Gender; Female

Age; 25

Height; 5'2 // 157.5 cm

Physical Build; For lack of better terms, Violet is a walking stick. She doesn't have much of a chest or a bottom. She's really just flat up and down and it's never really been a problem for her.

Sexuality; Nervously Heterosexual

Personality;

Likes;


Dislikes;

[/div][/div]
[div class="header introContent"]
Intro
duction

[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]
be5e3db38e4f7d92365f89089d678039.jpg

- Biography
- Relations



[/div][/div]
[div class="header requestsContent"]
Re
quests

[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]
bfd2972d287d86511b2cd50a48becfe7.jpg
- Magical Abilities (Control/Capacity/Specialties and spells)
- Skills (Nonmagical skills)
- Strengths
- Flaws
-Theme




[/div][/div]
[div class="header bbcodeHeader"]
List
of BBcode

[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(172, 179, 199, 0.9); --divide-thick: .25vw; --tab-color-1:#94bbb0; --tab-color-2:#b082a9; --tab-color-3:#749886; --tab-color-4:#8c5e92; color:gray; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('http://24.media.tumblr.com/d0f1be12fd0c4eff78c725f94c34297c/tumblr_mibytqemR91s3ucwuo1_500.gif'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
 

  • lenalee lee 2.jpgName:
    Bluy Tanagotska, R.I.C.T rookie​

    Gender:
    Female​

    Age:
    22​

    Race:
    Human​

    Height:
    5'4​

    Build:
    Short and petite, but has some muscle, enough for her to handle herself in combat against a threat.​
 

  • maxresdefault.jpg
    Name:
    The Swarm​

    Gender:
    N/A​

    Age:
    25​

    Race:
    Wraith​

    Height:
    Varies​

    Build:
    It's just a swarm of bugs​
 
Last edited:

Users who are viewing this thread

Back
Top