API tools faq
paste
omelet

cinnamonroll uwu ai codes (pro standard ver.)

omelet
Apr 14th, 2022 (edited)
1,239
-1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.77 KB | None | 0 1
raw download clone embed print report
  1. notes: please cr blogger99 when you make this crd!!! this is the pro standard version codes :) these codes are not in order !!
  2.  
  3. ---- fonts ----
  4. <style>
  5. @font-face {
  6. font-family: billo;
  7. src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
  8. }
  9. </style>
  10.  
  11. ---- name ----
  12. <style>
  13. #text01 {
  14. font-family: billo;
  15. text-shadow: -1px 0 #6AA2CC, 0 1px #6AA2CC, 1px 0 #6AA2CC, 0 -1px #6AA2CC, 0 0;
  16. }
  17. </style>
  18.  
  19. ---- image ----
  20. <style>
  21. #image01 {
  22. position: absolute;
  23. z-index: 9999;
  24. right: -1em;
  25. bottom: -1.5em;
  26. </style>
  27.  
  28. (you might need to adjust the right and bottom for your crd)
  29.  
  30. ---- index mark ----
  31. <style>
  32. mark {
  33. background: rgb(219, 240, 255);
  34. background: radial-gradient(circle, rgb(219, 240, 255) 55%, rgb(162, 204, 235) 100%);
  35. border-radius:7px;
  36. border: 1px solid #97CEF7;
  37. padding: .06em .3em .01em .3em;
  38. color: #FFF;
  39. font-size:1em;
  40.  
  41. -webkit-text-fill-color: white;
  42. -webkit-text-stroke-width: .66px;
  43. font-family: Archivo;
  44. </style>
  45.  
  46. ---- transition ----
  47. <style>
  48. a { transition: .4s; }
  49. a:hover { letter-spacing: 2px; }
  50. </style>
  51.  
  52. ---- about you info text ----
  53. <style>
  54. #text02 {
  55. width: 100%;
  56. margin: auto;
  57. padding: .4em;
  58. position: left;
  59. background: #FFFFFF;
  60. border-radius: 4px;
  61. font-color: #000;
  62. </style>
  63.  
  64. ---- likes and links text ----
  65. <style>
  66. #text03 {
  67. width: 100%;
  68. margin: auto;
  69. padding: .4em;
  70. position: left;
  71. background: #FFFFFF;
  72. border-radius: 4px;
  73. font-color: #000;
  74. }
  75. #text04 {
  76. width: 100%;
  77. margin: auto;
  78. padding: .4em;
  79. position: left;
  80. background: #FFFFFF;
  81. border-radius: 4px;
  82. font-color: #000;
  83. </style>
  84.  
  85. ---- byf & dfi text ----
  86. <style>
  87. #text05 {
  88. width: 100%;
  89. margin: auto;
  90. padding: .4em;
  91. position: left;
  92. background: #FFFFFF;
  93. border-radius: 4px;
  94. font-color: #000;
  95. height: 5em;
  96. overflow: auto;
  97. }
  98. #text06 {
  99. width: 100%;
  100. margin: auto;
  101. padding: .4em;
  102. position: left;
  103. background: #FFFFFF;
  104. border-radius: 4px;
  105. font-color: #000;
  106. height: 5em;
  107. overflow: auto;
  108. }
  109. </style>
  110.  
  111. ---- kpop/interest text ----
  112. <style>
  113. #text07 {
  114. width: 100%;
  115. margin: auto;
  116. padding: .4em;
  117. position: left;
  118. background: #FFFFFF;
  119. border-radius: 4px;
  120. font-color: #000;
  121. }
  122. </style>
  123.  
  124. ---- music player ----
  125. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  126.  
  127. <!-------MUSIC PLAYER BY GLENTHEMES------->
  128. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  129.  
  130. <style type="text/css">
  131. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  132. #glenplayer02 {
  133. position:relative;
  134. top:3px;
  135. left:1px;
  136. width:150px
  137. ;z-index:5
  138. }
  139. #glenplayer02 a {text-decoration:none;}
  140.  
  141. #glenplayer02 > div {
  142. align-self:center;
  143. -webkit-align-self:center;
  144. }
  145.  
  146. .music-controls {
  147. user-select:none;
  148. -webkit-user-select:none;
  149. width:13px;
  150. font-size:13px;
  151. cursor:pointer;
  152. }
  153.  
  154. .playy, .pausee {color:#97CEF7;} /* color of play & pause buttons */
  155.  
  156. .pausee {display:none;}
  157.  
  158. .sonata {
  159. margin-left:10px;
  160. color:#FFCFDD; /* color of music note symbol */
  161. }
  162.  
  163. .labeltext {
  164. position:relative;
  165. top:0px;
  166. left:1px;
  167. margin-left:0px;
  168. font-family:courier new;
  169. font-size:9px;
  170. color:#000; /* color of song title */
  171. }
  172.  
  173. </style>
  174. <body>
  175. <!-------MUSIC PLAYER BY GLENTHEMES------->
  176. <div id="glenplayer02">
  177. <div class="music-controls" onclick="songstart();">
  178. <div class="playy">►</div>
  179. <div class="pausee">❚❚</div>
  180. </div>
  181. <div class="sonata"> </div>
  182. </div><!--end music player-->
  183.  
  184. <audio id="tune" src="https://drive.google.com/uc?export=download&id=1w_GUyvPEEwIvmggJi1qSpvrR6W80ISJg"audio></audio>
  185. </body>
  186.  
  187. <div class="labeltext"></div>
  188.  
  189. ---- bubble background ----
  190. <script type="text/javascript">
  191. // <![CDATA[
  192. var colours=new Array("#ffffff", "#E6F4FF", "#CCE9FF", "#DBF0FF", "#97CEF7"); // colours for top, right, bottom and left borders and background of bubbles
  193. var bubbles=66; // how many bubbles are moving at any given time
  194. var over_or_under="over"; // set to "over" for bubbles to always be on top, or "under" to allow them to float behind other objects
  195.  
  196. /****************************
  197. * JavaScript Bubble Bath *
  198. *(c)2010-13 mf2fm web-design*
  199. * http://www.mf2fm.com/rv *
  200. * DON'T EDIT BELOW THIS BOX *
  201. ****************************/
  202.  
  203. var swide=800;
  204. var shigh=600;
  205. var bubb=new Array();
  206. var bubbx=new Array();
  207. var bubby=new Array();
  208. var bubbs=new Array();
  209. var boddie;
  210. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  211.  
  212. function addLoadEvent(funky) {
  213. var oldonload=window.onload;
  214. if (typeof(oldonload)!='function') window.onload=funky;
  215. else window.onload=function() {
  216. if (oldonload) oldonload();
  217. funky();
  218. }
  219. }
  220.  
  221. addLoadEvent(bubba);
  222.  
  223. function bubba() { if (document.getElementById) {
  224. var i, rats, div;
  225. boddie=document.createElement("div");
  226. boddie.style.position="fixed";
  227. boddie.style.top="0px";
  228. boddie.style.left="0px";
  229. boddie.style.overflow="visible";
  230. boddie.style.width="1px";
  231. boddie.style.height="1px";
  232. boddie.style.backgroundColor="transparent";
  233. boddie.style.zIndex="0";
  234. document.body.appendChild(boddie);
  235. set_width();
  236. for (i=0; i<bubbles; i++) {
  237. rats=createDiv("3px", "3px");
  238.  
  239. div=createDiv("auto", "auto");
  240. rats.appendChild(div);
  241. div=div.style;
  242. div.top="1px";
  243. div.left="0px";
  244. div.bottom="1px";
  245. div.right="0px";
  246. div.borderLeft="1px solid "+colours[3];
  247. div.borderRight="1px solid "+colours[1];
  248.  
  249. div=createDiv("auto", "auto");
  250. rats.appendChild(div);
  251. div=div.style;
  252. div.top="0px";
  253. div.left="1px";
  254. div.right="1px";
  255. div.bottom="0px"
  256. div.borderTop="1px solid "+colours[0];
  257. div.borderBottom="1px solid "+colours[2];
  258.  
  259. div=createDiv("auto", "auto");
  260. rats.appendChild(div);
  261. div=div.style;
  262. div.left="1px";
  263. div.right="1px";
  264. div.bottom="1px";
  265. div.top="1px";
  266. div.backgroundColor=colours[4];
  267. if (ie_version && ie_version<10) div.filter="alpha(opacity=50)";
  268. else div.opacity=0.5;
  269.  
  270. boddie.appendChild(rats);
  271. bubb[i]=rats.style;
  272. bubb[i].zIndex=(over_or_under=="over")?"1001":"0";
  273. }
  274. bubble();
  275. }}
  276.  
  277. function bubble() {
  278. var c;
  279. for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) {
  280. bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px";
  281. bubb[c].top=(bubby[c]=shigh)+"px";
  282. bubb[c].width="3px";
  283. bubb[c].height="3px"
  284. bubb[c].visibility="visible";
  285. bubbs[c]=3;
  286. break;
  287. }
  288. for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
  289. setTimeout("bubble()", 40);
  290. }
  291.  
  292. function update_bubb(i) {
  293. if (bubby[i]) {
  294. bubby[i]-=bubbs[i]/2+i%2;
  295. bubbx[i]+=(i%5-2)/5;
  296. if (bubby[i]>0 && bubbx[i]>0 && bubbx[i]<swide) {
  297. if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
  298. bubb[i].width=bubbs[i]+"px";
  299. bubb[i].height=bubbs[i]+"px";
  300. }
  301. bubb[i].top=bubby[i]+"px";
  302. bubb[i].left=bubbx[i]+"px";
  303. }
  304. else {
  305. bubb[i].visibility="hidden";
  306. bubby[i]=0;
  307. return;
  308. }
  309. }
  310. }
  311.  
  312. window.onresize=set_width;
  313. function set_width() {
  314. var sw_min=999999;
  315. var sh_min=999999;
  316. if (document.documentElement && document.documentElement.clientWidth) {
  317. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  318. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  319. }
  320. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  321. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  322. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  323. }
  324. if (document.body.clientWidth) {
  325. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  326. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  327. }
  328. if (sw_min==999999 || sh_min==999999) {
  329. sw_min=800;
  330. sh_min=600;
  331. }
  332. swide=sw_min;
  333. shigh=sh_min;
  334. }
  335.  
  336. function createDiv(height, width) {
  337. var div=document.createElement("div");
  338. div.style.position="absolute";
  339. div.style.height=height;
  340. div.style.width=width;
  341. div.style.overflow="hidden";
  342. div.style.backgroundColor="transparent";
  343. return (div);
  344. }
  345. // ]]>
  346. </script>
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!