API tools faq
paste
Advertisement
Guest User

princess

a guest
Mar 16th, 2019
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.66 KB | None | 0 0
raw download clone embed print report
  1. [div class=container][div=border-top-left-radius:4px;border-top-right-radius:4px;height:90px;width:481px;position:relative;top:0px;left:0px;margin:auto;center;background:url('https://78.media.tumblr.com/b5f3b47ab1780d6edbfeee3aeef3cad1/tumblr_o2vmljvgf51uxyv31o3_1280.png');background-size:100%;background-position:50% 50%;][div=height:3px;width:100px;position:relative;top:-5px;left:-5px;z-index:6;opacity:0.8;][font=Open Sans][COLOR=#cf98d3][SIZE=10px]⠀♡coded by uxie♡[/SIZE][/COLOR][/font][/div][font=Open Sans][/font][/div][font=Open Sans][div class=navi][div class=bigborder][div=height:110px;width:110px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/88fe5f1823ff1ab76d63b29c6d3f6f73/5BECE435/t51.2885-15/e35/27579842_157713725024231_3853580245793767424_n.jpg');background-size:110%;background-position:50% 30%;border-radius:50%;border:0px solid transparent;][/div][/div][div class=bigname][font=Mr Dafoe]name
  2. [div=position:relative;left:5px;top:-3px;]here[/div][/font][/div][div class=quote][font=Inconsolata]❝[color=#f268c8]princess[/color]? please, honey. it's [div=display:inline-block;color:white;font-weight:bold;background-color:#f268c8;padding:2px;padding-top:1px;padding-bottom:1px;letter-spacing:0.5px;]queen[/div].❞[/font][/div][div class=buttoncon][div class=button1]1.[/div][div class=button2]2.[/div][div class=button3]3.[/div][div class=button4]4.[/div]
  3.  
  4. [/div]
  5. [/div][div class=tabcon][div class=border1][div=height:75px;width:75px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/dbe8edb7bad908e5c84d1a029975451d/5BF505F0/t51.2885-15/e35/26151858_133395314131158_636294959611248640_n.jpg');background-size:100%;border-radius:50%;][/div][/div][div class=border2][div=height:45px;width:45px;background:url('https://scontent-sit4-1.cdninstagram.com/vp/ee9882e062df0494643e3d3860ee5ee3/5C016FBB/t51.2885-15/e35/19932379_1843565632628021_4133740915267207168_n.jpg');background-size:100%;border-radius:50%;][/div][/div][div class=tab1][div=height:22px;font-size:21px;color:white;text-shadow:2px 1px #cf98d3;letter-spacing:0.8px;position:relative;left:5px;top:-5px;margin-bottom:3px;][font=Cedarville Cursive]basics.[/font][/div][div=font-size:10px;color:#463649;margin-left:5px;text-align:justify;][font=Nunito Sans][b]full name[/b]
  6. [b]nickname(s)[/b]
  7. [b]age[/b]
  8. [b]gender[/b]
  9. [b]sexual orientation[/b]
  10. [b]trope[/b]
  11. [/font][/div][div=margin-top:3px;height:22px;font-size:21px;color:white;text-shadow:2px 1px #cf98d3;letter-spacing:0.8px;position:relative;left:5px;top:-5px;margin-bottom:3px;][font=Cedarville Cursive]appearance.[/font][/div][div=font-size:10px;color:#463649;margin-left:5px;text-align:justify;][font=Nunito Sans][b]height[/b]
  12. [b]weight[/b]
  13. [b]hair colour[/b]
  14. [b]eye colour[/b]
  15. [b]ethnicity[/b]
  16. [b]faceclaim[/b]
  17. [/font][/div]
  18. [/div][div class=tab2 style=display:none][div class=scroll][div=height:22px;font-size:21px;color:white;text-shadow:2px 1px #cf98d3;letter-spacing:0.8px;position:relative;left:5px;top:-5px;margin-bottom:3px;][font=Cedarville Cursive]personality[/font][/div][div=margin-bottom:5px;height:169px;width:240px;padding:2.5px;font-size:10px;color:#463649;margin-left:5px;text-align:justify;overflow:hidden;][div class=scroll][font=Nunito Sans]Sed est tellus, iaculis id orci id, interdum tincidunt sapien. Cras eu enim imperdiet, convallis nibh vel, lacinia ex. Proin arcu metus, pellentesque sit amet aliquam consequat, iaculis nec nisi. Ut facilisis et ante ut commodo. Sed quam massa, eleifend id mi sodales, facilisis consequat enim. Cras lacinia neque sit amet nulla laoreet luctus. Aliquam eleifend pulvinar porttitor. Suspendisse potenti. Cras sapien dolor, suscipit et magna eu, blandit euismod tortor. Nam at tincidunt est, suscipit ullamcorper mauris. Nulla gravida malesuada felis, id dapibus ex pharetra vitae. Duis cursus dolor eget elit aliquet consequat. Suspendisse auctor fringilla gravida. Donec non tellus a nibh lacinia consequat. Nulla id consequat nunc, ac viverra nulla.
  19. [/font][/div][/div][div=height:94px;width:110px;float:left;position:relative;left:5px;][div=height:19px;font-size:18px;color:white;text-shadow:2px 1px #cf98d3;letter-spacing:0.8px;position:relative;left:5px;top:-5px;margin-bottom:3px;][font=Cedarville Cursive]likes.[/font][/div][div=overflow:hidden;height:105px;width:110px;padding:2.5px;font-size:9px;color:#463649;margin-left:5px;text-align:justify;][div class=scroll][font=Nunito Sans]like 1
  20. like 2
  21. like 3
  22. like 4
  23. like 5
  24. [/font][/div][/div][/div][div=height:94px;width:110px;float:left;position:relative;left:15px;][div=height:19px;font-size:18px;color:white;text-shadow:2px 1px #cf98d3;letter-spacing:0.8px;position:relative;left:5px;top:-5px;margin-bottom:3px;][font=Cedarville Cursive]dislikes.[/font][/div][div=overflow:hidden;height:105px;width:110px;padding:2.5px;font-size:9px;color:#463649;margin-left:5px;text-align:justify;][div class=scroll][font=Nunito Sans]like 1
  25. like 2
  26. like 3
  27. like 4
  28. like 5
  29.  
  30. [/font][/div][/div][/div]
  31. [/div][/div][div class=tab3 style=display:none][div class=scroll][div=height:22px;font-size:21px;color:white;text-shadow:2px 1px #cf98d3;letter-spacing:0.8px;position:relative;left:5px;top:-5px;margin-bottom:3px;][font=Cedarville Cursive]misc.[/font][/div][div=font-size:10px;color:#463649;margin-left:5px;text-align:justify;][font=Nunito Sans][b]brief history[/b]
  32.  
  33. [b]why you're in detention[/b]
  34.  
  35. [b]extra[/b]
  36. [/font][/div]
  37.  
  38.  
  39. [/div][/div][div class=tab4 style=display:none][div class=scroll][div=font-size:21px;color:white;text-shadow:2px 1px #cf98d3;letter-spacing:0.8px;position:relative;left:5px;top:-5px;margin-bottom:3px;][font=Cedarville Cursive]relationships.[/font][/div][div=border-radius:50%;height:65px;width:65px;padding:5px;border:1px solid white;margin-left:5px;position:absolute;z-index:6;][div=background:url('https://i.pinimg.com/736x/fd/dc/99/fddc99d0034524ceed97cfd3d8abe43f--emmy-rossum-beautiful-people.jpg');background-size:100%;height:65px;width:65px;border-radius:50%;][/div][/div][div=height:28px;width:85px;background-color:#f268c8;position:relative;top:15px;left:65px;padding-left:25px;border-top-right-radius:1px;border-bottom-right-radius:1px;padding-right:5px;][div=font-size:19px;color:white;font-weight:bold;font-variant:small-caps;position:absolute;top:4px;][font=Roboto]name here[/font][/div][/div][div=background-color:#ffeaff;border-radius:1px;height:75px;width:144px;position:relative;left:65px;top:20.5px;color:#463649;padding:3px;padding-left:22px;font-size:9px;overflow:hidden;text-align:justify;][div=overflow-y:auto;height:75px;width:148px;padding-right:50px;][font=Inconsolata]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent semper varius eros eu venenatis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec pulvinar dignissim lobortis. Duis nunc sapien, suscipit at dolor nec, varius placerat diam. Suspendisse fringilla efficitur euismod. Aliquam sollicitudin ipsum ut erat congue imperdiet. Donec nulla augue, tincidunt eget massa quis, euismod porta ex. Ut a finibus augue, at rhoncus ex. Sed rutrum libero ut rhoncus rhoncus. Etiam aliquet pretium magna eget tristique. Donec venenatis mollis lacinia. Sed convallis, diam vitae efficitur facilisis, sapien mauris faucibus enim, condimentum varius ex quam a neque. Sed sit amet tortor porttitor, varius sem sed, semper erat. Sed euismod fermentum augue, id molestie dui finibus id. Quisque euismod, neque id luctus pharetra, risus mi imperdiet nunc, id ullamcorper dolor diam vitae neque. Integer commodo elit eu nibh congue, in tincidunt mauris fringilla.
  40.  
  41. Duis efficitur imperdiet sapien, quis imperdiet diam pharetra vel. Duis tortor risus, viverra id orci et, vestibulum lacinia ante. Praesent id volutpat lorem. Fusce sodales, lorem ultrices cursus porta, risus felis iaculis turpis, a convallis mauris magna a odio. Mauris neque justo, blandit non aliquet eget, ultricies nec leo. Vivamus facilisis et diam ut ornare. Proin semper auctor erat, in pretium orci eleifend sed. Proin et dui sed ante tristique facilisis in quis nisl.
  42. [/font][/div][/div]
  43.  
  44. [div=border-radius:50%;height:65px;width:65px;padding:5px;border:1px solid white;margin-left:160px;position:absolute;z-index:6;][div=background:url('https://78.media.tumblr.com/fd275de9bb1d036a54e92e8bc2e2a606/tumblr_oktertUsSE1vkk23fo1_250.png');background-size:100%;height:65px;width:65px;border-radius:50%;][/div][/div][div=height:28px;width:90px;background-color:#f268c8;position:relative;top:15px;left:60px;padding-left:15px;border-top-right-radius:1px;border-bottom-right-radius:1px;padding-right:10px;][div=font-size:19px;color:white;font-weight:bold;font-variant:small-caps;position:absolute;top:4px;text-align:right;][font=Roboto]name here[/font][/div][/div][div=background-color:#ffeaff;border-radius:1px;height:75px;width:148px;position:relative;left:11px;top:20.5px;color:#463649;padding:3px;padding-left:18px;font-size:9px;overflow:hidden;text-align:justify;][div=overflow-y:auto;height:75px;width:148px;padding-right:50px;][font=Inconsolata]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent semper varius eros eu venenatis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec pulvinar dignissim lobortis. Duis nunc sapien, suscipit at dolor nec, varius placerat diam. Suspendisse fringilla efficitur euismod. Aliquam sollicitudin ipsum ut erat congue imperdiet. Donec nulla augue, tincidunt eget massa quis, euismod porta ex. Ut a finibus augue, at rhoncus ex. Sed rutrum libero ut rhoncus rhoncus. Etiam aliquet pretium magna eget tristique. Donec venenatis mollis lacinia. Sed convallis, diam vitae efficitur facilisis, sapien mauris faucibus enim, condimentum varius ex quam a neque. Sed sit amet tortor porttitor, varius sem sed, semper erat. Sed euismod fermentum augue, id molestie dui finibus id. Quisque euismod, neque id luctus pharetra, risus mi imperdiet nunc, id ullamcorper dolor diam vitae neque. Integer commodo elit eu nibh congue, in tincidunt mauris fringilla.
  45.  
  46. Duis efficitur imperdiet sapien, quis imperdiet diam pharetra vel. Duis tortor risus, viverra id orci et, vestibulum lacinia ante. Praesent id volutpat lorem. Fusce sodales, lorem ultrices cursus porta, risus felis iaculis turpis, a convallis mauris magna a odio. Mauris neque justo, blandit non aliquet eget, ultricies nec leo. Vivamus facilisis et diam ut ornare. Proin semper auctor erat, in pretium orci eleifend sed. Proin et dui sed ante tristique facilisis in quis nisl.
  47. [/font][/div][/div]
  48.  
  49. [/div][/div]
  50.  
  51. [/div]
  52. [nobr]
  53. [class=container]
  54. height:360px;
  55. width:480px;
  56. background-color:#f9d1ed;
  57. margin:auto;
  58. position:Relative;
  59. border-radius:4px;
  60. [/class]
  61.  
  62. [class=navi]
  63. height:270px;
  64. width:190px;
  65. float:left;
  66. position:relative;
  67. cursor:default;
  68. [/class]
  69.  
  70. [script class=navi on=mouseenter]
  71. addClass reveal bigborder
  72. addClass namech bigname
  73. addClass namech quote
  74. addClass appear buttoncon
  75. removeClass hide bigborder
  76. removeClass disappear buttoncon
  77. [/script]
  78.  
  79. [script class=navi on=mouseleave]
  80. removeClass reveal bigborder
  81. removeClass namech bigname
  82. removeClass namech quote
  83. removeClass appear buttoncon
  84. addClass disappear buttoncon
  85. addClass hide bigborder
  86. [/script]
  87.  
  88. [class=bigborder]
  89. height:110px;
  90. width:110px;
  91. border:1px solid #cf98d3;
  92. padding:8px;
  93. position:absolute;
  94. left:36.5px;
  95. top:25px;
  96. border-radius:50%;
  97. transition:0.3s;
  98. z-index:6;
  99. [/class]
  100.  
  101. [class=bigname]
  102. font-size:31px;
  103. color:white;
  104. text-shadow:2px 1px #cf98d3;
  105. transition:0.4s;
  106. letter-spacing:1px;
  107. line-height:70%;
  108. text-align:justify;
  109. position:relative;
  110. top:143px;
  111. margin-left:45px;
  112. transform:rotate(-10deg);
  113. z-index:7;
  114. [/class]
  115.  
  116. [class=quote]
  117. font-size:8px;
  118. color:#cf98d3;
  119. text-align:justify;
  120. max-width:175px;
  121. transform:rotate(-10deg);
  122. z-index:7;
  123. margin-left:27px;
  124. letter-spacing:0.5ps;
  125. transition:0.4s;
  126. position:relative;
  127. top:160px;
  128. text-transform:uppercase;
  129. [/class]
  130.  
  131. [class=namech]
  132. transform:scale(1.1) rotate(-15deg);
  133. transition:0.4s;
  134. [/class]
  135.  
  136. [class=reveal]
  137. animation-name: {post_id}reveal;
  138. animation-duration:0.4s;
  139. animation-fill-mode:forwards;
  140. [/class]
  141.  
  142. [class=hide]
  143. animation-name: {post_id}hide;
  144. animation-duration:0.4s;
  145. animation-fill-mode:forwards;
  146. [/class]
  147.  
  148. [animation=reveal]
  149. [keyframe=0]
  150. transform: scale(1) translateX(0px);
  151. [/keyframe]
  152. [keyframe=100]
  153. transform: scale(1.05) translateX(15px);
  154. [/keyframe]
  155. [/animation]
  156.  
  157. [animation=hide]
  158. [keyframe=0]
  159. transform: scale(1.05) translateX(15px);
  160. [/keyframe]
  161. [keyframe=100]
  162. transform: scale(1) translateX(0px);
  163. [/keyframe]
  164. [/animation]
  165.  
  166. [class=buttoncon]
  167. height:120px;
  168. width:40px;
  169. position:absolute;
  170. top:30px;
  171. left:15px;
  172. line-height:100%;
  173. text-align:center;
  174. opacity:0;
  175. transform:scale(0.2);
  176. [/class]
  177.  
  178. [class=button1]
  179. height:23px;
  180. width:23px;
  181. border-radius:10px;
  182. font-size:24px;
  183. text-align:center;
  184. padding:3px;
  185. padding-top:5px;
  186. padding-bottom:1px;
  187. color:#f9d1ed;
  188. font-weight:bold;
  189. text-shadow:2px 2px white;
  190. background-color:transparent;
  191. transition:0.4s;
  192. [/class]
  193.  
  194. [class name=button1 state=hover]
  195. background-color:#cf98d3;
  196. transform:rotate(10deg);
  197. color:#cf98d3;
  198. transition:0.4s;
  199. cursor:pointer;
  200. [/class]
  201.  
  202. [script class=button1 on=click]
  203. hide tab2
  204. hide tab3
  205. hide tab4
  206. show tab1
  207. [/script]
  208.  
  209. [class=button2]
  210. height:23px;
  211. width:23px;
  212. border-radius:10px;
  213. font-size:24px;
  214. text-align:center;
  215. padding:3px;
  216. padding-top:5px;
  217. padding-bottom:1px;
  218. color:#f9d1ed;
  219. font-weight:bold;
  220. text-shadow:2px 2px white;
  221. background-color:transparent;
  222. transition:0.4s;
  223. [/class]
  224.  
  225. [class name=button2 state=hover]
  226. background-color:#cf98d3;
  227. transform:rotate(10deg);
  228. color:#cf98d3;
  229. transition:0.4s;
  230. cursor:pointer;
  231. [/class]
  232.  
  233. [script class=button2 on=click]
  234. hide tab1
  235. hide tab3
  236. hide tab4
  237. show tab2
  238. [/script]
  239.  
  240. [class=button3]
  241. height:23px;
  242. width:23px;
  243. border-radius:10px;
  244. font-size:24px;
  245. text-align:center;
  246. padding:3px;
  247. padding-top:5px;
  248. padding-bottom:1px;
  249. color:#f9d1ed;
  250. font-weight:bold;
  251. text-shadow:2px 2px white;
  252. background-color:transparent;
  253. transition:0.4s;
  254. [/class]
  255.  
  256. [class name=button3 state=hover]
  257. background-color:#cf98d3;
  258. transform:rotate(10deg);
  259. color:#cf98d3;
  260. transition:0.4s;
  261. cursor:pointer;
  262. [/class]
  263.  
  264. [script class=button3 on=click]
  265. hide tab1
  266. hide tab2
  267. hide tab4
  268. show tab3
  269. [/script]
  270.  
  271. [class=button4]
  272. height:23px;
  273. width:23px;
  274. border-radius:10px;
  275. font-size:24px;
  276. text-align:center;
  277. padding:3px;
  278. padding-top:5px;
  279. padding-bottom:1px;
  280. color:#f9d1ed;
  281. font-weight:bold;
  282. text-shadow:2px 2px white;
  283. background-color:transparent;
  284. transition:0.4s;
  285. [/class]
  286.  
  287. [class name=button4 state=hover]
  288. background-color:#cf98d3;
  289. transform:rotate(10deg);
  290. color:#cf98d3;
  291. transition:0.4s;
  292. cursor:pointer;
  293. [/class]
  294.  
  295. [script class=button4 on=click]
  296. hide tab1
  297. hide tab2
  298. hide tab3
  299. show tab4
  300. [/script]
  301.  
  302. [class=appear]
  303. animation-name: {post_id}appear;
  304. animation-duration:0.5s;
  305. animation-fill-mode:forwards;
  306. [/class]
  307.  
  308. [class=disappear]
  309. animation-name: {post_id}disappear;
  310. animation-duration:0.5s;
  311. animation-fill-mode:forwards;
  312. [/class]
  313.  
  314. [animation=appear]
  315. [keyframe=0]
  316. transform:translateX(10px) scale(0.2);
  317. opacity:0;
  318. [/keyframe]
  319. [keyframe=1]
  320. transform:translateX(10px) scale(0.2);
  321. opacity:1;
  322. [/keyframe]
  323. [keyframe=100]
  324. transform:translateX(0px) scale(1);
  325. opacity:1;
  326. [/keyframe]
  327. [/animation]
  328.  
  329. [animation=disappear]
  330. [keyframe=0]
  331. transform:translateX(0px) scale(1);
  332. opacity:1;
  333. [/keyframe]
  334. [keyframe=99]
  335. transform:translateX(9px) scale(0.21);
  336. opacity:0;
  337. [/keyframe]
  338. [keyframe=100]
  339. transform:translateX(10px) scale(0.2);
  340. opacity:0;
  341. [/keyframe]
  342. [/animation]
  343.  
  344. [class=tabcon]
  345. height:240px;
  346. width:255px;
  347. display:inline-block;
  348. position:relative;
  349. left:5px;
  350. padding:15px;
  351. [/class]
  352.  
  353. [class=border1]
  354. height:75px;
  355. width:75px;
  356. border:1px solid #cf98d3;
  357. padding:5px;
  358. position:absolute;
  359. left:135px;
  360. top:-55px;
  361. border-radius:50%;
  362. z-index:7;
  363. transition:0.4s;
  364. [/class]
  365.  
  366. [class name=border1 state=hover]
  367. transform:scale(1.1);
  368. transition:0.4s;
  369. [/class]
  370.  
  371. [class=border2]
  372. height:45px;
  373. width:45px;
  374. border:1px solid #cf98d3;
  375. padding:5px;
  376. position:absolute;
  377. left:208px;
  378. top:-45px;
  379. border-radius:50%;
  380. z-index:7;
  381. transition:0.4s;
  382. [/class]
  383.  
  384. [class name=border2 state=hover]
  385. transform:scale(1.1);
  386. transition:0.4s;
  387. [/class]
  388.  
  389. [class=scroll]
  390. height:100%;
  391. width:100%;
  392. overflow-y:auto;
  393. padding-right:50px;
  394. position:relative;
  395. [/class]
  396.  
  397. [class=tab1]
  398. height:230px;
  399. width:245px;
  400. border-radius:5px;
  401. position:absolute;
  402. padding:5px;
  403. background-color:#ffeaff;
  404. overflow:hidden;
  405. [/class]
  406.  
  407. [class=tab2]
  408. height:230px;
  409. width:245px;
  410. border-radius:5px;
  411. position:absolute;
  412. padding:5px;
  413. background-color:#ffeaff;
  414. overflow:hidden;
  415. [/class]
  416.  
  417. [class=tab3]
  418. height:230px;
  419. width:245px;
  420. border-radius:5px;
  421. position:absolute;
  422. padding:5px;
  423. background-color:#ffeaff;
  424. overflow:hidden;
  425. [/class]
  426.  
  427. [class=tab4]
  428. height:230px;
  429. width:245px;
  430. border-radius:5px;
  431. position:absolute;
  432. padding:5px;
  433. overflow:hidden;
  434. [/class]
  435.  
  436. [/nobr][/font][/div]
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!