API tools faq
paste
ooksie

pretty psycho (uxie x stardust galaxy)

ooksie
Oct 16th, 2020 (edited)
391
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.20 KB | None | 0 0
raw download clone embed print report
  1. [border=transparent;
  2.  
  3. *the colour of the main background;
  4. --bg-color: #EEDDC9;
  5. *the colour of the tag boxes;
  6. --color-1: #D68B8B;
  7. *the colour of the body text background;
  8. --color-2: #E6D0B6;
  9. *the colour of all the text;
  10. --t-color: #000;
  11.  
  12. *the icon image, replace the link between the '';
  13. --img-1: url('https://i.pinimg.com/originals/23/c4/26/23c4263b85fc08702c7b583e95811c52.jpg');
  14.  
  15. *blobs you cant change the colour of these sorry;
  16. --blob-1: url('https://i.imgur.com/mBbaOTV.png');
  17. --blob-2: url('https://i.imgur.com/TaD35IX.png');
  18. --blob-3: url('https://i.imgur.com/AbbCJx4.png');
  19. --blob-4: url('https://i.imgur.com/hqzxmo4.png');
  20.  
  21. height:fit-content; width:fit-content; max-width:540px; background-color: var(--bg-color); padding:15px 8px 25px 8px; box-sizing:border-box; margin:auto; display:flex; flex-flow: row wrap; line-height:0; justify-content:center; align-items:center; position:relative; overflow:hidden;]
  22.  
  23. [comment]----side bar----[/comment]
  24. [border=transparent; width:100%; max-width:220px; height:465px; padding:0; margin:5px; position:relative; z-index:2; display:flex; flex-flow:column nowrap;]
  25.  
  26. [comment]----image----[/comment]
  27. [border=transparent; height:47%; width:100%; padding:0; background: var(--img-1); background-size:cover; image-rendering: crisp-edges; /*edit the following if you want to adjust the cropping of the image*/ background-position:50% 0%;][/border]
  28.  
  29. [comment]----name container----[/comment]
  30. [border=transparent; height:fit-content; width:100%; display:flex; flex-flow: row wrap; padding:0;]
  31.  
  32. [border=transparent; height:fit-content; width:100%; color: var(--t-color); padding:0; font-size:32px; line-height:130%; text-align:center; font-weight:bold;][font=Barlow][comment]
  33. -----* * * your character's name here! ----
  34. [/comment]Jang Hye-bin[/font][/border]
  35.  
  36. [border=transparent; height:fit-content; width:100%; color: var(--t-color); padding:0; font-size:14px; line-height:130%; text-align:center;][font=Barlow][comment]
  37. ----* * * your character's role/title here! ----
  38. [/comment]The Broken Legacy[/font][/border]
  39.  
  40. [/border]
  41. [comment]----name container end----[/comment]
  42.  
  43. [comment]----details----[/comment]
  44. [border=transparent; flex-grow:1; width:100%; padding:0; margin-top:10px; display:flex; flex-flow: row wrap; align-content:space-between; justify-content:center;]
  45.  
  46. [comment]----mood----[/comment]
  47. [border=transparent; height:22%; width:85%; background-color: var(--color-1); border-radius:20px; padding:5px 15px; box-sizing:border-box; display:flex; flex-flow: row nowrap; align-items:center; justify-content:center; flex-shrink:0;]
  48. [border=transparent; height:fit-content; width:fit-content; padding:0; font-size:14px; flex-shrink:0; color: var(--t-color);][font=Barlow]Mood:[/font][/border]
  49. [border=transparent; height:fit-content; max-height:100%; flex-grow:1; margin-left:10px; padding:0px; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:auto;]
  50. [border=transparent; height:fit-content; width:50%; padding:0; line-height:110%; color: var(--t-color); font-size:13px;][font=Barlow][comment]
  51. ----* * * your mood here!----
  52. [/comment]mood here this scrolls!
  53. [/font][/border]
  54. [/border][/border]
  55. [/border]
  56. [comment]----mood end----[/comment]
  57.  
  58. [comment]----location----[/comment]
  59. [border=transparent; height:22%; width:85%; background-color: var(--color-1); border-radius:20px; padding:5px 15px; box-sizing:border-box; display:flex; flex-flow: row nowrap; align-items:center; justify-content:center; flex-shrink:0;]
  60. [border=transparent; height:fit-content; width:fit-content; padding:0; font-size:14px; flex-shrink:0; color: var(--t-color);][font=Barlow]Location:[/font][/border]
  61. [border=transparent; height:fit-content; max-height:100%; flex-grow:1; margin-left:10px; padding:0px; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:auto;]
  62. [border=transparent; height:fit-content; width:50%; padding:0; line-height:110%; color: var(--t-color); font-size:13px;][font=Barlow][comment]
  63. ----* * * your location here!----
  64. [/comment]location here this scrolls!
  65. [/font][/border]
  66. [/border][/border]
  67. [/border]
  68. [comment]----location end----[/comment]
  69.  
  70. [comment]----oufit----[/comment]
  71. [border=transparent; height:22%; width:85%; background-color: var(--color-1); border-radius:20px; padding:5px 15px; box-sizing:border-box; display:flex; flex-flow: row nowrap; align-items:center; justify-content:center; flex-shrink:0;]
  72. [border=transparent; height:fit-content; width:fit-content; padding:0; font-size:14px; flex-shrink:0; color: var(--t-color);][font=Barlow]Outfit:[/font][/border]
  73. [border=transparent; height:fit-content; max-height:100%; flex-grow:1; margin-left:10px; padding:0px; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:auto;]
  74. [border=transparent; height:fit-content; width:50%; padding:0; line-height:110%; color: var(--t-color); font-size:13px;][font=Barlow][comment]
  75. ----* * * your outfit here!----
  76. [/comment][url='xx'][border=0; color: var(--t-color); padding:0; display:inline;]click me![/border][/url]
  77. [/font][/border]
  78. [/border][/border]
  79. [/border]
  80. [comment]----outfit end----[/comment]
  81.  
  82. [comment]----tags----[/comment]
  83. [border=transparent; height:22%; width:85%; background-color: var(--color-1); border-radius:20px; padding:5px 15px; box-sizing:border-box; display:flex; flex-flow: row nowrap; align-items:center; justify-content:center; flex-shrink:0;]
  84. [border=transparent; height:fit-content; width:fit-content; padding:0; font-size:14px; flex-shrink:0; color: var(--t-color);][font=Barlow]Tags:[/font][/border]
  85. [border=transparent; height:fit-content; max-height:100%; flex-grow:1; margin-left:10px; padding:0px; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:auto;]
  86. [border=transparent; height:fit-content; width:50%; padding:0; line-height:110%; color: var(--t-color); font-size:13px;][font=Barlow][comment]
  87. ----* * * your tags here!----
  88. [/comment]tags here this scrolls!
  89. [/font][/border]
  90. [/border][/border]
  91. [/border]
  92. [comment]----outfit end----[/comment]
  93.  
  94. [/border]
  95. [comment]----details end----[/comment]
  96.  
  97. [/border]
  98. [comment]----side bar end----[/comment]
  99.  
  100. [comment]----body----[/comment]
  101. [border=transparent; width:100%; max-width:270px; height:465px; background-color:var(--color-2); padding:10px 0px; box-sizing:border-box; margin:5px; position:relative; z-index:2; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  102. [border=transparent; height:fit-content; width:50%; padding:0px 10px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:11px; line-height:130%;][font=Karla][comment]
  103. -----your post starts after this -----
  104. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat enim a pellentesque placerat. Suspendisse nec massa pharetra, maximus est a, congue justo. Sed dapibus finibus libero eget tincidunt. Nulla dapibus et dui et vestibulum. Phasellus placerat, nisl at lacinia lacinia, turpis dolor feugiat erat, eu convallis tellus risus ut orci. Donec quis nulla arcu. Aliquam eget mi in orci mattis ullamcorper. Donec sed ligula nec leo ultricies ultricies eget et elit. Mauris vitae velit ac leo consequat ullamcorper a et odio.
  105.  
  106. Mauris sit amet rutrum enim. Fusce porta elit ipsum, pretium efficitur magna consequat a. Suspendisse accumsan luctus dui nec iaculis. Cras varius pulvinar ultricies. Maecenas nibh magna, vestibulum sed sapien id, tristique laoreet lorem. Sed facilisis imperdiet dapibus. Donec fermentum massa non felis volutpat, quis tincidunt libero accumsan. Quisque facilisis nulla quis vestibulum vestibulum. Proin feugiat leo et est consectetur porta sed sit amet risus. Ut molestie erat at mauris faucibus sagittis. Sed porta magna rutrum libero sagittis, non ullamcorper nibh malesuada. Sed a lobortis quam. Phasellus sed ullamcorper ante. Quisque bibendum tincidunt leo, et tempor magna gravida ac. Sed consequat sapien nisi, vitae semper mauris tristique sit amet. Suspendisse at finibus libero.
  107.  
  108. Pellentesque accumsan, orci pharetra auctor semper, enim diam sagittis tortor, consequat dictum metus leo nec lorem. Praesent ullamcorper ex quis auctor efficitur. Proin in quam leo. Phasellus sit amet semper ligula. In et ornare augue. Nunc ut leo vel sapien mattis iaculis. Fusce vel imperdiet tortor. Suspendisse semper erat nec quam iaculis, sit amet convallis augue placerat. Quisque tincidunt arcu vitae volutpat dignissim. Integer aliquet urna sit amet feugiat elementum. Aliquam diam nibh, lacinia nec molestie id, ullamcorper luctus libero. Curabitur ut consectetur enim, nec consectetur ipsum.
  109. [/font][/border]
  110. [/border][/border]
  111. [comment]----body end----[/comment]
  112.  
  113. [comment]----blob zone (ignore!)----[/comment]
  114. [border=transparent; height:280px; width:280px; background:var(--blob-1); background-size:cover; padding:0; position:absolute; top:-150px; left:-60px; z-index:1; transform:rotate(85deg);][/border]
  115. [border=transparent; height:280px; width:280px; background:var(--blob-2); background-size:cover; padding:0; position:absolute; top:-80px; right:-60px; z-index:1;][/border]
  116. [border=transparent; height:220px; width:220px; background:var(--blob-3); background-size:cover; padding:0; position:absolute; bottom:-70px; right:-60px; z-index:1;][/border]
  117. [border=transparent; height:360px; width:360px; background:var(--blob-4); background-size:cover; padding:0; position:absolute; top:235px; left:-140px; z-index:1;][/border]
  118.  
  119.  
  120. [comment]----signature! do not remove!----[/comment][bg=transparent; height:fit-content; padding:0; width:100%; margin:auto; z-index:4;opacity:0.7;font-size:10px;text-align:center; line-height:130%; margin-top:3px; color: var(--color-1); position:absolute; bottom:6px; left:0;][font=Open Sans]♡design by stardust galaxy, coded by uxie♡[/font][/bg]
  121. [/border]
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!