ooksie

panem streets (uxie x rabbitswarren)

Nov 8th, 2020 (edited)
66
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [border=transparent;
  2. *background image;
  3. --bg: url('https://media.discordapp.net/attachments/763695220701134872/774904544060375040/proxy.png?width=1256&height=566');
  4. *border around each box!;
  5. --bg-color: rgb(127, 0, 0, 0.7);
  6. *big title header colour;
  7. --header: #560000;
  8. *header subtitle colour;
  9. --subtitle: #7F0000;
  10. *background of the text boxes;
  11. --color-1: #C6A38D;
  12. *subheader colour!;
  13. --color-2: #7F0000;
  14. *text colour;
  15. --t-color: #7F0000;
  16.  
  17. *special image button image;
  18. --button: url('https://cdn.discordapp.com/attachments/763695220701134872/774922197567143936/proxy.png');
  19. *left picture box;
  20. --img-1: url('https://user-images.githubusercontent.com/194400/49531010-48dad180-f8b1-11e8-8d89-1e61320e1d82.png');
  21. *right picture box;
  22. --img-2: url('https://user-images.githubusercontent.com/194400/49531010-48dad180-f8b1-11e8-8d89-1e61320e1d82.png');
  23.  
  24. height:460px; width:900px; padding:0; padding-bottom:20px; line-height:0; position:relative; margin:auto;][border=transparent; height:100%; width:880px; padding:15px; box-sizing:border-box; background: var(--bg); background-size:cover; display:flex; flex-flow: row wrap; justify-content:center; align-items:flex-start; align-content:space-between;
  25. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;]
  26.  
  27. [comment]----row one----[/comment]
  28. [border=transparent; height:19%; width:100%; padding:0; display:flex; flex-flow: row nowrap; justify-content:center; align-items:center;]
  29.  
  30. [comment]----picture box one----[/comment]
  31. [border=transparent; height:100%; width:28%; padding:8px; box-sizing:border-box; background: var(--bg-color); border-radius:10px; flex-shrink:0;]
  32. [border=transparent; height:100%; width:100%; padding:0; background: var(--img-1); border-radius:10px; background-size:cover;
  33. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  34. [/border]
  35.  
  36. [comment]----title box----[/comment]
  37. [border=transparent; height:100%; flex-grow:1; margin:0 15px; padding:8px; box-sizing:border-box; background: var(--bg-color); border-radius:10px;]
  38. [border=transparent; height:100%; width:100%; padding:0; background: var(--color-1); border-radius:10px; display:flex; flex-flow: column nowrap; align-items:center; justify-content:center;]
  39. [comment]----title----[/comment]
  40. [border=transparent; height:fit-content; width:fit-content; padding:0; margin-bottom:3px; color: var(--header); font-size:35px; letter-spacing:0.5px; line-height:90%; font-weight:bold;][font=Italianno][comment]
  41. ----* * * title here----
  42. [/comment]Title of RP[/font][/border]
  43.  
  44. [comment]----subtitle----[/comment]
  45. [border=transparent; height:fit-content; width:fit-content; padding:0; margin-bottom:3px; color: var(--subtitle); font-size:14px; letter-spacing:0.5px; line-height:110%;][font=Times New Roman][comment]
  46. ----* * * subtitle here----
  47. [/comment]Current Thread: Sign-up[/font][/border]
  48. [/border]
  49. [/border]
  50. [comment]----title box end----[/comment]
  51.  
  52. [comment]----picture box two----[/comment]
  53. [border=transparent; height:100%; width:28%; padding:8px; box-sizing:border-box; background: var(--bg-color); border-radius:10px; flex-shrink:0;]
  54. [border=transparent; height:100%; width:100%; padding:0; background: var(--img-2); border-radius:10px; background-size:cover;
  55. /*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  56. [/border]
  57.  
  58. [/border]
  59. [comment]----row one end----[/comment]
  60.  
  61. [comment]----row two----[/comment]
  62. [border=transparent; height:76%; width:100%; padding:0; display:Flex; flex-flow: row nowrap; margin-top:auto;]
  63.  
  64. [comment]----tabs one----[/comment]
  65. [border=transparent; height:100%; width:calc(72% - 15px); padding:10px; box-sizing:border-box; background: var(--bg-color); border-radius:10px;][border=transparent; height:100%; width:100%; padding:0; display:flex; flex-flow:row wrap; justify-content:center; position:relative;]
  66.  
  67. [comment]----tabs cover----[/comment]
  68. [border=transparent; height:16%; width:100%; padding:0; position:absolute; top:0; left:0; display:flex; justify-content:center; pointer-events:none;][border=transparent; height:100%; width:43%; padding:0 20px; box-sizing:border-box; background: var(--color-1); border-radius:10px; display:flex; flex-flow: row nowrap; justify-content:space-between; align-items:center;]
  69.  
  70. [comment]----special image button (delete this and add another of one of the others to have the buttons be normal fontawesome icons!)----[/comment]
  71. [border=transparent; height:40px; width:40px; padding:0; border-radius:50%; background: var(--button); background-size:120%; background-position:50% 40%;][/border]
  72. [comment]----normal button----[/comment]
  73. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--subtitle); font-size:32px; line-height:100%;][fa]far fa-balance-scale[/fa][/border]
  74. [comment]----normal button----[/comment]
  75. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--subtitle); font-size:32px; line-height:100%;][fa]fas fa-user[/fa][/border]
  76.  
  77. [/border][/border]
  78. [comment]----tabs cover end----[/comment]
  79.  
  80. [comment]----actual tabs (1)----[/comment]
  81. [border=transparent; height:10%; width:39.5%; padding:0; overflow:hidden; margin-top:5px;][border=transparent; padding:0;][tabs]
  82.  
  83. [comment]----tab one----[/comment]
  84. [tab=...][border=transparent; height:80%; width:100%; background: var(--color-1); border-radius:10px; position:absolute; bottom:0; right:0; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0;]
  85.  
  86. [comment]----subheader----[/comment]
  87. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1);][font=Italianno][comment]
  88. ----* * * header here----
  89. [/comment]tab one[/font][/border]
  90.  
  91. [comment]----text----[/comment]
  92. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%;][font=Times New Roman][comment]
  93. ----* * * text starts here!----
  94. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  95.  
  96. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  97. [/font][/border]
  98.  
  99. [comment]----subheader----[/comment]
  100. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1);][font=Italianno][comment]
  101. ----* * * header here----
  102. [/comment]Subheader[/font][/border]
  103.  
  104. [comment]----text----[/comment]
  105. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%;][font=Times New Roman][comment]
  106. ----* * * text starts here!----
  107. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  108.  
  109. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  110. [/font][/border]
  111.  
  112. [/border][/border][/tab]
  113. [comment]----tab one end----[/comment]
  114.  
  115. [comment]----tab two----[/comment]
  116. [tab=...][border=transparent; height:80%; width:100%; background: var(--color-1); border-radius:10px; position:absolute; bottom:0; right:0; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0;]
  117.  
  118. [comment]----subheader----[/comment]
  119. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1);][font=Italianno][comment]
  120. ----* * * header here----
  121. [/comment]tab two[/font][/border]
  122.  
  123. [comment]----text----[/comment]
  124. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%;][font=Times New Roman][comment]
  125. ----* * * text starts here!----
  126. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  127.  
  128. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  129. [/font][/border]
  130.  
  131. [comment]----subheader----[/comment]
  132. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1);][font=Italianno][comment]
  133. ----* * * header here----
  134. [/comment]Subheader[/font][/border]
  135.  
  136. [comment]----text----[/comment]
  137. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%;][font=Times New Roman][comment]
  138. ----* * * text starts here!----
  139. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  140.  
  141. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  142. [/font][/border]
  143.  
  144. [/border][/border][/tab]
  145. [comment]----tab two end----[/comment]
  146.  
  147. [comment]----tab three----[/comment]
  148. [tab=...][border=transparent; height:80%; width:100%; background: var(--color-1); border-radius:10px; position:absolute; bottom:0; right:0; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0;]
  149.  
  150. [comment]----subheader----[/comment]
  151. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1);][font=Italianno][comment]
  152. ----* * * header here----
  153. [/comment]tab three[/font][/border]
  154.  
  155. [comment]----text----[/comment]
  156. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%;][font=Times New Roman][comment]
  157. ----* * * text starts here!----
  158. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  159.  
  160. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  161. [/font][/border]
  162.  
  163. [comment]----subheader----[/comment]
  164. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1);][font=Italianno][comment]
  165. ----* * * header here----
  166. [/comment]Subheader[/font][/border]
  167.  
  168. [comment]----text----[/comment]
  169. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%;][font=Times New Roman][comment]
  170. ----* * * text starts here!----
  171. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  172.  
  173. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  174. [/font][/border]
  175.  
  176. [/border][/border][/tab]
  177. [comment]----tab three end----[/comment]
  178.  
  179. [/tabs][/border][/border]
  180. [comment]----actual tabs (1) end----[/comment]
  181. [/border][/border]
  182. [comment]----tabs one end----[/comment]
  183.  
  184. [comment]----tabs two----[/comment]
  185. [border=transparent; height:100%; width:28%; margin-left:auto; padding:10px; box-sizing:border-box; background: var(--bg-color); border-radius:10px;][border=transparent; height:100%; width:100%; padding:0; display:flex; flex-flow: row wrap; justify-content:center; position:relative;]
  186.  
  187. [comment]----tabs cover----[/comment]
  188. [border=transparent; height:16%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:3; display:flex; justify-content:center; pointer-events:none;][border=transparent; height:100%; width:100%; padding:0 10px; box-sizing:border-box; background: var(--color-1); border-radius:10px; display:flex; flex-flow: row nowrap; justify-content:space-between; align-items:center;]
  189.  
  190. [comment]----normal button----[/comment]
  191. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--subtitle); font-size:24px; line-height:100%;][fa]far fa-list[/fa][/border]
  192. [comment]----normal button----[/comment]
  193. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--subtitle); font-size:24px; line-height:100%;][fa]fas fa-globe[/fa][/border]
  194. [comment]----normal button----[/comment]
  195. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--subtitle); font-size:24px; line-height:100%;][fa]fas fa-user[/fa][/border]
  196. [comment]----normal button----[/comment]
  197. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--subtitle); font-size:24px; line-height:100%;][fa]fas fa-clock[/fa][/border]
  198. [comment]----normal button----[/comment]
  199. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--subtitle); font-size:24px; line-height:100%;][fa]fas fa-megaphone[/fa][/border]
  200.  
  201. [/border][/border]
  202. [comment]----tabs cover end----[/comment]
  203.  
  204. [comment]----actual tabs (2)----[/comment]
  205. [border=transparent; height:10%; width:100%; padding:0; margin-top:5px; position:relative; z-index:2;][border=transparent; width:150%; transform:scale(0.65, 0.9); padding:0; margin-left:-55px;][tabs]
  206.  
  207. [comment]----tab one----[/comment]
  208. [tab=.][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;]
  209.  
  210. [comment]----subheader----[/comment]
  211. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1); backface-visibility: hidden;][font=Italianno][comment]
  212. ----* * * header here----
  213. [/comment]tab one[/font][/border]
  214.  
  215. [comment]----text----[/comment]
  216. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%; outline:1px solid transparent; backface-visibility:hidden;][font=Times New Roman][comment]
  217. ----* * * text starts here!----
  218. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  219.  
  220. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  221. [/font][/border]
  222.  
  223. [/border][/border][/tab][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;][/border][/border]
  224. [comment]----tab one end----[/comment]
  225.  
  226. [comment]----tab two----[/comment]
  227. [tab=.][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;]
  228.  
  229. [comment]----subheader----[/comment]
  230. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1); backface-visibility: hidden;][font=Italianno][comment]
  231. ----* * * header here----
  232. [/comment]tab two[/font][/border]
  233.  
  234. [comment]----text----[/comment]
  235. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%; outline:1px solid transparent; backface-visibility:hidden;][font=Times New Roman][comment]
  236. ----* * * text starts here!----
  237. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  238.  
  239. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  240. [/font][/border]
  241.  
  242. [/border][/border][/tab][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;][/border][/border]
  243. [comment]----tab two end----[/comment]
  244.  
  245. [comment]----tab four----[/comment]
  246. [tab=.][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;]
  247.  
  248. [comment]----subheader----[/comment]
  249. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1); backface-visibility: hidden;][font=Italianno][comment]
  250. ----* * * header here----
  251. [/comment]tab three[/font][/border]
  252.  
  253. [comment]----text----[/comment]
  254. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%; outline:1px solid transparent; backface-visibility:hidden;][font=Times New Roman][comment]
  255. ----* * * text starts here!----
  256. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  257.  
  258. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  259. [/font][/border]
  260.  
  261. [/border][/border][/tab][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;][/border][/border]
  262. [comment]----tab three end----[/comment]
  263.  
  264. [comment]----tab five----[/comment]
  265. [tab=.][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;]
  266.  
  267. [comment]----subheader----[/comment]
  268. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1); backface-visibility: hidden;][font=Italianno][comment]
  269. ----* * * header here----
  270. [/comment]tab four[/font][/border]
  271.  
  272. [comment]----text----[/comment]
  273. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%; outline:1px solid transparent; backface-visibility:hidden;][font=Times New Roman][comment]
  274. ----* * * text starts here!----
  275. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  276.  
  277. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  278. [/font][/border]
  279.  
  280. [/border][/border][/tab][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;][/border][/border]
  281. [comment]----tab four end----[/comment]
  282.  
  283. [comment]----tab one----[/comment]
  284. [tab=.][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;]
  285.  
  286. [comment]----subheader----[/comment]
  287. [border=transparent; height:fit-content; width:50%; padding:3px 10px; box-sizing:border-box; position:sticky; top:0; color: var(--color-2); font-size:32px; font-weight:bold; line-height:70%; text-align:center; letter-spacing:1px; background: var(--color-1); backface-visibility: hidden;][font=Italianno][comment]
  288. ----* * * header here----
  289. [/comment]tab five[/font][/border]
  290.  
  291. [comment]----text----[/comment]
  292. [border=transparent; height:fit-content; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:12px; text-align:justify; line-height:130%; outline:1px solid transparent; backface-visibility:hidden;][font=Times New Roman][comment]
  293. ----* * * text starts here!----
  294. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut venenatis mauris, vitae mollis tortor. Quisque feugiat luctus eros sed volutpat. Sed imperdiet viverra pharetra. Maecenas et quam a dui sodales fringilla. Nam id lobortis lorem. Phasellus venenatis viverra ex. Sed vitae rhoncus purus. Nullam hendrerit orci neque, ac pellentesque augue luctus at.
  295.  
  296. Donec ultrices eget felis vitae consequat. Aliquam enim est, dignissim ut congue quis, volutpat non eros. Curabitur vitae cursus mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin fringilla massa odio, nec sodales quam dignissim vel. Nunc blandit tempus magna et convallis. Duis neque purus, rutrum a felis sit amet, bibendum malesuada neque. Cras eget augue diam. Ut elementum, erat eget tincidunt tincidunt, urna turpis semper dui, ut consectetur sem augue at libero. Integer a nibh magna. Fusce pellentesque porta efficitur. Suspendisse sodales sapien sapien, ac porttitor tellus tempor vitae. Proin nec lobortis sapien.
  297. [/font][/border]
  298.  
  299. [/border][/border][/tab][border=transparent; height:245px; width:220px; background: var(--color-1); transform:scale(1.54, 1.11); border-radius:10px; position:absolute; top:72px; left:54px; padding:5px 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; backface-visibility: hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; line-height:0; backface-visibility: hidden;][/border][/border]
  300. [comment]----tab five end----[/comment]
  301.  
  302. [/tabs][/border][/border]
  303. [comment]----actual tabs (2) end----[/comment]
  304. [/border][/border]
  305. [comment]----tabs two end----[/comment]
  306.  
  307. [/border]
  308. [comment]----row two end----[/comment]
  309. [/border][comment]----signature! (do not remove!)-----
  310. [/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(--t-color);][font=Open Sans]♡design by rabbitswarren, coded by uxie♡[/font][/bg][/border]
RAW Paste Data Copied