ooksie

autumn leaves (uxie x latte)

Nov 27th, 2020 (edited)
158
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [border=transparent;
  2. *main background colour;
  3. --bg-1: #D57231;
  4. *contents background colour;
  5. --bg-2: #f7eacd;
  6. *main accent colour (headers, picture frames, button text colour);
  7. --color-1: #7F2912;
  8. *button colour;
  9. --button: #D1A88C;
  10. *text colour;
  11. --t-color: #000;
  12.  
  13. *main image;
  14. --img-1: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  15. *appearance images;
  16. --aimg-1: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  17. --aimg-2: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  18. *gallery images;
  19. --gimg-1: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  20. --gimg-2: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  21. --gimg-3: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  22. --gimg-4: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  23. *outfit images;
  24. --oimg-1: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  25. --oimg-2: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  26. --oimg-3: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  27. --oimg-4: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  28.  
  29. height:450px; width:750px; padding:0; padding-bottom:25px; line-height:0; margin:auto; position:relative;][border=transparent; height:450px; width:100%; padding:15px; box-sizing:border-box; background: var(--bg-1); position:relative; display:flex; flex-flow: row nowrap; align-items:flex-end;]
  30.  
  31. [comment]----tabs cover----[/comment]
  32. [border=transparent; height:100%; width:33%; padding:15px; box-sizing:border-box; position:absolute; top:0; left:0; display:flex; flex-flow: column nowrap; align-items:center; pointer-events:none; background: var(--bg-1);]
  33.  
  34. [comment]----main image----[/comment]
  35. [border=transparent; height:51%; width:95%; padding:0; background: var(--img-1); background-size:cover; flex-shrink:0;
  36. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  37.  
  38. [comment]----buttons----[/comment]
  39. [border=transparent; height:46%; width:100%; padding:0; margin-top:auto; display:flex; flex-flow: column nowrap;]
  40. [border=transparent; height:fit-content; width:100%; padding:6px 15px; box-sizing:border-box; background: var(--color-1); border-radius:15px; text-align:center; color: var(--button); text-transform:uppercase; font-weight:bold; font-size:18px; letter-spacing:1px; line-height:100%; flex-shrink:0; margin:4px 0;][font=Roboto][comment]
  41. ----* * * button here----
  42. [/comment]overview[/font][/border]
  43. [border=transparent; height:fit-content; width:100%; padding:6px 15px; box-sizing:border-box; background: var(--color-1); border-radius:15px; text-align:center; color: var(--button); text-transform:uppercase; font-weight:bold; font-size:18px; letter-spacing:1px; line-height:100%; flex-shrink:0; margin:4px 0;][font=Roboto][comment]
  44. ----* * * button here----
  45. [/comment]appearance[/font][/border]
  46. [border=transparent; height:fit-content; width:100%; padding:6px 15px; box-sizing:border-box; background: var(--color-1); border-radius:15px; text-align:center; color: var(--button); text-transform:uppercase; font-weight:bold; font-size:18px; letter-spacing:1px; line-height:100%; flex-shrink:0; margin:4px 0;][font=Roboto][comment]
  47. ----* * * button here----
  48. [/comment]personality[/font][/border]
  49. [border=transparent; height:fit-content; width:100%; padding:6px 15px; box-sizing:border-box; background: var(--color-1); border-radius:15px; text-align:center; color: var(--button); text-transform:uppercase; font-weight:bold; font-size:18px; letter-spacing:1px; line-height:100%; flex-shrink:0; margin:4px 0;][font=Roboto][comment]
  50. ----* * * button here----
  51. [/comment]bio[/font][/border]
  52. [border=transparent; height:fit-content; width:100%; padding:6px 15px; box-sizing:border-box; background: var(--color-1); border-radius:15px; text-align:center; color: var(--button); text-transform:uppercase; font-weight:bold; font-size:18px; letter-spacing:1px; line-height:100%; flex-shrink:0; margin:4px 0;][font=Roboto][comment]
  53. ----* * * button here----
  54. [/comment]gallery[/font][/border]
  55. [/border]
  56. [comment]----buttons end----[/comment]
  57.  
  58. [/border]
  59. [comment]----tabs cover end----[/comment]
  60.  
  61. [comment]----tabs----[/comment]
  62. [border=transparent; height:45%; width:30%; padding:0; overflow:hidden;][border=transparent; padding:0; margin:-3px 0 0 -20px; line-height:35px;][tabs]
  63.  
  64. [comment]----tab one (overview)----[/comment]
  65. [tab=aaaaaaaaaaaaaaaaaaaaaa][border=transparent; height:100%; width:68%; padding:15px; box-sizing:border-box; position:absolute; top:0; right:0; line-height:0;]
  66. [comment]----tab contents----[/comment]
  67. [border=transparent; height:100%; width:100%; padding:15px 0; box-sizing:border-box; background: var(--bg-2); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  68.  
  69. [comment]----header----[/comment]
  70. [border=transparent; height:fit-content; width:50%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px;][font=Beth Ellen][comment]
  71. ----* * * section header here----
  72. [/comment]header[/font][/border]
  73. [comment]----header end----[/comment]
  74.  
  75. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  76. [border=transparent; height:fit-content; width:50%; padding:0 15px; box-sizing:border-box; margin:10px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:2px solid var(--color-1); padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  77. ----* * * section text starts here!----
  78. [/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.
  79.  
  80. 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.
  81. [/font][/border][/border]
  82. [comment]----text end----[/comment]
  83.  
  84. [comment]----header----[/comment]
  85. [border=transparent; height:fit-content; width:50%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px;][font=Beth Ellen][comment]
  86. ----* * * section header here----
  87. [/comment]header[/font][/border]
  88. [comment]----header end----[/comment]
  89.  
  90. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  91. [border=transparent; height:fit-content; width:50%; padding:0 15px; box-sizing:border-box; margin:10px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:2px solid var(--color-1); padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  92. ----* * * section text starts here!----
  93. [/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.
  94.  
  95. 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.
  96. [/font][/border][/border]
  97. [comment]----text end----[/comment]
  98.  
  99. [/border][/border]
  100. [comment]----tab contents end----[/comment]
  101. [/border][/tab]
  102. [comment]----tab one end----[/comment]
  103.  
  104.  
  105. [comment]----tab two (appearance)----[/comment]
  106. [tab=aaaaaaaaaaaaaaaaaaaaaa][border=transparent; height:100%; width:68%; padding:15px; box-sizing:border-box; position:absolute; top:0; right:0; line-height:0;]
  107. [comment]----tab contents----[/comment]
  108. [border=transparent; height:100%; width:100%; padding:15px 0; box-sizing:border-box; background: var(--bg-2); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  109.  
  110. [comment]----copy this entire thing to make one new section (section 1 -- alternate section 1 and 2)----[/comment]
  111. [border=transparent; height:auto; width:calc(50% - 30px); padding:0; box-sizing:border-box; display:flex; flex-flow: row nowrap; border-bottom:2px solid var(--color-1); margin:0 15px 10px 15px;]
  112.  
  113. [comment]----section info----[/comment]
  114. [border=transparent; height:auto; flex-grow:1; padding:0; display:flex; flex-flow: column nowrap;]
  115. [comment]----header----[/comment]
  116. [border=transparent; height:fit-content; width:100%; padding:3px 0px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px;][font=Beth Ellen][comment]
  117. ----* * * section header here----
  118. [/comment]header[/font][/border]
  119. [comment]----header end----[/comment]
  120.  
  121. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  122. [border=transparent; height:fit-content; width:100%; padding:0; margin:10px 0 0 0;][border=transparent; height:fit-content; width:100%; padding:0; padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  123. ----* * * section text starts here!----
  124. [/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.
  125. [/font][/border][/border]
  126. [comment]----text end----[/comment]
  127. [/border]
  128. [comment]----section info end----[/comment]
  129.  
  130. [comment]----image----[/comment]
  131. [border=transparent; height:120px; width:120px; padding:5px; flex-shrink:0; margin:20px 10px; border-radius:50%; border:4px solid var(--color-1);][border=transparent; height:100%; width:100%; padding:0; border-radius:50%; background: var(--aimg-1); background-size:cover;
  132. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  133.  
  134. [/border]
  135. [comment]----copy me too!----[/comment]
  136.  
  137. [comment]----copy this entire thing to make one new section (section 2 -- alternate section 1 and 2)----[/comment]
  138. [border=transparent; height:auto; width:calc(50% - 30px); padding:0; box-sizing:border-box; display:flex; flex-flow: row-reverse nowrap; border-bottom:2px solid var(--color-1); margin:0 15px 10px 15px;]
  139.  
  140. [comment]----section info----[/comment]
  141. [border=transparent; height:auto; flex-grow:1; padding:0; display:flex; flex-flow: column nowrap;]
  142. [comment]----header----[/comment]
  143. [border=transparent; height:fit-content; width:100%; padding:3px 0px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px; text-align:right;][font=Beth Ellen][comment]
  144. ----* * * section header here----
  145. [/comment]header[/font][/border]
  146. [comment]----header end----[/comment]
  147.  
  148. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  149. [border=transparent; height:fit-content; width:100%; padding:0; margin:10px 0 0 0;][border=transparent; height:fit-content; width:100%; padding:0; padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  150. ----* * * section text starts here!----
  151. [/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.
  152. [/font][/border][/border]
  153. [comment]----text end----[/comment]
  154. [/border]
  155. [comment]----section info end----[/comment]
  156.  
  157. [comment]----image----[/comment]
  158. [border=transparent; height:120px; width:120px; padding:5px; flex-shrink:0; margin:20px 10px; border-radius:50%; border:4px solid var(--color-1);][border=transparent; height:100%; width:100%; padding:0; border-radius:50%; background: var(--aimg-2); background-size:cover;
  159. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  160.  
  161. [/border]
  162. [comment]----copy me too!----[/comment]
  163.  
  164. [/border][/border]
  165. [comment]----tab contents end----[/comment]
  166. [/border][/tab]
  167. [comment]----tab two end----[/comment]
  168.  
  169.  
  170. [comment]----tab three (personality)----[/comment]
  171. [tab=aaaaaaaaaaaaaaaaaaaaaa][border=transparent; height:100%; width:68%; padding:15px; box-sizing:border-box; position:absolute; top:0; right:0; line-height:0;]
  172. [comment]----tab contents----[/comment]
  173. [border=transparent; height:100%; width:100%; padding:15px 0; box-sizing:border-box; background: var(--bg-2); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  174.  
  175. [comment]----header----[/comment]
  176. [border=transparent; height:fit-content; width:50%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px;][font=Beth Ellen][comment]
  177. ----* * * section header here----
  178. [/comment]header[/font][/border]
  179. [comment]----header end----[/comment]
  180.  
  181. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  182. [border=transparent; height:fit-content; width:50%; padding:0 15px; box-sizing:border-box; margin:10px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:2px solid var(--color-1); padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  183. ----* * * section text starts here!----
  184. [/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.
  185.  
  186. 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.
  187. [/font][/border][/border]
  188. [comment]----text end----[/comment]
  189.  
  190. [comment]----header----[/comment]
  191. [border=transparent; height:fit-content; width:50%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px;][font=Beth Ellen][comment]
  192. ----* * * section header here----
  193. [/comment]header[/font][/border]
  194. [comment]----header end----[/comment]
  195.  
  196. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  197. [border=transparent; height:fit-content; width:50%; padding:0 15px; box-sizing:border-box; margin:10px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:2px solid var(--color-1); padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  198. ----* * * section text starts here!----
  199. [/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.
  200.  
  201. 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.
  202. [/font][/border][/border]
  203. [comment]----text end----[/comment]
  204.  
  205. [/border][/border]
  206. [comment]----tab contents end----[/comment]
  207. [/border][/tab]
  208. [comment]----tab three end----[/comment]
  209.  
  210.  
  211. [comment]----tab four (history)----[/comment]
  212. [tab=aaaaaaaaaaaaaaaaaaaaaa][border=transparent; height:100%; width:68%; padding:15px; box-sizing:border-box; position:absolute; top:0; right:0; line-height:0;]
  213. [comment]----tab contents----[/comment]
  214. [border=transparent; height:100%; width:100%; padding:15px 0; box-sizing:border-box; background: var(--bg-2); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  215.  
  216. [comment]----header----[/comment]
  217. [border=transparent; height:fit-content; width:50%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px;][font=Beth Ellen][comment]
  218. ----* * * section header here----
  219. [/comment]header[/font][/border]
  220. [comment]----header end----[/comment]
  221.  
  222. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  223. [border=transparent; height:fit-content; width:50%; padding:0 15px; box-sizing:border-box; margin:10px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:2px solid var(--color-1); padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  224. ----* * * section text starts here!----
  225. [/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.
  226.  
  227. 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.
  228. [/font][/border][/border]
  229. [comment]----text end----[/comment]
  230.  
  231. [comment]----header----[/comment]
  232. [border=transparent; height:fit-content; width:50%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:32px;][font=Beth Ellen][comment]
  233. ----* * * section header here----
  234. [/comment]header[/font][/border]
  235. [comment]----header end----[/comment]
  236.  
  237. [comment]----text (keep all your text within this if you want it in the same section!)----[/comment]
  238. [border=transparent; height:fit-content; width:50%; padding:0 15px; box-sizing:border-box; margin:10px 0;][border=transparent; height:fit-content; width:100%; padding:0; border-bottom:2px solid var(--color-1); padding:0 5px 20px 5px; box-sizing:border-box; text-align:justify; color: var(--t-color); font-size:12px; line-height:130%;][font=Roboto][comment]
  239. ----* * * section text starts here!----
  240. [/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.
  241.  
  242. 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.
  243. [/font][/border][/border]
  244. [comment]----text end----[/comment]
  245.  
  246. [/border][/border]
  247. [comment]----tab contents end----[/comment]
  248. [/border][/tab]
  249. [comment]----tab four end----[/comment]
  250.  
  251.  
  252. [comment]----tab five (gallery)----[/comment]
  253. [tab=aaaaaaaaaaaaaaaaaaaaaa][border=transparent; height:100%; width:68%; padding:15px; box-sizing:border-box; position:absolute; top:0; right:0; line-height:0;]
  254. [comment]----tab contents----[/comment]
  255. [border=transparent; height:100%; width:100%; padding:15px; box-sizing:border-box; background: var(--bg-2); display:flex; flex-flow: column nowrap; align-items:center; justify-content:center; font-size:0;]filler text! ignore
  256.  
  257. [comment]----gallery----[/comment]
  258. [border=transparent; height:47%; width:90%; padding:0; margin-bottom:10px; display:flex; flex-flow: column nowrap;]
  259. [comment]----title----[/comment]
  260. [border=transparent; height:fit-content; width:100%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:30px; flex-shrink:0;][font=Beth Ellen][comment]
  261. ----* * * section header here----
  262. [/comment]Gallery[/font][/border]
  263.  
  264. [comment]----gallery contents----[/comment]
  265. [border=transparent; flex-grow:1; width:100%; padding:0; margin-top:5px; display:flex; flex-flow: row nowrap; overflow:hidden;][border=transparent; height:200%; width:100%; padding:0; overflow-x:scroll;][border=transparent; height:50%; width:auto; padding:0; display:flex; flex-flow: row nowrap; align-items:flex-end;]
  266. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--gimg-1); background-size:cover;
  267. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  268. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--gimg-2); background-size:cover;
  269. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  270. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--gimg-3); background-size:cover;
  271. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  272. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--gimg-4); background-size:cover;
  273. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  274. [/border]
  275. [/border][/border][/border]
  276. [comment]----gallery end----[/comment]
  277.  
  278. [comment]----outfits----[/comment]
  279. [border=transparent; height:47%; width:90%; padding:0; display:flex; flex-flow: column nowrap;]
  280. [comment]----title----[/comment]
  281. [border=transparent; height:fit-content; width:100%; padding:3px 15px; box-sizing:border-box; background-color: var(--bg-2); color: var(--color-1); font-weight:bold; line-height:100%; font-size:30px; flex-shrink:0;][font=Beth Ellen][comment]
  282. ----* * * section header here----
  283. [/comment]Outfits[/font][/border]
  284.  
  285. [comment]----outfits contents----[/comment]
  286. [border=transparent; flex-grow:1; width:100%; padding:0; margin-top:5px; display:flex; flex-flow: row nowrap; overflow:hidden;][border=transparent; height:200%; width:100%; padding:0; overflow-x:scroll;][border=transparent; height:50%; width:auto; padding:0; display:flex; flex-flow: row nowrap; align-items:flex-end;]
  287. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--oimg-1); background-size:cover;
  288. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  289. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--oimg-2); background-size:cover;
  290. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  291. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--oimg-3); background-size:cover;
  292. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  293. [border=transparent; height:125px; width:125px; padding:5px; box-sizing:border-box; border:3px solid var(--color-1); flex-shrink:0; margin: 0 6px;][border=transparent; height:100%; width:100%; padding:0; background: var(--oimg-4); background-size:cover;
  294. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border][/border]
  295. [/border]
  296. [/border][/border][/border]
  297. [comment]----outfits end----[/comment]
  298.  
  299. [/border]
  300. [comment]----tab contents end----[/comment]
  301. [/border][/tab]
  302. [comment]----tab five end----[/comment]
  303.  
  304.  
  305. [/tabs][/border][/border]
  306. [comment]----tabs end----[/comment]
  307.  
  308. [/border][comment]----signature! (do not remove!)-----
  309. [/comment][bg=transparent; height:fit-content; padding:0; width:100%; position:absolute; bottom:15px; left:10px; z-index:7;opacity:0.7;font-size:10px;text-align:center; line-height:100%; color: var(--t-color);][font=Open Sans]♡design by latte, coded by uxie♡[/font][/bg][/border]
RAW Paste Data Copied