Post by Katriane “Riina” Russell on Aug 5, 2020 14:09:47 GMT -7
[googlefont="Roboto Condensed"][nospaces]
[newclass=".app-base"]background: #0d0d0d; padding: 10px; width: 500px; margin: 10px auto; height: 480px; color: #ccc; line-height: 0; position: relative; border: 1px solid #000;[/newclass]
[newclass=".app-base .PT_table"]padding: 0px !important; border-spacing: 0px; border: 0px; table-layout: fixed !important;[/newclass]
[newclass=".app-base .PT_Tabs_holder"]text-transform: uppercase !important; font-family: Roboto Condensed, sans-serif; font-size: 10px; line-height: 20px;position: absolute; top: 0; right: 0; left: 0; background: #2c3258;[/newclass]
[newclass=".app-base .PT_tabs"]text-align:center; background-color: transparent !important; border: 0px !important;[/newclass] // Tabs unselected
[newclass=".app-base .PT_tabs_selected"]text-align:center; background-color: #e4b61a !important; color: #fff;[/newclass] // Tabs selected
[newclass=".app-base .PT_tabs_hover"]text-align:center; background-color: transparent !important; color: #ccc !important;[/newclass] // Tabs hover
[newclass=".app-base .PT_tabs_selected_hover"]text-align:center; background-color: #e4b61a !important; color: #fff !important;[/newclass] // Tabs selected Hover
[newclass=".app-base .PT_spots"]background-color:transparent !important; padding: 0px;[/newclass] // The content sections under the tabs
[newclass=".app-content"]position: absolute; left: -5px; top: 0px; right: -5px; bottom: 0px;[/newclass]
[newclass=".app-content > div::-webkit-scrollbar"]width: 7px;[/newclass]
[newclass=".app-content > div::-webkit-scrollbar-track"]background: #000;border: 2px solid #0d0d0d;[/newclass]
[newclass=".app-content > div::-webkit-scrollbar-thumb"]background-color: #e4b61a;[/newclass]
[newclass=".app-content-main-img"]height: 300px; width: 300px; position: absolute; top: 0; left: 0;[/newclass]
[newclass=".app-content-main-img img"]height: 300px; width: 300px;[/newclass]
[newclass=".app-content-char-name"]position: absolute; top: 0; left: 310px; right: 0; font-size: 50px; line-height: 50px; font-family: Roboto Condensed, sans-serif; font-weight: bold;[/newclass]
[newclass=".app-content-char-name div"]font-size: 20px; line-height: 20px; text-align: right; font-weight: 300; font-style: italic; letter-spacing: 2px; color: #e4b61a;[/newclass]
[newclass=".app-content-char-info"]position: absolute; top: 80px; left: 310px; right: 0; font-size: 12px; line-height: 0px; font-family: sans-serif;[/newclass]
[newclass=".app-content-char-info span"]font-family: Roboto Condensed, sans-serif; font-size: 10px; line-height: 10px; letter-spacing: 2px; text-transform: uppercase; background: #2c3258; color: #fff; padding: 5px; display: block;[/newclass]
[newclass=".app-content-char-info div"]line-height: 30px;[/newclass]
[newclass=".app-content-char-info div > div"]display: inline-block; width: 50%;[/newclass]
[newclass=".app-content-char-face"]background: #2c3258; position: absolute; top: 310px; left: 0; right: 0; padding: 5px; text-align: center; font-family: Roboto Condensed, sans-serif; letter-spacing: 2px; font-size: 10px; line-height: 10px; color: #fff;[/newclass]
[newclass=".app-content-char-face b"]text-transform: uppercase;[/newclass]
[newclass=".app-content-char-extra-title"]position: absolute; top: 376px; left: -34px; background: #2c3258; padding: 15px 30px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-char-extra"]left: 50px; right: 0; top: 340px; position: absolute; padding: 10px; height: 100px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-personality"]position: absolute; top: 0px; left: -5px; right: -5px; bottom: 0; letter-spacing: 0px;[/newclass]
[newclass=".app-content-personality-slice"]position: relative; display: inline-block; width: 49%; margin: 0px 0px 10px; height: 220px; line-height: 0px;[/newclass]
[newclass=".app-content-personality-title"]position: absolute; top: 90px; left: -80px; background: #2c3258; padding: 15px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; width: 190px; text-align: center;font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-personality-info"] position: absolute; top: 0; right: 0; left: 65px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-skills"]position: relative; height: 360px; border: 50px solid transparent; overflow: auto;[/newclass]
[newclass=".app-content-skills-type"]display: inline-block; margin: 0px 5px 10px 0px; width: 48%; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; font-family: Roboto Condensed, sans-serif;[/newclass]
[newclass=".app-content-skills-type span"]background: #2c3258; color: #fff; padding: 5px 10px; font-size: 10px; line-height: 12px; display: block;[/newclass]
[newclass=".app-content-home"]position: absolute; top: 10px; left: 0px; right: 0px; font-size: 15px; line-height: 20px; text-align: center; font-family: Roboto Condensed, sans-serif;[/newclass]
[newclass=".app-content-home span"]background: #2c3258; padding: 15px 20px; color: #fff; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; float: right; line-height: 10px; margin: -10px 0px 0px;[/newclass]
[newclass=".app-content-family-title"]position: absolute; top: 76px; left: -24px; background: #2c3258; padding: 15px 30px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff;[/newclass]
[newclass=".app-content-family"]left: 50px; right: 0; top: 50px; position: absolute; padding: 10px; height: 100px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-history-title"]position: absolute; top: 286px; right: -114px; background: #2c3258; padding: 15px; width: 260px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; text-align: center;font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-history"]left: 0; right: 66px; top: 167px; position: absolute; padding: 10px; height: 270px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-starters"]border: 50px solid transparent; height: 350px; overflow: auto; position: relative;[/newclass]
[newclass=".app-content-starters-slice"]padding: 10px; position: relative; background: #2c3258; margin: 0px 0px 10px;[/newclass]
[newclass=".app-content-starters-slice div"]font-size: 12px; line-height: 16px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase;[/newclass]
[newclass=".app-content-starters-slice img"]float: left; margin: 10px 10px 30px 0px;[/newclass]
[newclass=".app-content-starters-slice span"]font-size: 20px; font-weight: bold; color: #fff;[/newclass]
[newclass=".app-content-ooc-img"]height: 200px; width: 200px; position: absolute; top: 0; left: 0;[/newclass]
[newclass=".app-content-ooc-img img"]height: 200px; width: 200px;[/newclass]
[newclass=".app-content-ooc-name"]position: absolute; top: 0; left: 210px; right: 0; font-size: 50px; line-height: 50px; font-family: Roboto Condensed, sans-serif; font-weight: bold; height: 50px; overflow: hidden;[/newclass]
[newclass=".app-content-ooc-info"]position: absolute; top: 50px; left: 210px; right: 0; font-size: 12px; line-height: 30px; font-family: sans-serif;[/newclass]
[newclass=".app-content-ooc-info span"]font-family: Roboto Condensed, sans-serif; font-size: 10px; line-height: 10px; letter-spacing: 2px; text-transform: uppercase; background: #2c3258; color: #fff; padding: 5px; display: block;[/newclass]
[newclass=".app-content-ooc-info div > div"]display: inline-block; width: 50%;[/newclass]
[newclass=".app-content-ooc-extra-title"]position: absolute; top: 310px; left: -100px; background: #2c3258; padding: 15px; width: 220px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; text-align: center;font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-ooc-extra"]left: 50px; right: 0; top: 210px; position: absolute; padding: 10px; height: 230px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[attr="class","app-base"]
[PTabbedContent]
[PTab=General]
[/PTab]
[PTab=Personality]
[/PTab]
[PTab=Skills]
[/PTab]
[PTab=History]
[/PTab]
[PTab=Pokemon]
[/PTab]
[PTab=OOC]
[/PTab]
[/PTabbedContent]
[PTabbedContent]
[PTab=General]
[attr="class","app-content"]
[attr="class","app-content-main-img"]
[attr="class","app-content-char-name"]Katriane
Russell
[attr="class","app-content-char-info"]
nickname(s) Riina
age 16
birthdayJanuary 6
year 6
trainer category Trainer/Ranger
[attr="class","app-content-char-face"]Cure Girl, Tsukuyami
[attr="class","app-content-char-extra-title"]extra info
[attr="class","app-content-char-extra"]✏️She loves writing stories, she has written about her Pokémon and their journey together.
[break]✏️She has been here for 5 years starting her sixth now, but since adding Ranger to her class, she has decided to restart and keep only four of her old Pokémon.
[break]✏️She loves summer time.
[break]✏️She suffered from Seizures as a baby but now they are rare but she can still have them and is sensitive to loud sounds. Her seizures are triggered by sound not light.
[break]✏️She has a phobia of flys, no one knows why.
[break]✏️She is mute so she uses writing or her rotom phone as a way to talk.
[break]✏️She has not always been mute.
[break]✏️She’s a vegetarian.
[break]✏️She owns her own Pokémon blog that shows info about her and her Pokémon.
[break]✏️Her idols are Claire the dragon gym leader, Steven stone a region champion, and Spencer the Pokémon ranger.
[break]✏️She has been here for 5 years starting her sixth now, but since adding Ranger to her class, she has decided to restart and keep only four of her old Pokémon.
[break]✏️She loves summer time.
[break]✏️She suffered from Seizures as a baby but now they are rare but she can still have them and is sensitive to loud sounds. Her seizures are triggered by sound not light.
[break]✏️She has a phobia of flys, no one knows why.
[break]✏️She is mute so she uses writing or her rotom phone as a way to talk.
[break]✏️She has not always been mute.
[break]✏️She’s a vegetarian.
[break]✏️She owns her own Pokémon blog that shows info about her and her Pokémon.
[break]✏️Her idols are Claire the dragon gym leader, Steven stone a region champion, and Spencer the Pokémon ranger.
[/PTab]
[PTab=Personality]
[attr="class","app-content"]
[attr="class","app-content-personality"]
[attr="class","app-content-personality-slice"]
[attr="class","app-content-personality-title"]positive
[attr="class","app-content-personality-info"]Bubbly
[break]Compasionate
[break]Understanding
[break]Direct
[break]Honest
[break]Willing to stand up for her beliefs
[break]Gentle
[break]Friendly/kind
[break]Playful
[break]Compasionate
[break]Understanding
[break]Direct
[break]Honest
[break]Willing to stand up for her beliefs
[break]Gentle
[break]Friendly/kind
[break]Playful
[attr="class","app-content-personality-slice"]
[attr="class","app-content-personality-title"]negative
[attr="class","app-content-personality-info"]Gullible
[break]gets stressed easily
[break]Indecisive
[break]Naive
[break]Childish
[break]Clingy
[break]gets stressed easily
[break]Indecisive
[break]Naive
[break]Childish
[break]Clingy
[attr="class","app-content-personality-slice"]
[attr="class","app-content-personality-title"]likes
[attr="class","app-content-personality-info"]Psychic and duel types
[break]Her blog
[break]Corn and broccoli (her favs)
[break]Helping Pokémon
[break]Rainbows
[break]Dancing in the rain
[break]Befriending pokemon
[break]Hard rock, techno, pop, and soundtracks
[break]Dancing (Interpretive, hip hop, street, and brake dancing)
[break]Her blog
[break]Corn and broccoli (her favs)
[break]Helping Pokémon
[break]Rainbows
[break]Dancing in the rain
[break]Befriending pokemon
[break]Hard rock, techno, pop, and soundtracks
[break]Dancing (Interpretive, hip hop, street, and brake dancing)
[attr="class","app-content-personality-slice"]
[attr="class","app-content-personality-title"]dislikes
[attr="class","app-content-personality-info"]Medicine
[break]Doctors
[break]Sharp objects
[break]Flys or flying insects
[break]Snow/cold weather
[break]hot weather
[break]Meat
[break]Tests
[break]Heights
[break]The color black
[break]Doctors
[break]Sharp objects
[break]Flys or flying insects
[break]Snow/cold weather
[break]hot weather
[break]Meat
[break]Tests
[break]Heights
[break]The color black
[/PTab]
[PTab=Skills]
[attr="class","app-content"]
[attr="class","app-content-skills"]
[attr="class","app-content-skills-type"]6.0 Trainer
[attr="class","app-content-skills-type"]3.5 Charisma
[attr="class","app-content-skills-type"]0.0 Starpower
[attr="class","app-content-skills-type"]2.0 tech/computers
[attr="class","app-content-skills-type"]0.0 Handling
[attr="class","app-content-skills-type"]-1.0 Research
[attr="class","app-content-skills-type"]0.0 Puzzles
[attr="class","app-content-skills-type"]-4.0 Intuition
[attr="class","app-content-skills-type"]-2.0 Criminal
[attr="class","app-content-skills-type"]1.0 Creative
[attr="class","app-content-skills-type"]-1.0 Survival
[attr="class","app-content-skills-type"]0.0 Games
[attr="class","app-content-skills-type"]-0.8 Strength
[attr="class","app-content-skills-type"]0.0 Agility
[attr="class","app-content-skills-type"]1.0 Inelegance
[attr="class","app-content-skills-type"]4.0 Mystic
[attr="class","app-content-skills-type"]0.0 Psychic
[attr="class","app-content-skills-type"]2.5 Aura
[attr="class","app-content-skills-type"]3.0 dancing
[attr="class","app-content-skills-type"]5.0 Flexablity
[attr="class","app-content-skills-type"]-3.0 Test taking
[attr="class","app-content-skills-type"]-2.0 Cleaning
[/PTab]
[PTab=History]
[attr="class","app-content"]
[attr="class","app-content-home"]
hometown Mistralton City, Unova
hometown Mistralton City, Unova
[attr="class","app-content-family-title"]family
[attr="class","app-content-family"]Crystal Russel (mom)
[break]Logan Russell (dad)
[break]Vegina (little sister)
[break]Parsley (Little brother)
[break]Drake (Big brother)
[break]Logan Russell (dad)
[break]Vegina (little sister)
[break]Parsley (Little brother)
[break]Drake (Big brother)
[attr="class","app-content-history-title"]background
[attr="class","app-content-history"]She is from a small city only about fourth people in it. She was born to Logan and Crystal Russell. She has a brother two years older than her. His name is Drake named after the Pokémon champion. She then has two younger siblings Parsley her little brother who is thirteen, and Vegina Corina Russell her little sister who is ten. Both her younger siblings fallowed her lead to the school.
[break]
[break]She used to be able to talk and did so often. When she turned 8 she had a bad seizure she had had them before but not this bad. Somehow it had caused her throat damage and she hasn’t been able to speak since. She had been so scared when it happened, it took her a while to recover mentally. She had tried to speak after it happened but she never could speak. Then finally a year later still partially hoping to get it back she has realized that she needs to live with it. That doesn’t stop her from dreaming of speaking one day again. She had always wanted to be a trainer, she never considered anything else. She had heard that students can choose more than one later in life. She always thought she wouldn’t be one of them.
[break]
[break]Things changed when she got lost on a class field trip her second year. Her and her Pokémon had been hurt she had a seizure, and her Pokémon where hurt from battles. She and her Pokémon were saved by a Pokémon ranger. She thought about it for a while she didn’t want to rush into anything. But after seeing what rangers did for her and her Pokémon. Now in her sixth year she has decided to add being s Pokémon ranger. Although she’s not sure if she can really do it. But she does want to try.
[break]
[break]She used to be able to talk and did so often. When she turned 8 she had a bad seizure she had had them before but not this bad. Somehow it had caused her throat damage and she hasn’t been able to speak since. She had been so scared when it happened, it took her a while to recover mentally. She had tried to speak after it happened but she never could speak. Then finally a year later still partially hoping to get it back she has realized that she needs to live with it. That doesn’t stop her from dreaming of speaking one day again. She had always wanted to be a trainer, she never considered anything else. She had heard that students can choose more than one later in life. She always thought she wouldn’t be one of them.
[break]
[break]Things changed when she got lost on a class field trip her second year. Her and her Pokémon had been hurt she had a seizure, and her Pokémon where hurt from battles. She and her Pokémon were saved by a Pokémon ranger. She thought about it for a while she didn’t want to rush into anything. But after seeing what rangers did for her and her Pokémon. Now in her sixth year she has decided to add being s Pokémon ranger. Although she’s not sure if she can really do it. But she does want to try.
[/PTab]
[PTab=Pokemon]
[attr="class","app-content"]
[attr="class","app-content-starters"]
[attr="class","app-content-starters-slice"]
Xaxy
Xatu | Male | lvl: 40 | Nature: Jolly | Psychic/Flying | Synchronize
Peck | Teleport | Air Slash | confused ray
This is the one Pokémon the only one she chose as her starter. He’s her favorite and closest Pokémon on her team. Name Prounonced Z-ack-z.
[attr="class","app-content-starters-slice"]
Tara
Tsareena (Shiny) | Female | lvl: 36 | lax | Grass | oblivious
Razor Leaf | sweet sent | Swagger | stomp
Tara was her only Pokémon she chose from graduating from her third year of school.
[attr="class","app-content-starters-slice"]
flick
litwick | Male | lvl: 34 | Nature: Gentle | fire/ghost | flash fire
shadow ball | Night Shade | Fire spin | confuse ray
This is the only other Pokémon she decided to keep from her first 5 years she decided to start fresh but kept flick and the other three Pokémon she couldn’t let go of.
[attr="class","app-content-starters-slice"]
Guinevere
Garvanchula | Female | lvl: 36 | Nature: Naive | Electric/Bug | compound eyes
Bug bite | agility | electro ball | Electroweb
This was her second ever Pokémon she caught. And she loves her even though she’s huge and gullible.
[attr="class","app-content-starters-slice"]
nickname
species | gender | types | ability
move one | move two | move three | move four
[attr="class","app-content-starters-slice"]
nickname
species | gender | types | ability
move one | move two | move three | move four
[/PTab]
[PTab=OOC]
[attr="class","app-content"]
[attr="class","app-content-ooc-img"]
[attr="class","app-content-ooc-name"]Foxylynn
[attr="class","app-content-ooc-info"]
Nickname Foxy
pronouns she/her
age 29
timezone mountain
[attr="class","app-content-ooc-extra-title"]extra information
[attr="class","app-content-ooc-extra"]I have told you most that I can think of. I hope to make this a fun place for everyone. I love making characters you will see that a lot with me.
[/PTab]
[/PTabbedContent]
[newclass=".app-base"]background: #0d0d0d; padding: 10px; width: 500px; margin: 10px auto; height: 480px; color: #ccc; line-height: 0; position: relative; border: 1px solid #000;[/newclass]
[newclass=".app-base .PT_table"]padding: 0px !important; border-spacing: 0px; border: 0px; table-layout: fixed !important;[/newclass]
[newclass=".app-base .PT_Tabs_holder"]text-transform: uppercase !important; font-family: Roboto Condensed, sans-serif; font-size: 10px; line-height: 20px;position: absolute; top: 0; right: 0; left: 0; background: #2c3258;[/newclass]
[newclass=".app-base .PT_tabs"]text-align:center; background-color: transparent !important; border: 0px !important;[/newclass] // Tabs unselected
[newclass=".app-base .PT_tabs_selected"]text-align:center; background-color: #e4b61a !important; color: #fff;[/newclass] // Tabs selected
[newclass=".app-base .PT_tabs_hover"]text-align:center; background-color: transparent !important; color: #ccc !important;[/newclass] // Tabs hover
[newclass=".app-base .PT_tabs_selected_hover"]text-align:center; background-color: #e4b61a !important; color: #fff !important;[/newclass] // Tabs selected Hover
[newclass=".app-base .PT_spots"]background-color:transparent !important; padding: 0px;[/newclass] // The content sections under the tabs
[newclass=".app-content"]position: absolute; left: -5px; top: 0px; right: -5px; bottom: 0px;[/newclass]
[newclass=".app-content > div::-webkit-scrollbar"]width: 7px;[/newclass]
[newclass=".app-content > div::-webkit-scrollbar-track"]background: #000;border: 2px solid #0d0d0d;[/newclass]
[newclass=".app-content > div::-webkit-scrollbar-thumb"]background-color: #e4b61a;[/newclass]
[newclass=".app-content-main-img"]height: 300px; width: 300px; position: absolute; top: 0; left: 0;[/newclass]
[newclass=".app-content-main-img img"]height: 300px; width: 300px;[/newclass]
[newclass=".app-content-char-name"]position: absolute; top: 0; left: 310px; right: 0; font-size: 50px; line-height: 50px; font-family: Roboto Condensed, sans-serif; font-weight: bold;[/newclass]
[newclass=".app-content-char-name div"]font-size: 20px; line-height: 20px; text-align: right; font-weight: 300; font-style: italic; letter-spacing: 2px; color: #e4b61a;[/newclass]
[newclass=".app-content-char-info"]position: absolute; top: 80px; left: 310px; right: 0; font-size: 12px; line-height: 0px; font-family: sans-serif;[/newclass]
[newclass=".app-content-char-info span"]font-family: Roboto Condensed, sans-serif; font-size: 10px; line-height: 10px; letter-spacing: 2px; text-transform: uppercase; background: #2c3258; color: #fff; padding: 5px; display: block;[/newclass]
[newclass=".app-content-char-info div"]line-height: 30px;[/newclass]
[newclass=".app-content-char-info div > div"]display: inline-block; width: 50%;[/newclass]
[newclass=".app-content-char-face"]background: #2c3258; position: absolute; top: 310px; left: 0; right: 0; padding: 5px; text-align: center; font-family: Roboto Condensed, sans-serif; letter-spacing: 2px; font-size: 10px; line-height: 10px; color: #fff;[/newclass]
[newclass=".app-content-char-face b"]text-transform: uppercase;[/newclass]
[newclass=".app-content-char-extra-title"]position: absolute; top: 376px; left: -34px; background: #2c3258; padding: 15px 30px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-char-extra"]left: 50px; right: 0; top: 340px; position: absolute; padding: 10px; height: 100px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-personality"]position: absolute; top: 0px; left: -5px; right: -5px; bottom: 0; letter-spacing: 0px;[/newclass]
[newclass=".app-content-personality-slice"]position: relative; display: inline-block; width: 49%; margin: 0px 0px 10px; height: 220px; line-height: 0px;[/newclass]
[newclass=".app-content-personality-title"]position: absolute; top: 90px; left: -80px; background: #2c3258; padding: 15px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; width: 190px; text-align: center;font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-personality-info"] position: absolute; top: 0; right: 0; left: 65px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-skills"]position: relative; height: 360px; border: 50px solid transparent; overflow: auto;[/newclass]
[newclass=".app-content-skills-type"]display: inline-block; margin: 0px 5px 10px 0px; width: 48%; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; font-family: Roboto Condensed, sans-serif;[/newclass]
[newclass=".app-content-skills-type span"]background: #2c3258; color: #fff; padding: 5px 10px; font-size: 10px; line-height: 12px; display: block;[/newclass]
[newclass=".app-content-home"]position: absolute; top: 10px; left: 0px; right: 0px; font-size: 15px; line-height: 20px; text-align: center; font-family: Roboto Condensed, sans-serif;[/newclass]
[newclass=".app-content-home span"]background: #2c3258; padding: 15px 20px; color: #fff; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; float: right; line-height: 10px; margin: -10px 0px 0px;[/newclass]
[newclass=".app-content-family-title"]position: absolute; top: 76px; left: -24px; background: #2c3258; padding: 15px 30px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff;[/newclass]
[newclass=".app-content-family"]left: 50px; right: 0; top: 50px; position: absolute; padding: 10px; height: 100px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-history-title"]position: absolute; top: 286px; right: -114px; background: #2c3258; padding: 15px; width: 260px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; text-align: center;font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-history"]left: 0; right: 66px; top: 167px; position: absolute; padding: 10px; height: 270px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]
[newclass=".app-content-starters"]border: 50px solid transparent; height: 350px; overflow: auto; position: relative;[/newclass]
[newclass=".app-content-starters-slice"]padding: 10px; position: relative; background: #2c3258; margin: 0px 0px 10px;[/newclass]
[newclass=".app-content-starters-slice div"]font-size: 12px; line-height: 16px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase;[/newclass]
[newclass=".app-content-starters-slice img"]float: left; margin: 10px 10px 30px 0px;[/newclass]
[newclass=".app-content-starters-slice span"]font-size: 20px; font-weight: bold; color: #fff;[/newclass]
[newclass=".app-content-ooc-img"]height: 200px; width: 200px; position: absolute; top: 0; left: 0;[/newclass]
[newclass=".app-content-ooc-img img"]height: 200px; width: 200px;[/newclass]
[newclass=".app-content-ooc-name"]position: absolute; top: 0; left: 210px; right: 0; font-size: 50px; line-height: 50px; font-family: Roboto Condensed, sans-serif; font-weight: bold; height: 50px; overflow: hidden;[/newclass]
[newclass=".app-content-ooc-info"]position: absolute; top: 50px; left: 210px; right: 0; font-size: 12px; line-height: 30px; font-family: sans-serif;[/newclass]
[newclass=".app-content-ooc-info span"]font-family: Roboto Condensed, sans-serif; font-size: 10px; line-height: 10px; letter-spacing: 2px; text-transform: uppercase; background: #2c3258; color: #fff; padding: 5px; display: block;[/newclass]
[newclass=".app-content-ooc-info div > div"]display: inline-block; width: 50%;[/newclass]
[newclass=".app-content-ooc-extra-title"]position: absolute; top: 310px; left: -100px; background: #2c3258; padding: 15px; width: 220px; font-family: Roboto Condensed, sans-serif; text-transform: lowercase; font-weight: 300; transform: rotate(90deg); color: #fff; text-align: center;font-size: 15px; line-height: 15px;[/newclass]
[newclass=".app-content-ooc-extra"]left: 50px; right: 0; top: 210px; position: absolute; padding: 10px; height: 230px; overflow: auto; font-size: 12px; line-height: 18px; text-align: justify; font-family: sans-serif;[/newclass]