API tools faq
paste
Advertisement
Guest User

Syndicated RP Character Sheet code

a guest
Jan 20th, 2020
346
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.28 KB | None | 0 0
raw download clone embed print report
  1. [center][url=link to a recent RP][Writing Sample][/url][/center]
  2. [nobr][comment][font=Handlee]font.[/font][font=Roboto]font.[/font][/comment]
  3. [class=container]width: 500px; height: 450px; margin: auto;[/class]
  4. [class=holder]position: absolute; width: 500px; height: 450px; background: url(https://i.postimg.cc/1XvJmX5L/NLywaW.jpg); background-size: cover; background-position: 50% 50%;[/class]
  5. [class=leftborder]position: absolute; top: 0; left: 0; height: 450px; width: 170px; background: rgba(255, 255, 255, 0.5);[/class]
  6. [class=rightborder]position: absolute; top: 0; right: 0; height: 450px; width: 270px; background: rgba(255, 255, 255, 0.5);[/class]
  7. [class=tab]margin: auto; width: 120px; height: 25px; font-weight: 800; font-size: 12px; letter-spacing: 1px; font-family: Handlee; color: #3C3D3E; text-transform: uppercase; line-height: 27px; text-align: center; transition: 1s; border: 3px solid #9AA2AE; background: white;[/class]
  8. [class=tabContents]position: absolute; padding: 20px; height: 410px; width: 290px;[/class]
  9. [class=heading]position: absolute; top: 20px; left: 20px; width: 214px; height: 40px; border: 8px solid #9AA2AE; background: white; font-weight: 800; font-size: 15px; letter-spacing: 1px; font-family: Handlee; color: #3C3D3E; text-transform: uppercase; line-height: 40px; text-align: center; font-style: oblique;[/class]
  10. [class=textbox]position: absolute; top: 91px; 20px; height: 281px; width: 197px; border: 8px solid #9AA2AE; background: white; padding: 17px 0px 17px 17px; overflow: hidden; font-size: 12px; font-family: 'Roboto'; line-height: 110%; text-align: justify; white-space: pre-line;[/class]
  11. [class=scroll]width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px;[/class]
  12. [class=title]font-size: 14px; font-weight: 700; color: #9AA2AE; font-family: 'Handlee';[/class]
  13. [class name=chosentab]font-size: 14.5px; color: grey; letter-spacing: 2px;[/class]
  14. [class name="tab" state="hover"]font-size: 14.5px; color: grey; letter-spacing: 2px; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;[/class]
  15.  
  16. [script class=tab1 on=click]
  17. hide tabContents02
  18. hide tabContents03
  19. hide tabContents04
  20. slideDown 1000 tabContents01
  21.  
  22. addClass chosentab
  23. removeClass chosentab tab2
  24. removeClass chosentab tab3
  25. removeClass chosentab tab4
  26. [/script]
  27.  
  28. [script class=tab2 on=click]
  29. hide tabContents01
  30. hide tabContents03
  31. hide tabContents04
  32. slideDown 1000 tabContents02
  33.  
  34. addClass chosentab
  35. removeClass chosentab tab1
  36. removeClass chosentab tab3
  37. removeClass chosentab tab4
  38. [/script]
  39.  
  40. [script class=tab3 on=click]
  41. hide tabContents01
  42. hide tabContents02
  43. hide tabContents04
  44. slideDown 1000 tabContents03
  45.  
  46. addClass chosentab
  47. removeClass chosentab tab1
  48. removeClass chosentab tab2
  49. removeClass chosentab tab4
  50. [/script]
  51.  
  52. [script class=tab4 on=click]
  53. hide tabContents01
  54. hide tabContents02
  55. hide tabContents03
  56. slideDown 1000 tabContents04
  57.  
  58. addClass chosentab
  59. removeClass chosentab tab1
  60. removeClass chosentab tab2
  61. removeClass chosentab tab3
  62. [/script]
  63.  
  64.  
  65. [comment]----------code starts here----------[/comment]
  66. [div=padding: 2vh; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;][div class=container][div class=holder][div class=leftborder][div=position: absolute; top: 40px; left: 20px; height: 110px; width: 110px; border-width: 10px 10px 20px 10px; border-color: white; border-style: solid; filter: grayscale(80%); background: url(https://www.brownweinraub.com/wp-content/uploads/2017/09/placeholder.jpg); background-size: cover; background-position: 50% 50%;][/div]
  67.  
  68. [div=position: absolute; bottom: 40px; width: 100%; height: 190px; display: flex; flex-direction: column; justify-content: space-evenly;][div class="tab tab1 chosentab"]Basics[/div] [div class="tab tab2"]Persona[/div] [div class="tab tab3"]Bio[/div] [div class="tab tab4"]Extra[/div][/div][/div]
  69.  
  70.  
  71. [comment]----------tab one here----------[/comment]
  72. [div class=rightborder][div class="tabContents tabContents01"][div class=heading]Basic Info[/div]
  73. [div class=textbox][div class=scroll][div class=title]Name[/div]here
  74.  
  75. [div class=title]Nickname(s)[/div]here
  76.  
  77. [div class=title]Role/title[/div]here
  78.  
  79. [div class=title]Alias(es)[/div]here
  80.  
  81. [div class=title]Age[/div]here
  82.  
  83. [div class=title]Gender[/div]here
  84.  
  85. [div class=title]Orientation[/div]here
  86.  
  87. **********************************
  88.  
  89. [div class=title]Hair color[/div]here
  90.  
  91. [div class=title]Hair style[/div]here
  92.  
  93. [div class=title]Eye color[/div]here
  94.  
  95. [div class=title]Height[/div]here
  96.  
  97. [div class=title]Weight[/div]here
  98.  
  99. [div class=title]Body type[/div]here
  100.  
  101. [div class=title]Clothing style[/div]here
  102.  
  103. [div class=title]Piercings, tattoos, etc.[/div]here[/div][/div][/div]
  104.  
  105.  
  106. [comment]----------tab two here----------[/comment]
  107. [div class="tabContents tabContents02" style="display: none;"][div class=heading]Personality[/div]
  108. [div class=textbox][div class=scroll][div class=title]Personality[/div]Write a short paragraph to describe your character's personality.
  109.  
  110. [div class=title]Virtues[/div]- Three
  111. - Positive
  112. - Traits
  113.  
  114. [div class=title]Vices[/div]- Three
  115. - Negative
  116. - Traits
  117.  
  118. [div class=title]Likes[/div]- Three
  119. - Likes
  120. - Here
  121.  
  122. [div class=title]Dislikes[/div]- Three
  123. - Dislikes
  124. - Here[/div][/div][/div]
  125.  
  126.  
  127. [comment]----------tab three here---------[/comment]
  128. [div class="tabContents tabContents03" style="display: none;"][div class=heading]History[/div]
  129. [div class=textbox][div class=scroll]Write out your character's history (either in descriptive or story form- bonus points if it's the latter, with maybe a little [i]Noir[/i] flair, but no pressure). Please make sure it's [i]at least[/i] two paragraphs long, and try to incorporate some significant events in their life to give some flavor and atmosphere.[/div][/div][/div]
  130.  
  131.  
  132. [comment]----------tab four here----------[/comment]
  133. [div class="tabContents tabContents04" style="display: none;"][div class=heading]The Rest[/div]
  134. [div class=textbox][div class=scroll][div class=title]Skills[/div]List your character's skills here. Are they a really good fighter? A crack shot? Freakishly strong, fast, or agile? Super smart? Ridiculously charismatic? A talented artist or musician? An excellent hacker, killer, liar or thief? Whatever it is, it goes here (3 to 5 entries).
  135.  
  136. [div class=title]Weaknesses[/div]Same thing, but in reverse. Are they unable to swim and likely to drown? Terrified of fire, spiders, or heights? Maybe there was a childhood trauma involving a clown? Whatever it is, we need to know (3 to 5 entries).
  137.  
  138. [div class=title]Other[/div]Anything else you think we should know goes right here.[/div][/div][/div]
  139.  
  140.  
  141. [comment]----------ignore credit ; coded by [USER=39889]@constellation[/USER]----------[/comment]
  142. [div=position: absolute; bottom: 5px; right: 5px; font-size: 10px;][font=Roboto]coded by [URL=https://www.rpnation.com/members/constellation.39889/][div=display: inline-block; color: #73787E; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;]constellation[/div][/URL].[/font][/div][/div][/div][div][/div][/div][/nobr][div=padding: 2vh; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;][/div]
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!