• 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.

Futuristic To The Stars! Characters

OOC
Here
Characters
Here

clarinetti

Spectre

]

telescope-wallpapers-28928-9902757.jpg

Character Sheets
BBCode Skeleton:
Code:
[bg=#1F223D]
[CENTER][HEIGHTRESTRICT=250][IMG]PUT IMAGE URL HERE[/IMG][/HEIGHTRESTRICT][/CENTER]
[FONT=Text Me One][CENTER][SIZE=49][COLOR=#a8bfd0][B]FULL NAME[/B][/COLOR][/SIZE][/CENTER][/FONT]
[tabs][tab=Basic Information][row][FONT=Text Me One]
[COLOR=#a8bfd0][B]Age:
Birth Date:
Gender:
Appearance[/B]: A short written description, including details such as height, distinctive features, style, etc.[/tab]
[tab=Characteristics][row][FONT=Text Me One]
[COLOR=#a8bfd0][B]Personality:[/B] (2+ Paragraphs)
[B]Motivations:[/B] Is there anything particular which drives you in your pursuits?
[B]Misc:[/B] (Optional) Hobbies, likes/dislikes, or any other fun facts you'd like to share goes here.
[/COLOR]
[/FONT][/row][/tab]
[tab=History][row][FONT=Text Me One]
[COLOR=#a8bfd0][B]History:[/B] (2+ paragraphs)
[/COLOR]
[/FONT][/row][/tab]
[tab=SKILLS][row][FONT=Text Me One]
[COLOR=#a8bfd0]
[B]Band[/B]: Which of the bands do you wish to wield? Refer to the top post for more details.
[B]Ability:[/B] Each of the bands have a couple possible powers associated with them. Choose one and list it here.
[B]Weapon:[/B] (Optional) If desired, what tool/weapon does your character use to channel their power?
[B]Strengths:[/B] In combat scenarios, what does your character excel at?
[B]Weaknesses:[/B] In combat scenarios, what can your character improve upon?
[/COLOR]
[/FONT][/row][/tab][/color][/tabs]

Note Thanks to Brax Brax for polishing the BBCode!
Available Slots:
The Mercury Band: Swiftness, Energy Absorption
The Venus Band: Light Manipulation, Metal Manipulation
The Mars Band: Fire Manipulation
The Moon Band: Barrier Generation, Shadow Manipulation
The Jupiter Band: Lightning Generation, Gravity Manipulation
The Uranus Band: Telepathy, Wind Manipulation
The Neptune Band: Water Manipulation, Illusions


Note: Before you post your sheet to the thread, please send it to me via PM (This version doesn't have to be in the coded format). If you have any questions, feel free to reach out and let me know.
 
Last edited:



Sakamoto "Saka" Hideaki

  • View attachment 512859
    Age:
    Nineteen.


    Birth Date:
    July 24th 2015.


    Gender:
    Male.


    Appearance:
    Saka is pretty slender and has always had a rather athletic build. Due to his genetics, it is practically impossible for Saka to gain any bulk without following specific eating patterns and powerlifting, neither of which he currently practices. The young man stands at five foot ten inches tall and weighs in at about one hundred forty pounds. His hair is somewhat messy and lays at chin-length, black in color. His hues are a light blue color. Saka does not spend a lot of time focusing on his appearance and thus is most often found in clothing that is not name-brand. His posture usually remains upright, whether he be standing or sitting. Saka’s body language communicates that he withholds at least a slight bit of confidence.
 
Last edited:

28158382_217452378814198_2374596472025907200_n.jpg

Kaneko Amaya


  • 9def31473e37dc8f5a4248f6ce15357ab4ea4672_00.gifAge:
    Eighteen


    Birth Date:
    March 25th, 2016


    Gender:
    Female


    Appearance:
    Her hair is about as bright as her personality. Amaya runs about 5'3 and is both small and short for her age. She has a petite frame and a naturally slender build. Her eyes are almost piercing blue against her pale skin and bubblegum colored hair which is naturally wavy and falls about shoulder length. Amya keeps her appearance clean and together at most times, although she rarely wears makeup. She is often mistaken for younger than she is because of her 'cute' stature.
 
Last edited:
[class name=aspectRatio] display: block; position: relative; width: 100%; padding-top: 60%; [/class] [class name=aspectRatio maxWidth=1200px] display: block; width: 100%; padding-top: 0px; [/class] [class name=root] display: block; position: absolute; height: 100%; width: 100%; margin: auto; overflow: hidden; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0px; left: 0px; right: 0px; bottom 0px; [/class] [class name=root maxWidth=1200px] display: block; position: relative; height: auto; min-height: 100%; [/class] [class name=mainFlexContainer] display: flex; position: relative; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 2; [/class] [class name=primaryBox] display: block; position: relative; height: 90%; width: 80%; box-sizing: border-box; margin: 30px; background-color: var(--primaryBoxColor); box-shadow: var(--primaryBoxShadow); overflow: hidden; flex: 1 0 auto; z-index: 3; [/class] [class name=primaryBox maxWidth=1200px] display: block; width: 90%; height: auto; margin: 5%; [/class] [class name=diagonal] position: absolute; height: 100%; width: 180%; background-color: var(--diagonalColor); color: var(--transparent); transform: rotate(-5deg); transform-origin: 100% 150%; overflow: hidden; z-index: 4; [/class] [class name=hexRender] position: absolute; height: 125%; width: 125%; background-image: var(--bgHexImage); background-position: var(--bgHexPosition); background-size: var(--bgHexSize); background-repeat: var(--bgHexRepeat); opacity: var(--bgHexOpacity); z-index: 4; [/class] [class name=characterName] position: relative; width: 80%; height: var(--characterNameHeight); box-sizing: border-box; padding: 20px 0px 0px 40px; z-index: 5; [/class] [class name=characterName maxWidth=1200px] width: 100%; [/class] [class name=infoFlexContainer] display: flex; position: relative; height: 80%; width: 100%; box-sizing: border-box; flex-flow: column wrap; justify-content: space-around; align-items: center; align-content: center; flex: 1 1 auto; overflow: hidden; z-index: 6; [/class] [class name=infoFlexContainer maxWidth=1200px] width: 100%; [/class] [class name=infoContainer] position: relative; width: var(--columnTwoWidth); height: 60%; box-sizing: border-box; padding: 20px; border-right: var(--infoBoxBorderStyle); border-bottom: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 1 auto; [/class] [class name=infoContainer maxWidth=1200px] width: 100%; [/class] [class name=menuContainer] width: var(--columnTwoWidth); height: 10%; box-sizing: border-box; border-top: var(--infoBoxBorderStyle); border-right: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); [/class] [class name=menuContainer maxWidth=1200px] width: 100%; [/class] [class name=menuFlexContainer] display: flex; width: 100%; height: 100%; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; [/class] [class name=menuFlexContainer maxWidth=1200px] flex-flow: column wrap; [/class] [class name=menuButton] position: relative; width: var(--menuButtonWidth); height: 90%; box-sizing: border-box; padding: 5px; flex: 1 1 auto; background: var(--menuButtonBgColor); transition: background var(--transitionFunction), color var(--transitionFunction); cursor: pointer; color: var(--menuButtonColor); [/class] [class name=menuButton maxWidth=1200px] width: 100%; [/class] [class name=menuButton state=hover] background-color: var(--menuButtonHoverBgColor); color: var(--menuButtonHoverColor); transition: background var(--transitionFunction), color var(--transitionFunction); [/class] [class name=tabName] display: none; [/class] [class name=menuDivider] width: 90%; min-height: 3px; margin: auto; background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent)); flex: 3 0 auto; color: var(--transparent); [/class] [class name=profileContainer] position: relative; width: var(--columnOneWidth); height: 96%; box-sizing: border-box; padding: 0px; margin-right: 1%; border: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 0 auto; [/class] [class name=profileContainer maxWidth=1200px] width: 100%; margin: 0%; [/class] [class name=profileImageContainer] display: block; position: relative; max-width: 95%; height: 50%; box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileImageContainer maxWidth=1200px] display: block; position: relative; max-width: 95%; height: var(--profileImageHeight); box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileInfoFlexContainer] display: flex; height: 45%; width: auto; justify-content: space-between; align-content: space-between; align-items: center; flex-flow: row wrap; border: 1px sold white; [/class] [class name=profileInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 100%; max-height: 15%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=standardInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 48%; max-height: 10%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=profileLabelBox] position: relative; max-width: 20%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=standardLabelBox] position: relative; width: 30%; max-width: 30%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=profileInfo] display: block; position: relative; max-width: auto; box-sizing: border-box; padding: 2px; margin: 3px; flex: 3 0 auto; [/class] [class name=mainText] display: block; position: relative; box-sizing: border-box; padding-left: 20px; padding-bottom: 10px; text-align: justify; font-family: var(--mainFont); font-size: var(--mainTextSize); letter-spacing: 1px; color: var(--mainTextColor); white-space: pre-wrap; [/class] [class name=mainHeader] display: block; position: relative; box-sizing: border-box; padding: 3px; margin-bottom: 10px; background: var(--diagonalColor); font-family: var(--headerFont); font-size: 3em; letter-spacing: 0px; text-transform: uppercase; color: var(--infoBoxColor); [/class] [class name=mainSubheader] display: block; position: relative; width: 50%; box-sizing: border-box; margin-left: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--mainAccent); font-family: var(--mainFont); font-size: 1.1em; letter-spacing: 2px; text-transform: uppercase; color: var(--mainTextColor); [/class] [class name=indent] text-indent: 0px; [/class] [class name=characterNameText] font-family: var(--nameFont); font-size: 4em; text-transform: uppercase; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5); letter-spacing: 5px; color: var(--nameColor); [/class] [class name=profileInfoText] font-family: var(--profileFont); font-size: var(--profileTextSize); text-transform: uppercase; letter-spacing: 0px; [/class] [class name=profileLabelText] text-align: center; color: var(--infoBoxColor); letter-spacing: 1px; [/class] [class name=profileText] text-align: left; color: var(--mainAccent); letter-spacing: 2px; [/class] [class name=menuText] text-align: center; font-family: var(--menuFont); font-size: var(--menuTextSize); text-transform: uppercase; letter-spacing: 2px; [/class] [class name=scrollBox] display: block; position: relative; height: 90%; width: 100%; max-height: 500vh; padding-right: 300%; padding-left: 5px; overflow-x: hidden; overflow-y: scroll; [/class] [class name=scrollBox maxWidth=1200px] width: 100%; height: auto; max-height: 150vmax; overflow-x: hidden; overflow-y: auto; [/class] [script class="menuButton" version=2] (= currentTab "one") (hide "two") (hide "three") (hide "four") [/script] [script class="menuButton" on=click version=2] (fadeOut 500 currentTab) (= currentTab (trim (index (split (getText) "TAB") 0))) (setTimeout 0.5 (fadeIn 100 currentTab)) [/script] [class=variables] --mainFont: 'Text Me One', sansserif; --mainTextSize: 0.9em; --mainTextColor: rgb(210, 210, 210); --headerFont: 'Share', sansserif; --menuFont: 'Text Me One', sansserif; --menuTextSize: 1.05em; --menuTextColor: #c2c2ca; --menuTextHoverColor: #d6d6db; --menuButtonWidth: 25%; --menuButtonColor: rgba(210, 210, 210, 1); --menuButtonBgColor: rgba(20, 20, 20, 0.7); --menuButtonHoverBgColor: rgba(21, 67, 96, 0.9); --menuButtonHoverColor: rgba(210, 210, 210, 0.9); --menuBorder: rgba(210, 210, 210, 0.5); --nameFont: 'Text Me One', 'sansserif'; --nameColor: rgb(240, 240, 240); --profileFont: 'Text Me One', sansserif; --profileTextSize: 0.8em; --profileImage: url(https://i.imgur.com/WqbnRxf.jpg); --profileImageHeight: 200px; --infoBoxColor: rgba(20, 20, 20, 0.9); --infoBoxBorderColor: rgba(120, 120, 120, 0.5); --infoBoxBorderStyle: 10px solid var(--infoBoxBorderColor); --mainAccent: rgb(210, 210, 210); --transparent: rgba(0, 0, 0, 0); --primaryBoxColor: #1F223D; --diagonalColor: rgb(210, 210, 210); --primaryBoxShadow: -2px 2px 40px 3px rgba(0, 0, 0, 0.6); --transitionFunction: 0.3s ease-in-out 0s; --textTransitionFunction: 0.8s ease-in-out 0s; --columnOneWidth: 30%; --columnTwoWidth: 65%; --profileHeight: 90%; --nameHeight: 10%; --bgHexImage: url(https://i.imgur.com/8HjPRQn.png); --bgHexPosition: center center; --bgHexSize: auto; --bgHexRepeat: repeat; --bgHexOpacity: 0.25; [/class] [div class="variables"] [div class="aspectRatio"] [div class="root"] [div class="mainFlexContainer"] [div class="primaryBox"] [div class="diagonal"] Lexielai [/div] [div class=hexRender][/div] [div class="characterName characterNameText"] Rikka Hisakawa [/div] [div class=infoFlexContainer] [div class=profileContainer] [div class=profileImageContainer] [/div] [div class=scrollBox] [div class=profileInfoFlexContainer] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Name [/div] [div class="profileInfo profileInfoText profileText"] Rikka Hisakawa [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Birth Date [/div] [div class="profileInfo profileInfoText profileText"] May 6th [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Age [/div] [div class="profileInfo profileInfoText profileText"] 18 [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Gender [/div] [div class="profileInfo profileInfoText profileText"] Female [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Band [/div] [div class="profileInfo profileInfoText profileText"] Mars [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Power [/div] [div class="profileInfo profileInfoText profileText"] Fire Manipulation [/div] [/div] [/div][/div][/div] [div class=menuContainer] [div class=menuFlexContainer] [div class="menuButton menuText"] [div class="tabName"]oneTAB[/div] Appearance [/div] [div class="menuButton menuText"] [div class="tabName"]twoTAB[/div] Characteristics [/div] [div class="menuButton menuText"] [div class="tabName"]threeTAB[/div] History [/div] [div class="menuButton menuText"] [div class="tabName"]fourTAB[/div] Skills [/div] [div class=menuDivider] [/div] [/div][/div] [div class="infoContainer"] [div class="scrollBox one"] [div class=mainHeader] Theme [/div] [div class=mainText] If so inclined, please enjoy some thematic music while you read the character sheet. [div style="width: 200%;"][/div] [/div] [div class=mainHeader] Appearance [/div] [div class=mainText] There is something alluring about the unattainable. You begin by gazing upon her slender, even refined features. There is an air of authority in her bored expression and listless eyes, as if this world does not please her. She stands at a reasonable 5’6” (~ 168 centimeters) yet her presence fills a space many times that size. It is an intangible sensation, like an invisible and impermeable bubble which surrounds her — prohibiting the unworthy from trespassing into her domain. She is the enamoring Hisakawa Rikka, a figure easily recognizable among her fellow students. Her bewitching presence leaves a lasting impression, but it is this same allure that also makes her entirely unapproachable. Her smart sense of style, long black hair, vivid eyes, and other carefully maintained features are magnified by the sense of unattainability which surrounds her. It is as if her distant demeanor could be breached by just a little more effort; by just watching and waiting a little longer, waiting for the perfect opportunity to make a move. Put simply, Rikka possesses the same hard-to-get aura that both drives people to admire celebrities and idols. It is also the same air that intimidates would-be observers, fearful that they might make a fool of themselves if they were to approach her. Truthfully, the person beneath her looks is rather removed from the stunning impression she makes. Nonetheless, considerations like that are often irrelevant in the mind’s eye of the people who perceive her. Instead they chase after the fantasy they have imagined, disregarding who she really is and is really like. [/div] [/div] [div class="scrollBox two"] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Characteristics [/div] [div class=mainSubheader] Personality [/div] [div class=mainText] Hisakawa Rikka is a polite, but serious individual. She possesses a complicated mix of maturity and naivete — a direct consequence of being forced to grow up at a young age, but subsequently missing out on important parts of youth. Often she responds with deadpan, unfazed responses to tricky challenges, yet can also be flustered just as easily by romantic insinuations and unfamiliar situations. Despite opinions to the contrary, Rikka also harbors feelings of anxiousness and guilt. Although she has tried her best to move on, she is still quite sensitive about the defining tragedy of her past. The bitter memories and painful wounds of that period still haunt her even if she does not outwardly show it. Her strong will and stubbornness exacerbate her unwillingness to share her burdens. This, naturally, produces an ongoing conflict between her inner strength and deep-seated vulnerability. She believes that sweeping her personal issues under the rug will be sufficient enough to forget about them, even if she suggests otherwise when dealing with others’ problems. This makes her somewhat of a hypocrite; one who feels too hurt and afraid of confronting her fears to take her own advice. Aside from her inner conflicts, Rikka can also be kind once someone pierces her cold exterior. She is patient and considerate, and strongly loves the people close to her. Her imouto, Akane, is one such example of a person she would do anything for, even if she is too embarrassed to outwardly display her affection. The fear of losing her sometimes keeps Rikka up at night because she cannot bear the thought of yet again losing a person that she loves. It is this same fear that has induced her distant, polite demeanor which holds the world at arm’s length, fearful of allowing anyone to get too close. [/div] [div class=mainSubheader] Motivations [/div] [div class=mainText] Rikka wants nothing more than to ensure a happy, carefree life for herself and her family — especially her younger sister, Akane. She also desires to become a world-renown mangaka, although she is nervous about revealing her true identity to do so. [/div] [div class=mainSubheader] Misc [/div] [div class=mainText] Rikka is a talented artist and a creative writer who often uses her manga as an outlet for her repressed feelings. Secretly she is the alter ego of the up-and-coming mangaka Kobayashi Haruka. Although ‘Haruka’ has never made a public appearance, ‘his’ work has become popular among young adults and there are rumors of an upcoming anime adaptation of ‘his’ manga. Rikka sometimes stresses about what will happen if she wins an award that requires her to make a public appearance and dispel the illusion, but so far that hasn’t happened...yet. [/div] [/div] [div class="scrollBox three"] [div class=mainHeader] History [/div] [div class=mainText] It burned. The fires were everywhere, ruthlessly consuming the world around her in agonizing heat. It had no feelings; no compassion, no empathy. It simply wished to turn the world to ash, and she would be another victim to its hunger. Then there was a light. A man who brushed past the flames, bravely rushing through the splintered wood and toxic fumes. She recognized him: her father. He was dressed in the characteristic red and yellow uniform that she had often teased him about. That silly red, bowl-like hat was still on his head, as was the plastic plate that protected his face. She had once thought that firefighters looked silly. But the sight of her father, frantically pushing through the rubble, fighting passionately against the overwhelming forces of nature and reaching out towards her, had immediately become synonymous with the title of hero. Rikka did not remember how that disastrous fire had started — one of the worst in the nation’s history. Neither did she remember what happened after her father had reached her, except that she made it out. But he didn’t. Many people blamed global warming, biomass overgrowth, and poorly maintained electrical equipment for the fires. But local whispers started going around that it was because the wild, disobedient Rikka had been playing around with things she shouldn’t have; that she was the pyromaniac who had started the flames. She did not argue against them. She could not remember. No matter how hard she tried, she could never return to the depths of those painful flames in her memory. Nor did she believe they were wrong. After all, her father was now gone, and it was all because she had gotten into a bad situation and forced him to pull her out of it. Despite reassuring words to the contrary, Rikka believed it was all her fault. Kids being kids, her social life following the event became nearly unbearable. It was not so simple as being bullied or teased. She was instead treated to judgemental looks and subtle shifts in the atmosphere, as if no one was willing to come near her; as if everyone was on edge in her presence, like she was a dangerous wild beast to tread lightly around. The whispers of her follies were whispered behind her back, and her friends could no longer hang out with her or risk being outcasted themselves. Rikka was alone. Feeling overwhelmed by everything, Rikka ended up taking a one-year hiatus from school to study at home with a tutor. She also sought ways to release her pent up frustrations and emotions, and found it in art and story. Her skill grew and grew until, one day, she had published her first manga under a pseudonym. Then her second. And then her third. Eventually she returned to school, but took the initiative to transfer to a different junior high to start from a fresh slate. In time she adjusted and returned to living a normal life, albeit with the secret hobby of being an up-and-coming mangaka. Now she is in her final year of high school with a potentially bright future ahead of her. She is an excellent student with hopes to attend a top national university while continuing to nurture her mangaka career. Although she remains socially aloof, the reception of her distant demeanor has drastically changed. Now she is seen as cool, sophisticated, and chic for reasons she hardly understands herself. Rikka also believes that the fires of her past are behind her forever; that she can continue to dodge and avoid the issue until it becomes a distant memory. She hopes, deep in her heart, that she will never have to face the flames again. [/div] [/div] [div class="scrollBox four"] [div class=mainHeader] Skills [/div] [div class=mainSubheader] Band [/div] [div class=mainText] Mars [/div] [div class=mainSubheader] Ability [/div] [div class=mainText] Fire Manipulation [/div] [div class=mainSubheader] Weapon [/div] [div class=mainText] N/A [/div] [div class=mainSubheader] Strengths [/div] [div class=mainText] Rikka excels at pure, unrestrained damage. Her abilities are entirely focused on raw firepower—literally! [/div] [div class=mainSubheader] Weaknesses [/div] [div class=mainText] Rikka fails spectacularly at any combat task that does not involve complete, utter destruction. She inevitably causes huge amounts of collateral damage, and thus is also a danger to her allies. Deploying her abilities sometimes comes with the cost of destroying the very thing you wanted her to protect. Similarly, she has zero utility and can be useless without the support to get to the right place and time for her to be. Additionally, Rikka is terrified of fire—including her own flames. Knowing how dangerous she is, Rikka will outright refuse to use her powers under anything less than dire circumstances. These generally involve imminent danger to the people she cares for most, such as her little sister Akane. When surrounded by fire, there is also a chance that Rikka will experience a flashback of her trauma and enter a near-comatose state. [/div] [/div] [/div][/div] [/div][/div] [/div][/div][/div]
 
[class name=aspectRatio] display: block; position: relative; width: 100%; padding-top: 60%; [/class] [class name=aspectRatio maxWidth=1200px] display: block; width: 100%; padding-top: 0px; [/class] [class name=root] display: block; position: absolute; height: 100%; width: 100%; margin: auto; overflow: hidden; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0px; left: 0px; right: 0px; bottom 0px; [/class] [class name=root maxWidth=1200px] display: block; position: relative; height: auto; min-height: 100%; [/class] [class name=mainFlexContainer] display: flex; position: relative; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 2; [/class] [class name=primaryBox] display: block; position: relative; height: 90%; width: 80%; box-sizing: border-box; margin: 30px; background-color: var(--primaryBoxColor); box-shadow: var(--primaryBoxShadow); overflow: hidden; flex: 1 0 auto; z-index: 3; [/class] [class name=primaryBox maxWidth=1200px] display: block; width: 90%; height: auto; margin: 5%; [/class] [class name=diagonal] position: absolute; height: 100%; width: 180%; background-color: var(--diagonalColor); color: var(--transparent); transform: rotate(-5deg); transform-origin: 100% 150%; overflow: hidden; z-index: 4; [/class] [class name=hexRender] position: absolute; height: 125%; width: 125%; background-image: var(--bgHexImage); background-position: var(--bgHexPosition); background-size: var(--bgHexSize); background-repeat: var(--bgHexRepeat); opacity: var(--bgHexOpacity); z-index: 4; [/class] [class name=characterName] position: relative; width: 80%; height: var(--characterNameHeight); box-sizing: border-box; padding: 20px 0px 0px 40px; z-index: 5; [/class] [class name=characterName maxWidth=1200px] width: 100%; [/class] [class name=infoFlexContainer] display: flex; position: relative; height: 80%; width: 100%; box-sizing: border-box; flex-flow: column wrap; justify-content: space-around; align-items: center; align-content: center; flex: 1 1 auto; overflow: hidden; z-index: 6; [/class] [class name=infoFlexContainer maxWidth=1200px] width: 100%; [/class] [class name=infoContainer] position: relative; width: var(--columnTwoWidth); height: 60%; box-sizing: border-box; padding: 20px; border-right: var(--infoBoxBorderStyle); border-bottom: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 1 auto; [/class] [class name=infoContainer maxWidth=1200px] width: 100%; [/class] [class name=menuContainer] width: var(--columnTwoWidth); height: 10%; box-sizing: border-box; border-top: var(--infoBoxBorderStyle); border-right: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); [/class] [class name=menuContainer maxWidth=1200px] width: 100%; [/class] [class name=menuFlexContainer] display: flex; width: 100%; height: 100%; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; [/class] [class name=menuFlexContainer maxWidth=1200px] flex-flow: column wrap; [/class] [class name=menuButton] position: relative; width: var(--menuButtonWidth); height: 90%; box-sizing: border-box; padding: 5px; flex: 1 1 auto; background: var(--menuButtonBgColor); transition: background var(--transitionFunction), color var(--transitionFunction); cursor: pointer; color: var(--menuButtonColor); [/class] [class name=menuButton maxWidth=1200px] width: 100%; [/class] [class name=menuButton state=hover] background-color: var(--menuButtonHoverBgColor); color: var(--menuButtonHoverColor); transition: background var(--transitionFunction), color var(--transitionFunction); [/class] [class name=tabName] display: none; [/class] [class name=menuDivider] width: 90%; min-height: 3px; margin: auto; background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent)); flex: 3 0 auto; color: var(--transparent); [/class] [class name=profileContainer] position: relative; width: var(--columnOneWidth); height: 96%; box-sizing: border-box; padding: 0px; margin-right: 1%; border: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 0 auto; [/class] [class name=profileContainer maxWidth=1200px] width: 100%; margin: 0%; [/class] [class name=profileImageContainer] display: block; position: relative; max-width: 95%; height: 50%; box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileImageContainer maxWidth=1200px] display: block; position: relative; max-width: 95%; height: var(--profileImageHeight); box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileInfoFlexContainer] display: flex; height: 45%; width: auto; justify-content: space-between; align-content: space-between; align-items: center; flex-flow: row wrap; border: 1px sold white; [/class] [class name=profileInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 100%; max-height: 15%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=standardInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 48%; max-height: 10%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=profileLabelBox] position: relative; max-width: 20%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=standardLabelBox] position: relative; width: 30%; max-width: 30%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=profileInfo] display: block; position: relative; max-width: auto; box-sizing: border-box; padding: 2px; margin: 3px; flex: 3 0 auto; [/class] [class name=mainText] display: block; position: relative; box-sizing: border-box; padding-left: 20px; padding-bottom: 10px; text-align: justify; font-family: var(--mainFont); font-size: var(--mainTextSize); letter-spacing: 1px; color: var(--mainTextColor); white-space: pre-wrap; [/class] [class name=mainHeader] display: block; position: relative; box-sizing: border-box; padding: 3px; margin-bottom: 10px; background: var(--diagonalColor); font-family: var(--headerFont); font-size: 3em; letter-spacing: 0px; text-transform: uppercase; color: var(--infoBoxColor); [/class] [class name=mainSubheader] display: block; position: relative; width: 50%; box-sizing: border-box; margin-left: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--mainAccent); font-family: var(--mainFont); font-size: 1.1em; letter-spacing: 2px; text-transform: uppercase; color: var(--mainTextColor); [/class] [class name=indent] text-indent: 0px; [/class] [class name=characterNameText] font-family: var(--nameFont); font-size: 4em; text-transform: uppercase; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5); letter-spacing: 5px; color: var(--nameColor); [/class] [class name=profileInfoText] font-family: var(--profileFont); font-size: var(--profileTextSize); text-transform: uppercase; letter-spacing: 0px; [/class] [class name=profileLabelText] text-align: center; color: var(--infoBoxColor); letter-spacing: 1px; [/class] [class name=profileText] text-align: left; color: var(--mainAccent); letter-spacing: 2px; [/class] [class name=menuText] text-align: center; font-family: var(--menuFont); font-size: var(--menuTextSize); text-transform: uppercase; letter-spacing: 2px; [/class] [class name=scrollBox] display: block; position: relative; height: 90%; width: 100%; max-height: 500vh; padding-right: 300%; padding-left: 5px; overflow-x: hidden; overflow-y: scroll; [/class] [class name=scrollBox maxWidth=1200px] width: 100%; height: auto; max-height: 150vmax; overflow-x: hidden; overflow-y: auto; [/class] [script class="menuButton" version=2] (= currentTab "one") (hide "two") (hide "three") (hide "four") [/script] [script class="menuButton" on=click version=2] (fadeOut 500 currentTab) (= currentTab (trim (index (split (getText) "TAB") 0))) (setTimeout 0.5 (fadeIn 100 currentTab)) [/script] [class=variables] --mainFont: 'Text Me One', sansserif; --mainTextSize: 0.9em; --mainTextColor: rgb(210, 210, 210); --headerFont: 'Share', sansserif; --menuFont: 'Text Me One', sansserif; --menuTextSize: 1.05em; --menuTextColor: #c2c2ca; --menuTextHoverColor: #d6d6db; --menuButtonWidth: 25%; --menuButtonColor: rgba(210, 210, 210, 1); --menuButtonBgColor: rgba(20, 20, 20, 0.7); --menuButtonHoverBgColor: rgba(21, 67, 96, 0.9); --menuButtonHoverColor: rgba(210, 210, 210, 0.9); --menuBorder: rgba(210, 210, 210, 0.5); --nameFont: 'Text Me One', 'sansserif'; --nameColor: rgb(240, 240, 240); --profileFont: 'Text Me One', sansserif; --profileTextSize: 0.8em; --profileImage: url(https://i.imgur.com/4nBWfMz.jpg); --profileImageHeight: 200px; --infoBoxColor: rgba(20, 20, 20, 0.9); --infoBoxBorderColor: rgba(120, 120, 120, 0.5); --infoBoxBorderStyle: 10px solid var(--infoBoxBorderColor); --mainAccent: rgb(210, 210, 210); --transparent: rgba(0, 0, 0, 0); --primaryBoxColor: #1F223D; --diagonalColor: rgb(210, 210, 210); --primaryBoxShadow: -2px 2px 40px 3px rgba(0, 0, 0, 0.6); --transitionFunction: 0.3s ease-in-out 0s; --textTransitionFunction: 0.8s ease-in-out 0s; --columnOneWidth: 30%; --columnTwoWidth: 65%; --profileHeight: 90%; --nameHeight: 10%; --bgHexImage: url(https://i.imgur.com/8HjPRQn.png); --bgHexPosition: center center; --bgHexSize: auto; --bgHexRepeat: repeat; --bgHexOpacity: 0.25; [/class] [div class="variables"] [div class="aspectRatio"] [div class="root"] [div class="mainFlexContainer"] [div class="primaryBox"] [div class="diagonal"] Lexielai [/div] [div class=hexRender][/div] [div class="characterName characterNameText"] Akane Hisakawa [/div] [div class=infoFlexContainer] [div class=profileContainer] [div class=profileImageContainer] [/div] [div class=scrollBox] [div class=profileInfoFlexContainer] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Name [/div] [div class="profileInfo profileInfoText profileText"] Akane Hisakawa [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Birth Date [/div] [div class="profileInfo profileInfoText profileText"] April 15th [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Age [/div] [div class="profileInfo profileInfoText profileText"] 16 [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Gender [/div] [div class="profileInfo profileInfoText profileText"] Female [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Band [/div] [div class="profileInfo profileInfoText profileText"] Mars [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Power [/div] [div class="profileInfo profileInfoText profileText"] Energy Absorption [/div] [/div] [/div][/div][/div] [div class=menuContainer] [div class=menuFlexContainer] [div class="menuButton menuText"] [div class="tabName"]oneTAB[/div] Appearance [/div] [div class="menuButton menuText"] [div class="tabName"]twoTAB[/div] Characteristics [/div] [div class="menuButton menuText"] [div class="tabName"]threeTAB[/div] History [/div] [div class="menuButton menuText"] [div class="tabName"]fourTAB[/div] Skills [/div] [div class=menuDivider] [/div] [/div][/div] [div class="infoContainer"] [div class="scrollBox one"] [div class=mainHeader] Appearance [/div] [div class=mainText] As an albino, Akane has pale skin, her hair is almost white in color, and eyes reddish. Small in stature and neatly dressed, Akane strolls around beaming with confidence, though she sometimes gets lost in the crowd due to her small frame. Her sharp eyes are always either studying something intensively, glaring at a challenger or avoiding others to stare absent-mindedly into the nothingness. [/div] [/div] [div class="scrollBox two"] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Characteristics [/div] [div class=mainSubheader] Personality [/div] [div class=mainText] Akane is a flame buried under a thin ice cover. She keeps to herself most of the time, distant but not as rejecting as her sister, is how she acts her part as an exemplary student and an obedient child. But what she does, she does with a burning passion of a fighter. No one knows who exactly she’s fighting with, but at times, it’s felt like she’d fight against anyone. Indeed, Akane held her abilities and how she uses them in high regard, a person of strong opinions to say the least. Akane stands her ground unwaveringly, and will break her quiet demeanor to see to it that you concede your opposite opinions or become her enemy forever. Although quick to declare rivalry till the end of time, her childish side is easy to exploit if one knows how to please her ego and/or love for cute things. Much like how she can’t help but gets sidetracked from her main goals to help a (whiny) friend in needs. She also has a soft-spot for inconvenient ideas, as long as it has a well-made argument, she will humor even the most ridiculous of ideas. Akane is self-conscious about her appearance, being an albino doesn’t exactly mix well with the need to fit in of a kid her age. Consequently, the girl dislikes attracting attention and avoid dealing with strangers if she can help it. It doesn’t help that unlike her, her sister have not the genetic disorder and even considered a beauty among her peers. [/div] [div class=mainSubheader] Motivations [/div] [div class=mainText] At the moment, Akane only wants to focus on her study to get a place in one of the biggest university in Tokyo. [/div] [div class=mainSubheader] Misc [/div] [div class=mainText] Like: -She has a weakness for cute things like stuffed animals or heartbreakingly adorable puppies. -A well thought out debate. -Outlandish, wild ideas that aren’t complete nonsense. Dislike: -Comments, positive or negative, on her appearance -Stupid people (people with different opinions from hers) [/div] [/div] [div class="scrollBox three"] [div class=mainHeader] History [/div] [div class=mainText] Perhaps the fault lies in their stars that both Hisakawa sisters were struck with misfortune early in their lives. Before Akane could even remember, her father, a firefighter in this day and ages was killed in a fire in his own home, how ironic is that? The older sister Rikka suffered the most by the nasty rumors blaming the accident on her. Akane, staying with their relatives at the time of the accident, was also too young to remember and had her own problem to deal with. She was born an albino, a genetic disorder that causes an absence of skin and hair pigmentation. Her parents named her Akane after the color of her eyes, in hope that she will be confident in her own appearance and not being ashamed by it. Though she failed to do so until now, she was still a teenager with a lot of room to grow. Some say she could be an outdoor type of a kid, but her sensitive skin can’t stand intense sunlight, so her childhood was spent mostly inside. Through her mother’s and sister’s guidance, she came to take pride in what she did best: study, curious by nature, Akane enjoyed indulging herself in the word of knowledge. Another interest of her that was formed in her younger days is the love for brave warriors of the past; she secretly admired the female figures who personally took part in combat, gallantly and boldly despite traditional expectation, something Akane could never do herself because of her physical condition. But this interest of her remained a secret, to her closest friends Akane has only ever liked cutesy animals, she does like them, just not as much as she likes the idea of charging at her sworn enemies with a naginata! Back when she was in junior high school, the other kids picked her because of her appearance. Being a weakly child, and her sister surrounded by bad rumors was avoiding her, Akane chose to avoid attention if she could help it and readied to bite back if provoked. Other than that, she grew up as a diligent student, always did well in class, though caused trouble for her teachers at times with her stubbornness. She made few close friends through her school days, the people she could bicker with. Hers was otherwise a normal life, a life that she planned out and contented with it being that way. But who knows what the future entails? [/div] [/div] [div class="scrollBox four"] [div class=mainHeader] Skills [/div] [div class=mainSubheader] Band [/div] [div class=mainText] Mars [/div] [div class=mainSubheader] Ability [/div] [div class=mainText] Energy Absorption [/div] [div class=mainSubheader] Weapon [/div] [div class=mainText] Ko-Naginata (It’s similar to Chinese guan dao or European glaive) [/div] [div class=mainSubheader] Strengths [/div] [div class=mainText] Fearless, aggressive, quick wit. [/div] [div class=mainSubheader] Weaknesses [/div] [div class=mainText] Irresponsible, too aggressive, easy to be controlled by her emotions, inexperience in physical activities, arrogant. [/div] [/div] [/div][/div] [/div][/div] [/div][/div][/div]
 

Users who are viewing this thread

Back
Top