SHARE
TWEET

hoodie ninja

bythestars May 25th, 2019 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  4. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  8. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  9. <script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  13. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  14. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  15. <script defer>
  16. window.onload = function() {
  17.  
  18. };
  19. </script>
  20.  
  21. <script type="text/javascript">
  22. $(document).ready(function() {
  23. // Tooltip only Text
  24. $('.masterTooltip').hover(function(){
  25.  // Hover over code
  26.  var title = $(this).attr('title');
  27.  $(this).data('tipText', title).removeAttr('title');
  28.  $('<p class="tooltip"></p>')
  29.  .text(title)
  30.  .appendTo('body')
  31.  .fadeIn('slow');
  32. }, function() {
  33.  // Hover out code
  34.  $(this).attr('title', $(this).data('tipText'));
  35.  $('.tooltip').remove();
  36. }).mousemove(function(e) {
  37.  var mousex = e.pageX + 20; //Get X coordinates
  38.  var mousey = e.pageY + 10; //Get Y coordinates
  39.  $('.tooltip')
  40.  .css({ top: mousey, left: mousex })
  41. });
  42. });
  43. </script>
  44.  
  45. <style>
  46. @import url('https://fonts.googleapis.com/css?family=Staatliches|Luckiest Guy|Oleo Script|Hammersmith One');
  47. @import url(https://fonts.googleapis.com/css?family=Exo+2:200i);
  48.  
  49.  
  50. @font-face{
  51.  src:url(https://dl.dropboxusercontent.com/s/ck1f13sl8sx05dc/varsity_regular.ttf);
  52.  font-family:'Varsity';}
  53.  
  54.  
  55. body {background-color: #abcfff; cursor: url(https://i.imgur.com/OYhhhBS.png), auto;}
  56.  
  57. .outbox{position: fixed; background-color: #f0fffb; width:650px; height: 370px; border: 0px solid; border-color: #124537; margin: auto; left: 40px; right: 0px; top: 90px; bottom: 0px; background-size: 100%; z-index:4; border-radius:5px; box-shadow: 1px 1px 10px #; }
  58.  
  59.  
  60. .mainbox {position: fixed; background-color: #abcfff; width:600px; height: 340px; border: 0px solid; border-color: #124537; margin: auto; left: 50px; right: 0px; top: 90px; bottom: 0px; background-size: 100%; z-index:4; border-radius:5px; box-shadow: 1px 1px 10px #; }
  61.  
  62. ::-webkit-scrollbar {
  63.  width: 4px;
  64. }
  65.  
  66. /* Track */
  67. ::-webkit-scrollbar-track {
  68.  background: #;
  69. }
  70.  
  71. /* Handle */
  72. ::-webkit-scrollbar-thumb {
  73.  background: #;
  74. }
  75.  
  76. /* Handle on hover */
  77. ::-webkit-scrollbar-thumb:hover {
  78.  background: #;
  79. }
  80.  
  81.  
  82.  
  83. .box1 { position: fixed; background-color: #f0fffb; width:200px; height: 300px; border: 0px solid; border-color: #272727; margin: auto; left: -60px; right: 0px; top:90px; bottom: 0px; background-size: 100%; z-index:4; border-radius:5px; box-shadow: 1px 1px 10px #;}
  84.  
  85. .boxin1 { position: fixed; background-color: #abcfff; width:180px; height: 230px; border: 0px solid; border-color: #272727; margin: auto; left: -60px; right: 0px; top:140px; bottom: 0px; background-size: 100%; z-index:4; border-radius:5px; box-shadow: 1px 1px 10px #;}
  86.  
  87. .box2 { position: fixed; background-color: #f0fffb; width:200px; height: 300px; border: 0px solid; border-color: #272727; margin: auto; left: 390px; right: 0px; top:90px; bottom: 0px; background-size: 100%; z-index:4; border-radius:5px; box-shadow: 1px 1px 10px #;}
  88.  
  89. .boxin2 { position: fixed; background-color: #abcfff; width:180px; height: 230px; border: 0px solid; border-color: #272727; margin: auto; left: 390px; right: 0px; top:140px; bottom: 0px; background-size: 100%; z-index:4; border-radius:5px; box-shadow: 1px 1px 10px #;}
  90.  
  91.  
  92. .stripe{position: absolute; left: -1000px; bottom:80px; width:3000px; height:145px; background:#f0fffb; z-index: -1; }
  93.  
  94.  
  95. .title{ letter-spacing: ; z-index: 1; position: fixed; left: 200px; bottom: 350px; font-family: 'Varsity', cursive; font-size: 50px; color: #f0fffb; text-shadow: 1px 2px 10px #c7b0fe; position: absolute; width: 700px; }
  96.  
  97.  
  98. .title2{ letter-spacing: ; z-index: 1; position: fixed; left: 110px; bottom: -95px; font-family: 'Varsity', cursive; font-size: 80px; color: #f0fffb; text-shadow: 1px 2px 10px #c7b0fe; position: absolute; width: 700px; }
  99.  
  100. .title3{ letter-spacing: ; z-index: 1; position: fixed; left: 80px; bottom: -70px; font-family: 'Luckiest Guy', cursive; font-size: 65px; color: #207476; text-shadow: 1px 2px 10px #00f9ff; position: absolute; width: 700px; }
  101.  
  102. .title4{ letter-spacing: ; z-index: 1; position: fixed; left: 320px; bottom: -70px; font-family: 'Luckiest Guy', cursive; font-size: 65px; color: #207476; text-shadow: 1px 2px 10px #00f9ff; position: absolute; width: 700px; }
  103.  
  104.  
  105. .img1{position: absolute; width: 300px; height: 520px; border: 0px solid; top:20px; border-color: #1a6752;left: -158; background: url(https://i.imgur.com/yLLWAiL.png); background-repeat: no-repeat; background-size: 110%; z-index:15;border-radius:1px; transition: 0.3s; cursor: url(https://www.youtube.com/watch?v=MUu9SkBQcXw), auto;}
  106.  
  107.  
  108. .img2{position: absolute; width: 20px; height: 20px; border: 0px solid; top:-75px; border-color: #1a6752; left:566; background: url(https://i.imgur.com/s9GICPq.png); background-size: 100%; z-index:5;border-radius:1px; transition: 0.3s;}
  109.  
  110.  
  111. .img2:hover {width: 30px; height: 30px; top:-82px; left:561;}
  112.  
  113. .tab1 { position: fixed; background-color: #abcfff; width:60px; height: 25px; border: 0px solid; border-color: #272727; margin: auto; left: 680px; right: 0px; top: 50px; bottom: 0px; background-size: 100%; z-index:10; border-radius:0px; box-shadow: 1px 1px 10px #; transition: 0.3s;}
  114.  
  115. .tab2 { position: fixed; background-color: #abcfff; width:60px; height: 25px; border: 0px solid; border-color: #272727; margin: auto; left: 680px; right: 0px; top: 120px; bottom: 0px; background-size: 100%; z-index:10; border-radius:0px; box-shadow: 1px 1px 10px #; transition: 0.3s;}
  116.  
  117. .tab3 { position: fixed; background-color: #abcfff; width:60px; height: 25px; border: 0px solid; border-color: #272727; margin: auto; left: 680px; right: 0px; top: 190px; bottom: 0px; background-size: 100%; z-index:10; border-radius:0px; box-shadow: 1px 1px 10px #; transition: 0.3s;}
  118.  
  119. .tab4{ position: fixed; background-color: #abcfff; width:60px; height: 25px; border: 0px solid; border-color: #272727; margin: auto; left: 680px; right: 0px; top: 260px; bottom: 0px; background-size: 100%; z-index:10; border-radius:0px; box-shadow: 1px 1px 10px #; transition: 0.3s;}
  120.  
  121. .tab1:hover, .tab2:hover, .tab3:hover, .tab4:hover { width:75px; height: 25px;}
  122.  
  123.  
  124.  
  125. .b1{position: fixed; background-color: #abcfff; width: 220px; height:30px; border: 0px solid; border-color: #9a1a68; margin: auto; left: -50px; right: 0px; top: -140px; bottom: 0px; background-size: 100%; z-index:10; border-radius:0px; box-shadow: 1px 2px 10px #;}
  126.  
  127. .b2{position: fixed; background-color: #abcfff; width: 220px; height:30px; border: 0px solid; border-color: #9a1a68; margin: auto; left: 380px; right: 0px; top: -140px; bottom: 0px; background-size: 100%; z-index:10; border-radius:0px; box-shadow: 1px 2px 10px #;}
  128.  
  129.  
  130. .ooc { letter-spacing: 0; z-index: 10; position: fixed; left: 17px; bottom: 1px; font-family: 'Varsity', cursive; font-size: 25px; color: #f0fffb; position: absolute; width: 220px; }
  131.  
  132.  
  133. .words {position: absolute; bottom: 0px; left: 6px; margin: auto;
  134. opacity:1;
  135. height: 220px;
  136. width: 170px;
  137. padding: 0px;
  138. text-align: justify;
  139. font-size: 13px;
  140. overflow: auto;
  141. text-ident: 10px;
  142. color: #f0fffb;
  143. font-family: Staatliches;
  144. }
  145.  
  146. a{cursor: url(https://i.imgur.com/OYhhhBS.png), auto; text-decoration:none}
  147.  
  148. b {
  149. font-family: Staatliches;
  150. color: #c7b0fe;
  151. font-weight: bold;
  152. font-size: 12px;
  153. text-transform: uppercase;
  154. font-weight: 100; }
  155.  
  156. </style>
  157. </head>
  158. <body>
  159.  
  160. <div class="outbox">
  161. <div class="stripe"></div>
  162. <div class="mainbox">
  163.  
  164.  
  165.  
  166. <div class="img1"></div>
  167.  
  168. <div class="img2"></div>
  169.  
  170. <div class="title">NINA HISAKAWA</div>
  171.  
  172. <div class="title2">HOODIE GANG</div>
  173.  
  174. <div class="tab1"></div>
  175.  
  176. <div class="tab2"></div>
  177.  
  178. <div class="tab3"></div>
  179.  
  180. <div class="tab4"></div>
  181.  
  182. <div class="b1"></div>
  183. <div class="b2"><div class="ooc">|| HEADCANONS ||</div></div>
  184.  
  185. <div class="box1">
  186. <div class="boxin1">
  187. </div>
  188. </div>
  189.  
  190.  
  191.  
  192.  
  193. <div class="box2">
  194. <div class="boxin2">
  195.  
  196. <div class="words">
  197.  
  198.  <a href="link"><b>01.</b></a> --</b>.<br><br>
  199.  
  200.  <b>02.</b> * of the <b>Hoodie Gang</b>.<br><br>
  201.  
  202. <b>03.</b> --.<br><br>
  203.  
  204. <b>04.</b> --<br><br>
  205.  
  206. <b>05.</b> --<br><br>
  207.  
  208. <b>06.</b> --</b><br><br>
  209.  
  210. <b>07.</b> --<br><br>
  211.  
  212. <b>08.</b> --<br><br>
  213.  
  214. <b>09.</b> <a href="links"><b>--</b></a> <br><br>
  215.  
  216. <b>10.</b> HOODIE GANG! HOODIE GANG! <b>HOODIE GANG!</b><br><br>
  217.  
  218.  
  219.  
  220.  
  221. </div>
  222.  
  223. </div>
  224. </div>
  225.  
  226.  
  227. </div>
  228. </div>
  229. </body>
  230. </html>
RAW Paste Data
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
Top