Post by Deleted on May 29, 2017 20:55:11 GMT
[nospaces][break][googlefont="Roboto"]
[newclass=".gnhan, .gnval"]margin-left: -57px; width: 200px; height: 1px; background-color: #4f94cd; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);[/newclass]
[newclass=".gnmac"]margin-left: -15px; width: 120px; padding: 10px 15px; font-family: roboto; font-size: 12px; font-weight: bold; letter-spacing: 0; color: #fff; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; opacity: 1;[/newclass]
[newclass=".gncods"]position: relative; left: -120px; width: 100px; padding: 5px 10px; background-color: #a4d3ee; border-bottom: double 3px #101010; opacity: 0; margin-top: 15px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;[/newclass]
[newclass=".gncuri"]position: relative; left: -120px; width: 100px; padding: 5px 10px; background-color: #a4d3ee; border-bottom: double 3px #101010; opacity: 0; margin-top: 15px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.4s; transition-delay: 0.4s;[/newclass]
[newclass=".gndog"]position: relative; left: -120px; width: 100px; padding: 5px 10px; background-color: #a4d3ee; border-bottom: double 3px #101010; opacity: 0; margin-top: 15px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;[/newclass]
[newclass=".gndeac"]margin: 70px auto 0; height: 14px; width: 10px; border-radius: 14px; border-top: 5px solid #4f94cd; border-right: 5px solid #4f94cd; border-left: 5px solid #4f94cd; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0;[/newclass]
[newclass=".gnsole"]margin-right: -320px; width: 270px; height: 350px; border: 25px solid #fefefe; background-color: #fefefe; color: #101010; font-family: helvetica, sans serif; font-size: 10px; line-height: 120%; text-align: justify; overflow: auto; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition-delay: .4s; transition-delay: .4s; opacity: 0;[/newclass]
[newclass=".gnsole b"]font-family: roboto; text-transform: uppercase; font-weight: bold; font-size: 8px; letter-spacing: .5px; color: #010101;[/newclass]
[newclass=".gnpip:hover .gnhan"]-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);[/newclass]
[newclass=".gnpip:hover .gnval"]-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);[/newclass]
[newclass=".gnpip:hover .gnmac"]color: #4f94cd; opacity: .3;[/newclass]
[newclass=".gnpip:hover .gncods, .gnpip:hover .gncuri, .gnpip:hover .gndog"]left: 0; opacity: 1;[/newclass]
[newclass=".gnpip:hover .gndeac"]opacity: .8;[/newclass]
[newclass=".gnpip:hover .gnsole"]margin-right: 0; opacity: .9;[/newclass]
[attr="class","gnpip"]
[break]
[attr="class","gnval"]
[attr="class","gnmac"]BRODY
[attr="class","gnhan"]
[attr="class","gncods"]TWENTY THREE
[attr="class","gncuri"]HELIOS KNIGHTS
[attr="class","gndog"]CHAOTIC GOOD
[attr="class","gndeac"]
[attr="class","gnsole"]
there's not much to know about brody. he isn't complicated. he comes from outside of sundial, born in a small town that could barely be called that. due to the size of the village he comes from, everything was pretty much neglected and "off the map" to anyone except the people that lived there. of those people, a group that runs the town with fear and extortion has the most presence there.[break][break]
the group worked like a credit card in a lot of ways, and while brody didn't really want to borrow anything, nobody who lived in his town really had a choice. as a teenager, brody was expected to take on the debt for his family. a collective of his mother, father, brother, and sister were counting on him. unfortunately, this shotgunned brody way too deep into the pockets of his family's new financial overlords. brody couldn't even endure a couple years under a thumb that heavy. a lifetime of a burden, with absolutely no way to get out from under it.[break][break]
hell, brody didn't even have a way to pay off the interest at times. those were the times harsh enough to smack him stupid. not stupid enough to sit down and take it, but stupid enough to actually try and think of a way out. his solution? in the middle of the night, brody took all his worldly possessions—which weren't much—and stole away from his hometown. his family is inevitably facing consequences for his actions. a far-fetched idea to become a great witch and liberate everyone back home, not just his family, keeps him mostly oblivious to what his actions entail for those he left behind.[break][break]
the bitter part about that honeyed vision of his is that brody's familiar is the only concrete proof of his magical aptitude. he took on alchemy despite what he was predisposed for, figuring it was the most easily accessible resource to him as the most practiced affinity. now he's just looking for growth and a couple new connections in salem, hoping that any old ones don't end up reconnecting.[break][break]
after having a couple years of crushing responsibility thrust on him all at once, brody's a late bloomer to the young adult scene. sundial alone had him pretty starstruck, and the helios knights' hero thing going on had him practically drooling. brody craves exploring everything his pilgrimage has to offer, like friends, rivals, dating, living on his own, etc. having all of that anxiety and stress lifted off of him is a lot of sudden freedom to take in, and constantly distracts him from his original plan. he's still on that path, and his feelings for his family are strong, but brody easily loses his way.[break][break]
(i'm open to any relationships with brody, so if one of your characters would mesh with him in your opinion, feel free to hmu! otherwise thanks for reading all this in advance.)
there's not much to know about brody. he isn't complicated. he comes from outside of sundial, born in a small town that could barely be called that. due to the size of the village he comes from, everything was pretty much neglected and "off the map" to anyone except the people that lived there. of those people, a group that runs the town with fear and extortion has the most presence there.[break][break]
the group worked like a credit card in a lot of ways, and while brody didn't really want to borrow anything, nobody who lived in his town really had a choice. as a teenager, brody was expected to take on the debt for his family. a collective of his mother, father, brother, and sister were counting on him. unfortunately, this shotgunned brody way too deep into the pockets of his family's new financial overlords. brody couldn't even endure a couple years under a thumb that heavy. a lifetime of a burden, with absolutely no way to get out from under it.[break][break]
hell, brody didn't even have a way to pay off the interest at times. those were the times harsh enough to smack him stupid. not stupid enough to sit down and take it, but stupid enough to actually try and think of a way out. his solution? in the middle of the night, brody took all his worldly possessions—which weren't much—and stole away from his hometown. his family is inevitably facing consequences for his actions. a far-fetched idea to become a great witch and liberate everyone back home, not just his family, keeps him mostly oblivious to what his actions entail for those he left behind.[break][break]
the bitter part about that honeyed vision of his is that brody's familiar is the only concrete proof of his magical aptitude. he took on alchemy despite what he was predisposed for, figuring it was the most easily accessible resource to him as the most practiced affinity. now he's just looking for growth and a couple new connections in salem, hoping that any old ones don't end up reconnecting.[break][break]
after having a couple years of crushing responsibility thrust on him all at once, brody's a late bloomer to the young adult scene. sundial alone had him pretty starstruck, and the helios knights' hero thing going on had him practically drooling. brody craves exploring everything his pilgrimage has to offer, like friends, rivals, dating, living on his own, etc. having all of that anxiety and stress lifted off of him is a lot of sudden freedom to take in, and constantly distracts him from his original plan. he's still on that path, and his feelings for his family are strong, but brody easily loses his way.[break][break]
(i'm open to any relationships with brody, so if one of your characters would mesh with him in your opinion, feel free to hmu! otherwise thanks for reading all this in advance.)
THANKS MOXIE.
[newclass=".gnhan, .gnval"]margin-left: -57px; width: 200px; height: 1px; background-color: #4f94cd; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);[/newclass]
[newclass=".gnmac"]margin-left: -15px; width: 120px; padding: 10px 15px; font-family: roboto; font-size: 12px; font-weight: bold; letter-spacing: 0; color: #fff; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; opacity: 1;[/newclass]
[newclass=".gncods"]position: relative; left: -120px; width: 100px; padding: 5px 10px; background-color: #a4d3ee; border-bottom: double 3px #101010; opacity: 0; margin-top: 15px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;[/newclass]
[newclass=".gncuri"]position: relative; left: -120px; width: 100px; padding: 5px 10px; background-color: #a4d3ee; border-bottom: double 3px #101010; opacity: 0; margin-top: 15px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.4s; transition-delay: 0.4s;[/newclass]
[newclass=".gndog"]position: relative; left: -120px; width: 100px; padding: 5px 10px; background-color: #a4d3ee; border-bottom: double 3px #101010; opacity: 0; margin-top: 15px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;[/newclass]
[newclass=".gndeac"]margin: 70px auto 0; height: 14px; width: 10px; border-radius: 14px; border-top: 5px solid #4f94cd; border-right: 5px solid #4f94cd; border-left: 5px solid #4f94cd; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0;[/newclass]
[newclass=".gnsole"]margin-right: -320px; width: 270px; height: 350px; border: 25px solid #fefefe; background-color: #fefefe; color: #101010; font-family: helvetica, sans serif; font-size: 10px; line-height: 120%; text-align: justify; overflow: auto; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition-delay: .4s; transition-delay: .4s; opacity: 0;[/newclass]
[newclass=".gnsole b"]font-family: roboto; text-transform: uppercase; font-weight: bold; font-size: 8px; letter-spacing: .5px; color: #010101;[/newclass]
[newclass=".gnpip:hover .gnhan"]-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);[/newclass]
[newclass=".gnpip:hover .gnval"]-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);[/newclass]
[newclass=".gnpip:hover .gnmac"]color: #4f94cd; opacity: .3;[/newclass]
[newclass=".gnpip:hover .gncods, .gnpip:hover .gncuri, .gnpip:hover .gndog"]left: 0; opacity: 1;[/newclass]
[newclass=".gnpip:hover .gndeac"]opacity: .8;[/newclass]
[newclass=".gnpip:hover .gnsole"]margin-right: 0; opacity: .9;[/newclass]