API tools faq
paste
izuemis

figaro crd codes

izuemis
Jul 20th, 2022
1,097
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.21 KB | None | 0 0
raw download clone embed print report
  1. credit finderqirl when making this design!
  2. _______________________________________________
  3.  
  4. EMBED: CONTAINER STYLE
  5. _______________________________________________
  6.  
  7. <style>
  8.  
  9. #container01 {
  10. height: 19em;
  11. background: rgb(225,202,170);
  12. background: linear-gradient(0deg, rgba(225,202,170,1) 0%, rgba(255,255,255,1) 100%);
  13. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  14. border: 1px solid #b28b7d;
  15. border-radius: 10px;
  16. }
  17.  
  18. #container02 {
  19. height: 4.5em;
  20. width: 13.2em;
  21. background: white;
  22. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  23. border: 1px solid #b28b7d;
  24. border-radius: 10px;
  25. position: absolute;
  26. bottom: 11.9em;
  27. left: 10.5em;
  28. }
  29.  
  30. #container03, #container04, #container05 {
  31. height: 10.1em;
  32. width: 13.2em;
  33. background: white;
  34. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  35. border: 1px solid #b28b7d;
  36. border-radius: 10px;
  37. position: absolute;
  38. bottom: 2.2em;
  39. left: 10.5em;
  40. overflow: auto;
  41. }
  42.  
  43. </style>
  44.  
  45. _______________________________________________
  46.  
  47. EMBED: TEXT STYLES
  48. _______________________________________________
  49. <style>
  50.  
  51. #text01 {
  52. font-family: bohemian;
  53. background: white;
  54. padding: 5px;
  55. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  56. border: 1px solid #b28b7d;
  57. border-radius: 10px;
  58. }
  59.  
  60. #text02 mark {
  61. font-family: lovesong;
  62. color: white;
  63. background: #e1caaa;
  64. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  65. border: 1px solid #b28b7d;
  66. border-radius: 0px 10px 10px 0px;
  67. font-size: 1em;
  68. position: relative;
  69. right: .6em;
  70. }
  71.  
  72. #text02 {
  73. font-family: Nintendo-DS-BIOS;
  74. background: white;
  75. padding: 10px;
  76. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  77. border: 1px solid #b28b7d;
  78. border-radius: 10px;
  79. }
  80.  
  81. #text03 mark {
  82. font-family: Nintendo-DS-BIOS;
  83. background: white;
  84. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  85. border: 1px solid #b28b7d;
  86. border-radius: 8px;
  87. padding: 5px;
  88. }
  89.  
  90. #text04 {
  91. font-family: bohemian;
  92. background: #b28b7d;
  93. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  94. border: 1px solid #b28b7d;
  95. border-radius: 10px;
  96. padding: 5px;
  97. position: relative;
  98. top: .5em;
  99. right: .3em;
  100. }
  101.  
  102. #text05 {
  103. font-family: Nintendo-DS-BIOS;
  104. position: relative;
  105. bottom: .3em;
  106. }
  107.  
  108. #text06 mark {
  109. font-family: lovesong;
  110. color: white;
  111. background: #e1caaa;
  112. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  113. border: 1px solid #b28b7d;
  114. border-radius: 5px;
  115. font-size: 1em;
  116. padding: 2px;
  117. }
  118.  
  119. #text06 {
  120. font-family: Nintendo-DS-BIOS;
  121. }
  122.  
  123. #text07 mark {
  124. font-family: lovesong;
  125. color: white;
  126. background: #e1caaa;
  127. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  128. border: 1px solid #b28b7d;
  129. border-radius: 5px;
  130. font-size: 1em;
  131. padding: 2px;
  132. }
  133.  
  134. #text07 {
  135. font-family: Nintendo-DS-BIOS;
  136. }
  137.  
  138. #text08 mark {
  139. font-family: lovesong;
  140. color: white;
  141. background: #e1caaa;
  142. box-shadow: inset 13px 0px 6px -10px rgb(184 184 184 / 56%), inset -13px 0px 6px -10px rgb(184 184 184 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(184 184 184 / 38%);
  143. border: 1px solid #b28b7d;
  144. border-radius: 5px;
  145. font-size: 1em;
  146. padding: 2px;
  147. }
  148.  
  149. #text08 {
  150. font-family: Nintendo-DS-BIOS;
  151. }
  152.  
  153. </style>
  154.  
  155. _______________________________________________
  156.  
  157. EMBED: FONTS + MISC
  158. _______________________________________________
  159. <style>
  160.  
  161. @font-face {
  162. font-family: bohemian;
  163. src: url(https://dl.dropbox.com/s/h1893p3fu9ecwsx/Bohemian%20Soul.otf);
  164. }
  165.  
  166. @font-face {
  167. font-family: lovesong;
  168. src: url(https://dl.dropbox.com/s/gxv6scjl5kdbhlj/MfLoveSong.ttf);
  169. }
  170.  
  171. @font-face {
  172. font-family: Nintendo-DS-BIOS;
  173. src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
  174. }
  175.  
  176. ::selection {
  177. color: white;
  178. background: #b28b7d;
  179. }
  180.  
  181. #text02 a:hover {
  182. font-style: italic;
  183. color: #b28b7d;
  184. }
  185.  
  186. #text04 a:hover {
  187. font-style: italic;
  188. color: #b28b7d;
  189. }
  190.  
  191. #text03 a:hover {
  192. letter-spacing:1.5px;
  193. color: #b28b7d;
  194. transition:.3s;
  195. text-decoration: none;
  196. }
  197. #text03 a { letter-spacing:normal; transition:.3s;}
  198. .poop {
  199. -webkit-transform: rotateZ(350deg);
  200. transform: rotateZ(350deg);
  201. z-index:222222;
  202. animation: pop 1s infinite;
  203. -webkit-animation: pop 1s infinite;
  204.  
  205. }
  206. @keyframes pop {
  207. from {
  208. transform:scale(0.90)
  209. }
  210. 50% {
  211. transform:scale(1.01)
  212. }
  213. to {
  214. transform:scale(0.90)
  215. }
  216. }
  217. @-webkit-keyframes pop {
  218. from {
  219. -webkit-transform:scale(0.95)
  220. }
  221. 50% {
  222. -webkit-transform:scale(1)
  223. }
  224. to {
  225. -webkit-transform:scale(0.95)
  226. }
  227. }
  228.  
  229. </style>
  230.  
  231. <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur819.cur), auto !important;}</style>
  232.  
  233. _______________________________________________
  234.  
  235. EMBED: ANIMISTA
  236. _______________________________________________
  237. <style>
  238.  
  239. #container03, #container04, #container05 {
  240. -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  241. animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  242. }
  243. /* ----------------------------------------------
  244. * Generated by Animista on 2022-6-29 21:36:41
  245. * Licensed under FreeBSD License.
  246. * See http://animista.net/license for more info.
  247. * w: http://animista.net, t: @cssanimista
  248. * ---------------------------------------------- */
  249.  
  250. /**
  251. * ----------------------------------------
  252. * animation scale-in-ver-bottom
  253. * ----------------------------------------
  254. */
  255. @-webkit-keyframes scale-in-ver-bottom {
  256. 0% {
  257. -webkit-transform: scaleY(0);
  258. transform: scaleY(0);
  259. -webkit-transform-origin: 0% 100%;
  260. transform-origin: 0% 100%;
  261. opacity: 1;
  262. }
  263. 100% {
  264. -webkit-transform: scaleY(1);
  265. transform: scaleY(1);
  266. -webkit-transform-origin: 0% 100%;
  267. transform-origin: 0% 100%;
  268. opacity: 1;
  269. }
  270. }
  271. @keyframes scale-in-ver-bottom {
  272. 0% {
  273. -webkit-transform: scaleY(0);
  274. transform: scaleY(0);
  275. -webkit-transform-origin: 0% 100%;
  276. transform-origin: 0% 100%;
  277. opacity: 1;
  278. }
  279. 100% {
  280. -webkit-transform: scaleY(1);
  281. transform: scaleY(1);
  282. -webkit-transform-origin: 0% 100%;
  283. transform-origin: 0% 100%;
  284. opacity: 1;
  285. }
  286. }
  287.  
  288. </style>
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!