API tools faq
paste
mik98

blue storm - css

mik98
Oct 25th, 2024 (edited)
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.19 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: -70px;
  15. margin-top: 20px;
  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. #topborder { background-color: #fff; !important; z-index: 1px; width: 620px; height: 40px; left: -220px; top: -40px; border-radius: 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #eee solid; border-top: 0px #aaa solid; filter: grayscale(10%) brightness(100%); }
  29.  
  30.  
  31. #container { background-color: #f1f1f1; !important; z-index: 1px; width: 400px; height: 420px; left: 250px; top: 50px; border-radius: 0px; position: absolute; border-left: 220px #eee solid; border-bottom: 0px #eee solid; border-top: 0px #aaa solid; filter: grayscale(10%) brightness(100%); background-size: cover; opacity: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  32.  
  33. #colourcontainer { background-color: #fff; !important; z-index: 1px; width: 320px; height: 350px; left: 0px; top: 0px; border-radius: 6px; position: absolute; border-left: 80px #aed6f1 solid; border-bottom: 0px #eee solid; border-top: 80px #aed6f1 solid; filter: grayscale(0%) brightness(100%); background-size: cover; opacity: 50%; }
  34.  
  35. #polaroid1 { background-image: url(https://64.media.tumblr.com/a64de9151d492412f061ace5b35ca62e/70921f7e3020517c-59/s2048x3072/b49619895cccca1b187cb684277e8b507e6ea365.jpg); !important; z-index: 1px; width: 115px; height: 95px; left: -170px; 90px; top: -10px; border-radius: 6px; position: absolute; border-bottom: 40px #fff solid; border-top: 10px #fff solid; border-left: 10px #fff solid; border-right: 10px #fff solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; rotate: 5deg;
  36. }
  37.  
  38.  
  39. #polaroid2 { background-image: url(https://64.media.tumblr.com/fd5797b70591d733dc2bfba5d956594f/70921f7e3020517c-fc/s2048x3072/7b45eadb3a78910985038c9cf3faacbdc54547a6.jpg); !important; z-index: 1px; width: 115px; height: 95px; left: -270px; 90px; top: -30px; border-radius: 6px; position: absolute; border-bottom: 40px #fff solid; border-top: 10px #fff solid; border-left: 10px #fff solid; border-right: 10px #fff solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; rotate: -10deg;
  40. }
  41.  
  42. #title { background-color: #trans; !important; z-index: 1px; width: 235px; height: 105px; left: -260px; 90px; top: 160px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #aed6f1; letter-spacing: 1px; font-size:25px; text-align: right; padding: 10px; font-family: eloquent; text-transform: lowercase; line-height: 20px;}
  43.  
  44. #desc { position: absolute; width:190px; height:170px; left:-200px; bottom: -5px; font-family:robold; font-size:7px; color: #fff; letter-spacing:2px; line-height:22px; text-transform:uppercase; overflow:hidden; font-style:italic; }
  45.  
  46.  
  47. #insta { background-image: url(https://64.media.tumblr.com/553a93e9e3424c3154ec51ac1c2160d2/9f2366b01e802bed-f9/s2048x3072/a121c44e83875b1fdacee4c7613b7cd55073738f.jpg); !important; z-index: 1px; width: 220px; height: 200px; left: 120px; 90px; top: 110px; border-radius: 6px; position: absolute; border-top: 42px #fff solid; border-bottom: 32px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #fff; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  48.  
  49. #pfp { background-image: url(https://64.media.tumblr.com/02f756e01bac17a15b56b96b2906e36f/3e693e29ca41d7c1-67/s2048x3072/adb34774821d73c45a8395869ad175e1ca0a899d.jpg); !important; z-index: 1px; width: 15px; height: 15px; left: 125px; top: 113px; border-radius: 100px; 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(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
  50.  
  51. #instaname { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 125px; 90px; top: 108px; border-radius: 6px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #aaa; letter-spacing: 2px; font-size: 8px; text-align: justify; padding: 10px; line-height: 0px; font: 14px 'robold'; color: #aed6f1; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0.5px; text-transform: lowercase;}
  52.  
  53. #location { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 118px; 90px; top: 123px; border-radius: 6px; position: absolute; border-top: 40px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #aaa; letter-spacing: 2px; font-size: 8px; text-align: justify; padding: 10px; line-height: 0px; font: 9px 'robold'; color: #ddd; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0px; text-transform: uppercase; font-family: Hemisphers;}
  54.  
  55. #comments { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/9134746491?profile=original); !important; z-index: 1px; width: 155px; height: 0px; left: 125px; top: 375px; border-radius: 0px; 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: 0px; font-size: 10px; text-align: center; padding: 10px; }
  56.  
  57. #title2 { background-color: #trans; !important; z-index: 1px; width: 345px; height: 105px; left: 50px; 90px; top: 0px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 1px; font-size:20px; text-align: center; padding: 10px; font-family: eloquent; text-transform: lowercase; line-height: 20px;}
  58.  
  59. #bottom { background-color: #fff; !important; z-index: 1px; width: 621px; height: 40px; left: -220px; top: 420px; border-radius: 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #eee solid; border-top: 0px #aaa solid; filter: grayscale(0%) brightness(100%); }
  60.  
  61. #line { background-color: #aed6f1; !important; z-index: 1px; width: 290px; height: 1px; left: -210px; top: 440px; border-radius: 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #eee solid; border-top: 0px #aaa solid; filter: grayscale(0%) brightness(100%); }
  62.  
  63.  
  64.  
  65. #bio { position: absolute; width:390px; height:170px; left:90px; top: 430px; font-family:robold; font-size:7px; color: #aed6f1; letter-spacing:3px; line-height:20px; text-transform:uppercase; overflow:hidden; font-style:italic; }
  66.  
  67. #tag { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/9317811866?profile=original); !important; z-index: 1px; width: 55px; height: 10px; left: 125px; top: 313px; border-radius: 100px; 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(0%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 8px; text-align: center; padding: 10px; line-height: 22px; font-family: roboto; color: #aed6f1; }
  68.  
  69. #circle1 { background-color: #aed6f1; !important; z-index: 1px; width: 10px; height: 10px; left: -245px; top: 107px; border-radius: 100px; 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(0%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  70.  
  71.  
  72. #circle2 { background-color: #aed6f1; !important; z-index: 1px; width: 10px; height: 10px; left: 5px; top: 120px; border-radius: 100px; 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(0%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  73.  
  74.  
  75. #dash { background-color: #trans; !important; z-index: 1px; width: 90px; height: 80px; left: -210px; 90px; top: 85px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #aed6f1; letter-spacing: 1px; font-size:5px; text-align: left; padding: 10px; font-family: eloquent; text-transform: lowercase; line-height: 10px; rotate: -10deg;}
  76.  
  77. #dash2 { background-color: #trans; !important; z-index: 1px; width: 90px; height: 80px; left: 35px; 90px; top: 110px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #aed6f1; letter-spacing: 1px; font-size:5px; text-align: left; padding: 10px; font-family: eloquent; text-transform: lowercase; line-height: 10px; rotate: 1deg;}
  78.  
  79.  
  80. #links {
  81. z-index: 100!important;
  82. position: fixed;
  83. overflow: hidden;
  84. font: 1px 'Roboto';
  85. text-transform: lowercase;
  86. margin-top: -40px;
  87. margin-left: 255px;
  88. text-align: left;
  89. width: 350px;
  90. height: 215px!important;
  91. background: #trans;
  92. line-height: 45px;
  93. filter: grayscale(0);
  94. }
  95.  
  96. #links a {
  97. color: #eee!important;
  98. margin-left: 50px;
  99. padding-left:10px;
  100. padding: 0px;
  101. -webkit-transition: all 0.7s ease;
  102. }
  103.  
  104.  
  105. #links a {
  106. color: #eee!important;
  107. background: #eee;
  108. border-radius: 100%;
  109. padding: 6px;
  110. margin: 10px;
  111. -webkit-transition: all 0.7s ease;
  112. }
  113.  
  114.  
  115. @font-face {font-family: eloquent; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/ehd51y97bzoryxi/EloquentJFRegularPro.ttf);}
  116.  
  117.  
  118. @font-face {font-family: Raleway; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/z1sel824g1y23mw/Raleway-Medium.ttf);}
  119.  
  120.  
  121. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  122.  
  123. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  124.  
  125.  
  126. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  127.  
  128.  
  129. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  130.  
  131.  
  132.  
  133. /****deleted codes****/
  134.  
  135. 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; }
  136.  
  137. /****fonts****/
  138. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  139.  
  140. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  141.  
  142. @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!