ooksie

iridescent

Apr 25th, 2022 (edited)
57
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.54 KB | None
  1. [comment]coded by uxie!
  2.  
  3. fonts used:
  4. [font=Bentham]top subtitle[/font]
  5. [font=Ms Madi]bottom subtitle[/font]
  6.  
  7. to replace fonts, add/replace them here, and then in the variables below under *fonts; check uxie's tech support in nine lives for more details ( ‾́ ◡ ‾́ )
  8.  
  9. [/comment][border=transparent;
  10.  
  11. /*code border*/
  12. --border:#09192b;
  13.  
  14. /*top subtitle colour, second border colour*/
  15. --color-1: #f7f7f7;
  16. /*main accent colour*/
  17. --color-2: #e5627a;
  18.  
  19. /*text shadow colour*/
  20. --shadow: rgb(28, 28, 28, 0.4);
  21.  
  22. /*fonts used*/
  23. --header: 'Ms Madi', display;
  24. --subtitle: 'Bentham', serif;
  25.  
  26. /*main image*/
  27. --img-1: url('https://i.pinimg.com/564x/cd/52/92/cd5292cce54d9f6278be0ed9c5ed2c54.jpg');
  28.  
  29. height:auto; width:100%; padding:0; overflow-x:auto; overflow-y:hidden; margin:20px 0 30px 0; line-height:0;][border=transparent; height:390px; width:290px; padding:0; border:10px solid var(--border); border-radius:1px; box-sizing:border-box; position:relative; overflow:hidden; margin:0 auto;][border=transparent; height:100%; width:100%; padding:0; border:1px solid var(--color-1); border-right:1.5px solid var(--color-1); border-left:1.5px solid var(--color-1); box-sizing:border-box; overflow:hidden; position:relative;]
  30.  
  31. [comment]----image----[/comment]
  32. [border=transparent; height:100%; width:100%; padding:0; background: var(--img-1); background-size:cover; image-rendering: -webkit-optimize-contrast; -webkit-filter: saturate(0.9);
  33.  
  34. /*edit the following to adjust the cropping of the image*/ background-position:40% 40%;][/border]
  35.  
  36. [comment]----big text----[/comment]
  37. [border=transparent; height:auto; width:auto; min-width:125px; max-width:160px; padding:10px 12px 15px 5px; box-sizing:border-box; position:absolute; bottom:0; right:5px; z-index:6; overflow:hidden;][border=transparent; height:auto; width:auto; padding:0; color: var(--color-2); font-family: var(--header); font-size:34px; line-height:24px; text-shadow:1px 1px 1px var(--shadow); word-spacing:5px; text-align:right; -webkit-text-stroke:0.3px var(--color-2);][comment]
  38.  
  39. ----* * * main text here (it looks ugly if you make this too long!)----
  40.  
  41. [/comment]it's only us.[/border][/border]
  42.  
  43. [comment]----subtitle----[/comment]
  44. [border=transparent; height:auto; width:auto; max-width:165px; padding:6px 8px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:6; color: var(--color-1); font-family: var(--subtitle); font-size:14px; line-height:100%; text-shadow:1px 1px 1px var(--border); overflow:hidden; letter-spacing:0.5px;][comment]
  45.  
  46. ----* * * subtitle here----
  47.  
  48. [/comment]everything i live for.[/border]
  49.  
  50.  
  51. [comment]----wave things (ignore!!)----[/comment]
  52. [border=transparent; height:490px; width:120%; padding:0; clip-path: polygon(100% 0%, 0% 0% , 0% 61.76%, 1% 61.74%, 2% 61.67%, 3% 61.56%, 4% 61.39%, 5% 61.19%, 6% 60.93%, 7% 60.64%, 8% 60.29%, 9% 59.91%, 10% 59.48%, 11% 59.01%, 12% 58.50%, 13% 57.95%, 14% 57.35%, 15% 56.73%, 16% 56.06%, 17% 55.36%, 18% 54.63%, 19% 53.86%, 20% 53.07%, 21% 52.24%, 22% 51.39%, 23% 50.51%, 24% 49.60%, 25% 48.67%, 26% 47.73%, 27% 46.76%, 28% 45.78%, 29% 44.78%, 30% 43.77%, 31% 42.75%, 32% 41.72%, 33% 40.68%, 34% 39.64%, 35% 38.59%, 36% 37.55%, 37% 36.50%, 38% 35.46%, 39% 34.43%, 40% 33.40%, 41% 32.38%, 42% 31.37%, 43% 30.38%, 44% 29.40%, 45% 28.44%, 46% 27.50%, 47% 26.58%, 48% 25.69%, 49% 24.81%, 50% 23.97%, 51% 23.15%, 52% 22.36%, 53% 21.61%, 54% 20.88%, 55% 20.20%, 56% 19.54%, 57% 18.93%, 58% 18.35%, 59% 17.81%, 60% 17.31%, 61% 16.85%, 62% 16.44%, 63% 16.07%, 64% 15.74%, 65% 15.45%, 66% 15.21%, 67% 15.02%, 68% 14.87%, 69% 14.77%, 70% 14.72%, 71% 14.71%, 72% 14.75%, 73% 14.83%, 74% 14.96%, 75% 15.14%, 76% 15.36%, 77% 15.63%, 78% 15.94%, 79% 16.29%, 80% 16.69%, 81% 17.14%, 82% 17.62%, 83% 18.14%, 84% 18.71%, 85% 19.31%, 86% 19.95%, 87% 20.62%, 88% 21.34%, 89% 22.08%, 90% 22.86%, 91% 23.66%, 92% 24.50%, 93% 25.36%, 94% 26.25%, 95% 27.16%, 96% 28.09%, 97% 29.04%, 98% 30.02%, 99% 31.00%, 100% 32.01%); backdrop-filter: grayscale(1); -webkit-backdrop-filter: grayscale(1); position:absolute; top:-25px; left:-35px;][border=transparent; height:100%; width:100%; padding:0; background: radial-gradient(1.5px 1.5px, #232323, transparent); background-size: 4px 4px; opacity:0.45;][/border][/border]
  53. [border=transparent; height:250px; width:80%; padding:0; clip-path: polygon(100% 0%, 0% 0% , 0% 55.88%, 1% 55.87%, 2% 55.84%, 3% 55.80%, 4% 55.73%, 5% 55.64%, 6% 55.54%, 7% 55.42%, 8% 55.27%, 9% 55.11%, 10% 54.94%, 11% 54.74%, 12% 54.53%, 13% 54.29%, 14% 54.04%, 15% 53.78%, 16% 53.49%, 17% 53.19%, 18% 52.88%, 19% 52.55%, 20% 52.20%, 21% 51.84%, 22% 51.46%, 23% 51.07%, 24% 50.66%, 25% 50.24%, 26% 49.81%, 27% 49.37%, 28% 48.91%, 29% 48.44%, 30% 47.96%, 31% 47.48%, 32% 46.98%, 33% 46.47%, 34% 45.95%, 35% 45.42%, 36% 44.89%, 37% 44.35%, 38% 43.80%, 39% 43.25%, 40% 42.69%, 41% 42.12%, 42% 41.55%, 43% 40.98%, 44% 40.41%, 45% 39.83%, 46% 39.25%, 47% 38.67%, 48% 38.09%, 49% 37.51%, 50% 36.93%, 51% 36.35%, 52% 35.78%, 53% 35.20%, 54% 34.63%, 55% 34.07%, 56% 33.51%, 57% 32.95%, 58% 32.40%, 59% 31.85%, 60% 31.32%, 61% 30.79%, 62% 30.26%, 63% 29.75%, 64% 29.25%, 65% 28.75%, 66% 28.27%, 67% 27.79%, 68% 27.33%, 69% 26.88%, 70% 26.44%, 71% 26.02%, 72% 25.61%, 73% 25.21%, 74% 24.82%, 75% 24.45%, 76% 24.10%, 77% 23.76%, 78% 23.43%, 79% 23.13%, 80% 22.83%, 81% 22.56%, 82% 22.30%, 83% 22.06%, 84% 21.84%, 85% 21.63%, 86% 21.44%, 87% 21.27%, 88% 21.12%, 89% 20.99%, 90% 20.88%, 91% 20.78%, 92% 20.71%, 93% 20.65%, 94% 20.61%, 95% 20.59%, 96% 20.59%, 97% 20.61%, 98% 20.65%, 99% 20.70%, 100% 20.78%); backdrop-filter: grayscale(1); -webkit-backdrop-filter: grayscale(1); position:absolute; bottom:-65px; right:-10px; overflow:hidden; transform:scale(-1)][border=transparent; height:100%; width:100%; padding:0; background: radial-gradient(1.5px 1.5px, #232323, transparent); background-size: 4px 4px; opacity:0.45;][/border][/border]
  54. [border=transparent; height:250px; width:80%; padding:0; clip-path: polygon(100% 0%, 0% 0% , 0% 55.88%, 1% 55.87%, 2% 55.84%, 3% 55.80%, 4% 55.73%, 5% 55.64%, 6% 55.54%, 7% 55.42%, 8% 55.27%, 9% 55.11%, 10% 54.94%, 11% 54.74%, 12% 54.53%, 13% 54.29%, 14% 54.04%, 15% 53.78%, 16% 53.49%, 17% 53.19%, 18% 52.88%, 19% 52.55%, 20% 52.20%, 21% 51.84%, 22% 51.46%, 23% 51.07%, 24% 50.66%, 25% 50.24%, 26% 49.81%, 27% 49.37%, 28% 48.91%, 29% 48.44%, 30% 47.96%, 31% 47.48%, 32% 46.98%, 33% 46.47%, 34% 45.95%, 35% 45.42%, 36% 44.89%, 37% 44.35%, 38% 43.80%, 39% 43.25%, 40% 42.69%, 41% 42.12%, 42% 41.55%, 43% 40.98%, 44% 40.41%, 45% 39.83%, 46% 39.25%, 47% 38.67%, 48% 38.09%, 49% 37.51%, 50% 36.93%, 51% 36.35%, 52% 35.78%, 53% 35.20%, 54% 34.63%, 55% 34.07%, 56% 33.51%, 57% 32.95%, 58% 32.40%, 59% 31.85%, 60% 31.32%, 61% 30.79%, 62% 30.26%, 63% 29.75%, 64% 29.25%, 65% 28.75%, 66% 28.27%, 67% 27.79%, 68% 27.33%, 69% 26.88%, 70% 26.44%, 71% 26.02%, 72% 25.61%, 73% 25.21%, 74% 24.82%, 75% 24.45%, 76% 24.10%, 77% 23.76%, 78% 23.43%, 79% 23.13%, 80% 22.83%, 81% 22.56%, 82% 22.30%, 83% 22.06%, 84% 21.84%, 85% 21.63%, 86% 21.44%, 87% 21.27%, 88% 21.12%, 89% 20.99%, 90% 20.88%, 91% 20.78%, 92% 20.71%, 93% 20.65%, 94% 20.61%, 95% 20.59%, 96% 20.59%, 97% 20.61%, 98% 20.65%, 99% 20.70%, 100% 20.78%); backdrop-filter: saturate(1.7); -webkit-backdrop-filter: saturate(1.7); position:absolute; bottom:-65px; right:-10px; z-index:8; overflow:hidden; transform:scale(-1)][/border]
  55. [/border][comment]----signature! do not remove----[/comment]
  56. [bg=transparent; height:10px;width:fit-content; position:absolute; padding:0; z-index:6;opacity:0.2;color: var(--color-1); font-size:9px;text-align:center; bottom:8px; left:13px;][font=Open Sans]♡coded by uxie♡[/font][/bg]
  57. [/border][/border]
RAW Paste Data Copied