Post by Jack Harper on May 18, 2015 8:42:04 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: #eee;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 #bf2828; 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: #eee;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: #555; overflow: auto; padding: 3px; border: #bf2828 1px solid; position: relative; top: 6px; text-transform: lowercase;[/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: #bf2828;[/newclass]
[attr="class","bassinet"]
[break]☆[attr="class","slide1"]
[attr="class","slide2"]
[attr="class","slidetext"]Jack essentially has zero potential in making friends and allies. He's hardly kind to anyone he speaks to, and most of the time it's just to get what he wants. He's entirely understanding in this flaw however, and tries his best to make up for each fault with any friend that he can actually keep. If you can keep your patience after putting up with his first impression, Jack is a powerful ally in any friendship.
[attr="class","slide3"]
[attr="class","slidetext"]Team Aqua and Team Magma are first appearance enemies for Jack or anyone who associates. Not only does he feel that their methods are ridiculous, but their use of mega stones also risks the safety of everyone in the hoenn region. Other than that, piss Jack off with any piece of flawed logic and you'll be sure to get on the hated list.
[attr="class","slide4"]
[attr="class","slidetext"]Jack's likes to believe he has zero love-interest, and the perfect man is without the imperfect woman. Unforunately, amelia tags along to prove that theory wrong from the beginning. He wouldn't ever call her his girlfriend to her face, but the pace almost moves just the same as any relationship. Other than amelia, Jack currently has no other interests in women.
[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: #eee;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 #bf2828; 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: #eee;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: #555; overflow: auto; padding: 3px; border: #bf2828 1px solid; position: relative; top: 6px; text-transform: lowercase;[/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: #bf2828;[/newclass]
