API tools faq
paste
Advertisement
ooksie

two-faced

ooksie
Mar 9th, 2020
458
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.99 KB | None | 0 0
raw download clone embed print report
  1. [nobr][div=display:none;][font=Eurotypo Bodoni][font=Playfair Display][font=Poppins][font=Karla]font call out[/font][/font][/font][/font][/div]
  2. [div class=container]
  3. [div=height:10px;position:absolute;z-index:6;opacity:0.6;color: var(--color-1);font-size:10px;text-align:left;top:3px;left: 5px;][font=Open Sans]♡coded by uxie♡[/font][/div]
  4. [div class=header]
  5. [div class=role]the destined.[/div]
  6. [div class=quote][div class=qemp]fate[/div] is a cruel mistress.[/div]
  7. [/div]
  8. [div class=body]
  9. [div class=home][div=font-size:45px;text-align:center;color: var(--color-1);font-family:'Eurotypo Bodoni', serif;font-weight:bold;width:100%;line-height:150%;]yua akano[/div]
  10. [div=display:inline;background-color: var(--color-1); color: var(--bg); padding:2.5px;padding-top:0px;padding-bottom:0px;font-size:10px; font-family: 'Poppins', sans-serif;letter-spacing:1px;text-transform:uppercase;margin-top:-5px;text-align:center;line-height:150%;]❝ what now? ❞[/div][/div]
  11. [div class="tabs 1tab" style=display:none;][div class=req]
  12.  
  13. [div class=reqiconb][div class=reqicon][/div][/div]
  14. [div class=reqbox1c][div class=scroll style=width:110%;]
  15. [div class=reqbox1]
  16. [div class=reqc style=margin-top:2px;]
  17. [div class=h1]name[/div]
  18. [div class=reqt1]yua akano[/div]
  19. [/div]
  20. [div class=reqc]
  21. [div class=h1]age[/div]
  22. [div class=reqt1]twenty-one[/div]
  23. [/div]
  24. [div class=reqc]
  25. [div class=h1]gender[/div]
  26. [div class=reqt1]female[/div]
  27. [/div]
  28. [div class=reqc]
  29. [div class=h1]sexuality[/div]
  30. [div class=reqt1]pansexual[/div]
  31. [/div]
  32. [div class=reqc]
  33. [div class=h1]ethnicity[/div]
  34. [div class=reqt1]japanese[/div]
  35. [/div]
  36. [div class=reqc]
  37. [div class=h1]role[/div]
  38. [div class=reqt1]the destined[/div]
  39. [/div]
  40. [/div]
  41. [/div][/div]
  42.  
  43. [div class=reqbox2c][div class=scroll]
  44. [div class=reqbox2]
  45.  
  46. [div class=reqc2 style=margin-top:0px;]
  47. [div class=h2]physique[/div]
  48. [div class=reqt2]yua stands at [b]167cm[/b] and [b]52kg[/b] but looks considerably thinner. she is an [b]ectomorph[/b] and though she lacks curves, she is beautifully proportioned; yua has legs for [i]days[/i].[/div]
  49. [/div]
  50. [div class=reqc2]
  51. [div class=h2]hair colour[/div]
  52. [div class=reqt2]deep brown, nearly indistinguishable from black except under strong sunlight. [/div]
  53. [/div]
  54. [div class=reqc2]
  55. [div class=h2]hair styling[/div]
  56. [div class=reqt2]yua's hair is mostly straight with the slightest wave to it. she usually ties it up into a high ponytail, though it certainly makes for a [i]look[/i] while let-down with her iconic bangs.[/div]
  57. [/div]
  58. [div class=reqc2]
  59. [div class=h2]eye colour[/div]
  60. [div class=reqt2]chocolate brown[/div]
  61. [/div]
  62. [div class=reqc2]
  63. [div class=h2]dist. features[/div]
  64. [div class=reqt2]short bangs, long legs, fair complexion, ever-so-judgemental gaze[/div]
  65. [/div]
  66. [div class=reqc2]
  67. [div class=h2]style[/div]
  68. [div class=reqt2 style=white-space:nowrap;]
  69. [url='https://i.pinimg.com/originals/ed/5f/96/ed5f9674e864f016413b04e353016e95.jpg'][div class=style][fa]fal fa-flower-tulip[/fa][/div][/url]
  70. [url='https://cf.shopee.sg/file/561029114e45501ef6052e8845905a5b'][div class=style][fa]fal fa-flower-tulip[/fa][/div][/url]
  71. [url='https://shop.r10s.jp/coscommu/cabinet/img_mr0/mr0120_1.jpg'][div class=style][fa]fal fa-flower-tulip[/fa][/div][/url]
  72. [url='https://i.pinimg.com/originals/24/4f/7e/244f7ee196c24d7b925f65c816a79185.jpg'][div class=style][fa]fal fa-flower-tulip[/fa][/div][/url]
  73. [/div]
  74. [/div]
  75. [div class=reqc2]
  76. [div class=h2]faceclaim[/div]
  77. [div class=reqt2]yuka mannami[/div]
  78. [/div]
  79. [/div]
  80. [/div][/div]
  81.  
  82. [/div][/div]
  83.  
  84. [div class="tabs 2tab" style=display:none;]
  85. [div class=pers][div class=scroll]
  86. [div class=h3]virtues[/div]
  87. [div class=perst]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae scelerisque magna, in hendrerit libero. Vestibulum sit amet euismod libero. Nullam viverra enim ut sem dapibus, ut dictum ligula congue. Ut tempor euismod dictum. Etiam diam orci, hendrerit ac ligula eget, dapibus sollicitudin arcu. Suspendisse finibus maximus tellus in pharetra. Nunc sagittis mollis magna at iaculis. Duis eget mauris at dolor cursus scelerisque non eget nunc. Mauris purus nisl, imperdiet elementum scelerisque sed, cursus non metus. Sed arcu turpis, sodales vitae nisi non, egestas eleifend justo. Nullam nec cursus mi, pulvinar vehicula ante. Proin sollicitudin enim finibus, faucibus nulla id, posuere lorem. Nullam at nulla at nisi porta sodales vel vel eros. Vestibulum id urna sed neque congue vulputate.
  88.  
  89. Pellentesque in gravida urna. Praesent non elementum erat. Integer non tempor mauris, pretium faucibus velit. Aliquam ut nisl tempor, condimentum odio vel, ullamcorper quam. Vivamus ex eros, iaculis in molestie vel, iaculis vel risus. Quisque at dolor sed felis euismod fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vel ultricies dui. Donec accumsan mollis sem eu placerat. Cras blandit finibus ipsum. Integer in sollicitudin quam. Sed bibendum arcu a libero sagittis, vel efficitur risus scelerisque. Sed at suscipit massa, vitae tempus massa. Nullam ipsum nisl, convallis et lacus et, gravida congue enim. Fusce tempor dapibus quam eu mollis. Donec turpis enim, consectetur vitae lorem a, pellentesque hendrerit nisl.[/div]
  90. [div class=h3]vices[/div]
  91. [div class=perst]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae scelerisque magna, in hendrerit libero. Vestibulum sit amet euismod libero. Nullam viverra enim ut sem dapibus, ut dictum ligula congue. Ut tempor euismod dictum. Etiam diam orci, hendrerit ac ligula eget, dapibus sollicitudin arcu. Suspendisse finibus maximus tellus in pharetra. Nunc sagittis mollis magna at iaculis. Duis eget mauris at dolor cursus scelerisque non eget nunc. Mauris purus nisl, imperdiet elementum scelerisque sed, cursus non metus. Sed arcu turpis, sodales vitae nisi non, egestas eleifend justo. Nullam nec cursus mi, pulvinar vehicula ante. Proin sollicitudin enim finibus, faucibus nulla id, posuere lorem. Nullam at nulla at nisi porta sodales vel vel eros. Vestibulum id urna sed neque congue vulputate.
  92.  
  93. Pellentesque in gravida urna. Praesent non elementum erat. Integer non tempor mauris, pretium faucibus velit. Aliquam ut nisl tempor, condimentum odio vel, ullamcorper quam. Vivamus ex eros, iaculis in molestie vel, iaculis vel risus. Quisque at dolor sed felis euismod fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vel ultricies dui. Donec accumsan mollis sem eu placerat. Cras blandit finibus ipsum. Integer in sollicitudin quam. Sed bibendum arcu a libero sagittis, vel efficitur risus scelerisque. Sed at suscipit massa, vitae tempus massa. Nullam ipsum nisl, convallis et lacus et, gravida congue enim. Fusce tempor dapibus quam eu mollis. Donec turpis enim, consectetur vitae lorem a, pellentesque hendrerit nisl.[/div]
  94.  
  95. [div class=reqc2 style=margin-top:10px;]
  96. [div class=h2]likes[/div]
  97. [div class=reqt2]these are some things[/div]
  98. [/div]
  99. [div class=reqc2]
  100. [div class=h2]dislikes[/div]
  101. [div class=reqt2]these are some other things[/div]
  102. [/div]
  103. [div class=reqc2]
  104. [div class=h2]fears[/div]
  105. [div class=reqt2]these are some things[/div]
  106. [/div]
  107. [div class=reqc2]
  108. [div class=h2]habits[/div]
  109. [div class=reqt2]these are some things[/div]
  110. [/div]
  111. [div class=reqc2]
  112. [div class=h2]hobbies[/div]
  113. [div class=reqt2]these are some things[/div]
  114. [/div]
  115.  
  116. [/div][/div]
  117. [/div]
  118.  
  119. [div class="tabs 3tab" style=display:none;]
  120. [div class=history][div class=scroll]
  121. [div class=h3]history[/div]
  122. [div class=perst style=margin-bottom:5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae scelerisque magna, in hendrerit libero. Vestibulum sit amet euismod libero. Nullam viverra enim ut sem dapibus, ut dictum ligula congue. Ut tempor euismod dictum. Etiam diam orci, hendrerit ac ligula eget, dapibus sollicitudin arcu. Suspendisse finibus maximus tellus in pharetra. Nunc sagittis mollis magna at iaculis. Duis eget mauris at dolor cursus scelerisque non eget nunc. Mauris purus nisl, imperdiet elementum scelerisque sed, cursus non metus. Sed arcu turpis, sodales vitae nisi non, egestas eleifend justo. Nullam nec cursus mi, pulvinar vehicula ante. Proin sollicitudin enim finibus, faucibus nulla id, posuere lorem. Nullam at nulla at nisi porta sodales vel vel eros. Vestibulum id urna sed neque congue vulputate.
  123.  
  124. Pellentesque in gravida urna. Praesent non elementum erat. Integer non tempor mauris, pretium faucibus velit. Aliquam ut nisl tempor, condimentum odio vel, ullamcorper quam. Vivamus ex eros, iaculis in molestie vel, iaculis vel risus. Quisque at dolor sed felis euismod fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vel ultricies dui. Donec accumsan mollis sem eu placerat. Cras blandit finibus ipsum. Integer in sollicitudin quam. Sed bibendum arcu a libero sagittis, vel efficitur risus scelerisque. Sed at suscipit massa, vitae tempus massa. Nullam ipsum nisl, convallis et lacus et, gravida congue enim. Fusce tempor dapibus quam eu mollis. Donec turpis enim, consectetur vitae lorem a, pellentesque hendrerit nisl.
  125. [/div]
  126.  
  127. [div class=h3]miscellaneous[/div]
  128. [div class=reqc2]
  129. [div class=h2]theme[/div]
  130. [div class=reqt2]these are some things[/div]
  131. [/div]
  132. [div class=reqc2]
  133. [div class=h2]living quarters[/div]
  134. [div class=reqt2]these are some things[/div]
  135. [/div]
  136. [div class=reqc2]
  137. [div class=h2]mbti type[/div]
  138. [div class=reqt2]these are some things[/div]
  139. [/div]
  140.  
  141. [/div][/div]
  142. [/div]
  143.  
  144. [div class="tabs 4tab" style=display:none;]
  145. [div class=relationships]
  146.  
  147. [div class="rstabs 1rs" style=display:none;]
  148. [div class=rsisa]
  149. [div class=rsname]name[/div]
  150. [div class=rsstatus]status: acquaintance[/div]
  151. [div class=rsbarcon]
  152. [div class=rsm1][fa]fa-frown[/fa][div class=rsmline][/div][/div][div class=rsm2][fa]fa-meh[/fa][div class=rsmline][/div][/div][div class=rsm3][fa]fa-smile[/fa][div class=rsmline][/div][/div]
  153. [div class=rsbar][div=height:100%;width:56%;background-color:var(--color-1);border-radius:8px;][/div][/div]
  154. [/div]
  155. [/div]
  156. [div class="rsiconb"][div class="rsicon 1rsnimg"][/div][/div]
  157. [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna.
  158.  
  159. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies.
  160. [/div][/div]
  161. [/div]
  162.  
  163. [div class="rstabs 2rs" style=display:none;]
  164. [div class=rsisa]
  165. [div class=rsname]name[/div]
  166. [div class=rsstatus]status: acquaintance[/div]
  167. [div class=rsbarcon]
  168. [div class=rsm1][fa]fa-frown[/fa][div class=rsmline][/div][/div][div class=rsm2][fa]fa-meh[/fa][div class=rsmline][/div][/div][div class=rsm3][fa]fa-smile[/fa][div class=rsmline][/div][/div]
  169. [div class=rsbar][div=height:100%;width:56%;background-color:var(--color-1);border-radius:8px;][/div][/div]
  170. [/div]
  171. [/div]
  172. [div class="rsiconb"][div class="rsicon 2rsnimg"][/div][/div]
  173. [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna.
  174.  
  175. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies.
  176. [/div][/div]
  177. [/div]
  178.  
  179. [div class="rstabs 3rs" style=display:none;]
  180. [div class=rsisa]
  181. [div class=rsname]name[/div]
  182. [div class=rsstatus]status: acquaintance[/div]
  183. [div class=rsbarcon]
  184. [div class=rsm1][fa]fa-frown[/fa][div class=rsmline][/div][/div][div class=rsm2][fa]fa-meh[/fa][div class=rsmline][/div][/div][div class=rsm3][fa]fa-smile[/fa][div class=rsmline][/div][/div]
  185. [div class=rsbar][div=height:100%;width:56%;background-color:var(--color-1);border-radius:8px;][/div][/div]
  186. [/div]
  187. [/div]
  188. [div class="rsiconb"][div class="rsicon 3rsnimg"][/div][/div]
  189. [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna.
  190.  
  191. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies.
  192. [/div][/div]
  193. [/div]
  194.  
  195. [div class="rstabs 4rs" style=display:none;]
  196. [div class=rsisa]
  197. [div class=rsname]name[/div]
  198. [div class=rsstatus]status: acquaintance[/div]
  199. [div class=rsbarcon]
  200. [div class=rsm1][fa]fa-frown[/fa][div class=rsmline][/div][/div][div class=rsm2][fa]fa-meh[/fa][div class=rsmline][/div][/div][div class=rsm3][fa]fa-smile[/fa][div class=rsmline][/div][/div]
  201. [div class=rsbar][div=height:100%;width:56%;background-color:var(--color-1);border-radius:8px;][/div][/div]
  202. [/div]
  203. [/div]
  204. [div class="rsiconb"][div class="rsicon 4rsnimg"][/div][/div]
  205. [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna.
  206.  
  207. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies.
  208. [/div][/div]
  209. [/div]
  210.  
  211. [div class="rstabs 5rs" style=display:none;]
  212. [div class=rsisa]
  213. [div class=rsname]name[/div]
  214. [div class=rsstatus]status: acquaintance[/div]
  215. [div class=rsbarcon]
  216. [div class=rsm1][fa]fa-frown[/fa][div class=rsmline][/div][/div][div class=rsm2][fa]fa-meh[/fa][div class=rsmline][/div][/div][div class=rsm3][fa]fa-smile[/fa][div class=rsmline][/div][/div]
  217. [div class=rsbar][div=height:100%;width:56%;background-color:var(--color-1);border-radius:8px;][/div][/div]
  218. [/div]
  219. [/div]
  220. [div class="rsiconb"][div class="rsicon 5rsnimg"][/div][/div]
  221. [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna.
  222.  
  223. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies.
  224. [/div][/div]
  225. [/div]
  226.  
  227. [div class="rstabs 6rs" style=display:none;]
  228. [div class=rsisa]
  229. [div class=rsname]name[/div]
  230. [div class=rsstatus]status: acquaintance[/div]
  231. [div class=rsbarcon]
  232. [div class=rsm1][fa]fa-frown[/fa][div class=rsmline][/div][/div][div class=rsm2][fa]fa-meh[/fa][div class=rsmline][/div][/div][div class=rsm3][fa]fa-smile[/fa][div class=rsmline][/div][/div]
  233. [div class=rsbar][div=height:100%;width:56%;background-color:var(--color-1);border-radius:8px;][/div][/div]
  234. [/div]
  235. [/div]
  236. [div class="rsiconb"][div class="rsicon 6rsnimg"][/div][/div]
  237. [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna.
  238.  
  239. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies.
  240. [/div][/div]
  241. [/div]
  242.  
  243. [div class="rstabs 7rs" style=display:none;]
  244. [div class=rsisa]
  245. [div class=rsname]name[/div]
  246. [div class=rsstatus]status: acquaintance[/div]
  247. [div class=rsbarcon]
  248. [div class=rsm1][fa]fa-frown[/fa][div class=rsmline][/div][/div][div class=rsm2][fa]fa-meh[/fa][div class=rsmline][/div][/div][div class=rsm3][fa]fa-smile[/fa][div class=rsmline][/div][/div]
  249. [div class=rsbar][div=height:100%;width:56%;background-color:var(--color-1);border-radius:8px;][/div][/div]
  250. [/div]
  251. [/div]
  252. [div class="rsiconb"][div class="rsicon 7rsnimg"][/div][/div]
  253. [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna.
  254.  
  255. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies.
  256. [/div][/div]
  257. [/div]
  258.  
  259. [/div]
  260. [/div]
  261. [/div]
  262. [div class=sidebar]
  263. [div class=sbimg]
  264. [div class="rsnav 4rsnavi" style=display:none;][div class=rsscroll]
  265.  
  266. [div class="rsbutton 1rsbtn"][div=display:none;]1#[/div]
  267. [div class="rsnavimg 1rsnimg"][/div]
  268. [div class=rsnavname]the huntress[/div]
  269. [/div]
  270. [div class="rsbutton 2rsbtn"][div=display:none;]2#[/div]
  271. [div class="rsnavimg 2rsnimg"][/div]
  272. [div class=rsnavname]the unholy[/div]
  273. [/div]
  274. [div class="rsbutton 3rsbtn"][div=display:none;]3#[/div]
  275. [div class="rsnavimg 3rsnimg"][/div]
  276. [div class=rsnavname]the studious[/div]
  277. [/div]
  278. [div class="rsbutton 4rsbtn"][div=display:none;]4#[/div]
  279. [div class="rsnavimg 4rsnimg"][/div]
  280. [div class=rsnavname]the warrior[/div]
  281. [/div]
  282. [div class="rsbutton 5rsbtn"][div=display:none;]5#[/div]
  283. [div class="rsnavimg 5rsnimg"][/div]
  284. [div class=rsnavname]the alchemist[/div]
  285. [/div]
  286. [div class="rsbutton 6rsbtn"][div=display:none;]6#[/div]
  287. [div class="rsnavimg 6rsnimg"][/div]
  288. [div class=rsnavname]the ill[/div]
  289. [/div]
  290. [div class="rsbutton 7rsbtn"][div=display:none;]7#[/div]
  291. [div class="rsnavimg 7rsnimg"][/div]
  292. [div class=rsnavname]the wild[/div]
  293. [/div]
  294.  
  295. [/div][/div]
  296. [/div]
  297. [div class=navi]
  298. [div class="button 1btn"][div class=buttontext][div=display:none;]1#[/div]basics[/div][/div]
  299. [div class="button 2btn"][div class=buttontext][div=display:none;]2#[/div]persona[/div][/div]
  300. [div class="button 3btn"][div class=buttontext][div=display:none;]3#[/div]history[/div][/div]
  301. [div class="button 4btn"][div class=buttontext][div=display:none;]4#[/div]relations[/div][/div]
  302. [div class=colourswitchc][div class=colourswitchb][/div][/div]
  303. [/div]
  304. [/div]
  305. [/div]
  306. [/nobr]
  307.  
  308. [nobr]
  309.  
  310. [class=container]
  311. --bg: #F9F9F9;
  312. --bg-2: #27181B;
  313. --border: #cecece;
  314. --color-1: #68B8C1;
  315. --txt: #262626;
  316. --img-1: url('https://cdn.discordapp.com/attachments/387905088124878850/683590796737380402/20180912_101252824_M.png');
  317. --img-2: url('https://66.media.tumblr.com/8a0a275460331a6832fa8a953a4cfa9b/tumblr_pvizcl7Fzz1vmxcgho2_400.png');
  318. --rs-1: url('https://i.mdel.net/newfaces/i/2015/08/dd_yukamannami16.jpg');
  319. --rs-2: url('https://66.media.tumblr.com/398255b94799c3057248099f7fe70d12/tumblr_p56uyqjB4l1wt1o7ko6_250.png');
  320. --rs-3: url('https://cdn.discordapp.com/attachments/387905088124878850/676790675429392394/media.png');
  321. --rs-4: url('https://fashioneditorials.com/wp-content/uploads/2019/03/Johnson-Lui-Grazia-China-Yuka-Mannami-2-816x1024.jpg');
  322. --rs-5: url('https://ilarge.lisimg.com/image/15025102/1118full-yuka-mannami.jpg');
  323. --rs-6: url('https://pbs.twimg.com/media/CwSRwT1WEAAyddf.jpg');
  324. --rs-7: url('https://i.pinimg.com/originals/ca/64/7f/ca647fd735a66627b9bf896207b9d579.jpg');
  325. width:550px;
  326. height:380px;
  327. margin:auto;
  328. background-color: var(--bg);
  329. display:flex;
  330. flex-flow: row wrap;
  331. transition: .5s ease-in-out;
  332. position:relative;
  333. [/class]
  334.  
  335. [class=colourswitch]
  336. --bg-2: #F9F9F9;
  337. --bg: #27181B;
  338. --border: #59484b;
  339. --color-1: #b23737;
  340. --txt: #fff;
  341. --img-1: url('https://cdn.discordapp.com/attachments/387905088124878850/683591767739990056/e7e2d2a482e7085389a37b9553d7dd00.png');
  342. --img-2: url('https://cdn.discordapp.com/attachments/387905088124878850/684318396262645760/5B6x30F4dTjkg54YsXTYncNMQgGm4jC7D3tw6OYUrMwDnApsLbgI4WLCPikbPq5iW0AAAAAElFTkSuQmCC.png');
  343. transition: .8s ease-in-out;
  344. [/class]
  345.  
  346. [class=home]
  347. height:80%;
  348. width:100%;
  349. display:flex;
  350. align-items:center;
  351. align-content: center;
  352. justify-content: center;
  353. flex-flow: row wrap;
  354. [/class]
  355.  
  356. [class=header]
  357. height:18%;
  358. width:100%;
  359. position:absolute;
  360. display:flex;
  361. flex-flow: row-reverse nowrap;
  362. z-index:4;
  363. box-sizing:border-box;
  364. padding-right:10%;
  365. align-content: flex-end;
  366. align-items: flex-end;
  367. [/class]
  368.  
  369. [class=role]
  370. height:100%;
  371. min-width:40%;
  372. max-width:70%;
  373. flex-shrink:0;
  374. color: var(--border);
  375. font-size:46px;
  376. font-weight:bold;
  377. letter-spacing:2px;
  378. font-family: 'Playfair Display', serif;
  379. transition: .5s;
  380. padding-right:10px;
  381. box-sizing:border-box;
  382. line-height:200%;
  383. [/class]
  384.  
  385. [class name=role state=hover]
  386. color: var(--color-1);
  387. transition: .5s;
  388. [/class]
  389.  
  390. [class=quote]
  391. flex-grow:1;
  392. align-self: flex-end;
  393. text-align:right;
  394. font-size:11px;
  395. text-transform:uppercase;
  396. letter-spacing:1px;
  397. font-family: 'Poppins' , sans-serif;
  398. box-sizing:border-box;
  399. padding-right:10px;
  400. justify-content: flex-end;
  401. overflow:hidden;
  402. line-height:120%;
  403. margin-top:15px;
  404. color: var(--txt);
  405. font-weight:normal;
  406. [/class]
  407.  
  408. [class=qemp]
  409. display:inline-block;
  410. color: var(--color-1);
  411. padding:1.5px;
  412. padding-top:0px;
  413. padding-bottom:0px;
  414. font-weight: bold;
  415. [/class]
  416.  
  417. [class=sidebar]
  418. height:380px;
  419. width:44%;
  420. position:relative;
  421. display:flex;
  422. flex-flow: row wrap;
  423. [/class]
  424.  
  425. [class=navi]
  426. height:100%;
  427. width:22%;
  428. border-left:1px solid var(--border);
  429. display:flex;
  430. flex-flow: row wrap;
  431. box-sizing:border-box;
  432. justify-content:center;
  433. align-items: space-between;
  434. padding-top:8%;
  435. padding-bottom:10px;
  436. z-index:5;
  437. [/class]
  438.  
  439. [class=sbimg]
  440. width:78%;
  441. height:77%;
  442. align-self: flex-end;
  443. background: var(--img-1);
  444. background-size:auto 100%;
  445. background-position:50% 50%;
  446. position:relative;
  447. [/class]
  448.  
  449. [class=button]
  450. height: 18%;
  451. width:90%
  452. display:inline-block;
  453. box-sizing:border-box;
  454. display:flex;
  455. cursor: pointer;
  456. color:black;
  457. transition:.7s;
  458. color: var(--txt);
  459. [/class]
  460.  
  461. [class name=button state=hover]
  462. color: var(--color-1);
  463. cursor:pointer;
  464. transition:.7s;
  465. [/class]
  466.  
  467. [class=buttontext]
  468. display:flex;
  469. transform: rotate(90deg);
  470. font-family: 'Eurotypo Bodoni', serif;
  471. font-weight: bold;
  472. letter-spacing:0.5px;
  473. font-size:16px;
  474. align-self:center;
  475. line-height:150%;
  476. padding-bottom:4px;
  477. box-sizing:border-box;
  478. [/class]
  479.  
  480. [class=buttonselect]
  481. color: var(--color-1);
  482. [/class]
  483.  
  484. [script class=button on=click version=2]
  485. (hide "home")
  486. (= currentTab (index (split (getText) "#") 0 ))
  487. (if (== openedTab currentTab) (stop))
  488. (fadeOut 200 "rsnav")
  489. (removeClass "buttonselect" "button")
  490. (hide "tabs")
  491.  
  492. (fadeIn 800 (+ currentTab "tab"))
  493. (fadeIn 600 (+ currentTab "rsnavi"))
  494. (addClass "buttonselect" (+ currentTab "btn"))
  495. (= openedTab currentTab)
  496. [/script]
  497.  
  498. [class=colourswitchc]
  499. height:15px;
  500. width:15px;
  501. border-radius:50%;
  502. border:1px solid var(--color-1);
  503. padding:3px;
  504. font-size:0;
  505. z-index:9;
  506. position:relative;
  507. top:10px;
  508. [/class]
  509.  
  510. [class=colourswitchb]
  511. height:100%;
  512. width:100%;
  513. background-color: var(--bg-2);
  514. border-radius:50%;
  515. transition: .3s;
  516. margin:auto;
  517. [/class]
  518.  
  519. [class name=colourswitchb state=hover]
  520. background-color: var(--bg);
  521. border-radius:50%;
  522. transition: .3s;
  523. cursor:pointer;
  524. [/class]
  525.  
  526. [script class=colourswitchb on=click version=2]
  527. (= newColour (getText))
  528. (if (== newColour "") (group (addClass "colourswitch" "container") (setText "1")))
  529. (if (== newColour "1") (group (removeClass "colourswitch" "container") (setText "")))
  530. [/script]
  531.  
  532. [class=body]
  533. height:77%;
  534. width:56%;
  535. align-self: flex-end;
  536. position:relative;
  537. [/class]
  538.  
  539. [class name=scroll minWidth="550px"]
  540. height:100%;
  541. width:105%;
  542. overflow-y:scroll;
  543. padding-right:40px;
  544. [/class]
  545.  
  546. [class=tabs]
  547. height:100%;
  548. width:100%;
  549. position:absolute;
  550. color: var(--txt);
  551. [/class]
  552.  
  553. [class=req]
  554. height:100%;
  555. width:100%;
  556. padding:15px;
  557. box-sizing:border-box;
  558. padding-top:0px;
  559. display:flex;
  560. flex-flow: row wrap;
  561. [/class]
  562.  
  563. [class=reqiconb]
  564. height:100px;
  565. width:100px;
  566. border:1px solid var(--txt);
  567. padding:3px;
  568. [/class]
  569.  
  570. [class=reqicon]
  571. height:100%;
  572. width:100%;
  573. margin:auto;
  574. background: var(--img-2);
  575. background-size:100%;
  576. [/class]
  577.  
  578. [class=reqbox1c]
  579. height:39%;
  580. width:61%;
  581. padding:5px;
  582. padding-top:0px;
  583. box-sizing:border-box;
  584. overflow:hidden;
  585. [/class]
  586.  
  587. [class=reqbox1]
  588. height:100%;
  589. width:100%;
  590. display:flex;
  591. flex-flow: row wrap;
  592. align-items: space-between;
  593. [/class]
  594.  
  595. [class=reqc]
  596. padding-top:2.5px;
  597. padding-bottom:2.5px;
  598. width:100%;
  599. font-size:10px;
  600. color: var(--txt);
  601. display:flex;
  602. flex-flow: row nowrap;
  603. margin-top:5px;
  604. line-height:150%;
  605. font-family: 'Karla', sans-serif;
  606. box-sizing:border-box;
  607. padding-left:8px;
  608. [/class]
  609.  
  610. [class=h1]
  611. display:inline-block;
  612. height:15px;
  613. text-transform:uppercase;
  614. border-bottom:1.5px solid var(--color-1);
  615. letter-spacing:0.5px;
  616. flex-shrink:0;
  617. [/class]
  618.  
  619. [class=reqt1]
  620. flex-grow: 1;
  621. margin-left:15px;
  622. white-space: pre-wrap;
  623. text-align:right;
  624. [/class]
  625.  
  626. [class=reqbox2c]
  627. height:56%;
  628. width:100%;
  629. align-self: flex-end;
  630. overflow:hidden;
  631. padding:3px;
  632. [/class]
  633.  
  634. [class=reqbox2]
  635. height:100%;
  636. weight:100%;
  637. display:flex;
  638. flex-flow: row wrap;
  639. [/class]
  640.  
  641. [class=h2]
  642. height:17px;
  643. text-transform:uppercase;
  644. border-bottom:1.5px solid var(--color-1);
  645. letter-spacing:1px;
  646. flex-shrink:0;
  647. [/class]
  648.  
  649. [class=reqt2]
  650. flex-grow: 1;
  651. margin-left:15px;
  652. white-space: pre-wrap;
  653. text-align:justify;
  654. line-height:145%;
  655. [/class]
  656.  
  657. [class=reqc2]
  658. padding-top:2.5px;
  659. padding-bottom:2.5px;
  660. width:100%;
  661. font-size:10.5px;
  662. color: var(--txt);
  663. display:flex;
  664. flex-flow: row nowrap;
  665. margin-top:10px;
  666. line-height:151%;
  667. font-family: 'Karla', sans-serif;
  668. box-sizing:border-box;
  669. [/class]
  670.  
  671. [class=style]
  672. display:inline;
  673. color: var(--txt);
  674. transition: .3s;
  675. [/class]
  676.  
  677. [class name=style state=hover]
  678. color: var(--color-1);
  679. transition: .3s;
  680. [/class]
  681.  
  682. [class=pers]
  683. height:100%;
  684. width:100%;
  685. padding:15px;
  686. overflow:hidden;
  687. box-sizing:border-box;
  688. padding-top:0px;
  689. [/class]
  690.  
  691. [class=h3]
  692. background-color: var(--bg);
  693. font-family: 'Eurotypo Bodoni', serif;
  694. font-weight:bold;
  695. letter-spacing:1px;
  696. width:101%;
  697. text-align: center;
  698. color: var(--color-1);
  699. font-size:20px;
  700. position:sticky;
  701. top:0;
  702. line-height:150%;
  703. [/class]
  704.  
  705. [class=perst]
  706. width:100%;
  707. height: fit-content;
  708. font-size:10px;
  709. text-align:justify;
  710. font-family: 'Karla', sans-serif;
  711. white-space: pre-wrap;
  712. line-height:150%;
  713. [/class]
  714.  
  715. [class=history]
  716. height:100%;
  717. width:100%;
  718. padding:15px;
  719. padding-top:0px;
  720. overflow:hidden;
  721. box-sizing:border-box;
  722. [/class]
  723.  
  724. [class=rsnav]
  725. height: 100%;
  726. width: 100%;
  727. background-color: var(--bg);
  728. border:1px solid var(--border);
  729. border-bottom: 0px;
  730. border-right:0px;
  731. overflow:hidden;
  732. box-sizing:border-box;
  733. display:flex;
  734. flex-flow: column nowrap;
  735. box-sizing:border-box;
  736. bottom:0;
  737. position:absolute;
  738. [/class]
  739.  
  740. [class=rsscroll]
  741. width:calc(100% + 13.5px);
  742. height:100%;
  743. overflow-y:scroll;
  744. overflow-x:hidden;
  745. [/class]
  746.  
  747. [class=rsbutton]
  748. height:20%;
  749. width:100%;
  750. position:relative;
  751. display:flex;
  752. flex-flow: row nowrap;
  753. justify-content: center;
  754. [/class]
  755.  
  756. [class name=rsbutton state=hover]
  757. cursor:pointer;
  758. [/class]
  759.  
  760. [script class=rsbutton on=mouseenter version=2]
  761. (= currentRs (index (split (getText) "#") 0 ))
  762. (addClass "rsnavimgs" (+ currentRs "rsnimg"))
  763. [/script]
  764.  
  765. [script class=rsbutton on=mouseleave]
  766. removeClass rsnavimgs rsnavimg
  767. [/script]
  768.  
  769. [script class=rsbutton on=click version=2]
  770. (= currentRs (index (split (getText) "#") 0 ))
  771. (if (== openedRs currentRs) (stop))
  772. (hide "rstabs")
  773. (removeClass "rsselect" "rsbutton")
  774.  
  775. (fadeIn 550 (+ currentRs "rs"))
  776. (= openedRs currentRs)
  777. [/script]
  778.  
  779. [class=rsnavimg]
  780. height:100%;
  781. width:100%;
  782. position:relative;
  783. transition: 0.3s ease-in-out;
  784. [/class]
  785.  
  786. [class=rsnavimgs]
  787. transform: scale(0.92);
  788. transition: 0.3s ease-in-out;
  789. [/class]
  790.  
  791. [class=rsnavname]
  792. height:25%;
  793. width:80%;
  794. justify-self: center;
  795. text-align:center;
  796. padding:1px;
  797. background-color: var(--bg);
  798. color: var(--txt);
  799. position:absolute;
  800. top:60%;
  801. font-size:9px;
  802. text-transform: uppercase;
  803. font-family: 'Poppins', sans-serif;
  804. letter-spacing:1px;
  805. [/class]
  806.  
  807. [class=rstabs]
  808. height:100%;
  809. width:100%;
  810. padding:15px;
  811. padding-top:0px;
  812. [/class]
  813.  
  814. [class=rstabs]
  815. height:100%;
  816. width:100%;
  817. position:absolute;
  818. display:flex;
  819. flex-flow:row wrap;
  820. padding:10px;
  821. padding-top:0px;
  822. padding-left:5px;
  823. box-sizing:border-box;
  824. [/class]
  825.  
  826. [class name=rsisa]
  827. height:40%;
  828. width:60%;
  829. margin-right:1%;
  830. padding-right:10px;
  831. padding-left:3px;
  832. box-sizing:border-box;
  833. margin-top:5px;
  834. [/class]
  835.  
  836. [class=rsiconb]
  837. height:105px;
  838. width:105px;
  839. border:1px solid var(--txt);
  840. box-sizing:border-box;
  841. margin-top:7px;
  842. padding:0px;
  843. [/class]
  844.  
  845. [class=rsicon]
  846. height:100%;
  847. width:100%;
  848. margin:auto;
  849. [/class]
  850.  
  851. [class name=rsname]
  852. height: fit-content;
  853. margin-bottom:5px;
  854. width:100%;
  855. font-size:25px;
  856. text-align:right;
  857. color: var(--color-1);
  858. letter-spacing:1px;
  859. font-weight:bold;
  860. line-height:120%;
  861. font-family: 'Playfair Display', serif;
  862. [/class]
  863.  
  864. [class name=rsrole]
  865. display:inline;
  866. margin-right:5px;
  867. font-size:9px;
  868. text-transform:uppercase;
  869. letter-spacing:0.5px;
  870. color: var(--t-color);
  871. font-style:oblique;
  872. text-shadow: 0px 0px black;
  873. font-weight:normal;
  874. opacity:0.85;
  875. line-height:200%;
  876. [/class]
  877.  
  878. [class name=rsstatus]
  879. height:15%;
  880. width:100%;
  881. font-size:12px;
  882. text-transform:uppercase;
  883. letter-spacing:0.5px;
  884. color: var(--txt);
  885. text-align:right;
  886. line-height:130%;
  887. font-family: 'Karla', sans-serif;
  888. [/class]
  889.  
  890. [class name=rsbarcon]
  891. width:90%;
  892. height:40%;
  893. padding-top:12px;
  894. box-sizing:border-box;
  895. opacity:0.9;
  896. margin:auto;
  897. margin-top:-5px;
  898. [/class]
  899.  
  900. [class name=rsbar]
  901. width:100%;
  902. height:40%;
  903. border:1px solid var(--txt);
  904. border-radius:8px;
  905. padding:1.5px;
  906. box-sizing:border-box;
  907. margin-top:11.5%;
  908. [/class]
  909.  
  910. [class name=rsm1]
  911. width:7.8%;
  912. height:100%;
  913. font-size:12px;
  914. float:left;
  915. color: var(--txt);
  916. position:relative;
  917. line-height:100%;
  918. text-align:center;
  919. [/class]
  920.  
  921. [class name=rsm2]
  922. width:7.8%;
  923. height:100%;
  924. font-size:12px;
  925. float:left;
  926. color: var(--txt);
  927. position:relative;
  928. line-height:100%;
  929. text-align:center;
  930. margin-left:38%;
  931. margin-right:38%;
  932. [/class]
  933.  
  934. [class name=rsm3]
  935. width:7.8%;
  936. height:100%;
  937. font-size:12px;
  938. float:left;
  939. color: var(--txt);
  940. position:relative;
  941. line-height:100%;
  942. text-align:center;
  943. [/class]
  944.  
  945. [class name=rsmline]
  946. height:60%;
  947. width:1.5px;
  948. margin-left:auto;
  949. margin-right:auto;
  950. margin-top:15%;
  951. background-color: var(--txt);
  952. [/class]
  953.  
  954. [class name=rstext]
  955. height:60%;
  956. width:100%;
  957. overflow:hidden;
  958. font-size:10px;
  959. text-align:justify;
  960. padding:8px;
  961. box-sizing:border-box;
  962. color: var(--txt);
  963. line-height:155%;
  964. font-family: 'Karla', sans-serif;
  965. [/class]
  966.  
  967. [class=1rsnimg]
  968. background: var(--rs-1);
  969. background-size:100%;
  970. background-position: 50% 20%;
  971. [/class]
  972.  
  973. [class=2rsnimg]
  974. background: var(--rs-2);
  975. background-size:100%;
  976. background-position: 50% 20%;
  977. [/class]
  978.  
  979. [class=3rsnimg]
  980. background: var(--rs-3);
  981. background-size:100%;
  982. background-position: 50% 60%;
  983. [/class]
  984.  
  985. [class=4rsnimg]
  986. background: var(--rs-4);
  987. background-size:100%;
  988. background-position: 50% 40%;
  989. [/class]
  990.  
  991. [class=5rsnimg]
  992. background: var(--rs-5);
  993. background-size:100%;
  994. background-position: 50% 20%;
  995. [/class]
  996.  
  997. [class=6rsnimg]
  998. background: var(--rs-6);
  999. background-size:100%;
  1000. background-position: 50% 30%;
  1001. [/class]
  1002.  
  1003. [class=7rsnimg]
  1004. background: var(--rs-7);
  1005. background-size:100%;
  1006. background-position: 50% 40%;
  1007. [/class]
  1008.  
  1009. [/nobr]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!