API tools faq
paste
Advertisement
nomskoo

cr elroseria ib ricecodes - plus

nomskoo
Sep 6th, 2024 (edited)
229
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.01 KB | None | 0 0
raw download clone embed print report
  1. haiii if you have any questions about this pastebin / this carrd you can dm me @ crrdcore / send me a retrospring @ soobinzz!! all positions have been set to fit my personal devices best so you might have to edit them to fit your devices! and if you rm this crd pls credit elroseria / ricecodes!!
  2.  
  3. --- CODES ---
  4. <style>
  5. @font-face {
  6. font-family: windows;
  7. src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
  8. }
  9.  
  10. @font-face {
  11. font-family: dreams;
  12. src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
  13. }
  14.  
  15. #container03:hover {
  16. z-index: 6;
  17. }
  18.  
  19. #scroll {
  20. }
  21. .scroll {
  22. }
  23. /* width */
  24. ::-webkit-scrollbar {
  25. width: 4px;
  26. height: 4px;
  27. }
  28. /* Track */
  29. ::-webkit-scrollbar-track {
  30. border-radius: 8px;
  31. background: #181728;
  32. opacity: 0.5;
  33. }
  34. /* Handle */
  35. ::-webkit-scrollbar-thumb {
  36. background: #ffd9ed;
  37. border-radius: 8px;
  38. opacity: 1.0;
  39. }
  40. /* Handle on hover */
  41. ::-webkit-scrollbar-thumb:hover {
  42. background: #ffd9ed;
  43. opacity: 1.0;
  44. }
  45. </style>
  46.  
  47. <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  48. <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
  49. <script>
  50. $( function() {
  51. $( "#container02" ).draggable();
  52. $( "#container03" ).draggable();
  53. $( "#container04" ).draggable();
  54. $( "#container05" ).draggable();
  55. $( "#container06" ).draggable();
  56. $( "#container07" ).draggable();
  57. } );
  58. </script>
  59.  
  60. --- BASE CONTAINER ---
  61. width: 20em;
  62. height: 21em;
  63. border-radius: 20px;
  64.  
  65. --- MUSIC PLAYER ---
  66. <head>
  67. <script src="https://kit.fontawesome.com/1953b7c367.js" crossorigin="anonymous"></script>
  68. </head>
  69.  
  70. <style>
  71. #music-player {
  72. display: flex;
  73. align-items: center;
  74. justify-content: center;
  75. }
  76. #music-player {
  77. height: 1.7em;
  78. width: 1.7em;
  79. font-size: 1.5em;
  80. padding: 7px;
  81. border-radius: 50%;
  82. border: 1px solid #f5dae7;
  83. background: rgba(43,44,65,0.9);
  84. position: absolute;
  85. left: 310px;
  86. top: -13px;
  87. z-index: 40;
  88. -webkit-animation: spin 2s linear infinite;
  89. -webkit-animation:spin 4s linear infinite;
  90. -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite;
  91. }
  92. @-moz-keyframes spin {
  93. 100% {
  94. -moz-transform: rotate(360deg);
  95. }
  96.  
  97. } @-webkit-keyframes spin {
  98. 100% {
  99. -webkit-transform: rotate(360deg);
  100. }
  101. }
  102. @keyframes spin {
  103. 100% {
  104. -webkit-transform: rotate(360deg);
  105. transform:rotate(360deg);
  106. }
  107. }
  108. #music-player:hover {
  109. -webkit-animation: pop 0.3s ease;
  110. }
  111.  
  112. @media only screen and (max-width: 600px) {
  113. #music-player {
  114. position: absolute;
  115. left: 270px;
  116. top: -13px;
  117. }
  118. }
  119. </style>
  120.  
  121. <div id="music-player"><i class="fa-solid fa-headphones"style="font-size:0.8em; color:#fff;-webkit-text-stroke: 0.5px #e0b8ff;"></i></div>
  122. <audio id="audio" src="https://dl.dropbox.com/s/l2impfql42ku4fu/iz%20one%20dreamlike.mp3?dl=0"></audio>
  123.  
  124. <script>
  125. document.getElementById("music-player").onclick = function() {
  126. var audio = document.getElementById("audio");
  127. if (audio.paused) audio.play();
  128. else audio.pause();
  129. };
  130. </script>
  131.  
  132. --- LEFT CONTAINER ---
  133. width: 16em;
  134. height: 18em;
  135. border-radius: 10px;
  136. position: absolute;
  137. bottom: 4em;
  138. left: -0.5em;
  139.  
  140. --- IMG TEXT ---
  141. font-family: windows;
  142. letter-spacing: 1px;
  143. position: absolute;
  144. top: 0.3em;
  145. left: 6.5em;
  146. z-index: 999;
  147.  
  148. --- IMG TEXT MOBILE ---
  149. top: 0.5em;
  150. left: 0em;
  151.  
  152. --- NAVIGATION CONTAINER ---
  153. width: 11em;
  154. height: 8.5em;
  155. border-radius: 10px;
  156. position: absolute;
  157. bottom: 2.5em;
  158. left: 2em;
  159.  
  160. --- NAVIGATION TEXT ---
  161. font-family: windows;
  162. letter-spacing: 1px;
  163. position: absolute;
  164. top: 0.3em;
  165. left: 3.67em;
  166. z-index: 999;
  167.  
  168. --- NAVIGATION TEXT MOBILE ---
  169. top: 0.5em;
  170. left: 0em;
  171.  
  172. --- DIVIDER ---
  173. position: relative;
  174. bottom: 0.5em;
  175.  
  176. --- NAVIGATION BUTTONS ---
  177. font-family: windows;
  178. position: relative;
  179. bottom: 1.3em;
  180.  
  181. --- NAVIGATION BUTTONS MOBILE ---
  182. bottom: 1.1em;
  183.  
  184. --- RIGHT CONTAINER ---
  185. width: 13.8em;
  186. height: 18em;
  187. border-radius: 10px;
  188. position: absolute;
  189. bottom: 0.8em;
  190. left: 9em;
  191.  
  192. --- PROFILE TEXT ---
  193. font-family: windows;
  194. letter-spacing: 1px;
  195. position: absolute;
  196. top: 0.3em;
  197. left: 5em;
  198. z-index: 999;
  199.  
  200. --- PROFILE TEXT MOBILE ---
  201. top: 0.5em;
  202. left: 0em;
  203.  
  204. --- HIYYIH IMG ---
  205. border-radius: 0px 0px 0px 0px;
  206.  
  207. --- USERNAME TEXT ---
  208. font-family: windows;
  209. letter-spacing: 1.5px;
  210.  
  211. --- DIVIDER ---
  212. position: relative;
  213. bottom: 0.3em;
  214.  
  215. --- INFO TEXT ---
  216. font-family: windows;
  217. height: 5.1em;
  218. letter-spacing: 1px;
  219. padding-bottom: 5px;
  220. position: relative;
  221. bottom: 0.8em;
  222. overflow-y: scroll;
  223.  
  224. --- INFO TEXT HIGHLIGHT ---
  225. background: #404D66;
  226. padding-left: 7px;
  227. padding-right: 7px;
  228. border-radius: 10px;
  229.  
  230. --- GUIDELINES, LOVE ZONE, & CONTACTS CONTAINERS ---
  231. width: 11em;
  232. height: 8em;
  233. border-radius: 10px;
  234. position: absolute;
  235. bottom: 11.5em;
  236. left: -1.3em;
  237.  
  238. --- GUIDELINES, LOVE ZONE, & CONTACTS TEXT ---
  239. font-family: windows;
  240.  
  241. --- DIVIDER ---
  242. position: relative;
  243. bottom: 0.5em;
  244.  
  245. --- INFO TEXTS ---
  246. font-family: windows;
  247. height: 6em;
  248. letter-spacing: 1px;
  249. padding-bottom: 5px;
  250. position: relative;
  251. bottom: 0.8em;
  252. overflow-y: scroll;
  253.  
  254. --- INFO TEXT HIGHLIGHTS ---
  255. background: #404D66;
  256. padding-left: 7px;
  257. padding-right: 7px;
  258. border-radius: 10px;
  259.  
  260. --- END ---
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!