Advertisement
xmfc009

akita ferocious profile

Jan 24th, 2019
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.13 KB | None | 0 0
  1. <div id="story">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus ipsum elit, ac imperdiet libero interdum id. Duis risus velit, auctor eu lorem aliquet, bibendum eleifend neque. Nullam sollicitudin, nulla vel feugiat rutrum, elit dui fringilla velit, vel ornare leo neque vel libero. Mauris porta orci ac pulvinar iaculis. Vestibulum in nisi dui. Aenean auctor maximus felis, eu vulputate felis bibendum non. Phasellus efficitur mauris at luctus bibendum. Pellentesque dui metus, tristique sit amet purus a, imperdiet fermentum mi. Curabitur augue mauris, fringilla et dolor sit amet, elementum blandit est. Aliquam erat volutpat. Nam metus tellus, ultricies in diam vel, mollis ullamcorper eros. Sed efficitur risus massa, id faucibus quam tempor vitae. Pellentesque tempus lacus nec mauris dignissim accumsan. Donec finibus neque mauris.
  2. [p]
  3. Ut eget magna neque. Proin eget enim quis nisl blandit aliquam in id lorem. Nunc eleifend neque in lacus placerat aliquet. Quisque blandit sed nibh in volutpat. Praesent varius ullamcorper ipsum, ut maximus ligula aliquet eu. Morbi dictum consequat sapien in commodo. Sed vitae massa urna. Nunc a sollicitudin justo, non finibus tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis egestas ultrices massa, vel euismod ante elementum commodo. Praesent vitae mattis est.
  4. [p]
  5. Fusce in nibh efficitur, varius diam at, volutpat odio. Ut consectetur tincidunt massa non lobortis. Nam bibendum sem ut erat euismod, ut eleifend nibh accumsan. Donec vel lacinia justo, laoreet gravida nisi. In efficitur risus viverra ex hendrerit mollis. Praesent dui tellus, ultricies ut magna sit amet, volutpat elementum lacus. Cras sagittis dignissim magna, eu consequat neque cursus sit amet. Nulla dictum malesuada elit blandit consequat. Etiam aliquam ultrices hendrerit. Suspendisse justo nunc, molestie ut nisl ut, luctus cursus nulla. Aliquam ultrices nunc nec malesuada pulvinar. Nulla eu ultrices erat. Aliquam viverra, mauris ut lacinia bibendum, ipsum magna scelerisque lorem, quis laoreet augue dolor vel nunc. Morbi arcu dolor, imperdiet quis nulla ultricies, egestas scelerisque lacus. In fermentum ac libero in ornare.
  6. [p]
  7. Nunc dignissim nibh lorem, tempus imperdiet mauris bibendum quis. Maecenas hendrerit, arcu vitae tristique aliquet, velit magna fringilla lectus, id dictum mauris nisl ut ipsum. Integer sed elit venenatis, mollis quam quis, fringilla lacus. Integer ut efficitur purus. Donec erat metus, vehicula et varius viverra, fringilla et tortor. Nulla eleifend felis non varius consequat. Ut non turpis mollis, scelerisque turpis at, tristique dui. Praesent quis est quis lorem dictum commodo at porta sapien. Quisque eu velit diam.
  8. [p]
  9. Sed gravida lectus tortor. Mauris tempor tempor turpis ut lobortis. Praesent velit quam, scelerisque nec tortor eu, vulputate imperdiet purus. Maecenas vitae purus rhoncus odio varius iaculis sed non risus. Donec massa enim, sodales vel arcu ut, tempor volutpat sapien. Phasellus dictum sagittis libero, in tristique dui dignissim vitae. Etiam ex quam, pulvinar vel ipsum in, ullamcorper condimentum leo. Donec scelerisque sollicitudin ante non molestie. Nulla nunc nulla, aliquam cursus pretium vitae, imperdiet hendrerit nisl. Morbi eget nulla porta, tempus lorem ac, tempor libero. Vivamus lorem lacus, scelerisque vitae eleifend id, molestie porttitor ante.
  10.  
  11. [p]<div class="hr"></div>
  12. <h1>credits:</h1>
  13. [center]story, profile, and coding by [userid=526420].
  14. [br]background from [url=http://imgs.aixifan.com/live/1493808572159/1493808572159.jpg]ifuun[/url].
  15. [br]custom cursors from [url=http://oficinadehtml.tumblr.com/tagged/cursores]oficinadehtml[/url].
  16. [p]
  17. [/center]
  18. </div>
  19.  
  20.  
  21. <style>
  22.  
  23. @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
  24.  
  25. /* background, colors, etc */
  26.  
  27. html {background-image:url(https://i.imgur.com/7k907FM.png); background-repeat:no-repeat; background-size:cover; background-position:left bottom;}
  28. body {background-color:transparent; background-image:url(https://i.imgur.com/YF5WdoY.png); background-repeat:no-repeat; background-position: left bottom;
  29. width:1400px; height:650px; position:absolute; overflow:hidden; cursor:url('https://78.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_1280.png'), auto;}
  30.  
  31. html,body,#page,#main-content,#content{position:static!important; overflow:hidden;}
  32. .container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}
  33. #content {height: auto !important;margin:0; padding:0; background-color:transparent;}
  34. #page {margin: 0;width: auto;background-color: transparent;}
  35. #column_1, #column_2, #column_3 {width: auto;padding: 0;}
  36. #pet_info {margin:0; width:auto;}
  37.  
  38.  
  39. /* fonts */
  40.  
  41. a:link, a:active, a:visited, .icon.heart, .icon.heart.red, a h3{text-decoration:none; cursor:url('https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_75sq.png'), auto;}
  42. a:link, a:active, a:visited {color: #000;}
  43. a:hover, .icon.heart:hover, a h3:hover, .owner a:hover {color: #d52e33}
  44.  
  45. .hr{background: -webkit-linear-gradient(left, transparent, #333, transparent);}
  46.  
  47. td, p, body, div, a{font-family:'Open Sans Condensed', sans-serif;
  48. font-size: 12px}
  49.  
  50. h1{font-size: 15px !important; text-align:center; color: #222; text-transform:uppercase;}
  51. h2{font-size:13px !important; }
  52. h3{font-size: 14px !important}
  53.  
  54.  
  55. /* content */
  56.  
  57. .pet_color_info {bottom:119px; font-size:0px;}
  58. .pet_color_info:before {font-size:14px; content: 'the male custom bloodred telenine';}
  59. .pet_age_info_date {bottom:103px; font-size:14px;}
  60. .owner {bottom:84px; font-size:14px;}
  61. .owner a {font-size:14px; color:#000;}
  62. .owner a:hover {text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
  63. .owner, .pet_color_info, .pet_age_info_date {position:absolute; left:948px; width:227px;
  64. text-transform:uppercase; text-align:right; font-weight:bold;}
  65.  
  66. .pet_like {position:absolute; bottom:5px; left:697px; transform: rotate(-45deg); font-size:12px; margin:0px; padding:0px;}
  67. .icon.heart, .icon.heart.red {color:rgba(255,255,255,0.3)!important; opacity:1;}
  68.  
  69. #story {position:absolute; bottom:143px; left:725px; width:450px; height:400px; overflow:auto; padding-right:5px; font-weight:bold;
  70. color:#333; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.2); box-sizing: border-box; text-align:justify;
  71. background:rgba(225,227,224,0.05); border:5px solid rgba(225,227,224,0.05);}
  72. #story:hover {background:rgba(225,227,224,0.35); border:5px solid rgba(225,227,224,0.35);}
  73. #story, #story:hover {background-clip:padding-box;}
  74.  
  75. #pet_treasure {position:absolute; left:719px; bottom:12px; width:447px; height:50px; overflow:auto;}
  76. #pet_treasure::-webkit-scrollbar-thumb{background: #000}
  77. #pet_treasure::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);}
  78. .treasure_item{margin-left:10px; margin-bottom:5px;
  79. height:50px; width: 44px; filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
  80. .treasure_item:hover {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
  81. .treasure_item, .treasure_item:hover, #story, #story:hover, a, .icon.heart, .owner a, a:hover, .icon.heart:hover, .owner a:hover {transition: all .3s ease-in-out}
  82.  
  83. .treasure_item img{width:40px; height:40px;
  84. padding: 3px; margin: 3px;
  85. background-color: #ffffff;
  86. border:1px solid rgba(0,0,0,0.7);}
  87.  
  88.  
  89. /* getting rid of things */
  90.  
  91. #postcards, #menu, #sidebar, #rightbg, #bookmarks, #footer, .statbar, #column_1 h2, #column_3 h2, #pet_treasure h2, #header, #stat_books_read, #stat_food_eaten, #pet_employment, #column_3 a, .statbar, .pet_wco_info_date, #pet_friends, .hustler, #cs_notice, .new-news-announcement-banner, .owner img, .pet_color_info img, #pet_stats, #pet_minion, .pet_name, #pet_image, .pet_spotlight {display: none;}
  92. #page, #header-lrc, #header-ban, #header-ban-main, #header-rrc {background: transparent}
  93.  
  94.  
  95. /* misc */
  96.  
  97. td, p, body, div, a{line-height: 13px}
  98. h1{margin-bottom: 3px}
  99. h2{margin: 2px 2px 2px 0px;
  100. display: inline-block}
  101.  
  102. li{line-height: 13px}
  103.  
  104. .hr{height: 1px;
  105. width: 100%;
  106. margin-top: 20px;
  107. margin-bottom: 20px}
  108.  
  109.  
  110. ::-webkit-scrollbar{width:4px}
  111. ::-webkit-scrollbar-thumb{background: #FBFDFA}
  112. ::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);}
  113.  
  114. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement