Advertisement
TommEdge4Life

Meiji Ryu Coding

Apr 4th, 2017
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.28 KB | None | 0 0
  1. <html>
  2. <body><style>
  3. @import url(https://fonts.googleapis.com/css?family=Montserrat);
  4. @import url(https://fonts.googleapis.com/css?family=Playfair Display SC);
  5. @import url(https://fonts.googleapis.com/css?family=Questrial);
  6. @import url(https://fonts.googleapis.com/css?family=Roboto);
  7. @import url(https://fonts.googleapis.com/css?family=Merriweather);
  8. @import url(https://fonts.googleapis.com/css?family=Oxygen);
  9.  
  10. /*coded by [punpun]. do not steal the character. do not remove the credit. do not remove this.*/
  11.  
  12. body {background: #EECCCB; -webkit-user-select: none;}
  13.  
  14. ::-webkit-scrollbar-thumb {background-color: #fff; width: 0px; }
  15. ::-webkit-scrollbar {background-color: transparent; width: 0px;}
  16.  
  17. ::-webkit-scrollbar-track { background-color: #000; }
  18. ::-webkit-scrollbar-track { border: 0px solid black; background-color: #000; }
  19. ::-webkit-scrollbar { width: 0px; background-color: #000; }
  20. ::-webkit-scrollbar-thumb { background-color: #000; }
  21.  
  22. hr {height: 1px;border: 0;
  23. background: #8F3A33;}
  24.  
  25.  
  26. a {
  27. color: #aeaeae;
  28. text-decoration: none;
  29. transition: all 0.4s ease-in-out;
  30. -moz-transition: all 0.4s ease-in-out;
  31. -webkit-transition: all 0.4s ease-in-out;}
  32. a:hover {
  33. color: #ffffff;background-color: #000;
  34. text-decoration: none;
  35. transition: all 0.4s ease-in-out;
  36. -moz-transition: all 0.4s ease-in-out;
  37. -webkit-transition: all 0.4s ease-in-out;}
  38.  
  39. .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;
  40. }
  41. body:hover .s{opacity:.95}
  42. .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; }
  43.  
  44. .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;}
  45.  
  46. body:hover .a1 {opacity:1;}
  47.  
  48. .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;}
  49.  
  50. body:hover .a2 {opacity:1;}
  51.  
  52. .was {
  53. position: fixed; left:0; bottom:0;height:100%;width:100%;
  54. opacity: 0;
  55. z-index: -5;
  56. text-align: justify;
  57. -webkit-transition: all 0.9s ease-out;
  58. transition: all 0.9s ease-out;
  59. }
  60.  
  61. .was:target {
  62. position: fixed;
  63. z-index: 55;
  64. opacity: 1;
  65. }
  66.  
  67.  
  68. </style>
  69.  
  70. <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>
  71.  
  72. <div style="position:fixed;margin: auto; right: 0px; left:0; bottom: 0; top:145; height:2; width:380;background:#121314;z-index:99;"> </div>
  73.  
  74.  
  75. <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;
  76. ">
  77. <img src="http://data.whicdn.com/images/247624790/original.jpg" width="490" style="position:absolute; bottom: 0; left:0;pointer-events:none"></div>
  78.  
  79. <div class="s
  80. "> <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; ">
  81.  
  82. <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>
  83.  
  84. <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.
  85. <br><br><br>
  86. </div></div>
  87.  
  88.  
  89.  
  90. <a href="#2"><div class="a1"></div></a>
  91.  
  92.  
  93.  
  94. <a href="#1"><div class="a2"></div></a>
  95.  
  96.  
  97. <div id="1" class="was" style="">
  98. <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;">
  99. <img src="http://data.whicdn.com/images/247624790/original.jpg" width="490" style="position:absolute; bottom: 0; left:0;pointer-events:none"></div>
  100.  
  101. <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; ">
  102.  
  103. Talent<font style="float:right;color:#fff;"><b>None</b></font><br>
  104. Powers<font style="float:right;color:#;"><b>None<br></b></font><br>
  105. 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>
  106. Like<font style="float:right;color:#fff;"><b>Turtles</b></font><br>
  107. Like<font style="float:right;color:#fff;"><b>Nothin'</b></font><br>
  108. Dislike<font style="float:right;color:#fff;"><b>Melon</b></font><br>
  109. Dislike<font style="float:right;color:#fff;"><b>Fruits</b></font><br>
  110. Disconfigurement<font style="float:right;color:#fff;"><b>none</b></font><br>
  111.  
  112.  
  113. </div>
  114. <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; ">
  115. <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.
  116. </div></div>
  117.  
  118.  
  119. <a href="#"><div class="a1"></div></a>
  120.  
  121.  
  122.  
  123. <a href="#2"><div class="a2"></div></a>
  124.  
  125. </div>
  126.  
  127. <div id="2" class="was" style="">
  128. <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;">
  129. <img src="http://data.whicdn.com/images/247624790/original.jpg" width="490" style="position:absolute; bottom: 0; left:0;pointer-events:none"></div>
  130.  
  131. <div class="s
  132. "> <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;">
  133. <b>THIS</b> // could be you <br>
  134. Line 1<br>
  135. Line2<br>
  136. <hr></hr>
  137.  
  138. <b>THIS</b> // could be you <br>
  139. Line 1<br>
  140. Line2<br>
  141. <hr></hr>
  142.  
  143. <b>THIS</b> // could be you <br>
  144. Line 1<br>
  145. Line2<br>
  146. <hr></hr>
  147.  
  148. <b>THIS</b> // could be you <br>
  149. Line 1<br>
  150. Line2<br>
  151. <hr></hr>
  152. </div> </div>
  153.  
  154.  
  155. <a href="#1"><div class="a1"></div></a>
  156.  
  157.  
  158.  
  159. <a href="#"><div class="a2"></div></a>
  160.  
  161. </div>
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168. <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">
  169. //<![CDATA[
  170. 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){};
  171. //]]>
  172. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement