SHARE
TWEET

revolve

crucialstar Feb 2nd, 2019 (edited) 279 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [div=max-width: 750px; margin: auto;][row][column=span4][div=border-radius: 100%; border-top: 3px solid #DAA520; border-bottom: 3px solid #111111; border-left: 3px solid #111111; animation: fa-spin 5s linear 0s infinite; border-right: 3px solid #111111; height: 180px; width: 180px; margin: auto;][div=background: url(http://via.placeholder.com/180x180); border-radius: 100%;  animation: fa-spin 5s linear 0s infinite reverse; height: 180px; width: 180px; margin: auto;][/div][/div][div=margin-top: 10px; font-size: 13px;][center][size=30px][font=Playball]Name Here[/font][/size][/center]
  2. [font=Times New Roman]“you can write your own words here such as quotes. shouldn't exceed twenty-seven words at the most to keep the alignment"[/font][/div][nobr]
  3. [class=tabs]
  4. line-height: 1;
  5. margin: 20px auto;
  6. text-align: center;
  7. width: 100%;
  8. color: black;
  9. display: inline-block;
  10. font-family: 'Times New Roman';
  11. [/class]
  12.    
  13. [class=tab]
  14. box-sizing: border-box;
  15. cursor: pointer;
  16. display: inline-block;
  17. padding: 10px 0;
  18. width: 45%;
  19. [/class]
  20.  
  21. [class name=tab state=hover]
  22. background-color: grey;
  23. [/class]
  24.    
  25. [script class=tab on=click]
  26. hide tabsContent
  27. set currentTab (getText)
  28. if (eq ${currentTab} Basics) (show tabsContentInformation)
  29. if (eq ${currentTab} Persona) (show tabsContentPersonality)
  30. if (eq ${currentTab} Biography) (show tabsContentAbout)
  31. if (eq ${currentTab} Miscellaneous) (show tabsContentOthers)
  32. [/script]
  33.    
  34. [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]
  35.  
  36. [div class="tabsContent tabsContentInformation"][div=width: calc(100% - 0%); height: 405px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; font-size: 14px; line-height: 20px;][font=Times New Roman][size=25px][b]basic information:[/b][/size]
  37. [br][/br]
  38. [b]name:[/b] bloop.
  39. [br][/br]
  40. [b]position:[/b] bloop
  41. [br][/br]
  42. [b]species:[/b] bloop
  43. [br][/br]
  44. [b]sexuality:[/b] bloop
  45. [br][/br][br][/br]
  46. [b]note:[/b] hello everyone! in this and the post above , you'll see two codes "revolve" and its opposite "stag"! "revolve" is better used as a character sheet while "stag" can be used as both either character sheet or just an in character! have fun and let your creativity flow!
  47. [br][/br][br][/br]
  48. [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.[/font][/div][/div][/div]
  49.    
  50. [div class="tabsContent tabsContentPersonality" style="display: none;"][div=width: calc(100% - 0%); height: 405px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; font-size: 14px; line-height: 20px;][font=Times New Roman][size=25px][b]persona:[/b][/size][br][/br]
  51. [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.
  52. [br][/br][br][/br]
  53. 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.
  54. [br][/br][br][/br]
  55. [b]likes:[/b] bloop
  56. [br][/br]
  57. [b]dislikes:[/b] bloop
  58. [br][/br]
  59. [b]strengths:[/b] bloop
  60. [br][/br]
  61. [b]weaknesses:[/b] bloop
  62. [/font][/div][/div][/div]
  63.    
  64. [div class="tabsContent tabsContentAbout" style="display: none;"][div=width: calc(100% - 0%); height: 405px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; font-size: 14px; line-height: 20px;][font=Times New Roman][size=25px][b]biography:[/b][/size]
  65. [br][/br]
  66. [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.
  67. [br][/br][br][/br]
  68. 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.
  69. [br][/br][br][/br]
  70. 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]
  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.[/font][/div][/div][/div]
  72.  
  73. [div class="tabsContent tabsContentOthers" style="display: none;"][div=width: calc(100% - 0%); height: 405px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll; font-size: 14px; line-height: 20px;][font=Times New Roman][size=25px][b]other:[/b][/size]
  74. [br][/br]
  75. [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.
  76. [br][/br][br][/br]
  77. 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][nobr][/nobr][/row][/div][center][size=2]codedbycrucialstar | click boxes and hidden scrolls[/size][/center]
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