Post by KANE on Jun 7, 2016 3:02:45 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"]For those who don't know the great king sorcerer Nazir Kane, take some notes. He's deceptive, calculating and callous, but every word he speaks tend to fall with a smile. No matter what he says to fool you Nazir will be smiling a genuinely pleasant grin because he DEFINITELY knows something you don't.
[attr="class","slide3"]
[attr="class","slidetext"]While he doesn't care much for what goes on around him, Nazir lowkey wishes to be the greatest sorcerer there ever lived. He will go to any length to flex his incredible power, even if it means razing whole cities. He's also quite interested in entertainment in the form of drama or tragedy so there is a high probability tangling yourself in his affairs will land you a seat in his spotlight.
[attr="class","slide4"]
[attr="class","slidetext"]He's been around quite a while so he'd definitely know many people. Being who he is, bringing fortune to some and ruin to others, it would be highly uncommon for one who dabbles in magic to not know his name. I'm actually looking for a few other magicial beings that Nazir could'e affected in the past or present.
[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]
