xayah-

RATED M FOR MOVIE - CS INFO

Jun 13th, 2022 (edited)
23
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.71 KB | None
  1. [comment]coded by xayah.ღ -- don't remove ty![/comment]
  2. [border=0;
  3.  
  4. /*VARIABLES*/
  5. --bg: #000;
  6. --accent1: #8f79b8;
  7. --accent2: #8E8D8E;
  8. --text: #fff;
  9.  
  10. /*PICTURES -- add more as needed*/
  11. --intro: url('https://i.pinimg.com/originals/7c/fb/d9/7cfbd9fede9300f670a9a72a23d7cb70.jpg') 50% 45%;
  12.  
  13. --role1:url('http://pa1.narvii.com/6445/3860a7b0a813b04d88327ba9e602476be81a75c0_00.gif') 50% 0%;
  14. --role2:url('https://i.pinimg.com/originals/9c/d6/d7/9cd6d749ebdc5dc15ad2c1f89ea7467f.jpg') 50% 0%;
  15. --role3:url('https://i.pinimg.com/originals/8c/86/09/8c8609a369a33cb0ccbba25455dd21b6.jpg') 50% 0%;
  16. --role4:url('https://data.whicdn.com/images/293518899/original.jpg') 50% 0%;
  17. --role5:url('https://data.whicdn.com/images/251938247/original.jpg') 50% 0%;
  18. --role6:url('https://i.pinimg.com/564x/75/24/70/75247078e5a56d1fc442e8a314302602.jpg') 50% 0%;
  19.  
  20. /*FONTS*/
  21. --all: Karla;
  22.  
  23. height: 500px; max-width: 700px; display: flex; flex-flow: row wrap; margin: auto; padding: 0 5px; line-height: 0; box-sizing: border-box; background: var(--bg); position: relative;][border=0; height: fit-content; width: 100px; padding: 0; font-size: 14px; color: #d3d3d3; bottom: 2%; left: 0; position: absolute; opacity: 0.2;][font=Karla]scroll.[/font][/border]
  24.  
  25. [comment] -- IGNORE -- [/comment]
  26. [border=0; height: 100%; width: 100%; padding: 0; box-sizing: border-box; background: var(--bg); overflow: hidden; margin-left: 2px;][border=0; height: 100%; width: 105%; padding: 0; box-sizing: border-box; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y mandatory;][border=0; height: 100%; width: 97.5%; padding: 0; scroll-snap-align: start;]
  27.  
  28. [comment] -- TITLE CARD - page one -- [/comment]
  29. [border=0; height: 90%; width: 100%; padding: 0px; display: flex; flex-flow: column nowrap; box-sizing: border-box; background: var(--intro); background-size: cover; top: 0%; left: 0; pointer-events: none; margin-top: 5px;][border=0; height: calc(450px*.465); width: clamp(300px, 50%, 450px); background: transparent; padding: 4px 4px; border-radius: 5px; box-sizing: border-box; position: absolute; right: 0;][/border][/border]
  30.  
  31. [comment] -- TITLE - about 4 words max -- [/comment]
  32. [border=0; height: 6%; width: 99%; position: relative; bottom: 4%; font-size: clamp(22.5px, 3em, 46px); color: var(--text); font-weight: normal; letter-spacing: 2px; text-transform: lowercase; text-align: right; pointer-events: none; z-index: 2; padding: 5px 10px 5px 0;][font=Birthstone]project contingency[/font]
  33. [/border]
  34.  
  35. [comment] -- CS INFO - page two -- [/comment]
  36. [border=0; height: 100%; width: 100%; padding: 0; scroll-snap-align: start; line-height: 0;]
  37.  
  38. [border=0; height: calc(500px*0.11); max-width: calc(700px*0.34); padding: 0; float: left; position: relative; z-index: 1; margin-top: 5px;]
  39. [comment] -- SECTION HEADER - change border color to accent1-- [/comment]
  40. [border=2px solid #8f79b8; height: 100%; width: 20%; float: left; color: var(--accent1); font-size: 4rem; text-align: center; padding: 24px 0 0 0; font-family: "Times New Roman"; font-weight: bold; text-transform: uppercase; border-radius: 0 0 0 0; background: var(--bg); box-sizing: border-box;]C[/border][border=0; height: 25%; width: 80%; float: left; color: var(--accent1); font-size: 2rem; text-align: left; padding: 13px 0 0 5px; font-family: "Times New Roman"; font-weight: bold; text-transform: uppercase; border-radius: 0 5px 0 0; background: var(--bg); box-sizing: border-box;]haracter[/border][border=transparent; height: 20%; width: 80%; float: right; color: var(--accent1); font-size: 2rem; text-align: left; padding: 0 0 0 5px; font-family: "Times New Roman"; font-weight: bold; text-transform: uppercase; border-radius: 0 0 5px 5px; background: var(--bg); box-sizing: border-box; margin-top: 25px;]sheet[/border][/border]
  41.  
  42. [comment] -- change border-bottom color to accent1 & accent2 [/comment]
  43. [border=0; height: 10px; width: 60%; padding: 0; display: flex; flex-flow: row nowrap; float: left; margin: 45px 0 0 -70px; position: relative; z-index: 2;]
  44. [border=0; height: 1px; width: 40%; background: transparent; float: left; margin: 0px; border-top: 2px solid #8f79b8; flex: 2 1 0;][/border][border=0; height: 1px; width: 20%; background: transparent; float: left; margin: 0; border-top: 2px solid #8E8D8E; flex: 1 3 0;][/border][/border]
  45.  
  46. [comment] -- ACTUAL CS TEXT BOX WITH INFO INSIDE -- [/comment]
  47. [border=0; height: 82%; width: 100%; padding: 0; overflow: hidden; position: relative; z-index: 3; margin-top: 5px;][border=0; height: 100%; width: 107%; box-sizing: border-box; padding: 2px 45px 5px 15px; overflow-x: hidden; overflow-y: auto; color: var(--text); line-height: 15px; font-size: 12px; text-align: justify;]Thanks for applying! If you guys have any questions, please let me know. To reiterate some basic guidelines to keep in mind while making your sheets:
  48. 1. You can create two characters at the moment. A third will become available once you are accepted!
  49. 2. Real faceclaims only! No art or anime, sorry.
  50. 3. I'm looking for quality, not quantity! This is not first-come first-serve, so apply to your heart's content.
  51.  
  52. The deadline is [U]June 12th, midnight Pacific time[/U]. If you think you need an extension, message me and I'll be more than willing!
  53.  
  54. Now onto the sheet. This is a basic skeleton. Add more information if you feel so inclined !
  55. [B]BASICS[/B]
  56. Name:
  57. Alias (if applicable):
  58. Age (18+ but the Five will be older than most):
  59. D.O.B:
  60. Gender:
  61. Orientation:
  62. Role:
  63. Occupation (if applicable):
  64.  
  65. [B]VISAGE[/B]
  66. Appearance (no need to fill out if you have a faceclaim):
  67. Faceclaim: (optional)
  68. Suit (for heroes, villains, wannabes, and underlings):
  69. Icons (symbols that are associated with your character if they're a hero, wannabe, or villain):
  70.  
  71. [B]PSYCHE[/B]
  72. Personality: a paragraph or more
  73. Virtues:
  74. Vices:
  75.  
  76. [B]ORIGIN[/B]
  77. Origin Story: how did they become what they are now? no need to go in-depth if that info wouldn't be known publically! also doesn't necessarily have to be accurate or specific if you feel like you want to reveal it later on in the roleplay! just let me know if that's the case.
  78. Reputation: how does the city of emerdol view them? positively? negatively? they haven't even heard of your character? anything goes!
  79. Powers: note that any role can have powers except the gears, but if they are not one of the five or a villain, they will not be as proficient in handling their powers as the aforementioned roles.
  80. Other: headcanons, etc - whatever you'd like goes here!
  81. [/border]
  82. [/border]
  83.  
  84. [comment] -- ROLES - page three-- [/comment]
  85. [border=0; height: 100%; width: 100%; padding: 0; scroll-snap-align: start; line-height: 0; margin-top: 30px;]
  86.  
  87. [comment] -- ROLES -- change border-top/left to accent1 & accent2 hexcodes -- [/comment]
  88. [border=0; height: 95%; width: 100%; padding: 0; margin-top: 5px; top: 0%; left: 0; line-height: 0; overflow: hidden; border-left: 1px solid #8f79b8;][border=0; height: 100%; width: 103%; padding: 0 0 0 0; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; display: flex; flex-flow: row wrap; border-top: 1px solid #8E8D8E;]
  89.  
  90. [comment] -- copy this for another role !! -- [/comment]
  91. [border=1px solid transparent; height: calc(450px*.35); width: calc(700px*0.98*0.496); padding: 2px; box-sizing: border-box;][border=1px solid #d3d3d3; height: 92%; width: 38%; float: left; padding: 0; background: var(--role1); background-size: cover; margin: 5px 0 0 2px;][/border]
  92.  
  93. [comment] -- ROLE NAME -- [/comment]
  94. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--accent1); font-size: 1rem; text-align: center; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 0;][font=Times New Roman]the five.[/font][/border]
  95.  
  96. [comment] -- OPEN / CLOSED - change the appropriate word to accent2's hexcode! -- [/comment]
  97. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--text); font-size: 10px; text-align: center; text-transform: uppercase; font-weight: normal; margin: -7px 0 0 0; letter-spacing: 1px;][font=Padauk][COLOR=#8f79b8]4[/COLOR] / 5[/font][/border]
  98.  
  99. [comment] -- ROLE DESCRIPTION - highlight important notes / features in accent 2 or accent 1-- [/comment]
  100. [border=0; height: 62%; width: 60%; display: inline; float: right; color: var(--text); font-size: 10px; text-align: justify; font-weight: normal; margin: -9px 0 0 0; padding: 0; overflow: hidden;][border=0; height: 100%; width: 109.8%; padding: 2px 20px 0px 2px; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; line-height: 15px;][font=Nunito][COLOR=#8E8D8E]The Five[/COLOR] are Emerdol's most famous heroes. You might've seen them around. They do show up on every ad, every board, and every channel on TV in the area after all. Are they the most powerful of all the superheroes around? Not necessarily, but they have the star power and the masses love them, and that's just what their agency—Lacrimura—needs and wants. Every superhero wants to be one of them. Not many make the cut. And those who do are fiercely protective of it. So much so that it might not be so much about the heroing anymore and more about being THE super.[/font][/border][/border]
  101. [/border]
  102. [comment] -- copy up to here too !! [/comment]
  103.  
  104. [comment] -- copy this for another role !! -- [/comment]
  105. [border=1px solid transparent; height: calc(450px*.35); width: calc(700px*0.98*0.496); padding: 2px; box-sizing: border-box;][border=1px solid #d3d3d3; height: 92%; width: 38%; float: left; padding: 0; background: var(--role2); background-size: cover; margin: 5px 0 0 2px;][/border]
  106.  
  107. [comment] -- ROLE NAME -- [/comment]
  108. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--accent1); font-size: 1rem; text-align: center; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 0;][font=Times New Roman]the wannabes.[/font][/border]
  109.  
  110. [comment] -- OPEN / CLOSED - change the appropriate word to accent2's hexcode! -- [/comment]
  111. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--text); font-size: 10px; text-align: center; text-transform: uppercase; font-weight: normal; margin: -7px 0 0 0; letter-spacing: 1px;][font=Padauk][COLOR=#8f79b8]open[/COLOR] / closed[/font][/border]
  112.  
  113. [comment] -- ROLE DESCRIPTION - highlight important notes / features in accent 2 or accent 1-- [/comment]
  114. [border=0; height: 62%; width: 60%; display: inline; float: right; color: var(--text); font-size: 10px; text-align: justify; font-weight: normal; margin: -9px 0 0 0; padding: 0; overflow: hidden;][border=0; height: 100%; width: 109.8%; padding: 2px 20px 0px 2px; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; line-height: 15px;][font=Nunito][COLOR=#8E8D8E]The Wannabes.[/COLOR] They go by many names: your friendly neighborhood heroes, the sidekicks, the dreamers—there's a lot, but despite all that, one thing is the same no matter what you call them. They're the new generation. The kids who grew up seeing the Five on the front page of every news outlet and story. They formed their own hero groups when they came of age and even became a bit infamous in their respective suburbs. They might be happy where they are, but everyone knows you're a total zero unless you're one of the Five. They know that, too.[/font][/border][/border]
  115. [/border]
  116. [comment] -- copy up to here too !! [/comment]
  117.  
  118. [comment] -- copy this for another role !! -- [/comment]
  119. [border=1px solid transparent; height: calc(450px*.35); width: calc(700px*0.98*0.496); padding: 2px; box-sizing: border-box;][border=1px solid #d3d3d3; height: 92%; width: 38%; float: left; padding: 0; background: var(--role3); background-size: cover; margin: 5px 0 0 2px;][/border]
  120.  
  121. [comment] -- ROLE NAME -- [/comment]
  122. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--accent1); font-size: 1rem; text-align: center; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 0;][font=Times New Roman]the villains.[/font][/border]
  123.  
  124. [comment] -- OPEN / CLOSED - change the appropriate word to accent2's hexcode! -- [/comment]
  125. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--text); font-size: 10px; text-align: center; text-transform: uppercase; font-weight: normal; margin: -7px 0 0 0; letter-spacing: 1px;][font=Padauk][COLOR=#8f79b8]open[/COLOR] / closed[/font][/border]
  126.  
  127. [comment] -- ROLE DESCRIPTION - highlight important notes / features in accent 2 or accent 1-- [/comment]
  128. [border=0; height: 62%; width: 60%; display: inline; float: right; color: var(--text); font-size: 10px; text-align: justify; font-weight: normal; margin: -9px 0 0 0; padding: 0; overflow: hidden;][border=0; height: 100%; width: 109.8%; padding: 2px 20px 0px 2px; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; line-height: 15px;][font=Nunito][COLOR=#8E8D8E]The Villains[/COLOR] are more than just the average petty criminal. They're [I]real [/I]threats. Ones that don't care if they're superpowered or not. They find ways to make their will a reality no matter what. It's not quite sure why they do what they do, but in a way, they're just as famous as the Five, if not more. After all, every good hero needs a [I]great [/I]villain. Even if the villain isn't half as gifted at destroying things as their heroic counterpart is.[/font][/border][/border]
  129. [/border]
  130. [comment] -- copy up to here too !! [/comment]
  131.  
  132. [comment] -- copy this for another role !! -- [/comment]
  133. [border=1px solid transparent; height: calc(450px*.35); width: calc(700px*0.98*0.496); padding: 2px; box-sizing: border-box;][border=1px solid #d3d3d3; height: 92%; width: 38%; float: left; padding: 0; background: var(--role4); background-size: cover; margin: 5px 0 0 2px;][/border]
  134.  
  135. [comment] -- ROLE NAME -- [/comment]
  136. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--accent1); font-size: 1rem; text-align: center; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 0;][font=Times New Roman]the underlings.[/font][/border]
  137.  
  138. [comment] -- OPEN / CLOSED - change the appropriate word to accent2's hexcode! -- [/comment]
  139. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--text); font-size: 10px; text-align: center; text-transform: uppercase; font-weight: normal; margin: -7px 0 0 0; letter-spacing: 1px;][font=Padauk][COLOR=#8f79b8]open[/COLOR] / closed[/font][/border]
  140.  
  141. [comment] -- ROLE DESCRIPTION - highlight important notes / features in accent 2 or accent 1-- [/comment]
  142. [border=0; height: 62%; width: 60%; display: inline; float: right; color: var(--text); font-size: 10px; text-align: justify; font-weight: normal; margin: -9px 0 0 0; padding: 0; overflow: hidden;][border=0; height: 100%; width: 109.8%; padding: 2px 20px 0px 2px; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; line-height: 15px;][font=Nunito][COLOR=#8E8D8E]The Underlings [/COLOR]are a villain's best friend. Well, no, villains aren't exactly the type to have friends, but underlings are the closest thing to it. They keep the evil criminal operations running, [I]smoothly [/I]I might add, and receive none of the recognition for it. To some, there's nothing wrong with that. They get paid, even compensated for the occasional superhero beatdown, but for others... if you're going to get beat up, wouldn't it be better if it were for [I]your[/I] plans, not someone else's[I]?[/I][/font][/border][/border]
  143. [/border]
  144. [comment] -- copy up to here too !! [/comment]
  145.  
  146. [comment] -- copy this for another role !! -- [/comment]
  147. [border=1px solid transparent; height: calc(450px*.35); width: calc(700px*0.98*0.496); padding: 2px; box-sizing: border-box;][border=1px solid #d3d3d3; height: 92%; width: 38%; float: left; padding: 0; background: var(--role5); background-size: cover; margin: 5px 0 0 2px;][/border]
  148.  
  149. [comment] -- ROLE NAME -- [/comment]
  150. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--accent1); font-size: 1rem; text-align: center; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 0;][font=Times New Roman]the gears.[/font][/border]
  151.  
  152. [comment] -- OPEN / CLOSED - change the appropriate word to accent2's hexcode! -- [/comment]
  153. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--text); font-size: 10px; text-align: center; text-transform: uppercase; font-weight: normal; margin: -7px 0 0 0; letter-spacing: 1px;][font=Padauk][COLOR=#8f79b8]open[/COLOR] / closed[/font][/border]
  154.  
  155. [comment] -- ROLE DESCRIPTION - highlight important notes / features in accent 2 or accent 1-- [/comment]
  156. [border=0; height: 62%; width: 60%; display: inline; float: right; color: var(--text); font-size: 10px; text-align: justify; font-weight: normal; margin: -9px 0 0 0; padding: 0; overflow: hidden;][border=0; height: 100%; width: 109.8%; padding: 2px 20px 0px 2px; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; line-height: 15px;][font=Nunito][COLOR=#8E8D8E]The Gears[/COLOR] keep Lacrimura in business. They manage the Five, schedule their activities, are the first to send reporters into the middle of battle, and work hard to make superheroes the one and only focus of the public. They're always on the lookout for a rising star, one who could be a great addition to the Five, and do [I]anything[/I] to keep their heroes in the limelight. They're nothing special—powerless like the majority of the world—but they know more about Earth's greatest heroes than anyone else, even more than the heroes themselves, and some of those secrets are things that should [I]never[/I] come to light.[/font][/border][/border]
  157. [/border]
  158. [comment] -- copy up to here too !! [/comment]
  159.  
  160. [comment] -- copy this for another role !! -- [/comment]
  161. [border=1px solid transparent; height: calc(450px*.35); width: calc(700px*0.98*0.496); padding: 2px; box-sizing: border-box;][border=1px solid #d3d3d3; height: 92%; width: 38%; float: left; padding: 0; background: var(--role6); background-size: cover; margin: 5px 0 0 2px;][/border]
  162.  
  163. [comment] -- ROLE NAME -- [/comment]
  164. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--accent1); font-size: 1rem; text-align: center; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 0;][font=Times New Roman]the civilians.[/font][/border]
  165.  
  166. [comment] -- OPEN / CLOSED - change the appropriate word to accent2's hexcode! -- [/comment]
  167. [border=0; height: 5%; width: 53.5%; display: inline; float: left; color: var(--text); font-size: 10px; text-align: center; text-transform: uppercase; font-weight: normal; margin: -7px 0 0 0; letter-spacing: 1px;][font=Padauk][COLOR=#8f79b8]open[/COLOR] / closed[/font][/border]
  168.  
  169. [comment] -- ROLE DESCRIPTION - highlight important notes / features in accent 2 or accent 1-- [/comment]
  170. [border=0; height: 62%; width: 60%; display: inline; float: right; color: var(--text); font-size: 10px; text-align: justify; font-weight: normal; margin: -9px 0 0 0; padding: 0; overflow: hidden;][border=0; height: 100%; width: 109.8%; padding: 2px 20px 0px 2px; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; line-height: 15px;][font=Nunito][COLOR=#8E8D8E]The Civilians[/COLOR] are just that: civilians. They love the heroes, and they hate them just as much. For every hero that stops a robot raging through downtown Emerdol, that's at least twenty civilian homes that have a human-sized hole in the walls because some hero chose to go through their home as a shortcut [I]instead[/I] of around. It's hard not to hate your saviors, especially when you're merely a hero's flight path away from living in squalor, but the wonder of being amongst living gods keeps civilians in line. After all, it's not like [I]you[/I] can make a group to fight back or do anything about them... right?[/font][/border][/border]
  171. [/border]
  172. [comment] -- copy up to here too !! [/comment]
  173. [/border]
  174. [/border]
  175.  
  176. [/border]
  177.  
  178. [/border][/border]
  179. [/border][/border][/border]
  180. [border=0; height: 30px; width: 100px; color: #d4d4d4; font-size: 10px; margin: auto; margin-top: -30px;]coded by xayah.ღ[/border]
RAW Paste Data Copied