API tools faq
paste
Advertisement
soxxx

005.5 - dark

soxxx
Sep 24th, 2024 (edited)
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.80 KB | None | 0 0
raw download clone embed print report
  1. [comment]code by sox
  2.  
  3. [font=Micro 5]font1[/font]
  4. [font=Pixelify Sans]font2[/font]
  5. [font=Tiny5]font3[/font]
  6. [font=DotGothic16]font4[/font]
  7. [font=Outfit]font5[/font]
  8.  
  9. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  10.  
  11. /*colors*/
  12. --bkgd: #000; /*black*/
  13. --text: #fff; /*white*/
  14. --shadow: #000; /*black*/
  15.  
  16. --accent0: #FFFFFF; /*white - heavy contrast to bkgd*/
  17. --accent1: #7AE501; /*neon green*/
  18. --accent2: #01E5D7; /*neon cyan*/
  19. --accent3: #3e00ed; /*neon indigo*/
  20. --accent4: #E5017C; /*neon pink*/
  21. --accent5: #ebff00; /*neon yellow*/
  22.  
  23.  
  24. /*values*/
  25. --chatshadow: 2px 2px 0px var(--accent0); /*chat bubble shadow*/
  26. --chatdivetshadow: 2px 0px 0px var(--accent0); /*chat bubble triangle piece shadow*/
  27.  
  28.  
  29. /*borders*/
  30. /*normal borders*/
  31. --border0: 3px solid var(--accent0);
  32. --border1: 3px solid var(--accent1);
  33. --border2: 3px solid var(--accent2);
  34. --border3: 3px solid var(--accent3);
  35. --border4: 3px solid var(--accent4);
  36. --border5: 3px solid var(--accent5);
  37. --border6: 3px solid var(--bkgd);
  38.  
  39. /*thin borders*/
  40. --tborder0: 1px solid var(--accent0);
  41. --tborder1: 1px solid var(--accent1);
  42. --tborder2: 1px solid var(--accent2);
  43. --tborder3: 1px solid var(--accent3);
  44. --tborder4: 1px solid var(--accent4);
  45. --tborder5: 1px solid var(--accent5);
  46. --tborder6: 1px solid var(--bkgd);
  47.  
  48.  
  49. /*fonts*/
  50. --font1: 'Micro 5', sans-serif; /*box titles*/
  51. --font2: 'Pixelify Sans', sans-serif; /*chat bubbles, tags, stats*/
  52. --font3: 'Tiny5', sans-serif; /*title name*/
  53. --font4: 'DotGothic16', sans-serif; /*file names, system messages*/
  54. --font5: 'Outfit', sans-serif; /*text*/
  55.  
  56.  
  57. /*pics*/
  58. --imgpic1: url('https://i.pinimg.com/736x/57/64/03/576403c5ae9216e586ce9010918ee07a.jpg');
  59. --imgpic2: url('https://i.pinimg.com/564x/99/24/da/9924da410faf8c3bdc4b89c9c92b144d.jpg');
  60.  
  61.  
  62. ][div=margin:auto; position:relative; width:500px; height:450px; margin-top:20px; margin-bottom:20px; background: var(--bkgd); box-sizing: border-box; border-radius:5px; cursor: url('https://i.imgur.com/bb5FSYK.png'), auto; border-radius:8px; box-shadow:0px 0px 10px var(--bkgd); overflow:hidden;][nobr]
  63. [comment] ---- BASICS BOX START ---- [/comment]
  64. [/nobr][div=position:absolute; left:30px; top:30px; width:240px; height:390px; background:var(--bkgd); border:var(--border3);][div=position:absolute; left:0px; top:0px; width:240px; height:20px; background:var(--accent3); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--accent0); text-align:center;][comment]
  65.  
  66. ---- BOX NAME HERE ----
  67. [/comment]Chatbox.txt[/div][div=position:absolute; top:28px; left:10px; width:230px; height:390px; overflow:hidden;][div=position:relative; width:225px; height:345px; font-size:11px; line-height:15px; font-family:var(--font5); color:var(--text); overflow-y:scroll; text-align:justify; padding:5px 30px 0 0;][div=display:inline; color: var(--accent1); float: left; font-family: var(--font2); font-size: 58px; line-height: 40px; text-transform:uppercase; padding: 1px 3px 0 0;][comment]
  68.  
  69. ---- TEXT HERE ----
  70. ------ DROP CAP LETTER: 1st letter of 1st word goes between the /comment and /div tags
  71. [/comment]S[/div]o you think you know me? Torquent dictum justo nullam et etiam consequat. Eu mus tempor hendrerit ligula sem imperdiet nostra fringilla. Egestas tortor potenti elementum, duis vehicula finibus eros. Adipiscing eros mus eleifend bibendum eget, cursus cras lobortis. Vivamus sollicitudin senectus lectus varius justo. Nec lectus laoreet feugiat, turpis non potenti dui. Nisi congue magna faucibus erat laoreet.
  72.  
  73. [div=display:inline; color:var(--accent4); font-weight:bold;]"Vel orci potenti accumsan mattis eleifend neque?"[/div] Litora varius scelerisque eu per suscipit blandit viverra finibus mi. Molestie conubia litora est justo mi arcu. Ultrices pretium ligula netus scelerisque ornare diam inceptos tempor. Amaecenas blandit congue vel risus dui ultrices. Dapibus nostra nec sagittis eu ullamcorper tellus diam. Ad eget feugiat fames aptent vivamus congue ut. Feugiat duis nibh lobortis; quisque donec hac. Velit lobortis iaculis laoreet et inceptos ad massa sagittis scelerisque.
  74.  
  75. [div=display:inline; color:var(--accent2); font-weight:bold;]"Vel efficitur etiam augue donec himenaeos pretium malesuada."[/div] Efficitur gravida sagittis volutpat convallis volutpat erat natoque facilisis aliquam. Taciti per sapien aenean augue nisl lacinia varius dolor. Vehicula auctor leo commodo varius facilisis tempus penatibus justo interdum. Mollis odio nec arcu laoreet platea justo primis diam? Non urna sapien scelerisque placerat interdum curabitur pretium. Mollis himenaeos nulla iaculis vitae cubilia. Varius facilisi libero non ad penatibus sed penatibus. Accumsan feugiat mattis gravida, iaculis placerat libero massa vulputate.
  76.  
  77. Est suscipit at convallis nostra mollis viverra quisque fames elementum. Nostra curae cras ac imperdiet vulputate nisi curae. Efficitur torquent himenaeos ornare ornare tincidunt. Nascetur tortor metus interdum primis, nisl suspendisse lobortis. Sagittis vestibulum vulputate sed class posuere neque consectetur eros. Elementum cras dapibus vestibulum platea congue penatibus leo luctus. Convallis quis condimentum vitae ultrices quam donec habitasse varius dolor. Dis lacus nisl eu accumsan nibh massa ipsum felis finibus. Ultrices non fermentum nisi vivamus aliquet urna ut lacinia.
  78.  
  79. Ac tincidunt ad urna diam eget. Lacus duis urna viverra condimentum mus posuere class pretium. Porta dignissim himenaeos, diam gravida curabitur aliquet maximus. Torquent ac finibus enim blandit semper torquent hac magna tempus. Volutpat hac aliquet massa tellus nulla sollicitudin nullam. Porttitor suspendisse sollicitudin enim non, nulla ac fusce. Donec parturient vitae nunc arcu, ante duis quam pretium semper. Vestibulum duis habitant aliquet; morbi imperdiet id massa eros. Consectetur parturient dignissim mi curabitur ultrices amet congue.[/div][/div]
  80. [/div]
  81. [comment] ---- BASICS BOX END ---- [/comment][nobr]
  82.  
  83. [comment] ---- TAGS START ---- [/comment]
  84. [div=position:absolute; left:320px; top:390px; width:150px; height:30px; background: var(--bkgd); border:var(--border5); border-radius:0px; overflow:hidden;]
  85. [div=position:relative; overflow-y:scroll; width:150px; height:30px; padding:5px 20px 0px 0px; font-family:var(--font4); font-size:8px; line-height:30px; color:var(--accent0); text-align:right; text-transform:uppercase;][comment]
  86.  
  87. --- TAGS HERE ----
  88. [/comment]user 1, user 2, user 3, user 4, user 5, user 6[/div][/div]
  89. [comment] ---- TAGS END ---- [/comment]
  90.  
  91. [comment] ---- TITLE BUBBLE START ---- [/comment]
  92. [div=position:absolute; left:300px; top:30px; width:auto; height:26px; background:var(--bkgd); border:var(--tborder0); border-radius:6px; padding-left:7px; padding-right:7px; font-family:var(--font2); font-size:14px; line-height:25px; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent1);][comment]
  93.  
  94. --- dialogue bubble text here ----
  95. [/comment]taeyong is typing...[/div]
  96. [div=position:absolute; left:320px; top:52px; width:10px; height:10px; transform:rotate(45deg); background:var(--bkgd); border-bottom:var(--tborder0); border-right:var(--tborder0); box-shadow:var(--chatdivetshadow);][/div]
  97. [comment] ---- TITLE BUBBLE END---- [/comment]
  98.  
  99.  
  100. [comment] ---- TAG BUBBLE START ---- [/comment]
  101. [div=position:absolute; left:300px; top:380px; width:auto; height:20px; background: var(--bkgd); border:var(--tborder0); border-radius:6px; padding-left:7px; padding-right:7px; font-family:var(--font2); font-size:11px; line-height:20px; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent1);][comment]
  102.  
  103. --- tag bubble text here ----
  104. [/comment]tag, you're it:[/div]
  105. [div=position:absolute; left:320px; top:376px; width:8px; height:8px; transform:rotate(45deg); background:var(--bkgd); border-top:var(--tborder0); border-left:var(--tborder0);][/div]
  106. [comment] ---- TAG BUBBLE END---- [/comment]
  107.  
  108.  
  109. [comment] ---- IMG BOXES START ---- [/comment]
  110.  
  111. [comment] ---- img box 1 ---- [/comment]
  112. [div=position:absolute; left:300px; top:75px; width:120px; height:120px; border:var(--border4); background:var(--imgpic1); background-size:cover; background-position:50% 50%;]
  113. [div=position:absolute; left:0px; top:0px; width:120px; height:20px; background:var(--accent4); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--accent0); text-align:center;]icon.png[/div][/div]
  114.  
  115. [comment] ---- img box 2 ---- [/comment]
  116. [div=position:absolute; left:350px; top:215px; width:120px; height:140px; border:var(--border2); background:var(--imgpic2); background-size:cover; background-position:50% 50%;]
  117. [div=position:absolute; left:0px; top:0px; width:120px; height:20px; background:var(--accent2); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--bkgd); text-align:center;]outfit.jpg[/div][/div]
  118.  
  119. [comment] ---- IMG BOXES END---- [/comment]
  120.  
  121. [/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!