Post by harper on Feb 3, 2014 2:21:39 GMT
[nospaces]
[newclass=#overflowbox]height: 240px; width: 250px; overflow: hidden;[/newclass]
[newclass=.firstbox]width: 210px; height: 200px; padding: 10px;[/newclass]
[newclass=.scrollbox]color: #000; font: 11px verdana; text-align: justify; height: 200px; padding-right: 5px; overflow: auto;[/newclass]
[newclass=.scrollbox::-webkit-scrollbar]width: 7px; background: transparent;[/newclass]
[newclass=.scrollbox::-webkit-scrollbar-thumb]border-radius: 5px; -moz-border-radius: 5px; background: rgba(0, 0, 0, 0.1);[/newclass]
[newclass=#overflowbox .topname]width: 250px; height: 120px; background: #ed7e2f; margin-bottom: -120px; position: relative; z-index: 2;[/newclass]
[newclass=#overflowbox .bottomname]width: 250px; height: 120px; background: #ed7e2f; margin-top: -120px; position: relative; z-index: 2;[/newclass]
[newclass=#overflowbox .iconname]margin: -170px auto 70px 95px; position: relative; z-index: 3; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 100%;[/newclass]
[newclass=#overflowbox .iconbox]-webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -ms-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; margin: -175px auto 75px 75px; position: relative; z-index: 3; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 100%;[/newclass]
[newclass=#overflowbox:hover .iconbox]-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin: -160px auto 60px -100px; position: relative; z-index: 3; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 100%;[/newclass]
[newclass=#overflowbox .topmargin]width: 250px; height: 120px; margin-bottom: -120px; position: relative; z-index: 2; -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=#overflowbox .bottommargin]width: 250px; height: 120px; margin-top: -120px; position: relative; z-index: 2; -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=#overflowbox:hover .topmargin]-webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -ms-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; margin-top: -120px; margin-bottom: 0px;[/newclass]
[newclass=#overflowbox:hover .bottommargin]-webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -ms-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; margin-top: 0px;[/newclass]
[attr="id","overflowbox"] [attr="class","topmargin"] shut up's [attr="class","firstbox"]  [attr="class","iconbox"] [attr="class","bottommargin"] failures | [attr="id","overflowbox"] [attr="class","topmargin"] harper [attr="class","firstbox"] [attr="class","scrollbox"] 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","iconbox"] [attr="class","bottommargin"] phoenix |
[attr="id","overflowbox"] [attr="class","topmargin"] briella [attr="class","firstbox"] [attr="class","scrollbox"] Briella likes to believe she's a strong, independent, outgoing eleven year old, stress the word believe. 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 with all her heart, 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. [attr="class","iconbox"] [attr="class","bottommargin"] vidal | [attr="id","overflowbox"] [attr="class","topmargin"] anya [attr="class","firstbox"] [attr="class","scrollbox"] Males beware, Anya is a misandrist and the only place her hate for men truly hides itself is when she's working at the strip club. Anya is a naturally protective person, though that protectiveness is usually only directed towards females. Men can go fend for themselves really, all Anya cares about is making each and every she meets stays safe and away from the prying hands of the disgusting males that litter the world. She's somewhat civil with her hate though, she doesn't openly hate on men. She keeps it under wraps until provoked like any decent person would do, in her opinion. [break][break] Aside from all that, Anya is a pretty decent girl, if you're also a girl that is. She's got a younger sister who she absolutely adores, and four younger brothers she really doesn't care too much about. There's a little bit of caring because of family obligation, but aside from that, not even her own family is exempted from her hate. Then again, a misandrist is someone who hates all men, so is it really a surprise? [attr="class","iconbox"] [attr="class","bottommargin"] fedotov |
[newclass=#overflowbox]height: 240px; width: 250px; overflow: hidden;[/newclass]
[newclass=.firstbox]width: 210px; height: 200px; padding: 10px;[/newclass]
[newclass=.scrollbox]color: #000; font: 11px verdana; text-align: justify; height: 200px; padding-right: 5px; overflow: auto;[/newclass]
[newclass=.scrollbox::-webkit-scrollbar]width: 7px; background: transparent;[/newclass]
[newclass=.scrollbox::-webkit-scrollbar-thumb]border-radius: 5px; -moz-border-radius: 5px; background: rgba(0, 0, 0, 0.1);[/newclass]
[newclass=#overflowbox .topname]width: 250px; height: 120px; background: #ed7e2f; margin-bottom: -120px; position: relative; z-index: 2;[/newclass]
[newclass=#overflowbox .bottomname]width: 250px; height: 120px; background: #ed7e2f; margin-top: -120px; position: relative; z-index: 2;[/newclass]
[newclass=#overflowbox .iconname]margin: -170px auto 70px 95px; position: relative; z-index: 3; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 100%;[/newclass]
[newclass=#overflowbox .iconbox]-webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -ms-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; margin: -175px auto 75px 75px; position: relative; z-index: 3; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 100%;[/newclass]
[newclass=#overflowbox:hover .iconbox]-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin: -160px auto 60px -100px; position: relative; z-index: 3; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 100%;[/newclass]
[newclass=#overflowbox .topmargin]width: 250px; height: 120px; margin-bottom: -120px; position: relative; z-index: 2; -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=#overflowbox .bottommargin]width: 250px; height: 120px; margin-top: -120px; position: relative; z-index: 2; -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=#overflowbox:hover .topmargin]-webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -ms-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; margin-top: -120px; margin-bottom: 0px;[/newclass]
[newclass=#overflowbox:hover .bottommargin]-webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -ms-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; margin-top: 0px;[/newclass]