hpy

stitch_

hpy
Mar 2nd, 2019
25
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.50 KB | None | 0 0
  1. <style>
  2. /***** PROFILE BY HPY*****//***** DO NOT STEAL *****/
  3. #content { position: static!important; }
  4. #main-content { margin-left: 178px; }
  5. /* modify scrollbar in webkit browsers */
  6. ::-webkit-scrollbar {width: 8px; }
  7. ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 4px; }
  8. ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); border-radius: 4px; }
  9. ::-webkit-scrollbar:horizontal { height: 8px; }
  10. ::-webkit-scrollbar:vertical { width: 8px; }
  11.  
  12.  
  13.  
  14. #header, #postcards, #header-ban, #header-ban-main, #header-lrc,
  15. #header-rrc {display:none;}
  16. #menu, #menu-right, #sidebar, #rightbg, #spacer, h2,
  17. #footer {display:none;}
  18.  
  19. #column_3 {position: absolute; left:150px; top:290px;text-align:center;}
  20. #column_3 {font-family: garamond; font-size:12px;color:#568db3;}
  21.  
  22.  
  23. .statbar{display: none}
  24. .hustler {display: none}
  25.  
  26.  
  27.  
  28. .weapon_item {display:none;}
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. #content, #index, body, #page, #bookmarks, #rightbg
  36. {background-color:transparent;}
  37. A:link,a:active,a:visited{color:#568db3;}
  38.  
  39.  
  40.  
  41.  
  42. body, #page, #content {background: none}
  43. #content {height: 100% !important}
  44. #bookmarks {display: none}
  45.  
  46.  
  47. .pet_like {
  48. position:absolute;
  49. left:90px;
  50. top:20px;
  51. z-in2ex:99;.}
  52.  
  53. .pet_like a {color:#00009c}
  54.  
  55. .pet_name {display: none}
  56.  
  57. .owner {transform: rotate(-25deg)}
  58. .pet_age_info_date{transform: rotate(-25deg)}
  59. .pet_color_info{display:none}
  60. .owner {position:absolute; top:220px; left:-90px; color :#568db3}
  61. .pet_wco_info_date {display:none}
  62. .pet_age_info_date{position:absolute; top:185px; left:-100px;color :#568db3}
  63.  
  64.  
  65.  
  66. body {
  67. background-position: 0px 0px;}
  68.  
  69.  
  70. body {background-image: url(https://i.imgur.com/myobIV9.gif), url(xxx);
  71. background-repeat: no-repeat, repeat;width: 1250px; height: 615px;
  72. background-color:#dece9b;}
  73.  
  74. /* MODIFY PET IMAGE URL OVERLAY BELOW */
  75.  
  76.  
  77.  
  78.  
  79.  
  80. #pet_image {background-image: url(https://i.imgur.com/uDSXQss.png); width:200px; height:200px;}
  81. #pet_image{position:absolute; top:40px; left:230px;}
  82.  
  83.  
  84. .pet_spotlight {position:absolute; left:1190px; top:-10px; height: 0px; width: 100px; overflow:hidden; color:#39467d;opacity: .80;background-color:#8580e0; color:#39467d;border: 5px solid #8580e0;-webkit-transition: 1s ease;-moz-transition: 1s ease; -o-transition: 1s ease; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; padding: 0px; background:#ffed78; box-shadow: 1px 1px 1px 3px #39467d;color:#39467d; z-index: 99;}.pet_spotlight:hover {height: 100px;}
  85.  
  86.  
  87. #pet_minion {position:absolute; left:490px; top:5px; height: 0px; width: 100px; overflow:hidden; color:black; opacity: .80;background-color: #f5ec90; color:#8580e0;border: 5px solid #8580e0;-webkit-transition: 1s ease;-moz-transition: 1s ease; -o-transition: 1s ease; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; padding: 0px; background:#ffd83d; box-shadow: 1px 1px 1px 3px #4b4b94;color:#39467d; z-index: 99;}#pet_minion:hover {height: 150px;} {font-size:10px;line-height:1;color:#39467d!important;}#pet_minion b {color:#39467d!important;}
  88.  
  89.  
  90.  
  91.  
  92. #pet_friends {display:none;}
  93.  
  94.  
  95. #pet_treasure {opacity: .7;position: absolute; z-index:5; padding-top:5px;padding-left:5px;margin:5-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;} #pet_treasure:hover {opacity: 1; z-index:99; }#pet_treasure img {margin:2px; height:45px; width:45px; margin-bottom:1px; margin-left:1px; padding: 1px; border: 1px solid #39467d ; }div.treasure_item {height:45px; width:45px;margin-top:05px; margin-left:05px;}
  96.  
  97. #pet_treasure {height:203px; width:820px; top:386px; left:439px; overflow:auto;}
  98.  
  99.  
  100.  
  101. #one {font-family: "Segoe UI"; }
  102. #one {position: absolute;overflow: auto; top:90px; left: 670px; width:430px; height:205px;padding: 5px; background-color:none;}
  103. #two {position: absolute; top:620px; left: 130px; width:10px; height:10px;}
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111. </style>
  112.  
  113. <div id="one">
  114.  
  115.  
  116. <b><i><span style="color:#00009c;"><span style="font-size:10pt;">
  117.  
  118.  
  119. STORY GOES HERE[br]
  120.  
  121.  
  122.  
  123.  
  124. [p][center]
  125. Credits[br]
  126. Story by [user=xxx][br]
  127. pet overlay art by[user=xxx][br]
  128. Pet page Designed by [user=Hpy][br]
  129. code help by [userid=450844][br]
  130. background image from http://www.hd-freeimages.com[br]
  131. small stitch images from pngtree.com and
  132. kisspng.com[br]
  133. Fonts created at flamingtext.com[br]
  134.  
  135. [/center]
  136.  
  137.  
  138.  
  139.  
  140. [/b]
  141.  
  142.  
  143.  
  144. </div>
Advertisement
Add Comment
Please, Sign In to add comment