ooksie

red wine (uxie x latte)

Nov 4th, 2020 (edited)
309
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [border=transparent;
  2. *background/border colour + button colours;
  3. --bg-color: #2A1A1D;
  4. *name colour;
  5. --name: #2A1A1D;
  6. *subtitle colour below main name!
  7. --subtitle: #3C3030;
  8. *lighter colour (bg of name and tabs);
  9. --color-1: #e5dede;
  10. *darker colour (tabs border + main accent colour);
  11. --color-2: #7f4141;
  12. *text colour;
  13. --t-color: #000;
  14. *the one image!;
  15. --img-1: url('https://i.pinimg.com/564x/22/71/15/227115304c5cb017cf77a4c5d9791e79.jpg');
  16.  
  17. height:fit-content; width:100%; max-width:900px; padding:0; padding-bottom:20px; margin:auto; line-height:0; position:relative;][border=transparent; height:100%; width:100%; max-width:900px; background-color: var(--bg-color); display:flex; flex-wrap:wrap; justify-content:center; align-content:center; padding:10px; box-sizing:border-box;]
  18. [comment]----side bar----[/comment]
  19. [border=transparent; height:500px; width:280px; padding:0; margin:10px; display:flex; flex-flow: column nowrap; align-items:center; justify-content:center;]
  20. [comment]----image----[/comment]
  21. [border=transparent; flex-grow:1; width:100%; padding:0; background: var(--img-1); background-size:cover; margin-bottom:20px;
  22. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  23.  
  24. [comment]----name & title----[/comment]
  25. [border=transparent; height:fit-content; width:100%; padding:10px; box-sizing:border-box; flex-shrink:0; background-color: var(--color-1); display:flex; flex-flow: row wrap; align-items:center; justify-content:center;]
  26. [comment]----name----[/comment]
  27. [border=transparent; height:fit-content; width:100%; padding:0; line-height:100%; margin-top:-3px; letter-spacing:1px; font-size:45px; font-weight:bold; color: var(--name); text-align:center;][font=Mrs Saint Delafield][comment]
  28. ----* * *your character's name here!----
  29. [/comment]Lady Ianthe[/font][/border]
  30. [comment]----title----[/comment]
  31. [border=transparent; height:fit-content; width:fit-content; padding:0; line-height:100%; margin-top:5px; font-weight:bold; font-size:15px; text-transform:uppercase; color: var(--subtitle);][font=Crimson Text][comment]
  32. ----* * *your character's title here! (no title? leave it empty!)----
  33. [/comment]lady of the lune[/font][/border]
  34. [/border]
  35. [/border]
  36. [comment]----side bar end----[/comment]
  37.  
  38. [comment]----body----[/comment]
  39. [border=transparent; height:500px; width:100%; max-width:560px; padding:10px 5px 20px 5px; box-sizing:border-box; background-color:var(--color-2); margin:10px;][border=transparent; height:100%; width:100%; padding:0; position:relative; display:flex; justify-content:center;]
  40. [comment]----tabs----[/comment]
  41. [border=transparent; margin-top:8px; height:10%; width:320px; background:red; padding:0; overflow:hidden;][border=transparent; padding:0; margin:10px -10px 0 -10px;][tabs]
  42.  
  43. [comment]----tab one----[/comment]
  44. [tab=aiii][border=transparent; height:86%; width:100%; padding:0 15px; box-sizing:border-box; position:absolute; bottom:0; left:0;][border=transparent; height:100%; width:100%; padding:10px 0; box-sizing:border-box; background-color: var(--color-1); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  45.  
  46. [comment]----header----[/comment]
  47. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  48. ----* * * section header here----
  49. [/comment]hellloooooo[/font][/border]
  50. [comment]----header end----[/comment]
  51.  
  52. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  53. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  54. ----* * * section text starts here!----
  55. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  56.  
  57. Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  58. [/font][/border][/border]
  59. [comment]----text end----[/comment]
  60.  
  61. [comment]----header----[/comment]
  62. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  63. ----* * * section header here----
  64. [/comment]hellloooooo[/font][/border]
  65. [comment]----header end----[/comment]
  66.  
  67. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  68. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  69. ----* * * section text starts here!----
  70. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  71. [/font][/border][/border]
  72. [comment]----text end----[/comment]
  73.  
  74. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  75. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  76. ----* * * section text starts here!----
  77. [/comment]Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  78. [/font][/border][/border]
  79. [comment]----text end----[/comment]
  80.  
  81. [/border][/border][/border][/tab]
  82. [comment]----tab one end----[/comment]
  83.  
  84. [comment]----tab two----[/comment]
  85. [tab=aiii][border=transparent; height:86%; width:100%; padding:0 15px; box-sizing:border-box; position:absolute; bottom:0; left:0;][border=transparent; height:100%; width:100%; padding:10px 0; box-sizing:border-box; background-color: var(--color-1); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  86.  
  87. [comment]----header----[/comment]
  88. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  89. ----* * * section header here----
  90. [/comment]welcome to tab 2[/font][/border]
  91. [comment]----header end----[/comment]
  92.  
  93. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  94. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  95. ----* * * section text starts here!----
  96. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  97.  
  98. Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  99. [/font][/border][/border]
  100. [comment]----text end----[/comment]
  101.  
  102. [comment]----header----[/comment]
  103. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  104. ----* * * section header here----
  105. [/comment]hellloooooo[/font][/border]
  106. [comment]----header end----[/comment]
  107.  
  108. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  109. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  110. ----* * * section text starts here!----
  111. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  112. [/font][/border][/border]
  113. [comment]----text end----[/comment]
  114.  
  115. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  116. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  117. ----* * * section text starts here!----
  118. [/comment]Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  119. [/font][/border][/border]
  120. [comment]----text end----[/comment]
  121.  
  122. [/border][/border][/border][/tab]
  123. [comment]----tab two end----[/comment]
  124.  
  125. [comment]----tab three----[/comment]
  126. [tab=aiii][border=transparent; height:86%; width:100%; padding:0 15px; box-sizing:border-box; position:absolute; bottom:0; left:0;][border=transparent; height:100%; width:100%; padding:10px 0; box-sizing:border-box; background-color: var(--color-1); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  127.  
  128. [comment]----header----[/comment]
  129. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  130. ----* * * section header here----
  131. [/comment]tab three tab threeee[/font][/border]
  132. [comment]----header end----[/comment]
  133.  
  134. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  135. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  136. ----* * * section text starts here!----
  137. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  138.  
  139. Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  140. [/font][/border][/border]
  141. [comment]----text end----[/comment]
  142.  
  143. [comment]----header----[/comment]
  144. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  145. ----* * * section header here----
  146. [/comment]hellloooooo[/font][/border]
  147. [comment]----header end----[/comment]
  148.  
  149. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  150. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  151. ----* * * section text starts here!----
  152. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  153. [/font][/border][/border]
  154. [comment]----text end----[/comment]
  155.  
  156. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  157. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  158. ----* * * section text starts here!----
  159. [/comment]Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  160. [/font][/border][/border]
  161. [comment]----text end----[/comment]
  162.  
  163. [/border][/border][/border][/tab]
  164. [comment]----tab three end----[/comment]
  165.  
  166. [comment]----tab four----[/comment]
  167. [tab=aiii][border=transparent; height:86%; width:100%; padding:0 15px; box-sizing:border-box; position:absolute; bottom:0; left:0;][border=transparent; height:100%; width:100%; padding:10px 0; box-sizing:border-box; background-color: var(--color-1); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  168.  
  169. [comment]----header----[/comment]
  170. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  171. ----* * * section header here----
  172. [/comment]four four four four[/font][/border]
  173. [comment]----header end----[/comment]
  174.  
  175. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  176. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  177. ----* * * section text starts here!----
  178. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  179.  
  180. Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  181. [/font][/border][/border]
  182. [comment]----text end----[/comment]
  183.  
  184. [comment]----header----[/comment]
  185. [border=transparent; height:fit-content; width:50%; padding:3px 10px 3px 15px; box-sizing:border-box; background-color: var(--color-1); color: var(--color-2); font-weight:bold; line-height:100%; position:sticky; top:0; font-size:38px;][font=Mrs Saint Delafield][comment]
  186. ----* * * section header here----
  187. [/comment]hellloooooo[/font][/border]
  188. [comment]----header end----[/comment]
  189.  
  190. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  191. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  192. ----* * * section text starts here!----
  193. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et posuere enim, sit amet pellentesque mauris. Sed pharetra tristique pretium. Sed ac tempor purus, quis accumsan velit. Pellentesque tristique, felis et accumsan facilisis, nisl enim finibus diam, at tempus eros quam ac nulla. Ut scelerisque consequat diam vel luctus. Fusce tincidunt purus sed massa consectetur vehicula. Suspendisse scelerisque facilisis sollicitudin. Quisque nec leo quis magna ullamcorper ullamcorper. Ut congue gravida consequat. Sed nec libero id leo porta vehicula. Donec mattis, ipsum at pretium euismod, neque felis facilisis ex, nec molestie augue ipsum id lorem. Curabitur suscipit nisi vel finibus imperdiet. Nam sollicitudin elit tortor, et condimentum mi volutpat nec. Aliquam lobortis dui quis elit vulputate, sed vulputate neque aliquet. Pellentesque at purus a tellus condimentum placerat.
  194. [/font][/border][/border]
  195. [comment]----text end----[/comment]
  196.  
  197. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  198. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; margin:5px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:1px solid var(--color-2); padding:0 5px 15px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:13px; line-height:110%;][font=Crimson Text][comment]
  199. ----* * * section text starts here!----
  200. [/comment]Etiam quis tristique urna. Nunc cursus sapien erat, et posuere tellus malesuada at. Donec vestibulum consectetur est, quis condimentum est vehicula sit amet. Ut ac tincidunt ante, et vestibulum libero. Donec hendrerit diam dictum, lobortis augue et, ullamcorper eros. Ut mi arcu, fringilla a ante ac, varius semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  201. [/font][/border][/border]
  202. [comment]----text end----[/comment]
  203.  
  204. [/border][/border][/border][/tab]
  205. [comment]----tab four end----[/comment]
  206.  
  207. [/tabs][/border]
  208. [comment]----tabs end----[/comment]
  209.  
  210. [comment]----tabs cover----[/comment]
  211. [border=transparent; height:14%; width:100%; padding:0 0 5px 0; box-sizing:border-box; background-color: var(--color-2); position:absolute; top:0; left:0; z-index:3; display:flex; align-items:center; justify-content:center; pointer-events:none;]
  212. [border=transparent; height:100%; flex-grow:1; padding:0; pointer-events:auto; font-size:0;] filler! ignore! [/border]
  213. [comment]----button----[/comment]
  214. [border=transparent; height:40px; width:40px; padding:0; background-color: var(--bg-color); border-radius:50%; flex-shrink:0;][/border]
  215. [border=transparent; height:100%; width:42px; padding:0; pointer-events:auto; font-size:0; flex-shrink:0;] filler! ignore! [/border]
  216. [comment]----button----[/comment]
  217. [border=transparent; height:40px; width:40px; padding:0; background-color: var(--bg-color); border-radius:50%; flex-shrink:0;][/border]
  218. [border=transparent; height:100%; width:42px; padding:0; pointer-events:auto; font-size:0; flex-shrink:0;] filler! ignore! [/border]
  219. [comment]----button----[/comment]
  220. [border=transparent; height:40px; width:40px; padding:0; background-color: var(--bg-color); border-radius:50%; flex-shrink:0;][/border]
  221. [border=transparent; height:100%; width:42px; padding:0; pointer-events:auto; font-size:0; flex-shrink:0;] filler! ignore! [/border]
  222. [comment]----button----[/comment]
  223. [border=transparent; height:40px; width:40px; padding:0; background-color: var(--bg-color); border-radius:50%; flex-shrink:0;][/border]
  224. [border=transparent; height:100%; flex-grow:1; padding:0; pointer-events:auto; font-size:0;] filler! ignore! [/border]
  225. [/border]
  226. [comment]----tabs cover end----[/comment]
  227.  
  228. [/border][/border]
  229. [comment]----body end----[/comment]
  230. [/border][/border][comment]----signature! (do not remove!)-----
  231. [/comment][bg=transparent; height:fit-content; padding:0; width:100%; position:absolute; left:0; bottom:10px; z-index:7;opacity:0.7;font-size:10px;text-align:center; line-height:130%; color: var(--color-2);][font=Open Sans]♡design by latte, coded by uxie♡[/font][/bg][/border]
RAW Paste Data Copied