lowfidelity

call this # now — char. sheet code.

Nov 2nd, 2021
127
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment][font=Trebuchet MS][font=Verdana][font=Roboto]code by birth of venus![/font][/font][/font][/font]
  2.  
  3. -- tabs start here.
  4.  
  5. [/comment]
  6. [border=0px; padding: 0; transform: rotate(180deg);
  7.  
  8. /* the colors used */
  9. --bg: #080808;
  10. --bg-2: #0e0e0e;
  11. --accent: #254ba9;
  12. --text: #ffffff;
  13.  
  14. /* fonts used */
  15. --titlefont: Arial;
  16. --bodyfont: Verdana;
  17.  
  18. /* images are sorted in order of appearance. tab 5 is the cover tab, which has the first large image */
  19.  
  20. --cover-img: url(https://i.gifer.com/1Xpg.gif);
  21.  
  22. /* first tab -- two images & album cover image */
  23. --a-img1: url(https://i.ibb.co/HTcw2LK/ef3-placeholder-image.jpg);
  24. --a-img2: url(https://i.ibb.co/HTcw2LK/ef3-placeholder-image.jpg);
  25. --a-album-img: url(https://i.gifer.com/1cv1.gif);
  26.  
  27. /* second tab -- one wide image */
  28. --b-img: url(https://i.ibb.co/HTcw2LK/ef3-placeholder-image.jpg);
  29.  
  30. /*third tab -- one small image */
  31. --c-img: url(https://i.ibb.co/HTcw2LK/ef3-placeholder-image.jpg);
  32.  
  33. /*fourth tab -- three small images*/
  34. --d-img1: url(https://i.ibb.co/HTcw2LK/ef3-placeholder-image.jpg);
  35. --d-img2: url(https://i.ibb.co/HTcw2LK/ef3-placeholder-image.jpg);
  36. --d-img3: url(https://i.ibb.co/HTcw2LK/ef3-placeholder-image.jpg);
  37.  
  38. width: 350px; height: 500px; border-radius: 5px; margin: auto; position: relative; z-index: 2; background: var(--bg); overflow: hidden;][tabs][tab=1][comment]
  39.  
  40. /* 5. ---- COVER TAB */
  41.  
  42. [/comment][border=0px; padding: 0px; transform: rotate(-180deg); width: 100%; height: 430px; background: var(--bg); overflow: hidden; margin: auto;][border=0px; padding: 0px; border-radius: 10px; margin: auto; margin-top: 10px; margin-left: 15px; width: 300px; height: 250px; background: var(--cover-img); background-size: cover; background-position: 50% 50%;][/border]
  43. [border=0px; padding: 0px; margin: auto; width: 300px; height: 140px; background: var(--bg-2); border-radius: 5px; position: relative; z-index: 2; margin-left: 15px; margin-top: 25px;][comment]
  44.  
  45. -- ROLE/TITLE HERE.
  46.  
  47. [/comment][border=0px; padding: 5px; margin: auto; font-family: var(--titlefont); font-size: 47px; font-weight: bold; line-height: 37px; overflow: hidden; color: transparent; -webkit-text-stroke: 1px var(--accent); text-align: left; margin-top: -30px; letter-spacing: -2px;][i]CALL THIS
  48. # NOW![/i][/border][comment]
  49.  
  50. -- SUBTITLE/NAME HERE.
  51.  
  52. [/comment][border=0px; padding: 5px; margin: auto; font-family: var(--titlefont); font-size: 20px; font-weight: bold; line-height: 14px; color: var(--accent); text-align: right; letter-spacing: -2px; margin-right: 5px;]name
  53. goes here.[/border][/border]
  54. [/border]
  55. [/tab][tab=2][comment]
  56.  
  57. /* 4. ---- HISTORY TAB. */
  58.  
  59. [/comment][border=0px; padding: 0px; transform: rotate(-180deg); width: 100%; height: 430px; background: var(--bg); overflow: hidden; margin: auto;][comment]
  60.  
  61. -- HISTORY TITLE HERE.
  62.  
  63. [/comment][border=0px; padding: 0px; width: 100%; height: 30px; margin: auto; font-family: var(--titlefont); font-size: 35px; font-weight: bold; line-height: 25px; margin-left: 15px; color: transparent; -webkit-text-stroke: 1px var(--accent); text-align: left; margin-top: 10px; letter-spacing: -2px;][i]HISTORY.[/i][/border][border=0px; padding: 0px; width: 100%; height: 370px; margin-top: 15px; margin-left: 13px; overflow-y: scroll; overflow-x: hidden; padding-right: 20px; font-family: var(--bodyfont); color: var(--text); font-size: 13px; line-height: 15px; text-align: justify;][border=0px; padding: 0px; width: 300px; height: 100px; margin: auto; display: flex; justify-content: space-between; margin-left: 5px;][border=0px; padding: 0px; width: 80px; height: 80px; border-radius: 5px; background: var(--d-img1); float: left; background-size: cover; background-position: 50% 50%;][/border][border=0px; padding: 0px; width: 200px; height: 80px; background: var(--bg-2); margin: auto; margin-top: 0px; border-radius: 5px;][comment]
  64.  
  65. -- FIRST HISTORY SUBTITLE HERE.
  66.  
  67. [/comment][border=0px; padding: 0px; font-family: var(--titlefont); font-size: 22px; line-height: 24px; text-align: center; color: var(--accent); text-transform: uppercase; font-weight: bold; letter-spacing: -1px; margin-top: 28px;][i]EARLY LIFE.[/i][/border][/border][/border][comment]
  68.  
  69. -- FIRST HISTORY TEXT HERE.
  70.  
  71. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel quam elementum pulvinar etiam non quam lacus suspendisse. Ultrices sagittis orci a scelerisque purus semper eget duis at. Donec pretium vulputate sapien nec sagittis aliquam. Facilisi etiam dignissim diam quis. Eget sit amet tellus cras adipiscing enim. Ultricies tristique nulla aliquet enim tortor at auctor. Facilisi morbi tempus iaculis urna id volutpat lacus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Ut etiam sit amet nisl purus in. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Vulputate dignissim suspendisse in est ante in nibh. Lacinia at quis risus sed vulputate. Mauris sit amet massa vitae tortor. Congue quisque egestas diam in arcu. Auctor elit sed vulputate mi sit amet mauris commodo quis. Nunc sed augue lacus viverra vitae congue.
  72.  
  73. [border=0px; padding: 0px; width: 300px; height: 100px; margin: auto; display: flex; justify-content: space-between; margin-left: -5px;][border=0px; padding: 0px; width: 200px; height: 80px; background: var(--bg-2); margin: auto; margin-top: 0px; border-radius: 5px;][comment]
  74.  
  75. -- SECOND HISTORY SUBTITLE HERE.
  76.  
  77. [/comment][border=0px; padding: 0px; font-family: var(--titlefont); font-size: 22px; line-height: 24px; text-align: center; color: var(--accent); text-transform: uppercase; font-weight: bold; letter-spacing: -1px; margin-top: 28px;][i]TEEN YEARS.[/i][/border][/border][border=0px; padding: 0px; width: 80px; height: 80px; border-radius: 5px; background: var(--d-img2); float: right; background-size: cover; background-position: 50% 50%;][/border][/border][comment]
  78.  
  79. -- SECOND HISTORY TEXT HERE.
  80.  
  81. [/comment]Mas ultricies mi quis hendrerit dolor magna eget est lorem. Tincidunt eget nullam non nisi. Sem integer vitae justo eget magna fermentum iaculis eu non. Leo duis ut diam quam nulla porttitor massa id. Nisl vel pretium lectus quam id leo. A scelerisque purus semper eget duis. Blandit cursus risus at ultrices. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Lectus nulla at volutpat diam ut venenatis tellus in. Eu ultrices vitae auctor eu augue ut lectus. Bibendum ut tristique et egestas. Eget est lorem ipsum dolor sit amet consectetur. Morbi leo urna molestie at elementum eu facilisis sed odio. Velit ut tortor pretium viverra suspendisse potenti nullam ac tortor. Aliquet nibh praesent tristique magna sit amet purus gravida. Ullamcorper malesuada proin libero nunc consequat. Odio facilisis mauris sit amet massa vitae tortor. Tempus egestas sed sed risus pretium quam vulputate dignissim. Neque convallis a cras semper auctor neque vitae tempus.
  82.  
  83. [border=0px; padding: 0px; width: 300px; height: 100px; margin: auto; display: flex; justify-content: space-between; margin-left: 5px;][border=0px; padding: 0px; width: 80px; height: 80px; border-radius: 5px; background: var(--d-img3); float: left; background-size: cover; background-position: 50% 50%;][/border][border=0px; padding: 0px; width: 200px; height: 80px; background: var(--bg-2); margin: auto; margin-top: 0px; border-radius: 5px;][comment]
  84.  
  85. -- THIRD HISTORY SUBTITLE HERE.
  86.  
  87. [/comment][border=0px; padding: 0px; font-family: var(--titlefont); font-size: 22px; line-height: 24px; text-align: center; color: var(--accent); text-transform: uppercase; font-weight: bold; letter-spacing: -1px; margin-top: 28px;][i]CURRENTLY.[/i][/border][/border][/border][comment]
  88.  
  89. -- THIRD HISTORY TEXT HERE.
  90.  
  91. [/comment]Vel eros donec ac odio tempor. Fermentum iaculis eu non diam. Enim lobortis scelerisque fermentum dui faucibus in ornare quam. Morbi enim nunc faucibus a pellentesque sit amet porttitor. Faucibus scelerisque eleifend donec pretium vulputate sapien. Arcu dui vivamus arcu felis bibendum. Vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Aliquam ultrices sagittis orci a. Blandit turpis cursus in hac habitasse platea. Ultrices mi tempus imperdiet nulla malesuada pellentesque. Sit amet commodo nulla facilisi nullam vehicula. Lectus urna duis convallis convallis tellus id. Aliquet eget sit amet tellus cras adipiscing. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Viverra mauris in aliquam sem fringilla ut morbi. Aliquam etiam erat velit scelerisque in dictum. Egestas egestas fringilla phasellus faucibus scelerisque eleifend. Proin sed libero enim sed. In tellus integer feugiat scelerisque.
  92. [/border][/border]
  93. [/tab][tab=3][comment]
  94.  
  95. /* 3. ---- PERSONALITY TAB. */
  96.  
  97. [/comment][border=0px; padding: 0px; transform: rotate(-180deg); width: 100%; height: 440px; background: var(--bg); overflow: hidden; margin: auto; left;][comment]
  98.  
  99. -- PERSONALITY TITLE HERE.
  100.  
  101. [/comment][border=0px; padding: 0px; width: 100%; height: 30px; margin: auto; font-family: var(--titlefont); font-size: 35px; font-weight: bold; line-height: 25px; margin-right: 15px; color: transparent; -webkit-text-stroke: 1px var(--accent); text-align: right; margin-top: 15px; letter-spacing: -2px;][i]PERSONA.[/i][/border][border=0px; padding: 0px; width: 100%; height: 150px; margin-top: 10px; margin-left: 13px; overflow-y: scroll; overflow-x: hidden; padding-right: 20px; font-family: var(--bodyfont); color: var(--text); font-size: 13px; line-height: 15px; text-align: justify;][comment]
  102.  
  103. -- PERSONALITY TOP BOX TEXT.
  104.  
  105. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel quam elementum pulvinar etiam non quam lacus suspendisse. Ultrices sagittis orci a scelerisque purus semper eget duis at. Donec pretium vulputate sapien nec sagittis aliquam. Facilisi etiam dignissim diam quis. Eget sit amet tellus cras adipiscing enim. Ultricies tristique nulla aliquet enim tortor at auctor. Facilisi morbi tempus iaculis urna id volutpat lacus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Ut etiam sit amet nisl purus in. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Vulputate dignissim suspendisse in est ante in nibh. Lacinia at quis risus sed vulputate. Mauris sit amet massa vitae tortor. Congue quisque egestas diam in arcu. Auctor elit sed vulputate mi sit amet mauris commodo quis. Nunc sed augue lacus viverra vitae congue.
  106.  
  107. Id cursus metus aliquam eleifend mi in nulla. At imperdiet dui accumsan sit amet nulla facilisi morbi. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Vel quam elementum pulvinar etiam. Amet volutpat consequat mauris nunc congue. Viverra vitae congue eu consequat ac felis donec. Facilisi nullam vehicula ipsum a arcu. Elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Purus faucibus ornare suspendisse sed. Feugiat pretium nibh ipsum consequat. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Ridiculus mus mauris vitae ultricies leo integer malesuada nunc vel. In est ante in nibh mauris cursus. Nunc aliquet bibendum enim facilisis gravida neque convallis a cras. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus.[/border][comment]
  108.  
  109. -- SPEECH BUBBLE TEXT HERE.
  110.  
  111. [/comment][border=0px; width: 70%; height: 38px; margin: auto; margin-top: 20px; margin-left: 15px; background: var(--accent); border-radius: 8px 8px 0px 8px; font-family: var(--titlefont); font-size: 11px; padding: 7px; text-transform: uppercase; text-align: left; line-height: 15px; color: (--text);]L-O-V-E'S JUST ANOTHER WORD I NEVER LEARNED TO PRONOUNCE![/border][border=0px; padding: 0px; width: 55px; height: 50px; border-radius: 5px 5px 5px 0px; float: right; position: relative; background: var(--c-img); background-size: cover; background-position: 50% 50%; margin-top: -50px; margin-left: -5px;][/border][border=0px; padding: 0px; width: 100%; height: 150px; margin-top: 20px; margin-left: 13px; overflow-y: scroll; overflow-x: hidden; padding-right: 20px; font-family: var(--bodyfont); color: var(--text); font-size: 13px; line-height: 15px; text-align: justify;][comment]
  112.  
  113. -- PERSONALITY BOTTOM BOX TEXT HERE.
  114.  
  115. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel quam elementum pulvinar etiam non quam lacus suspendisse. Ultrices sagittis orci a scelerisque purus semper eget duis at. Donec pretium vulputate sapien nec sagittis aliquam. Facilisi etiam dignissim diam quis. Eget sit amet tellus cras adipiscing enim. Ultricies tristique nulla aliquet enim tortor at auctor. Facilisi morbi tempus iaculis urna id volutpat lacus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Ut etiam sit amet nisl purus in. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Vulputate dignissim suspendisse in est ante in nibh. Lacinia at quis risus sed vulputate. Mauris sit amet massa vitae tortor. Congue quisque egestas diam in arcu. Auctor elit sed vulputate mi sit amet mauris commodo quis. Nunc sed augue lacus viverra vitae congue.
  116.  
  117. [comment] -- copy + paste me to make another colored text box! [/comment][border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Vices.[/border] Here.
  118.  
  119. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Virtues.[/border] Here.
  120.  
  121. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Traits.[/border] Here.
  122. [/border][/border][/tab][comment]
  123.  
  124. ---- 2. APPEARANCE TAB.
  125.  
  126. [/comment][tab=4][border=0px; padding: 0px; transform: rotate(-180deg); width: 100%; height: 460px; background: var(--bg); overflow: hidden; margin: auto; left;][comment]
  127.  
  128. -- APPEARANCE TITLE HERE.
  129.  
  130. [/comment][border=0px; padding: 0px; width: 100%; height: 30px; margin: auto; font-family: var(--titlefont); font-size: 35px; font-weight: bold; line-height: 25px; margin-left: 15px; color: transparent; -webkit-text-stroke: 1px var(--accent); text-align: left; margin-top: 30px; letter-spacing: -2px;][i]VISAGE.[/i][/border][border=0px; padding: 0px; width: 100%; height: 270px; margin-top: 10px; margin-left: 13px; overflow-y: scroll; overflow-x: hidden; padding-right: 20px; font-family: var(--bodyfont); color: var(--text); font-size: 13px; line-height: 15px; text-align: justify;][border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Hair.[/border] Here.
  131.  
  132. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Eyes.[/border] Here.
  133.  
  134. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Height.[/border] Here.
  135.  
  136. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Weight.[/border] Here.
  137.  
  138. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]Build.[/border] Here.
  139.  
  140. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel quam elementum pulvinar etiam non quam lacus suspendisse. Ultrices sagittis orci a scelerisque purus semper eget duis at. Donec pretium vulputate sapien nec sagittis aliquam. Facilisi etiam dignissim diam quis. Eget sit amet tellus cras adipiscing enim. Ultricies tristique nulla aliquet enim tortor at auctor. Facilisi morbi tempus iaculis urna id volutpat lacus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Ut etiam sit amet nisl purus in. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Vulputate dignissim suspendisse in est ante in nibh. Lacinia at quis risus sed vulputate. Mauris sit amet massa vitae tortor. Congue quisque egestas diam in arcu. Auctor elit sed vulputate mi sit amet mauris commodo quis. Nunc sed augue lacus viverra vitae congue.
  141.  
  142. Id cursus metus aliquam eleifend mi in nulla. At imperdiet dui accumsan sit amet nulla facilisi morbi. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Vel quam elementum pulvinar etiam. Amet volutpat consequat mauris nunc congue. Viverra vitae congue eu consequat ac felis donec. Facilisi nullam vehicula ipsum a arcu. Elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Purus faucibus ornare suspendisse sed. Feugiat pretium nibh ipsum consequat. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Ridiculus mus mauris vitae ultricies leo integer malesuada nunc vel. In est ante in nibh mauris cursus. Nunc aliquet bibendum enim facilisis gravida neque convallis a cras. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus.
  143. [/border][border=0px; padding: 0px; width: 300px; height: 95px; border-radius: 5px; margin: auto; margin-left: 15px; margin-top: 15px; background: var(--b-img); background-size: cover; background-position: 50% 50%;][/border][/border][/tab][comment]
  144.  
  145. /* 1. ---- HOME TAB. */
  146.  
  147. [/comment][tab=5][border=0px; padding: 0px; transform: rotate(-180deg); width: 100%; height: 440px; background: var(--bg); overflow: hidden; margin: auto;][border=0px; padding: 0px; width: 300px; height: 120px; margin: auto; display: flex; justify-content: space-between; margin-top: 15px; margin-left: 15px;][border=0px; width: 125px; height: 125px; border-radius: 5px; background: var(--a-img1); background-size: cover; background-position: 50% 50%;][/border][border=0px; width: 125px; height: 125px; border-radius: 5px; background: var(--a-img2); background-size: cover; background-position: 50% 50%;][/border][/border]
  148. [comment]
  149.  
  150. -- BASICS TITLE HERE.
  151.  
  152. [/comment][border=0px; padding: 0px; width: 100%; height: 30px; margin: auto; font-family: var(--titlefont); font-size: 30px; font-weight: bold; line-height: 25px; color: transparent; -webkit-text-stroke: 1px var(--accent); text-align: right; margin-top: 15px; letter-spacing: -2px;][i]BASICS.[/i][/border][border=0px; padding: 0px; width: 100%; height: 130px; margin-top: 10px; margin-left: 13px; overflow-y: scroll; overflow-x: hidden; padding-right: 20px; font-family: var(--bodyfont); color: var(--text); font-size: 13px; line-height: 15px; text-align: justify; margin-bottom: 10px;][border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]name.[/border] Here.
  153.  
  154. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]age.[/border] Here.
  155.  
  156. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]gender.[/border] Here.
  157.  
  158. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]d.o.b.[/border] Here.
  159.  
  160. [border=0px; padding: 0px; background: var(--accent); color: var(--text); display: inline-block; padding-left: 7px; padding-right: 7px; line-height: 14px; font-size: 11px; text-transform: uppercase;]p.o.b.[/border] Here.
  161.  
  162. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel quam elementum pulvinar etiam non quam lacus suspendisse. Ultrices sagittis orci a scelerisque purus semper eget duis at. Donec pretium vulputate sapien nec sagittis aliquam. Facilisi etiam dignissim diam quis. Eget sit amet tellus cras adipiscing enim. Ultricies tristique nulla aliquet enim tortor at auctor. Facilisi morbi tempus iaculis urna id volutpat lacus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Ut etiam sit amet nisl purus in. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Vulputate dignissim suspendisse in est ante in nibh. Lacinia at quis risus sed vulputate. Mauris sit amet massa vitae tortor. Congue quisque egestas diam in arcu. Auctor elit sed vulputate mi sit amet mauris commodo quis. Nunc sed augue lacus viverra vitae congue.
  163.  
  164. [/border][border=0px; padding: 0px; width: 70px; height: 70px; border-radius: 5px; float: left; background: var(--a-album-img); background-size: cover; background-position: 50% 50%; color: var(--text); font-size: 30px; text-align: center; line-height: 70px; position: relative; margin-left: 15px; margin-top: 5px;][fa]fal fa-play[/fa][/border][border=0px; margin: auto; width: 200px; height: 50px; background: var(--bg-2); border-radius: 5px; margin-top: 15px; position: relative; z-index: 2; margin-right: 0px;][border=0px; color: var(--accent); font-size: 15px; line-height: 14px; text-align: right; position: relative; z-index: 3; font-family: var(--titlefont); text-transform: uppercase; margin-top: -5px;][comment]
  165.  
  166. -- SONG TITLE & ARTIST HERE.
  167.  
  168. [/comment] [b][i]CALL THIS # NOW[/i][/b]
  169. the garden[/border][border=0px; margin: auto; height: 3px; width: 150px; padding: 0px; z-index: 3; border-radius: 3px; background: var(--text); display: flex; align-items: center; margin-right: 5px;][border=0px; height: 5px; padding: 0px; border-radius: 3px; background: #4e4e4e; width: 63%; z-index: 3;][/border][/border][border=0px; padding: 0px; width: 70px; height: 50px; margin: auto; center; display: inline-block; position: relative; top: -60px; margin-left: -90px; opacity: 0.01%; overflow: hidden;][comment]
  170.  
  171. -- SOUNDCLOUD LINK HERE ; insert your own song link to make it work !
  172.  
  173. [/comment][media=soundcloud]https://soundcloud.com/epitaph-records/the-garden-call-this-now[/media][/border][/border][/border][/tab][/tabs][/border][comment]
  174.  
  175. /* ---- TAB BANNER.
  176.  
  177. -- edit the variables here to change the color and appearance of the tabs. */
  178.  
  179. [/comment][border=transparent; padding: 0;
  180.  
  181. --tab-bg: #080808;
  182. --tab-bg-2: #0e0e0e;
  183. --accent: #254ba9;
  184. --tabfont: Trebuchet MS;
  185.  
  186. margin: auto; height:70px; width: 350px; top: -60px; padding:10px; box-sizing: border-box; background: var(--tab-bg); opacity: 1; position: relative; z-index: 3; border-radius: 5px; font-family: var(--tabfont); pointer-events:none;][border=transparent; height: auto; margin-left: 10px; margin-top: 12px; width: 55px; padding:0; letter-spacing: -1px; font-weight: bold; background: var(--tab-bg-2); color: var(--accent); text-align: center; font-size:16px; display: inline-block; -webkit-font-smoothing: antialiased;]01.[/border][border=transparent; height: auto; margin-left: 10px; margin-top: 12px; width: 55px; padding:0; letter-spacing: -1px; font-weight: bold; background: var(--tab-bg-2); color: var(--accent); text-align: center; font-size:16px; display: inline-block; -webkit-font-smoothing: antialiased;]02.[/border][border=transparent; height: auto; margin-left: 10px; margin-top: 12px; width: 55px; padding:0; letter-spacing: -1px; font-weight: bold; background: var(--tab-bg-2); color: var(--accent); text-align: center; font-size:16px; display: inline-block; -webkit-font-smoothing: antialiased;]03.[/border][border=transparent; height: auto; margin-left: 10px; margin-top: 12px; width: 55px; padding:0; letter-spacing: -1px; font-weight: bold; background: var(--tab-bg-2); color: var(--accent); text-align: center; font-size:16px; display: inline-block; -webkit-font-smoothing: antialiased;]04.[/border][border=transparent; height: auto; margin-left: 10px; margin-top: 12px; width: 55px; padding:0; letter-spacing: -1px; font-weight: bold; background: var(--tab-bg-2); color: var(--accent); text-align: center; font-size:16px; display: inline-block; -webkit-font-smoothing: antialiased;]05.[/border][/border][border=0px; font-size: 10px; font-family: Roboto; letter-spacing: 2.5px; margin: auto; center; text-align: center; margin-top: -50px;]code by birth of venus.[/border]
RAW Paste Data