Post by harper on Jan 17, 2014 21:28:53 GMT
[nospaces]
[newclass=.char-area]overflow: hidden; width: 200px; padding: 10px; height: 200px;[/newclass][newclass=.characters]margin-top: 70px; text-align: center; font-family: courier new;[/newclass][newclass=.subtitle]font-size: 10px; margin-top: -5px; text-transform: uppercase;[/newclass][newclass=.filler]font: 10px verdana;[/newclass][newclass=.filler .char-bio]margin-left: -200px; margin-top: -100px; opacity: 0; -moz-opacity: 0; position: relative; z-index: 3; height: 190px; width: 190px; background: rgba(255, 251, 249, 0.9); padding: 5px; text-align: justify; font: 10px verdana; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;[/newclass][newclass=.filler:hover .char-bio]margin-left: 0px; margin-top: -100px; opacity: 1; -moz-opacity: 1; position: relative; z-index: 3; height: 190px; width: 190px; background: rgba(255, 251, 249, 0.9); padding: 5px; text-align: justify; font: 10px verdana; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;[/newclass][newclass=.scrollers]height: 190px; overflow: auto; padding-right: 5px;[/newclass][newclass=.scrollers::-webkit-scrollbar]width: 7px;[/newclass][newclass=.scrollers::-webkit-scrollbar-thumb]border-radius: 5px; background: #3f3f3f;[/newclass]
[attr="class","filler"] [attr="class","char-area"] [attr="class","characters"] HARPER PHOENIX [attr="class","subtitle"]fifteen. student. caring. [attr="class","char-bio"] [attr="class","scrollers"] NICE GUYS FINISH LAST Need a victim for a bully? Need a nice guy to abuse? Then call Harper Phoenix because this little shit is probably one of the nicest kids around, and probably one of the least fucked up, let's be real. All Harper wants is friends tbh, from a young age he's been one of those kids labeled a weirdo because - when put under pressure - he cracks easily ends up spouting pick-up lines he doesn't mean. Most kids don't actually take him seriously, but it does make them feel awkward sometimes. [break][break] Harper is the only son of an important business man and he's set up to inherit the business when his father deems him ready. He's also engaged to a lady eleven years older than him and has a giant schoolboy crush on Jamie Finch. | [attr="class","filler"] [attr="class","char-area"] [attr="class","characters"] BRIELLA VIDAL [attr="class","subtitle"]eleven. student. independent. [attr="class","char-bio"] [attr="class","scrollers"] HUSH LITTLE BABY Briella likes to believe she's a strong, independent, outgoing eleven year old. She lives with her dad who spends his days asleep and his nights at work as a bodyguard - who he's guarding she's got no idea - and she kind of hates him for it. Don't get me wrong, she loves him, but she'd like to have a normal dad with normal work hours like her friends at school. [break][break] Speaking of school, Briella has a habit of getting into fights with other kids because she likes to jump between a bully and their victim. She's also got a habit of getting into fights for petty things, but that's besides the point. Sort of. She spends a lot of time in the Principal's office because of both those things tbh. |
[newclass=.char-area]overflow: hidden; width: 200px; padding: 10px; height: 200px;[/newclass][newclass=.characters]margin-top: 70px; text-align: center; font-family: courier new;[/newclass][newclass=.subtitle]font-size: 10px; margin-top: -5px; text-transform: uppercase;[/newclass][newclass=.filler]font: 10px verdana;[/newclass][newclass=.filler .char-bio]margin-left: -200px; margin-top: -100px; opacity: 0; -moz-opacity: 0; position: relative; z-index: 3; height: 190px; width: 190px; background: rgba(255, 251, 249, 0.9); padding: 5px; text-align: justify; font: 10px verdana; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;[/newclass][newclass=.filler:hover .char-bio]margin-left: 0px; margin-top: -100px; opacity: 1; -moz-opacity: 1; position: relative; z-index: 3; height: 190px; width: 190px; background: rgba(255, 251, 249, 0.9); padding: 5px; text-align: justify; font: 10px verdana; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;[/newclass][newclass=.scrollers]height: 190px; overflow: auto; padding-right: 5px;[/newclass][newclass=.scrollers::-webkit-scrollbar]width: 7px;[/newclass][newclass=.scrollers::-webkit-scrollbar-thumb]border-radius: 5px; background: #3f3f3f;[/newclass]