Advertisement
Guest User

aurora

a guest
Mar 16th, 2019
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.16 KB | None | 0 0
  1. [div class=container][div class=profile]
  2. [div=margin-top:10px;width:130px;height:190px;background:url('https://pbs.twimg.com/media/De2Clq_V4AMv0M7.jpg');background-size:147%;background-position:55% 0%;border:10px solid white;border-radius:2px;position:relative;left:25px;][/div][div class=infobox][div=margin-top:3px;font-size:28px;color:#bf7699;text-shadow:1.5px 1.5px #ffbfd6;letter-spacing:1px;text-align:left;][font=Lato]ayaka[/font][/div][div=font-size:28px;color:#bf7699;text-shadow:1.5px 1.5px #ffbfd6;letter-spacing:1px;text-align:right;position:relative;top:-10px;][font=Lato]hayami[/font][/div][i]"i drink to forget, but i always end up remembering."[/i]
  3. [div=height:3px;width:100px;position:relative;top:10px;left:-42px;z-index:8;opacity:0.3;][font=Open Sans][COLOR=#d3e9ff][SIZE=10px]⠀♡coded by uxie♡[/SIZE][/COLOR][/font][/div][/div]
  4. [/div][div class=group][div class=pg1][div class=scroll][div=height:20px;border-bottom:3px solid white;width:275px;position:relative;left:15px;font-size:18px;color:#E56997;letter-spacing:1px;padding-bottom:5px;font-weight:bold;][font=Roboto][div=font-size:12px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] requisite[/font][/div][div=height:100px;width:100px;padding:6px;border-radius:50%;border:1px solid #EE9EC5;float:right;position:relative;top:10px;left:-10px;][div=height:100px;width:100px;border-radius:50%;background:url('https://scontent-sit4-1.cdninstagram.com/vp/8875754eabfb9281104d347be08861dd/5BA97537/t51.2885-15/e35/29715362_1618846888223562_3087125696686850048_n.jpg');background-size:140%;background-position:50% 50%;][/div][/div][div=min-height:60px;font-size:12px;color:#EE9EC5;text-align:left;position:relative;left:15px;margin-top:15px;width:150px;line-height:95%;][font=Nunito Sans][b]birth name[/b]
  5. ayaka hayami
  6.  
  7. [b]x12 inmate number[/b]
  8. 54
  9.  
  10. [b]current name[/b]
  11. ayaka hayami
  12.  
  13. [b]birthday[/b]
  14. 15 april 1998 (20 years)
  15.  
  16. [b]sexuality[/b]
  17. asexual
  18.  
  19. [/font][/div][div=height:20px;border-bottom:3px solid white;width:275px;position:relative;left:15px;font-size:18px;color:#E56997;letter-spacing:1px;padding-bottom:5px;font-weight:bold;][font=Roboto][div=font-size:12px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] appearance[/font][/div][div=height:100px;width:100px;padding:6px;border-radius:50%;border:1px solid #EE9EC5;float:left;position:relative;top:10px;left:25px;][div=height:100px;width:100px;border-radius:50%;background:url('https://scontent-sit4-1.cdninstagram.com/vp/e3bf1c0828f7a18671df12757ae85131/5BADA5B1/t51.2885-15/e35/33210258_225472924925673_4721715169221148672_n.jpg');background-size:100%;background-position:50% 50%;][/div][/div][div=height:60px;width:60px;padding:4px;border-radius:50%;border:1px solid #E56997;float:left;position:relative;top:80px;left:-10px;][div=height:60px;width:60px;border-radius:50%;background:url('https://scontent-sit4-1.cdninstagram.com/vp/3fde50869d85dcacee07546be6fd61ce/5BBA7790/t51.2885-15/e35/29089541_1587772884609605_1515956716267634688_n.jpg');background-size:150%;background-position:50% 50%;][/div][/div][div=min-height:60px;font-size:12px;color:#EE9EC5;text-align:right;position:relative;float:right;margin-top:15px;width:150px;line-height:95%;top:-60px;][font=Nunito Sans][b]faceclaim[/b]
  20. mei tanaka
  21.  
  22. [b]height[/b]
  23. 158cm
  24.  
  25. [b]weight[/b]
  26. 49.2kg
  27.  
  28. [b]eye colour[/b]
  29. dark brown
  30.  
  31. [b]hair colour[/b]
  32. black[/font][/div][/div]
  33.  
  34. [/div][div class=pg2 style=display:none][div class=scroll][div=border-radius:4px;height:200px;border:1px solid #EE9EC5;width:255px;position:relative;left:10px;top:5px;][div=height:20px;border-bottom:3px solid white;width:195px;position:absolute;left:15px;font-size:18px;color:#E56997;letter-spacing:1px;padding-bottom:5px;font-weight:bold;][font=Roboto][div=font-size:12px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] personality[/font][/div][div=height:149px;width:205px;padding:5px;overflow:hidden;position:absolute;margin-left:15px;margin-top:32px;font-size:10px;color:#EE9EC5;text-align:justify;][div class=scroll][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In feugiat ullamcorper dui, quis vestibulum ante aliquam ac. Mauris vitae viverra purus, at pellentesque sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac odio in odio suscipit hendrerit vel quis leo. Donec sit amet sapien eget metus suscipit sodales. Nulla rhoncus eros a ipsum tempor ullamcorper. Sed tincidunt vehicula tempus. Nulla suscipit id nibh sit amet tempus. Mauris ut ex in nulla pretium venenatis.
  35.  
  36. Cras cursus fringilla nunc, ut lacinia dui semper quis. Nullam vitae eros mi. Morbi vehicula lacus eget nisl luctus, eget dictum magna elementum. Vestibulum vitae nisl ante. Curabitur rutrum dapibus purus, sit amet bibendum tortor egestas et. Aliquam convallis enim non ipsum dictum, a semper massa efficitur. Donec mollis venenatis tortor, id dignissim sem ultricies et. Donec a diam augue. Fusce at lectus consequat, efficitur sem sed, faucibus arcu. Nulla blandit sed velit quis sollicitudin. Pellentesque tincidunt ac orci et sodales.
  37. [/font][/div][/div][div=float:right;position:relative;left:25px;top:10px;border-radius:50%;height:43px;width:43px;border:1px solid #EE9EC5;padding:4px;][div=position:absolute;top:0px;left:0px;height:43px;width:43px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/f3b281f0b2e3d614131abf51757d4f3f/5BAC2D86/t51.2885-15/e35/26863706_175592983052478_4065768591042019328_n.jpg');background-size:250%;background-position:53% 78%;border-radius:50%;border:4px solid #21303D;][/div][/div]
  38.  
  39. [div=float:right;position:relative;left:78px;top:30px;border-radius:50%;height:43px;width:43px;border:1px solid #EE9EC5;padding:4px;][div=position:absolute;top:0px;left:0px;height:43px;width:43px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/3b6a33f8687ba8a06ccba08e441c4da2/5BAA1477/t51.2885-15/e35/26870641_166251627340096_8853868926568759296_n.jpg');background-size:150%;background-position:63% 70%;border-radius:50%;border:4px solid #21303D;][/div][/div]
  40.  
  41. [div=float:right;position:relative;left:131px;top:50px;border-radius:50%;height:43px;width:43px;border:1px solid #EE9EC5;padding:4px;][div=position:absolute;top:0px;left:0px;height:43px;width:43px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/67db218b84842258f27bb54f445759e0/5BB4FE9B/t51.2885-15/e35/28156184_1663960303683508_5188184721061838848_n.jpg');background-size:180%;background-position:50% 20%;border-radius:50%;border:4px solid #21303D;][/div][/div]
  42.  
  43. [row][column=span4][div=margin-top:65px;height:20px;border-bottom:3px solid white;width:115px;position:relative;left:5px;font-size:14px;color:#E56997;letter-spacing:1px;padding-top:5px;font-weight:bold;][font=Roboto][div=font-size:9px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] likes[/font][/div][div=height:84px;width:105px;overflow:hidden;padding:5px;margin-top:5px;margin-left:5px;font-size:10px;color:#EE9EC5;line-height:130%;][div class=scroll][font=Nunito Sans]thing 1
  44. thing 2
  45. thing 3
  46. thing 4
  47. thing 5
  48. thing 6
  49. thing 7
  50. thing 8
  51. [/font][/div][/div]
  52.  
  53. [/column][column=span4][div=margin-top:65px;height:20px;border-bottom:3px solid white;width:115px;position:relative;left:5px;font-size:14px;color:#E56997;letter-spacing:1px;padding-top:5px;font-weight:bold;][font=Roboto][div=font-size:9px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] dislikes[/font][/div][div=height:84px;width:105px;overflow:hidden;padding:5px;margin-top:5px;margin-left:5px;font-size:10px;color:#EE9EC5;line-height:130%;][div class=scroll][font=Nunito Sans]thing 1
  54. thing 2
  55. thing 3
  56. thing 4
  57. thing 5
  58. thing 6
  59. thing 7
  60. thing 8
  61. [/font][/div][/div][/column][/row][/div]
  62.  
  63. [div=margin-top:130px;border-radius:4px;height:160px;border:1px solid #EE9EC5;width:255px;position:relative;left:35px;][div=height:20px;border-bottom:3px solid white;width:195px;position:absolute;left:50px;font-size:18px;color:#E56997;letter-spacing:1px;padding-bottom:5px;font-weight:bold;][font=Roboto][div=font-size:12px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] superpower[/font][/div][div=height:108px;width:205px;padding:5px;overflow:hidden;position:absolute;margin-left:50px;margin-top:32px;font-size:10px;color:#EE9EC5;text-align:justify;][div class=scroll][font=Nunito Sans]ayaka is a [b]healer[/b] who draws on her own inner energy to heal her own or other wounds. she requires physical contact in some form to be able to use her ability on others and at the moment, a good amount of uninterrupted focus. ayaka cannot undo death, and her target must still be alive by the time she finishes healing them, or else her power is null. she is currently at the basic level.
  64.  
  65. [size=7px]taken from powerlisting wikia[/size]
  66.  
  67. [b]basic level[/b]
  68. + can heal minor wounds such as cuts, bruises and light burns
  69. + recovering from minor to moderate blood loss
  70. - critical wounds such as lost of limbs or damaged nerves and internal organs cannot be healed, but wounds can be closed
  71. - cells that are fatally damaged, such as by burning, cannot be healed, resulting in permanent scarring
  72.  
  73. [b]expert level[/b]
  74. + can heal external wounds, including fractured bones and deeper burns, disregarding of severity
  75. + lost limbs can be reattached
  76. - minor damaged internal organs may healed, but more severity may be beyond repair and may take more time to heal
  77. - nerves may remain damaged
  78.  
  79. [b]advanced level[/b]
  80. + lost limbs and internal organs are completely healed
  81. + damaged nerves can be healed to a certain extent
  82. + critically and fatally damaged cells can regenerate, preventing scars
  83. + heal the mind from mental illnesses, reversing the effects of mental tampering and restoring the mind to an optimal state
  84.  
  85. [b]master level[/b]
  86. + semi-immortality by rejuvenating cells to keep them at their optimal prime
  87. + youth inducement by reversing the effects of aging
  88.  
  89. at this current stage, ayaka takes approximately 6 minutes to completely heal a minor wound and/or repair minor to moderate blood loss, but the duration of it will keep decreasing as she trains her ability. she cannot fully control it either, and occasionally is unable to activate the ability.
  90.  
  91. [/font][/div][/div][div=float:left;position:relative;left:-25px;top:15px;border-radius:50%;height:50px;width:50px;border:1px solid #EE9EC5;padding:4px;][div=position:absolute;top:0px;left:0px;height:50px;width:50px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/a30113678279c36e3a2d10a8e70ed51d/5BBEF8F0/t51.2885-15/e35/26182391_206092993283828_7761820285505896448_n.jpg');background-size:200%;background-position:60% 78%;border-radius:50%;border:4px solid #21303D;][/div][/div]
  92.  
  93. [div=float:left;position:relative;left:-85px;top:40px;border-radius:50%;height:50px;width:50px;border:1px solid #EE9EC5;padding:4px;][div=position:absolute;top:0px;left:0px;height:50px;width:50px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/df372227e04926da0c05ddb39d41530b/5BC4D4ED/t51.2885-15/e35/30933750_1992778034384243_3395802999090577408_n.jpg');background-size:200%;background-position:83% 40%;border-radius:50%;border:4px solid #21303D;][/div][/div]
  94. [/div]
  95.  
  96. [/div][/div][div class=pg3 style=display:none][div=top:10px;height:20px;border-bottom:3px solid white;width:275px;position:relative;left:15px;font-size:18px;color:#E56997;letter-spacing:1px;padding-bottom:5px;font-weight:bold;][font=Roboto][div=font-size:12px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] biography[/font][/div][div=height:164px;width:275px;padding:5px;overflow:hidden;position:relative;left:15px;margin-top:12px;font-size:10px;color:#EE9EC5;text-align:justify;][div class=scroll][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu purus sed sapien dignissim vehicula. Integer et elit vitae sem porttitor viverra non a lectus. Nunc maximus leo eget arcu condimentum, sit amet porta nisi pulvinar. Vivamus nec tellus et mauris consequat imperdiet id non ante. Vestibulum nec odio eu sapien tristique luctus sed ac elit. Nunc rutrum velit sed vestibulum commodo. Pellentesque in finibus dolor. Cras eget nisi nibh. Vestibulum ullamcorper tempus gravida. Fusce varius quam vitae velit cursus ullamcorper. Praesent cursus dolor eleifend tortor aliquam egestas. Aliquam id ligula bibendum, tempus ex eget, rhoncus lacus. Phasellus vitae vestibulum libero. Proin lacinia egestas massa eu scelerisque.
  97.  
  98. Pellentesque justo diam, aliquam at nulla nec, tristique sagittis lorem. Integer maximus sem sit amet iaculis tincidunt. Quisque aliquet dictum risus sit amet aliquam. Fusce et elit aliquet, commodo metus vitae, iaculis tellus. Nulla facilisis rutrum ex nec euismod. Quisque interdum, metus iaculis posuere aliquet, massa nisl semper augue, id laoreet diam nisl mollis augue. Mauris quis magna erat. Suspendisse nulla lectus, accumsan sit amet nunc malesuada, facilisis pharetra nibh. Nam eu elementum sapien, eget rhoncus velit. Nunc magna est, auctor a auctor nec, faucibus vitae ex. Maecenas ultricies, odio sed fermentum mattis, tortor tellus maximus justo, id iaculis ipsum ante in lectus. Aenean semper risus ac lorem tristique, ut auctor urna scelerisque. Ut placerat eros ante, quis pellentesque magna malesuada non. Pellentesque sit amet diam sed massa faucibus convallis.
  99. [/font][/div][/div][div=height:20px;border-bottom:3px solid white;width:275px;position:relative;left:15px;font-size:18px;color:#E56997;letter-spacing:1px;padding-bottom:5px;font-weight:bold;][font=Roboto][div=font-size:12px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] extra[/font][/div][div=height:94px;width:275px;padding:5px;overflow:hidden;position:relative;left:15px;margin-top:2px;font-size:10px;color:#EE9EC5;text-align:justify;][div class=scroll][font=Nunito Sans]✧ her favourite colour is pink
  100. ✧ she can speak two languages (english and japanese)
  101. ✧ she thinks pineapple on pizza is a sin
  102. ✧ her favourite animals are foxes
  103. ✧ she can't stand the smell of perfume
  104. ✧ also [url='https://imgur.com/a/rn61YAn']this[/url]
  105. [/font][/div][/div]
  106.  
  107. [/div][div class=pg4 style=display:none][div=height:20px;border-bottom:3px solid white;width:275px;position:relative;left:15px;font-size:18px;color:#E56997;letter-spacing:1px;padding-bottom:5px;font-weight:bold;][font=Roboto][div=font-size:12px;color:#cbccf4;display:inline-block;padding-left:3px;][fa]fa-circle[/fa] [fa]fa-circle[/fa][/div] relationships[/font][/div][div=height:292px;width:265px;padding:5px;overflow:hidden;position:relative;left:15px;margin-top:8px;][div class=scroll][div=position:relative;left:5px;height:150px;width:120px;float:left;][div=border:1px solid #EE9EC5;border-radius:5px;height:100px;width:100px;padding:8px;position:relative;][div=background:url('https://78.media.tumblr.com/905831daf141aa4a0362e2c610d36420/tumblr_ouzkb6lPWr1wuurs3o1_500.jpg');background-size:100%;height:100px;width:100px;border-radius:5px;float:left;overflow:hidden;][div=overflow-y:auto;height:100px;width: calc(100% + 17px);][div=padding:3px;width:94px;min-height:20px;background-color:white;position:relative;top:100px;text-align:left;color:#21303D;font-size:8.5px;][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu purus sed sapien dignissim vehicula. Integer et elit vitae sem porttitor viverra non a lectus. Nunc maximus leo eget arcu condimentum, sit amet porta nisi pulvinar. Vivamus nec tellus et mauris consequat imperdiet id non ante. Vestibulum nec odio eu sapien tristique luctus sed ac elit. Nunc rutrum velit sed vestibulum commodo. Pellentesque in finibus dolor. Cras eget nisi nibh. Vestibulum ullamcorper tempus gravida. Fusce varius quam vitae velit cursus ullamcorper. Praesent cursus dolor eleifend tortor aliquam egestas. Aliquam id ligula bibendum, tempus ex eget, rhoncus lacus. Phasellus vitae vestibulum libero. Proin lacinia egestas massa eu scelerisque.
  108. [/font][/div]
  109. [/div][/div]
  110. [div=font-size:20px;color:#EE9EC5;text-align:center;position:relative;top:8px;letter-spacing:1px;font-variant:small-caps;font-weight:bold;pointer-events:none;][font=Lato]name here[/font][/div]
  111. [/div][/div][div=position:relative;left:22px;height:150px;width:120px;float:left;][div=border:1px solid #EE9EC5;border-radius:5px;height:100px;width:100px;padding:8px;position:relative;][div=background:url('https://78.media.tumblr.com/905831daf141aa4a0362e2c610d36420/tumblr_ouzkb6lPWr1wuurs3o1_500.jpg');background-size:100%;height:100px;width:100px;border-radius:5px;float:left;overflow:hidden;][div=overflow-y:auto;height:100px;width: calc(100% + 17px);][div=padding:3px;width:94px;min-height:20px;background-color:white;position:relative;top:100px;text-align:left;color:#21303D;font-size:8.5px;][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu purus sed sapien dignissim vehicula. Integer et elit vitae sem porttitor viverra non a lectus. Nunc maximus leo eget arcu condimentum, sit amet porta nisi pulvinar. Vivamus nec tellus et mauris consequat imperdiet id non ante. Vestibulum nec odio eu sapien tristique luctus sed ac elit. Nunc rutrum velit sed vestibulum commodo. Pellentesque in finibus dolor. Cras eget nisi nibh. Vestibulum ullamcorper tempus gravida. Fusce varius quam vitae velit cursus ullamcorper. Praesent cursus dolor eleifend tortor aliquam egestas. Aliquam id ligula bibendum, tempus ex eget, rhoncus lacus. Phasellus vitae vestibulum libero. Proin lacinia egestas massa eu scelerisque.
  112. [/font][/div]
  113. [/div][/div]
  114. [div=font-size:20px;color:#EE9EC5;text-align:center;position:relative;top:8px;letter-spacing:1px;font-variant:small-caps;font-weight:bold;pointer-events:none;][font=Lato]name here[/font][/div]
  115. [/div][/div]
  116. [div=position:relative;left:5px;height:150px;width:120px;float:left;][div=border:1px solid #EE9EC5;border-radius:5px;height:100px;width:100px;padding:8px;position:relative;][div=background:url('https://78.media.tumblr.com/905831daf141aa4a0362e2c610d36420/tumblr_ouzkb6lPWr1wuurs3o1_500.jpg');background-size:100%;height:100px;width:100px;border-radius:5px;float:left;overflow:hidden;][div=overflow-y:auto;height:100px;width: calc(100% + 17px);][div=padding:3px;width:94px;min-height:20px;background-color:white;position:relative;top:100px;text-align:left;color:#21303D;font-size:8.5px;][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu purus sed sapien dignissim vehicula. Integer et elit vitae sem porttitor viverra non a lectus. Nunc maximus leo eget arcu condimentum, sit amet porta nisi pulvinar. Vivamus nec tellus et mauris consequat imperdiet id non ante. Vestibulum nec odio eu sapien tristique luctus sed ac elit. Nunc rutrum velit sed vestibulum commodo. Pellentesque in finibus dolor. Cras eget nisi nibh. Vestibulum ullamcorper tempus gravida. Fusce varius quam vitae velit cursus ullamcorper. Praesent cursus dolor eleifend tortor aliquam egestas. Aliquam id ligula bibendum, tempus ex eget, rhoncus lacus. Phasellus vitae vestibulum libero. Proin lacinia egestas massa eu scelerisque.
  117. [/font][/div]
  118. [/div][/div]
  119. [div=font-size:20px;color:#EE9EC5;text-align:center;position:relative;top:8px;letter-spacing:1px;font-variant:small-caps;font-weight:bold;pointer-events:none;][font=Lato]name here[/font][/div]
  120. [/div][/div][div=position:relative;left:22px;height:150px;width:120px;float:left;][div=border:1px solid #EE9EC5;border-radius:5px;height:100px;width:100px;padding:8px;position:relative;][div=background:url('https://78.media.tumblr.com/905831daf141aa4a0362e2c610d36420/tumblr_ouzkb6lPWr1wuurs3o1_500.jpg');background-size:100%;height:100px;width:100px;border-radius:5px;float:left;overflow:hidden;][div=overflow-y:auto;height:100px;width: calc(100% + 17px);][div=padding:3px;width:94px;min-height:20px;background-color:white;position:relative;top:100px;text-align:left;color:#21303D;font-size:8.5px;][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu purus sed sapien dignissim vehicula. Integer et elit vitae sem porttitor viverra non a lectus. Nunc maximus leo eget arcu condimentum, sit amet porta nisi pulvinar. Vivamus nec tellus et mauris consequat imperdiet id non ante. Vestibulum nec odio eu sapien tristique luctus sed ac elit. Nunc rutrum velit sed vestibulum commodo. Pellentesque in finibus dolor. Cras eget nisi nibh. Vestibulum ullamcorper tempus gravida. Fusce varius quam vitae velit cursus ullamcorper. Praesent cursus dolor eleifend tortor aliquam egestas. Aliquam id ligula bibendum, tempus ex eget, rhoncus lacus. Phasellus vitae vestibulum libero. Proin lacinia egestas massa eu scelerisque.
  121. [/font][/div]
  122. [/div][/div]
  123. [div=font-size:20px;color:#EE9EC5;text-align:center;position:relative;top:8px;letter-spacing:1px;font-variant:small-caps;font-weight:bold;pointer-events:none;][font=Lato]name here[/font][/div]
  124. [/div][/div]
  125. [div=position:relative;left:5px;height:150px;width:120px;float:left;][div=border:1px solid #EE9EC5;border-radius:5px;height:100px;width:100px;padding:8px;position:relative;][div=background:url('https://78.media.tumblr.com/905831daf141aa4a0362e2c610d36420/tumblr_ouzkb6lPWr1wuurs3o1_500.jpg');background-size:100%;height:100px;width:100px;border-radius:5px;float:left;overflow:hidden;][div=overflow-y:auto;height:100px;width: calc(100% + 17px);][div=padding:3px;width:94px;min-height:20px;background-color:white;position:relative;top:100px;text-align:left;color:#21303D;font-size:8.5px;][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu purus sed sapien dignissim vehicula. Integer et elit vitae sem porttitor viverra non a lectus. Nunc maximus leo eget arcu condimentum, sit amet porta nisi pulvinar. Vivamus nec tellus et mauris consequat imperdiet id non ante. Vestibulum nec odio eu sapien tristique luctus sed ac elit. Nunc rutrum velit sed vestibulum commodo. Pellentesque in finibus dolor. Cras eget nisi nibh. Vestibulum ullamcorper tempus gravida. Fusce varius quam vitae velit cursus ullamcorper. Praesent cursus dolor eleifend tortor aliquam egestas. Aliquam id ligula bibendum, tempus ex eget, rhoncus lacus. Phasellus vitae vestibulum libero. Proin lacinia egestas massa eu scelerisque.
  126. [/font][/div]
  127. [/div][/div]
  128. [div=font-size:20px;color:#EE9EC5;text-align:center;position:relative;top:8px;letter-spacing:1px;font-variant:small-caps;font-weight:bold;pointer-events:none;][font=Lato]name here[/font][/div]
  129. [/div][/div][div=position:relative;left:22px;height:150px;width:120px;float:left;][div=border:1px solid #EE9EC5;border-radius:5px;height:100px;width:100px;padding:8px;position:relative;][div=background:url('https://78.media.tumblr.com/905831daf141aa4a0362e2c610d36420/tumblr_ouzkb6lPWr1wuurs3o1_500.jpg');background-size:100%;height:100px;width:100px;border-radius:5px;float:left;overflow:hidden;][div=overflow-y:auto;height:100px;width: calc(100% + 17px);][div=padding:3px;width:94px;min-height:20px;background-color:white;position:relative;top:100px;text-align:left;color:#21303D;font-size:8.5px;][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu purus sed sapien dignissim vehicula. Integer et elit vitae sem porttitor viverra non a lectus. Nunc maximus leo eget arcu condimentum, sit amet porta nisi pulvinar. Vivamus nec tellus et mauris consequat imperdiet id non ante. Vestibulum nec odio eu sapien tristique luctus sed ac elit. Nunc rutrum velit sed vestibulum commodo. Pellentesque in finibus dolor. Cras eget nisi nibh. Vestibulum ullamcorper tempus gravida. Fusce varius quam vitae velit cursus ullamcorper. Praesent cursus dolor eleifend tortor aliquam egestas. Aliquam id ligula bibendum, tempus ex eget, rhoncus lacus. Phasellus vitae vestibulum libero. Proin lacinia egestas massa eu scelerisque.
  130. [/font][/div]
  131. [/div][/div]
  132. [div=font-size:20px;color:#EE9EC5;text-align:center;position:relative;top:8px;letter-spacing:1px;font-variant:small-caps;font-weight:bold;pointer-events:none;][font=Lato]name here[/font][/div]
  133. [/div][/div]
  134.  
  135.  
  136. [/div][/div]
  137.  
  138. [/div]
  139.  
  140. [/div][div class=tab1][fa]fa-address-book[/fa][/div][div class=tab2][fa]fa-medkit[/fa][/div][div class=tab3][fa]fa-heartbeat[/fa][/div][div class=tab4][fa]fa-user-plus[/fa][/div]
  141.  
  142.  
  143.  
  144. [/div]
  145.  
  146. [nobr]
  147. [class=container]
  148. height:380px;
  149. width:620px;
  150. margin:auto;
  151. position:relative;
  152. [/class]
  153.  
  154. [class=profile]
  155. height:380px;
  156. width:260px;
  157. position:absolute;
  158. top:-0.5px;
  159. left:-1px;
  160. background:url('https://images.unsplash.com/photo-1497704628914-8772bb97f450?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=1886ee8844a0e5e06d323aa007c96f7c&w=1000&q=80');
  161. background-size:300%;
  162. background-position:50% 50%;
  163. border-top-left-radius:4px;
  164. border-bottom-left-radius:4px;
  165. clip-path: polygon(90% 0%, 75% 50%, 90% 100%, 0 100%, 0% 50%, 0 0);
  166. z-index:6;
  167. [/class]
  168.  
  169. [class=infobox]
  170. height:180px;
  171. width:130px;
  172. font-size:9px;
  173. color:#bf7699;
  174. text-align:center;
  175. position:relative;
  176. left:32px;
  177. [/class]
  178.  
  179. [class=group]
  180. height:359.5px;
  181. width:315px;
  182. position:absolute;
  183. left:189px;
  184. background-color:#21303d;
  185. z-index:3;
  186. padding:10px;
  187. padding-left:50px;
  188. border-top-right-radius:4px;
  189. border-bottom-right-radius:4px;
  190. [/class]
  191.  
  192. [class=scroll]
  193. height:100%;
  194. width:100%;
  195. padding-right:50px;
  196. overflow-y:auto;
  197. [/class]
  198.  
  199. [class=pg1]
  200. height:350px;
  201. width:305px;
  202. position:absolute;
  203. overflow:hidden;
  204. [/class]
  205.  
  206. [class=pg2]
  207. height:350px;
  208. width:305px;
  209. position:absolute;
  210. overflow:hidden;
  211. [/class]
  212.  
  213. [class=pg3]
  214. height:350px;
  215. width:305px;
  216. position:absolute;
  217. overflow:hidden;
  218. [/class]
  219.  
  220. [class=pg4]
  221. height:350px;
  222. width:305px;
  223. position:absolute;
  224. overflow:hidden;
  225. [/class]
  226.  
  227. [class=tab1]
  228. height:37px;
  229. width:39px;
  230. background-color:#FCDEEA;
  231. border-top-right-radius:5px;
  232. border-bottom-right-radius:5px;
  233. position:absolute;
  234. top:10px;
  235. left:535px;
  236. transition:0.3s;
  237. cursor:pointer;
  238. color:#00172C;
  239. font-size:25px;
  240. padding-left:46px;
  241. padding-top:3px;
  242. [/class]
  243.  
  244. [class name=tab1 state=hover]
  245. transform: translateX(15px);
  246. transition:0.3s;
  247. [/class]
  248.  
  249. [script class=tab1 on=click]
  250. hide pg2
  251. hide pg3
  252. hide pg4
  253. show pg1
  254. [/script]
  255.  
  256. [class=tab2]
  257. height:37px;
  258. width:40px;
  259. background-color:#F2BAD7;
  260. border-top-right-radius:5px;
  261. border-bottom-right-radius:5px;
  262. position:absolute;
  263. top:65px;
  264. left:535px;
  265. transition:0.3s;
  266. cursor:pointer;
  267. color:#00172C;
  268. font-size:25px;
  269. padding-left:45px;
  270. padding-top:3px;
  271. [/class]
  272.  
  273. [class name=tab2 state=hover]
  274. transform: translateX(15px);
  275. transition:0.3s;
  276. [/class]
  277.  
  278. [script class=tab2 on=click]
  279. hide pg1
  280. hide pg3
  281. hide pg4
  282. show pg2
  283. [/script]
  284.  
  285. [class=tab3]
  286. height:37px;
  287. width:40px;
  288. background-color:#EE9EC5;
  289. border-top-right-radius:5px;
  290. border-bottom-right-radius:5px;
  291. position:absolute;
  292. top:120px;
  293. left:535px;
  294. transition:0.3s;
  295. cursor:pointer;
  296. color:#00172C;
  297. font-size:25px;
  298. padding-left:45px;
  299. padding-top:3px;
  300. [/class]
  301.  
  302. [class name=tab3 state=hover]
  303. transform: translateX(15px);
  304. transition:0.3s;
  305. [/class]
  306.  
  307. [script class=tab3 on=click]
  308. hide pg1
  309. hide pg2
  310. hide pg4
  311. show pg3
  312. [/script]
  313.  
  314. [class=tab4]
  315. height:37px;
  316. width:40px;
  317. background-color:#E56997;
  318. border-top-right-radius:5px;
  319. border-bottom-right-radius:5px;
  320. position:absolute;
  321. top:175px;
  322. left:535px;
  323. transition:0.3s;
  324. cursor:pointer;
  325. font-size:25px;
  326. padding-left:45px;
  327. padding-top:3px;
  328. [/class]
  329.  
  330. [class name=tab4 state=hover]
  331. transform: translateX(15px);
  332. transition:0.3s;
  333. [/class]
  334.  
  335. [script class=tab4 on=click]
  336. hide pg1
  337. hide pg2
  338. hide pg3
  339. show pg4
  340. [/script]
  341.  
  342. [/nobr]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement