SHARE
TWEET

Untitled

tigercub45 Jul 19th, 2019 59 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div id="bg-box"></div>
  2. <div id="upside-down">U<u>PSIDE</u> D<u>OWN</u></div>
  3. <div id="story">
  4. Your story goes here!
  5. [p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare rutrum nulla, ac dapibus ante pellentesque in. Praesent ut consequat mi, quis tincidunt magna. Sed ut quam leo. Curabitur maximus euismod tortor eget tincidunt. Aliquam luctus erat diam, nec vehicula eros facilisis sit amet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam bibendum lacus et fermentum ullamcorper. Pellentesque ullamcorper lobortis iaculis. Quisque pellentesque ante eleifend magna venenatis, eu pulvinar nisi pharetra. Integer viverra tempor ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris dictum arcu augue, at ullamcorper felis placerat nec. Sed tempor dictum posuere. Nam in enim cursus, aliquet arcu non, euismod nisi.
  6.  
  7. [p]credits: profile by [user=Shakespeare]
  8. </div>
  9.  
  10. <style type="text/css">
  11. @import url('https://fonts.googleapis.com/css?family=Raleway:500');
  12.  
  13. @font-face{font-family:"Stranger";font-style:normal;src:url("https://vignette.wikia.nocookie.net/xraydeltaone/images/e/e0/Stranger.ttf") format("truetype")}
  14.  
  15. /* Pet Image --*/
  16. #pet_image {position: fixed; left: 641px; top: 126px; height: 400px; width: 400px; background: url('https://i.imgur.com/O14JXym.png') no-repeat; background-size: contain;}
  17.  
  18. /* Background -------*/
  19. body {background: url(https://i.imgur.com/i3FMtFI.jpg) #EF8409;  overflow: hidden; background-size: cover;}
  20.  
  21. /* Pet Name --------*/
  22.  
  23. #upside-down {
  24.   color: #020835;
  25.   position: fixed; left: 43px; top: 117px; height: 100px; font-size: 80px !important;  font-family:'Stranger', serif;  font-variant: small-caps; text-shadow: 2px 0px 2px #e00404, 0px 2px 2px #e00404, -2px 0px 2px #e00404, 0px -2px 2px #e00404;}
  26.  
  27. u {text-decoration: underline overline; font-size: 50px;}
  28.  
  29.  
  30. /* Box background ---*/
  31. #bg-box {
  32. border: 1px solid #020835;
  33. background-color: #0e3860;
  34. background-image:url(https://www.transparenttextures.com/patterns/subtle-zebra-3d.png);
  35. height: 241px; border-radius: 25px; width: 1200px; position: absolute; top: 239px; left: -153px; z-index: -100;
  36. background-size: 50px;
  37. }
  38.  
  39. /* Pet color and owner ---*/
  40. .pet_color_info {position: fixed; left: 53px; top: 230px; text-transform: lowercase; color: white;}
  41. .owner {position: fixed; left: 55px; top: 247px; text-transform: lowercase; color: white;}
  42. .pet_like {position: fixed; left: 162px; top: 230px;}
  43.  
  44. #column_1 {position: absolute; top: 380px; left: 320px; width: 100px; padding: 0px; }
  45. #column_2 {margin-left: 98px; margin-top: 3px; }
  46.  
  47. /* Minion and Spotlight hovers --*/
  48. #pet_minion {display: none;}
  49.  
  50. .pet_spotlight {position: absolute; left: -50px; top: 472px; background: #0e3860; height: 10px;  -webkit-transition: height 2s; transition: height 2s; overflow: hidden; border-radius: 0px 0px 10px 10px; box-shadow: 1px 1px 1px black;}
  51. .pet_spotlight:hover {height: 120px;}
  52. .pet_spotlight a {color: #fff !important; position: relative; top: 10px;}
  53.  
  54. #story {width: 370px!important; height: 145px; margin-left: -159px; margin-top:  159px;  -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border: 1px solid #020835; padding: 1px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; padding: 15px; overflow-y: scroll;}
  55.  
  56. #pet_treasure {width: 360px!important; height: 45px; margin-left: -154px; margin-top: -2px;  -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border: 1px solid #020835; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; padding-right: 15px; padding-left: 25px; overflow-y: scroll;}
  57. .treasure_item {height:45px; width:45px; border:none; padding:0px 5px 5px 0px; opacity: 0.6}
  58. .treasure_item:hover {-webkit-transition: opacity 2s; transition: opacity 2s; opacity: 1;}
  59. .treasure_item img {border:1px solid #020835; border-radius:15px;}
  60.  
  61. /* Pet stats ---*/
  62. #pet_stats {display: none;}
  63.  
  64. /* Positioning no touch --*/
  65. #postcards, #menu, #sidebar, #rightbg, #bookmarks, #footer, #column_2 h2, #column_1 h2, .pet_wco_info_date, .pet_age_info_date, #header, #stat_books_read, #stat_food_eaten, #pet_employment, #column_3 a, #pet_friends, .hustler, .owner img, #random_events {display: none}
  66.  
  67. html, #page, #bookmarks, #content, #rightbg {background-color: transparent;}
  68. #content {min-height: auto; max-height: 400px!important; width: 900px; overflow: visible; margin: -20px 0px 0px 180px; padding: 0px; position: absolute;  z-index: 1;}
  69. #column_3 {width: auto; height: auto;}
  70. .text {position: fixed; top: 0px; left: 0px;}
  71.  
  72. /* Fonts ---------*/
  73. h2 {display: none;}
  74. body, font, td, a, p, table, div, tr
  75. {color: white; font-size: 10px; font-family: 'Raleway', 'Tahoma';}
  76. a {color: #e00404 !important;}
  77. .pet_name {display: none;}
  78.  
  79.  
  80.  
  81. </style>
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