API tools faq
paste
Advertisement
fluticasone

mr. clever 1.0

fluticasone
May 3rd, 2023
216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.12 KB | None | 0 0
raw download clone embed print report
  1. [nobr]
  2. [div=display: none;][font=Roboto]fontcall[/font][/div]
  3. [div=--charIcon: url(https://placehold.co/100/aeebd5/eff3c2?text=ICON); /* use a 100x100 icon for best results */
  4. --bgIMG: url(https://i.imgur.com/VkcW7TQ.jpg); /* vertical image you wanna use as a background */
  5. --bgColor: rgba(245,245,245,1); /* anything with rgba can also be a hexcode */
  6. --colorOne: rgba(174,235,213,1); /* the leftmost color in the gradient */
  7. --colorTwo: rgba(197,235,192,1);
  8. --colorThree: rgba(235,235,181,1); /* the rightmost color in the gradient */
  9. --textColor: rgba(60, 60, 60, 1);
  10. --mFont: 'Roboto', sans-serif;
  11. display: block;
  12. position: relative;
  13. box-sizing: border-box;
  14. width: clamp(300px,100%,1000px);
  15. height: auto;
  16. overflow-x: hidden;
  17. overflow-y: auto;
  18. font-family: var(--mFont);
  19. color: var(--textColor);
  20. margin: auto;
  21. --grad: linear-gradient(90deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);
  22. --grad130: linear-gradient(130deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);
  23. --grad315: linear-gradient(315deg, var(--colorOne) 0%, var(--colorTwo) 50%, var(--colorThree) 100%);
  24. --gradc: radial-gradient(circle, var(--colorThree) 0%, var(--colorTwo) 50%, var(--colorOne) 100%);]
  25. [div=z-index: 4; width: 80%; min-width: 300px; margin: auto; background: var(--bgColor); position: relative;]
  26. [div=height: clamp(325px,25vh,500px); width: 100%; position: relative; display: flex; flex-flow: column nowrap; justify-content: flex-end;]
  27. [div=position: relative; z-index: 5; width: 100%; overflow: hidden; box-sizing: border-box; padding: 0px 20px; bottom: 0px; display: flex; flex-flow: row wrap-reverse; align-items: flex-end; gap: 10px;]
  28. [div=flex: 1 140px;]
  29. [div=margin: auto; width: 140px; height: 140px; box-sizing: border-box; border: 20px solid var(--bgColor); background: var(--bgColor) var(--charIcon) no-repeat center center/cover;] [/div]
  30. [/div]
  31. [div=flex: 5 200px; ]
  32. [div=display: block; font-size: 3rem; line-height: .9; margin-top: .4em; margin-bottom: .55em; font-weight: 900;]First Last[/div]
  33. [div=display: block; font-size: .85rem; line-height: .9; text-transform: uppercase; ]
  34. [div=display: inline-block;]age (00)[/div]
  35. [div=display: inline-block; color: var(--colorOne); margin: 4px;]⋮[/div]
  36. [div=display: inline-block;]gender (pro/nouns)[/div]
  37. [div=display: inline-block; color: var(--colorOne); margin: 4px;]⋮[/div]
  38. [div=display: inline-block;]month 00[/div]
  39. [div=display: inline-block; color: var(--colorOne); margin: 4px;]⋮[/div]
  40. [div=display: inline-block;]sexuality[/div]
  41. [div=display: inline-block; color: var(--colorOne); margin: 4px;]⋮[/div]
  42. [div=display: inline-block;]nationality[/div]
  43. [/div]
  44. [/div]
  45. [/div]
  46. [div=position: absolute; top: 0px; left: 0px; z-index: 4; width: 100%; height: calc(100% - 70px); background: var(--colorOne); background: var(--grad130);] [/div]
  47. [/div]
  48. [div=display: block; width: 100%; background: var(--bgColor); box-sizing: border-box; padding: clamp(8px,5%,30px) 50px;]
  49. [div=display: flex; row-nowrap; align-items: center; gap: 20px;]
  50. [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Physical[/div]
  51. [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
  52. [/div]
  53. [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
  54. [div=flex: 1 auto; ]
  55. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]hair[/div]
  56. [div=display: inline-block; font-size: .95rem; line-height: .9; ]color[/div]
  57. [/div]
  58. [comment]start of copypaste[/comment][div=flex: 1 auto; ]
  59. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]eyes[/div]
  60. [div=display: inline-block; font-size: .95rem; line-height: .9; ]color[/div]
  61. [/div][comment]end of copypaste[/comment]
  62. [div=flex: 1 auto; ]
  63. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]height[/div]
  64. [div=display: inline-block; font-size: .95rem; line-height: .9;]0'0"[div=display: inline; color: var(--colorThree); margin: 2px;]⋮[/div]0cm[/div]
  65. [/div]
  66. [div=flex: 1 auto; ]
  67. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]features[/div]
  68. [div=display: inline-block; font-size: .95rem; line-height: .9;]freckles, scars, etc.[/div]
  69. [/div]
  70. [div=flex: 1 auto; ]
  71. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]modifications[/div]
  72. [div=display: inline-block; font-size: .95rem; line-height: .9;]tattoos, piercings, etc.​[/div]
  73. [/div]
  74. [/div]
  75. [div=display: flex; row-nowrap; align-items: center; gap: 20px;]
  76. [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Background[/div]
  77. [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
  78. [/div]
  79. [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
  80. [div=flex: 1 auto; ]
  81. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]fears[/div]
  82. [div=display: inline-block; font-size: .95rem; line-height: .9;]
  83. one fear[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]two fear
  84. [/div]
  85. [/div]
  86. [div=flex: 1 auto; ]
  87. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]dreams[/div]
  88. [div=display: inline-block; font-size: .95rem; line-height: .9;]dream here[/div]
  89. [/div]
  90. [div=flex: 1 auto; ]
  91. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]secrets[/div]
  92. [div=display: inline-block; font-size: .95rem; line-height: .9;]one secret[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]two secret[/div]
  93. [/div]
  94. [div=flex: 1 auto; ]
  95. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]PERSONALITY+[/div]
  96. [div=display: inline-block; font-size: .95rem; line-height: .9;]trait[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]trait[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]trait[/div]
  97. [/div]
  98. [div=flex: 1 auto; ]
  99. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]personality-[/div]
  100. [div=display: inline-block; font-size: .95rem; line-height: .9;]trait[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]trait[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]trait[/div]
  101. [/div]
  102. [comment]start of copypaste [/comment][div=flex: 1 auto; ]
  103. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]Backstory[/div]
  104. [div=display: block; font-size: .95rem; line-height: 1; text-align: justify; padding-top: .6em;]
  105. [div=display: block; margin-bottom: .5em;]Wrap each paragraph in this code. If you prefer this style for your personality as well, check the nearby comments to see where the code starts and ends.[/div]
  106. [div=display: block; margin-bottom: .5em;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In feugiat congue dui egestas viverra. Quisque in nibh a diam convallis luctus. Praesent malesuada augue mauris, eu varius mi volutpat ac. Donec suscipit scelerisque consectetur. Donec tempor nisi eget diam pharetra, eget tristique est congue. Mauris eget fringilla felis, gravida condimentum libero. Vivamus congue nulla a dolor accumsan bibendum. Vestibulum egestas eros mauris, sed sagittis orci elementum id. Donec quis mollis libero. Maecenas ut justo dolor. Etiam at diam elit. [/div]
  107. [div=display: block; margin-bottom: .5em;]Phasellus vehicula elit eget elit sodales fringilla. Praesent pellentesque erat quis vestibulum facilisis. Aliquam facilisis enim nec tellus fringilla, id egestas nulla sodales. Cras posuere, orci in feugiat ullamcorper, dolor lectus imperdiet felis, eget elementum neque nibh eget neque. Etiam volutpat volutpat ante nec pretium. Curabitur imperdiet, dolor vitae varius fringilla, odio mi condimentum arcu, eu rutrum felis nunc id elit. Phasellus non aliquam lorem, a vestibulum elit. Suspendisse ex lacus, iaculis sit amet libero ac, luctus venenatis nisl. Duis ultrices vehicula dolor, ac finibus ligula gravida sit amet. Nulla facilisi. Donec molestie feugiat lacus. [/div]
  108. [/div]
  109. [/div][comment] end of copypaste[/comment]
  110. [/div]
  111. [div=display: flex; row-nowrap; align-items: center; gap: 20px;]
  112. [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Personal[/div]
  113. [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
  114. [/div]
  115. [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
  116. [div=flex: 1 auto; ]
  117. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]MBTI[/div]
  118. [div=display: inline-block; font-size: .95rem; line-height: .9; ]mbti here[/div]
  119. [/div]
  120. [div=flex: 1 auto; ]
  121. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]habits[/div]
  122. [div=display: inline-block; font-size: .95rem; line-height: .9; ]one habit[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]two habit[/div]
  123. [/div]
  124. [div=flex: 1 auto; ]
  125. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]hobbies[/div]
  126. [div=display: inline-block; font-size: .95rem; line-height: .9;]one hobby[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]two hobby[div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div]three hobby[/div]
  127. [/div]
  128. [div=flex: 1 auto; ]
  129. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]horoscope[/div]
  130. [div=display: inline-block; font-size: .95rem; line-height: .9;]horoscope here[/div]
  131. [/div]
  132. [div=flex: 1 auto; ]
  133. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]alignment[/div]
  134. [div=display: inline-block; font-size: .95rem; line-height: .9;]alignment here[/div]
  135. [/div]
  136. [/div]
  137. [div=display: flex; row-nowrap; align-items: center; gap: 20px;]
  138. [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Extra[/div]
  139. [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
  140. [/div]
  141. [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 25px clamp(8px,2%,15px) 35px clamp(8px,5%,30px); gap: 5px 10px;]
  142. [div=flex: 1 auto; ]
  143. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]01[/div]
  144. [div=display: inline-block; font-size: .95rem; line-height: .9;]extra one[/div]
  145. [/div]
  146. [div=flex: 1 auto; ]
  147. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]02[/div]
  148. [div=display: inline-block; font-size: .95rem; line-height: .9;]extra two[/div]
  149. [/div]
  150. [div=flex: 1 auto; ]
  151. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]03[/div]
  152. [div=display: inline-block; font-size: .95rem; line-height: .9;]extra three[/div]
  153. [/div]
  154. [div=flex: 1 auto; ]
  155. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]04[/div]
  156. [div=display: inline-block; font-size: .95rem; line-height: .9;]extra four[/div]
  157. [/div]
  158. [comment]start of copypaste [/comment][div=flex: 1 auto; ]
  159. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]05[/div]
  160. [div=display: inline-block; font-size: .95rem; line-height: .9;]extra five[/div]
  161. [/div][comment]end of copypaste[/comment]
  162. [/div]
  163. [div=display: flex; row-nowrap; align-items: center; gap: 20px;]
  164. [div=flex: 0 auto; font-weight: 900; font-size: 1.5rem; line-height: .9;]Pokemon[/div]
  165. [div=flex: 4 0px; width: 100%; height: 5px; background: var(--colorOne); background: var(--grad);] [/div]
  166. [/div]
  167. [div=display: block; width: 100%; box-sizing: border-box; padding: 25px 0px;]
  168. [div=display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 25px; margin-bottom: 35px;]
  169. [div=flex: 1 80px; max-width: 125px; background: var(--colorOne); background: var(--gradc); overflow: hidden; font-size: 0px; pointer-events: none; padding: 2.5%; border-radius: 50%; text-align: center; box-sizing: border-box;][img]https://www.serebii.net/scarletviolet/pokemon/new/132.png[/img][/div]
  170. [div=flex: 4 200px; width: 100%; font-size: .95rem; line-height: .9; ]
  171. [div=display: block; font-size: 1.5rem; line-height: .9; margin-top: .4em; margin-bottom: .25em; font-weight: 900;]Nickname [div=display: inline; color: var(--colorOne); margin: 2px;]Level[/div][/div]
  172. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]#132[/div]
  173. [div=display: inline-block; font-size: .85rem; line-height: .9; text-transform: uppercase;]Pokemon [div=display: inline; color: var(--colorOne); margin: 2px; font-weight: 900;]♂♀​[/div] Ability [div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div] Nature[/div]
  174. [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; gap: 5px; box-sizing: border-box; padding: 15px 0px 1em .75em;]
  175. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  176. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  177. Move
  178. [/div]
  179. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  180. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  181. Move
  182. [/div]
  183. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  184. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  185. Move
  186. [/div]
  187. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  188. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  189. Move
  190. [/div]
  191. [/div]
  192. [/div]
  193. [/div]
  194. [comment]start of copypaste [/comment][div=display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 25px; margin-bottom: 35px;]
  195. [div=flex: 1 80px; max-width: 125px; background: var(--colorOne); background: var(--gradc); overflow: hidden; font-size: 0px; pointer-events: none; padding: 2.5%; border-radius: 50%; text-align: center; box-sizing: border-box;][img]https://www.serebii.net/scarletviolet/pokemon/new/132.png[/img][/div]
  196. [div=flex: 4 200px; width: 100%; font-size: .95rem; line-height: .9; ]
  197. [div=display: block; font-size: 1.5rem; line-height: .9; margin-top: .4em; margin-bottom: .25em; font-weight: 900;]Nickname [div=display: inline; color: var(--colorOne); margin: 2px;]Level[/div][/div]
  198. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]#132[/div]
  199. [div=display: inline-block; font-size: .85rem; line-height: .9; text-transform: uppercase;]Pokemon [div=display: inline; color: var(--colorOne); margin: 2px; font-weight: 900;]♂♀​[/div] Ability [div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div] Nature[/div]
  200. [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; gap: 5px; box-sizing: border-box; padding: 15px 0px 1em .75em;]
  201. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  202. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  203. Move
  204. [/div]
  205. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  206. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  207. Move
  208. [/div]
  209. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  210. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  211. Move
  212. [/div]
  213. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  214. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  215. Move
  216. [/div]
  217. [/div]
  218. [/div]
  219. [/div][comment]end of copypaste[/comment]
  220. [div=display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 25px; margin-bottom: 35px;]
  221. [div=flex: 1 80px; max-width: 125px; background: var(--colorOne); background: var(--gradc); overflow: hidden; font-size: 0px; pointer-events: none; padding: 2.5%; border-radius: 50%; text-align: center; box-sizing: border-box;][img]https://www.serebii.net/scarletviolet/pokemon/new/132.png[/img][/div]
  222. [div=flex: 4 200px; width: 100%; font-size: .95rem; line-height: .9; ]
  223. [div=display: block; font-size: 1.5rem; line-height: .9; margin-top: .4em; margin-bottom: .25em; font-weight: 900;]Nickname [div=display: inline; color: var(--colorOne); margin: 2px;]Level[/div][/div]
  224. [div=display: inline-block; background: var(--colorOne); background: var(--grad); padding: 4px 5px; text-transform: uppercase; font-size: .85rem; color: var(--bgColor); line-height: .9; font-weight: 900; margin-right: 5px;]#132[/div]
  225. [div=display: inline-block; font-size: .85rem; line-height: .9; text-transform: uppercase;]Pokemon [div=display: inline; color: var(--colorOne); margin: 2px; font-weight: 900;]♂♀​[/div] Ability [div=display: inline; color: var(--colorOne); margin: 2px;]⋮[/div] Nature[/div]
  226. [div=display: flex; flex-flow: row wrap; align-items: center; width: 100%; gap: 5px; box-sizing: border-box; padding: 15px 0px 1em .75em;]
  227. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  228. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  229. Move
  230. [/div]
  231. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  232. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  233. Move
  234. [/div]
  235. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  236. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  237. Move
  238. [/div]
  239. [div=flex: 1 auto; font-size: .95rem; line-height: .9;]
  240. [div=display: inline; color: var(--colorOne); margin: 2px;]❉[/div]
  241. Move
  242. [/div]
  243. [/div]
  244. [/div]
  245. [/div]
  246. [/div]
  247. [/div]
  248. [div=display: block; width: 100%; background: var(--grad130); box-sizing: border-box; padding: 15px 5% 10px 5%; text-align: right; text-transform: uppercase; line-height: .9; color: var(--bgColor); font-size: .75rem; font-weight: bold;]fluticasone[/div]
  249. [/div]
  250. [div=z-index: 1; position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px;]
  251. [div=position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; background: var(--bgIMG) no-repeat center center/cover; filter: blur(8px);] [/div]
  252. [/div]
  253. [div=z-index: 2; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: var(--colorOne); background: var(--grad315); mix-blend-mode: hard-light;] [/div]
  254. [div=z-index: 3; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url(https://i.imgur.com/UdjBt1F.png) repeat; mix-blend-mode: soft-light; opacity: .75;] [/div]
  255. [/div]
  256. [/nobr]
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!