ooksie

dead island (uxie x riptide)

Jun 14th, 2022 (edited)
34
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.87 KB | None
  1. [comment]design by riptide, coded by uxie!
  2.  
  3. [font=Bahiana]name, headers[/font]
  4. [font=Open Sans]body text[/font]
  5.  
  6. [/comment][border=transparent;
  7.  
  8. /*textbox background colour, leave this as # for it to be transparent*/
  9. --bg: #;
  10.  
  11. /*header/footer colours*/
  12. --color-1: #000;
  13. /*main accent colour -- name, headers*/
  14. --color-2: #960F0A;
  15.  
  16. /*text colour, leave this as # if you are not setting a background colour*/
  17. --t-color: #;
  18.  
  19. /*fonts used*/
  20. --name: 'Bahiana', fantasy;
  21. --header: 'Bahiana', fantasy;
  22. --body: 'Open Sans', sans-serif;
  23.  
  24. /*character icon*/
  25. --img-1: URL('https://monstar-lab.com/global/wp-content/uploads/sites/11/2019/04/male-placeholder-image.jpeg');
  26.  
  27. /*blood splatter*/
  28. --blood: URL('https://i.imgur.com/e8KM5nd.png');
  29.  
  30.  
  31. height:auto; width:100%; padding:0 0 20px 0; overflow-x:auto; margin:20px 0 30px 0; line-height:0; position:relative;][border=transparent; height:auto; width:100%; min-width:300px; max-width:400px; padding:0; margin:0 auto; position:relative; display:flex; flex-flow:column nowrap;]
  32. [comment]----header----[/comment]
  33. [border=transparent; height:180px; width:100%; padding:15px; box-sizing:border-box; background: var(--color-1); display:flex; flex-flow:row nowrap; align-items:center; overflow:hidden; flex-shrink:0; position:relative; --img: clamp(110px, -50px + 31vw, 150px);]
  34. [comment]----name----[/comment]
  35. [border=transparent; height:auto; flex:1; max-width: calc(100% - var(--img) - 25px); padding:0 0 0 5px; box-sizing:border-box; font-family: var(--name); display:flex; flex-flow:column nowrap; justify-content:center;
  36.  
  37. /*adjust the following to change font size*/ --fs: 75px;
  38.  
  39. --fc: clamp(var(--fs) - 5px, -50px + 18vw, var(--fs)); color: var(--color-2);]
  40. [border=transparent; height:auto; width:100%; padding:0; line-height:100%; font-size: var(--fc); max-height: var(--fc); text-transform:uppercase; letter-spacing:1px; overflow:hidden; margin-bottom:5px;][comment]
  41.  
  42. ----* * * first line of name here----
  43.  
  44. [/comment]first[/border]
  45.  
  46. [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row nowrap; overflow:hidden;][border=transparent; flex:60; min-width:0; padding:0;][/border][border=transparent; height:auto; width:fit-content; width:-moz-fit-content; flex-shrink:0; padding:0; line-height:100%; max-height: calc(var(--fc) * 0.78); font-size: calc(var(--fc) * 0.78); text-transform:uppercase; letter-spacing:1px; overflow:hidden;][comment]
  47.  
  48. ----* * * second line of name here----
  49.  
  50. [/comment]name[/border]
  51. ][border=transparent; flex:40; min-width:0; padding:0;][/border]
  52. [/border]
  53. [/border]
  54. [comment]----name end----[/comment]
  55.  
  56. [comment]----image----[/comment]
  57. [border=transparent; width: var(--img); padding:0; flex-shrink:0; margin-left:25px;][border=transparent; padding:0; padding-top:100%; position:relative; background: var(--img-1); background-size:cover;
  58.  
  59. /*edit the following to adjust the cropping of the image*/ background-position:50% 50%;
  60.  
  61. ][border=transparent; width:100%; padding:0; flex-shrink:0; position:absolute; bottom:-25px; left:-28%;][border=transparent; padding:0; padding-top:76%; background: var(--blood); background-size:contain; background-repeat:no-repeat;
  62.  
  63. /*replace here; with display:none; to hide blood splatter*/ here;
  64.  
  65. ][/border][/border][/border][/border]
  66. [/border]
  67. [comment]----header end----[/comment]
  68.  
  69. [comment]----textbox----[/comment]
  70. [border=transparent; height:auto; max-height:383px; width:100%; padding:15px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 7px 0 15px; box-sizing:border-box; color: var(--t-color); font-family: var(--body); text-align:justify; line-height:16px; font-size:13px;][comment]
  71.  
  72. ----* * * text starts here----
  73.  
  74. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo bibendum tincidunt. Vivamus ex sapien, condimentum eget sollicitudin vitae, vehicula ut orci. Pellentesque sit amet lacus eu libero ultrices sagittis. Nam quis ultrices justo. Cras sed auctor tortor. Donec in sodales ante. Donec sit amet sapien id lacus lacinia sollicitudin eget bibendum quam. Vivamus lectus urna, consequat et orci vitae, iaculis dapibus lectus.
  75.  
  76. Vivamus eget feugiat tortor. Mauris faucibus cursus massa, vel sollicitudin leo ullamcorper luctus. Etiam vitae malesuada nisl. Mauris non luctus nibh, sed tristique eros. Praesent pellentesque lorem et odio porttitor condimentum. Vivamus pellentesque velit vitae luctus scelerisque. Vivamus porttitor blandit sapien ac tempus. Proin bibendum tortor vel ligula eleifend, sed pharetra justo consectetur. Curabitur accumsan erat vitae ipsum volutpat gravida et sodales dui. Morbi laoreet tellus sit amet urna mattis, at tincidunt tellus gravida. Pellentesque purus orci, porta vitae varius egestas, condimentum vel erat. Duis quis tincidunt ante. Aliquam nec varius nisi.
  77.  
  78. Donec sagittis feugiat pellentesque. Morbi a justo ac metus eleifend imperdiet sed sed nisi. Maecenas tincidunt molestie tellus, a interdum nisi laoreet id. Nulla ullamcorper risus vel ullamcorper maximus. Integer molestie vel ipsum at lacinia. Vestibulum mollis vitae quam non mattis. In pulvinar, tortor vel accumsan scelerisque, augue nisi sagittis arcu, sed rhoncus nisi neque non ligula. Curabitur vitae egestas lorem.
  79. [/border][/border][/border]
  80. [comment]----textbox end----[/comment]
  81.  
  82. [comment]----footer (details)----[/comment]
  83. [border=transparent; height:35px; width:100%; padding:3px; box-sizing:border-box; background: var(--color-1); display:flex; align-items:center; justify-content:center; position:relative;][border=transparent; height:auto; width:auto; padding:0; color: var(--color-2); font-size:11px; line-height:100%; position:absolute; top:3px; right:3px;][fa]fas fa-arrow-down[/fa][/border][border=transparent; height:auto; max-height:100%; width:100%; padding:0; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; min-height:100%; width:50%; padding:3px 7px 0 15px; box-sizing:border-box; color: var(--color-2); font-size:19px; text-transform:uppercase; line-height:26px; letter-spacing:1px; font-family: var(--header); text-align:center; font-weight:bold;][comment]
  84.  
  85. ----* * * text starts here----
  86.  
  87. [/comment]location | mood | interactions
  88. [/border][/border][/border][/border]
  89. [comment]----footer end----[/comment]
  90.  
  91. [/border][comment]----signature! (do not remove!)-----
  92. [/comment][bg=transparent; height:auto; width:100%; padding:0; position:absolute; bottom:15px; left:10px; z-index:7; text-align:center; box-sizing:border-box; opacity:0.65;font-size:10px;text-align:center; line-height:100%;][font=Open Sans]♡design by riptide, coded by uxie♡[/font][/bg][/border]
RAW Paste Data Copied