SHARE
TWEET

MOONSTONE // code

water-nymph Apr 19th, 2019 181 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [nobr][div class=container][div class=image][div class=outs][div class="tabs first" style="top: 120px; left: -10px;"]a.[/div]
  2. [div class="tabs second" style="top: 80px; left: 5px"]b.[/div]
  3. [div class="tabs third" style="top: 120px; left: 20px"]c.[/div][/div][/div]
  4.  
  5. [div class=hold][div class=post]
  6. [div class="tabsContent tabsContent1"]
  7. [div class=pos][div class=title]001[/div]
  8. [div class=lilwords][font=Poppins]personality[/font][/div][/div]
  9.  
  10. [div class=text][div class=scroll]
  11. Mussum Ipsum, cacilds vidis litro abertis. Paisis, filhis, espiritis santis. Atirei o pau no gatis, per gatis num morreus. Delegadis gente finis, bibendum egestas augue arcu ut est. Suco de cevadiss deixa as pessoas mais interessantis. Detraxit consequat et quo num tendi nada. Leite de capivaris, leite de mula manquis sem cabeça. Interagi no mé, cursus quis, vehicula ac nisi. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Si num tem leite então bota uma pinga aí cumpadi! "Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!"
  12.  
  13. Casamentiss faiz malandris se pirulitá. Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. Cevadis im ampola pa arma uma pindureta. Quem manda na minha terra sou euzis! Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget.
  14.  .  . [/div][/div][/div]
  15.  
  16. [div class="tabsContent tabsContent2" style="display: none"]
  17. [div class=pos][div class=title]002[/div]
  18. [div class=lilwords][font=Poppins]biography[/font][/div][/div]
  19.  
  20. [div class=text][div class=scroll]Casamentiss faiz malandris se pirulitá. Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. Cevadis im ampola pa arma uma pindureta. Quem manda na minha terra sou euzis! Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget.
  21.  .  . [/div][/div][/div]
  22.  
  23. [div class="tabsContent tabsContent3" style="display: none"]
  24. [div class=pos][div class=title]003[/div]
  25. [div class=lilwords][font=Poppins]relationships[/font][/div][/div]
  26.  
  27. [div class=text][div class=scroll]
  28. [div class=firstword]name goes here:[/div] Casamentiss faiz malandris se pirulitá. Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis.
  29. [br][/br][br][/br]
  30. [div class=firstword]name goes here:[/div] Casamentiss faiz malandris se pirulitá. Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis.
  31. [br][/br][br][/br]
  32. [div class=firstword]name goes here:[/div] Casamentiss faiz malandris se pirulitá. Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. .  . [/div][/div][/div][/div]
  33.  
  34. [div class=lilhold][div class=lilimage][/div]
  35. [div class=name][font=Archivo Black]character name[/font]
  36. [div class=stats][div class=scroll][font=Archivo][div class=firstword]full name:[/div] beep
  37. [br][/br][div class=firstword]nicknames:[/div] bb
  38. [br][/br][div class=firstword]age:[/div] number
  39. [br][/br][div class=firstword]birthday:[/div] month and number
  40. [br][/br][div class=firstword]gender:[/div] a person
  41. [br][/br][div class=firstword]sexuality:[/div] loves all[/font][/div]
  42. [/div][/div]
  43.  
  44. [/div][/div][/div]
  45.  
  46. [div class=c]code by: @undine
  47. [/div]
  48.  
  49. [class=container]height: 350px;
  50. max-width: 530px;
  51. width: 100%;
  52. background: #62ADB0;
  53. box-sizing: border-box;
  54. padding: 0px 15px 0px 15px;
  55. margin: auto;
  56. overflow: hidden;
  57. cursor: url(http://i.imgur.com/fkP02Jr.png), auto
  58. [/class]
  59.  
  60. [class=image]height: 100%;
  61. width: 40%;
  62. float: right;
  63. background-image: url(http://74cf32a44c829352ac0b-f6fda47bbdc077605fad1cda536b00c8.r16.cf3.rackcdn.com/4342_950191ea-2e37-456a-a763-2772734724b6.jpg);
  64. background-size: 150%;
  65. background-position: 50% 50%
  66. [/class]
  67.  
  68. [class=outs]width: 100%;
  69. text-align: center;
  70. position: relative;
  71. top: 180px;
  72. opacity: 0; transition: 0.7s
  73. [/class]
  74.  
  75. [class=op]opacity: 1
  76. [/class]
  77.  
  78. [class=nope]transform: scale(0); transition: 0.4s
  79. [/class]
  80.  
  81. [class=tabs]display: inline-block;
  82. height: 15px;
  83. width: 15px;
  84. padding: 5px;
  85. background: #a15a2e;
  86. border: 1px solid #a15a2e;
  87. border-radius: 100%;
  88. color: #fff;
  89. font-size: 10px;
  90. text-align: center;
  91. cursor: pointer;
  92. position: relative;
  93. transition: 0.3s;
  94. [/class]
  95.  
  96. [class=second]transition-delay: 1.3s
  97. [/class]
  98.  
  99. [class=hold]position: relative;
  100. top: 15px;
  101. height: 320px;
  102. width: 57%;
  103. background: #A4AC73
  104. [/class]
  105.  
  106. [class=post]height: 230px;
  107. width: 100%;
  108. background: white
  109. [/class]
  110.  
  111. [class=pos]box-sizing: border-box;
  112. height: 75px;
  113. width: 90%;
  114. padding-left: 15px;
  115. position: relative;
  116. font-weight: 800;
  117. [/class]
  118.  
  119. [class=title]display: inline-block;
  120. color: #BF731D;
  121. height: 0px;
  122. width: 100%;
  123. font-size: 48px;
  124. text-size-adjust: auto;
  125. opacity: 0.5
  126. [/class]
  127.  
  128. [class=lilwords]display: inline-block;
  129. font-size: 0.6em;
  130. letter-spacing: 1.5px;
  131. text-transform: uppercase;
  132. position: relative;
  133. top: -33px;
  134. left: 90px;
  135. [/class]
  136.  
  137. [class=text]position: relative;
  138. height: 140px;
  139. width: 90%;
  140. margin: auto;
  141. overflow: hidden;
  142. font-size: 0.65em;
  143. text-align: justify
  144. [/class]
  145.  
  146. [class=lilhold]box-sizing:border-box;
  147. position: relative;
  148. top: 3px;
  149. height: 20%;
  150. width: 100%;
  151. border-top: 1px solid #9E816F
  152. [/class]
  153.  
  154. [class=lilimage]position: relative; top: 5px; left: 15px; display: inline-block;
  155. height: 100%;
  156. width: 30%;
  157. border: 3px solid #bf8654;
  158. background-image: url(http://74cf32a44c829352ac0b-f6fda47bbdc077605fad1cda536b00c8.r16.cf3.rackcdn.com/4342_2321fc56-0e0e-4a21-b462-1af277a66e43.jpg);
  159. background-size: 200%;
  160. background-position: 55% 20%
  161. [/class]
  162.  
  163. [class=name]box-sizing: border-box; width: 50%; z-index: 5; display: inline-block; position: relative; top: 7px; left: 20px; font-size: 12px; text-transform: uppercase; color: #bf8654
  164. [/class]
  165.  
  166. [class=stats]position: relative;
  167. top: -4px;
  168. z-index: 1;
  169. height: 45px;
  170. width: 100%;
  171. padding: 4px 5px 2px 5px;
  172. background: #bf8654;
  173. border-top: 3px solid #e09e79;
  174. font-size: 8px;
  175. color: #fff;
  176. overflow: hidden
  177. [/class]
  178.  
  179. [class=scroll]height: 100%;
  180. width: 100%;
  181. overflow-y: scroll;
  182. padding-right: 20px
  183. [/class]
  184.  
  185. [class=firstword]display: inline-block; font-weight: 700; letter-spacing: 1px
  186. [/class]
  187.  
  188.  
  189. [class name=pop]
  190. animation-name: {post_id}pop;
  191. animation-direction: normal;
  192. animation-duration: 0.5s;
  193. animation-delay: 0.5s;
  194. animation-timing-function: ease-out;
  195. animation-iteration-count: 1;
  196. animation-fill-mode: both;
  197. [/class]
  198.  
  199. [animation=pop]
  200. [keyframe=0]opacity: 0;[/keyframe]
  201. [keyframe=100]opacity: 1;[/keyframe]
  202. [/animation]
  203.  
  204. [class name=top]
  205. animation-name: {post_id}top;
  206. animation-direction: normal;
  207. animation-duration: 0.5s;
  208. animation-delay: 1.1s;
  209. animation-timing-function: ease-out;
  210. animation-iteration-count: 1;
  211. animation-fill-mode: both;
  212. [/class]
  213.  
  214. [animation=top]
  215. [keyframe=0]opacity: 0;[/keyframe]
  216. [keyframe=100]opacity: 1;[/keyframe]
  217. [/animation]
  218.  
  219. [script class=image on=mouseenter]
  220. addClass op outs
  221. addClass pop second
  222. addClass top third
  223. [/script]
  224.  
  225. [script class=image on=mouseleave]
  226. removeClass op outs
  227. removeClass pop second
  228. removeClass top third
  229. [/script]
  230.  
  231. [script class=first on=click]
  232. hide tabsContent2
  233. hide tabsContent3
  234. hide tabsContent4
  235. fadeIn 800 tabsContent1[/script]
  236.  
  237. [script class=second on=click]
  238. hide tabsContent1
  239. hide tabsContent3
  240. hide tabsContent4
  241. fadeIn 800 tabsContent2[/script]
  242.  
  243. [script class=third on=click]
  244. hide tabsContent2
  245. hide tabsContent1
  246. hide tabsContent4
  247. fadeIn 800 tabsContent3[/script]
  248.  
  249. [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px
  250. [/class][/nobr]
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