Advertisement
xmfc009

ibook aseri profile

Oct 15th, 2020
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.26 KB | None | 0 0
  1. <div id="story"><h1>lorem ipsum dolor sit amet,</h1>
  2. consectetur adipiscing elit. Pellentesque massa odio, vestibulum id malesuada in, pulvinar nec nisl. Vestibulum placerat convallis tortor, in tempus dolor vehicula at. Praesent sit amet ligula id odio euismod feugiat id vel nibh. Morbi non lorem turpis. Fusce rutrum elit eget sapien convallis, ac interdum metus sollicitudin. Suspendisse luctus vulputate ligula molestie varius. Etiam sed elit eu ipsum consequat semper eu at nisl.
  3. [p][b]Suspendisse potenti. Duis convallis purus id imperdiet tempor. Sed sed erat in ex sagittis rutrum ac at lacus. Proin ultrices odio pharetra ligula molestie blandit. Donec egestas, ante vitae pulvinar commodo, metus risus ultricies risus, ac porttitor arcu risus interdum nisi. Quisque quis augue pretium, luctus ante id, vehicula magna. Nam eu urna dictum, suscipit justo ac, facilisis velit. Mauris consequat lacus orci, id facilisis neque interdum vel. Phasellus at ipsum justo. Cras nec sem arcu. Donec porta venenatis ipsum a molestie. Nam nibh lorem, fermentum porttitor bibendum eu, finibus vel erat.[/b]
  4. [p][i]Fusce vel consequat lorem, id gravida elit. Nulla convallis nunc at massa lobortis, id dignissim nunc tincidunt. Pellentesque facilisis urna eget velit rutrum, at pharetra odio pharetra. Proin viverra metus lobortis ex ullamcorper, id bibendum ipsum faucibus. Nullam molestie eu lorem efficitur bibendum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam id congue nunc. Aliquam vulputate elit in mi aliquam pellentesque. Vestibulum lacinia ligula et massa suscipit, at rutrum orci iaculis. Morbi malesuada egestas turpis, vulputate vulputate lorem hendrerit in.[/i]
  5. [p][u]Curabitur malesuada commodo ligula, sed vestibulum eros varius eleifend. In hac habitasse platea dictumst. Nulla ultrices magna ac porttitor ultricies. Duis eu malesuada nunc. Sed sit amet ligula nunc. Fusce vitae egestas orci. Nulla at rhoncus enim, sit amet tempor lacus. Aenean ac vulputate eros. Aliquam a porttitor erat, eget pretium ligula.[/u]
  6. [p][url=https://subeta.net]Maecenas metus leo, tempus ut porta id, congue eget libero. Vivamus at tortor suscipit, ornare justo sed, dapibus mi. Etiam auctor risus sed venenatis pretium. Duis porta, augue et faucibus mollis, turpis enim efficitur libero, sit amet facilisis est diam at velit. Maecenas quis ultrices dolor, eget pellentesque lectus. Donec mauris tortor, viverra at risus fringilla, ullamcorper laoreet lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus suscipit lacus a tortor dapibus, et placerat urna accumsan. Quisque volutpat commodo consequat. Aliquam quam turpis, suscipit at efficitur in, pharetra sed nisl. Donec a posuere felis, ac tempus dolor. Duis in tortor massa. Integer pretium urna nec tellus rutrum, eget ultricies enim fringilla. Nunc pellentesque id tellus non porttitor.[/url]
  7.  
  8. [br][br]<div class="hr"></div>
  9.  
  10. [br][br]<h1>credits:</h1>
  11. [center]profile and coding by [userid=526420].
  12. [br]custom cursors from [url=http://oficinadehtml.tumblr.com/tagged/cursores]oficinadehtml[/url].
  13. [br]background pattern from [url=http://www.colourlovers.com/pattern/4714069/Misty_Highland_Pearl]colourlovers[/url].[/center]
  14. </div>
  15.  
  16.  
  17. <style>
  18. @import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto+Condensed&display=swap');
  19.  
  20. html {background:#201629 url(https://i.imgur.com/pCw5jsQ.png) repeat-x;}
  21. body {background:url(https://i.imgur.com/V7wmJ7e.png) no-repeat;
  22. cursor:url('https://78.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_75sq.png'), auto;
  23. width:1200px!important; height:700px!important; position: absolute;}
  24.  
  25. html, body, #page, #main-content, #content {position:static!important;}
  26. .container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}
  27.  
  28. #content {height:auto!important; margin:0; padding:0; background-color:transparent;}
  29. #pet_info {margin:0; width:auto;}
  30. #page {margin:0; width:auto; background-color:transparent;}
  31. #column_1, #column_2, #column_3 {width:auto; padding:0;}
  32.  
  33. #postcards, #menu, #sidebar, #rightbg, #bookmarks, #footer, .statbar, #column_1 h2, #column_3 h2, #pet_treasure h2, .pet_wco_info_date, .pet_age_info_date, #header, #stat_books_read, #stat_food_eaten, #pet_employment, #column_3 a, .statbar, .pet_wco_info_date, .pet_age_info_date, #pet_friends, .hustler, #cs_notice, .new-news-announcement-banner, .owner img, #pet_stats, .pet_name, #pet_image, .pet_color_info img {display: none}
  34. #page, #header-lrc, #header-ban, #header-ban-main, #header-rrc {background: transparent}
  35.  
  36.  
  37. /* fonts and colors */
  38.  
  39. td, p, body, div, a {font-family: 'Roboto Condensed', sans-serif; font-size:11px; color:#e5d2fc;}
  40. a:link, a:active, a:visited, a h3 {color:#ffa2a8; font-size:11px; font-family: 'Roboto Condensed', sans-serif;}
  41. a {cursor:url('https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_75sq.png'), auto;}
  42. a:hover, .icon.heart:hover, a h3:hover{color:#fff; text-decoration:none;}
  43. .icon.heart, .icon.heart.red {color:#e5d2fc; font-size:18px; font-weight:100;}
  44. .icon.heart:hover {color:#d64f54;}
  45.  
  46. ::-webkit-scrollbar {width:2px; border-radius:10px;}
  47. ::-webkit-scrollbar-thumb {background:#7a65a4;}
  48. ::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
  49.  
  50. .hr {background:-webkit-linear-gradient(left, transparent, #39294a, transparent); height:1px; margin:0px 20px 0px 20px;}
  51.  
  52. h1 {font-size:16px!important; font-weight:400; text-transform:uppercase; text-align:center; font-family:'Oswald', sans-serif; letter-spacing:2px; color:#ecdffd; padding-bottom:8px;}
  53. h2 {font-size:14px!important; display:inline-block; font-weight: normal}
  54. h3 {font-size: 14px!important}
  55.  
  56.  
  57. /* pet info */
  58.  
  59. .pet_spotlight, #pet_minion {position:absolute; background-color:rgba(0,0,0,0.2); padding:7px; border-radius:10px;
  60. width:120px; height:87px;}
  61. #pet_minion {left:267px; top:530px;}
  62. .pet_spotlight {left:485px; top:519px;}
  63. .pet_spotlight img, #pet_minion img {margin-top:4px; margin-bottom:1px; border-radius:34px; border:1px solid #000; width:50px; height:50px;}
  64.  
  65. .pet_color_info, .owner {position:absolute; left:440px; width:190px; font-size:0px; text-align:center; font-family: 'Roboto Condensed', sans-serif;
  66. text-transform:uppercase; color:#7a65a4;}
  67. .pet_color_info {top:465px;}
  68. .owner {top:478px;}
  69. .pet_color_info:before {font-size:10px; content: 'the female custom angel fester'}
  70. .owner:before {font-size:10px; content: 'owned by ';}
  71. .owner a {font-size:10px; color:#7a65a4;}
  72. .owner a:hover {color:#ffa2a8;}
  73. .pet_like {position:absolute; top:550px; left:424px; text-align:center; padding:8px 3px 7px 8px; border-radius:10px; background-color:rgba(0,0,0,0.2);}
  74.  
  75. #story, #pet_treasure {position:absolute; overflow:auto; padding-right:5px;
  76. text-shadow:1px 1px 0px rgba(0,0,0,0.3);}
  77. #story {top:250px; width:340px; height:190px; left:273px; text-align:justify;}
  78. #pet_treasure {top:32px; width:340px; height:182px; left:268px;}
  79.  
  80.  
  81. /* pet treasure item display */
  82.  
  83. .treasure_item img {width:50px; height:50px;
  84. border-radius:34px;
  85. border:1px solid #291c35;}
  86.  
  87. .treasure_item {margin:0px 6px 5px 0px; width:50px; height:60px;}
  88.  
  89.  
  90. /* transition speeds */
  91.  
  92. a, .icon.heart, a:hover, .icon.heart:hover, a h3, a h3:hover, .pet_spotlight, .pet_spotlight:hover {transition: all .6s ease-in-out}
  93.  
  94. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement