Post by Cassandra Stark on Jun 20, 2015 0:26:20 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"]Friends are always something Cassandra likes to make and maintain. She cannot say she has had many growing up outside of her siblings, but she makes for a loyal and steadfast young woman to rely upon. She is fiercely protective and is willing to go well out of her way to do whatever she can for those she cares about. It hardly matters to her whether they are lowborn or of a higher station herself. People are simply people in her youthful eyes.
[attr="class","slide3"]
[attr="class","slidetext"]She does not go out of her way to make them, but she knows her stubborn ways can earn her the disliking for others. Her mannerisms can be a considered brash and somewhat rude when her ire is earned, but she attempts to hide them behind honeyed words and smiles. No, Cassandra much prefers getting even with those that have wronged her and she will go to great lengths to make those know why they should not mess with a she-wolf.
[attr="class","slide4"]
[attr="class","slidetext"]Ah, love. No, Cassandra cannot say she has ever experienced it for herself. It is something she enjoys reading about in old tales and in songs, but she is more wary of it as she knows what is expected of her. She is expected to keep her reputation spotless for any future husband her family will attempt to betroth her to. That does not mean she does not desire to fall in love on her own terms, but she is still cautious in matters of the heart.
[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]
