crucialstar

poison

Feb 25th, 2020
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.40 KB | None | 0 0
  1. [nobr]
  2. [class=container]
  3. width: 560px;
  4. position: relative;
  5. margin: auto;
  6. cursor: url(http://cur.cursors-4u.net/nature/images9/nat852.gif), auto !important;
  7. [/class]
  8.  
  9. [class=cover]
  10. bottom: 0;
  11. left: 0;
  12. position: absolute;
  13. right: 0;
  14. top: 0;
  15. width: 100%;
  16. height: 100%;
  17. z-index: 2;
  18. [/class]
  19. [class=background_two]
  20. background-color: #f5f5ef;
  21. width: 560px;
  22. height: 456px;
  23. [/class]
  24. [class=border]
  25. background-color: #0a4424;
  26. width: 110px;
  27. height: 416px;
  28. padding: 20px;
  29. [/class]
  30. [class=main_image]
  31. position: relative;
  32. background: url('https://i.imgur.com/8HDTxJQ.jpg');
  33. width: 180px;
  34. height: 304px;
  35. border: 8px solid #748b74;
  36. margin-left: 30px;
  37. margin-top: 45px;
  38. [/class]
  39. [class=image_one]
  40. position: relative;
  41. background: url('https://i.imgur.com/diAeJCB.jpg');
  42. border-radius: 100%;
  43. border: 1px solid #748b74;
  44. background-size: 100%;
  45. margin-left: 180px;
  46. margin-top: -295px;
  47. width: 80px;
  48. height: 80px;
  49. [/class]
  50. [class=image_two]
  51. position: relative;
  52. background: url('https://i.imgur.com/7ywaQRJ.jpg');
  53. border-radius: 100%;
  54. border: 1px solid #748b74;
  55. background-size: 100%;
  56. margin-left: 180px;
  57. margin-top: 15px;
  58. width: 80px;
  59. height: 80px;
  60. [/class]
  61. [class=image_three]
  62. position: relative;
  63. background: url('https://i.imgur.com/05I1YdL.jpg');
  64. border-radius: 100%;
  65. border: 1px solid #748b74;
  66. background-size: 100%;
  67. margin-left: 180px;
  68. margin-top: 15px;
  69. width: 80px;
  70. height: 80px;
  71. [/class]
  72. [class=textcontainer_two]
  73. position: relative;
  74. margin-left: 260px;
  75. margin-top: -260px;
  76. white-space: pre-wrap;
  77. [/class]
  78. [class=header_one]
  79. color: #748b74;
  80. text-transform: uppercase;
  81. text-align: center;
  82. font-size: 20px;
  83. [/class]
  84. [class=header_two]
  85. color: #0a4424;
  86. text-transform: uppercase;
  87. text-align: center;
  88. font-size: 30px;
  89. margin-top: -45px;
  90. [/class]
  91.  
  92. [class=background]
  93. background-color: #FFFFFF;
  94. margin: auto;
  95. width: 560px;
  96. height: 455px;
  97. position: relative;
  98. [/class]
  99. [class=banner]
  100. width: 100%;
  101. height: 100px;
  102. padding: 0px;
  103. background-color: #0a4424;
  104. [/class]
  105. [class=banner_text]
  106. position: relative;
  107. padding: 30px;
  108. font-size: 30px;
  109. text-transform: uppercase;
  110. font-style: italic;
  111. color: white;
  112. top: -5px;
  113. text-align: right;
  114. [/class]
  115. [class=divider]
  116. position: absolute;
  117. width: 50%;
  118. line-height: 0;
  119. height: 1px;
  120. background-color: black;
  121. margin-top: -5px;
  122. left: 250px;
  123. [/class]
  124.  
  125. [class=textcontainer]
  126. position: relative;
  127. padding: 10px;
  128. [/class]
  129. [class=side_one]
  130. position: relative;
  131. width: 210px;
  132. [/class]
  133. [class=side_two]
  134. position: relative;
  135. margin-top: -310px;
  136. margin-left: 220px;
  137. white-space: pre-wrap;
  138. [/class]
  139. [class=box]
  140. position: relative;
  141. border: solid 1px #BABCBE;
  142. background-color: white;
  143. height: 150px;
  144. [/class]
  145. [class=box_info]
  146. position: relative;
  147. border-bottom: 1px solid #BABCBE;
  148. text-align: right;
  149. padding: 5px;
  150. background-color: #F2F2F2;
  151. font-size: 18px;
  152. color: #748b74;
  153. text-transform: uppercase;
  154. font-style: italic;
  155. [/class]
  156. [class=box_text]
  157. padding: 10px;
  158. color: grey;
  159. font-size: 12px;
  160. font-family: 'Arial';
  161. line-height: 16px;
  162. [/class]
  163.  
  164. [class=textinformation]
  165. margin-top: -5px;
  166. margin-left: 10px;
  167. font-size: 18px;
  168. color: #748b74;
  169. [/class]
  170. [class=textinformation_two]
  171. margin-top: -10px;
  172. margin-left: 20px;
  173. font-size: 11px;
  174. line-height: 16px;
  175. color: grey;
  176. text-transform: uppercase;
  177. [/class]
  178. [class=divider_two]
  179. position: absolute;
  180. width: 210px;
  181. line-height: 0;
  182. height: 1px;
  183. background-color: black;
  184. margin-top: 10px;
  185. [/class]
  186. [class=icon_border]
  187. display: inline-block;
  188. border: solid 1px #BABCBE;
  189. background-color: #F2F2F2;
  190. line-height: 0;
  191. padding: 12px;
  192. margin: auto;
  193. margin-top: -90px;
  194. margin-left: 15px;
  195. height: 100px;
  196. width: 100px;
  197. [/class]
  198. [class=icon_one]
  199. background: url('https://i.imgur.com/6mtSQG2.jpg');
  200. background-size: 100%;
  201. border: solid 1px #FBFBFB;
  202. height: 100px;
  203. width: 100px;
  204. [/class]
  205. [class name=icon_one state=hover]
  206. background: url('https://i.imgur.com/iGgtOfx.jpg') no-repeat;
  207. background-size: cover;
  208. width: 100%;
  209. height: 100%;
  210. [/class]
  211.  
  212. [script class=background on=click]
  213. slideDown 800 cover
  214. [/script]
  215. [script class=cover on=click]
  216. slideUp 800
  217. [/script]
  218.  
  219. [div class=container][div class=background]
  220. [div class=banner][div class=banner_text][font=Barlow Semi Condensed][b]f[/b]irst [b]m[/b]iddle [b]last[/b][/font]
  221. [div class=divider][/div][/div][/div]
  222. [div class=textcontainer][div class=icon_border][div class=icon_one][/div][/div]
  223. [br][/br]
  224. [div class=side_one][div class=textinformation][font=Comfortaa] nickname(s)[/font][/div]
  225. [div class=textinformation_two][font=Arial]information here[/font][/div]
  226. [div class=divider_two][/div]
  227. [br][/br]
  228. [div class=textinformation][font=Comfortaa] age[/font][/div]
  229. [div class=textinformation_two][font=Arial]information here[/font][/div]
  230. [div class=divider_two][/div]
  231. [br][/br]
  232. [div class=textinformation][font=Comfortaa] gender[/font][/div]
  233. [div class=textinformation_two][font=Arial]information here[/font][/div]
  234. [div class=divider_two][/div]
  235. [br][/br]
  236. [div class=textinformation][font=Comfortaa] sexuality[/font][/div]
  237. [div class=textinformation_two][font=Arial]information here[/font][/div]
  238. [div class=divider_two][/div]
  239. [br][/br]
  240. [div class=textinformation][font=Comfortaa] role|clan:[/font][/div]
  241. [div class=textinformation_two][font=Arial]information here[/font][/div]
  242. [div class=divider_two][/div]
  243. [/div]
  244. [div class=side_two][div=width: calc(100% - 0%); height: 325px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;][div class=box][div class=box_info][font=Barlow Semi Condensed]appearance[/font][/div][div=width: calc(100% - 0%); height: 105px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;][div class=box_text][fa]fas fa-seedling[/fa] Hair Color: info
  245. [fa]fas fa-seedling[/fa] Eye Color: info
  246. [fa]fas fa-seedling[/fa] Height/Weight: info
  247. [fa]fas fa-seedling[/fa] Distinguishing Features: info
  248. [fa]fas fa-seedling[/fa] Body Mods: info
  249. [fa]fas fa-seedling[/fa] Ailments: info
  250. [fa]fas fa-seedling[/fa] Attire: info
  251. [fa]fas fa-seedling[/fa] Faceclaim: info
  252.  
  253. [/div][/div][/div][/div]
  254.  
  255. [div=margin-top: -35px;][/div][div class=box][div class=box_info][font=Barlow Semi Condensed]personality[/font][/div][div=width: calc(100% - 0%); height: 105px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;][div class=box_text][row][column=span4]+ info
  256. + info
  257. + info
  258. + info
  259. + info[/column][column=span4]- info
  260. - info
  261. - info
  262. - info
  263. - info[/column][/row]
  264.  
  265. ❀ Strengths: info
  266. ❀ Weaknesses: info
  267. ❀ Likes: info
  268. ❀ Dislikes: info
  269. ❀ Fears: info
  270. [/div][/div][/div][/div]
  271.  
  272. [div=margin-top: -35px;][/div][div class=box][div class=box_info][font=Barlow Semi Condensed]biography[/font][/div][div=width: calc(100% - 0%); height: 105px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;][div class=box_text][fa]fab fa-pagelines[/fa] Occupation: info
  273. [fa]fab fa-pagelines[/fa] Hometown: info
  274. [fa]fab fa-pagelines[/fa] History: info
  275. [/div][/div][/div][/div]
  276.  
  277. [div=margin-top: -35px;][/div][div class=box][div class=box_info][font=Barlow Semi Condensed]other[/font][/div][div=width: calc(100% - 0%); height: 105px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;][div class=box_text][fa]fas fa-spa[/fa] Weapon of Choice: info
  278. [fa]fas fa-spa[/fa] Theme Song: [i]([/i] opt [i])[/i]
  279. [fa]fas fa-spa[/fa] MBTI type: [i]([/i] opt [i])[/i]
  280. [fa]fas fa-spa[/fa] Enneagram type: [i]([/i] opt [i])[/i]
  281. [fa]fas fa-spa[/fa] Alignment: [i]([/i] opt [i])[/i]
  282. [fa]fas fa-spa[/fa] Other: [i]([/i] opt [i])[/i]
  283. [fa]fas fa-spa[/fa] Relationships: info[/div][/div][/div][/div]
  284. [/div][/div][/div][/div][/div]
  285. [div class=cover][div class=background_two][div class=border][div class=main_image][/div]
  286. [div class=image_one][/div]
  287. [div class=image_two][/div]
  288. [div class=image_three][/div][/div][div class=textcontainer_two][div class=header_one][font=Oswald]name here[/font][/div]
  289. [div class=header_two][font=Poppins]role | title[/font][/div][/div][/div][/div][/div][/nobr][center][size=2]codedbycrucially | click main image, hover icon, hidden scroll[/size][/center]
Add Comment
Please, Sign In to add comment