Html site 1 5/1/2017

SUBMITTED BY: canonical

DATE: May 2, 2017, 1:07 a.m.

FORMAT: HTML

SIZE: 8.7 kB

Raw Download

HITS: 233

Report
  1. If you want more of my pastes visit: https://randompaste.000webhostapp.com/index.html
  2. --------------------------------------------------------------------------------------
  4. <html>
  5. <body><style>
  6. @import url(https://fonts.googleapis.com/css?family=Montserrat);
  7. @import url(https://fonts.googleapis.com/css?family=Playfair Display SC);
  8. @import url(https://fonts.googleapis.com/css?family=Questrial);
  9. @import url(https://fonts.googleapis.com/css?family=Roboto);
  10. @import url(https://fonts.googleapis.com/css?family=Merriweather);
  11. @import url(https://fonts.googleapis.com/css?family=Oxygen);
  13. /*coded by [punpun]. do not steal the character. do not remove the credit. do not remove this.*/
  15. body {background: #EECCCB; -webkit-user-select: none;}
  17. ::-webkit-scrollbar-thumb {background-color: #fff; width: 0px; }
  18. ::-webkit-scrollbar {background-color: transparent; width: 0px;}
  20. ::-webkit-scrollbar-track { background-color: #000; }
  21. ::-webkit-scrollbar-track { border: 0px solid black; background-color: #000; }
  22. ::-webkit-scrollbar { width: 0px; background-color: #000; }
  23. ::-webkit-scrollbar-thumb { background-color: #000; }
  25. hr {height: 1px;border: 0;
  26. background: #8F3A33;}
  29. a {
  30. color: #aeaeae;
  31. text-decoration: none;
  32. transition: all 0.4s ease-in-out;
  33. -moz-transition: all 0.4s ease-in-out;
  34. -webkit-transition: all 0.4s ease-in-out;}
  35. a:hover {
  36. color: #ffffff;background-color: #000;
  37. text-decoration: none;
  38. transition: all 0.4s ease-in-out;
  39. -moz-transition: all 0.4s ease-in-out;
  40. -webkit-transition: all 0.4s ease-in-out;}
  42. .s {position:fixed;margin: auto; right: 0px; left:0; bottom: 0; top:0; height:441; width:370;overflow:disabled;-webkit-clip-path: polygon(50% 100%, 100% 75%, 100% 0, 0 0, 0 75%);background:#fff;opacity:0; transition: all 0.9s ease-in-out;
  43. }
  44. body:hover .s{opacity:.95}
  45. .firstcharacter { float: left; color: #000; background: #EECCCB; font-size: 20px; line-height: 19px; padding-top: 3px; padding-right: 3px; padding-left: 3px; font-family: Roboto;margin-right:5px; }
  47. .a1 {position:fixed; margin:auto; bottom:100; top:0; left:0; right:410; background: #B89A9C; height:40; width:50;-webkit-clip-path: polygon(40% 0%, 15% 50%, 40% 100%, 25% 100%, 0% 50%, 25% 0%);transition: all 0.9s ease-in-out;opacity:0;}
  49. body:hover .a1 {opacity:1;}
  51. .a2 {position:fixed; margin:auto; bottom:100; top:0; left:410; right:0; background: #B89A9C; height:40; width:50;-webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 60% 100%, 85% 50%, 60% 0%);transition: all 0.9s ease-in-out;opacity:0;}
  53. body:hover .a2 {opacity:1;}
  55. .was {
  56. position: fixed; left:0; bottom:0;height:100%;width:100%;
  57. opacity: 0;
  58. z-index: -5;
  59. text-align: justify;
  60. -webkit-transition: all 0.9s ease-out;
  61. transition: all 0.9s ease-out;
  62. }
  64. .was:target {
  65. position: fixed;
  66. z-index: 55;
  67. opacity: 1;
  68. }
  71. </style>
  73. <div style="position:fixed;margin: auto; right: 0px; left:0; bottom: 0; top:180; height:25; width:380;background:#121314;font-family:roboto; color:#B89A9C; font-size:18; line-height:1.5;z-index:99;"> <center> MEIJI • EIGHTEEN • 5'9 / 170 • RYU </center></div>
  75. <div style="position:fixed;margin: auto; right: 0px; left:0; bottom: 0; top:145; height:2; width:380;background:#121314;z-index:99;"> </div>
  78. <div style="position:fixed;margin: auto; right: 0px; left:0; bottom: 0; top:0; height:440; width:370;overflow:disabled;-webkit-clip-path: polygon(50% 100%, 100% 75%, 100% 0, 0 0, 0 75%);background:#7B322C;
  79. ">
  80. <img src="http://data.whicdn.com/images/247624790/original.jpg" width="490" style="position:absolute; bottom: 0; left:0;pointer-events:none"></div>
  82. <div class="s
  83. "> <div style="position:absolute;margin: auto; right: 0px; left:0; bottom: 100; top:0; height:170;width:280;background:#000;font-family:roboto; color:#fff; font-size:12;padding:20;overflow-x:disabled; overflow-y:hidden;overflow-x:hidden;-webkit-column-fill: auto; -webkit-column-width: 120px; -webkit-column-gap: 20px; text-align:justify; ">
  85. <span class="firstcharacter">W</span>hat the hell am I supposed to put here? Am I supposed to put personality? He's kinda a jerk. Am I supposed to do something cool with this space or something? Nah Later. <br><br><br><br>
  87. <b>OOC</b> // 01. He's a bitch, I'm not. // 02. I likepm and room rp. // 03. Please try and plot with me first tho, Sometimes you can bug me in room for rp and thats chill. // 04. More ooc stuff.
  88. <br><br><br>
  89. </div></div>
  93. <a href="#2"><div class="a1"></div></a>
  97. <a href="#1"><div class="a2"></div></a>
  100. <div id="1" class="was" style="">
  101. <div style="position:fixed;margin: auto; right: 0px; left:0; bottom: 0; top:0; height:440; width:370;overflow:disabled;-webkit-clip-path: polygon(50% 100%, 100% 75%, 100% 0, 0 0, 0 75%);background:#7B322C;">
  102. <img src="http://data.whicdn.com/images/247624790/original.jpg" width="490" style="position:absolute; bottom: 0; left:0;pointer-events:none"></div>
  104. <div class="s"> <div style="position:absolute;margin: auto; right: 0px; left:0; bottom: 100; top:0; height:170;width:280;background:#121314;font-family:roboto; color:#fff; font-size:12;padding:20;overflow-x:disabled; overflow-y:hidden;overflow-x:hidden;-webkit-column-fill: auto; -webkit-column-width: 130px; -webkit-column-gap: 10px; text-align:justify; ">
  106. Talent<font style="float:right;color:#fff;"><b>None</b></font><br>
  107. Powers<font style="float:right;color:#;"><b>None<br></b></font><br>
  108. Love life<font style="float:right;color:#fff;"><b><a target="_blank" href="http://www.thiscrush.com/~meijiii" target="_blank" style="text-decoration:none;color:#FFB0FB" title=""><i>None</i></a></b></font><br>
  109. Like<font style="float:right;color:#fff;"><b>Turtles</b></font><br>
  110. Like<font style="float:right;color:#fff;"><b>Nothin'</b></font><br>
  111. Dislike<font style="float:right;color:#fff;"><b>Melon</b></font><br>
  112. Dislike<font style="float:right;color:#fff;"><b>Fruits</b></font><br>
  113. Disconfigurement<font style="float:right;color:#fff;"><b>none</b></font><br>
  116. </div>
  117. <div style="position:absolute;margin: auto; right: 0px; left:0; bottom: 27; top:0; height:105;width:280;background:#000;font-family:roboto; color:#fff; font-size:12;padding:0;text-align:justify;overflow:auto; ">
  118. <span class="firstcharacter">W</span>hat a guy. No talent, Nothin' wrong with him, Not too smart but not too dumb either. Probably one of those kind of students that sits in the back copying some other poor sap and gets by just fine. Just a regular ol' guy.
  119. </div></div>
  122. <a href="#"><div class="a1"></div></a>
  126. <a href="#2"><div class="a2"></div></a>
  128. </div>
  130. <div id="2" class="was" style="">
  131. <div style="position:fixed;margin: auto; right: 0px; left:0; bottom: 0; top:0; height:440; width:370;overflow:disabled;-webkit-clip-path: polygon(50% 100%, 100% 75%, 100% 0, 0 0, 0 75%);background:#7B322C;">
  132. <img src="http://data.whicdn.com/images/247624790/original.jpg" width="490" style="position:absolute; bottom: 0; left:0;pointer-events:none"></div>
  134. <div class="s
  135. "> <div style="position:absolute;margin: auto; right: 0px; left:0; bottom: 100; top:0; height:170;width:280;background:#000;font-family:roboto; color:#fff; font-size:12;border:20px solid #fff ;overflow-x:disabled; overflow-y:auto;">
  136. <b>THIS</b> // could be you <br>
  137. Line 1<br>
  138. Line2<br>
  139. <hr></hr>
  141. <b>THIS</b> // could be you <br>
  142. Line 1<br>
  143. Line2<br>
  144. <hr></hr>
  146. <b>THIS</b> // could be you <br>
  147. Line 1<br>
  148. Line2<br>
  149. <hr></hr>
  151. <b>THIS</b> // could be you <br>
  152. Line 1<br>
  153. Line2<br>
  154. <hr></hr>
  155. </div> </div>
  158. <a href="#1"><div class="a1"></div></a>
  162. <a href="#"><div class="a2"></div></a>
  164. </div>
  171. <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">
  172. //<![CDATA[
  173. try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1491265903,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"94dbdd3400e041c6126601822c72366d",petok:"79a9c218dd2b0d4b312d19c432c6b136e7da75a8-1491348259-1800",adblock:1,betok:"d3ea5f0103e8674168ff910633e031ca2621f4ca-1491348259-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){};
  174. //]]>
  175. </script>
comments powered by Disqus