Post by koryn fowler on Jul 1, 2015 19:32:56 GMT
[break][break][break]
[nospaces]
[newclass=".bassinet"]width: 500px; height: 270px; position: relative; overflow:hidden; -webkit-transition: .5s all; transition: .5s all; [/newclass]
[newclass=".bassinet .slide1"]width: 125px; height: 270px; position: relative; background-color: #ffffff;float:left; left: -125px;z-index: 5;transition: 1s all; -webkit-transition-delay: 3.8s; transition-delay: 3.5s; opacity: 1;[/newclass]
[newclass=".bassinet .slide1 img"]margin-top: 15px; border-radius:100%; width: 90px; height:90px; border: 1px solid #47404A; padding: 4px;[/newclass]
[newclass=".bassinet:hover .slide1"]left: 0px; webkit-transition: .5s all; transition: .5s all; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;[/newclass]
[newclass=".bassinet .slide2"]width: 365px; height: 80px; position: relative; background-color: #ffffff;float:left; left: -500px; z-index: 4; transition: 1s all; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; opacity: 1; margin: 8px 0px 8px 5px;[/newclass]
[newclass=".bassinet:hover .slide2"]left: 0px; webkit-transition: 1s all; transition: 1s all; -webkit-transition-delay: 1s; transition-delay: 1s;[/newclass]
[newclass=".bassinet .slide3"]width: 365px; height: 80px; position: relative; background-color: #ffffff;float:left; left: -500px; z-index: 4; transition: 1s all; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; opacity: 1; margin-left: 5px;[/newclass]
[newclass=".bassinet:hover .slide3"]left: 0px; webkit-transition: 1s all; transition: 1s all; -webkit-transition-delay: 2s; transition-delay: 2s;[/newclass]
[newclass=".bassinet .slide4"]width: 365px; height: 80px; position: relative; background-color: #ffffff; float:left; left: -500px; z-index: 4; transition: 1s all; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; opacity: 1; margin: 8px 0px 0px 5px;[/newclass]
[newclass=".bassinet:hover .slide4"]left: 0px; webkit-transition: 1s all; transition: 1s all; -webkit-transition-delay: 3s; transition-delay: 3s;[/newclass]
[newclass=".bassinet .slidetext"]width: 345px; height: 60px; position: relative; font-size: 10px; text-align: justify; letter-spacing:0px; font-family: arial; color: #1b1b1b; overflow: auto; padding: 3px; border: #47404A 1px solid; position: relative; top: 6px;[/newclass]
[newclass=".bassinet .innerb"]width: 480px; height: 250px; border: #ffffff 1px solid; position: relative; top: 10px;[/newclass]
[newclass=.bassinet .slidetext::-webkit-scrollbar]width: 2px;[/newclass]
[newclass=.bassinet .slidetext::-webkit-scrollbar-thumb]background: #dadada;[/newclass]
[nospaces]
[attr="class","bassinet"]
[break]☆[attr="class","slide1"]
[attr="class","slide2"]
[attr="class","slidetext"]Koryn has a naturally friendly disposition. He tries to apply the knightly virtues of humility, kindness and courteous conduct in all his dealings with others, so most people will find him easy enough to get along with. As you might expect, he's most likely to idolize knights and adventurers, so if you're either of those two, expect a great deal of interest and admiration from him.
[attr="class","slide3"]
[attr="class","slidetext"]The second-born son of a vassal Lord, Koryn isn't exactly going out of his way to make enemies. However, he does aspire to become a knight someday, so any evildoers he comes across will be quick to earn his enmity. He's unlikely to be very impressed with you if you dabble with shady doings and politicking, either.
[attr="class","slide4"]
[attr="class","slidetext"]Fantasies of earning the favour of some fair maiden seem to be part and parcel of the knightly dream for a lot of young men, and Koryn is no exception. His ideas about love are pretty idealized and unrealistic, as you might expect. That said, Koryn is more than a little bit timid regarding the matter, and his thoughts are pretty far from romance right now.
[attr="class","innerb"]
[newclass=".bassinet"]width: 500px; height: 270px; position: relative; overflow:hidden; -webkit-transition: .5s all; transition: .5s all; [/newclass]
[newclass=".bassinet .slide1"]width: 125px; height: 270px; position: relative; background-color: #ffffff;float:left; left: -125px;z-index: 5;transition: 1s all; -webkit-transition-delay: 3.8s; transition-delay: 3.5s; opacity: 1;[/newclass]
[newclass=".bassinet .slide1 img"]margin-top: 15px; border-radius:100%; width: 90px; height:90px; border: 1px solid #47404A; padding: 4px;[/newclass]
[newclass=".bassinet:hover .slide1"]left: 0px; webkit-transition: .5s all; transition: .5s all; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;[/newclass]
[newclass=".bassinet .slide2"]width: 365px; height: 80px; position: relative; background-color: #ffffff;float:left; left: -500px; z-index: 4; transition: 1s all; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; opacity: 1; margin: 8px 0px 8px 5px;[/newclass]
[newclass=".bassinet:hover .slide2"]left: 0px; webkit-transition: 1s all; transition: 1s all; -webkit-transition-delay: 1s; transition-delay: 1s;[/newclass]
[newclass=".bassinet .slide3"]width: 365px; height: 80px; position: relative; background-color: #ffffff;float:left; left: -500px; z-index: 4; transition: 1s all; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; opacity: 1; margin-left: 5px;[/newclass]
[newclass=".bassinet:hover .slide3"]left: 0px; webkit-transition: 1s all; transition: 1s all; -webkit-transition-delay: 2s; transition-delay: 2s;[/newclass]
[newclass=".bassinet .slide4"]width: 365px; height: 80px; position: relative; background-color: #ffffff; float:left; left: -500px; z-index: 4; transition: 1s all; -webkit-transition-delay: 2.5s; transition-delay: 2.5s; opacity: 1; margin: 8px 0px 0px 5px;[/newclass]
[newclass=".bassinet:hover .slide4"]left: 0px; webkit-transition: 1s all; transition: 1s all; -webkit-transition-delay: 3s; transition-delay: 3s;[/newclass]
[newclass=".bassinet .slidetext"]width: 345px; height: 60px; position: relative; font-size: 10px; text-align: justify; letter-spacing:0px; font-family: arial; color: #1b1b1b; overflow: auto; padding: 3px; border: #47404A 1px solid; position: relative; top: 6px;[/newclass]
[newclass=".bassinet .innerb"]width: 480px; height: 250px; border: #ffffff 1px solid; position: relative; top: 10px;[/newclass]
[newclass=.bassinet .slidetext::-webkit-scrollbar]width: 2px;[/newclass]
[newclass=.bassinet .slidetext::-webkit-scrollbar-thumb]background: #dadada;[/newclass]
