Advertisement
Guest User

code catboysimp

a guest
Dec 5th, 2020
293
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2. font-family: Comic Sans MS;
  3. color:pink;
  4.  
  5. background-attachment:fixed;
  6. background-image:url(https://64.media.tumblr.com/dc5ba8e8290e22ccedda4bf48792ecfc/e3173feccc0c503f-e0/s400x600/e9af367d9ba76317e0c78847e2a0067e6481262f.gifv);
  7. background-position:center;
  8. background-size:repeat;
  9. color:pink;
  10. font-family:Comic Sans MS;
  11. font-weight:500;
  12. }
  13. .songName {
  14. overflow: hidden;
  15. background: linear-gradient(#e6c1e4, #d197ce);
  16. border-radius: 3px;
  17. margin-top: 0px;
  18. font-size: small;
  19. box-shadow: 0px 4px 6px -5px #333;
  20. text-shadow: 0px -2px #333;
  21. color: white;
  22. padding: 5px;
  23. }
  24. .extended{
  25.  
  26. color:#000;
  27. font-size:10px;
  28. text-shadow:0 0 3px #333;
  29. text-shadow:#fff 0 0 7px;
  30. }
  31.  
  32. .extended::after{
  33. background-image:url(https://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.gif
  34. );
  35. background-position:center;
  36. background-size:cover;
  37. border:2px solid #000;
  38. border-radius:25px;
  39. bottom:0;
  40. box-sizing:border-box;
  41. color:pink;
  42. content:"catboys, please interact";
  43. display:block;
  44.  
  45. font-family:Comic Sans MS;
  46. font-size:15px;
  47. font-weight:700;
  48. left:0;
  49. text-align:center;
  50. text-shadow:#000 0 0 7px;
  51. top:0;
  52. width:100%;
  53. }
  54. #online{
  55. margin-top:0;
  56. padding:1px;
  57. position:relative;
  58. visibility:show;
  59. }
  60.  
  61. .logo{
  62. font-size:0;
  63. }
  64.  
  65. .logo::after{
  66. color:pink;
  67. content:"UwU";
  68. font-size:15px;
  69. font-weight:800;
  70. }
  71. span#hUp::before {content: "catboys"; animation: koalarainbows 0.5s infinite !important; color: salmon; font-size: large;}
  72. @keyframes koalarainbows {
  73. 0%{color: salmon;}
  74. 11%{color: salmon;}
  75. 22%{color: pink;}
  76. 33%{color: salmon;}
  77. 44%{color: salmon;}
  78. 55%{color: pink;}
  79. 66%{color: salmon;}
  80. 77%{color: salmon;}
  81. 88%{color: pink;}
  82. 100%{color: salmon;}
  83. }
  84. div#header{
  85. background:#d197ce;
  86. font-family:Comic Sans MS;
  87.  
  88. }
  89.  
  90. div#hSub{
  91. background:#e6c1e4;
  92. font-family:Comic Sans MS;
  93.  
  94. }
  95.  
  96. #name{
  97. animation-duration:2.0s;
  98. animation-iteration-count:infinite;
  99. animation-name:flashy;
  100.  
  101. font-family:Comic Sans MS;
  102. font-size:25px;
  103. margin:0;
  104. padding-bottom:15px;
  105. padding-left:5px;
  106. }
  107.  
  108. @keyframes flashy{
  109.  
  110. 0%{
  111. color:#f0d1ec;
  112. }
  113.  
  114. 30%{
  115. color:#e697db;
  116. }
  117.  
  118. 65%{
  119. color:#fc037b;
  120. }
  121.  
  122. 100%{
  123. color:#f0d1ec;
  124. }
  125. }
  126.  
  127.  
  128.  
  129.  
  130.  
  131. a:link{
  132. color:pink;
  133. text-shadow:#000 0 0 5px;
  134. }
  135.  
  136. a:active{
  137. color:#00ffcc;
  138. }
  139.  
  140. a:visited{
  141. color:#ff99ff;
  142. }
  143.  
  144. .box{
  145. border:transparent;
  146. }
  147.  
  148. .boxInfo{
  149. background:#d197ce;
  150. border:2px dashed #fff;
  151. border:2px solid #000;
  152. margin-bottom:1px;
  153. }
  154.  
  155. .boxButton{
  156. color:#000;
  157. }
  158.  
  159. .boxHead{
  160. -webkit-text-stroke-color:#000;
  161. -webkit-text-stroke-width:1px;
  162. background:transparent;
  163. border:2x dashed #fff;
  164. color:#fff;
  165. }
  166.  
  167. #Msg {font-size:0px;
  168.  
  169. color: pink;
  170. background-repeat: no-repeat;
  171. background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat13.gif?w=35&h=&zoom=2);
  172.  
  173.  
  174. }
  175. #sMsg {
  176. font-size:0px;
  177. color: pink;
  178. background-repeat: no-repeat;
  179. background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat13.gif?w=35&h=&zoom=2);
  180. }#sMsg::after{
  181. content: " message me <3";
  182. font-size: 13px
  183.  
  184. }
  185. #report {font-size:0px;
  186.  
  187. color: pink;
  188. background-repeat: no-repeat;
  189. background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat7.gif?w=35&h=&zoom=2);
  190. }#report::after{
  191. content: " report T^T";
  192. font-size: 13px
  193. }
  194. #add {font-size:0px;
  195.  
  196. color: pink;
  197. background-repeat: no-repeat;
  198. background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat6.gif?w=35&h=&zoom=2);
  199. icon-display: block;
  200. }
  201. #add::after{
  202. content: " add me!!";
  203. font-size: 13px
  204. }
  205. #block {font-size:0px;
  206.  
  207. color: pink;
  208. background-repeat: no-repeat;
  209. background-image:
  210. url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat5.gif?w=35&h=&zoom=2);
  211. }
  212. #block::after{
  213. content: " block :(";
  214. font-size: 13px
  215. }
  216.  
  217. div.url.box{
  218. font-size:0;
  219. text-align:center;
  220. }
  221.  
  222. div.url.box::after{
  223. -webkit-text-stroke-color:#000;
  224. -webkit-text-stroke-width:1px;
  225. color:#fff;
  226. content:"~Nya~";
  227. font-size:20px;
  228. font-weight:700;
  229. text-shadow:#6600cc 0 0 3px;
  230. }
  231.  
  232. .rightHead{
  233. -webkit-text-stroke-color:#000;
  234. -webkit-text-stroke-width:1px;
  235. background:transparent;
  236. color:#fff;
  237. font-size:18px;
  238. text-shadow:0 0 3px rgba(77,7,110,0.5);
  239. }
  240.  
  241. .rightHead::before{
  242. content: url();
  243. padding: 5px;
  244. }
  245.  
  246. .rightHead::after{
  247. content: url();
  248. padding: 5px;
  249. }
  250.  
  251. .topLeft{
  252. animation-duration:1.5s;
  253. animation-name:slidein;
  254. background-image:url(https://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.gif);
  255. background-position:center;
  256. background-size:cover;
  257. border:2px solid #000;
  258. border-radius:25px;
  259. box-sizing:border-box;
  260. color:#fff;
  261. overflow:auto;
  262. padding:1px;
  263. position:relative;
  264. text-shadow:0 0 4px black;
  265. top:60px;
  266. }
  267.  
  268. @keyframes slidein{
  269. from {
  270. margin-left:-100%;
  271. }
  272.  
  273. to {
  274. margin-left:0;
  275. }
  276. }
  277. .avatar{
  278. border:10px solid;
  279. border-image:url(https://thumbs.gfycat.com/AchingGrossErin-size_restricted.gif) 30 stretch;
  280. box-sizing:border-box;
  281. display:block;
  282. }
  283.  
  284. #gender{
  285. position:relative;
  286. visibility:hidden;
  287. }
  288.  
  289. #gender::after{
  290. content:"Emmy";
  291. font-size:15px;
  292. left:0;
  293. position:absolute;
  294. top:0;
  295. visibility:visible;
  296. }
  297.  
  298.  
  299. #country{
  300. position:relative;
  301. visibility:hidden;
  302. }
  303.  
  304. #country::after{
  305. content:"USA";
  306. font-size:10px;
  307. left:0;
  308. position:absolute;
  309. top:0;
  310. visibility:visible;
  311. }
  312.  
  313.  
  314. .topRight{
  315. animation-duration:1.5s;
  316. animation-name:slide;
  317. }
  318.  
  319. @keyframes slide{
  320. from {
  321. margin-right:-100%;
  322. }
  323.  
  324. to {
  325. margin-right:0;
  326. }
  327. }
  328.  
  329. .player{
  330. background-image:url(https://thumbs.gfycat.com/AchingGrossErin-size_restricted.gif);
  331. background-position:center;
  332. background-size:cover;
  333. border:2px solid #000;
  334. color:#fff;
  335. margin:0 auto;
  336. }
  337.  
  338. h4{
  339. -webkit-text-stroke-color:#000;
  340. -webkit-text-stroke-width:1px;
  341. background-image:url(https://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.gif);
  342. background-position:center;
  343. background-size:cover;
  344. border:2px solid #000;
  345. border-bottom:0px;
  346. border-top-left-radius:25px;
  347. border-top-right-radius:25px;
  348. color:#fff;
  349.  
  350. font-family:Comic Sans MS;
  351. font-weight:700;
  352. height:20px;
  353. position:relative;
  354. }
  355.  
  356. .blurbs{
  357. margin-block-start:15px;
  358. text-align:center;
  359. text-shadow:0 0 3px black;
  360. }
  361.  
  362. #about{
  363. background:#d197ce;
  364. border:2px solid #000;
  365. border-radius:25px;
  366. border-top-right-radius:0px;
  367. border-top-left-radius:0px;
  368. padding:15px;
  369. }
  370.  
  371. #who{
  372. color: pink;
  373. background:#d197ce;
  374. border:2px solid #000;
  375. border-radius:25px;
  376. border-top-right-radius:0px;
  377. border-top-left-radius:0px;
  378. padding:15px;
  379. }
  380.  
  381. .fwiendCount{
  382. color:#d197ce;
  383. }
  384.  
  385. .fwiendCounter{
  386. -webkit-text-stroke-color:#000;
  387. -webkit-text-stroke-width:1px;
  388. color:#fff;
  389. }
  390.  
  391. #top a{
  392. color:#d197ce;
  393. text-decoration:none;
  394. }
  395.  
  396. .fwiendFace{
  397. background-image:url(https://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.gif
  398. );
  399. border:2px solid #fff;
  400. border-radius:50%;
  401. font-size:0;
  402. height:100px;
  403. margin-bottom:5px;
  404. margin-right:5px;
  405. max-width:100vw;
  406. width:100px;
  407. }
  408.  
  409. .fwiendFace img{
  410. background-position:center;
  411. border-radius:50%;
  412. display:absolute;
  413. height:100px;
  414. object-fit:cover;
  415. width:100px;
  416. }
  417.  
  418. .fwiendFace:hover{
  419. animation:shake 1s;
  420. animation-iteration-count:infinite;
  421. }
  422.  
  423. @keyframes shake{
  424. 0% {
  425. transform:translate(1px,1px) rotate(0deg);
  426. }
  427.  
  428. 10% {
  429. transform:translate(-1px,-2px) rotate(-1deg);
  430. }
  431.  
  432. 20% {
  433. transform:translate(-3px,0px) rotate(1deg);
  434. }
  435.  
  436. 30% {
  437. transform:translate(3px,2px) rotate(0deg);
  438. }
  439.  
  440. 40% {
  441. transform:translate(1px,-1px) rotate(1deg);
  442. }
  443.  
  444. 50% {
  445. transform:translate(-1px,2px) rotate(-1deg);
  446. }
  447.  
  448. 60% {
  449. transform:translate(-3px,1px) rotate(0deg);
  450. }
  451.  
  452. 70% {
  453. transform:translate(3px,1px) rotate(-1deg);
  454. }
  455.  
  456. 80% {
  457. transform:translate(-1px,-1px) rotate(1deg);
  458. }
  459.  
  460. 90% {
  461. transform:translate(1px,2px) rotate(0deg);
  462. }
  463.  
  464. 100% {
  465. transform:translate(1px,1px) rotate(0deg);
  466. }
  467. }
  468.  
  469. #viewFriends{
  470. background:#d197ce;
  471. border:2px solid #000;
  472. border-radius:25px;
  473. color:#000;
  474. padding:5px;
  475. }
  476.  
  477. .tableLeft{
  478. background:#e6c1e4;
  479. background-position:center;
  480. background-size:cover;
  481. border:2px dashed #fff;
  482. }
  483.  
  484. .tableRight{
  485. background-image:url(https://cdn131.picsart.com/334531580047211.png?type=webp&to=min&r=240);
  486. border:2px dashed #fff;
  487. color:#fff;
  488. text-shadow:#fff 0 0 7px;
  489. }
  490.  
  491. .blog{
  492. background:#d197ce;
  493. border:2px solid #000;
  494. text-shadow:#fff 0 0 7px;
  495. }
  496.  
  497. .blogs{
  498. text-shadow:#fff 0 0 7px;
  499. }
  500.  
  501. .blogCard{
  502. position:relative;
  503. top:10px;
  504. }
  505.  
  506. .blogTitle{
  507. font-size:0;
  508. }
  509.  
  510. div#footer{
  511. bottom:0;
  512. font-size:0;
  513. left:700px;
  514. position:fixed;
  515. pointer-events: none;
  516. }
  517.  
  518. div#footer::after{
  519. animation-duration:1.5s;
  520. animation-name:slideup;
  521. content:url("https://o.remove.bg/downloads/0cfde1ee-a1e8-4490-9053-c640ecf47248/Ferris_Character_Art-removebg-preview.png");
  522. }
  523.  
  524. @keyframes slideup{
  525. from {
  526. margin-right:-100%;
  527. }
  528.  
  529. to {
  530. margin-right:0;
  531. }
  532. }
  533.  
  534. @media screen and (max-device-width: 768px){
  535. div#footer {
  536. visibility:hidden;
  537. }
  538. }
  539.  
  540. @media only screen and (max-width : 768px){
  541. * {
  542. -moz-animation:none!important;
  543. -ms-animation:none!important;
  544. -o-animation:none!important;
  545. -webkit-animation:none!important;
  546. animation:none!important;
  547. }
  548. }
  549.  
  550. /* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani831.cur), auto !important;} /* End http://www.cursors-4u.com */
  551.  
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement