API tools faq
paste
dollcrds

cr anastasia pro-standard misc

dollcrds
May 31st, 2024 (edited)
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.58 KB | None | 0 0
raw download clone embed print report
  1. ---HOME TITLE CSS---
  2. <link rel="stylesheet" href="https://unpkg.com/98.css">
  3. <div class="window" style="box-shadow:inset -1px -0px #0a0a0a,inset 1px 1px #fff,inset -2px -0px #E8E8E8,inset 2px 2px #E8E8E8;">
  4. <div class="title-bar" style="background: linear-gradient(90deg, #1400FF, #fff);">
  5. <div class="title-bar-text" style="color: #fff;">
  6. lindley
  7. </div>
  8. <div class="title-bar-controls">
  9. <button aria-label="Minimize">
  10. </button><button aria-label="Maximize">
  11. </button><button aria-label="Close">
  12. </button></div></div></div>
  13.  
  14. ---SECTION TITLE CSS---
  15. <link rel="stylesheet" href="https://unpkg.com/98.css">
  16. <div class="window" style="box-shadow: inset -1px -0px #0a0a0a, inset 1px 1px #fff, inset -2px -0px grey, inset 2px 2px #dfdfdf;
  17. width: 32%;
  18. position: absolute;
  19. right: 2em;
  20. bottom: 22em;">
  21. <div class="title-bar" style="background: linear-gradient(90deg, #FF5252, #fff);">
  22. <div class="title-bar-text" style="color: #fff;">
  23. rules
  24. </div>
  25. <div class="title-bar-controls">
  26. <button aria-label="Minimize">
  27. </button><button aria-label="Maximize">
  28. </button><button aria-label="Close">
  29. </button></div></div></div>
  30.  
  31. ---SPINNING CD---
  32. <style>
  33. lol {
  34. }
  35.  
  36. .img1 { /* cd image u can change the size too */
  37. width: 6em;
  38. height: 6em;
  39. position: absolute;
  40. right: 1em;
  41. bottom: 2.75em;
  42. z-index: 800;
  43. -webkit-animation: spin 2s linear infinite;
  44. -webkit-animation:spin 4s linear infinite;
  45. -moz-animation:spin 4s linear infinite;
  46. animation:spin 4s linear infinite;
  47. }
  48. @-moz-keyframes spin {
  49. 100% { -moz-transform: rotate(360deg); }
  50. }
  51. @-webkit-keyframes spin {
  52. 100% { -webkit-transform: rotate(360deg); }
  53. }
  54. @keyframes spin {
  55. 100% {
  56. -webkit-transform: rotate(360deg);
  57. transform:rotate(360deg);
  58. }
  59. }
  60. .img1:hover { /* this makes the cd stop spinning when hovering! */
  61. -webkit-animation: pop 0.3s ease;
  62. }
  63. </style>
  64. <body>
  65. <div id="lol"><img class="img1" src="https://dl.dropbox.com/scl/fi/ifrwqgf1m4hmx18g63snn/download-6.png?rlkey=t3hui18ubzs6sliu9ulkw8z8n&st=tbdmggu0&dl=0.png" width="auto" height="45px"></div>
  66.  
  67. ---MUSIC PLAYER---
  68. <head>
  69. <link rel="preconnect" href="https://fonts.googleapis.com">
  70. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  71. <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap" rel="stylesheet">
  72.  
  73. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74.  
  75. <!-------MUSIC PLAYER BY GLENTHEMES------->
  76. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  77.  
  78. <script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script>
  79.  
  80. </head>
  81.  
  82. <style type="text/css">
  83.  
  84. @font-face {
  85. font-family: 'music';
  86. src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/LL_RECOR.TTF);
  87. }
  88.  
  89. @font-face {
  90. font-family: Pixelated MS Sans Serif;
  91. src:url(ms_sans_serif.woff) format("woff");
  92. src:url(ms_sans_serif.woff2) format("woff2");
  93. }
  94.  
  95. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  96. #glenplayer02 {
  97. position:relative;
  98. display:flex;
  99. background: #C2C2C2;
  100. padding: .2em;
  101. border: 3px solid;
  102. border-style: inset;
  103. margin: auto;
  104. margin-top: 0.5em;
  105. margin-bottom: 0.5em;
  106. width:auto;
  107. }
  108.  
  109. #glenplayer02 a {text-decoration:none;}
  110.  
  111. #glenplayer02 > div {
  112. align-self:center;
  113. -webkit-align-self:center;
  114. }
  115.  
  116. .music-controls {
  117. user-select:none;
  118. -webkit-user-select:none;
  119. width:13px;
  120. font-size:18px;
  121. cursor:pointer;
  122. font-family: 'music';
  123. }
  124.  
  125. .playy, .pausee {font-family: 'music'; font-size: 1.1em; color: #F38BC8; -webkit-text-stroke: 0.5px #000; margin-top: -0.2em; margin-bottom: 0.1em; } /* color of play & pause buttons */
  126.  
  127. .pausee {display:none;}
  128.  
  129. .sonata {
  130. margin-left:0.4em;
  131. font-family: Pixelated MS Sans Serif;
  132. font-size:0.75em;
  133. color:#000; /* color of music note symbol */
  134. }
  135.  
  136. .labeltext {
  137. margin-left:0.5em;
  138. position: relative;
  139. bottom:0.1em;
  140. font-size:14px;/* color of song title */
  141. font-family: Pixelated MS Sans Serif;
  142. }
  143.  
  144. </style>
  145. <body>
  146. <!-------MUSIC PLAYER BY GLENTHEMES------->
  147. <div id="glenplayer02">
  148. <div class="music-controls" onclick="songstart();">
  149. <div class="playy">d</div>
  150. <div class="pausee">k</div>
  151. </div>
  152. <div class="sonata">MP3 LOOP BY YVES </div>
  153. <div class="labeltext"><img src="https://64.media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"> <span style="font-family: 'music'; font-size: 1.1em; color: #F38BC8; -webkit-text-stroke: 0.5px #000; margin-top: -0.2em; margin-bottom: 0.1em; ">o</span></div>
  154. </div><!--end music player-->
  155.  
  156. <audio id="tune" src="https://dl.dropbox.com/scl/fi/ryv27buia89i299lifmhf/Yves-LOOP-feat.-Lil-Cherry.mp3?rlkey=tpo16drrildl7951w06przgkf&st=p2n7mc2i&dl=0.mp3"></audio>
  157. </body>
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!