Advertisement
soxxx

#004 - light

Aug 16th, 2023 (edited)
34
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.73 KB | None | 0 0
  1. [comment]code by sox
  2.  
  3. fonts used:
  4. [font=Readex Pro]text[/font]
  5.  
  6. [/comment][div=transparent;
  7.  
  8. --bkgd: #fff;
  9. --textcolor: #000;
  10. --border: 2px solid #000;
  11. --wrapborder: 2px dotted #969696;
  12. --wrapcolor: rgba(103, 117, 112, 0.2);
  13.  
  14. --pic: url('https://i.pinimg.com/564x/80/20/df/8020dfa769b8bcf7bfe1a0311ca8d04a.jpg') 100%/cover;
  15. --texture: url('https://i.pinimg.com/736x/bf/a0/29/bfa029e026519cc212327eff8ca41349.jpg') 100%/cover;
  16.  
  17. --text: Readex Pro;]
  18. [div=margin: auto; height: 460px; width: 300px;][div=margin: auto; width: 250px; height: 340px; border: var(--wrapborder); padding: 15px; padding-right: 18px; padding-bottom: 20px; border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: var(--wrapcolor);][div=width: 100%; height: 100%; border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: var(--texture); border: var(--border);][div=margin: auto; margin-top: 16px; width: 212px; height: 302px; border-top-left-radius: 200px; border-top-right-radius: 200px; background: var(--pic); filter: contrast(1.2) saturate(70%); border: var(--border)][/div][/div]
  19.  
  20. [div=margin: auto; margin-top: -40px; width: 250px; height: 20px; background: var(--bkgd); border: var(--border); padding-top: 7px; color: var(--textcolor); font-family: var(--text); font-size: 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-align: center;]you are my messiah[/div]
  21.  
  22. [div=position: relative; margin: auto; margin-top: -40px; width: 49%; height: 10px; float: left; background: var(--bkgd); border: var(--border); padding-top: 2px; color: var(--textcolor); font-family: var(--text); font-size: 7px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-align: center;]the stranger[/div]
  23.  
  24. [div=position: relative; margin: auto; margin-top: -73px; margin-right: 0.2px; float: right; left: 4px; top: -9px; width: 49%; height: 10px; float: right; background: var(--bkgd); border: var(--border); padding-top: 2px; color: var(--textcolor); font-family: var(--text); font-size: 7px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-align: center;]lee taemin[/div]
  25.  
  26. [div=position: relative; margin: auto; margin-top: -107px; width: 100%; height: 20px; border-bottom-left-radius: 200px; border-bottom-right-radius: 200px; background: var(--texture); border: var(--border);][/div]
  27.  
  28. [div=position: relative; margin: auto; margin-top: -90px; left: -17px; width: 283px; height: 62px; border-bottom-left-radius: 37px; border-bottom-right-radius: 37px; border-bottom: var(--wrapborder); border-left: var(--wrapborder); border-right: var(--wrapborder);][/div]
  29. [/div][/div][/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement