chira

Intergalactic

Jun 10th, 2018
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.28 KB | None | 0 0
  1. <style>
  2.  
  3. #postcards, #header, #menu, #sidebar, footer, #bookmarks, #rightbg { display:none; }
  4. #content, #page { background-color:transparent !important;height: auto !important; }
  5.  
  6. #pet_info { margin: 0 !important; border: 0; height:950px !important; width: 500px !important; }
  7. #page { min-height:0px !important; width:100%; overflow: hidden;}
  8. #content { margin:0 auto !important; height: auto !important; width: 650px !important; overflow:hidden; padding:0; }
  9. #pet_desc { padding:0; }
  10.  
  11.  
  12. .pet_color_info {font: Impact; font-size:10px; font-weight: bold; color: transparent; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); text-align: center; text-transform:lowercase; position: absolute; top:380px; left: 140px; width: 155px; z-index: 30; }
  13. .pet_color_info img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
  14.  
  15. .owner {font: Impact; font-size:10px; font-weight: bold; color: transparent; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); text-align: center; text-transform:lowercase; position: absolute; top:380px; left:297px; width: 155px; z-index: 30; }
  16. .owner a:link {font: Impact; font-size:10px; color: transparent; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); }
  17. .owner a:visited {font: Impact; font-size:10px; color: transparent; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); }
  18.  
  19. .pet_like {position:absolute; top:345px; left: 103px; color: #fff1c7; font-size:10px; z-index: 99; padding: 0; margin: 0;}
  20. .pet_like a {color: #fff1c7; z-index: 99;}
  21. .pet_like a:hover {color: #a82d60; text-decoration:none; z-index: 99;}
  22. .pet_like a:visited {color: #a82d60; z-index: 99;}
  23. i.icon:hover {color:#a82d60; text-decoration:none; z-index: 99;}
  24.  
  25. .ui.message, .floating_item, #random_events { display:none; }
  26.  
  27. .pet_age_info_date, .pet_wco_info_date, h2, h1, #pet_image, #pet_friends, #column_3 br+a, .weapon_item, .owner img, #pet_employment, #stat_food_eaten,
  28. #pet_stats { display:none; }
  29.  
  30. html,body { height: 100%, width: 500px; }
  31.  
  32. html, body {background-color: #00000;
  33. background:url(https://i.imgur.com/IUJETxi.png) repeat top left;
  34. font-family:Tahoma; font-size:14px !important; color:#2a0903; z-index:1;
  35. overflow: -moz-scrollbars-none;
  36. }
  37.  
  38. body {background-color: transparent;
  39. background:url(https://i.imgur.com/8WjTY2x.png) repeat top left;
  40. font-family:Tahoma; font-size:14px !important; color:#2a0903; z-index:1;
  41. overflow: -moz-scrollbars-none;
  42. overflow: hidden;
  43.  
  44. -moz-animation:move-twink-back 300s linear infinite;
  45. -ms-animation:move-twink-back 300s linear infinite;
  46. -o-animation:move-twink-back 300s linear infinite;
  47. -webkit-animation:move-twink-back 300s linear infinite;
  48. animation:move-twink-back 300s linear infinite;
  49. }
  50.  
  51.  
  52. #story
  53. {position: absolute;
  54. width: 280px; height: 130px;
  55. top: 400px; left: 155px;
  56. padding-top: 15px; padding-bottom: 15px;
  57. font: Impact; font-size:12px; color: #fff1c7;
  58. z-index:30; overflow: auto;}
  59.  
  60. a:link , a:hover, a:visited, a:active {color:#fff1c7; }
  61.  
  62. #boxbg {
  63. background: url(https://i.imgur.com/BekdCgj.png) no-repeat center top;
  64. height:584px; width:424px; top: 30px; margin-left: 50px; position: absolute; z-index:25;}
  65.  
  66. #pet_treasure {
  67. position: absolute; background-color: #4a5675;
  68. top: 600px; left: 122px;
  69. height: 0px; width: 347px;
  70. font-family:Times New Roman; font-size:12px !important; color:#fff1c7;
  71. z-index:99; text-decoration:none; overflow: hidden;
  72. padding: 5px 0px 0px 5px;
  73. border-bottom: 15px solid #4a5675;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-ms-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;z-index:99
  74. }
  75. #pet_treasure:hover {height: 100px; overflow: auto; }
  76.  
  77. .treasure_item {margin-left: 2px; height: 40px; width:40px; padding: 2px;}
  78. #pet_treasure img {padding: 1px; border: 1px solid #e8aa8f; opacity: 0.2; -webkit-transition: opacity .8s; -moz-transition: opacity .8s; }
  79. #pet_treasure img:hover {padding:1px; opacity: 1.0; border: 1px solid #e8aa8f;}
  80. div.treasure_item {height:54px; width:54px;}
  81.  
  82. #pet_minion {
  83. position: absolute; background-color: #4a5675;
  84. top: 400px; left: 103px;
  85. height: 144px; width: 0px;
  86. font-family:Times New Roman; font-size:12px !important; color:#fff1c7;
  87. z-index:99; text-decoration:none; overflow: hidden;
  88. padding: 0px -2px 0px 5px;
  89. border-left: 17px solid #4a5675;
  90. border-top-left-radius: 5px;
  91. border-bottom-left-radius: 5px;
  92. border-top: 5px solid #4a5675;
  93. border-bottom: 5px solid #4a5675;
  94. margin: 0;
  95. -webkit-transition: all 2s ease;-moz-transition: all 2s ease;-ms-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;z-index:99
  96. }
  97.  
  98. #pet_minion:hover {width: 80px; margin-left: -80px; overflow: hidden; }
  99.  
  100.  
  101. @keyframes move-twink-back {
  102. from {background-position:0 0;}
  103. to {background-position:-10000px 5000px;}
  104. }
  105. @-webkit-keyframes move-twink-back {
  106. from {background-position:0 0;}
  107. to {background-position:-10000px 5000px;}
  108. }
  109. @-moz-keyframes move-twink-back {
  110. from {background-position:0 0;}
  111. to {background-position:-10000px 5000px;}
  112. }
  113. @-ms-keyframes move-twink-back {
  114. from {background-position:0 0;}
  115. to {background-position:-10000px 5000px;}
  116. }
  117.  
  118.  
  119.  
  120. ::-webkit-scrollbar {
  121. width: 3px;}
  122. ::-webkit-scrollbar-track {
  123. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  124. border-radius: 10px;}
  125. ::-webkit-scrollbar-thumb {
  126. border-radius: 10px;
  127. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
  128.  
  129. </style>
  130. <div id="boxbg"></div>
  131.  
  132. <div id="story">ANOTHER DIMENSION<br><br>
  133.  
  134. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  135. <br><br>
  136. At vero eos et accusam et justo duo dolores et ea rebum.
  137. <br><br>
  138. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  139. <br><br>
  140. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br><br><br>
  141. Profile by [user=chi]<br>
  142. Profile art by [user=Christ]<br>
  143. Twinkling Star animation (altered) by [url=https://www.script-tutorials.com/night-sky-with-twinkling-stars/]Andrew[/url]</div>
Advertisement
Add Comment
Please, Sign In to add comment