SHARE
TWEET

mel

crucialstar May 17th, 2019 (edited) 113 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [div=max-width: 980px; margin: auto;][div=font-size: 50px; text-align: center; text-shadow: 2px 2px 2px black; color: pink;][font=Playball][i]name here[/i][/font][/div][font=Playball][/font][row][column=span2][div=background: url(http://via.placeholder.com/170x170); border-radius: 100%; border: 3px solid #111111; height: 170px; width: 170px; margin: auto;][/div]
  2.  
  3. [div=background: url(http://via.placeholder.com/170x170); border-radius: 100%; border: 3px solid #111111; height: 170px; width: 170px; margin: auto;][/div][div=margin-top: 10px; font-size: 13px;][/div][nobr]
  4. [class=tabs]
  5. line-height: 1;
  6. margin: 20px auto;
  7. text-align: center;
  8. width: 100%;
  9. color: black;
  10. display: inline-block;
  11. font-family: 'Times New Roman';
  12. [/class]
  13.    
  14. [class=tab]
  15. box-sizing: border-box;
  16. cursor: pointer;
  17. display: inline-block;
  18. padding: 10px 0;
  19. width: 45%;
  20. [/class]
  21.  
  22. [class name=tab state=hover]
  23. background-color: rgba(255, 192, 203, 0.2);
  24. [/class]
  25.    
  26. [script class=tab on=click]
  27. hide tabsContent
  28. set currentTab (getText)
  29. if (eq ${currentTab} Basics) (show tabsContentInformation)
  30. if (eq ${currentTab} Persona) (show tabsContentPersonality)
  31. if (eq ${currentTab} Biography) (show tabsContentAbout)
  32. if (eq ${currentTab} Miscellaneous) (show tabsContentOthers)
  33. [/script]
  34.    
  35. [div class=tabs][div class=tab style="border: 1px solid black; margin: auto"]Basics[/div][div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: auto; margin-bottom: auto; margin-right: auto"]Persona[/div][div class=tab style="border: 1px solid black; margin-left: auto; margin-top: 10px; margin-bottom: auto; margin-right: auto""]Biography[/div][div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: 10px; margin-bottom: auto; margin-right: auto"]Miscellaneous[/div][/div][/nobr][/column][column=span4][nobr]
  36.  
  37. [div class="tabsContent tabsContentInformation"][div=width: calc(100% - 0%); height: 515px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; line-height: 19px; font-size: 14x;][font=Times New Roman][size=25px][b]basic information:[/b][/size]
  38. [br][/br]
  39. [b]name:[/b] bloop.
  40. [br][/br]
  41. [b]position:[/b] bloop
  42. [br][/br]
  43. [b]species:[/b] bloop
  44. [br][/br]
  45. [b]sexuality:[/b] bloop
  46. [br][/br][br][/br]
  47. [b]appearance:[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.
  48.  
  49. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien[/font][/div][/div][/div]
  50.    
  51. [div class="tabsContent tabsContentPersonality" style="display: none;"][div=width: calc(100% - 0%); height: 515px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; line-height: 19px; font-size: 14x;][font=Times New Roman][size=25px][b]persona:[/b][/size][br][/br]
  52. [b]personality:[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.
  53. [br][/br][br][/br]
  54. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.
  55. [br][/br][br][/br]
  56. [b]likes:[/b] bloop
  57. [br][/br]
  58. [b]dislikes:[/b] bloop
  59. [br][/br]
  60. [b]strengths:[/b] bloop
  61. [br][/br]
  62. [b]weaknesses:[/b] bloop
  63. [/font][/div][/div][/div]
  64.    
  65. [div class="tabsContent tabsContentAbout" style="display: none;"][div=width: calc(100% - 0%); height: 515px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; line-height: 19px; font-size: 14x;][font=Times New Roman][size=25px][b]biography:[/b][/size]
  66. [br][/br]
  67. [b]herstory:[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.
  68. [br][/br][br][/br]
  69. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.
  70. [br][/br][br][/br]
  71. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.[br][/br][br][/br]
  72. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.[/font][/div][/div][/div]
  73.  
  74. [div class="tabsContent tabsContentOthers" style="display: none;"][div=width: calc(100% - 0%); height: 515px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; line-height: 19px; font-size: 14x;][font=Times New Roman][size=25px][b]other:[/b][/size]
  75. [br][/br]
  76. [b]important information:[/b]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.
  77. [br][/br][br][/br]
  78. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris risus erat, pretium in sodales non, suscipit quis ante. Cras nulla erat, aliquet sed aliquam ac, euismod id sapien. Maecenas venenatis finibus faucibus. Phasellus sit amet laoreet nulla, et convallis diam. Integer vestibulum vulputate lectus, non placerat mauris elementum mattis. Integer vestibulum convallis justo vitae lacinia. Vivamus nec sodales turpis. Ut nisl tellus, tristique ac nunc vel, interdum pharetra ipsum. Nullam velit ipsum, sodales at pellentesque et, imperdiet ut sapien.[/font][/div][/div][/div][/nobr][/column][column=span2][div=background: url(http://via.placeholder.com/150x150); border-radius: 100%; border: 3px solid #111111; height: 150px; width: 150px; margin: auto;][/div]
  79. [div=background: url(http://via.placeholder.com/150x150); border-radius: 100%; border: 3px solid #111111; height: 150px; width: 150px; margin-top: -5px; margin-left: auto; margin-bottom: auto; margin-right: auto;][/div]
  80. [div=background: url(http://via.placeholder.com/150x150); border-radius: 100%; border: 3px solid #111111; height: 150px; width: 150px; margin-top: -5px; margin-left: auto; margin-bottom: auto; margin-right: auto;][/div][/column][/row][/div][div=margin-top: -10px;][center][size=2]codedbycrucialstar[/size][/center][/div]
RAW Paste Data
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
 
Top