API tools faq
paste
mik98

sunset - css

mik98
Dec 9th, 2024 (edited)
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.91 KB | None | 0 0
raw download clone embed print report
  1. body { background: #f1f1f1!important;
  2. }
  3.  
  4. #xg_body a { color: #fff;
  5. }
  6.  
  7. #xg_body a:hover { color: #fff;
  8. }
  9.  
  10. #xg_layout_column_2 { background: #trans;
  11. font-color: #fff;
  12. font-family: poppins;
  13. font-size: 12px;
  14. margin-left: -40px;
  15. margin-top: 10px;
  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.  
  29.  
  30. #container { background-color: #f1f1f1; !important; z-index: 1px; width: 450px; height: 300px; left: 300px; top: 50px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border-bottom: 80px #E35335 solid; border-top: 40px #E35335 solid; filter: grayscale(10%) brightness(100%); background-size: cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  31.  
  32. #background { background-color: #fff; !important; z-index: 1px; width: 180px; height: 260px; left: 205px; top: 110px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(10%) brightness(100%); background-size: cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  33.  
  34.  
  35. #arch { background-image: url(https://64.media.tumblr.com/d756ade21770bfe3129bcc6a74c32358/9f2366b01e802bed-c2/s2048x3072/fa171973ab0d06c4f8fa345285d321e48e5aeebe.jpg); !important; z-index: 1px; width: 130px; height: 200px; left: 230px; top: 140px; border-radius: 100px 100px 0px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(10%) brightness(100%); background-size: cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  36.  
  37. #star { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13276635490?profile=original); !important; z-index: 1px; width: 40px; height: 40px; left: 340px; top: 200px; border-radius: 100px 100px 0px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(10%) brightness(100%); background-size: cover; }
  38.  
  39. #star2 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13276635490?profile=original); !important; z-index: 1px; width: 30px; height: 30px; left: 215px; top: 250px; border-radius: 100px 100px 0px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(10%) brightness(100%); background-size: cover; }
  40.  
  41. #close { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13276653469?profile=original); !important; z-index: 1px; width: 70px; height: 30px; left: 670px; top: 55px; border-radius: 100px 100px 0px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(0%) brightness(400%); background-size: cover; }
  42.  
  43.  
  44. #circles { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 300px; top: 42px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); padding: 10px; line-height: 0px; font: 34px 'arial'; color: #fff; letter-spacing: 3.5px; opacity: 90%;}
  45.  
  46. #title { background-color: #trans; !important; z-index: 1px; width: 95px; height: 105px; left: 200px; 90px; top: 315px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #E35335; letter-spacing: 1px; font-size:18px; text-align: center; padding: 10px; font-family: generic; text-transform: uppercase; line-height: 15px; font-weight: 1900;}
  47.  
  48. #title2 { background-color: #trans; !important; z-index: 1px; width: 195px; height: 105px; left: 310px; 90px; top: 400px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #010101; letter-spacing: 1px; font-size:14px; text-align: left; padding: 10px; font-family: generic; text-transform: uppercase; line-height: 20px;}
  49.  
  50. .title2 b, strong {color: #000; font-family: Generic50; font-size:14px; font-weight: normal; opacity: 100%; }
  51.  
  52. #banner { background-image: url(https://i.pinimg.com/originals/a3/de/c9/a3dec93dd7f180042c2c23070f5c97d1.jpg); !important; z-index: 1px; width: 300px; height: 80px; left: 415px; top: 110px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border-bottom: 180px #fff solid; border-top: 00px #aaa solid; filter: grayscale(10%) brightness(100%); background-size: cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  53.  
  54. #pfptwitter { background-image: url(https://64.media.tumblr.com/02f756e01bac17a15b56b96b2906e36f/3e693e29ca41d7c1-67/s2048x3072/adb34774821d73c45a8395869ad175e1ca0a899d.jpg); !important; z-index: 1px; width: 30px; height: 30px; left: 640px; top: 146px; border-radius: 100px; position: absolute; filter: grayscale(100%) brightness(130%); background-size: cover; }
  55.  
  56. #name { background-color: #trans; !important; z-index: 1px; width: 195px; height: 105px; left: 420px; 90px; top: 215px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #000; letter-spacing: 0px; font-size:13px; text-align: left; padding: 10px; font-family: HelveticaNeueBold; text-transform: lowercase; line-height: 16px;}
  57.  
  58. .name, em {color: #bbb; font-family: HelveticaNeueLight; font-size:10px; font-weight: normal; opacity: 70%; font-style: normal; font-weight: 900; }
  59.  
  60.  
  61. #bio { background-color: #trans; !important; z-index: 1px; width: 155px; height: 105px; left: 420px; 90px; top: 250px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #666; letter-spacing: 0px; font-size:10px; text-align: left; padding: 10px; font-family: HelveticaNeueLight; text-transform: normal; line-height: 15px;}
  62.  
  63.  
  64. #twitterbio { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13277133864?profile=original); !important; z-index: 1px; width: 260px; height: 60px; left: 415px; top: 314px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border: 0px #fff solid; filter: grayscale(100%) brightness(90%); background-size: cover; }
  65.  
  66.  
  67. #website { background-color: #fff; !important; z-index: 1px; width: 135px; height: 11px; left: 520px; 90px; top: 322px; border-radius: 0px; position: absolute; background-size: cover; letter-spacing: 0px; font-size:9px; text-align: left; padding: 0px; font-family: HelveticaNeueLight; text-transform: normal; line-height: 13px; color: #E35335;}
  68.  
  69. #dob { background-color: #fff; !important; z-index: 1px; width: 105px; height: 11px; left: 440px; 90px; top: 334px; border-radius: 0px; position: absolute; background-size: cover; letter-spacing: 0px; font-size:9px; text-align: left; padding: 0px; font-family: HelveticaNeueLight; text-transform: normal; line-height: 13px; color: #E35335;}
  70.  
  71. #joined { background-color: #fff; !important; z-index: 1px; width: 135px; height: 10px; left: 560px; 90px; top: 334px; border-radius: 0px; position: absolute; background-size: cover; letter-spacing: 0px; font-size:9px; text-align: left; padding: 0px; font-family: HelveticaNeueLight; text-transform: normal; line-height: 13px; color: #E35335;}
  72.  
  73. #location { background-color: #fff; !important; z-index: 1px; width: 65px; height: 10px; left: 440px; 90px; top: 322px; border-radius: 0px; position: absolute; background-size: cover; letter-spacing: 0px; font-size:9px; text-align: left; padding: 0px; font-family: HelveticaNeueLight; text-transform: normal; line-height: 13px; color: #E35335;}
  74.  
  75.  
  76.  
  77.  
  78. #gif { background-image: url(https://64.media.tumblr.com/f8c6df798b87049e13164aa4784daab9/3e693e29ca41d7c1-ec/s640x960/2d59ee97d84a8e63604a88519bab42b949f183e8.gifv); !important; z-index: 1px; width: 60px; height: 60px; left: 680px; top: 397px; border-radius: 100px; position: absolute; border-left: 0px #eee solid; border: 2px #fff solid; filter: grayscale(10%) brightness(130%); background-size: cover; }
  79.  
  80.  
  81. #info { background-image: url(); !important; z-index: 1px; width: 120px; height: 60px; left: 320px; top: 430px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border: 0px #fff solid; filter: grayscale(100%) brightness(150%); background-size: cover; font-family: HelveticaNeueLight; font-size:9px; text-align: right;}
  82.  
  83.  
  84. #line { background-color: trans; !important; z-index: 1px; width: 200px; height: 0px; left: 460px; top: 430px; border-radius: 0px; position: absolute; border: 1px #fff solid; }
  85.  
  86. #tweetbox { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13291154873?profile=original); !important; z-index: 1px; width: 200px; height: 90px; left: 635px; top: 140px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(0%) brightness(100%); background-size: cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.02) inset; }
  87.  
  88. #tweet { background-color: #eee; !important; z-index: 1px; width: 165px; height: 23px; left: 636px; 90px; top: 175px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(115%); color: #666; letter-spacing: 0px; font-size:7px; text-align: left; padding-top: 8px; padding-left: 5px; font-family: HelveticaNeueLight; text-transform: normal; line-height: 10px; }
  89.  
  90. .tweet, strong {color: #E35335; font-family: HelveticaNeueLight; font-size:7px; font-weight: normal; opacity: 100%; font-style: normal; filter: contrast(100%) grayscale(0%) brightness(100%); }
  91.  
  92. #tweetname { background-color: #eee; !important; z-index: 1px; width: 57px; height: 12px; left: 668px; 90px; top: 142px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(115%); color: #000; letter-spacing: 0px; font-size:10px; text-align: left; padding-top: 8px; padding-left: 5px; font-family: HelveticaNeueBold; text-transform: normal; line-height: 13px; }
  93.  
  94. #tweetusername { background-color: #fff; !important; z-index: 1px; width: 57px; height: 10px; left: 668px; 90px; top: 161px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #ccc; letter-spacing: 0px; font-size:8px; text-align: left; padding-top: 0px; padding-left: 5px; font-family: HelveticaNeuelight; text-transform: normal; line-height: 13px; }
  95.  
  96. #twitterlogo { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13291213456?profile=original); !important; z-index: 1px; width: 37px; height: 37px; left: 797px; top: 139px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border: 0px #fff solid; filter: grayscale(0%) brightness(100%); background-size: cover; }
  97.  
  98.  
  99. #pfp { background-image: url(https://64.media.tumblr.com/02f756e01bac17a15b56b96b2906e36f/3e693e29ca41d7c1-67/s2048x3072/adb34774821d73c45a8395869ad175e1ca0a899d.jpg); !important; z-index: 1px; width: 60px; height: 60px; left: 430px; top: 150px; border-radius: 6px; position: absolute; filter: grayscale(100%) brightness(130%); background-size: cover; border: 1px #fff solid; }
  100.  
  101.  
  102. #links {
  103. z-index: 100!important;
  104. position: absolute;
  105. overflow: hidden;
  106. font: 1px 'Roboto';
  107. text-transform: lowercase;
  108. margin-top: 380px;
  109. margin-left: 485px;
  110. text-align: left;
  111. width: 350px;
  112. height: 215px!important;
  113. background: #trans;
  114. line-height: 45px;
  115. filter: grayscale(0);
  116. }
  117.  
  118. #links a {
  119. color: #fff!important;
  120. margin-left: 50px;
  121. padding-left:10px;
  122. padding: 0px;
  123. -webkit-transition: all 0.7s ease;
  124. }
  125.  
  126.  
  127. #links a {
  128. color: #fff!important;
  129. background: #fff;
  130. border-radius: 100%;
  131. padding: 6px;
  132. margin: 10px;
  133. -webkit-transition: all 0.7s ease;
  134. }
  135.  
  136.  
  137.  
  138. @font-face {
  139. font-family: HelveticaNeueLight;
  140. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  141. }
  142.  
  143. @font-face {
  144. font-family: HelveticaNeueBold;
  145. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  146. }
  147.  
  148. @font-face {
  149. font-family: Generic50;
  150. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
  151. }
  152.  
  153. @font-face {
  154. font-family: Generic;
  155. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  156. }
  157.  
  158.  
  159. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  160.  
  161. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  162.  
  163.  
  164. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  165.  
  166.  
  167. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  168.  
  169.  
  170.  
  171. /****deleted codes****/
  172.  
  173. 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; }
  174.  
  175. /****fonts****/
  176. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  177.  
  178. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  179.  
  180. @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!