API tools faq
paste
ukamori

yato ju mp codes

ukamori
Jul 10th, 2022 (edited)
1,596
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.74 KB | None | 0 0
raw download clone embed print report
  1. <!--- TEXT AND IMG CSS --->
  2. <style>
  3. #image01 {
  4. border: 4px double #ED95BF;
  5. }
  6.  
  7. #text01 {
  8. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  9. transform: rotate(-8deg);
  10. position: absolute;
  11. top: 1.75em;
  12. left: 5em;
  13. z-index: 99;
  14. }
  15.  
  16. #text02 {
  17. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  18. transform: rotate(8deg);
  19. position: absolute;
  20. top: 1.25em;
  21. left: 10.25em;
  22. z-index: 99;
  23. }
  24.  
  25. #text03 {
  26. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  27. transform: rotate(6deg);
  28. position: absolute;
  29. top: 2.5em;
  30. left: 10.25em;
  31. z-index: 99;
  32. }
  33.  
  34. #text04 {
  35. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  36. transform: rotate(-6deg);
  37. position: absolute;
  38. top: 2.75em;
  39. left: 6.75em;
  40. z-index: 99;
  41. }
  42.  
  43. #text05 {
  44. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  45. transform: rotate(2deg);
  46. position: absolute;
  47. top: 3.375em;
  48. left: 10.675em;
  49. z-index: 99;
  50. }
  51.  
  52. #text06 {
  53. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  54. transform: rotate(-4deg);
  55. position: absolute;
  56. top: 3.25em;
  57. left: 6.5em;
  58. z-index: 99;
  59. }
  60.  
  61. #text07 {
  62. height: 5.5em;
  63. overflow: auto;
  64. background: #e7f5ff;
  65. border: 1px dashed #68c2ff;
  66. padding: 4px;
  67. border-radius: 0.5em;
  68. }
  69. </style>
  70.  
  71. <!--- MOBILE TEXT CSS --->
  72. <style>
  73. @media only screen and (max-width: 600px) {
  74. #text01 {
  75. top: 1.75em;
  76. left: -3em;
  77. }
  78. #text02 {
  79. top: 1.25em;
  80. left: 0.25em;
  81. }
  82. #text03 {
  83. top: 2.675em;
  84. left: -1em;
  85. }
  86. #text04 {
  87. top: 2.875em;
  88. left: -4.875em;
  89. }
  90. #text05 {
  91. top: 3.5em;
  92. left: -1.25em;
  93. }
  94. #text06 {
  95. top: 3.5em;
  96. left: -4.25em;
  97. }
  98. }
  99. </style>
  100.  
  101. <!--- MUSIC PLAYER --->
  102. <head>
  103. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  104. <link href="//fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
  105.  
  106. <script src="https://static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  107.  
  108. <!-------MUSIC PLAYER BY GLENTHEMES------->
  109. <script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
  110. <style type="text/css">
  111. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  112. :root {
  113. --Music-Player-Vinyl:#50b8ff;
  114. --Vinyl-Icon-Size:17px;
  115. --Vinyl-Spin-Speed:3.5s;
  116. --Music-Controls:#50b8ff;
  117. --Music-Controls-Size:12px;
  118. --Music-Title-Font-Size:11px;
  119. --Music-Title-Color:#50b8ff;
  120. }
  121. .glenjams-06 {
  122. display:none;
  123. position:relative;
  124. bottom:0;margin-bottom:3px;
  125. left:0;margin-left:3px;
  126. z-index:99;
  127. }
  128.  
  129. .pasta {
  130. display:flex;
  131. align-items:center;
  132. }
  133.  
  134. .vinyl-spin {
  135. animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  136. -webkit-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  137. -moz-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  138. -o-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  139. }
  140.  
  141. .vinyl-pause {
  142. animation-play-state:paused;
  143. -webkit-animation-play-state:paused;
  144. -moz-animation-play-state:paused;
  145. -o-animation-play-state:paused;
  146. }
  147.  
  148. @-webkit-keyframes recordspin {
  149. from {
  150. -webkit-transform:rotate(0deg);
  151. -o-transform:rotate(0deg);
  152. transform:rotate(0deg);
  153. }
  154. to {
  155. -webkit-transform:rotate(360deg);
  156. -o-transform:rotate(360deg);
  157. transform:rotate(360deg);
  158. }
  159. }
  160.  
  161. @keyframes recordspin {
  162. from {
  163. -ms-transform:rotate(0deg);
  164. -moz-transform:rotate(0deg);
  165. -webkit-transform:rotate(0deg);
  166. -o-transform:rotate(0deg);
  167. transform:rotate(0deg);
  168. }
  169. to {
  170. -ms-transform:rotate(360deg);
  171. -moz-transform:rotate(360deg);
  172. -webkit-transform:rotate(360deg);
  173. -o-transform:rotate(360deg);
  174. transform:rotate(360deg);
  175. }
  176. }
  177.  
  178. .vinyl, .vinyl svg {
  179. width:var(--Vinyl-Icon-Size);
  180. height:var(--Vinyl-Icon-Size);
  181. }
  182.  
  183. .music-controls {
  184. margin-left:10px;
  185. width:var(--Music-Controls-Size);
  186. overflow:hidden;
  187. cursor:pointer;
  188. }
  189.  
  190. .music-controls svg {
  191. width:var(--Music-Controls-Size);
  192. height:var(--Music-Controls-Size);
  193. color:var(--Music-Controls);
  194. stroke-width:1.5px;
  195. }
  196.  
  197. .pausee {display:none;}
  198.  
  199. .beff {display:none;}
  200. .aff {display:block;}
  201.  
  202. .music-title {
  203. margin-left:8px;
  204. font-family:work sans;
  205. font-size:var(--Music-Title-Font-Size);
  206. color:var(--Music-Title-Color);
  207. }
  208. </style>
  209. <body>
  210. <!-------MUSIC PLAYER BY GLENTHEMES------->
  211. <div class="glenjams-06">
  212. <div class="pasta">
  213. <div class="vinyl"></div>
  214. <div class="music-controls">
  215. <div class="playy"><i data-feather="play"></i></div>
  216. <div class="pausee"><i data-feather="pause"></i></div>
  217. </div>
  218. <div class="music-title">안아줘 (pit-a-pet)</div>
  219.  
  220. <audio id="audio" src="https://cdn.discordapp.com/attachments/916511538410569829/925191373525749790/YUKIKA_-_07._pit-a-pet_Official_Audio.mp3" type="audio"></audio>
  221. </div><!--pasta-->
  222. </div><!--glenjams-06-->
  223. <!----end music player---->
  224. <script>feather.replace()</script>
  225. <audio id="audio" src="https://cdn.discordapp.com/attachments/900670626774265886/900968992708100106/Moonlit_Night.mp3" type="audio"></audio>
  226. </body>
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!