API tools faq
paste
Stardust_Galaxy

Cosmic Dust

Stardust_Galaxy
Dec 18th, 2019
181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.73 KB | None | 0 0
raw download clone embed print report
  1. [nobr]
  2. [class=BG]
  3. position: relative;
  4. box-sizing: border-box;
  5. background: #E5E5E5;
  6. width: 440px;
  7. height: 500px;
  8. background-color: rgba(255,255,255,0);
  9. overflow: hidden;
  10. margin-right: auto;
  11. margin-left:auto;
  12. padding: 0;
  13.  
  14. [/class]
  15. [class=Picture1]
  16. position: absolute;
  17. overflow: visible;
  18. width: 240px;
  19. height: 300px;
  20. left: 240px;
  21. top: 0px;
  22. background: url(https://media.giphy.com/media/MFg5VFAPDjiQ8c541M/giphy.gif);
  23. [/class]
  24. [class=Frame1]
  25. position: absolute;
  26. overflow: visible;
  27. width: 176px;
  28. height: 270px;
  29. left: 252px;
  30. top: 15px;
  31. border: 2px #E2C16B solid;
  32. [/class]
  33. [class=Box]
  34. position: absolute;
  35. overflow: visible;
  36. width: 255px;
  37. height: 276px;
  38. left: 40px;
  39. top: 224px;
  40. background-color:#0D618F
  41. [/class]
  42. [class=Frame2]
  43. position: absolute;
  44. overflow: visible;
  45. width: 231px;
  46. height: 250px;
  47. left: 52px;
  48. top: 237px;
  49. border:2px #E2C16B solid;
  50. [/class]
  51. [class=Text]
  52. position: relative;
  53. overflow: auto;
  54. width: 225px;
  55. height: 244px;
  56. background-color: transparent;
  57. font-size: 13px;
  58. font-weight: normal;
  59. line-weight: normal;
  60. color: #000;
  61. padding: 5px;
  62. text-align: justify;
  63. margin-right: 7px;
  64. margin-left: 7px;
  65. [/class]
  66. [class=TextBox]
  67. position: absolute;
  68. overflow: hidden;
  69. width: 225px;
  70. height: 244px;
  71. left: 56px;
  72. top: 241px;
  73. background-color: transparent;
  74. [/class]
  75. [class=Picture2]
  76. position: absolute;
  77. overflow: visible;
  78. width: 255px;
  79. height: 276px;
  80. left: 40px;
  81. top: 224px;
  82. background: url(https://i.imgur.com/axR4nyD.png);
  83. [/class]
  84. [class=BoxTabs]
  85. position: absolute;
  86. overflow: visible;
  87. width: 40px;
  88. height: 204px;
  89. left: 0px;
  90. top: 296px;
  91. background-color:#0D618F;
  92. [/class]
  93. [class=ExtraTab]
  94. position: absolute;
  95. overflow: visible;
  96. width: 30px;
  97. height: 30px;
  98. left: 5px;
  99. top: 463px;
  100. background: url(https://i.imgur.com/ppEy2Pt.png);
  101. [/class]
  102. [class=BackgroundTab]
  103. position: absolute;
  104. overflow: visible;
  105. width: 30px;
  106. height: 30px;
  107. left: 5px;
  108. top: 423px;
  109. background: url(https://i.imgur.com/v2UgUK2.png);
  110. [/class]
  111. [class=PersonaTab]
  112. position: absolute;
  113. overflow: visible;
  114. width: 30px;
  115. height: 30px;
  116. left: 5px;
  117. top: 383px;
  118. background: url(https://i.imgur.com/VjBQd2g.png);
  119. [/class]
  120. [class=BasicsTab]
  121. position: absolute;
  122. overflow: visible;
  123. width: 30px;
  124. height: 30px;
  125. left: 5px;
  126. top: 343px;
  127. background: url(https://i.imgur.com/Gxt6PN3.png);
  128. [/class]
  129. [class=HomeTab]
  130. position: absolute;
  131. overflow: visible;
  132. width: 30px;
  133. height: 30px;
  134. left: 5px;
  135. top: 303px;
  136. background: url(https://i.imgur.com/q4d5BEX.png);
  137. [/class]
  138. [class=tab]
  139. position: absolute;
  140. overflow: visible;
  141. [/class]
  142. [script class=tab on=click]
  143. hide tabsContent
  144. set currentTab (getText)
  145. if (eq ${currentTab} 1) (show tabsContentBasics)
  146. if (eq ${currentTab} 1) (show Box)
  147. if (eq ${currentTab} 1) (hide Picture2)
  148. if (eq ${currentTab} 1) (hide tabsContentHome)
  149. if (eq ${currentTab} 1) (hide tabsContentPersona)
  150. if (eq ${currentTab} 1) (hide tabsContentBackground)
  151. if (eq ${currentTab} 1) (hide tabsContentOther)
  152.  
  153. if (eq ${currentTab} 2) (show tabsContentPersona)
  154. if (eq ${currentTab} 2) (show Box)
  155. if (eq ${currentTab} 2) (hide Picture2)
  156. if (eq ${currentTab} 2) (hide tabsContentHome)
  157. if (eq ${currentTab} 2) (hide tabsContentBasics)
  158. if (eq ${currentTab} 2) (hide tabsContentBackground)
  159. if (eq ${currentTab} 2) (hide tabsContentOther)
  160.  
  161. if (eq ${currentTab} 3) (show tabsContentBackground)
  162. if (eq ${currentTab} 3) (show Box)
  163. if (eq ${currentTab} 3) (hide Picture2)
  164. if (eq ${currentTab} 3) (hide tabsContentHome)
  165. if (eq ${currentTab} 3) (hide tabsContentBasics)
  166. if (eq ${currentTab} 3) (hide tabsContentPersona)
  167. if (eq ${currentTab} 3) (hide tabsContentOther)
  168.  
  169. if (eq ${currentTab} 4) (show tabsContentOther)
  170. if (eq ${currentTab} 4) (show Box)
  171. if (eq ${currentTab} 4) (hide Picture2)
  172. if (eq ${currentTab} 4) (hide tabsContentBasics)
  173. if (eq ${currentTab} 4) (hide tabsContentPersona)
  174. if (eq ${currentTab} 4) (hide tabsContentHome)
  175. if (eq ${currentTab} 4) (hide tabsContentBackground)
  176.  
  177. if (eq ${currentTab} 5) (show tabsContentHome)
  178. if (eq ${currentTab} 5) (show Picture2)
  179. if (eq ${currentTab} 5) (hide Box)
  180. if (eq ${currentTab} 5) (hide tabsContentPersona)
  181. if (eq ${currentTab} 5) (hide tabsContentBackground)
  182. if (eq ${currentTab} 5) (hide tabsContentOther)
  183. if (eq ${currentTab} 5) (hide tabsContentBasics)
  184. [/script]
  185. [div class=BG]
  186.  
  187.  
  188. [div class=Picture1][/div]
  189. [div class=Frame1][/div]
  190. [div class=Box][/div]
  191. [div class=Picture2][/div]
  192. [div class=Frame2][/div]
  193. [div class=BoxTabs][/div]
  194. [div class=tabs]
  195. [div class="BasicsTab tab"][div=opacity:0;]1[/div][/div]
  196. [div class="PersonaTab tab"][div=opacity:0;]2[/div][/div]
  197. [div class="BackgroundTab tab"][div=opacity:0;]3[/div][/div]
  198. [div class="ExtraTab tab"][div=opacity:0;]4[/div][/div]
  199. [div class="HomeTab tab"][div=opacity:0;]5[/div][/div]
  200. [/div]
  201.  
  202. [div class="tabsContent tabsContentHome"][div class=Picture2][/div][/div]
  203. [div class="tabsContent tabsContentBasics" style="display: none;"][div class=TextBox][div class=Text][b]Name:[/b]
  204. [br][/br]
  205. [b]Age:[/b]
  206. [br][/br]
  207. [b]Gender:[/b]
  208. [br][/br]
  209. [b]Role:[/b]
  210. [br][/br]
  211. [b]Skills:[/b]
  212. [br][/br]
  213. [b]P.O.B[/b]
  214. [br][/br]
  215. [b]Appearance:[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  216. [br][/br]
  217. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  218. [br][/br]
  219. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  220. [br][/br][br][/br]
  221. [/div][/div][/div]
  222. [div class="tabsContent tabsContentPersona" style="display: none;"][div class=TextBox][div class=Text][b]Personality:[/b]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  223. [br][/br]
  224. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  225. [br][/br]
  226. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  227. [br][/br]
  228. [b]Positive Traits:[/b]
  229. [br][/br]
  230. [b]Negative Traits:[/b]
  231. [br][/br]
  232. [b]Likes:[/b]
  233. [br][/br]
  234. [b]Dislikes:[/b]
  235. [br][/br][br][/br]
  236. [/div][/div][/div]
  237. [div class="tabsContent tabsContentBackground" style="display: none;"][div class=TextBox][div class=Text][b]Background:[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  238. [br][/br]
  239. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  240. [br][/br]
  241. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  242. [br][/br]
  243. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  244. [br][/br] [br][/br]
  245. [/div][/div][/div]
  246. [div class="tabsContent tabsContentOther" style="display: none;"][div class=TextBox][div class=Text][B]Relationships:[/b][/div][/div][/div]
  247. [/div][center][size=12px]Code by [USER=61646]@Stardust Galaxy[/USER][/size][/center]
  248. [/nobr]
Add Comment
Please, Sign In to add comment
Public Pastes
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!