API tools faq
paste
Advertisement
ooksie

latte

ooksie
Mar 16th, 2019
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.61 KB | None | 0 0
raw download clone embed print report
  1. [div class=container][div class=cbgcut][div=height:20px;width:100px;position:relative;z-index:6;opacity:0.6;color: var(--color-1);float:right;top:-5px;left:10px;][font=Open Sans][SIZE=10px]⠀♡coded by uxie♡[/SIZE][/font][/div][/div][div class=sidebar][div class=sidebarimg][div class=sidebarimgh][div class=sbimght][font=Inconsolata]hit or miss, i guess they never miss huh. you got a boyfriend i bet he doesn't kiss ya; mwah! he gon find another girl and he won't miss ya! he gons skrrt and hit the dab like wiz khalifa[/font][/div][/div][/div][div class=sbname][font=Inconsolata]* bianca chung[/font][/div][div=font-size:10px;color: var(--color-2);text-align:center;margin:auto;font-weight:bold;position:relative;top:0px;]— [fa]fa-cloud[/fa] —[/div][div class=navicon][div class="button1 select"][font=Inconsolata]req.[/font][/div][div class=button2][font=Inconsolata]pers.[/font][/div][div class=button3][font=Inconsolata]hist.[/font][/div][div class=button4][font=Inconsolata]misc.[/font][/div]
  2.  
  3. [/div]
  4. [/div][div class=tabcon][div class=tab1][div class=basics][div=height:85px;width:85px;border-radius:4px;float:right;background: var(--img-2);background-size:100%;margin-right:5px;][div=position:relative;top:78px;left:10px;][div class=btag][font=Inconsolata]#OVER IT[/font][/div][/div][/div][div=height:86px;width:155px;background-color: var(--color-3);border-radius:5px;margin-left:5px;padding:5px;line-height:160%;][font=Josefin Sans][div class=btag][font=Inconsolata]* alias(es)[/font][/div]bee, idk yet lol
  5. [div class=btag][font=Inconsolata]* age[/font][/div]19
  6. [div class=btag][font=Inconsolata]* d.o.b.[/font][/div]dd mmm yyyy
  7. [div class=btag][font=Inconsolata]* sai score[/font][/div]2
  8. [div=display:inline-block;margin-top:3px;][div class=btag][font=Inconsolata]#FEMALE[/font][/div][color=Transparent]i[/color][div class=btag][font=Inconsolata]#ZODIAC[/font][/div][color=Transparent]i[/color][div class=btag][font=Inconsolata]#BISEXUAL[/font][/div][/div]
  9. [/font][/div]
  10. [/div][div class=appearance][div=height:180px;width:75px;border-radius:4px;float:left;background: var(--img-3);background-size:240%;background-position:60% 0%;][/div][div=height:170px;width:160px;margin-left:80px;padding:5px;][font=Josefin Sans][div class=atag][font=Inconsolata]* height[/font][/div] 168cm
  11. [div class=atag][font=Inconsolata]* weight[/font][/div] 52kg
  12. [div class=atag][font=Inconsolata]* eye colour[/font][/div] brown
  13. [div class=atag][font=Inconsolata]* hair colour[/font][/div] dark brown
  14. [div class=atag][font=Inconsolata]* body mods[/font][/div] earlobe piercing
  15. [div class=atag][font=Inconsolata]* style[/font][/div] [url='https://cdn2.i-scmp.com/sites/default/files/images/methode/2018/09/10/dfd4359a-a514-11e8-851a-8c4276191601_image_hires_110229.jpg'][fa]fa-cloud[/fa][/url] [url='http://n.sinaimg.cn/fashion/crawl/20170629/qoXt-fyhneam6173601.jpg'][fa]fa-cloud[/fa][/url] [url='https://i.pinimg.com/736x/94/cf/5d/94cf5df6752fb1c0ca60923c51d80295--bait-celebrities.jpg'][fa]fa-cloud[/fa][/url] [url='https://pbs.twimg.com/media/DP9iWS8UIAAepaa.jpg'][fa]fa-cloud[/fa][/url]
  16.  
  17. [/font][/div][/div]
  18. [/div][div class=tab2 style=display:none;][div=height:40px;width:220px;background-color: var(--color-3);border-radius:4px;display:inline-block;margin-right:10px;font-size:11px;text-transform:uppercase;font-weight:bold;padding-left:5px;][font=Josefin Sans]likes[/font]
  19. [div class=btag][font=Inconsolata]#like 1[/font][/div][div class=btag][font=Inconsolata]#like 2[/font][/div][div class=btag][font=Inconsolata]#like 3[/font][/div][/div]
  20. [div=height:40px;width:220px;background-color: var(--color-3);border-radius:4px;display:inline-block;font-size:11px;margin-top:5px;text-transform:uppercase;font-weight:bold;padding-left:5px;][font=Josefin Sans]dislikes[/font]
  21. [div class=btag][font=Inconsolata]#dlike 1[/font][/div][div class=btag][font=Inconsolata]#dlike 2[/font][/div][div class=btag][font=Inconsolata]#dlike 3[/font][/div][/div]
  22. [div=height:40px;width:220px;background-color: var(--color-3);border-radius:4px;display:inline-block;margin-right:10px;margin-top:5px;font-size:11px;text-transform:uppercase;font-weight:bold;padding-left:5px;][font=Josefin Sans]fears[/font]
  23. [div class=btag][font=Inconsolata]#fear 1[/font][/div][div class=btag][font=Inconsolata]#fear 2[/font][/div][div class=btag][font=Inconsolata]#fear 3[/font][/div][/div][div class=personality][div class=scroll][font=Josefin Sans][div class=atag][font=Inconsolata]* mbti[/font][/div] enfpfdjsjk
  24. [div class=atag][font=Inconsolata]* moral alignment[/font][/div] chaotic chaotic
  25. [div class=atag][font=Inconsolata]* personality[/font][/div]
  26. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae magna condimentum, imperdiet enim nec, euismod nisl. Duis et ante libero. Pellentesque in ornare nunc. Vestibulum nec urna ac odio mollis suscipit. Aliquam congue nulla odio, eget auctor orci tempus eu. Fusce imperdiet feugiat fermentum. Ut eu nisl eget lectus venenatis molestie. Praesent mattis tempor eleifend. Nam pretium, nulla commodo pellentesque lacinia, est ante tincidunt leo, a molestie nibh elit sit amet massa. Maecenas in volutpat ipsum. Phasellus non lorem in mi ornare vehicula eget a enim. Nunc faucibus condimentum elit nec accumsan. Nam et nunc neque. Morbi egestas eget ex eu maximus.
  27.  
  28. Vivamus fringilla, dui egestas rhoncus iaculis, nisi ex fringilla ipsum, eget lacinia neque lacus eget urna. Mauris elit neque, ornare et pharetra et, hendrerit vitae orci. Ut mi libero, gravida a bibendum a, interdum at mi. Donec id odio vel sapien lobortis euismod et ut tellus. Cras vel libero justo. Nulla pharetra maximus mi, et sollicitudin turpis venenatis quis. Etiam dui neque, consequat nec eros vel, ornare sodales tortor. Fusce nec velit vel ex sagittis molestie ut non nisl.
  29.  
  30. [/font][/div][/div]
  31. [/div][div class=tab3 style=display:none;][div=height:80px;width:80px;border-radius:4px;background: var(--img-4);background-size:100%;display:inline-block;position:relative;top:15px;display:inline-block;][/div][div=background-color: var(--color-3);border-radius:4px;height:50px;width:150px;display:inline-block;position:relative;top:10px;left:10px;font-size:10px;text-align:justify;color: var(--color-2);padding:5px;padding-bottom:0px;overflow:hidden;][div class=btag][font=Inconsolata]#bee says . . .[/font][/div][font=Josefin Sans][color=transparent]ho[/color]❝ we're not dating. stop texting me. and ur not allowed to call me bee. ❞
  32. [/font][/div][div=position:relative;top:15px;float:left;][div class=atag][font=Inconsolata]* biography[/font][/div][/div][div class=bio][div class=scroll][font=Josefin Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae magna condimentum, imperdiet enim nec, euismod nisl. Duis et ante libero. Pellentesque in ornare nunc. Vestibulum nec urna ac odio mollis suscipit. Aliquam congue nulla odio, eget auctor orci tempus eu. Fusce imperdiet feugiat fermentum. Ut eu nisl eget lectus venenatis molestie. Praesent mattis tempor eleifend. Nam pretium, nulla commodo pellentesque lacinia, est ante tincidunt leo, a molestie nibh elit sit amet massa. Maecenas in volutpat ipsum. Phasellus non lorem in mi ornare vehicula eget a enim. Nunc faucibus condimentum elit nec accumsan. Nam et nunc neque. Morbi egestas eget ex eu maximus.
  33.  
  34. Vivamus fringilla, dui egestas rhoncus iaculis, nisi ex fringilla ipsum, eget lacinia neque lacus eget urna. Mauris elit neque, ornare et pharetra et, hendrerit vitae orci. Ut mi libero, gravida a bibendum a, interdum at mi. Donec id odio vel sapien lobortis euismod et ut tellus. Cras vel libero justo. Nulla pharetra maximus mi, et sollicitudin turpis venenatis quis. Etiam dui neque, consequat nec eros vel, ornare sodales tortor. Fusce nec velit vel ex sagittis molestie ut non nisl.
  35.  
  36. [/font][/div][/div]
  37. [/div][div class=tab4 style=display:none;][div class=scroll][div=height:110px;width:110px;border:5px solid var(--color-3);background: var(--img-5);background-size:100%;display:inline-block;margin-right:10px;][/div][div=height:110px;width:110px;border:5px solid var(--color-3);background: var(--img-6);background-size:100%;display:inline-block;][/div]
  38. [div=height:110px;width:110px;border:5px solid var(--color-3);background: var(--img-7);background-size:100%;display:inline-block;margin-right:10px;][/div][div=height:110px;width:110px;border:5px solid var(--color-3);background: var(--img-8);background-size:100%;display:inline-block;][/div]
  39. [div class=misc][font=Josefin Sans][div class=atag][font=Inconsolata]* powers[/font][/div]
  40. [b][fa]fa-cloud[/fa] power here[/b]
  41. description descrpition
  42. [b][fa]fa-cloud[/fa] power here[/b]
  43. description descrpition
  44.  
  45. [div class=atag][font=Inconsolata]* nationality[/font][/div]
  46.  
  47. [div class=atag][font=Inconsolata]* extra[/font][/div]
  48.  
  49. [/font][/div]
  50. [/div][/div]
  51. [/div]
  52. [/div]
  53.  
  54. [nobr]
  55.  
  56. [class=container]
  57. --color-1: #f2d4c9;
  58. --color-2: #3D1412;
  59. --color-3: #f7edea;
  60. --color-4: #db362e;
  61. --color-5: #C25C48;
  62. --color-6: #ffd1cc;
  63. --img-1: url('https://66.media.tumblr.com/73427cd011555e4007f6a5aa8cf18605/tumblr_oxh5il9VdN1w6f1yao6_400.png');
  64. --img-2: url('https://66.media.tumblr.com/3dee3c3c3e94651193e409e1146061d6/tumblr_oxh5il9VdN1w6f1yao1_400.png');
  65. --img-3: url('https://66.media.tumblr.com/0b82d0252948bfe5b5a91175a98f64e2/tumblr_oxh5il9VdN1w6f1yao9_400.png');
  66. --img-4: url('https://66.media.tumblr.com/92a30badf6ceccf1681e15901d0b73f4/tumblr_oxh5il9VdN1w6f1yao3_400.png');
  67. --img-5: url('https://66.media.tumblr.com/52256407e9b6e4ba82a49a29654043f4/tumblr_oxh5il9VdN1w6f1yao5_400.png');
  68. --img-6: url('https://66.media.tumblr.com/df1f10a080e40529f7fab6697dadfb71/tumblr_oxh5il9VdN1w6f1yao7_400.png');
  69. --img-7: url('https://66.media.tumblr.com/1bea347d85c9d82c44b46910e5c25ca5/tumblr_oxh5il9VdN1w6f1yao2_400.png');
  70. --img-8: url('https://66.media.tumblr.com/6b7802f8b90d1ea9a9ac08ff43e83d10/tumblr_oxh5il9VdN1w6f1yao4_400.png');
  71. border:1px solid transparent;
  72. height:350px;
  73. width:500px;
  74. margin:auto;
  75. border-radius:4px;
  76. background-color: var(--color-1);
  77. position:relative;
  78. [/class]
  79.  
  80. [class=cbgcut]
  81. position:absolute;
  82. width:501px;
  83. height:130.5px;
  84. background-color: var(--color-2);
  85. clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
  86. border-top-left-radius:4px;
  87. border-top-right-radius:4px;
  88. top:-0.5px;
  89. [/class]
  90.  
  91. [class=sidebar]
  92. margin-top:20px;
  93. margin-left:20px;
  94. height:310px;
  95. width:160.5px;
  96. background-color: var(--color-3);
  97. border-radius:4px;
  98. z-index:6;
  99. position:relative;
  100. float:left;
  101. [/class]
  102.  
  103. [class=sidebarimg]
  104. width:160.5px;
  105. height:195px;
  106. background: var(--img-1);
  107. background-size:121.5%;
  108. background-position: 50% 0%;
  109. border-top-left-radius:4px;
  110. border-top-right-radius:4px;
  111. position:relative;
  112. [/class]
  113.  
  114. [class=sidebarimgh]
  115. width:160.5px;
  116. height:195px;
  117. background: var(--color-6);
  118. position:absolute;
  119. border-top-left-radius:4px;
  120. border-top-right-radius:4px;
  121. opacity:0;
  122. transition:0.5s;
  123. color: var(--color-2);
  124. [/class]
  125.  
  126. [class name=sidebarimgh state=hover]
  127. opacity:0.75;
  128. transition:0.5s;
  129. [/class]
  130.  
  131. [class=sbimght]
  132. height: 140px;
  133. width: 110px;
  134. margin:auto;
  135. margin-top:25px;
  136. font-size:9px;
  137. overflow:hidden;
  138. text-align:justify;
  139. [/class]
  140.  
  141. [class=sbname]
  142. font-size:16px;
  143. background-color: var(--color-4);
  144. width:127px;
  145. font-weight:bold;
  146. letter-spacing:0.5px;
  147. padding-left:5px;
  148. position:relative;
  149. top:-10px;
  150. left:-8px;
  151. border-top-right-radius:2px;
  152. border-bottom-right-radius:2px;
  153. color: var(--color-2);
  154. [/class]
  155.  
  156. [class=navicon]
  157. width:150px;
  158. height:60px;
  159. padding:5px;
  160. border:1px solid transparent;
  161. [/class]
  162.  
  163. [class=select]
  164. background-color: var(--color-4);
  165. [/class]
  166.  
  167. [class=button1]
  168. border:1px solid #848484;
  169. display:inline-block;
  170. height:18px;
  171. width:70px;
  172. font-size:12px;
  173. letter-spacing:1px;
  174. text-align:center;
  175. transition:0.5s;
  176. [/class]
  177.  
  178. [class name=button1 state=hover]
  179. background-color: var(--color-4);
  180. color: var(--color-3);
  181. transition:0.5s;
  182. cursor:pointer;
  183. [/class]
  184.  
  185. [script class=button1 on=click]
  186. removeClass select button4
  187. removeClass select button2
  188. removeClass select button3
  189. hide tab2
  190. hide tab3
  191. hide tab4
  192. addClass select
  193. show tab1
  194.  
  195. [/script]
  196.  
  197. [class=button2]
  198. border:1px solid #848484;
  199. display:inline-block;
  200. height:18px;
  201. width:70px;
  202. font-size:12px;
  203. letter-spacing:1px;
  204. text-align:center;
  205. transition:0.5s;
  206. margin-left:5px;
  207. [/class]
  208.  
  209. [class name=button2 state=hover]
  210. background-color: var(--color-4);
  211. color: var(--color-3);
  212. transition:0.5s;
  213. cursor:pointer;
  214. [/class]
  215.  
  216. [script class=button2 on=click]
  217. removeClass select button1
  218. removeClass select button4
  219. removeClass select button3
  220. hide tab1
  221. hide tab3
  222. hide tab4
  223. addClass select
  224. show tab2
  225. [/script]
  226.  
  227. [class=button3]
  228. border:1px solid #848484;
  229. display:inline-block;
  230. height:18px;
  231. width:70px;
  232. font-size:12px;
  233. letter-spacing:1px;
  234. text-align:center;
  235. transition:0.5s;
  236. margin-top:8px;
  237. [/class]
  238.  
  239. [class name=button3 state=hover]
  240. background-color: var(--color-4);
  241. color: var(--color-3);
  242. transition:0.5s;
  243. cursor:pointer;
  244. [/class]
  245.  
  246. [script class=button3 on=click]
  247. removeClass select button1
  248. removeClass select button2
  249. removeClass select button4
  250. hide tab2
  251. hide tab1
  252. hide tab4
  253. addClass select
  254. show tab3
  255. [/script]
  256.  
  257. [class=button4]
  258. border:1px solid #848484;
  259. display:inline-block;
  260. height:18px;
  261. width:70px;
  262. font-size:12px;
  263. letter-spacing:1px;
  264. text-align:center;
  265. transition:0.5s;
  266. margin-left:5px;
  267. margin-top:8px;
  268. [/class]
  269.  
  270. [class name=button4 state=hover]
  271. background-color: var(--color-4);
  272. transition:0.5s;
  273. cursor:pointer;
  274. color: var(--color-3);
  275. [/class]
  276.  
  277. [script class=button4 on=click]
  278. removeClass select button1
  279. removeClass select button2
  280. removeClass select button3
  281. hide tab2
  282. hide tab3
  283. hide tab1
  284. addClass select
  285. show tab4
  286. [/script]
  287.  
  288. [class=tabcon]
  289. height:310px;
  290. width:270px;
  291. margin-top:20px;
  292. float:left;
  293. z-index:7;
  294. position:relative;
  295. margin-left:25px;
  296. [/class]
  297.  
  298. [class=tab1]
  299. height:100%;
  300. width:100%;
  301. position:absolute;
  302. top:0px;
  303. [/class]
  304.  
  305. [class=basics]
  306. height:100px;
  307. width:100%;
  308. margin-top:5px;
  309. font-size:9.5px;
  310. border:1px solid transparent;
  311. position:relative;
  312. [/class]
  313.  
  314. [class=btag]
  315. background-color: var(--color-4);
  316. color: var(--color-2);
  317. font-size:10px;
  318. font-weight:bold;
  319. border-radius:3px;
  320. display:inline-block;
  321. min-width:25px;
  322. max-width:100px;
  323. padding-left:3px;
  324. padding-right:3px;
  325. margin-right:3px;
  326. height:14px;
  327. [/class]
  328.  
  329. [class=appearance]
  330. height:180px;
  331. width:250px;
  332. background: transparent;
  333. padding:5px;
  334. position:relative;
  335. top:5px;
  336. margin:auto;
  337. overflow:hidden;
  338. font-size:10.5px;
  339. [/class]
  340.  
  341. [class=atag]
  342. background-color: var(--color-4);
  343. color: var(--color-2);
  344. font-size:11px;
  345. font-weight:bold;
  346. border-radius:3px;
  347. display:inline-block;
  348. min-width:25px;
  349. max-width:100px;
  350. padding-left:3px;
  351. padding-right:3px;
  352. margin-right:3px;
  353. height:15px;
  354. margin-bottom:5px;
  355. [/class]
  356.  
  357. [class=scroll]
  358. height:100%;
  359. width:100%;
  360. overflow-y:scroll;
  361. padding-right:150px;
  362. [/class]
  363.  
  364. [class=tab2]
  365. height: calc(100% - 10px);
  366. width: calc(100% - 20px);
  367. position:absolute;
  368. top:0px;
  369. padding:10px;
  370. padding-top:5px;
  371. padding-bottom:5px;
  372. [/class]
  373.  
  374. [class=personality]
  375. width:250px;
  376. height:150px;
  377. margin-top:10px;
  378. padding:5px;
  379. color:var(--color-2);
  380. text-align:justify;
  381. font-size:10px;
  382. overflow:hidden;
  383. [/class]
  384.  
  385. [class=tab3]
  386. height: calc(100% - 10px);
  387. width: calc(100% - 20px);
  388. position:absolute;
  389. top:0px;
  390. padding:10px;
  391. [/class]
  392.  
  393. [class=bio]
  394. height:165px;
  395. width:250px;
  396. padding:5px;
  397. position:relative;
  398. top:10px;
  399. text-align:justify;
  400. color:var(--color-2);
  401. overflow:hidden;
  402. font-size:10px;
  403. [/class]
  404.  
  405. [class=tab4]
  406. height: calc(100% - 20px);
  407. width: calc(100% - 0px);
  408. position:absolute;
  409. top:0px;
  410. padding:10px;
  411. overflow:hidden;
  412. [/class]
  413.  
  414. [class=misc]
  415. width:240px;
  416. min-height:20px;
  417. max-height:500px;
  418. display:inline-block;
  419. text-align:justify;
  420. color: var(--color-2);
  421. font-size:10px;
  422. padding-left:5px;
  423. padding-top:5px;
  424. [/class]
  425.  
  426. [/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!