API tools faq
paste
Advertisement
soxxx

007 - dark

soxxx
Oct 8th, 2024
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.52 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: #000; /*black*/
  11. --text: #fff; /*white*/
  12. --accent0: #000; /*black*/
  13. --accent1: #3E001C; /*maroon*/
  14. --accent2: #4D6541; /*green*/
  15. --accent3: #B9585C; /*pink*/
  16. --accent4: #E3A952; /*yellow*/
  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/3Rtc2RL.png');
  30. --bkgdpic: url('https://i.imgur.com/zWszAqh.png');
  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]G[/div]oing in to work on the weekend, just like the corporate cog they always wanted me to be, 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;]"Finally finished this damn report! Time to send it over and hit the pub..."[/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;]"Hm... completely unacceptable— rewrite it before you leave."[/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]"waiting for the day that i..."[/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]park junhee[/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]headquarters, 14th floor
  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!