API tools faq
paste
mik98

chaotic mess - mik - css

mik98
Jul 7th, 2026
12
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.70 KB | None | 0 0
raw download clone embed print report
  1. body { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31189037861?profile=original)!important; background-repeat:repeat;
  2. }
  3.  
  4. #xg_body a { color: #aaa;
  5. }
  6.  
  7. #xg_body a:hover { color: #fff;
  8. }
  9.  
  10. #xg_layout_column_2 { background: #trans;
  11. font-color: #aaa;
  12. font-family: poppins;
  13. font-size: 12px;
  14. margin-left: -40px;
  15. margin-top: 50px;
  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: #111; !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 #617C58 solid; border-top: 40px #617C58 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: #000; !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://i.pinimg.com/736x/37/98/47/379847ba7e5b6182d0c8a7eee0d1b215.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(110%) 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. #insta-fade {
  38. position: absolute;
  39. width: 130px; height: 200px; left: 230px; top: 140px;
  40. border-radius: 100px 100px 0px 0px; overflow: hidden;
  41. filter: contrast(100%) grayscale(100%) brightness(100%);
  42. z-index: 1; /* higher than #insta */
  43. pointer-events: none; /* lets clicks pass through */
  44. }
  45.  
  46. /* stacked images */
  47. #insta-fade .fade {
  48. position: absolute;
  49. width: 100%;
  50. height: 100%;
  51. background-size: cover;
  52. background-position: center;
  53. opacity: 0;
  54. animation: fade 6s infinite;
  55. }
  56.  
  57. /* images */
  58. #insta-fade .img1 { background-image: url(https://64.media.tumblr.com/69e8b0b20e4755b057dabd30cedfb623/0e7ca5c649340b6f-52/s2048x3072/72162f44a77b5e13ce73ab8cd52a2b33711586ff.jpg); animation-delay: 0s; }
  59. #insta-fade .img2 { background-image: url(https://i.pinimg.com/1200x/5b/39/1c/5b391ca5a43512e335dc224b7160553a.jpg); animation-delay: 2s; }
  60. #insta-fade .img3 { background-image: url(https://i.pinimg.com/736x/c8/22/2a/c8222a5e1f8388c7c2468d4715a1b0e1.jpg); animation-delay: 4s; }
  61. #insta-fade .img4 { background-image: url(https://i.pinimg.com/736x/fd/b2/52/fdb252e4089168df88e3cf607af2d28b.jpg); animation-delay: 6s; }
  62.  
  63. /* fade animation */
  64. @keyframes fade {
  65. 0% { opacity: 0; }
  66. 10% { opacity: 1; }
  67. 40% { opacity: 1; }
  68. 50% { opacity: 0; }
  69. 100% { opacity: 0; }
  70. }
  71.  
  72. #star { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31153150086?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; z-index: 1; }
  73.  
  74. #star2 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31153150086?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; z-index: 1;}
  75.  
  76. #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; }
  77.  
  78.  
  79. #title { background-color: #trans; !important; z-index: 1px; width: 145px; height: 105px; left: 230px; 90px; top: 335px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #617C58; letter-spacing: 1px; font-size:18px; text-align: left; padding: 10px; font-family: generic; text-transform: uppercase; line-height: 15px; font-weight: 1900; z-index: 1;}
  80.  
  81. #title2 { background-color: #trans; !important; z-index: 1px; width: 195px; height: 105px; left: 315px; 90px; top: 390px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 1px; font-size:14px; text-align: left; padding: 10px; font-family: generic; text-transform: uppercase; line-height: 20px; text-decoration: underline;
  82. }
  83.  
  84. .title2 b, strong {color: #000; font-family: Generic50; font-size:14px; font-weight: normal; opacity: 100%; }
  85.  
  86. #banner { background-image: url(https://i.pinimg.com/originals/a3/de/c9/a3dec93dd7f180042c2c23070f5c97d1.jpg); !important; z-index: 1px; width: 300px; height: 100px; left: 415px; top: 110px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border-bottom: 160px #222 solid; border-top: 00px #aaa solid; filter: grayscale(110%) 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; }
  87.  
  88. #pfptwitter { background-image: url(https://i.pinimg.com/736x/cc/2a/63/cc2a632ff4f76372feea8bf2d4c2d013.jpg); !important; z-index: 1px; width: 30px; height: 30px; left: 646px; top: 154px; border-radius: 100px; position: absolute; filter: grayscale(100%) brightness(120%); background-size: cover; }
  89.  
  90. #name { background-color: #trans; !important; z-index: 1px; width: 195px; height: 105px; left: 420px; 90px; top: 225px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 0px; font-size:13px; text-align: left; padding: 10px; font-family: HelveticaNeueBold; text-transform: lowercase; line-height: 16px;}
  91.  
  92. .name, em {color: #bbb; font-family: HelveticaNeueLight; font-size:10px; font-weight: normal; opacity: 70%; font-style: normal; font-weight: 900; }
  93.  
  94.  
  95. #bio { background-color: #trans; !important; z-index: 1px; width: 185px; height: 105px; left: 420px; 90px; top: 265px; 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: lowercase; line-height: 15px;}
  96.  
  97.  
  98. #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; }
  99.  
  100.  
  101. #website { background-color: #222; !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: #fff;}
  102.  
  103. #dob { background-color: #222; !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: #fff;}
  104.  
  105. #joined { background-color: #222; !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: #fff;}
  106.  
  107. #location { background-color: #222; !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: #fff;}
  108.  
  109.  
  110.  
  111.  
  112. #gif { background-image: url(https://64.media.tumblr.com/0a18692e41771d6433b6b4d1167ff2d2/0e7ca5c649340b6f-b3/s2048x3072/81fbe60e573b407d0275479a11ee192fb9159124.jpg); !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(110%) brightness(130%); background-size: cover; }
  113.  
  114.  
  115. #info { background-image: url(); !important; z-index: 1px; width: 120px; height: 60px; left: 320px; top: 420px; 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;}
  116.  
  117.  
  118. #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; }
  119.  
  120. #tweetbox { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31189034453?profile=original); !important; z-index: 1px; width: 220px; height: 100px; 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; }
  121.  
  122. #tweet { background-color: #000; !important; z-index: 1px; width: 185px; height: 23px; left: 650px; 90px; top: 184px; 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; }
  123.  
  124. .tweet, strong {color: #aaa; font-family: HelveticaNeueLight; font-size:7px; font-weight: normal; opacity: 100%; font-style: normal; filter: contrast(100%) grayscale(0%) brightness(100%); }
  125.  
  126. #tweetname { background-color: #000; !important; z-index: 1px; width: 57px; height: 12px; left: 673px; 90px; top: 149px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(115%); color: #aaa; letter-spacing: 0px; font-size:10px; text-align: left; padding-top: 8px; padding-left: 5px; font-family: HelveticaNeueBold; text-transform: normal; line-height: 13px; }
  127.  
  128. #tweetusername { background-color: #000; !important; z-index: 1px; width: 57px; height: 10px; left: 673px; 90px; top: 169px; 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; }
  129.  
  130. #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: 805px; top: 149px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border: 0px #fff solid; filter: grayscale(110%) brightness(40%); background-size: cover; }
  131.  
  132.  
  133. #pfp { background-image: url(https://i.pinimg.com/736x/cc/2a/63/cc2a632ff4f76372feea8bf2d4c2d013.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 430px; top: 170px; border-radius: 6px; position: absolute; filter: grayscale(100%) brightness(120%); background-size: cover; border: 1px #fff solid; }
  134.  
  135.  
  136. #links {
  137. z-index: 100!important;
  138. position: absolute;
  139. overflow: hidden;
  140. font: 1px 'Roboto';
  141. text-transform: lowercase;
  142. margin-top: 380px;
  143. margin-left: 485px;
  144. text-align: left;
  145. width: 350px;
  146. height: 215px!important;
  147. background: #trans;
  148. line-height: 45px;
  149. filter: grayscale(0);
  150. }
  151.  
  152. #links a {
  153. color: #fff!important;
  154. margin-left: 50px;
  155. padding-left:10px;
  156. padding: 0px;
  157. -webkit-transition: all 0.7s ease;
  158. }
  159.  
  160.  
  161. #links a {
  162. color: #fff!important;
  163. background: #fff;
  164. border-radius: 100%;
  165. padding: 6px;
  166. margin: 10px;
  167. -webkit-transition: all 0.7s ease;
  168. }
  169.  
  170.  
  171.  
  172. @font-face {
  173. font-family: HelveticaNeueLight;
  174. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  175. }
  176.  
  177. @font-face {
  178. font-family: HelveticaNeueBold;
  179. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  180. }
  181.  
  182. @font-face {
  183. font-family: Generic50;
  184. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
  185. }
  186.  
  187. @font-face {
  188. font-family: Generic;
  189. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  190. }
  191.  
  192.  
  193. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  194.  
  195. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  196.  
  197.  
  198. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  199.  
  200.  
  201. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  202.  
  203.  
  204.  
  205. /****deleted codes****/
  206.  
  207. 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; }
  208.  
  209. /****fonts****/
  210. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  211.  
  212. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  213.  
  214. @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!