API tools faq
paste
Advertisement
nomskoo

0913 crd co - plus

nomskoo
Aug 2nd, 2024 (edited)
438
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.35 KB | None | 0 0
raw download clone embed print report
  1. haiii and welcome to the pastebin for 0913 crd co :] as always all positions have been set to best fit my personal devices so you may have to change some positions! if you have any questions about this crd / pastebin you can dm me @ crrdcore or send me a retrospring @ soobinzz! and please credit dollbahi if you remake :3
  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: Chemre;
  12. src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
  13. }
  14.  
  15. @font-face {
  16. font-family: dreams;
  17. src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
  18. }
  19.  
  20. @font-face {
  21. font-family: aespa;
  22. src: url(https://dl.dropbox.com/s/gy2yvbau2ieeeng/aespa_Regular.ttf);
  23. }
  24.  
  25. #text04 a {
  26. display: inline-block;
  27. transition: .2s ease;
  28. }
  29.  
  30. #text04 a:hover {
  31. transform: translateY(-20%);
  32. }
  33.  
  34. #embed02 {
  35. transform: rotate(-11rad);
  36. position: absolute;
  37. bottom: 7.5em;
  38. left: 11.3em;
  39. }
  40.  
  41. @media only screen and (max-width: 600px) {
  42. #embed02 {
  43. left: 10.8em;
  44. }
  45. }
  46.  
  47. #float {
  48. animation-name: floating;
  49. animation-duration: 3s;
  50. animation-iteration-count: infinite;
  51. animation-timing-function: ease-in-out;
  52. z-index: 999;
  53. }
  54.  
  55. @keyframes floating {
  56. 0% { transform: translate(0, 0px); }
  57. 50% { transform: translate(0, 15px); }
  58. 100% { transform: translate(0, -0px); }
  59. }
  60.  
  61. ::-moz-selection { /* EDIT THIS ONE TOO */
  62. color: #5E5E5E;
  63. background: #CFCFCF;
  64. }
  65.  
  66. ::selection {
  67. color: #5E5E5E;
  68. background: #CFCFCF;
  69. }
  70. </style>
  71.  
  72. <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-7/cur686.cur), auto !important;}</style>
  73.  
  74. <style>
  75. ::-webkit-scrollbar {
  76. width: 13px;
  77. height: 10px;
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb {
  81. background: linear-gradient(90deg, rgba(238,238,238,1) 38%, rgba(206,206,206,1) 62%);
  82. border: 1.5px solid #888888;
  83. border-radius: 5px;
  84. }
  85.  
  86. ::-webkit-scrollbar-track {
  87. background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
  88. }
  89.  
  90. ::-webkit-scrollbar-button {
  91. display: block;
  92. width: 14px;
  93. height: 16px;
  94. }
  95.  
  96. ::-webkit-scrollbar-button:vertical:start:decrement {
  97. background: white;
  98. box-shadow: inset 0 7px 5px -7px white, inset 7px 0 5px -7px gray, inset -7px 0 5px -7px gray, inset 0 -7px 5px -7px gray;
  99. border: 1.5px solid #888888;
  100. border-radius: 5px;
  101. }
  102.  
  103. ::-webkit-scrollbar-button:vertical:start:increment {
  104. display: none;
  105. }
  106.  
  107. ::-webkit-scrollbar-button:vertical:end:decrement {
  108. display: none;
  109. }
  110.  
  111. ::-webkit-scrollbar-button:vertical:end:increment {
  112. background: white;
  113. box-shadow: inset 0 7px 5px -7px white, inset 7px 0 5px -7px gray, inset -7px 0 5px -7px gray, inset 0 -7px 5px -7px gray;
  114. border: 1.5px solid #888888;
  115. border-radius: 5px;
  116. }
  117. </style>
  118.  
  119. <html>
  120. <body oncontextmenu="return false;">
  121. </html>
  122. <script>
  123. document.onkeydown = function(e) {
  124. if(event.keyCode == 123) {
  125. return false;
  126. }
  127. if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
  128. return false;
  129. }
  130. if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
  131. return false;
  132. }
  133. if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
  134. return false;
  135. }
  136. if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){
  137. return false;
  138. }
  139. }
  140. </script>
  141.  
  142. --- HYUNSUK TEXT ---
  143. font-family: windows;
  144. position: absolute;
  145. z-index: 1;
  146.  
  147. --- HYUNSUK TEXT MOBILE ---
  148. position: absolute;
  149. bottom: 13.6em;
  150. left: -11.7em;
  151.  
  152. --- HYUNSUK PNG CONTAINER ---
  153. width: 9em;
  154. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff;
  155. position: absolute;
  156. bottom: -1.4em;
  157. left: 1em;
  158. z-index: 1;
  159.  
  160. --- HYUNSUK IMG CONTAINER ---
  161. width: 9em;
  162. position: absolute;
  163. bottom: -12em;
  164. left: 1em;
  165. z-index: 1;
  166.  
  167. --- FLOATING HYUNSUK IMG ---
  168. position: absolute;
  169. bottom: -1.5em;
  170. left: -2.9em;
  171. -webkit-filter: drop-shadow(1px 2px 3px #545454);
  172. z-index: 999;
  173.  
  174. --- MAINPAGE CONTAINER ---
  175. width: 4.5em;
  176. height: 1.5em;
  177. border-radius: 0px 0px 5px 5px;
  178. box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px -10px 6px -10px rgb(66 66 66 / 38%);
  179. position: absolute;
  180. bottom: 6.5em;
  181. left: 3.1em;
  182.  
  183. --- CIRCLE CONTAINER ---
  184. width: 4.5em;
  185. height: 4.5em;
  186. border-radius: 100px;
  187. position: absolute;
  188. bottom: 6.6em;
  189. left: 8em;
  190. z-index: 2;
  191.  
  192. --- 0708 NET CONTAINER ---
  193. width: 10em;
  194. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff;
  195. position: absolute;
  196. bottom: 4.7em;
  197. left: 2.5em;
  198.  
  199. --- 0708 BUTTON ---
  200. font-family: windows;
  201. border: 1px solid #C9C9C9;
  202.  
  203. --- LINKS CONTAINER ---
  204. width: 10em;
  205. height: 4.6em;
  206. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  207. position: absolute;
  208. bottom: 0.1em;
  209. left: 2.5em;
  210.  
  211. --- LINKS TEXT ---
  212. font-family: windows;
  213. height: 4.6em;
  214. background: #FFFFFFA1;
  215. padding-left: 2px;
  216. padding-top: 5px;
  217. border-radius: 5px;
  218. overflow-y: scroll;
  219.  
  220. --- LINKS TEXT BOLD ---
  221. font-family: Chemre;
  222. font-size: 1.2em;
  223.  
  224. --- LINKS TEXT HIGHLIGHT ---
  225. font-family: dreams;
  226.  
  227. --- NAVIGATION CONTAINER ---
  228. width: 3.5em;
  229. height: 10em;
  230. border-radius: 5px 5px 5px 50px;
  231. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  232. position: absolute;
  233. bottom: 10em;
  234. left: 10.5em;
  235.  
  236. --- MOBILE NAVIGATION CONTAINER ---
  237. height: 9.8em;
  238. bottom: 10.2em;
  239.  
  240. --- NAVIGATION TEXT ---
  241. font-family: Chemre;
  242. -webkit-filter: drop-shadow(1px 2px 1px #424242);
  243.  
  244. --- ABOUT CONTAINER ---
  245. width: 10em;
  246. height: 8.3em;
  247. border-radius: 5px;
  248. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  249. position: absolute;
  250. bottom: 11.7em;
  251. left: 14.3em;
  252. z-index: 1;
  253.  
  254. --- NAME TEXT ---
  255. font-family: Chemre;
  256. -webkit-filter: drop-shadow(1px 2px 1px #424242);
  257.  
  258. --- ABOUT INFO TEXT ---
  259. font-family: windows;
  260. padding: 5px;
  261. background: #FFFFFFA1;
  262. border-radius: 5px;
  263.  
  264. --- TUNES ---
  265. <head>
  266. <script src="https://kit.fontawesome.com/77e60dd6da.js" crossorigin="anonymous"></script>
  267. </head>
  268.  
  269. <head>
  270. <link rel="preconnect" href="https://fonts.googleapis.com">
  271. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  272. <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
  273. </head>
  274.  
  275. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  276.  
  277. <!-------MUSIC PLAYER BY GLENTHEMES------->
  278. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  279.  
  280. <style type="text/css">
  281. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  282. #glenplayer02 {
  283. position:relative;#container02;
  284. bottom:0;
  285. margin-bottom:0;
  286. left:0;
  287. margin-left:0;
  288. display:flex;
  289. z-index:99;}
  290. #glenplayer02 a {
  291. text-decoration:none;
  292. }
  293.  
  294. #glenplayer02 > div {
  295. align-self:center;
  296. -webkit-align-self:center;
  297. }
  298.  
  299. .music-controls {
  300. user-select:none;
  301. -webkit-user-select:none;
  302. width:25px;
  303. font-size:20px;
  304. cursor:pointer;
  305. }
  306.  
  307. .playy, .pausee {
  308. background: rgb(255,255,255);
  309. background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%);
  310. -webkit-background-clip: text;
  311. -webkit-text-fill-color: transparent;
  312. font-size:16px;
  313. margin-left:4px;
  314. -webkit-text-stroke: 0.6px #666A7B;
  315. } /* color of play & pause buttons */
  316.  
  317. .pausee {
  318. display:none;
  319. }
  320.  
  321. .label text {
  322. margin-bottom:0;
  323. margin-left:0px;
  324. font-family:vt323;
  325. font-size:8px;
  326. color:#222; /* color of song title */
  327. }
  328.  
  329. </style>
  330. <body>
  331. <!-------MUSIC PLAYER BY GLENTHEMES------->
  332. <div id="glenplayer02">
  333. <div class="music-controls" onclick="songstart();">
  334. <div class="playy"><i class="fas fa-play"></i></div>
  335. <div class="pausee"><i class="fas fa-pause"></i></div>
  336. </div>
  337. <div class="labeltext"><img src="https://64.media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"></div>
  338. </div><!--end music player-->
  339.  
  340. <audio id="tune" src="https://dl.dropbox.com/scl/fi/hc26skzh7u67v1zxd7bhf/02.-IVE-Accendio.mp3?rlkey=uw2m0lrk9mdlek41bgq9acaup&st=i0zaogsv&dl=0"></audio>
  341.  
  342. --- GALLERY CONTAINER ---
  343. width: 3em;
  344. position: absolute;
  345. bottom: -0.1em;
  346. left: 11.9em;
  347. z-index: 2;
  348.  
  349. --- DOLLBAHI CREDIT ---
  350. font-family: windows;
  351. position: absolute;
  352. bottom: -1.5em;
  353. left: 3em;
  354. z-index: 999;
  355.  
  356. --- WOBBLE ---
  357. <style>
  358. @font-face {
  359. font-family: Chemre;
  360. src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
  361. }
  362.  
  363. #wobble {
  364. font-family: Chemre;
  365. }
  366. </style>
  367.  
  368. <script type="text/javascript">
  369. // <![CDATA[
  370. var speed=100; // speed of wobbling, lower is faster
  371. var height=3; // height of wobbling in pixels
  372. var alink=""; // page to link text to (set to ="" for no link)
  373.  
  374. /****************************
  375. * Wobbly Text Effect *
  376. *(c) 2003-6 mf2fm web-design*
  377. * http://www.mf2fm.com/rv *
  378. * DON'T EDIT BELOW THIS BOX *
  379. ****************************/
  380. var wobtxt, wobble, wobcnt=0;
  381. window.onload=function() { if (document.getElementById) {
  382. var i, wobli;
  383. wobble=document.getElementById("wobble");
  384. wobtxt=wobble.firstChild.nodeValue;
  385. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  386. for (i=0; i<wobtxt.length; i++) {
  387. wobli=document.createElement("span");
  388. wobli.setAttribute("id", "wobb"+i);
  389. wobli.style.position="relative";
  390. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  391. if (alink) {
  392. wobli.style.cursor="pointer";
  393. wobli.onclick=function() { top.location.href=alink; }
  394. }
  395. wobble.appendChild(wobli);
  396. }
  397. setInterval("wobbler()", speed);
  398. }}
  399.  
  400. function wobbler() {
  401. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  402. wobcnt++;
  403. }
  404. // ]]>
  405. </script>
  406.  
  407. --- INFO CONTAINERS ---
  408. width: 10em;
  409. height: 11.3em;
  410. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  411. position: absolute;
  412. bottom: 0em;
  413. left: 14.3em;
  414. z-index: 2;
  415.  
  416. --- TITLE TEXT ---
  417. font-family: Chemre;
  418. -webkit-filter: drop-shadow(1px 2px 1px #424242);
  419.  
  420. --- INFO TEXT ---
  421. font-family: windows;
  422. height: 8.7em;
  423. padding: 5px;
  424. background: #FFFFFFA1;
  425. border-radius: 5px;
  426. overflow-y: scroll;
  427.  
  428. --- INFO TEXT BOLD ---
  429. font-family: aespa;
  430. font-size: 1.1em;
  431.  
  432. --- INFO TEXT HIGHLIGHT ---
  433. font-family: dreams;
  434.  
  435. --- 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!