API tools faq
paste
Lyend

Untitled

Lyend
Aug 10th, 2014
361
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.78 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en-US">
  3. <head> <!-- Petal to the metal, I never half ass shit. -->
  4.     <Background />
  5. <!--
  6. receipt
  7. -------
  8. Doctype : HTML/CSS/JS/TEXT
  9. Produced by: Lyend (http://lyend.chatango.com/)
  10. Price: 8$
  11. Title: Kingdom Hearts Chatango theme
  12. Date of Purchase: 8/10/14
  13. Work time: 3H.
  14. -->
  15.    
  16.     <!-- Extra fonts, links etc. whatever the hell you put here -->
  17.     <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
  18. <link type="text/css" rel="stylesheet" href="http://www.dreamtemplate.com/dreamcodes/divider/css/tsc_divider.css" />
  19. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/lq5f0ndpw541wtl/defualt.css">
  20. <script src="https://dl.dropboxusercontent.com/s/6mqd6yny3xf4q23/function.js"></script>
  21. <script src="https://dl.dropboxusercontent.com/s/v7nxo2yemq9ilsn/Keyblade.js">
  22. </script>
  23. <script src="https://dl.dropboxusercontent.com/u/108390498/Code/fade().js"></script>
  24. <script language=JavaScript>
  25. function clickIE4(){
  26.     if (event.button==2)
  27.     { alert(message);
  28.               return false;
  29.                         }
  30.     }
  31. function clickNS4(e){
  32.     if (document.layers||document.getElementById&&!document.all)
  33.        { if
  34.            (e.which==2||e.which==3)
  35.        { alert(message); return false; }
  36.     }
  37. } if (document.layers){
  38.     document.captureEvents(Event.MOUSEDOWN);
  39.     document.onmousedown=clickNS4;
  40. }
  41.     else if (document.all&&!document.getElementById){
  42.        document.onmousedown=clickIE4;
  43.     } document.oncontextmenu=new Function("alert('You are a Faggot for trying to view source');return false")
  44. </script>
  45.    
  46. <style>
  47. /* Under the hood stuff - Get rid of all this stupid shit and have a nice blank page to work with. */
  48. .logo_div { visibility: hidden; }
  49. .fpix_header { visibility: hidden; }
  50. .topad { visibility: hidden; }
  51. .fpix_asl_table { visibility: hidden; }
  52. .profile_text { visibility: hidden; }
  53. .nc_profile { visibility: visible; }
  54. #left_container { visibility: hidden }
  55. #profilephoto { visibility: hidden; }
  56. #flash_close_butt { visibility: hidden; }
  57. #start_chat_but { visibility: hidden; }
  58. #fpix_wrapper { visibility: visible; }
  59. span {display:text !important;}
  60.  
  61. @-webkit-keyframes fadeIn {
  62.     from { opacity:0; }
  63.     to { opacity:1; }
  64. }
  65. @-moz-keyframes fadeIn {
  66.     from { opacity:0; }
  67.     to { opacity:1; }
  68. }
  69. @keyframes fadeIn {
  70.     from { opacity:0; }
  71.     to { opacity:1;}
  72. }
  73. .fade-in {
  74.     opacity:0;
  75.     -webkit-animation:fadeIn ease-in 1;
  76.     -moz-animation:fadeIn ease-in 1;
  77.     animation:fadeIn ease-in 1;
  78.     -webkit-animation-fill-mode:forwards;
  79.     -moz-animation-fill-mode:forwards;
  80.     animation-fill-mode:forwards;
  81.     -webkit-animation-duration:0.5s;
  82.     -moz-animation-duration:0.5s;
  83.     animation-duration:0.5s;
  84. }
  85. .fade-in.one {
  86.     -webkit-animation-delay: 0.5s;
  87.     -moz-animation-delay: 0.5s;
  88.     animation-delay: 0.5s;
  89. }
  90. @-webkit-keyframes fadeOut {
  91.     from { opacity:1; }
  92.     to { opacity:0; }
  93. }
  94. @-moz-keyframes fadeOut {
  95.     from { opacity:1; }
  96.     to { opacity:0; }
  97. }
  98. @keyframes fadeOut {
  99.     from { opacity:1; }
  100.     to { opacity:0; }
  101. }
  102. .fade-out {
  103.     opacity:1;
  104.     -webkit-animation:fadeOut ease-in 1;
  105.     -moz-animation:fadeOut ease-in 1;
  106.     animation:fadeOut ease-in 1;
  107.     -webkit-animation-fill-mode:forwards;
  108.     -moz-animation-fill-mode:forwards;
  109.     animation-fill-mode:forwards;
  110.     -webkit-animation-duration:0.5s;
  111.     -moz-animation-duration:0.5s;
  112.     animation-duration:0.5s;
  113. }
  114. .fade-out.one {
  115.     -webkit-animation-delay: 0.5s;
  116.     -moz-animation-delay: 0.5s;
  117.     animation-delay: 0.5s;
  118. }
  119. html, body { font-family: Verdana; font-size:11px; color:#000;}
  120. Background {
  121.     Top:0px;
  122.     Left:0px;
  123.     Height:100%;
  124.     Width:100%;
  125.     background-color:white;
  126.     position:absolute;
  127.     background-image:url('https://www.anonimg.com/img/946195d95ce3842cd00ca16c51ba8d8e.jpg');
  128.     opacity:1.0;
  129.     filter:alpha(opacity=100); /* For IE8 and earlier */
  130.     background-size:cover;
  131.     overflow:hidden;
  132. }
  133. #main_container {
  134.     width:600px;
  135.     height:400px;
  136.     position:relative;
  137.     border:1px dotted #c0c0c0;
  138.     margin-top:10%;
  139.     margin-left:2%;
  140.     -webkit-border-radius: 10px; /*Chrome*/
  141.     border-radius: 10px;
  142.     -webkit-box-shadow: 0 2px 20px 1px #c0c0c0;
  143.     box-shadow: 0 2px 20px 1px #c0c0c0;
  144.     padding-right:7px;
  145.     padding-left:2px;
  146. }
  147. #title {
  148.     font-family: 'ubuntu condensed', sans-serif;
  149.     font-size:18px;
  150.     text-align: center;
  151.     text-decoration: underline;
  152.     text-shadow: 2px 3px 3px #000;
  153.     padding:2px 2px 2px 2px;
  154.     text-indent: 25px;
  155. }
  156. #text {
  157.     padding:5px 5px 5px 5px
  158.     position:relative;
  159.     top:0;
  160.     left:0;
  161.     width:100%;
  162.     height:65%;
  163.     text-overflow:ellipsis;
  164.     font-size:9px;
  165. }
  166. #hr-contain {
  167.     position:relative;
  168.     width:100%;
  169.     margin-left:auto;
  170.     margin-right:auto;
  171.     height:auto; } /*Penis licker hr code */
  172. #footer_main {
  173.     border:1px transparent solid;
  174.     Bottom:6%;
  175.     position:absolute;
  176.     right:0%;
  177.     width:100%;
  178.     height:25px;
  179.     overflow:none;
  180. }
  181. #connect {
  182.     margin-left:22%;
  183.     margin-top:2%;
  184.     -webkit-border-radius: 10px; /*Chrome*/
  185.     border-radius: 10px;
  186.     -webkit-box-shadow: 0 2px 20px 1px #c0c0c0;
  187.     box-shadow: 0 2px 20px 1px #c0c0c0;
  188.     width:80px;
  189.     height:20px;
  190.     position:relative;
  191.     border:1px dotted #c0c0c0;
  192.     padding-right:4px;
  193.     padding-left:5px;
  194.     text-align: center;
  195. }
  196. #connect:after {
  197.     Content:"Lyend"; }
  198. #connect:hover { text-decoration: underline; }
  199. img.friend {
  200.     position:relative;
  201.     display:inline;
  202.     height:25px;
  203.     width:25px;
  204.     margin-left:5px;
  205.     -webkit-transition: all 0.3s ease-in-out;
  206.     -webkit-transition-property: all;
  207.     -webkit-transition-duration: 0.3s;
  208.     -webkit-transition-timing-function: ease-in-out;
  209.     -webkit-transition-delay: initial;
  210.     -moz-transition: all 0.3s ease-in-out;
  211.     -o-transition: all 0.3s ease-in-out;
  212.     -ms-transition: all 0.3s ease-in-out;
  213.     transition: all 0.3s ease-in-out;
  214.     text-decoration: none;
  215.     border:1px dashed #c0c0c0;
  216. }
  217. img.friend:hover {
  218.     height:50px;
  219.     width:50px;
  220.     -webkit-transition: all 0.5s ease-in-out;
  221.     -webkit-transition-property: all;
  222.     -webkit-transition-duration: 0.5s;
  223.     -webkit-transition-timing-function: ease-in-out;
  224.     -webkit-transition-delay: initial;
  225.     -moz-transition: all 0.5s ease-in-out;
  226.     -o-transition: all 0.5s ease-in-out;
  227.     -ms-transition: all 0.5s ease-in-out;
  228.     transition: all 0.5s ease-in-out;
  229. }
  230. #menu {
  231.     margin-left:2%;
  232.     margin-top:2%;
  233.     -webkit-border-radius: 10px; /*Chrome*/
  234.     border-radius: 10px;
  235.     -webkit-box-shadow: 0 2px 20px 1px #c0c0c0;
  236.     box-shadow: 0 2px 20px 1px #c0c0c0;
  237.     width:600px;
  238.     height:50px;
  239.     position:relative;
  240.     border:1px dotted #c0c0c0;
  241.     padding-right:4px;
  242.     padding-left:5px;
  243. }
  244. #a {
  245.     position:relative;
  246.     display:inline-block;
  247.     height:100%;
  248.     width:20%;
  249.     text-align:center;
  250.     line-height: 420%; /*I couldn't help myself lol. */
  251.     border-bottom-color: transparent;
  252.     border-top-color: transparent;
  253.     border-right: 2px dotted #c0c0c0;
  254.     border-left: 2px dotted #c0c0c0;
  255.     -webkit-transition: all 0.3s ease-in-out;
  256.     -webkit-transition-property: all;
  257.     -webkit-transition-duration: 0.3s;
  258.     -webkit-transition-timing-function: ease-in-out;
  259.     -webkit-transition-delay: initial;
  260.     -moz-transition: all 0.3s ease-in-out;
  261.     -o-transition: all 0.3s ease-in-out;
  262.     -ms-transition: all 0.3s ease-in-out;
  263.     transition: all 0.3s ease-in-out;
  264. }
  265. #a:hover {
  266.     -webkit-transition: all 0.5s ease-in-out;
  267.     -webkit-transition-property: all;
  268.     -webkit-transition-duration: 0.5s;
  269.     -webkit-transition-timing-function: ease-in-out;
  270.     -webkit-transition-delay: initial;
  271.     -moz-transition: all 0.5s ease-in-out;
  272.     -o-transition: all 0.5s ease-in-out;
  273.     -ms-transition: all 0.5s ease-in-out;
  274.     transition: all 0.5s ease-in-out;
  275.     color:skyblue;
  276.     text-decoration: underline;
  277. }
  278. .none { display:none;}
  279. .tt { page-break-after: always;
  280.     text-align: center;
  281.     font-family: cursive;
  282.     font-size: 18px;
  283.     text-indent: 25px; }
  284.    
  285. </style>
  286.  
  287. </head>
  288. <!-- Body -->
  289. <body>
  290.  
  291.     <div id="main_container">
  292.         <div id="title"><script>document.write(title);</script></div>
  293.         <center>
  294.             <div id="hr-contain"> <!-- Divider container -->
  295.                 <div class="tsc_divider5"></div> <!-- Divider -->
  296.             </div>
  297.         </center>
  298.         <div id="text">
  299.             <div id="info"><div id="myDiv" class="fade-in one"><!-- Introduction -->Welcome to this profile, Use the navigational buttons on the menu to view more information for Roleplaying, Character Customization and even about myself. <br/>
  300. If you'd like to Role-Play, that's no problem. Just send a starter or discuss a plot with yours truly. &lt;3 </div></div>
  301.  
  302.             <!-- Text for About me -->
  303. <div id="1" class="none"><div id="myDiv" class="fade-in one"><div class="tt">About Me</div><br/>
  304.    
  305. -My name is Alex.<br/>
  306. -I just so happen to be breathing 17 years so far.<br/>
  307. -Not sure what is my favorite band but right now i'm really digging Sum 41 and Blink-182.<br/>
  308. -Don't get me wrong. I still enjoy Bullet For My Valentine, Silverstein, Bring Me The Horizon, Ice Nine Kills and all that good shit. &lt;3<br/>
  309. -Huge gamer. From Legend Of Zelda, to Call Of Duty and everything else inbetween.
  310. -I like Mary Jane. If I talk about weed with you, even in RP. Don't be surprised. My character is a Total Stoner for fucks sake. <br/>
  311. -I don't have many friends at all so i'd like to make more. I do cherish the ones I got and I think you guys for still putting up with my bullshit. <br/>
  312. -That's about all you really needa know. c;
  313.                                                                                         </div></div>
  314.  
  315. <div id="2" class="none"><div id="myDiv" class="fade-in one">
  316.         <div class="tt">Roleplay</div><br/>
  317.     Alix was just a small child when the destruction of the worlds caused by Ansem swept him away like a breeze from his home world. Out of all the bright and cheerful places out there for him to be warped to within the dark abyss, he landed himself in The World That Never Was. Controlled by Organization XIII. He was raised with the nobodies but was never accepted as one of them due to the fact that Alix had a heart. After the death of Member Number XIV, Xion. He was used as a replacement member. Number XV. Soon after the downfall of Organization XIII to Sora, Riku, and the King forced Alix to flee and go on his own path. Searching for his long lost home.
  318.     </div></div>  
  319.            
  320. <div id="3" class="none"><div id="myDiv" class="fade-in one">
  321.         <div class="tt">Character Details</div><br/>
  322. Name: Alix<br/>
  323. Age: Unknown, seems to be around 18. <br/>
  324. Affliates: Organization XIII. (No. XV - The Telekenetic Mercenary) <br/>
  325. Iris Color: Bright Sky Blue<br/>
  326. Hair Color: Bright Sea Green. <br/>
  327. Kin: Descendent of Ventus, giving him similar looks and also the ability to weild the Keyblade.<br/>
  328.     </div></div>
  329.            
  330. <div id="4" class="none"><div id="myDiv" class="fade-in one">
  331.         <div class="tt">Abilities</div><br/>
  332.     Just like the other members of the Organization. He carried his own unique ability.
  333. ESP Illusions and Telekenetic energy were his stronghold. Being able to create illusions to a individuals 5 senses to distort and trap them. Being able to use his mind to lift, throw, pull, or do whatever with objects with just his mind giving him advantages at distances. The more energy he can gather within an individual or the enviroment can determine how strong his abilities rise.
  334. Also practicing in magica. His powers coming into spells and rituals that mock most of the members of the Organizations abilities from training with his fellow co-workers. Mimicking some of their abilities.
  335.     </div></div>
  336.            
  337.         </div>
  338.  
  339.         <div id="footer_main">
  340. <marquee direction="right" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
  341.    
  342.     <a href="http://Nichole.chatango.com" target="_blank">
  343.     <img src="http://fp.chatango.com/profileimg/n/i/nichole/thumb.jpg" class="friend"/>
  344.     </a>
  345.     <a href="http://Volticrushed.chatango.com" target="_blank">
  346.     <img src="http://fp.chatango.com/profileimg/v/o/volticrushed/thumb.jpg" class="friend"/>
  347.     </a>
  348.     <a href="http://Flamerushed.chatango.com" target="_blank">
  349.     <img src="http://fp.chatango.com/profileimg/f/l/flamerushed/thumb.jpg" class="friend"/>
  350.     </a>
  351.     <a href="http://Sunadokeii.chatango.com" target="_blank">
  352.     <img src="http://fp.chatango.com/profileimg/s/u/sunadokeii/thumb.jpg" class="friend"/>
  353.     </a>
  354.     <a href="http://Lyend.chatango.com" target="_blank">
  355.     <img src="http://fp.chatango.com/profileimg/l/y/lyend/thumb.jpg" class="friend"/>
  356.     </a>
  357.     <!--Nichole, Volticrushed, Flamerushed, Sunadokeii, Lyend -->
  358.     </marquee>
  359.         </div>  
  360.     </div> <!-- End of main container -->
  361.    
  362.     <div id="menu"><!-- Javascript menu, cap sensative, careful when editting -->
  363.         <center>
  364.     <span onclick=
  365. "document.getElementById('info').innerHTML=document.getElementById('1').innerHTML; "><div id="a" onclick="fade()">About me</div></span>
  366.         <span onclick=
  367. "document.getElementById('info').innerHTML=document.getElementById('2').innerHTML; "><div id="a" onclick="fade()">Roleplay</div></span>
  368.         <span onclick=
  369. "document.getElementById('info').innerHTML=document.getElementById('3').innerHTML; "><div id="a" onclick="fade()">Character Details</div></span>
  370.         <span onclick=
  371. "document.getElementById('info').innerHTML=document.getElementById('4').innerHTML; "><div id="a" onclick="fade()">Abilities</div></span>
  372.         </center>
  373.     </div>
  374. <a href="http://adf.ly/7434152/lyend"><div id="connect"></div></a>
  375.    
  376.    
  377. </body>
  378. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!