API tools faq
paste
Advertisement
soxxx

007 - light

soxxx
Oct 8th, 2024 (edited)
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.48 KB | None | 0 0
raw download clone embed print report
  1. [comment]code by sox
  2.  
  3. [font=Zain]title name[/font]
  4. [font=Instrument Sans]body[/font]
  5. [font=Konkhmer Sleokchher]drop letter[/font]
  6.  
  7. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  8.  
  9. /*colors*/
  10. --bkgd: #faf5f7; /*off white*/
  11. --text: #000; /*black*/
  12. --accent0: #fff; /*white*/
  13. --accent1: #96deff; /*light blue*/
  14. --accent2: #fab6cb; /*light pink*/
  15. --accent3: #003d59; /*dark blue*/
  16. --accent4: #c95378; /*bright pink*/
  17.  
  18. /*borders*/
  19. --border0: 20px solid var(--bkgd);
  20. --border1: 10px solid var(--accent1);
  21. --border2: 1px solid var(--accent2);
  22.  
  23. /*fonts*/
  24. --font1: 'Zain', sans-serif;
  25. --font2: 'Instrument Sans', sans-serif;
  26. --font3: 'Konkhmer Sleokchher', sans-serif;
  27.  
  28. /*pics*/
  29. --mainpic: url('https://i.imgur.com/VaBIvZv.png');
  30. --bkgdpic: url('https://i.pinimg.com/736x/3f/cf/27/3fcf27a9e42bde8126a9e3f968589bf5.jpg');
  31.  
  32. ][div=margin:auto; position:relative; width:700px; height:500px; margin-top:10px; margin-bottom:10px; background: var(--bkgd); overflow:hidden; cursor: url(https://imgur.com/5ex8RXq.png), auto;][nobr]
  33.  
  34. [comment] ---- LEFT PIC ---- [/comment]
  35. [div=position:absolute; left:0px; top:0px; width:350px; height:500px; border: var(--border0); box-sizing:border-box; background:var(--bkgdpic); background-size:cover; background-position:50% 50%;][/div]
  36.  
  37. [comment] ---- RIGHT PIC ---- [/comment]
  38. [div=position:absolute; left:400px; top:100px; width:250px; height:270px; border-top: var(--border1); border-bottom: var(--border1); box-sizing:border-box; background:var(--mainpic); background-size:cover; background-position:50% 50%;][/div]
  39.  
  40. [comment] ---- BORDER ACCENTS ---- [/comment]
  41. [div=position:absolute; left:400px; top:50px; width:250px; height:370px; border-top: var(--border1); border-bottom: var(--border1); box-sizing:border-box;][/div]
  42.  
  43.  
  44.  
  45. [comment] ---- TEXT BOX ---- [/comment]
  46. [/nobr][div=position:absolute; left:50px; top:50px; width:250px; height:400px; background:var(--accent0); overflow:hidden;][div=position:relative; width:210px; height:360px; overflow-y:scroll; margin-top:20px; padding: 0px 40px 0px 28px ; font-size:10px; line-height:12px; text-align:justify; color:var(--text); font-family:var(--font2);][div=display:inline; color: var(--accent2); float: left; font-family: var(--font3); font-weight:700; font-size: 54px; line-height: 35px; text-transform:uppercase; padding: 9px 5px 0 0;][comment]
  47.  
  48. ---- BODY TEXT HERE ----
  49. ------ DROP CAP LETTER: 1st letter of 1st word goes between the /comment and /div tags
  50. [/comment]S[/div]hocking, isn't it? Wait until you see what's next in store. Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  51.  
  52. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  53.  
  54. [div=display:inline; color:var(--accent4); font-weight:bold;]"Ugh, I can't see a thing from here..."[/div] Lacus sollicitudin curabitur tincidunt at auctor leo imperdiet. Euismod taciti nulla laoreet himenaeos hac neque quis dui. Pretium posuere penatibus tristique aenean varius vel fames. Vivamus lorem nec class sapien risus inceptos tortor laoreet mattis. Per dui senectus, nostra duis dis imperdiet pulvinar.
  55.  
  56. Nibh lorem sodales natoque imperdiet nostra nulla. Nostra sociosqu etiam eros hac; natoque sed nam suscipit. Interdum hendrerit urna molestie magnis finibus consequat nam interdum.
  57.  
  58. [div=display:inline; color:var(--accent3); font-weight:bold;]"Hey! Move your damn wings!"[/div] Metus fames viverra dis etiam natoque suspendisse porta hac. Euismod taciti nulla laoreet himenaeos hac neque quis dui. Pretium posuere penatibus tristique aenean varius vel fames. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Nibh lorem sodales natoque imperdiet nostra nulla.
  59.  
  60. Nostra sociosqu etiam eros hac; natoque sed nam suscipit. Interdum hendrerit urna molestie magnis finibus consequat nam interdum. Vivamus lorem nec class sapien risus inceptos tortor laoreet mattis. Per dui senectus, nostra duis dis imperdiet pulvinar.
  61. [/div][/div][nobr]
  62.  
  63.  
  64.  
  65. [comment] ---- MOOD/QUOTE ---- [/comment]
  66. [div=position:absolute; left:400px; top:65px; width:250px; height:30px; border-top: var(--border2); border-bottom: var(--border2); box-sizing:border-box; font-family:var(--font1); font-size:10px; line-height:30px; color:var(--accent3); text-align:center; text-transform:uppercase; font-weight:700; letter-spacing:0.5px; overflow:hidden;][comment]
  67.  
  68. ---- MOOD/QUOTE HERE ----
  69. [/comment]"towering over your head..."[/div]
  70.  
  71.  
  72. [comment] ---- TITLE/NAME ---- [/comment]
  73. [div=position:absolute; left:400px; top:375px; width:250px; height:30px; border-top: var(--border2); border-bottom: var(--border2); box-sizing:border-box; font-family:var(--font1); font-size:14px; line-height:30px; color:var(--accent4); text-align:center; text-transform:uppercase; font-weight:900; letter-spacing:3px; overflow:hidden;][comment]
  74.  
  75. ---- TITLE/NAME HERE ----
  76. [/comment]lee juyeon[/div]
  77.  
  78.  
  79. [comment] ---- DETAILS ---- [/comment]
  80. [div=position:absolute; left:400px; top:430px; width:250px; height:10px; font-family:var(--font1); font-size:9px; line-height:10px; color:var(--accent3); text-align:center; text-transform:uppercase; font-weight:400; letter-spacing:0px; overflow:hidden;]
  81.  
  82. [div=display:inline; color:var(--accent2); margin-right:3px; font-weight:bold;]location:[/div][comment]
  83.  
  84. ---- LOCATION HERE ----
  85. [/comment]somewhere up in the clouds
  86.  
  87. [div=display:inline; color:var(--accent2); margin-left:20px; margin-right:3px; font-weight:bold;]outfit:[/div][comment]
  88.  
  89. ---- OUTFIT HERE ----
  90. [/comment][url='https://i.pinimg.com/564x/8b/50/da/8b50da6e210c8eef13c2da161d304097.jpg'][div=display:inline; color:var(--accent4); font-size:7px;][fa]far fa-shirt[/fa][/div][/url][/div]
  91.  
  92. [div=position:absolute; left:400px; top:440px; width:250px; height:15px; overflow:hidden;][div=position:relative; height:15px; width:260px; padding-right:20px; font-family:var(--font1); font-size:9px; line-height:10px; color:var(--accent3); text-align:center; text-transform:uppercase; font-weight:400; letter-spacing:0px; overflow-y:scroll;][div=display:inline; color:var(--accent2); margin-right:3px; font-weight:bold;]interactions:[/div][comment]
  93.  
  94. ---- TAGS HERE ----
  95. [/comment]user 1, user 2, user 3[/div][/div]
  96.  
  97. [/nobr][/div][/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!