SHARE
TWEET

Untitled

a guest Jul 16th, 2019 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. html,body,#page,#main-content,#content{position:static!important;scrollbar-width: none;}
  3. #header, #postcards, #header-ban, #header-ban-main, #header-lrc, #header-rrc, #menu, #menu-right, #sidebar, #rightbg, #spacer, h2, #footer, #bookmarks, #column_3, #pet_friends, .pet_name, .pet_wco_info_date, .pet_age_info_date {display:none;}
  4. #content, #index, body, #page, #main-content, #rightbg {background-color:transparent;height:auto!important;}
  5.  
  6. body {
  7. background: #FFEAD4;
  8. }
  9.  
  10. ::-webkit-scrollbar {
  11. width: 0px;
  12. height: 0px;
  13. background: transparent;
  14. }
  15.  
  16. #pet_image {
  17. background-image: url(https://i.imgur.com/3PDwgbR.png);
  18. width: 689px;
  19. height: 523px;
  20. position: absolute;
  21. left: 510px;
  22. top: 0px;
  23. z-index: 1;
  24. }
  25.  
  26. #column_1 {
  27. position: absolute;
  28. left: 519px;
  29. top: 213px;
  30. z-index: 5;
  31. height: 100px;
  32. width: 0px;
  33. padding-top: 0px;
  34. overflow: hidden;
  35. font-family: trebuchet ms, verdana;
  36. font-size: 11px;
  37. color: #FFEAD4;
  38. background: #995F3D;
  39. border-left: 5px solid #995F3D;
  40. border-radius: 0px 10px 10px 0px;
  41. box-shadow: 0 0 0 1px #000;
  42. -webkit-transition: all 1s ease;
  43. -moz-transition: all 1s ease;
  44. -o-transition: all 1s ease;
  45. transition: all 1s ease;
  46. }
  47.  
  48. #column_1:hover {
  49. width: 140px !important;
  50. }
  51.  
  52. #column_1 b {
  53. color: #FFEAD4 !important;
  54. }
  55.  
  56. #pet_minion {
  57. width: 130px;
  58. padding-left: 5px;
  59. margin-top: -10px !important;
  60. }
  61.  
  62. #column_2 {
  63. background: url(https://i.imgur.com/ANkg8kr.png);
  64. background-repeat: no-repeat;
  65. width: 675px;
  66. height: 475px;
  67. position: absolute;
  68. top: 0px;
  69. left: 0px;
  70. color: #8B5132;
  71. text-align: left;
  72. }
  73.  
  74. #column_2 a {
  75. font-family: trebuchet ms, verdana;
  76. font-size: 11px;
  77. color: #B23328;
  78. }
  79.  
  80. .pet_color_info {
  81. position: absolute;
  82. left: 227px;
  83. top: 479px;
  84. width: 300px;
  85. font-family: trebuchet ms, verdana;
  86. font-size: 11px;
  87. color: #8B5132;
  88. }
  89.  
  90. .owner {
  91. position: absolute;
  92. left: 397px;
  93. top: 479px;
  94. width: 300px;
  95. font-family: trebuchet ms, verdana;
  96. font-size: 11px;
  97. color: #8B5132;
  98. }
  99.  
  100. .pet_like {
  101. position: absolute;
  102. left: 525px;
  103. top: 405px;
  104. }
  105.  
  106. .pet_like a {
  107. font-family: trebuchet ms, verdana;
  108. font-size: 11px;
  109. color: #B23328 !important;
  110. }
  111.  
  112. .pet_spotlight {
  113. position: absolute;
  114. top: -12px;
  115. left: 20px;
  116. width: 80px;
  117. height: 0px;
  118. color: #995F3D;
  119. font-size: 12px;
  120. background-color: #C18C5E;
  121. text-align: center;
  122. padding-left: 10px;
  123. padding-right: 10px;
  124. overflow: hidden;
  125. border-bottom: 10px solid #C18C5E;
  126. border-radius: 0px 0px 10px 10px;
  127. box-shadow: 0 0 0 1px #000;
  128. z-index: 5;
  129. -webkit-transition: all 1s ease;
  130. -moz-transition: all 1s ease;
  131. -o-transition: all 1s ease;
  132. transition: all 1s ease;
  133. }
  134.  
  135. .pet_spotlight:hover {
  136. height: 100px;
  137. }
  138.  
  139. .pet_spotlight a {
  140. color: #995F3D !important;
  141. }
  142.  
  143. #pet_treasure {
  144. position: absolute;
  145. left: 190px;
  146. top: 422px;
  147. width: 322px;
  148. height: 36px;
  149. padding-left: 13px;
  150. padding-right: 0px;
  151. overflow: auto;
  152. scrollbar-width: none;
  153. }
  154.  
  155. .treasure_item {
  156. margin-left: -18px;
  157. margin-bottom: 5px;
  158. }
  159.  
  160. .treasure_item img {
  161. height: 35px;
  162. width: 35px;
  163. padding: 1px;
  164. background-color: #000;
  165. }
  166.  
  167. #pet_desc {
  168. position: absolute;
  169. top: 0px;
  170. left: 190px;
  171. height: 307px;
  172. width: 317px;
  173. text-align: justify;
  174. color: #8B5132;
  175. font-family: trebuchet ms, verdana;
  176. font-size: 11px;
  177. overflow: auto;
  178. scrollbar-width: none;
  179. }
  180.  
  181. #pet_desc a, b, i {
  182. color: #E65749!important;
  183. }
  184.  
  185.  
  186. </style>
  187. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc id cursus metus aliquam eleifend. Sem et tortor consequat id porta nibh venenatis cras sed. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sem viverra aliquet eget sit amet tellus cras adipiscing enim.
  188.  
  189. <p>Aliquet enim tortor at auctor urna. Maecenas pharetra convallis posuere morbi. Massa massa ultricies mi quis hendrerit. Pulvinar etiam non quam lacus. Lacinia at quis risus sed vulputate odio. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Iaculis at erat pellentesque adipiscing commodo elit. Nec ultrices dui sapien eget mi proin. Pellentesque habitant morbi tristique senectus et netus et malesuada. Dignissim suspendisse in est ante in. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc id cursus metus aliquam eleifend. Sem et tortor consequat id porta nibh venenatis cras sed.
  190.  
  191. <p>Vitae congue mauris rhoncus aenean vel elit scelerisque. Sem viverra aliquet eget sit amet tellus cras adipiscing enim. Aliquet enim tortor at auctor urna. Maecenas pharetra convallis posuere morbi. Massa massa ultricies mi quis hendrerit. Pulvinar etiam non quam lacus. Lacinia at quis risus sed vulputate odio. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Iaculis at erat pellentesque adipiscing commodo elit. Nec ultrices dui sapien eget mi proin. Pellentesque habitant morbi tristique senectus et netus et malesuada. Dignissim suspendisse in est ante in.
  192.  
  193. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc id cursus metus aliquam eleifend. Sem et tortor consequat id porta nibh venenatis cras sed. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sem viverra aliquet eget sit amet tellus cras adipiscing enim. Aliquet enim tortor at auctor urna. Maecenas pharetra convallis posuere morbi. Massa massa ultricies mi quis hendrerit. Pulvinar etiam non quam lacus. Lacinia at quis risus sed vulputate odio. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Iaculis at erat pellentesque adipiscing commodo elit. Nec ultrices dui sapien eget mi proin. Pellentesque habitant morbi tristique senectus et netus et malesuada. Dignissim suspendisse in est ante in.
  194.  
  195. <p>Patterns from [url=https://www.toptal.com/designers/subtlepatterns/]toptal[/url]
RAW Paste Data
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
 
Top