API tools faq
paste
mik98

chase that feeling - css

mik98
Jan 29th, 2025 (edited)
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.67 KB | None | 0 0
raw download clone embed print report
  1. body { background-color: #090909;!important;
  2.  
  3. background-repeat:repeat;}
  4.  
  5. #xg_body a { color: #fff;
  6. }
  7.  
  8. #xg_body a:hover { color: #880808;
  9. }
  10.  
  11. #xg_layout_column_2 { background: #trans;
  12. font-color: #880808;
  13. font-family: poppins;
  14. font-size: 12px;
  15. margin-left: -40px;
  16. margin-top: -10px;
  17. width: 1200px;
  18. height: 500px;
  19. }
  20.  
  21. ::-webkit-scrollbar {
  22. display: none;
  23. }
  24.  
  25. /****html****/
  26.  
  27. #code { height: 1500px;}
  28.  
  29.  
  30.  
  31. #container { background-color: #000;!important; z-index: 1px; width: 660px; height: 460px; left: 185px; top: 50px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; border: 1px #333 solid;}
  32.  
  33. #container2 { background-color: #111;!important; z-index: 1px; width: 620px; height: 70px; left: 205px; top: 70px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; border: 1px #333 solid;}
  34.  
  35. #calendar { background-image: url(https://img.freepik.com/premium-psd/april-2025-calendar-black-background_609989-4940.jpg); !important; z-index: 1px; width: 175px; height: 155px; left: 205px; top: 160px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border: 0px #fff solid; background-size: 95%; filter: contrast(80%) grayscale(40%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  36.  
  37. #title { background-color: #trans; !important; z-index: 1px; width: 495px; height: 105px; left: 165px; 90px; top: 90px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); letter-spacing: 0px; font-size:30px; text-align: right; padding: 10px; font-family: smf; text-transform: normal; line-height: 10px; font-weight: 1900; background: #121FCF;
  38. background: linear-gradient(to right, #000 0%, #880808 100%);
  39. -webkit-background-clip: text;
  40. -webkit-text-fill-color: transparent;
  41. -webkit-text-stroke: 0.5px #ddd;
  42. }
  43.  
  44. #pfp { background-image: url(https://i.pinimg.com/736x/f8/b0/97/f8b0970c4af51ef12e849fd09f9e1d70.jpg); !important; z-index: 1px; width: 20px; height: 20px; left: 217px; top: 85px; border-radius: 100px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border: 0px #ddd solid; background-size: cover; filter: contrast(100%) grayscale(10%) 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) box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; animation: pulse2 0.9s ease-out infinite;
  45. }
  46.  
  47.  
  48. @keyframes pulse2 {
  49. 50% {
  50. box-shadow: 0 0 0 0.3em rgba( 136, 8, 8, 0.75);
  51. }
  52. 100% {
  53. box-shadow: 0 0 0 0.8em rgba(252, 176, 69, 0);
  54. }
  55.  
  56. }
  57.  
  58. #pfp2 { background-image: url(https://64.media.tumblr.com/9e67848c15ba83463f706a1b04fe963f/498934a032adee38-e5/s540x810/222bc517e1cdb28ec2a0dc20057e4a62bae19e31.gifv); !important; z-index: 1px; width: 30px; height: 30px; left: 715px; top: 175px; border-radius: 100px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(10%) 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); animation: pulse2 0.9s ease-out infinite;}
  59.  
  60.  
  61. #image1 { background-image: url(https://64.media.tumblr.com/0e9855d69a112acaf9ad30b38946e3dd/5dd2bcba307d642b-21/s400x600/e769b2ff87c599361b178f62b492e573cd584392.gif); !important; z-index: 1px; width: 172px; height: 95px; left: 205px; top: 345px; border-radius: 6px; position: absolute; border: 1px #666 solid;background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #fff; letter-spacing: 2px; font-size: 10px; text-align: right; padding: 10px; font-family: adelicia; }
  62.  
  63. @font-face { font-family:'adelicia'; src: url(https://static.tumblr.com/v6akjgz/WMDrinfks/adeliciaregular.ttf); }
  64.  
  65.  
  66. #essay { background-color: #trans; z-index: 1px; width: 160px; height: 223px; left: 630px; 90px; top: 215px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: uppercase; font-family: poppins; padding: 30px; text-align: center; font-size: 5px; line-height: 10px; letter-spacing: 1px; color: #880808;
  67. }
  68.  
  69. .essay b, strong {color: #ccc; font-family: poppins; font-size:5px; font-weight: 1200; opacity: 100%; line-height: 10px; letter-spacing: 1px; font-style: italic;}
  70.  
  71. #image2{ background-image: url(https://64.media.tumblr.com/242b532df13c8a0df188109a87e11d5a/52c9d3dcd272fb7e-01/s400x600/4c78888a621701ea45213858cfc8d883f74ea40c.gifv); !important; z-index: 1px; width: 165px; height: 106px; left: 645px; top: 372px; border-radius: 6px; position: absolute; border: 1px #666 solid;background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #fff; letter-spacing: 2px; font-size: 12px; text-align: right; padding: 10px; font-family: adelicia;}
  72.  
  73.  
  74. #contain {
  75. position: absolute;
  76. width: 205px;
  77. height: 320px;
  78. margin-left: 410px;
  79. margin-top: 155px;
  80. background: #181818;
  81. overflow: auto;
  82. padding: 5px;
  83. border-radius: 6px;
  84. border-top: 10px #181818 solid;
  85.  
  86.  
  87.  
  88. }
  89.  
  90.  
  91. .view {
  92. width: 60px;
  93. height: 60px;
  94. top: -5px;
  95. margin: 2px;
  96. float: left;
  97. overflow: hidden;
  98. position: relative;
  99. text-align: center;
  100. box-shadow: 0px 1px 1px 0px #trans;
  101. filter: grayscale(0.2) brightness(100%) contrast(110%);
  102. border: 2px #444 solid;
  103. border-radius: 6px;
  104.  
  105.  
  106. }
  107.  
  108. .view .mask,.view .content {
  109. width: 60px;
  110. height: 60px;
  111. position: absolute;
  112. overflow: hidden;
  113. top: 0;
  114. left: 0;
  115. }
  116.  
  117. .view img {
  118. top: -5px;
  119. left: -8px;
  120. width: 60px!important;
  121. height: 60px!important;
  122. display: block;
  123. position: relative;
  124. border-radius: 0px;
  125. }
  126.  
  127. .view .bio {
  128. overflow: auto;
  129. font-family: 'caviar dreams';
  130. font-size: 5px!important;
  131. font-style: normal;
  132. position: relative;
  133. color: #aaa!important;
  134. padding: 0px 10px -5px;
  135. text-align: center;
  136. height: 30px!important;
  137. text-transform: lowercase;
  138. letter-spacing: 0px;
  139. font-weight: 1000;
  140.  
  141. }
  142.  
  143. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  144.  
  145. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  146.  
  147.  
  148.  
  149. .view .info {
  150. margin-top: 5px;
  151. display: inline-block;
  152. text-decoration: none;
  153. padding: 7px;
  154. color: #FA8072;
  155. font-size: 6px;
  156. text-transform: uppercase;
  157. letter-spacing: 0px;
  158. }
  159.  
  160. .view-tenth img {
  161. -webkit-transform: scaleY(1);
  162. -moz-transform: scaleY(1);
  163. -o-transform: scaleY(1);
  164. -ms-transform: scaleY(1);
  165. transform: scaleY(1);
  166. -webkit-transition: all 0.7s ease-in-out;
  167. -moz-transition: all 0.7s ease-in-out;
  168. -o-transition: all 0.7s ease-in-out;
  169. -ms-transition: all 0.7s ease-in-out;
  170. transition: all 0.7s ease-in-out;
  171. }
  172. .view-tenth .mask {
  173. background-color: #111;
  174. -webkit-transition: all 0.5s linear;
  175. -moz-transition: all 0.5s linear;
  176. -o-transition: all 0.5s linear;
  177. -ms-transition: all 0.5s linear;
  178. transition: all 0.5s linear;
  179. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  180. filter: alpha(opacity=0);
  181. opacity: 0;
  182. }
  183.  
  184. .view-tenth .bio {
  185. color: #333;
  186. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  187. filter: alpha(opacity=0);
  188. opacity: 0;
  189. -webkit-transform: scale(0);
  190. -moz-transform: scale(0);
  191. -o-transform: scale(0);
  192. -ms-transform: scale(0);
  193. transform: scale(0);
  194. -webkit-transition: all 0.5s linear;
  195. -moz-transition: all 0.5s linear;
  196. -o-transition: all 0.5s linear;
  197. -ms-transition: all 0.5s linear;
  198. transition: all 0.5s linear;
  199. }
  200. .view-tenth .info {
  201. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  202. filter: alpha(opacity=0);
  203. opacity: 0;
  204. -webkit-transform: scale(0);
  205. -moz-transform: scale(0);
  206. -o-transform: scale(0);
  207. -ms-transform: scale(0);
  208. transform: scale(0);
  209. -webkit-transition: all 0.5s linear;
  210. -moz-transition: all 0.5s linear;
  211. -o-transition: all 0.5s linear;
  212. -ms-transition: all 0.5s linear;
  213. transition: all 0.5s linear;
  214. }
  215. .view-tenth:hover img {
  216. -webkit-transform: scale(10);
  217. -moz-transform: scale(10);
  218. -o-transform: scale(10);
  219. -ms-transform: scale(10);
  220. transform: scale(10);
  221. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  222. filter: alpha(opacity=0);
  223. opacity: 0;
  224. }
  225. .view-tenth:hover .mask {
  226. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  227. filter: alpha(opacity=100);
  228. opacity: 1;
  229. }
  230. .view-tenth:hover .bio,.view-tenth:hover .info {
  231. -webkit-transform: scale(1);
  232. -moz-transform: scale(1);
  233. -o-transform: scale(1);
  234. -ms-transform: scale(1);
  235. transform: scale(1);
  236. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  237. filter: alpha(opacity=100);
  238. opacity: 1;
  239. }
  240.  
  241. #container3 { background-color: #181818;!important; z-index: 1px; width: 185px; height: 200px; left: 646px; top: 160px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; }
  242.  
  243. #container4 { background-color: #181818;!important; z-index: 1px; width: 195px; height: 25px; left: 205px; top: 470px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; color: #880808; text-align: center; text-transform: uppercase; font-family: robold; padding-top: 5px; font-size: 15px; letter-spacing: 1px;}
  244.  
  245.  
  246. #title2 { background-color: #trans; !important; z-index: 1px; width: 495px; height: 105px; left: 105px; 90px; top: 452px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); letter-spacing: 0px; font-size:30px; text-align: right; padding: 10px; font-family: noteworthy; text-transform: lowercase; line-height: 10px; font-weight: 1900; background: #trans; color: #880808; animation: bounce 2s ease infinite;
  247. }
  248. @keyframes bounce {
  249. 70% { transform:translateY(0%); }
  250. 80% { transform:translateY(-15%); }
  251. 90% { transform:translateY(0%); }
  252. 95% { transform:translateY(-7%); }
  253. 97% { transform:translateY(0%); }
  254. 99% { transform:translateY(-3%); }
  255. 100% { transform:translateY(0); }}
  256.  
  257. #link {
  258. display: inline-block;
  259. position: absolute;
  260. width: 300px;
  261. height: 10px;
  262. -webkit-transition-duration: 0.8s;
  263. -moz-transition-duration: 0.8s;
  264. opacity: 0.7;
  265. margin-top: 87px;
  266. margin-left: 598px;
  267. padding: 0px 15px 10px 0px;
  268. line-height: 0px;
  269. -webkit-filter: grayscale(10) brightness(21220%) contrast(20%);
  270. border-radius:6px;
  271. text-align: center;
  272.  
  273.  
  274. }
  275.  
  276. #link a.links {
  277. display: inline-block;
  278. width: 25px;
  279. height: 25px;
  280. text-align: center;
  281. text-transform: uppercase;
  282. text-align: center;
  283. line-height: 0px;
  284. color: #fff;
  285. text-shadow: 0px 0px 6px #FFFFFF;
  286. font-size: 0px;
  287. font-family: 'beckman';
  288. -webkit-transition: all 0.5s ease-in-out;
  289. -moz-transition: all 0.5s ease-in-out;
  290. -o-transition: all 0.5s ease-in-out;
  291. -ms-transition: all 0.5s ease-in-out;
  292. transition: all 0.5s ease-in-out;
  293. margin: 0px;
  294. -webkit-filter: grayscale(10) contrast(80%);
  295.  
  296. }
  297.  
  298.  
  299.  
  300.  
  301.  
  302. @font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }
  303.  
  304.  
  305. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  306.  
  307. @font-face {
  308. font-family: noteworthy;
  309. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d63hhsagwae41zk/Noteworthy%20Script.otf);
  310. }
  311.  
  312.  
  313. @font-face {
  314. font-family: soulmaze;
  315. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/y2v3i4y79zzk3i3ojrzgb/MADE-Soulmaze-Outline-PERSONAL-USE.ttf);
  316. }
  317.  
  318.  
  319. @font-face { font-family: 'scorchedearth'; src: url('https://static.tumblr.com/ujahjev/Gxoplsunp/scorchedearthdemo-kcfonts.otf') format('truetype');}
  320.  
  321.  
  322. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  323.  
  324.  
  325.  
  326.  
  327. @font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }
  328.  
  329.  
  330. @font-face {
  331. font-family: erotique;
  332. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/ravoidkg5j8b0fo/ErotiqueTrial-Bold.ttf);
  333. }
  334.  
  335. @font-face {
  336. font-family: yonitta;
  337. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/m4lasnvh43xf1ft/YonittaSignature.otf);
  338. }
  339.  
  340. @font-face {
  341. font-family: Generic;
  342. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  343. }
  344.  
  345.  
  346. @font-face {
  347. font-family: HelveticaNeueLight;
  348. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  349. }
  350.  
  351. @font-face {
  352. font-family: HelveticaNeueBold;
  353. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  354. }
  355.  
  356. @font-face {
  357. font-family: Generic50;
  358. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
  359. }
  360.  
  361. @font-face {
  362. font-family: Generic;
  363. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  364. }
  365.  
  366.  
  367. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  368.  
  369.  
  370. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  371.  
  372.  
  373. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  374.  
  375.  
  376.  
  377. /****deleted codes****/
  378.  
  379. 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; }
  380.  
  381. /****fonts****/
  382. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  383.  
  384. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  385.  
  386. @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!