Advertisement
Esme

kotone

Jan 24th, 2022
1,012
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script defer type="ba597b27244da8719d65acba-text/javascript">
  2. {
  3. function tooltip() {
  4.     var title = $(this).attr("title");
  5.     $(this).removeAttr("title");
  6.    
  7.     this.TooltipMessage = $("<div/>", {class: "tooltipMessage", style: "display: none;"});
  8.     this.TooltipMessage.html("<span>" + title + "</span>");
  9.     $("body").append(this.TooltipMessage);
  10.    
  11.  
  12.     if ($(this).hasClass("tooltipLeft")) {
  13.         this.TooltipMessage.addClass("left");
  14.     }
  15.  
  16.     $(this).hover(tooltipFadeIn, tooltipFadeOut);
  17.     $(this).mousemove(tooltipMousemove);
  18. }
  19.  
  20. function tooltipFadeIn() {
  21.     this.TooltipMessage.stop(true, false).fadeIn();
  22. }
  23.  
  24. function tooltipFadeOut() {
  25.     this.TooltipMessage.stop(true, false).fadeOut();
  26. }
  27.  
  28. function tooltipMousemove(e) {
  29.     var offset = {
  30.         left: e.pageX,
  31.         top: e.pageY + 51
  32.     };
  33.  
  34.     if (this.TooltipMessage.hasClass("left")) {
  35.         offset.left -= this.TooltipMessage.width() + 10;
  36.     } else {
  37.         offset.left -= 100;
  38.        
  39.     }
  40.     this.TooltipMessage.offset(offset);
  41. }
  42.  
  43. $(function (e) {
  44.     $(".tooltip").each(tooltip);
  45. });
  46.  
  47. };
  48. </script>
  49. <style>
  50. body {background: url(https://i.imgur.com/S1RpiHL.png) #ffd4eb; cursor: url(http://i.imgur.com/pg9xw.png), auto;}
  51.  
  52. .youre {position: fixed; width: 200px; height: 210px; margin: auto; left: 0px; right: 0px; top: 10px; bottom: 0px; border: 1px solid black;background: white;}
  53. .hopeless {position: absolute; top: 10px; height: 178px; left: 10px; border: 1px solid black; padding: 5px; background: #d43519;}
  54. .hopelessless {position: absolute; top: 10px; height: 178px; right: 10px; border: 1px solid black; padding: 5px; background: #d43519;}
  55. .hopelessless2 {position: absolute; top: 10px; height: 178px; left: 178px; border: 1px solid black; padding: 5px; background: #d43519;}
  56.  
  57. .give {position: absolute; left: 30px; top: 10px; width: 139px; height: 25px; background: url(https://i.imgur.com/VhT7cRo.jpg) #fff; background-repeat: no-repeat; border: 1px solid black; background-size: 100%; background-position: -5 -30;}
  58. .give2 {position: absolute; right: 30px; top: 10px; width: 160px; height: 25px; background: url(https://i.imgur.com/nWR458g.jpg) #fff; background-repeat: no-repeat; border: 1px solid black; background-size: 100%; background-position: -5 -58;}
  59. .give3 {position: absolute; left: 30px; top: 10px; width: 160px; height: 25px; background: url(https://i.imgur.com/Pe5yfoY.jpg) #fff; background-repeat: no-repeat; border: 1px solid black; background-size: 100%; background-position: -5 -10;}
  60. .up {position: absolute; font-size: x-small; font-family: tahoma; top: 40px; left: 38px; width: 140px; text-align: justify; font-style: italic;}
  61. .now {position: absolute; height: 30px; background: #d43519; width: 138px; border: 1px solid black; top: 167px; left: 30px; font-size: x-small; text-align: center; font-family: tahoma; line-height: 8px;}
  62.  
  63. .best {position: fixed; width: 200px; height: 210px; margin: auto; left: -410px; right: 0px; top: 10px; bottom: 0px; border: 1px solid black;background: white;}
  64.  
  65. .monki {position: fixed; width: 200px; height: 210px; margin: auto; left: 410px; right: 0px; top: 10px; bottom: 0px; border: 1px solid black;background: white;}
  66.  
  67. .queen {position: fixed; width: 610px; height: 200px; margin: auto; left: 0px; right: 0px; top: -410px; bottom: 0px; border: 1px solid black;background: white;}
  68. .queen1 {position: absolute; width: 588px; border: 1px solid black; background: url(https://i.imgur.com/9X7FAGY.jpg); left: 10px; top: 10px; height: 180px; background-position: 0 -100; background-size: 100%; border-radius: 10px;}
  69.  
  70. .bet {position: fixed; width: 610px; height: 200px; margin: auto; left: 0px; right: 0px; top: 430px; bottom: 0px; border: 1px solid black;background: white;}
  71. .bet1 {position: absolute; width: 588px; border: 1px solid black; background: url(https://i.imgur.com/lH8qMta.jpg); left: 10px; top: 10px; height: 180px; background-position: 0 -240; background-size: 100%; border-radius: 10px;}
  72.  
  73. .best1 p {height: 133px;overflow: auto;}
  74. .monki1 p {height: 130px;overflow: auto; margin-left: -20px; width: 145px;}
  75.  
  76. .monki1 hr {margin-left: -40px; border: 0;
  77.     height: 1px;
  78.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
  79.  
  80. .queen1 hr {margin-left: -20px; border: 0;
  81.     height: 1px;
  82.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
  83.  
  84. ::-webkit-scrollbar {
  85. width: 2px; }
  86.  
  87. ::-webkit-scrollbar-thumb:vertical {
  88. background: #FCfcfc;
  89. border-right: 6px solid #fcfcfc;
  90. border-top: 5px solid #fcfcfc;
  91. border-bottom: 5px solid #fcfcfc;}
  92.  
  93.  
  94. hr {border: 0;
  95.     height: 1px;
  96.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
  97.  
  98. .ree {position: absolute; left: 194px; top: 195px;}
  99.  
  100. a {text-decoration: none; color: #d43519; font-weight: bold; font-style: italic; cursor: url(http://i.imgur.com/pg9xw.png), auto;}
  101. a:hover {text-shadow: 0px 0px 5px #d43519;
  102. transition:all .7s ease-in-out;
  103. -webkit-transition:all .7s ease-in-out;
  104. -o-transition:all .7s ease-in-out;
  105. -moz-transition:all .7s ease-in-out;}
  106.  
  107. div.tooltipMessage {
  108.     z-index: 600;    
  109.     position: absolute;
  110.     width: 220px;
  111.     font-family: verdana;
  112.     font-size: x-small;
  113.     text-align: justify;
  114. }
  115. div.tooltipMessage > span {width: 300px;
  116.     display: inline-block;
  117.     background: rgba(212,53,25, .8);
  118.     padding: 8px 8px;
  119.     color: #fff;
  120.     border: 3px solid #fff;
  121. div.tooltipMessage.left > span {
  122.     float: right;
  123. }
  124. </style>
  125. </head>
  126. <body>
  127. <div class="youre">
  128. <div class="best"><div class="best1">
  129. <div class="hopeless"></div>
  130. <div class="give3"></div>
  131. <div class="up"><hr></span><p>Name: <span style="float: right;">Words here.</span><br>
  132. Age: <span style="float: right;">Words here.</span><br>
  133. Gender: <span style="float: right;">Words here.</span><br>
  134. Height: <span style="float: right;">Words here.</span><br>
  135. Weight: <span style="float: right;">Words here.</span><br>
  136. Hometown: <span style="float: right;">Words here.</span><br>
  137. Region: <span style="float: right;">Words here.</span><br>
  138. Starter: <span style="float: right;">Words here.</span><br>
  139. Affinity: <span style="float: right;">Words here.</span><br>
  140. ---: <span style="float: right;">---.</span><br>
  141. Orientation: <span style="float: right;">Words here.</span><br>
  142. Status: <span style="float: right;">Words here.</span><br></p></div>
  143. </div>
  144. </div>
  145.  
  146. <div class="monki"><div class="monki1">
  147. <div class="hopelessless"></div>
  148. <div class="give2"></div>
  149. <div class="up"><hr><p>Words here.</p><span style="position: absolute; top: 120px; width: 135px;"><hr></span><span style="position: absolute; top: 38px; left: 2px; width: 135px;"><hr></span>
  150.  
  151. <span style="position: absolute; top: 135px; left: -32px;"><a class="tooltip" title="<center><i>Fuguri</i> • <i>Female</i> • <i>Calm</i> • <i>Leaf Guard</i> • <i>Miracle Seed</i><br><em>Petal Dance</em> • <em>Magical Leaf</em> • <em>Sweet Scent</em> • <em>Aromatherapy</em><hr></center>My beloved starter. She has been with me through the worst of things and the best of things. I would never let her go. Even if she's not what others consider an 'ideal' Pokémon, she still means the world to me." href="#" target="_blank"><img src="https://i.imgur.com/dMqhg7V.png" alt="" height="25/" /></a>
  152.  
  153. <a class="tooltip" title="<center><i>Anberlin</i> • <i>Female</i> • <i>Modest</i> • <i>Static</i> • <i>Ampharosite</i><br><em>Thunderbolt</em> • <em>Volt Switch</em> • <em>Signal Beam</em> • <em>Heal Bell</em><hr></center>I met Anberlin as a Flaaffy who was pining after the Ampharos of the Lighthouse in Olivine City. At first I thought I was going to end up doing more harm than good, but this girl loves me a whole lot!" href="#" target="_blank"><img src="https://i.imgur.com/tWtVqAL.png" alt="" height="25/" /></a>
  154.  
  155. <a class="tooltip" title="<center><i>Trogdore</i> • <i>Male</i> • <i>Quirky</i> • <i>Drizzle</i> • <i>Eject Button</i><br><em>Amnesia</em> • <em>Curse</em> • <em>Hyper Voice</em> • <em>Scald</em><hr></center>This froggo is a troll. He has a tendency to do what he wants when he wants, and it's not because I don't have the badges to control him. He's just a brat. But I love him and I'm happy to have him on my team." href="#" target="_blank"><img src="https://i.imgur.com/wbLXPmT.png" alt="" height="25/" /></a>
  156.  
  157. <a class="tooltip" title="<center><i>Ludger</i> • <i>Male</i> • <i>Sassy</i> • <i>Serene Grace</i> • <i>Maranga Berry</i><br><em>Roost</em> • <em>Toxic</em> • <em>Protect</em> • <em>Dig</em><hr></center>This lazy little guy is nothing short of cute. He's always tired and has little to no energy, but he's a good tank for the team and I appreciate it whenever he gets up to fight!" href="#" target="_blank"><img src="https://i.imgur.com/zvefb8K.png" alt="" height="25/" /></a>
  158.  
  159. <a class="tooltip" title="<center><i>Pistachio</i> • <i>Male</i> • <i>Adamant</i> • <i>Quick Feet</i> • <i>Toxic Orb</i><br><em>Facade</em> • <em>Thrash</em> • <em>Charm</em> • <em>Close Combat</em><hr></center>While he's very adept at physical moves, this little guy enjoys cuddling more than battling. This suits me quite well because I adore snuggling him. He more than looks like a teddy bear! He really is one!" href="#" target="_blank"><img src="https://i.imgur.com/aJQqkNN.png" alt="" height="25/" /></a>
  160.  
  161. <a class="tooltip" title="<center><i>Hikari</i> • <i>Female</i> • <i>Calm</i> • <i>Levitate</i> • <i>Leftovers</i><br><em>Will-o-Wisp</em> • <em>Taunt</em> • <em>Hex</em> • <em>Pain Split</em><hr></center>The way I met this little prankster was through a perilous journey. Said journey involved a courage challenge and me screaming my head off." href="#" target="_blank"><img src="https://i.imgur.com/Pmlp4lN.png" alt="" height="25/" /></a></span></div>
  162. </div>
  163. </div>
  164.  
  165. <div class="queen"><div class="queen1">
  166. <div class="bet">
  167. <div class="bet1"></div></div>
  168. <div class="ree">
  169. <div class="hopeless"></div>
  170. <div class="hopelessless2"></div>
  171. <div class="give"></div>
  172. <div class="up"><hr><p style="width: 132px; margin-left: -5px;">Words here.</a></p></div>
  173. <div class="now"><hr>. romantique babe .<hr></div></div>
  174. </div>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement