API tools faq
paste
xmfc009

akita sun profile

xmfc009
Aug 10th, 2020 (edited)
44
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.33 KB | None | 0 0
raw download clone embed print report
  1. <div id="story"><h1>Lorem ipsum dolor sit amet,</h1> consectetur adipiscing elit. Nam dictum scelerisque elit. Sed viverra efficitur efficitur. Sed volutpat odio ut risus luctus, eu ullamcorper augue ullamcorper. Quisque lacinia gravida sem a rutrum. Praesent sit amet tristique enim, a dignissim urna. Morbi porttitor augue sed dui viverra hendrerit. Phasellus placerat quam a augue posuere, sed consectetur risus ultrices. Maecenas sed ipsum sapien. Integer viverra turpis at elit faucibus, sit amet tempor sem lobortis.
  2. [p]
  3. [b]Pellentesque elementum lacinia tempor. Nullam malesuada pharetra nisl, ut lobortis neque sagittis in. Donec vitae ex nunc. Vestibulum viverra nibh in enim condimentum pulvinar. Duis luctus dui non sagittis blandit. Vivamus a vehicula ipsum, vitae venenatis mi. Aliquam rhoncus elementum consequat. Nulla cursus tincidunt imperdiet. Ut eget lacinia elit, sed gravida risus. Quisque luctus lorem at nibh condimentum vulputate. Aliquam vitae ex ipsum. Sed sed volutpat mauris.[/b]
  4. [p]
  5. [i]Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent nec orci quis mi porta lacinia. Suspendisse convallis mattis nibh, vitae sodales dui interdum vel. Sed egestas urna sapien, non tempus ligula posuere non. Sed justo magna, ultricies ac sem vel, congue fringilla leo. Aliquam eu velit sit amet arcu tempus faucibus molestie bibendum nisl. Sed laoreet nulla a justo consequat fringilla.[/i]
  6. [p]
  7. [u]Mauris cursus ante eu molestie commodo. In leo odio, vehicula vitae maximus ac, laoreet sed tortor. Quisque a luctus dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean porttitor justo sed magna ullamcorper, in dignissim dui porta. Nam rhoncus suscipit risus vel sollicitudin. Mauris volutpat eros at dignissim volutpat.[/u]
  8. [p]
  9. Duis luctus, justo vitae commodo congue, metus orci molestie quam, ut bibendum enim felis id neque. Vestibulum mattis tempor odio ut ultrices. Morbi id viverra metus, id tincidunt odio. Mauris sollicitudin ex in egestas lobortis. Phasellus vel magna eros. Suspendisse tincidunt nunc lacus, quis molestie mi dictum sit amet. Nulla nec dolor blandit, commodo neque eget, fermentum lacus. Donec pulvinar massa nec facilisis tincidunt.
  10.  
  11. [p]<div class="hr"></div>
  12.  
  13. [p]<h1>credits:</h1>
  14. [center]profile and coding by [userid=526420].
  15. [br]custom cursors from [url=http://oficinadehtml.tumblr.com/tagged/cursores]oficinadehtml[/url].
  16. [/center]
  17. </div>
  18. <div id="cov"></div><div class="bull">•</div>
  19.  
  20. <style>
  21. @import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto+Condensed&display=swap');
  22.  
  23. html {background-image:url(BACKGROUND DIRECT URL); background-repeat:no-repeat; background-position:top; background-size:cover; background-color:#3f4036;}
  24. body {background-color:transparent; background-image:url(PROFILE BODY DIRECT URL);
  25. background-repeat:no-repeat; background-position:left top; width:1200px!important; height:700px!important; overflow:hidden;
  26. position: absolute;}
  27. html, body {cursor:url('https://78.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_75sq.png'), auto;}
  28. a, .icon.heart {cursor:url('https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_75sq.png'), auto;}
  29.  
  30. html,body,#page,#main-content,#content{position:static!important;}
  31. .container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}
  32.  
  33. #content {height:auto!important; margin:0; padding:0; background-color:transparent;}
  34. #pet_info {margin:0; width:auto;}
  35. #page {margin:0; width:auto; background-color:transparent;}
  36. #column_1, #column_2, #column_3 {width:auto; padding:0;}
  37.  
  38. #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_minion, .pet_name, #pet_image, .pet_spotlight, .pet_color_info img, .legacy-name {display: none}
  39. #page, #header-lrc, #header-ban, #header-ban-main, #header-rrc {background: transparent}
  40.  
  41. /* fonts and colors */
  42.  
  43. td, p, body, div, a {font-family: 'Roboto Condensed', sans-serif; font-size:12px; color:#1a1019;}
  44. a:link, a:active, a:visited, a h3 {color:#1a1019; font-size:12px; font-family: 'Roboto Condensed', sans-serif;}
  45. a:hover, .icon.heart:hover, a h3:hover{color:#000; text-decoration:none;}
  46. .icon.heart, .icon.heart.red {color:#ffd58e; font-size:10px; font-weight:300; text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
  47.  
  48. ::-webkit-scrollbar{width:2px; border-radius:10px;}
  49. ::-webkit-scrollbar-thumb{background:#ffd58e;}
  50. #story::-webkit-scrollbar-thumb{background:#804b4a;}
  51. #story::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);}
  52. #pet_treasure::-webkit-scrollbar-track{background:rgba(76,54,30,0.3);}
  53.  
  54. .hr{height:1px; background:-webkit-linear-gradient(left, transparent, #543345, transparent);}
  55.  
  56. h1{font-size:18px!important; text-align:center; font-family:'Oswald', sans-serif; text-transform:uppercase; color:#543345; padding-bottom:5px;}
  57. h2{font-size:14px !important; display:inline-block;
  58. font-weight: normal}
  59. h3{font-size: 14px !important}
  60.  
  61. /* Pet Info */
  62.  
  63. .pet_color_info, .owner {position:absolute; top:220px; width:150px; color:#ffd58e; text-shadow:1px 1px 0px rgba(0,0,0,0.5); font-weight:normal;
  64. font-size:0px; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;}
  65. .pet_color_info {left:630px; text-align:right;}
  66. .owner {left:803px; text-align:left;}
  67. .pet_color_info:before, .owner:before {font-size:10px; font-family: 'Roboto Condensed', sans-serif;}
  68. .pet_color_info:before {content: 'the female custom sun paralix'}
  69. .owner:before {content: 'a character by ';}
  70. .owner a {font-size:10px; color:#ffd58e;}
  71. .owner a:hover {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
  72. .bull {position:absolute; top:220px; left:790px; color:#ffd58e;}
  73. .pet_like {position:absolute; top:206px; left:981px;}
  74.  
  75. #pet_treasure, #story {position:absolute; top:242px; height:198px; overflow-y:auto; overflow-x:hidden; margin:0px; padding:0px;}
  76. #story {left:610px; width:314px; padding-right:5px; text-align:justify;
  77. text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
  78. #pet_treasure {left:954px; width:66px; padding-right:10px;}
  79. .treasure_item {width:62px; height:62px; margin-left:3px; margin-top:3px; margin-bottom:3px;}
  80. .treasure_item img {opacity:0.4;}
  81. .treasure_item img:hover {opacity:1;}
  82.  
  83. /* transition speeds */
  84.  
  85. a, .icon.heart, a:hover, .icon.heart:hover, a h3, a h3:hover, .treasure_item img, .treasure_item img:hover, .owner a, .owner a:hover {transition: all .6s ease-in-out}
  86.  
  87. /* profile art */
  88.  
  89. #cov {position:absolute; left:208px; top:113px; width:383px; height:388px; background-image:url(FLOATY DIRECT URL);
  90. float: left;
  91. -webkit-animation-name: floatingx;
  92. -webkit-animation-duration: 7s;
  93. -webkit-animation-iteration-count: infinite;
  94. -webkit-animation-timing-function: ease-in-out;
  95. -moz-animation-name: floating;
  96. -moz-animation-duration: 7s;
  97. -moz-animation-iteration-count: infinite;
  98. -moz-animation-timing-function: ease-in-out;
  99. margin-left: 0px;
  100. margin-top: 0px;
  101.  
  102.  
  103. @-webkit-keyframes floatingx{
  104. from {-webkit-transform:translate(0, 0px);}
  105. 50% {-webkit-transform:translate(0, 20px);}
  106. to {-webkit-transform: translate(0, 0px); }
  107. }
  108.  
  109. @-moz-keyframes floating{
  110. from {-moz-transform:translate(0, 0px);}
  111. 50% {-moz-transform:translate(0, 20px);}
  112. to {-moz-transform: translate(0, 0px);}
  113. }
  114. }
  115.  
  116. .floating{
  117. float: left;
  118. -webkit-animation-name: floatingx;
  119. -webkit-animation-duration: 7s;
  120. -webkit-animation-iteration-count: infinite;
  121. -webkit-animation-timing-function: ease-in-out;
  122. -moz-animation-name: floating;
  123. -moz-animation-duration: 7s;
  124. -moz-animation-iteration-count: infinite;
  125. -moz-animation-timing-function: ease-in-out;
  126. margin-left: 0px;
  127. margin-top: 0px;
  128.  
  129. }
  130.  
  131. @-webkit-keyframes floatingx{
  132. from {-webkit-transform:translate(0, 0px);}
  133. 50% {-webkit-transform:translate(0, 20px);}
  134. to {-webkit-transform: translate(0, 0px); }
  135. }
  136.  
  137. @-moz-keyframes floating{
  138. from {-moz-transform:translate(0, 0px);}
  139. 50% {-moz-transform:translate(0, 20px);}
  140. to {-moz-transform: translate(0, 0px);}
  141. }
  142.  
  143. </style>
Add Comment
Please, Sign In to add comment
Public Pastes
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!