Post by Lucius Alude on Nov 22, 2015 19:15:57 GMT
[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]
[attr="class","bassinet"]
[break]☆[attr="class","slide1"]
[attr="class","slide2"]
[attr="class","slidetext"]Friendship for Lucius is ideal. He'll flirt with his friends playfully, even if they dislike it, and he'll naturally invite you and all his other friends to the constant parties he loves to throw. He considers most people around him his friends, especially his fellow hosts.
[attr="class","slide3"]
[attr="class","slidetext"]Romance surprisingly enough, is one of Lucius' weaker relationships. Sure, he can flirt and use innuendo until the cows come home, but he can't for the life of him actually commit to a relationship. He's unaccustomed to how relationships are supposed to work, and he'd never be able to work up the gall to actually ask someone out, despite his ability to flirt without shame.
[attr="class","slide4"]
[attr="class","slidetext"]Enemies are very common for Lucius. He has more of playful enemies then he does real enemies. He'll show up to the rival schools just to sweep students off of their feet, and maybe even try to capture the attention of a host or two. He loves competition and he refuses to lose.
[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]
