Advertisement
lowfidelity

ugh 4ever — char. sheet code

Sep 16th, 2020
351
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.06 KB | None | 0 0
  1. [comment]makin' the fonts work here!
  2. [font=Arial]test[/font]
  3. [font=Montserrat]test[/font]
  4.  
  5. ---
  6.  
  7. -- change the background color (#f69792), text color (#0b0b0b), and background text (starts and ends with [i][/i]) here if you want. you can mess around with -webkit-text-stroke: 0.9px to make the text outline thicker or thinner. lyrics are from townie by mitski. i'd recommend keeping the lyrics around the same length, it'll get cut off anyways.
  8.  
  9. [/comment]
  10. [border=1px solid black; padding: 0px; width: 850px; height: 480px; border-radius: 15px; margin: auto; center; top: 0px; position: relative; background: #f69792; font-size: 40px; line-height: 35px; letter-spacing: 1px; -webkit-text-stroke: 0.9px #000000; color: transparent; font-family: Arial; font-weight: 700; text-align: justify; overflow: hidden;][i][b]AND I WANT A LOVE THAT FALLS AS FAST AS A BODY FROM THE BALCONY, AND I WANT TO KISS LIKE MY HEART IS HITTING THE GROUND! I'M HOLDING MY BREATH WITH A BASEBALL BAT, THOUGH I DON'T KNOW WHAT I'M WAITING FOR, I AM NOT GONNA BE WHAT MY DADDY WANTS ME TO BE! SMELL THAT, IT'S WET GRASS, AND SMOKE IN MY HAIR, I THINK I'VE HAD ENOUGH. BUT HE WANTS A FINALE AND I CAME PREPARED, AND WE'RE NOT GOING BACK. AND I'VE TRIED SHARING AND I'VE TRIED CARING, AND I'VE TRIED PUTTING OUT, BUT THE BOYS, BOYS, BOYS KEEP COMING ON FOR MORE MORE MORE. AND CHANGE, CHANGE, CHANGE IS GONNA COME, BUT, WHEN, WHEN, WHEN?[/b][/i][/border]
  11.  
  12.  
  13. [comment] -- change the tab container here. [/comment]
  14.  
  15. [border=1px solid black; width: 450px; height: 350px; border-radius: 15px 0px 15px 0px; margin: auto; center; margin-left: 210px; margin-top: -560px; position: relative; z-index:1; background: #ffffff; overflow: hidden;]
  16. [tabs][tab=x][comment]
  17.  
  18. -- tab 1 information.
  19.  
  20. [/comment][border=0px; padding: 5px; width: 100%; height: 380px; background: #ffffff; overflow: hidden; margin: auto; left;][border=0px; padding: 0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Montserrat; color: #0b0b0b; font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify;][comment]
  21.  
  22. -- tab 1 ; two images below.
  23.  
  24. [/comment][border=1px solid black; padding:0px; margin: auto; float: left; width:195px; height:100px; background:url(https://thumbs.gfycat.com/PerfectHardtofindEarwig-size_restricted.gif); background-size:cover; background-position: 50% 50%; position:relative; margin-bottom: 0px; margin-right: 2px;][/border][border=1px solid black; padding:0px; margin: auto; float: right; width:195px; height:100px; background:url(https://thumbs.gfycat.com/HonoredVibrantBighornedsheep-size_restricted.gif); background-size:cover; background-position: 50% 50%; position:relative; margin-bottom: 0px; margin-left: 2px;][/border]
  25. [comment] -- leave all of this space below !! [/comment]
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. [b]Full Name:[/b] Jolene Mei Sakamoto.
  35.  
  36. [b]Age:[/b] Eighteen. December 23rd, 2002.
  37.  
  38. [b]Zodiac:[/b] Capricorn
  39.  
  40. [b]Face Claim:[/b] Fernanda Ly.
  41.  
  42. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Iaculis at erat pellentesque adipiscing. Mauris sit amet massa vitae tortor condimentum. Netus et malesuada fames ac turpis egestas. Tempor orci eu lobortis elementum nibh tellus molestie nunc non. Aliquam id diam maecenas ultricies mi. Commodo quis imperdiet massa tincidunt. Libero id faucibus nisl tincidunt eget nullam. Maecenas volutpat blandit aliquam etiam. Vitae tortor condimentum lacinia quis vel eros donec ac. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Nibh sed pulvinar proin gravida hendrerit lectus a. At varius vel pharetra vel turpis nunc eget lorem. Sapien et ligula ullamcorper malesuada proin libero nunc consequat. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Enim ut sem viverra aliquet eget sit amet tellus. Sodales ut etiam sit amet nisl purus. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt.
  43.  
  44. Viverra nibh cras pulvinar mattis. Egestas sed tempus urna et pharetra pharetra massa massa ultricies. Etiam sit amet nisl purus in mollis nunc. Donec et odio pellentesque diam. Auctor urna nunc id cursus metus aliquam eleifend. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Ac auctor augue mauris augue neque gravida. Blandit libero volutpat sed cras ornare arcu dui vivamus arcu. Cum sociis natoque penatibus et. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Maecenas volutpat blandit aliquam etiam erat velit. Sed elementum tempus egestas sed sed risus pretium quam vulputate. Lectus arcu bibendum at varius vel pharetra vel. Nec tincidunt praesent semper feugiat nibh sed. In fermentum posuere urna nec tincidunt praesent. Quis hendrerit dolor magna eget est lorem ipsum dolor sit. Dictumst quisque sagittis purus sit amet. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Rhoncus est pellentesque elit ullamcorper. Eu scelerisque felis imperdiet proin.
  45.  
  46. Ac odio tempor orci dapibus. Nunc sed blandit libero volutpat sed cras ornare. Platea dictumst vestibulum rhoncus est. Cursus risus at ultrices mi tempus imperdiet. Et leo duis ut diam quam nulla. Id consectetur purus ut faucibus. Et netus et malesuada fames ac turpis. Lectus magna fringilla urna porttitor. Tincidunt id aliquet risus feugiat in ante metus dictum. Ipsum consequat nisl vel pretium lectus. Dolor morbi non arcu risus quis varius quam. Dolor sit amet consectetur adipiscing elit duis. Eget duis at tellus at urna condimentum mattis. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Non tellus orci ac auctor augue mauris. Eget sit amet tellus cras adipiscing enim eu. Proin gravida hendrerit lectus a. Nunc id cursus metus aliquam eleifend.[/border][/border]
  47. [/tab][tab=x][comment]
  48.  
  49. -- tab 2 info.
  50.  
  51. [/comment][border=0px; padding: 5px; width: 100%; height: 380px; background: #ffffff; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Montserrat; color: #0b0b0b; font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify;][comment]
  52.  
  53. -- tab 2 ; three images below.
  54.  
  55. [/comment][border=1px solid black; padding:0px; margin: auto; float: left; width:130px; height:100px; background:url(https://i.pinimg.com/originals/62/e2/35/62e2358fb4c7c3a0175aed5e36b9332a.jpg); background-size:cover; background-position: 70% 30%; position:relative;][/border][border=1px solid black; padding:0px; margin: auto; width:130px; height:100px; background:url(https://66.media.tumblr.com/63cf4f62fc5fc7bc046a8fa09b6d5a02/tumblr_oxy8wxBX7U1uokf2mo1_1280.jpg); background-size:cover; background-position: 90% 10%; position:relative; ][/border][border=1px solid black; padding:0px; margin: auto; float: right; width:130px; height:100px; background:url(https://66.media.tumblr.com/8047e4ecfd077b2a00a6b4ccc9868941/tumblr_oxmon5lPhK1v2n664o1_540.jpg); background-size:cover; background-position: 80% 20%; position:relative; margin-top: -102px;][/border]
  56.  
  57. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Iaculis at erat pellentesque adipiscing. Mauris sit amet massa vitae tortor condimentum. Netus et malesuada fames ac turpis egestas. Tempor orci eu lobortis elementum nibh tellus molestie nunc non. Aliquam id diam maecenas ultricies mi. Commodo quis imperdiet massa tincidunt. Libero id faucibus nisl tincidunt eget nullam. Maecenas volutpat blandit aliquam etiam. Vitae tortor condimentum lacinia quis vel eros donec ac. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Nibh sed pulvinar proin gravida hendrerit lectus a. At varius vel pharetra vel turpis nunc eget lorem. Sapien et ligula ullamcorper malesuada proin libero nunc consequat. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Enim ut sem viverra aliquet eget sit amet tellus. Sodales ut etiam sit amet nisl purus. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt.
  58.  
  59. Viverra nibh cras pulvinar mattis. Egestas sed tempus urna et pharetra pharetra massa massa ultricies. Etiam sit amet nisl purus in mollis nunc. Donec et odio pellentesque diam. Auctor urna nunc id cursus metus aliquam eleifend. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Ac auctor augue mauris augue neque gravida. Blandit libero volutpat sed cras ornare arcu dui vivamus arcu. Cum sociis natoque penatibus et. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Maecenas volutpat blandit aliquam etiam erat velit. Sed elementum tempus egestas sed sed risus pretium quam vulputate. Lectus arcu bibendum at varius vel pharetra vel. Nec tincidunt praesent semper feugiat nibh sed. In fermentum posuere urna nec tincidunt praesent. Quis hendrerit dolor magna eget est lorem ipsum dolor sit. Dictumst quisque sagittis purus sit amet. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Rhoncus est pellentesque elit ullamcorper. Eu scelerisque felis imperdiet proin.
  60.  
  61. Ac odio tempor orci dapibus. Nunc sed blandit libero volutpat sed cras ornare. Platea dictumst vestibulum rhoncus est. Cursus risus at ultrices mi tempus imperdiet. Et leo duis ut diam quam nulla. Id consectetur purus ut faucibus. Et netus et malesuada fames ac turpis. Lectus magna fringilla urna porttitor. Tincidunt id aliquet risus feugiat in ante metus dictum. Ipsum consequat nisl vel pretium lectus. Dolor morbi non arcu risus quis varius quam. Dolor sit amet consectetur adipiscing elit duis. Eget duis at tellus at urna condimentum mattis. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Non tellus orci ac auctor augue mauris. Eget sit amet tellus cras adipiscing enim eu. Proin gravida hendrerit lectus a. Nunc id cursus metus aliquam eleifend.[/border][/border][/tab][comment]
  62.  
  63. -- tab 3 info here.
  64.  
  65. [/comment][tab=x][border=0px; padding: 5px; width: 100%; height: 380px; background: #ffffff; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Montserrat; color: #0b0b0b; font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify;][comment]
  66.  
  67. -- tab 3 image here.
  68.  
  69. [/comment][border=1px solid black; padding:0px; margin: auto; center; width:350px; height:100px; background:url(https://assets.vogue.com/photos/5891a3127edfa70512d65c56/master/w_1600%2Cc_limit/01-beret.gif); background-size:cover; background-position: 80% 20%; position:relative;][/border]
  70.  
  71. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Iaculis at erat pellentesque adipiscing. Mauris sit amet massa vitae tortor condimentum. Netus et malesuada fames ac turpis egestas. Tempor orci eu lobortis elementum nibh tellus molestie nunc non. Aliquam id diam maecenas ultricies mi. Commodo quis imperdiet massa tincidunt. Libero id faucibus nisl tincidunt eget nullam. Maecenas volutpat blandit aliquam etiam. Vitae tortor condimentum lacinia quis vel eros donec ac. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Nibh sed pulvinar proin gravida hendrerit lectus a. At varius vel pharetra vel turpis nunc eget lorem. Sapien et ligula ullamcorper malesuada proin libero nunc consequat. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Enim ut sem viverra aliquet eget sit amet tellus. Sodales ut etiam sit amet nisl purus. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt.
  72.  
  73. Viverra nibh cras pulvinar mattis. Egestas sed tempus urna et pharetra pharetra massa massa ultricies. Etiam sit amet nisl purus in mollis nunc. Donec et odio pellentesque diam. Auctor urna nunc id cursus metus aliquam eleifend. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Ac auctor augue mauris augue neque gravida. Blandit libero volutpat sed cras ornare arcu dui vivamus arcu. Cum sociis natoque penatibus et. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Maecenas volutpat blandit aliquam etiam erat velit. Sed elementum tempus egestas sed sed risus pretium quam vulputate. Lectus arcu bibendum at varius vel pharetra vel. Nec tincidunt praesent semper feugiat nibh sed. In fermentum posuere urna nec tincidunt praesent. Quis hendrerit dolor magna eget est lorem ipsum dolor sit. Dictumst quisque sagittis purus sit amet. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Rhoncus est pellentesque elit ullamcorper. Eu scelerisque felis imperdiet proin.
  74.  
  75. Ac odio tempor orci dapibus. Nunc sed blandit libero volutpat sed cras ornare. Platea dictumst vestibulum rhoncus est. Cursus risus at ultrices mi tempus imperdiet. Et leo duis ut diam quam nulla. Id consectetur purus ut faucibus. Et netus et malesuada fames ac turpis. Lectus magna fringilla urna porttitor. Tincidunt id aliquet risus feugiat in ante metus dictum. Ipsum consequat nisl vel pretium lectus. Dolor morbi non arcu risus quis varius quam. Dolor sit amet consectetur adipiscing elit duis. Eget duis at tellus at urna condimentum mattis. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Non tellus orci ac auctor augue mauris. Eget sit amet tellus cras adipiscing enim eu. Proin gravida hendrerit lectus a. Nunc id cursus metus aliquam eleifend.
  76. [/border][/border][/tab][comment]
  77.  
  78. -- tab 4 info here.
  79.  
  80. [/comment][tab=x][border=0px; padding: 5px; width: 100%; height: 380px; background: #ffffff; overflow: hidden; margin: auto; left;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Montserrat; color: #0b0b0b; font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify;][comment]
  81.  
  82. -- tab 4 ; two images below.
  83.  
  84. [/comment][border=1px solid black; padding:0px; margin: auto; float: left; width:195px; height:100px; background:url(https://64.media.tumblr.com/d3134a12717f48e5dca13624dd8edf26/tumblr_inline_ort77cAaK91unx8f8_540.gif); background-size:cover; background-position: 50% 50%; position:relative; margin-bottom: 0px; margin-right: 2px;][/border][border=1px solid black; padding:0px; margin: auto; float: right; width:195px; height:100px; background:url(https://thumbs.gfycat.com/SerpentineObeseBlesbok-small.gif); background-size:cover; background-position: 50% 50%; position:relative; margin-bottom: 0px; margin-left: 2px;][/border]
  85. [comment] -- leave this space below !! [/comment]
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Iaculis at erat pellentesque adipiscing. Mauris sit amet massa vitae tortor condimentum. Netus et malesuada fames ac turpis egestas. Tempor orci eu lobortis elementum nibh tellus molestie nunc non. Aliquam id diam maecenas ultricies mi. Commodo quis imperdiet massa tincidunt. Libero id faucibus nisl tincidunt eget nullam. Maecenas volutpat blandit aliquam etiam. Vitae tortor condimentum lacinia quis vel eros donec ac. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Nibh sed pulvinar proin gravida hendrerit lectus a. At varius vel pharetra vel turpis nunc eget lorem. Sapien et ligula ullamcorper malesuada proin libero nunc consequat. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Enim ut sem viverra aliquet eget sit amet tellus. Sodales ut etiam sit amet nisl purus. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt.
  95.  
  96. Viverra nibh cras pulvinar mattis. Egestas sed tempus urna et pharetra pharetra massa massa ultricies. Etiam sit amet nisl purus in mollis nunc. Donec et odio pellentesque diam. Auctor urna nunc id cursus metus aliquam eleifend. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Ac auctor augue mauris augue neque gravida. Blandit libero volutpat sed cras ornare arcu dui vivamus arcu. Cum sociis natoque penatibus et. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Maecenas volutpat blandit aliquam etiam erat velit. Sed elementum tempus egestas sed sed risus pretium quam vulputate. Lectus arcu bibendum at varius vel pharetra vel. Nec tincidunt praesent semper feugiat nibh sed. In fermentum posuere urna nec tincidunt praesent. Quis hendrerit dolor magna eget est lorem ipsum dolor sit. Dictumst quisque sagittis purus sit amet. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Rhoncus est pellentesque elit ullamcorper. Eu scelerisque felis imperdiet proin.
  97.  
  98. Ac odio tempor orci dapibus. Nunc sed blandit libero volutpat sed cras ornare. Platea dictumst vestibulum rhoncus est. Cursus risus at ultrices mi tempus imperdiet. Et leo duis ut diam quam nulla. Id consectetur purus ut faucibus. Et netus et malesuada fames ac turpis. Lectus magna fringilla urna porttitor. Tincidunt id aliquet risus feugiat in ante metus dictum. Ipsum consequat nisl vel pretium lectus. Dolor morbi non arcu risus quis varius quam. Dolor sit amet consectetur adipiscing elit duis. Eget duis at tellus at urna condimentum mattis. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Non tellus orci ac auctor augue mauris. Eget sit amet tellus cras adipiscing enim eu. Proin gravida hendrerit lectus a. Nunc id cursus metus aliquam eleifend.
  99. [/border][/border][/tab][/tabs][/border][comment]
  100.  
  101. -- tab banner here. i wouldn't mess with this too much, but feel free.
  102.  
  103. [/comment][bg=0px; height: 0px; ][border=0px; height: 50px; border-radius: 5px; background: #ffffff; position:relative;z-index:2; margin: auto; top: -370px; margin-left: 205px; width: 445px; pointer-events: none;][b][font=Arial][color=#0b0b0b][size=17px][color=transparent]........[/color][fa]far fa-home[/fa][color=transparent]............[/color][fa]far fa-head-side-brain[/fa][color=transparent]...........[/color][fa]far fa-book[/fa][color=transparent]...........[/color][fa]fa-link[/fa][color=transparent]........[/color][/size][comment]
  104.  
  105. -- "ugh 4ever" here. you can change what it says, or remove it if you'd like, but try to keep it short 'n sweet.
  106.  
  107. [/comment][size=20px][I][B]UGH 4EVER[/B][/I][B][/B][/size][/color][/font][/b][/border][/bg][comment]
  108.  
  109. -- change side image here.
  110.  
  111. [/comment][border=1px solid black; border-radius: 15px 0px 15px 0px; padding: 0px; width: 250px; height: 370px; float: right; background: url(https://64.media.tumblr.com/5fef77a763d4930ab256e4a397228d78/tumblr_ngyr6nI77E1qex3fbo1_1280.jpg); background-size: cover; background-position: 50% 50%; position:relative; margin-top:-392px; margin-right:210px;][/border]
  112.  
  113. [comment]
  114.  
  115. -- change text on pic here, including size, color, and font. best to keep it one word or name.
  116.  
  117. [/comment][border=0px; padding: 0px; font-family: Arial; -webkit-text-stroke: 2px #f69792; color: white; text-shadow: 3px 3px #000000; font-size: 45px; letter-spacing: 1px; position: relative; z-index: 3; margin-right: 220px; top: -140px; float: right;][i][b]JOLENE[/b][/i][/border]
  118. [comment]
  119.  
  120. -- credit. 𝙙𝙤 𝙣𝙤𝙩 𝙧𝙚𝙢𝙤𝙫𝙚 or i'll come for your kneecaps.
  121.  
  122. [/comment][border=0px; font-size: 10px; letter-spacing: 2.5px; margin-top: -35px; margin-left: 430px; text-align: center;][center][font=Roboto]code by low fidelity.[/font][/center][/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement