ooksie

veiled woods (uxie x hekaton)

Nov 12th, 2020 (edited)
206
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [border=transparent;
  2. *background image;
  3. --bg: url('https://images.unsplash.com/photo-1464457312035-3d7d0e0c058e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80');
  4. *main title + tab titles text colour;
  5. --title: #fff;
  6. *main title bottom border + button colour;
  7. --color-1: #fff;
  8. *tab background colour;
  9. --color-2: #000;
  10. *text colour;
  11. --t-color: #fff;
  12.  
  13. *role images!!! to add a new image, just copy one variable and change the number in --rX to match the one in the new role you made below!);
  14. --r1: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  15. --r2: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  16. --r3: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  17. --r4: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
  18.  
  19. height:460px; width:820px; padding:0; padding-bottom:20px; position:relative; line-height:0; margin:auto;][border=transparent; height:100%; width:100%; padding:15px; box-sizing:border-box; position:relative; display:flex; align-items:flex-end; justify-content:center;]
  20.  
  21. [comment]----tabs 1----
  22. **note: you'll need to input your title twice, in cover page 1 and 2![/comment]
  23. [border=transparent; height:58%; width:65%; padding:0; overflow:hidden;][border=transparent; padding:0; margin:-285px 0 0 -20px; line-height:1340%;][tabs]
  24.  
  25. [comment]----cover page 1 (remember to edit info at cover page 2 as well!)----[/comment]
  26. [tab=aaaa][border=transparent; height:100%; width:100%; padding:15px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:4; display:flex; align-items:center; justify-content:center; line-height:0; pointer-events:none; background: var(--bg); background-size:cover; background-position: center;]
  27. [comment]---title here----[/comment]
  28. [border=transparent; height:fit-content; width:75%; padding:15px; box-sizing:border-box; border-bottom:5px solid var(--color-1); color: var(--title); text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:50px; line-height:100%; text-align:center; -webkit-text-stroke:1px var(--title); margin-top:-20px;][font=Cinzel][comment]
  29. ----* * *title here!----
  30. [/comment]title here[/font][/border]
  31. [/border][/tab]
  32. [comment]----cover page 1 end----[/comment]
  33.  
  34. [comment]----main content----[/comment]
  35. [tab=aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa][border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:2; line-height:0; pointer-events:none;][border=transparent; height:100%; width:100%; padding:15px; box-sizing:border-box; display:flex; align-items:flex-end; justify-content:center; position:relative;]
  36. [comment]----background----[/comment]
  37. [border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:3; pointer-events:none; background: var(--bg); background-size:cover; background-position: center;][/border]
  38.  
  39. [comment]----tabs 2----[/comment]
  40. [border=transparent; height:6%; width:calc(65% - 100px); margin-left:100px; padding:0; overflow:hidden; pointer-events:auto; margin-bottom:9px;][tabs]
  41.  
  42. [comment]----tab one (rules)----[/comment]
  43. [tab=aaaaaaaa][border=transparent; height:82%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:5; pointer-events:none; display:flex; flex-flow:row wrap; justify-content:center;]
  44.  
  45. [comment]----tab title----[/comment]
  46. [border=transparent; height:27%; width:80%; padding:0; display:flex; align-items:center; justify-content:center;]
  47. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:40px; font-weight:bold; letter-spacing:2px; -webkit-text-stroke:1px var(--color-1); line-height:100%; text-transform:uppercase;][font=Cinzel][comment]
  48. ----* * * tab title here!----
  49. [/comment]about[/font][/border]
  50. [/border]
  51.  
  52. [comment]----tab contents----[/comment]
  53. [border=transparent; height:73%; width:73%; padding:16px 0; box-sizing:border-box; background: var(--color-2); overflow:hidden; display:flex; flex-direction:column; pointer-events:auto;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 15px; box-sizing:border-box; color: var(--t-color); font-size:12px; line-height:120%; text-align:justify;][font=Karla][comment]
  54. ----* * * text starts here!----
  55. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tortor tellus, consectetur a odio ut, condimentum gravida arcu. In eleifend lorem enim, vel tempus dolor efficitur quis. Donec nec sagittis nisi, a molestie orci. Phasellus tristique porttitor nisi nec facilisis. Vivamus massa ex, fermentum ut aliquet eu, sodales ut risus. Cras eu sodales tortor, a mollis lacus. Morbi mattis, lorem et ullamcorper iaculis, eros lorem sodales ex, eget aliquam leo eros quis magna. Quisque hendrerit mollis nibh finibus vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla consectetur lorem et justo sollicitudin ullamcorper. Nulla sed erat ut mauris commodo sollicitudin eu ut mauris. Morbi rutrum euismod orci id viverra. In et justo laoreet, condimentum nulla ac, congue nisi.
  56.  
  57. In hac habitasse platea dictumst. Suspendisse a lacinia leo. Integer ultrices luctus finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras venenatis tempus ipsum eu cursus. Proin finibus ut nibh id malesuada. Vestibulum lectus risus, cursus ac volutpat eu, volutpat nec mi. Morbi maximus posuere diam egestas dapibus. Pellentesque eget interdum sem, in iaculis ex.
  58.  
  59. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ullamcorper, tortor vel vehicula maximus, risus sem varius lorem, eu elementum odio purus ut dui. Proin quis lorem et nisi condimentum molestie eu eget diam. Mauris aliquam, neque interdum suscipit pellentesque, magna nulla elementum ligula, et gravida nisl risus id magna. Suspendisse potenti. Suspendisse feugiat ultrices consequat. Donec urna ipsum, mattis a orci ornare, pellentesque mattis nibh. In accumsan leo fermentum turpis lacinia posuere.
  60. [comment]----text ends here!----
  61. [/comment][/font][/border][/border][/border]
  62.  
  63. [/border][/tab]
  64. [comment]----tab one end----[/comment]
  65.  
  66. [comment]----tab two (about)----[/comment]
  67. [tab=aaaaaaaa][border=transparent; height:82%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:5; pointer-events:none; display:flex; flex-flow:row wrap; justify-content:center;]
  68.  
  69. [comment]----tab title----[/comment]
  70. [border=transparent; height:27%; width:80%; padding:0; display:flex; align-items:center; justify-content:center;]
  71. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:40px; font-weight:bold; letter-spacing:2px; -webkit-text-stroke:1px var(--color-1); line-height:100%; text-transform:uppercase;][font=Cinzel][comment]
  72. ----* * * tab title here!----
  73. [/comment]roles[/font][/border]
  74. [/border]
  75.  
  76. [comment]----tab contents
  77. *notes for use: you can delete or add new roles. just follow the instructions for each role box!----[/comment]
  78. [border=transparent; height:73%; width:73%; padding:10px 0; box-sizing:border-box; background: var(--color-2); overflow:hidden; display:flex; flex-direction:column; pointer-events:auto;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 15px; box-sizing:border-box; display:flex; flex-flow: row wrap;]
  79.  
  80. [comment]----role box (copy this whole thing to make a new role! delete this whole thing to get rid of a role!)----[/comment]
  81. [border=transparent; height:115px; width:100%; display:flex; flex-flow: row nowrap; padding:0; box-sizing:border-box; margin:8px 0;]
  82.  
  83. [comment]----role image (when adding a new role, remember to add the picture w/ the variables and change the number in "background: var(--rX);")----[/comment]
  84. [border=transparent; height:115px; width:115px; padding:0; background: var(--r1); background-size:cover; flex-shrink:0;
  85. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  86.  
  87. [comment]----role info----[/comment]
  88. [border=transparent; height:100%; flex-grow:1; padding:0; margin-left:20px; display:flex; flex-flow: row wrap;]
  89. [comment]----role header----[/comment]
  90. [border=transparent; height:25%; width:100%; padding:0; display:flex; flex-flow: row nowrap; align-items:center;]
  91. [comment]----role name----[/comment]
  92. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:20px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; line-height:100%; flex-shrink:0;][font=Cinzel][comment]
  93. ----* * * role name here!----
  94. [/comment]role name[/font][/border]
  95.  
  96. [border=transparent; height:0; width:15px; padding:0; border-top:2px solid var(--t-color); margin:0 8px;][/border]
  97.  
  98. [comment]----small role subtitle----[/comment]
  99. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--t-color); font-size:13px;][font=Karla][comment]
  100. ----* * *short subtitle here----
  101. [/comment]smol description[/font][/border]
  102. [/border]
  103.  
  104. [comment]----role description----[/comment]
  105. [border=transparent; height:calc(75% - 5px); width:100%; margin-top:5px; padding:0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--t-color); font-size:11px; text-align:justify; line-height:120%;][font=Karla][comment]
  106. ----* * * text starts here!----
  107. [/comment]this scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tortor tellus, consectetur a odio ut, condimentum gravida arcu. In eleifend lorem enim, vel tempus dolor efficitur quis. Donec nec sagittis nisi, a molestie orci. Phasellus tristique porttitor nisi nec facilisis. Vivamus massa ex, fermentum ut aliquet eu, sodales ut risus. Cras eu sodales tortor, a mollis lacus. Morbi mattis, lorem et ullamcorper iaculis, eros lorem sodales ex, eget aliquam leo eros quis magna. Quisque hendrerit mollis nibh finibus vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla consectetur lorem et justo sollicitudin ullamcorper. Nulla sed erat ut mauris commodo sollicitudin eu ut mauris. Morbi rutrum euismod orci id viverra. In et justo laoreet, condimentum nulla ac, congue nisi.
  108. [comment]----text ends here---
  109. [/comment][/font][/border][/border][/border]
  110. [/border]
  111. [/border]
  112. [comment]----* * *copy/delete me too!----[/comment]
  113.  
  114. [comment]----role box (copy this whole thing to make a new role! delete this whole thing to get rid of a role!)----[/comment]
  115. [border=transparent; height:115px; width:100%; display:flex; flex-flow: row nowrap; padding:0; box-sizing:border-box; margin:8px 0;]
  116.  
  117. [comment]----role image (when adding a new role, remember to add the picture w/ the variables and change the number in "background: var(--rX);")----[/comment]
  118. [border=transparent; height:115px; width:115px; padding:0; background: var(--r1); background-size:cover; flex-shrink:0;
  119. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  120.  
  121. [comment]----role info----[/comment]
  122. [border=transparent; height:100%; flex-grow:1; padding:0; margin-left:20px; display:flex; flex-flow: row wrap;]
  123. [comment]----role header----[/comment]
  124. [border=transparent; height:25%; width:100%; padding:0; display:flex; flex-flow: row nowrap; align-items:center;]
  125. [comment]----role name----[/comment]
  126. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:20px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; line-height:100%; flex-shrink:0;][font=Cinzel][comment]
  127. ----* * * role name here!----
  128. [/comment]role name[/font][/border]
  129.  
  130. [border=transparent; height:0; width:15px; padding:0; border-top:2px solid var(--t-color); margin:0 8px;][/border]
  131.  
  132. [comment]----small role subtitle----[/comment]
  133. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--t-color); font-size:13px;][font=Karla][comment]
  134. ----* * *short subtitle here----
  135. [/comment]smol description[/font][/border]
  136. [/border]
  137.  
  138. [comment]----role description----[/comment]
  139. [border=transparent; height:calc(75% - 5px); width:100%; margin-top:5px; padding:0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--t-color); font-size:11px; text-align:justify; line-height:120%;][font=Karla][comment]
  140. ----* * * text starts here!----
  141. [/comment]this scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tortor tellus, consectetur a odio ut, condimentum gravida arcu. In eleifend lorem enim, vel tempus dolor efficitur quis. Donec nec sagittis nisi, a molestie orci. Phasellus tristique porttitor nisi nec facilisis. Vivamus massa ex, fermentum ut aliquet eu, sodales ut risus. Cras eu sodales tortor, a mollis lacus. Morbi mattis, lorem et ullamcorper iaculis, eros lorem sodales ex, eget aliquam leo eros quis magna. Quisque hendrerit mollis nibh finibus vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla consectetur lorem et justo sollicitudin ullamcorper. Nulla sed erat ut mauris commodo sollicitudin eu ut mauris. Morbi rutrum euismod orci id viverra. In et justo laoreet, condimentum nulla ac, congue nisi.
  142. [comment]----text ends here---
  143. [/comment][/font][/border][/border][/border]
  144. [/border]
  145. [/border]
  146. [comment]----* * *copy/delete me too!----[/comment]
  147.  
  148. [comment]----role box (copy this whole thing to make a new role! delete this whole thing to get rid of a role!)----[/comment]
  149. [border=transparent; height:115px; width:100%; display:flex; flex-flow: row nowrap; padding:0; box-sizing:border-box; margin:10px 0;]
  150.  
  151. [comment]----role image (when adding a new role, remember to add the picture w/ the variables and change the number in "background: var(--rX);")----[/comment]
  152. [border=transparent; height:115px; width:115px; padding:0; background: var(--r1); background-size:cover; flex-shrink:0;
  153. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  154.  
  155. [comment]----role info----[/comment]
  156. [border=transparent; height:100%; flex-grow:1; padding:0; margin-left:20px; display:flex; flex-flow: row wrap;]
  157. [comment]----role header----[/comment]
  158. [border=transparent; height:25%; width:100%; padding:0; display:flex; flex-flow: row nowrap; align-items:center;]
  159. [comment]----role name----[/comment]
  160. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:20px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; line-height:100%; flex-shrink:0;][font=Cinzel][comment]
  161. ----* * * role name here!----
  162. [/comment]role name[/font][/border]
  163.  
  164. [border=transparent; height:0; width:15px; padding:0; border-top:2px solid var(--t-color); margin:0 8px;][/border]
  165.  
  166. [comment]----small role subtitle----[/comment]
  167. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--t-color); font-size:13px;][font=Karla][comment]
  168. ----* * *short subtitle here----
  169. [/comment]smol description[/font][/border]
  170. [/border]
  171.  
  172. [comment]----role description----[/comment]
  173. [border=transparent; height:calc(75% - 5px); width:100%; margin-top:5px; padding:0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--t-color); font-size:11px; text-align:justify; line-height:120%;][font=Karla][comment]
  174. ----* * * text starts here!----
  175. [/comment]this scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tortor tellus, consectetur a odio ut, condimentum gravida arcu. In eleifend lorem enim, vel tempus dolor efficitur quis. Donec nec sagittis nisi, a molestie orci. Phasellus tristique porttitor nisi nec facilisis. Vivamus massa ex, fermentum ut aliquet eu, sodales ut risus. Cras eu sodales tortor, a mollis lacus. Morbi mattis, lorem et ullamcorper iaculis, eros lorem sodales ex, eget aliquam leo eros quis magna. Quisque hendrerit mollis nibh finibus vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla consectetur lorem et justo sollicitudin ullamcorper. Nulla sed erat ut mauris commodo sollicitudin eu ut mauris. Morbi rutrum euismod orci id viverra. In et justo laoreet, condimentum nulla ac, congue nisi.
  176. [comment]----text ends here---
  177. [/comment][/font][/border][/border][/border]
  178. [/border]
  179. [/border]
  180. [comment]----* * *copy/delete me too!----[/comment]
  181.  
  182. [/border][/border][/border]
  183. [comment]----tab contents end----[/comment]
  184. [/border][/tab]
  185. [comment]----tab two end----[/comment]
  186.  
  187. [comment]----tab three (rules)----[/comment]
  188. [tab=aaaaaaaa][border=transparent; height:82%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:5; pointer-events:none; display:flex; flex-flow:row wrap; justify-content:center;]
  189.  
  190. [comment]----tab title----[/comment]
  191. [border=transparent; height:27%; width:80%; padding:0; display:flex; align-items:center; justify-content:center;]
  192. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:40px; font-weight:bold; letter-spacing:2px; -webkit-text-stroke:1px var(--color-1); line-height:100%; text-transform:uppercase;][font=Cinzel][comment]
  193. ----* * * tab title here!----
  194. [/comment]rules[/font][/border]
  195. [/border]
  196.  
  197. [comment]----tab contents----[/comment]
  198. [border=transparent; height:73%; width:73%; padding:16px 0; box-sizing:border-box; background: var(--color-2); overflow:hidden; display:flex; flex-direction:column; pointer-events:auto;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 15px; box-sizing:border-box; color: var(--t-color); font-size:12px; line-height:120%; text-align:justify;][font=Karla][comment]
  199. ----* * * text starts here!----
  200. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tortor tellus, consectetur a odio ut, condimentum gravida arcu. In eleifend lorem enim, vel tempus dolor efficitur quis. Donec nec sagittis nisi, a molestie orci. Phasellus tristique porttitor nisi nec facilisis. Vivamus massa ex, fermentum ut aliquet eu, sodales ut risus. Cras eu sodales tortor, a mollis lacus. Morbi mattis, lorem et ullamcorper iaculis, eros lorem sodales ex, eget aliquam leo eros quis magna. Quisque hendrerit mollis nibh finibus vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla consectetur lorem et justo sollicitudin ullamcorper. Nulla sed erat ut mauris commodo sollicitudin eu ut mauris. Morbi rutrum euismod orci id viverra. In et justo laoreet, condimentum nulla ac, congue nisi.
  201.  
  202. In hac habitasse platea dictumst. Suspendisse a lacinia leo. Integer ultrices luctus finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras venenatis tempus ipsum eu cursus. Proin finibus ut nibh id malesuada. Vestibulum lectus risus, cursus ac volutpat eu, volutpat nec mi. Morbi maximus posuere diam egestas dapibus. Pellentesque eget interdum sem, in iaculis ex.
  203.  
  204. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ullamcorper, tortor vel vehicula maximus, risus sem varius lorem, eu elementum odio purus ut dui. Proin quis lorem et nisi condimentum molestie eu eget diam. Mauris aliquam, neque interdum suscipit pellentesque, magna nulla elementum ligula, et gravida nisl risus id magna. Suspendisse potenti. Suspendisse feugiat ultrices consequat. Donec urna ipsum, mattis a orci ornare, pellentesque mattis nibh. In accumsan leo fermentum turpis lacinia posuere.
  205. [comment]----text ends here!----
  206. [/comment][/font][/border][/border][/border]
  207.  
  208. [/border][/tab]
  209. [comment]----tab three end----[/comment]
  210. [/tabs][/border]
  211. [comment]----tabs 2 end----[/comment]
  212.  
  213. [comment]----tabs 2 cover----[/comment]
  214. [border=transparent; height:18%; width:100%; padding:0; position:absolute; bottom:0; left:0; z-index:4; display:flex; justify-content:center; pointer-events:none;][border=transparent; height:100%; width:58%; padding:0; display:flex; flex-flow: row nowrap; align-items:center; justify-content:center;]
  215.  
  216. [comment]----button---[/comment]
  217. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:35px; line-height:100%;][comment]
  218. ----* * *button icon here! (replace 'icon' in fa-'icon' with the name of the icon you want to use)----
  219. [/comment][fa]fas fa-home[/fa][/border]
  220. [border=transparent; height:100%; flex-grow:1; padding:0; pointer-events:auto; font-size:0;]filler! ignore[/border]
  221.  
  222. [comment]----button---[/comment]
  223. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:35px; line-height:100%;][comment]
  224. ----* * *button icon here! (replace 'icon' in fa-'icon' with the name of the icon you want to use)----
  225. [/comment][fa]fas fa-address-book[/fa][/border]
  226. [border=transparent; height:100%; flex-grow:1; padding:0; pointer-events:auto; font-size:0;]filler! ignore[/border]
  227.  
  228. [comment]----button---[/comment]
  229. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:35px; line-height:100%;][comment]
  230. ----* * *button icon here! (replace 'icon' in fa-'icon' with the name of the icon you want to use)----
  231. [/comment][fa]fas fa-pencil-alt[/fa][/border]
  232. [border=transparent; height:100%; flex-grow:1; padding:0; pointer-events:auto; font-size:0;]filler! ignore[/border]
  233.  
  234. [comment]----button---[/comment]
  235. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:35px; line-height:100%;][comment]
  236. ----* * *button icon here! (replace 'icon' in fa-'icon' with the name of the icon you want to use)----
  237. [/comment][fa]fas fa-balance-scale[/fa][/border]
  238.  
  239. [/border][/border]
  240.  
  241. [/border][/border][/tab]
  242. [comment]----main content end----[/comment]
  243.  
  244. [comment]----cover page 2 (remember to edit info at cover page 1 as well!)----[/comment]
  245. [tab=aaaa][border=transparent; height:100%; width:100%; padding:15px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:4; display:flex; align-items:center; justify-content:center; line-height:0; pointer-events:none; background: var(--bg); background-size:cover; background-position: center;]
  246. [comment]---title here----[/comment]
  247. [border=transparent; height:fit-content; width:75%; padding:15px; box-sizing:border-box; border-bottom:5px solid var(--color-1); color: var(--title); text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:50px; line-height:100%; text-align:center; -webkit-text-stroke:1px var(--title); margin-top:-20px;][font=Cinzel][comment]
  248. ----* * *title here!----
  249. [/comment]title here[/font][/border]
  250. [/border][/tab]
  251. [comment]----cover page 2 end----[/comment]
  252.  
  253. [/tabs][/border][/border]
  254. [comment]----tabs 1 end----[/comment]
  255. [/border][comment]----signature! (do not remove!)-----
  256. [/comment][bg=transparent; height:fit-content; padding:0; width:100%; position:absolute; bottom:10px; left:0; z-index:7;opacity:0.7;font-size:10px;text-align:center; line-height:100%;][font=Open Sans]♡design by hekaton, coded by uxie♡[/font][/bg][/border]
RAW Paste Data Copied