API tools faq
paste
Advertisement
Guest User

Guardians of the Nine Realms CS Code

a guest
Jan 18th, 2020
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.44 KB | None | 0 0
raw download clone embed print report
  1. [nobr]
  2. [class=background]
  3. position: relative;
  4. background-color: #f7f7f7;
  5. border: 1px solid #EAECE7;
  6. max-width: 700px;
  7. height: 544px;
  8. padding: 18px;
  9. cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
  10. margin: auto;
  11. box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  12. [/class]
  13. [class=backgroundtwo]
  14. position: relative;
  15. max-width: 450px;
  16. background-color: #fcfcfc;
  17. border: 1px solid #E2E2E2;
  18. height: 552px;
  19. margin-left: -6px;
  20. margin-top: -5px;
  21. [/class]
  22. [class=banner]
  23. background: url(https://i.postimg.cc/PqYqxdzL/ygg3.jpg) no-repeat;
  24. height: 150px;
  25. border-bottom: 1px solid #F5F5F6;
  26. [/class]
  27.  
  28. [class=picture]
  29. width: 250px;
  30. height: 551px;
  31. position: relative;
  32. display: inline-block;
  33. webkit-filter: grayscale(60%);
  34. filter: grayscale(60%);
  35. background: url('https://via.placeholder.com/250x551');
  36. background-size: cover;
  37. border: 1px solid #E2E2E2;
  38. [/class]
  39. [class name=picture state=hover]
  40. transition: 0.6s;
  41. filter: grayscale(60%);
  42. webkit-filter: grayscale(60%);
  43. -webkit-transition-timing-function: 0.6s ease-in-out;
  44. background: url('https://via.placeholder.com/250x551');
  45. background-size: cover;
  46. width: 250px;
  47. height: 551px;
  48. border: 1px solid #E2E2E2;
  49. [/class]
  50. [class=picturetext]
  51. position: absolute;
  52. width: 100%;
  53. height: 100%;
  54. top: 0;
  55. left: 0;
  56. opacity: 0;
  57. background-color: rgba(0,0,0,0.1);
  58. color: white;
  59. z-index: 2;
  60. [/class]
  61. [class name=picturetext state=hover]
  62. opacity: 1;
  63. [/class]
  64.  
  65. [class=tabone]
  66. position: absolute;
  67. display: inline-block;
  68. margin: auto;
  69. background-color: #505D70;
  70. border: 1px solid #F5F5F6;
  71. transform: rotate(135deg);
  72. width: 30px;
  73. height: 30px;
  74. margin-left: 205px;
  75. margin-top: -47px;
  76. [/class]
  77. [class=tabtwo]
  78. position: absolute;
  79. display: inline-block;
  80. margin: auto;
  81. background-color: #505D70;
  82. border: 1px solid #F5F5F6;
  83. transform: rotate(135deg);
  84. width: 30px;
  85. height: 30px;
  86. margin-left: 233px;
  87. margin-top: -17px;
  88. [/class]
  89. [class=tabthree]
  90. position: absolute;
  91. display: inline-block;
  92. margin: auto;
  93. background-color: #505D70;
  94. border: 1px solid #F5F5F6;
  95. transform: rotate(135deg);
  96. width: 30px;
  97. height: 30px;
  98. margin-left: 205px;
  99. margin-top: 8px
  100. [/class]
  101. [class=tabfour]
  102. position: absolute;
  103. display: inline-block;
  104. margin: auto;
  105. background-color: #505D70;
  106. border: 1px solid #F5F5F6;
  107. transform: rotate(135deg);
  108. width: 30px;
  109. height: 30px;
  110. margin-left: 178px;
  111. margin-top: -17px;
  112. [/class]
  113. [class=tab]
  114. position: absolute;
  115. -webkit-transition: -webkit-transform .8s ease-in-out;
  116. transition: transform 0s ease-in-out;
  117. [/class]
  118. [class name=tab state=hover]
  119. transition: .8s;
  120. background-color: #333E4B;
  121. -webkit-transform: rotate(225deg);
  122. transform: rotate(225deg);
  123. [/class]
  124.  
  125.  
  126. [class=textcontainer]
  127. font-size: 13px;
  128. line-height: 18px;
  129. color: #888888;
  130. padding: 10px;
  131. text-align: justify;
  132. [/class]
  133. [class=textheader]
  134. text-align: center;
  135. font-size: 18px;
  136. text-transform: uppercase;
  137. [/class]
  138. [class=textinfo]
  139. background-color: #505D70;
  140. display: inline-block;
  141. padding: 2px;
  142. color: white;
  143. margin-top: 5px
  144. [/class]
  145.  
  146. [script class=tab on=click]
  147. hide tabsContent
  148. set currentTab (getText)
  149. if (eq ${currentTab} one) (show tabsContentone)
  150. if (eq ${currentTab} two) (show tabsContenttwo)
  151. if (eq ${currentTab} three) (show tabsContentthree)
  152. if (eq ${currentTab} four) (show tabsContentfour)
  153. [/script]
  154.  
  155. [div class=background][div class=backgroundtwo][div class=banner][/div]
  156. [div class="tab tabone"][div=opacity: 0;]one[/div][/div]
  157. [div class="tab tabtwo"][div=opacity: 0;]two[/div][/div]
  158. [div class="tab tabthree"][div=opacity: 0;]three[/div][/div]
  159. [div class="tab tabfour"][div=opacity: 0;]four[/div][/div]
  160.  
  161. [div class="tabsContent tabsContentone"][div=margin-top: 40px; overflow: hidden; width: 100%; height: 350px;][div=overflow-y: scroll; width: 100%; height: 100%; padding-right: 17px; box-sizing: content-box;][div class=textcontainer][div class=textheader][font=Playfair Display][i][b]Basics[/b][/i][/font][/div][font=Nunito][div class=textinfo]Name:[/div] here
  162. [br][/br]
  163. [div class=textinfo]Nickname(s):[/div] here
  164. [br][/br]
  165. [div class=textinfo]Role:[/div] here
  166. [br][/br]
  167. [div class=textinfo]Species:[/div] here
  168. [br][/br]
  169. [div class=textinfo]Age:[/div] here
  170. [br][/br]
  171. [div class=textinfo]Gender:[/div] here
  172. [br][/br]
  173. [div class=textinfo]Orientation:[/div] here
  174. [br][/br][br][/br]
  175. [div class=textheader][font=Playfair Display][i][b]Appearance[/b][/i][/font][/div]
  176. [div class=textinfo]Hair color:[/div] here
  177. [br][/br]
  178. [div class=textinfo]Eye color:[/div] here
  179. [br][/br]
  180. [div class=textinfo]Height:[/div] here
  181. [br][/br]
  182. [div class=textinfo]Weight:[/div] here
  183. [br][/br]
  184. [div class=textinfo]Body type:[/div] here
  185. [br][/br]
  186. [div class=textinfo]Clothing style:[/div] here
  187. [br][/br]
  188. [div class=textinfo]Distinguishing features:[/div] here
  189. [br][/br]
  190. [div class=textinfo]Marks, scars, tattoos, etc.:[/div] here[/font][/div][/div][/div][/div]
  191.  
  192. [div class="tabsContent tabsContenttwo" style="display: none;"][div=margin-top: 40px; overflow: hidden; width: 100%; height: 350px;][div=overflow-y: scroll; width: 100%; height: 100%; padding-right: 17px; box-sizing: content-box;][div class=textcontainer][font=Nunito][div class=textinfo]Home Realm:[/div] Midgard, Svartalfheim, Alfheim, Vanaheim, Muspelheim, Nilfheim, Jotunheim, Helheim or Asgard.
  193. [br][/br][br][/br]
  194. [div class=textinfo]History:[/div] Describe their personal history in 2+ paragraphs.
  195. [br][/br][br][/br]
  196. [div class=textinfo]Stake:[/div] Tell us what personal stake they have in this quest.
  197. [br][/br][br][/br]
  198. [div class=textinfo]Extra:[/div] Anything else you want us to know about them.[/font][/div][/div][/div][/div]
  199.  
  200. [div class="tabsContent tabsContentthree" style="display: none;"][div=margin-top: 40px; overflow: hidden; width: 100%; height: 350px;][div=overflow-y: scroll; width: 100%; height: 100%; padding-right: 17px; box-sizing: content-box;][div class=textcontainer][font=Nunito][div class=textinfo]Gear[/div] What do they travel with?
  201. [br][/br]
  202. [div class=textinfo]Weapons[/div] Self-explanatory
  203. [br][/br][br][/br]
  204. [div class=textinfo]Build/class[/div] Here
  205. [br][/br]
  206. [div class=textinfo]Primary skills[/div] Those directly associated with your character's build- list three, giving details for each one
  207. [br][/br]
  208. [div class=textinfo]Secondary skills[/div] Those not associated with your character's build- list two, giving details for each one
  209. [br][/br][br][/br]
  210. [div class=textinfo]Strengths[/div] List three
  211. [br][/br]
  212. [div class=textinfo]Weaknesses[/div] List three
  213. [br][/br][br][/br]
  214. [div class=textinfo]Bonded Beast[/div] This is the Mythical Beast that Yggdrasil has paired your character with. Each character will encounter and bond with their Beast over the course of the RP.[br][/br]
  215. The Leader (Vanir) bonds with a [b]sphinx[/b].[br][/br]
  216. The Lieutenant (Hvarfa-nár) bonds with a [b]hellhound[/b].[br][/br]
  217. The Warrior (Aesir) bonds with a [b]dragon[/b].[br][/br]
  218. The Greenleaf (Firar) bonds with a [b]griffin[/b].[br][/br]
  219. The Range (Jǫtunn) bonds with a [b]wyvern[/b].[br][/br]
  220. The Nut (Dvergr) bonds with a [b]cerberus[/b].[br][/br]
  221. The Stealth (Dökkálfar) bonds with a [b]hábrók[/b].[br][/br]
  222. The Healer (Ljósálfar) bonds with a [b]winged horse[/b].[br][/br]
  223. The Mercenary (Bál-þursr) bonds with a [b]phoenix[/b].[/font][/div][/div][/div][/div]
  224.  
  225. [div class="tabsContent tabsContentfour" style="display: none;"][div=margin-top: 40px; overflow: hidden; width: 100%; height: 350px;][div=overflow-y: scroll; width: 100%; height: 100%; padding-right: 17px; box-sizing: content-box;][div class=textcontainer][font=Nunito][div class=textinfo]Personality[/div] Describe their personality in one to two paragraphs.
  226. [br][/br][br][/br]
  227. [div class=textinfo]Virtues[/div] List three to five positive traits
  228. [br][/br]
  229. [div class=textinfo]Vices[/div] List three to five negative traits
  230. [br][/br][br][/br]
  231. [div class=textinfo]Likes[/div] List three to five
  232. [br][/br]
  233. [div class=textinfo]Dislikes[/div] List three to five
  234. [br][/br][br][/br]
  235. [div class=textinfo]Hobbies/talents[/div] List one to three
  236. [br][/br]
  237. [div class=textinfo]Habits/quirks[/div] List one to three
  238. [br][/br]
  239. [div class=textinfo]Fears[/div] List one to three[/font][/div][/div][/div][/div]
  240.  
  241. [div=margin-left: 460px; margin-top: -542px;][div class=picture]
  242. [div class=picturetext][div=margin-top: 480px; text-shadow: 2px 2px 4px black; padding: 5px; text-align: center;][font=Playball][size=25px]❛ quote here ❜[/size][/font][/div][/div][/div][/div][/div][/div][/nobr][center][size=2]codedbycrucially | hover photo and click diamonds[/size][/center]
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!