API tools faq
paste
Advertisement
Guest User

lilies

a guest
Dec 25th, 2019
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.78 KB | None | 0 0
raw download clone embed print report
  1. [div class=container][nobr]
  2. [div=display:none;][font=Abril Fatface]font call out[/font][font=Raleway]hello[/font][font=Hind]hello[/font][/div]
  3. [div class=img1]
  4. [div class=mentions][div class=scroll]
  5. [div class=tag]mood[/div] hello
  6. [br][/br][div class=tag]location[/div] hello
  7. [br][/br][div class=tag]outfit[/div] [url='https://66.media.tumblr.com/702205550de988de504aadd0a51c2f9e/tumblr_oq3li0Q3HF1v969kuo1_1280.jpg'][div class=outfit][fa]fas fa-gem[/fa][/div][/url]
  8. [br][/br][div class=tag]mentions[/div] hello
  9. [br][/br][div class=tag]tags[/div] @
  10. [br][/br][/div][/div]
  11. [/div]
  12. [div class=namecon]
  13. [div class=instruct]click me [div=font-style:oblique; display:inline]![/div][/div]
  14. [div class=role]the influencer[/div]
  15. [div class=name]hana.[/div]
  16. [div class=nameo]hana.[/div]
  17. [/div]
  18. [/nobr][div class=body][div class=scroll][div class=dialogue]"this is some dialogue."[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque ante libero, ut vestibulum velit rhoncus et. Duis semper vehicula leo, at vestibulum elit eleifend nec. Integer pharetra, orci ut tristique euismod, est ex gravida nulla, et vehicula urna urna sed nisi. Aliquam tristique fermentum dolor, in mollis arcu faucibus ut. In nec blandit nunc. Donec rhoncus fringilla elit ultricies hendrerit. Nulla et congue justo. Nullam feugiat, arcu nec lobortis tincidunt, justo enim malesuada orci, sit amet lobortis ipsum justo eu ex.
  19.  
  20. Nullam vel neque vel lectus iaculis semper id eu ex. Nunc eget semper nibh, ac fringilla nunc. Suspendisse dapibus turpis ornare eros eleifend gravida. Proin non odio elit. Integer fringilla, est eu pretium sollicitudin, nulla tortor commodo nulla, vel venenatis dui quam vel erat. Suspendisse potenti. Phasellus id odio ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec a risus dolor. Donec et mattis velit, eu imperdiet lectus. Mauris consectetur, elit vitae vulputate viverra, arcu leo bibendum dui, non finibus lectus sapien dignissim quam. Fusce tristique metus sed euismod accumsan.
  21.  
  22. Cras sed tellus pellentesque, euismod libero vel, mollis odio. Praesent pellentesque odio in orci dignissim, id consequat lacus tempus. In quis pulvinar turpis. Proin eleifend imperdiet risus. Suspendisse potenti. Nunc gravida velit in augue aliquam, sit amet maximus velit lobortis. Sed non justo purus. In tincidunt consequat libero, sed sagittis metus viverra quis. Cras non vestibulum quam. Suspendisse potenti. Praesent in eros est. Suspendisse potenti. Aenean condimentum, leo ac viverra sodales, nibh ligula ullamcorper lorem, at rhoncus neque metus quis metus.
  23. [/div][/div]
  24. [div=text-align:center;height:20px;width:100px;position:relative;top:-3px;z-index:6;opacity:0.6;color: var(--txt);margin:auto;][font=Open Sans][SIZE=10px]⠀♡coded by uxie♡[/SIZE][/font][/div][/div]
  25.  
  26.  
  27. [nobr]
  28.  
  29. [class=container]
  30. --img-1: url('https://i.pinimg.com/564x/11/4e/fd/114efd78f21f5f097e54bf803a0865ac.jpg');
  31. --bg: #fff;
  32. --mbg: #fff;
  33. --color-1: #DFC2B3;
  34. --nameoutline: #937e74;
  35. --border: #e2dcd9;
  36. --txt: #383230;
  37. cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important;
  38. [/class]
  39.  
  40. [class name=container minWidth="450px"]
  41. height: 350px;
  42. width: 450px;
  43. border:1px solid var(--border);
  44. margin:auto;
  45. display:flex;
  46. flex-flow: row wrap;
  47. position:relative;
  48. justify-content: space-between;
  49. background-color: var(--bg);
  50. [/class]
  51.  
  52. [class name=container maxWidth="449px"]
  53. height: 315px;
  54. width: calc(100% - 2px);
  55. border:1px solid var(--border);
  56. margin:auto;
  57. display:flex;
  58. flex-flow: row wrap;
  59. position:relative;
  60. justify-content: space-between;
  61. background-color: var(--bg);
  62. [/class]
  63.  
  64. [class name=img1 minWidth="450px"]
  65. height: 350px;
  66. width: 40%;
  67. background: var(--img-1);
  68. background-size:130%;
  69. background-position: 50% 50%;
  70. position:relative;
  71. [/class]
  72.  
  73. [class name=img1 maxWidth="449px"]
  74. height: 315px;
  75. width: 40%;
  76. background: var(--img-1);
  77. background-size:150%;
  78. background-position: 50% 50%;
  79. position:relative;
  80. [/class]
  81.  
  82. [class name=instruct minWidth="450px"]
  83. font-size:10px;
  84. font-family: 'Raleway' , sans-serif;
  85. color: var(--txt);
  86. position:absolute;
  87. bottom:7px;
  88. left:20%;
  89. [/class]
  90.  
  91. [class name=instruct maxWidth="449px"]
  92. font-size:10px;
  93. font-family: 'Raleway' , sans-serif;
  94. color: var(--txt);
  95. position:absolute;
  96. bottom:7px;
  97. left:3%;
  98. [/class]
  99.  
  100. [class name=namecon minWidth="450px"]
  101. height:16%;
  102. width: 60%;
  103. position:absolute;
  104. bottom:0px;
  105. right:0px;
  106. box-sizing:border-box;
  107. padding-left:5px;
  108. padding-bottom:5px;
  109. [/class]
  110.  
  111. [class name=namecon maxWidth="449px"]
  112. height:20%;
  113. width: 60%;
  114. position:absolute;
  115. bottom:0px;
  116. right:0px;
  117. box-sizing:border-box;
  118. padding-left:5px;
  119. padding-bottom:5px;
  120. [/class]
  121.  
  122. [script class=namecon on=click]
  123. fadeToggle 500 mentions
  124. [/script]
  125.  
  126. [class name=name minWidth="450px"]
  127. font-family: 'Abril Fatface', display;
  128. color: var(--color-1);
  129. font-size:55px;
  130. position:absolute;
  131. bottom:-16px;
  132. right:5px;
  133. letter-spacing: 2px;
  134. [/class]
  135.  
  136. [class name=name maxWidth="449px"]
  137. font-family: 'Abril Fatface', display;
  138. color: var(--color-1);
  139. font-size:55px;
  140. position:absolute;
  141. bottom:-16px;
  142. right:5px;
  143. letter-spacing: 2px;
  144. [/class]
  145.  
  146. [class name=nameo minWidth="450px"]
  147. z-index:7;
  148. font-family: 'Abril Fatface', display;
  149. color: transparent;
  150. -webkit-text-stroke: 1px var(--nameoutline);
  151. font-size:55px;
  152. position:absolute;
  153. bottom:-13px;
  154. right:2px;
  155. letter-spacing: 2px;
  156. [/class]
  157.  
  158. [class name=nameo maxWidth="449px"]
  159. z-index:7;
  160. font-family: 'Abril Fatface', display;
  161. color: transparent;
  162. -webkit-text-stroke: 1px var(--nameoutline);
  163. font-size:55px;
  164. position:absolute;
  165. bottom:-13px;
  166. right:2px;
  167. letter-spacing: 2px;
  168. [/class]
  169.  
  170. [class name=role minWidth="450px"]
  171. font-size:10px;
  172. z-index:6;
  173. font-family: 'Raleway' , sans-serif;
  174. font-style:oblique;
  175. letter-spacing:1px;
  176. font-weight:400;
  177. position:absolute;
  178. bottom:24px;
  179. left:13%;
  180. text-align:right;
  181. background-color: var(--color-1);
  182. padding:2.5px;
  183. padding-top:0.5px;
  184. padding-bottom:0.5px;
  185. [/class]
  186.  
  187. [class name=role maxWidth="449px"]
  188. font-size:9px;
  189. z-index:6;
  190. font-family: 'Raleway' , sans-serif;
  191. font-style:oblique;
  192. letter-spacing:1px;
  193. font-weight:400;
  194. position:absolute;
  195. top:0px;
  196. right:8px;
  197. text-align:right;
  198. background-color: var(--color-1);
  199. padding:2.5px;
  200. padding-top:0.5px;
  201. padding-bottom:0.5px;
  202. [/class]
  203.  
  204. [class name=body minWidth="450px"]
  205. font-family: 'Raleway' , sans-serif;
  206. color: var(--txt);
  207. height:84%;
  208. width:60%;
  209. padding:10px;
  210. box-sizing:border-box;
  211. overflow:hidden;
  212. font-size:10px;
  213. text-align:justify;
  214. line-height:150%;
  215. font-weight:500;
  216. [/class]
  217.  
  218. [class name=body maxWidth="449px"]
  219. font-family: 'Raleway' , sans-serif;
  220. color: var(--txt);
  221. height:80%;
  222. width:60%;
  223. padding:10px;
  224. box-sizing:border-box;
  225. overflow:hidden;
  226. font-size:10px;
  227. text-align:justify;
  228. line-height:150%;
  229. font-weight:500;
  230. [/class]
  231.  
  232. [class name=scroll minWidth="450px"]
  233. height:100%;
  234. width:107%;
  235. overflow-y:scroll;
  236. padding-right:40px;
  237. [/class]
  238.  
  239. [class name=scroll maxWidth="449px"]
  240. height:100%;
  241. width:100%;
  242. overflow-y:scroll;
  243. padding-right:40px;
  244. [/class]
  245.  
  246. [class=mentions]
  247. height:30%;
  248. width:90%;
  249. background-color: var(--mbg);
  250. position:absolute;
  251. bottom:8%;
  252. margin-left:5%;
  253. opacity:0.9;
  254. display:none;
  255. padding:10px;
  256. padding-top:8px;
  257. box-sizing:border-box;
  258. font-size:10px;
  259. text-align:left;
  260. font-family: 'Raleway' , sans-serif;
  261. color: var(--txt);
  262. overflow:hidden;
  263. letter-spacing:0.5px;
  264. [/class]
  265.  
  266. [class=tag]
  267. display:inline-block;
  268. border-bottom:1.5px solid var(--color-1);
  269. margin-top:2px;
  270. margin-right:2px;
  271. [/class]
  272.  
  273. [class name=dialogue]
  274. color: var(--color-1);
  275. font-weight:600;
  276. display:inline;
  277. letter-spacing:0.5px;
  278. [/class]
  279.  
  280. [class=outfit]
  281. display:inline;
  282. color:var(--txt);
  283. transition:0.4s;
  284. [/class]
  285.  
  286. [class name=outfit state=hover]
  287. color: var(--nameoutline);
  288. transition:0.4s;
  289. [/class]
  290.  
  291. [/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!