mik98

down in flames - css

Dec 31st, 2020 (edited)
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.37 KB | None | 0 0
  1. body {
  2. background-color: #000;
  3. background-image: url();
  4. background-size: cover;
  5. }
  6.  
  7. html,body{cursor: url(http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png), progress;}
  8.  
  9. #xg_body {
  10. left: auto;
  11. position: fixed!important;
  12. margin-top: -80px;
  13. margin-left: -40px;
  14. }
  15.  
  16. div#xg_ad_below_header, div#xg_ad_below_footer {
  17. display: none!important;
  18. }
  19.  
  20. div#xg_navigation {
  21. visibility: hidden;
  22. position: fixed;
  23. }
  24.  
  25. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  26. display: none;
  27. }
  28.  
  29.  
  30. div#xg_masthead {
  31. position: relative;
  32. }
  33.  
  34. div#xn_bar {
  35. display: none;
  36. }
  37.  
  38. #xg_body:before {
  39. content:""; /* CHANGE TEXT HERE */
  40. position: absolute;
  41. top: 125px;
  42. left: 365px;
  43. font: 11px 'Roboto';
  44. color: #aaa;
  45. text-transform: lowercase;
  46. text-align: justify;
  47. width: 350px;
  48. height: 415px;
  49. background: #111;
  50. padding-top: 220px!important;
  51. padding: 60px;
  52. box-sizing: border-box;
  53. overflow: hidden;
  54. }
  55.  
  56. div#xg_layout_column_1 {
  57. position: relative;
  58. z-index: 1;
  59. top: 100px;
  60. left: 100px;
  61. width: 800px;
  62. height: auto;
  63. overflow: hidden;
  64. background: #;
  65. }
  66.  
  67. div#xg_layout_column_1:before {
  68. content:"";
  69. position: absolute;
  70. width: 155px;
  71. height: 155px;
  72. top: 225px;
  73. left: 460px;
  74. background: url(https://media0.giphy.com/media/53XZmIF9oiv6LaUP32/giphy.gif) 0px 0px repeat; /* CHANGE IMAGE HERE */
  75. background-size: cover;
  76. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  77. -webkit-filter: grayscale(1);
  78. border-top: #333 15px solid;
  79. }
  80.  
  81. div#xg_layout_column_1:after {
  82. content:"";
  83. position: absolute;
  84. background: rgb(255, 255, 255);
  85. top: 30px;
  86. left: 270px;
  87. width: 205px;
  88. height: 225px;
  89. background: url(https://www.famousbirthdays.com/headshots/kailyn-de-los-rios-3.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  90. background-size: cover;
  91. filter: grayscale(1);
  92. }
  93.  
  94. div.module_user_summary:before {
  95. z-index: -100!important;
  96. visibility: visible!important;
  97. content:"";
  98. position: absolute;
  99. top: 255px;
  100. left: 245px;
  101. width: 185px;
  102. height: 105px;
  103. background: #222;
  104. background-size: cover;
  105. filter: grayscale(1);
  106.  
  107. }
  108.  
  109. @font-face { font-family: "nothing for you"; src: url('https://dl.dropboxusercontent.com/s/h9h96imkupmv2c6/NothingForYou.otf'); }
  110.  
  111.  
  112. div.module_user_summary:after {
  113. z-index: -100!important;
  114. visibility: visible;
  115. content:"";
  116. position: absolute;
  117. top: 375px;
  118. left: 270px;
  119. width: 275px;
  120. height: 65px;
  121. background: #222;
  122. text-align: right;
  123. background-size: cover;
  124. filter: grayscale(1);
  125. border-radius: 0px 20px 0px 0px;
  126. }
  127.  
  128. div.xg_span-16:before {
  129. visibility: visible!important;
  130. z-index: 100;
  131. content:"• • •"; /* CHANGE TEXT HERE */
  132. position: absolute;
  133. top: 312px;
  134. left: 663px;
  135. width: 210px;
  136. height: 60px;
  137. font: 20px 'Montserrat';
  138. font-weight: bold;
  139. overflow: hidden;
  140. box-sizing: border-box;
  141. padding: 10px;
  142. text-transform: uppercase;
  143. background: #trans;
  144. color: #555;
  145. }
  146.  
  147. div.module_user_thumbnail:before {
  148. opacity: 10;
  149. visibility: visible;
  150. content:""; /* CHANGE TEXT HERE */
  151. position: absolute;
  152. z-index: 1;
  153. top: 325px;
  154. left: 250px;
  155. width: 175px;
  156. height: 35px;
  157. font: 12px 'Roboto';
  158. font-weight: 900;
  159. color: #000;
  160. overflow: hidden;
  161. text-transform: uppercase;
  162. text-align: center;
  163. padding-top: 5px!important;
  164. padding: 10px;
  165. box-sizing: border-box;
  166. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8368052487?profile=original);
  167. background-size: 100%;
  168. }
  169.  
  170. div.module_user_thumbnail:after {
  171. opacity: 10;
  172. visibility: visible;
  173. content:"jayne savannah austen."; /* CHANGE TEXT HERE */
  174. position: absolute;
  175. top: 278px;
  176. left: 238px;
  177. width: 175px;
  178. height: 120px;
  179. color: #aaa;
  180. overflow: hidden;
  181. text-transform: lowercase;
  182. text-align: center;
  183. padding-top: 5px!important;
  184. padding: 10px;
  185. background: trans;
  186. font-family: caviardreams;
  187. font-size: 10px;
  188. line-height: 12px;
  189. }
  190.  
  191.  
  192. @font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  193.  
  194.  
  195. .dy-avatar.dy-avatar-full-width:after {
  196. opacity: 10;
  197. z-index: 100!important;
  198. visibility: visible;
  199. content:""; /* CHANGE TEXT HERE */
  200. position: absolute;
  201. top: 50px;
  202. left: 420px;
  203. width: 220px;
  204. height: 140px;
  205. font: 12px 'Roboto';
  206. font-weight: 900;
  207. color: #000;
  208. overflow: hidden;
  209. text-transform: uppercase;
  210. text-align: center;
  211. padding-top: 5px!important;
  212. padding: 10px;
  213. background: url(https://thumbs.gfycat.com/BigheartedRequiredBaldeagle.webp);
  214. background-size: 100%;
  215. filter: grayscale(1) brightness(30%);
  216.  
  217. }
  218.  
  219.  
  220. .dy-avatar.dy-avatar-full-width:before {
  221. visibility: visible;
  222. z-index: 100;
  223. content:"down in flames"; /* CHANGE TEXT HERE */
  224. position: absolute;
  225. top: 205px;
  226. left: 305px;
  227. width:300px;
  228. height: 105px;
  229. font: 34px 'smf';
  230. font-weight: bold;
  231. text-align: left;
  232. overflow: hidden;
  233. box-sizing: border-box;
  234. line-height: 30px;
  235. padding: 10px;
  236. text-transform: lowercase;
  237. background: #trans;
  238. color: #aec6cf;
  239. -webkit-text-stroke: 1px #000;
  240.  
  241. }
  242.  
  243. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  244.  
  245.  
  246. div#xg_layout_column_2 {
  247. position: absolute;
  248. z-index: 100!important;
  249. width: 820px;
  250. height: 40px;
  251. top: 70px;
  252. font-size: 11px;
  253. left: 9%;
  254. background: #trans;
  255. font-family:'Roboto';
  256. color: #fff;
  257. -moz-transition: all 0.5s ease-out;
  258. -o-transition: all 0.5s ease-out;
  259. }
  260.  
  261. div.module_user_summary {
  262. visibility: hidden;
  263. }
  264.  
  265. .dy-avatar.dy-avatar-full-width {
  266. z-index: -1!important;
  267. width: 900px;
  268. margin-left: 0px;
  269. margin-top: 0px;
  270. height: 30px;
  271. background: #trans;
  272. }
  273.  
  274. img#xj_photo_img_tag {
  275. visibility: visible;
  276. z-index: 1!important;
  277. width: 50px!important;
  278. height: 50px!important;
  279. margin-left: 280px;
  280. margin-top: 380px;
  281. border-radius: 100px;
  282. transition:all 0.3s ease-in-out;
  283. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  284. filter: grayscale(1);
  285. }
  286.  
  287. div.xg_span-16 {
  288. visibility: visible;
  289. z-index: -1!important;
  290. }
  291.  
  292. div.xg_3col {
  293. visibility: visible;
  294. }
  295.  
  296. /* POP UP + BUTTON COLOURS */
  297.  
  298. .xg_floating_container.xg_lightborder {
  299. background-color: rgb(132, 132, 132);
  300. }
  301.  
  302. input.button.action-primary {
  303. background-color: rgb(85, 85, 85);
  304. }
  305.  
  306. p.buttongroup {
  307. background-color: rgb(170, 170, 170);
  308. padding: 5px;
  309. }
  310.  
  311. a.xj_cancel.action-secondary {
  312. color: rgb (255, 255, 255);
  313. }
  314.  
  315. /* REMOVED CODES */
  316.  
  317. .online {
  318. display: none;
  319.  
  320. }
  321.  
  322. .xg_module_body.profile.vcard {
  323. display: none;
  324. }
  325.  
  326. .account-links {
  327. display: none;
  328.  
  329. }
  330.  
  331. #xg_foot {
  332. display: none;
  333. }
  334.  
  335. p.left {
  336. display: none;
  337. }
  338.  
  339. p.right.xg_lightfont {
  340. display: none;
  341. }
  342.  
  343. #xg_sitedesc {
  344. display: none;
  345. }
  346.  
  347. #xg_sitename {
  348. display: none;
  349. }
  350.  
  351. img.poweredbyLogo {
  352. display: none;
  353. }
  354.  
  355. .xg_module_head {
  356. display: auto;
  357. border-bottom: 0px solid #fff!important;
  358. }
  359.  
  360. #xg_profile_activity{
  361. display:none;
  362. }
  363.  
  364. .xg_sprite {
  365. background: transparent;
  366. }
  367.  
  368. a.send-message-link {
  369. display: none;
  370. }
  371.  
  372. dd.profile-like-button {
  373. display: none;
  374. }
  375.  
  376. dd.profile-social-buttons {
  377. display: none;
  378. }
  379.  
  380. .module_blog {
  381. display: none!important;
  382. }
  383.  
  384. a.xj_block_messages {
  385. display: none;
  386. }
  387.  
  388. h1, h2, h3, #xj_approvalBox, .module_groups, .xg_sprite.xg_sprite-add, .xg_module_comment_wall, .xg_chatBar, .xg_span-5, .module_feed, .module_about_user, .module_members, #xj_module_gift {
  389. display: none;
  390. }
  391.  
  392. ul.nobullets.last-child {
  393. display: none;
  394. }
  395.  
  396. span.fn {
  397. display: none;
  398. }
  399.  
  400. span.fn:before {
  401. content:"";
  402. }
  403.  
  404. a.xj_appearance_editor_profile {
  405. display: none;
  406. }
  407.  
  408. .xg_module.topmsg.birthday_msg {
  409. display: none!important;
  410. }
  411.  
  412. /* TEXT + LINK CODES*/
  413.  
  414. a#add-as-friend-link {
  415. position: fixed;
  416. font-size: 20px;
  417. font-weight: 900;
  418. font-family: 'Playfair Display';
  419. margin-top: 89px;
  420. margin-left: -120px;
  421. letter-spacing: 2px;
  422. text-transform: uppercase;
  423. text-align: right;
  424. color: rgb(255, 255, 255)!important;
  425. -webkit-transition: ease-in-out 0.6s;
  426. -webkit-transition-duration: 700ms;
  427. text-shadow: 0px 2px 2px #111111;
  428. transform: rotate(-90deg);
  429. }
  430.  
  431. #xg_body a {
  432. color: auto!important;
  433. background-color: transparent;
  434. font-style: normal;
  435. -webkit-transition: 1s;
  436.  
  437. }
  438.  
  439. p {
  440. color: auto!important;
  441. font-size: 11px;
  442. font-family: 'Tahoma';
  443. }
  444.  
  445.  
  446. ::selection {
  447. background: #c6f3f5;
  448. color: #ffffff;
  449. }
  450.  
  451. ::-webkit-scrollbar {
  452. width: 4px;
  453. height: 0px;
  454. background: transparent;
  455. }
  456.  
  457. ::-webkit-scrollbar-thumb {
  458. background: #aaa;
  459. border-radius: 4px;
  460. }
  461.  
  462. ::-webkit-scrollbar-corner {
  463. background: transparent;
  464. }
  465.  
  466. #links {
  467. z-index: 1!important;
  468. position: fixed;
  469. overflow: hidden;
  470. font: 22px 'bebas neue';
  471. text-transform: lowercase;
  472. margin-top: 400px;
  473. margin-left: 340px;
  474. text-align: left;
  475. width: 370px;
  476. height: 30px!important;
  477. background: #trans;
  478. line-height: 40px;
  479. text-shadow: 0px 2px 2px #111:
  480. }
  481.  
  482. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  483.  
  484. #links a {
  485. color: #444!important;
  486. margin-left: 10px;
  487. padding-left:10px;
  488. padding: 5px;
  489. -webkit-transition: all 0.7s ease;
  490. }
Add Comment
Please, Sign In to add comment