API tools faq
paste
zhansitos

ángel drr ac embeds

zhansitos
Sep 24th, 2022
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.60 KB | None | 0 0
raw download clone embed print report
  1. <!-- music player -->
  2. <script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script>
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  5. <script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script></head>
  6. <style type="text/css">
  7. @font-face {
  8. font-family:'handy';
  9. src: url(https://dl.dropbox.com/s/kqvt2miu9r4y9ye/handy00.ttf);
  10. }
  11. @font-face {
  12. font-family: 'music';
  13. src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/LL_RECOR.TTF);
  14. }
  15. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  16. #glenplayer02 {
  17. position:absolute;
  18. left: -0em;
  19. top: 0em;
  20. z-index:500;
  21. }
  22. #glenplayer02 {
  23. display:flex;
  24. margin: auto;
  25. width:auto;
  26. margin-left: 0.5em;
  27. }
  28. #glenplayer02 a {
  29. text-decoration:none;
  30. }
  31. #glenplayer02 > div {
  32. align-self:center;
  33. -webkit-align-self:center;
  34. }
  35. .music-controls {
  36. user-select:none;
  37. -webkit-user-select:none;
  38. width:13px;
  39. font-size:18px;
  40. cursor:pointer;
  41. font-family: 'music';
  42. }
  43. .playy, .pausee {
  44. font-family: 'music';
  45. font-size: 1.3em;
  46. color:#F51581;
  47. -webkit-filter: drop-shadow(0px 0px 1.5px #FFFFFF);
  48. font-weight: bold;
  49. }
  50. /* color of play & pause buttons */
  51. .pausee {
  52. display:none;
  53. }
  54. .sonata {
  55. margin-left:0.4em;
  56. font-family: Pixelated MS Sans Serif;
  57. font-size:0.75em;
  58. color:#000; /* color of music note symbol */
  59. }
  60. .labeltext {
  61. font-family:'handy';
  62. margin-left:0.3em;
  63. font-size: 0.6em;/* color of song title */
  64. } </style>
  65. <body>
  66. <div id="glenplayer02"><div class="music-controls" onclick="songstart();">
  67. <div class="playy">d</div><div class="pausee">k</div></div><div class="sonata"></div><div class="labeltext"></div></div><audio id="tune" src="https://cdn.glitch.global/7eefa97e-e9ba-47ff-9a9a-ad662be1fc2f/Secret%20Door.mp3?v=1652226700835"></audio></body>
  68.  
  69. <!-- paradise text -->
  70. <style>
  71. @font-face { font-family:'ROMANTIC'; src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF); }
  72. </style>
  73.  
  74. <script type="text/javascript">
  75. // <![CDATA[
  76. var speed=120; // speed colours change, 1 second = 1000
  77. var glow=3; // can be set from '0' for no glow, to 10
  78. var raincol=new Array("#F51581", "#F63291", "#F850A1", "#F96DB0", "#FA8AC0", "#FBA7D0", "#FCC5E0", "#FEE2EF"); // change the colours if you want to
  79. var alink=""; // page to link text to (set to ="" for no link)
  80.  
  81. /****************************
  82. * Rainbow Text Effect *
  83. *(c)2003-13 mf2fm web-design*
  84. * http://www.mf2fm.com/rv *
  85. * DON'T EDIT BELOW THIS BOX *
  86. ****************************/
  87. var rainbow, raintxt, raincnt=0;
  88.  
  89. function addLoadEvent(funky) {
  90. var oldonload=window.onload;
  91. if (typeof(oldonload)!='function') window.onload=funky;
  92. else window.onload=function() {
  93. if (oldonload) oldonload();
  94. funky();
  95. }
  96. }
  97.  
  98. addLoadEvent(regenbogen);
  99.  
  100. function regenbogen() { if (document.getElementById) {
  101. var i, rainbeau;
  102. rainbow=document.getElementById("rainbow");
  103. raintxt=rainbow.firstChild.nodeValue;
  104. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  105. for (i=0; i<raintxt.length; i++) {
  106. rainbeau=document.createElement("span");
  107. rainbeau.setAttribute("id", "rain"+i);
  108. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  109. if (alink) {
  110. rainbeau.style.cursor="pointer";
  111. rainbeau.onclick=function() { top.location.href=alink; }
  112. }
  113. rainbow.appendChild(rainbeau);
  114. }
  115. rainbow=setInterval ("raining()", speed);
  116. }}
  117.  
  118. function raining() {
  119. var i, c;
  120. for (i=0; i<raintxt.length; i++) {
  121. c=raincol[(i+raincnt)%raincol.length];
  122. document.getElementById("rain"+i).style.color=c;
  123. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  124. }
  125. raincnt++;
  126. }
  127. // ]]>
  128. </script>
  129. <style>
  130. .font{
  131. font-family:'ROMANTIC';
  132. font-size:2.8em;
  133. }
  134. </style>
  135. <div class="font"><span id="rainbow">paradise</span></div>
  136.  
  137. <!-- fonts, animations and draggable containers -->
  138. <style>
  139. @font-face {
  140. font-family: 'canopee';
  141. src: url(https://dl.dropbox.com/s/r27k5svx5xr6tr2/Canopee.otf);
  142. }
  143. @font-face { font-family: Pixelated MS Sans Serif; src:url(https://dl.dropbox.com/s/xu4602qpm89emu1/ms-sans-serif.ttf); }
  144.  
  145. }
  146. @font-face { font-family:'ROMANTIC'; src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF); }
  147. </style>
  148. <style>
  149. #container01{
  150. position:absolute;
  151. width: 100%;
  152. top:-4%;
  153. z-index: -1;
  154. }
  155. @-webkit-keyframes scale-up-hor-left {
  156. 0% {
  157. -webkit-transform: scaleX(0.4);
  158. transform: scaleX(0.4);
  159. -webkit-transform-origin: 0% 0%;
  160. transform-origin: 0% 0%;
  161. }
  162. 100% {
  163. -webkit-transform: scaleX(1);
  164. transform: scaleX(1);
  165. -webkit-transform-origin: 0% 0%;
  166. transform-origin: 0% 0%;
  167. }
  168. }
  169. @keyframes scale-up-hor-left {
  170. 0% {
  171. -webkit-transform: scaleX(0.4);
  172. transform: scaleX(0.4);
  173. -webkit-transform-origin: 0% 0%;
  174. transform-origin: 0% 0%;
  175. }
  176. 100% {
  177. -webkit-transform: scaleX(1);
  178. transform: scaleX(1);
  179. -webkit-transform-origin: 0% 0%;
  180. transform-origin: 0% 0%;
  181. }
  182. } </style>
  183. <style>
  184. #text01 { animation: brrr 0.5s infinite; } @keyframes brrr { 0% { transform: rotate(-5deg); } 50% { transform: rotate(-5deg); } 51% { transform: rotate(-10deg); } 100% { transform: rotate(-10deg); } }
  185. </style>
  186. <style>
  187. ::-webkit-scrollbar{
  188. width: 0px;
  189. height: 0px;
  190. }
  191. ::-webkit-scrollbar-thumb{
  192. background: rgba(255, 255, 255,0);
  193. }
  194. ::-webkit-scrollbar-track{
  195. background: transparent;
  196. }
  197. </style>
  198. <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css"><link rel="stylesheet" href="/resources/demos/style.css"><script src="https://code.jquery.com/jquery-3.6.0.js"></script><script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script><script>
  199. $( function() {
  200. $( "#container05" ).draggable();
  201. } );
  202. </script><script>
  203. $( function() {
  204. $( "#container06" ).draggable();
  205. } );
  206. </script><script>
  207. $( function() {
  208. $( "#container07" ).draggable();
  209. } );
  210. </script>
  211.  
  212. <!-- butterfly bg -->
  213. <style> body{ background:radial-gradient(circle, rgba(255,255,255,1) 45%, rgba(237,237,237,1) 100%); } /* customizable snowflake styling */ .snowflake { color: #fff; font-size: 0.675em; font-family: Arial; text-shadow: 0 0 1px #000; z-index:-100; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:-99999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:https://proxy.everskies.com/a/https://proxy.everskies.com/a/2.5s,1s;animation-delay:https://proxy.everskies.com/a/https://proxy.everskies.com/a/2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,https://proxy.everskies.com/a/https://proxy.everskies.com/a/1.5s;animation-delay:3s,https://proxy.everskies.com/a/https://proxy.everskies.com/a/1.5s} /* Demo Purpose Only*/ .demo { font-family: 'Raleway', sans-serif; color:#fff; display: block; margin: 0 auto; padding: 15px 0; text-align: center; } .demo a{ font-family: 'Raleway', sans-serif; color: #000; } </style><div class="snowflakes"><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div><div class="snowflake"><img src="https://cdn.everskies.com/media/attachment/LgH5vxydH9Gk4DCrcwIy.png" width="50"></div>
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!