Advertisement
xayah-

TAROT - CS

Jun 13th, 2022
107
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment]designed by bad ending. & coded by xayah.ღ[/comment]
  2. [border=1px solid #fff;
  3. /*VARIABLES*/
  4. --bg: #181b1f;
  5. --name: #fff;
  6. --text: #fff;
  7. --accent: #ada26c;
  8. --pic: url('https://pics.wikifeet.com/Manish-Dayal-Feet-3388359.jpg');
  9. --font_used: EB Garamond;
  10. --secondary: Karla;
  11.  
  12. --g1: url('https://wtwp.com/wp-content/uploads/2015/06/placeholder-image.png') 50% 50%;
  13. --g2: url('https://wtwp.com/wp-content/uploads/2015/06/placeholder-image.png') 50% 50%;
  14. --g3: url('https://wtwp.com/wp-content/uploads/2015/06/placeholder-image.png') 50% 50%;
  15. --g4: url('https://wtwp.com/wp-content/uploads/2015/06/placeholder-image.png') 50% 50%;
  16. --g5: url('https://wtwp.com/wp-content/uploads/2015/06/placeholder-image.png') 50% 50%;
  17. --g6: url('https://wtwp.com/wp-content/uploads/2015/06/placeholder-image.png') 50% 50%;
  18.  
  19. height: 375px; max-width: 300px; padding: 7px 0px 0px 0px; line-height: 0; margin: auto; background: var(--bg); border-radius: 5px; display: flex; align-items: center; flex-flow: column wrap;]
  20. [border=0; height: 90%; width: 95%; margin: auto; padding: 0; overflow: hidden;][border=0; height: 100%; width: 107%; padding: 0 15px 0 8px; margin: auto; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box;]
  21. [comment]PICTURE OF FACECLAIM OR AESTHETIC - change #fff to an accent color if you want[/comment]
  22. [border=1px solid #fff; height: 99%; width:285px; padding: 0px 0px 0px 0px; box-sizing: border-box; background: var(--pic); background-size: cover; background-position: 0% 50%; box-sizing: border-box; margin-left: -8px;]
  23. [comment]NAME[/comment]
  24. [border=0; height: 10%; width: 100%; padding: 0; box-sizing: border-box; text-align: center; text-transform: uppercase; font-size: 1rem; line-height: 15px; color: var(--name); text-shadow: 2px 1px 1px #000;][font=EB Garamond]XI.
  25. the detective
  26. [size=2]scroll.[/size][/font][/border]
  27.  
  28. [/border][comment]CHARACTER SHEET SECTION[/comment]
  29. [border=0px; height: fit-content; width: 100%; margin: 0; padding: 2px 12px 10px 13px; box-sizing: border-box; font-size: 12px; line-height: 1rem; text-align: justify; color: var(--name); border-top: transparent;]
  30. [comment]music player--ignore[/comment]
  31. [border=0; height: 50px; width: clamp(90%, 250px 102%); padding: 0 0 5px 0; background: transparent; margin-top: -20px; pointer-events: none; display: flex; flex-flow: column wrap; align-items: center;]
  32. [border=0; height: 25px; width: 50px; padding: 0; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; pointer-events: auto; flex-flow: column nowrap; margin: auto;][border=0; height: 50%; width: 120px; margin-top: 2px; padding: 0; align-items:center; justify-content: center; pointer-events: none; font-size: 25px; margin-left: clamp(-15px, 1vw, 0px); z-index: 4; color: var(--text); word-spacing: 15px; text-align: left;][fa]fas fa-backward[/fa] [fa]fas fa-play[/fa] [fa]fas fa-forward[/fa][/border]
  33. [border=0; height:15px; width:10px; padding:0; left: 0; position: absolute; overflow: hidden; margin-left: 15px; margin-top: -5px;]
  34.  
  35. [comment]SOUNDCLOUD -- put any music you want here![/comment]
  36. [border=0; height:100px; width: 30px; padding:0; margin-top:-30px; position: absolute; float: left; left: 5%; top: 0%; pointer-events: auto; opacity: 0.5;]
  37. [media=soundcloud]https://soundcloud.com/80sbyeruption/whip-it-live-radio-mix[/media]
  38. [/border]
  39. [/border][/border][/border]
  40. [comment] SONG TITLE [/comment]
  41. [border=0; height: fit-content; width: 98%; padding: 0; background: transparent; color: var(--accent); font-size: 10px; line-height: 13px; margin-top: -25px; text-transform: uppercase; text-align: center; pointer-events: none;][font=Karla][b]whip it[/b]
  42. devo[/font][/border][comment] --
  43. change rgb to desired accent color - hexcode works [/comment]
  44. [b][font=karla][SIZE=4][COLOR=rgb(173, 162, 108)]VISAGE[/COLOR][/SIZE][/b]
  45. NAME: robyn gunasekera
  46. NICKNAMES: robbie 2.0, resident clown
  47. D.O.B: he forgot
  48. AGE: 32 years old
  49. GENDER: cis-male
  50. ORIENTATION: pansexual
  51. ROLE: the detective
  52. [comment] --
  53. change rgb to desired accent color - hexcode works [/comment]
  54. [b][SIZE=4][COLOR=rgb(173, 162, 108)]APPEARANCE[/COLOR][/SIZE][/b]
  55. APPEARANCE:
  56. FACECLAIM: (optional)
  57. [comment] --
  58. change rgb to desired accent color - hexcode works [/comment]
  59. [b][SIZE=4][COLOR=rgb(173, 162, 108)]PSYCHE[/COLOR][/SIZE][/b]
  60. PERSONALITY: a paragraph or more
  61. [comment] copy this for another section [/comment]
  62. [border=1px solid #ada26c; height: 20px; width: fit-content; margin: auto; padding: 3px 3px 0 3px; font-size: 12px; color: var(--accent); text-align: center; text-transform: uppercase;]traits[/border]
  63. [comment] copy up to here [/comment]hello traits here
  64. [comment] copy this for another section [/comment]
  65. [border=1px solid #ada26c; height: 20px; width: fit-content; margin: auto; padding: 3px 3px 0 3px; font-size: 12px; color: var(--accent); text-align: center; text-transform: uppercase;]ailments[/border]
  66. [comment] copy up to here [/comment]hello ailments here
  67. [comment] --
  68. change rgb to desired accent color - hexcode works [/comment]
  69. [b][SIZE=4][COLOR=rgb(173, 162, 108)]TIME MACHINE[/COLOR][/SIZE][/b]
  70. HISTORY: can be as short or long as you’d like.[/font]
  71.  
  72. [comment] GALLERY - change #fff to an accent color if you want[/comment]
  73. [b][center][SIZE=4][COLOR=rgb(173, 162, 108)]GALLERY[/COLOR][/SIZE][/center][/b]
  74. [border=0; height: 350px; width: fit-content; padding: 5px; line-height: 0; display: flex; flex-flow: row wrap; align-content: center; justify-content: center; box-sizing: border-box; margin-left: 5px;]
  75. [border=1px solid #fff; height: 100px; width: 100px; padding: 0; background: var(--g1); background-size: cover; margin-left: -8px;][/border]
  76. [border=1px solid #fff; height: 100px; width: 100px; padding: 0; background: var(--g2); background-size: cover; margin-left: 8px;][/border]
  77. [border=1px solid #fff; height: 100px; width: 100px; padding: 0; background: var(--g3); background-size: cover; margin-left: -8px; margin-top: 8px;][/border]
  78. [border=1px solid #fff; height: 100px; width: 100px; padding: 0; background: var(--g4); background-size: cover; margin-left: 8px; margin-top: 8px;][/border]
  79. [border=1px solid #fff; height: 100px; width: 100px; padding: 0; background: var(--g5); background-size: cover; margin-left: -8px; margin-top: 8px;][/border]
  80. [border=1px solid #fff; height: 100px; width: 100px; padding: 0; background: var(--g6); background-size: cover; margin-left: 8px; margin-top: 8px;][/border][/border]
  81. [/border][/border]
  82. [/border]
  83. [comment]NAME - change #fff to an accent color if you want[/comment]
  84. [border=3px double #fff; height: 8%; width: 95%; margin: auto; padding: 0; box-sizing: border-box; text-align: center; text-transform: uppercase; font-size: 1rem; line-height: 20px; color: var(--text); font-weight: normal;][font=EB Garamond]robyn gunasekera.[/font][/border]
  85. [/border]
  86. [border=0; height: 30px; width: fit-content; color: #d4d4d4; font-size: 10px; margin: auto; margin-top: -20px; padding: 0; text-align: center;][font=karla]designed by bad ending. & coded by xayah.ღ[/font][/border]
Advertisement
RAW Paste Data Copied
Advertisement