API tools faq
paste
mik98

website - css

mik98
May 26th, 2025 (edited)
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.59 KB | None | 0 0
raw download clone embed print report
  1. body { background: #ddd!important;
  2. }
  3.  
  4. #xg_body a { color: #aaa;
  5. }
  6.  
  7. #xg_body a:hover { color: #ddd;
  8. }
  9.  
  10. #xg_layout_column_2 { background: #trans;
  11. font-color: #fff;
  12. font-family: poppins;
  13. font-size: 12px;
  14. margin-left: -70px;
  15. margin-top: 0px;
  16. width: 1200px;
  17. height: 500px;
  18. }
  19.  
  20. ::-webkit-scrollbar {
  21. display: none;
  22. }
  23.  
  24. /****html****/
  25.  
  26. #code { height: 1500px;}
  27.  
  28. #container { background-color: #f2a7df;
  29. background: #fff;!important; z-index: 1px; width: 560px; height: 370px; left: 265px; top: 80px; border-radius: 10px; position: absolute; border-top: 30px #f1f1f1 solid; border-bottom: 0px #111 solid; background-size: cover; filter: blur(0px);
  30. }
  31.  
  32. #website { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8686682455?profile=original)!important; z-index: 1px; width: 200px; height: 25px; left: 270px; top: 83px; border-radius: 5px; position: absolute; border-top: 0px #000 solid; border-bottom: 0px #111 solid; background-size: cover; filter: brightness(100%) grayscale(0); }
  33.  
  34. #update { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8689411870?profile=original)!important; z-index: 1px; width: 83px; height: 83px; left: 266px; top: 142px; border-radius: 10px 10px 0px 10px; position: absolute; border-top: 0px #000 solid; border-bottom: 254px #ddd solid; background-size: cover; filter: brightness(100%) grayscale(20); }
  35.  
  36. #background { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13563799469?profile=original)!important; z-index: 1px; width: 200px; height: 240px; left: 350px; top: 145px; border-radius: 10px 10px 0px 0px; position: absolute; border-top: 25px #eee solid; border-bottom: 69px #eee solid; background-size: cover; filter: brightness(100%) grayscale(0); }
  37.  
  38. #dot1 { background-color: #trans; z-index: 1px; width: 160px; height: 223px; left: 325px; top: 125px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: lowercase; padding: 30px; text-align: left; font-size: 28px; line-height: 5px; letter-spacing: 1px; color: #FA5F55; font-family: "collection";}
  39.  
  40. #dot2 { background-color: #trans; z-index: 1px; width: 160px; height: 223px; left: 338px; top: 125px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: lowercase; padding: 30px; text-align: left; font-size: 28px; line-height: 5px; letter-spacing: 1px; color: #FFBF00; font-family: "collection";}
  41.  
  42. #dot3 { background-color: #trans; z-index: 1px; width: 160px; height: 223px; left: 352px; top: 125px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: lowercase; padding: 30px; text-align: left; font-size: 28px; line-height: 5px; letter-spacing: 1px; color: #4CBB17; font-family: "collection";}
  43. #website2 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8686691492?profile=original)!important; z-index: 1px; width: 550px; height: 25px; left: 270px; top: 113px; border-radius: 5px; position: absolute; border-top: 0px #000 solid; border-bottom: 0px #111 solid; background-size: cover; filter: brightness(100%) grayscale(0); }
  44.  
  45. #reminder { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8695279868?profile=original)!important; z-index: 1px; width: 185px; height: 80px; left: 210px; top: 245px; border-radius: 10px 10px 0px 10px; position: absolute; border-top: 0px #000 solid; border-bottom: 0px #ddd solid; background-size: cover; filter: brightness(100%) grayscale(20); animation: bounce 2s ease infinite;
  46. }
  47. @keyframes bounce {
  48. 70% { transform:translateY(0%); }
  49. 80% { transform:translateY(-15%); }
  50. 90% { transform:translateY(0%); }
  51. 95% { transform:translateY(-7%); }
  52. 97% { transform:translateY(0%); }
  53. 99% { transform:translateY(-3%); }
  54. 100% { transform:translateY(0); }}
  55.  
  56. #webby { background-color: #F3F3F3!important; z-index: 1px; width: 205px; height: 12px; left: 350px; 90px; top: 122px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%); letter-spacing: 1px; font-size: 9px; text-align: left; padding-top: 0px; font-family: quicksand; text-transform: normal; color: #000; line-height: 10px; transform: rotate(0deg); opacity: 100%;}
  57.  
  58. #instabox { background-color: #eee; !important; z-index: 1px; width: 255px; height: 305px; left: 560px; top: 170px; border-radius: 6px; position: absolute; border-right: 0px #111 solid; border-bottom: 0px #eee solid; border-top: 0px #aaa solid; filter: grayscale(10%) brightness(100%); background-size: cover; opacity: 100%; }
  59.  
  60. #pfp { background-image: url(https://64.media.tumblr.com/da29580f98ecca59eee2d883decbaa08/4603ffe570d29e00-26/s500x750/6eec69485c4c246016785c4011c7b4b9c4fd1290.gifv); !important; z-index: 1px; width: 35px; height: 35px; left: 575px; top: 213px; border-radius: 100px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(110%) brightness(100%); padding: 10px; }
  61.  
  62.  
  63. #instaname { background-image: url(https://i.pinimg.com/originals/5d/85/1b/5d851b9c93b0bf5c169efce0117a0673.png); !important; z-index: 1px; width: 120px; height: 100px; left: 560px; top: 110px; border-radius: 91px; position: absolute; border-right: 0px #111 solid; border-bottom: 0px #eee solid; border-top: 0px #aaa solid; filter: grayscale(100%) brightness(190%); background-size: cover; opacity: 100%; }
  64.  
  65.  
  66. #followers { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/12791672475?profile=original); !important; z-index: 1px; width: 150px; height: 40px; left: 650px; top: 210px; border-radius: 91px; position: absolute; border-right: 0px #111 solid; border-bottom: 0px #eee solid; border-top: 0px #aaa solid; filter: grayscale(100%) brightness(100%); background-size: cover; opacity: 1100%; }
  67.  
  68. #messagebox { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13563793694?profile=original); !important; z-index: 1px; width: 165px; height: 25px; left: 640px; top: 245px; border-radius: 1px; position: absolute; border-right: 0px #111 solid; filter: grayscale(0%) brightness(110%) contrast(100%); background-size: cover; opacity: 1100%; }
  69.  
  70.  
  71. #instaname2 { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 525px; 90px; top: 270px; border-radius: 6px; position: absolute; border-top: 37px #trans solid; border: 1px #trans solid; background-size: cover; color: #aaa; letter-spacing: 2px; font-size: 9px; text-align: justify; padding: 10px; font-face: robold; color: #444; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0.5px; text-transform: lowercase; font-weight: bold; }
  72.  
  73. #instabio { background-color: #trans; !important; z-index: 1px; width: 262px; height: 10px; left: 548px; 90px; top: 288px; border-radius: 6px; position: absolute; border-top: 242px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #aaa; letter-spacing: 2px; font-size: 9px; text-align: justify; padding: 10px; line-height: 0px; font-face:'roboto'; color: #43b3e5; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0px; text-transform: lowercase; }
  74.  
  75.  
  76. #image1 { background-image: url(https://64.media.tumblr.com/fd5797b70591d733dc2bfba5d956594f/70921f7e3020517c-fc/s2048x3072/7b45eadb3a78910985038c9cf3faacbdc54547a6.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 570px; top: 313px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(120%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  77.  
  78. #image2 { background-image: url(https://i.pinimg.com/736x/4f/7b/5c/4f7b5c4e8413e2bdacc83c5a3e3cd4c0.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 650px; top: 313px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(90%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  79.  
  80. #image3 { background-image: url(https://64.media.tumblr.com/aa63dd558b7f11d9a2d7b4761e9cbc42/fcbdbf784c020146-43/s2048x3072/db88613d213d6bd641ea607976412f4ce5787658.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 730px; top: 313px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(140%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  81.  
  82.  
  83.  
  84. #image4 { background-image: url(https://64.media.tumblr.com/ee52e8c7f12cd5ab731fc73229c7bc2c/8b1a590f842db314-bb/s2048x3072/7165dfbedbc29dbe3948cf4307eae931457d71cd.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 570px; top: 395px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(120%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  85.  
  86. #image5 { background-image: url(https://64.media.tumblr.com/02f756e01bac17a15b56b96b2906e36f/3e693e29ca41d7c1-67/s2048x3072/adb34774821d73c45a8395869ad175e1ca0a899d.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 650px; top: 395px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(110%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  87.  
  88. #image6 { background-image: url(https://64.media.tumblr.com/e04c61a814b52ecb5355c95884690c24/41d294e75c06cd12-79/s2048x3072/a92e1a9fcc924c892585c5264de32a3cf636e932.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 730px; top: 395px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(140%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  89.  
  90. #home { background-color: #fff; z-index: 1px; width: 80px; height: 18px; left: 267px; 90px; top: 344px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: lowercase; font-family:supernova; padding-top: 6px; text-align: center; font-size: 10px; font-color: #43b3e5; letter-spacing: 1px; line-height: 14px;}
  91.  
  92.  
  93. #refresh { background-color: #fff; z-index: 1px; width: 80px; height: 18px; left: 267px; 90px; top: 371px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: lowercase; font-family:supernova; padding-top: 6px; text-align: center; font-size: 10px; font-color: #43b3e5; letter-spacing: 1px; line-height: 14px;}
  94.  
  95. #comment { background-color: #fff; z-index: 1px; width: 80px; height: 18px; left: 267px; 90px; top: 398px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: lowercase; font-family:supernova; padding-top: 6px; text-align: center; font-size: 10px; font-color: #43b3e5; letter-spacing: 1px; line-height: 14px;}
  96.  
  97. #extra { background-color: #fff; z-index: 1px; width: 80px; height: 18px; left: 267px; 90px; top: 425px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: lowercase; font-family:supernova; padding-top: 6px; text-align: center; font-size: 10px; font-color: #43b3e5; letter-spacing: 1px; line-height: 14px; }
  98.  
  99. #leave { background-color: #fff; z-index: 1px; width: 80px; height: 18px; left: 267px; 90px; top: 452px; border-radius: 0px 0px 0px 10px; position: absolute; border: 1px solid #aaa; text-transform: lowercase; font-family:supernova; padding-top: 6px; text-align: center; font-size: 10px; font-color: #43b3e5; letter-spacing: 1px; line-height: 14px; }
  100.  
  101. @font-face { font-family:'supernova'; src: url(https://static.tumblr.com/v6akjgz/YYmqoixir/supernova.ttf); }
  102.  
  103. #box { background-color: #trans; z-index: 1px; width: 155px; height: 40px; left: 360px; 90px; top: 413px; border-radius: 0px; position: absolute; border: 1px solid #trans; text-transform: lowercase; font-family: loves; padding: 10px; text-align: center; font-size: 7px; color: #43b3e5; line-height: 12px;}
  104.  
  105. #bell {background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/12131789081?profile=original); background-size: cover; position: absolute; z-index: -9999999999999px; border-radius: 100px; margin-top: 390px; margin-left: 520px; width: 30px; height: 28px; filter: grayscale(0) brightness(90%); border-bottom: 0px solid #333; border: 1px solid #fff; background-color: #43b3e5; animation: blinker 1.5s linear infinite;
  106. }
  107.  
  108. @keyframes blinker {
  109. 50% {
  110. opacity: 0;
  111. }}
  112.  
  113. @font-face { font-family:'loves'; src: url(https://static.tumblr.com/v6akjgz/82Pqoivrb/loves.ttf); }
  114.  
  115. @font-face { font-family: "JennaSue"; src: url('https://static.tumblr.com/gdh5wux/vtSmoz1me/jennasue.ttf'); }
  116.  
  117. @font-face { font-family:"quicksand"; src: url('https://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  118.  
  119. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  120.  
  121. @font-face{font-family:'collection';src:url('https://static.tumblr.com/uopakca/nGSq4csw6/collectionfree.otf');}
  122.  
  123.  
  124.  
  125. /****deleted codes****/
  126.  
  127. h1, h2, h3 {display:none} #xg_head, #xg_foot{display:none} #xg_layout_column_1 {display:none} .xg_module.xg_module_comment_wall {display:none} .xg_span-5 {display:none} ul.nobullets.last-child {display:none} .xg_chat.chatFooter {display:none} li.right {display:none} #xn_bar {display:none} #xn_bar_menu_tabs, #xn_bar_menu_more, p#xn_gyo_link, p#xn_brand{ display:none !important; }
  128.  
  129. /****fonts****/
  130.  
  131.  
  132. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  133.  
  134. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  135.  
  136. @font-face{font-family:"cocogoose";src:url('https://static.tumblr.com/d5muzyw/ESoqs98ai/cocogoose_pro-trial.ttf');
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!