Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <body><style>@import url('https://fonts.googleapis.com/css?family=Questrial');@import url('https://fonts.googleapis.com/css?family=Questrial');
- body {
- background: #000000;
- overflow-y:hidden;
- overflow-x:hidden;}
- /*coded by [punpun]. do not steal the character. do not remove the credit. do not remove this.*/
- ::-webkit-scrollbar-thumb {
- width: 3px;
- background-color: #9E988B;}
- ::-webkit-scrollbar {
- width: 3px;
- background-color: transparent;}
- h1{
- font-family: Questrial;
- font-size: 22px;
- text-align: center;
- color: #888888;
- padding-right: 5px;
- margin-bottom: 5px;
- margin-top: 1px;
- line-height: 31px;
- border-bottom: 3px double #000000;
- }
- #main {
- position: fixed; margin: auto; right: 0px; left:400px; top: 0; bottom: 0; width: 300px; height: 490px; background: #trans; border: 2px solid #9E988B; border-radius: 17px 0px 17px 0px; box-shadow: #9E988B 0px 0px 5px 0px; overflow: hidden; text-align: left;}
- #pic {position: absolute;right: -30px;top: -7; z-index:0; opacity: 1;}
- #pic img {width: ; height: 500;}
- #pic2 {position: absolute;right: -15px;top: -7; z-index:0; opacity: 1;}
- #pic2 img {width: ; height: 230;}
- #pic3 {position: absolute;right: -140;top: 0; z-index:0; opacity: 1;}
- #pic3 img {width: ; height: 220;}
- #pic4 {position: absolute;right: -150;top: 0; z-index:0; opacity: 1;}
- #pic4 img {width: ; height: 280;}
- #botline {
- width: 0px;height: 5px;
- background: #079000;
- position: absolute;
- bottom: 100;left: 160;z-index:30;
- display:block;
- -webkit-transition: all 1.2s ease-out;
- -moz-transition: all 1.2s ease-out;
- -ms-transition: all 1.2s ease-out;
- -o-transition: all 1.2s ease-out;
- transition: all 1.2s ease-out;}
- body:hover #botline{ position: absolute;
- width: 220px; left: 40; opactiy:1;
- }
- #main2 {
- position: fixed; margin: auto;
- right: 0px; left:400px; top: 0; bottom: 0;
- width: 300px; height: 490px;
- background: #trans;
- border: 2px solid #9E988B; z-index:20;
- border-radius: 17px 0px 17px 0px;
- box-shadow: #9E988B 0px 0px 5px 0px;
- overflow: hidden;
- text-align: left;opacity:1;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #submain {
- position: fixed; margin: auto;
- right: 0px; left:400px; top: 0; bottom: 0;
- width: 300px; height: 490px;
- background: #888888;
- border: 2px solid #9E988B; z-index:20;
- border-radius: 17px 0px 17px 0px;
- box-shadow: #9E988B 0px 0px 5px 0px;
- overflow: hidden;
- text-align: left;opacity:0.35;
- -webkit-transition: all 1.6s ease-out;
- -moz-transition: all 1.6s ease-out;
- -ms-transition: all 1.6s ease-out;
- -o-transition: all 1.6s ease-out;
- transition: all 1.6s ease-out;}
- body:hover #submain{
- opacity: 0.60;
- filter:alpha(opacity=100);
- }
- .head {
- position: absolute;
- left: 45;
- bottom: 130;
- color: #000000;
- font-family: Playfair Display SC;
- font-size: 40px; opacity: 0;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- body:hover .head{opacity: 1; bottom: 100;
- -webkit-transition-delay: 1.6s ;
- -moz-transition-delay: 1.6s ;
- -ms-transition-delay: 1.6s ;
- -o-transition-delay: 1.6s ;
- transition-delay: 1.6s ;
- }
- .head2 {
- position: absolute;
- left: 67;
- bottom: 90;
- color: #000000;
- font-family: Questrial;opacity: 0;
- font-size: 20px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- body:hover .head2{
- bottom: 77;;opacity: 1;
- -webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;
- }
- .head3 {
- position: absolute; margin: auto;
- left:18; top: 100;
- color: #079000;
- font-family: Questrial;opacity: 1;
- font-size: 20px;z-index:100;
- font-shadow: #cccc 1px 1px 1px 1px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- .head4 {
- position: absolute; margin: auto;
- left:13; top: 100;
- color: #079000;
- font-family: Questrial;opacity: 1;
- font-size: 20px;z-index:100;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- #line {opacity:1;/*change later pls*/
- width: 0%;height: 22px;
- background: #079000; border-radius: 4px;
- position: fixed; margin: auto;
- right: 0px; left:90px; top: 5; bottom: 0;
- display:block;
- -webkit-transition: all 2.6s ease-out;
- -moz-transition: all 2.6s ease-out;
- -ms-transition: all 2.6s ease-out;
- -o-transition: all 2.6s ease-out;
- transition: all 2.6s ease-out;}
- body:hover #line{ position: fixed;
- width: 815px; left:220;
- }
- #icon {
- position: fixed; margin: auto;
- right: 40px; left:00px; top: 0; bottom: 260;
- width: 100px; height: 220px;
- background: #trans;
- border: 2px solid #9E988B; z-index:20;
- box-shadow: #9E988B 0px 0px 5px 0px;
- overflow: hidden;
- text-align: left;opacity:0;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }body:hover #icon {opacity:1}
- body:hover #icon {-webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;opacity:0.65}
- #subicon {
- position: absolute; margin: auto;
- right: 0px; left:00px; top: 0; bottom:0;
- width: 100px; height: 220px;
- background: #888888;
- border: 2px solid #9E988B; z-index:99;
- box-shadow: #9E988B 0px 0px 5px 0px;
- overflow: hidden;
- text-align: left;opacity:0.55;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #subicon:hover{opacity:0}
- #icon2 {
- position: fixed; margin: auto;
- right: 260px; left:00px; top: 0; bottom: 260;
- width: 100px; height: 220px;
- background: #trans;
- border: 2px solid #9E988B; z-index:20;
- box-shadow: #9E988B 0px 0px 5px 0px;
- overflow: hidden;
- text-align: left;opacity:0;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }body:hover #icon2 {-webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;opacity:1}
- #icon3 {
- position: fixed; margin: auto;
- right: 480px; left:00px; top: 0; bottom: 260;
- width: 100px; height: 220px;
- background: #trans;
- border: 2px solid #9E988B; z-index:20;
- box-shadow: #9E988B 0px 0px 5px 0px;
- overflow: hidden;
- text-align: left;opacity:0;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }body:hover #icon3 {-webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;opacity:1}
- .darts {
- position: fixed; margin: auto;
- right: 260px; left:0px; top: 365; bottom: -200;
- height: 220;
- width: 325px;
- opacity: 0; z-index: 5;
- text-align: left;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- .darts:target {
- position: absolute; bottom: 0;top: 265;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- opacity: 1;
- }
- .box {
- position: absolute;
- right: 0px;
- bottom: 5px;
- height: 200;
- width: 311px;
- background-color: #E8DECC;
- border: 2px solid #9E988B; z-index:21;
- box-shadow: #9E988B 0px 0px 5px 0px;
- z-index: 5;
- color: #9E988B;
- font-family: Questrial;
- font-style: normal;
- font-variant: ;
- font-weight: 400;
- text-align: justify;
- overflow-x: hidden;
- overflow-y: auto;
- font-size: 15px;
- padding: 5px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- opacity: 0;
- filter:alpha(opacity=75);
- }
- body:hover .box {
- opacity: 1;
- transition: all 1.2s ease-out;
- -o-transition: all 1.2s ease-out;
- -webkit-transition: all 1.2s ease-out;
- -moz-transition: all 1.2s ease-out;
- -webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;}
- #boxb {
- position: fixed; margin: auto;
- right: 260px; left:0px; top: 260; bottom: 00;
- height: 200;
- width: 311px;
- background-color: #E8DECC;
- border: 2px solid #9E988B; z-index:21;
- box-shadow: #9E988B 0px 0px 5px 0px;
- z-index: 1;
- color: #9E988B;
- font-family: Questrial;
- font-style: normal;
- font-variant: ;
- font-weight: 400;
- text-align: justify;
- overflow-x: hidden;
- overflow-y: auto;
- font-size: 15px;
- padding: 5px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- opacity: 0;
- filter:alpha(opacity=75);
- }
- body:hover #boxb {
- opacity: 1;
- transition: all 1.2s ease-out;
- -o-transition: all 1.2s ease-out;
- -webkit-transition: all 1.2s ease-out;
- -moz-transition: all 1.2s ease-out;
- -webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;}
- #maindick {
- position: fixed; margin: auto; right: 0px; left:990px; top: 0; bottom: 10; width: 300px; height: 490px; background: #trans; border: 0px solid #9E988B; border-radius: 17px 0px 17px 0px; box-shadow: #9E988B 0px 0px 0px 0px; overflow: hidden; text-align: left; opacity: 0;}
- body:hover #maindick {
- opacity: 1;
- transition: all 1.2s ease-out;
- -o-transition: all 1.2s ease-out;
- -webkit-transition: all 1.2s ease-out;
- -moz-transition: all 1.2s ease-out;
- -webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;}
- .dick {position: absolute; overflow: hidden;
- right: 0px; left:-100px; top: 0; bottom: 0; z-index:0; opacity: 1; display: inline-block;}
- .dick img {width: ; height: 250;}
- #cocks {
- position: fixed; margin: auto; right: 0px; left:840px; top: 170; bottom: 0;opacity: 0;
- width: 110px;
- height: 120px;
- overflow-y: auto;
- text-align: center;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- body:hover #cocks{
- opacity: 1;
- transition: all 1.2s ease-out;
- -o-transition: all 1.2s ease-out;
- -webkit-transition: all 1.2s ease-out;
- -moz-transition: all 1.2s ease-out;
- -webkit-transition-delay: 2.4s ;
- -moz-transition-delay: 2.4s;
- -ms-transition-delay: 2.4s ;
- -o-transition-delay: 2.4s ;
- transition-delay: 2.4s ;}
- #cons{
- background-color: #823321;opacity: 1;
- width: 100px; height: 15px;
- border-radius: 0px 8px 0px 8px;
- font-family: Questrial; margin-bottom:4;
- font-size: 14px;
- color: #9E988B;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #cons:hover{
- background-color: #888888;color: #000000;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- </style><div id="maindick"><div class="dick"><img src="http://i.imgur.com/weZCWQp.png"></div></div>
- <div id="line"></div>
- <a href="#00"><div id="main">
- <div id="pic"><img src="http://i.picpar.com/wDpc.jpg"></div>
- </div>
- <div id="main2"><div class="head">REX</div><div class="head2">KING OF CROCS</div>
- <div id="submain"><div id="botline"></div></div></div>
- </a>
- <div id="top"></div><div id="bottom"></div>
- <a href="#03"><div id="icon"><div id="subicon"></div><div class="head4"><b>POWER</div><div id="pic3"><img src="http://i.picpar.com/4Dpc.jpg"></div></div></a>
- <a href="#02"><div id="icon2"><div id="subicon"></div><div class="head3">STORY</div><div id="pic4"><img src="http://i.picpar.com/3Dpc.jpg"></div></div></a>
- <a href="#01"><div id="icon3"><div id="subicon"></div><div class="head3">STATS</b></div><div id="pic2"><img src="http://i.picpar.com/ADpc.jpg"></div></div></a>
- <div id="01" class="darts"><div class="box"><h1>DOSSIER</h1>
- Name - <font style="float: right;">Rex</font><br>
- Moniker (s) - <font style="float: right;">King, Judge, Carn</font><br>
- Sex - <font style="float: right;">Male</font><br>
- Age - <font style="float: right;">32</font><br>
- Orientation - <font style="float: right;">Heterosexual</font><br>
- Occupation - <font style="float: right;">Hired Muscle/Crime Boss</font><br>
- Height - <font style="float: right;">7'5" </font><br>
- Weight - <font style="float: right;"> 686.57 lbs.</font><br>
- Build - <font style="float: right;">Muscular</font><br>
- Marital Status - <font style="float: right;">None</font><br><br>
- <h1>PERSONA</h1>
- <i>"Ain'tcha heard? Crocodiles got real tough hide! But you... you got nowhere t'hide..."</i>
- </div></div>
- <div id="02" class="darts"><div class="box"> Coming very soon.</div>
- </div>
- <div id="03" class="darts"><div class="box"><b>Regenerative Healing Factor:</b> He has superhuman regenerative powers, able to heal even lost limbs.<p>
- <b>Armored Skin:</b> His skin has hardened to the point where it is invulnerable to most forms of abrasion and even high caliber weapons fired from a distance.<p>
- <b>Superhuman Strength:</b> He has grown so strong over the years that it most often will require explosives to knock him unconscious. Capable of ripping bank vault doors from their hinges with ease.<p>
- <b>Superhuman Speed:</b> Capable of moving at a rate of acceleration/maximum speed in excess of what a normal human is capable of.<p>
- <b>Enhanced Senses:</b> Extra powerful sense of hearing, taste, and sight. Crocodile eyes are uniquely suited for lurking and ambushing, after all.<p>
- <b>Claws:</b> Capable of ripping through steel with relative ease.<p>
- <b>Fangs:</b> Like the claws, capable of puncturing steel with relative ease. Rex's bite can provide a pressure in excess of 7,000 psi.<p>
- <b>Swimming:</b> Able to hold his breath for well over three hours at a time without surfacing for air, Rex is a very proficient swimmer and excels in the water.<p>
- <b>Street Fighting/Boxing/Wrestling:</b> Rex's fighting is for the most part improvised, and he won't always be clean. Don't expect this crocodile to play nice.<p>
- </div>
- </div>
- <div id="boxb">
- <h1>OUT OF CHARACTER</h1>
- [01] Darker themes intended.<br>
- [02] PM Friendly.<br>
- [03] Smut unlikely.<br>
- [04] Outside contact unlikely.<br>
- [05] Not your crocodile.<br>
- [06] I ain't cuddly.<br>
- [07] Will eat you.<br>
- [08] Be wary of Rex's temperament.
- </div>
- <div id="cocks">
- <a href="" target="_blank"><div id="cons">name</div></a>
- <a href="" target="_blank"><div id="cons">name</div></a>
- <a href="" target="_blank"><div id="cons">name</div></a>
- <a href="" target="_blank"><div id="cons">name</div></a>
- <a href="" target="_blank"><div id="cons">name</div></a>
- <a href="" target="_blank"><div id="cons">name</div></a>
- <a href="" target="_blank"><div id="cons">name</div></a>
- <a href="" target="_blank"><div id="cons">name</div></a>
- </div>
- <a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;"></a><script type="text/javascript">
- //<![CDATA[
- try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"dd55878c7fc9828d37bc346059f669c7",petok:"5eee7d2eb847388b2df51f6c1a6f8e59df88e531-1489992824-1800",adblock:1,betok:"1dadb46c64bca142f38800bbb37b8978c49b0a1b-1489992824-120",zone:"roleplay.chat",rocket:"0",apps:{"ga_key":{"ua":"UA-33787108-1","ga_bs":"2"},"abetterbrowser":{"ie":"7","opera":null,"chrome":null,"safari":null,"firefox":null}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=f2befc48d1/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
- //]]>
- </script>
- <script type="text/javascript">
- /* <![CDATA[ */
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-33787108-1']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- (function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
- /* ]]> */
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement