mik98

last night - jarrett - css

Jul 14th, 2021
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.96 KB | None | 0 0
  1. body {
  2. background-color: #000;
  3. background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/9246396252?profile=original);
  4. background-repeat: repeat;
  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: -40px;
  13. margin-left: -10px;
  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. z-index: -100;
  40. content:""; /* CHANGE TEXT HERE */
  41. position: absolute;
  42. top: 250px;
  43. left: 420px;
  44. font: 11px 'Roboto';
  45. color: #000;
  46. text-transform: lowercase;
  47. box-shadow: 8px 8px 8px #trans;
  48. text-align: justify;
  49. width: 365px;
  50. height: 232px;
  51. background: #222;
  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: 75px;
  71. height: 73px;
  72. top: 213px;
  73. left: 580px;
  74. background: url(https://64.media.tumblr.com/58dde1a7d4542d1a4349b20ce28662f7/7159dade2030b807-24/s1280x1920/a606a998a119697a73fdefbc932963d85a363800.png) 0px -10px;
  75. background-size: cover;
  76. border-radius: 4px;
  77. filter: grayscale(10.2) brightness(90%);
  78.  
  79. }
  80.  
  81.  
  82. .xg_3col:after {
  83. content:""; /* CHANGE TEXT HERE */
  84. position: absolute;
  85. z-index: -10;
  86. font-family: roboto;
  87. color: #fff;
  88. font-size: 11px;
  89. text-transform: lowercase;
  90. top: 270px;
  91. left: 450px;
  92. width: 320px;
  93. height: 180px;
  94. border-radius:4px;
  95. background: #111;
  96. border-top: 20px solid #888;
  97. background-size: cover;
  98.  
  99. }
  100.  
  101.  
  102.  
  103. .xg_span-16:after{
  104. z-index: -1;
  105. content:""; /* CHANGE TEXT HERE */
  106. position: absolute;
  107. top: 292px;
  108. left: 455px;
  109. width: 310px;
  110. height: 14px;
  111. background: url(https://storage.ning.com/topology/rest/1.0/file/get/9246407083?profile=original) 0px 0px;
  112. background-size: cover;
  113. -webkit-filter: grayscale(10.3) brightness(50%) contrast(110%);
  114.  
  115.  
  116.  
  117. }
  118.  
  119. .xg_3col:before {
  120. z-index: 100;
  121. content:"Tuesday, 24th March"; /* CHANGE TEXT HERE */
  122. position: absolute;
  123. font-family: quicksand;
  124. color: #111;
  125. font-size: 13px;
  126. text-transform: uppercase;
  127. top: 333px;
  128. left: 250px;
  129. width: 180px;
  130. height: 80px;
  131. border-radius:6px;
  132. background: trans;
  133. }
  134.  
  135. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  136.  
  137.  
  138. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  139.  
  140.  
  141. div#xg_layout_column_1:after {
  142. content:"";
  143. position: absolute;
  144. z-index: 100px;
  145. background: rgb(255, 255, 255);
  146. top: 55px;
  147. left: 115px;
  148. width: 205px;
  149. height: 325px;
  150. background: url(https://64.media.tumblr.com/2ac0d844e318247237b1ddc3456647f6/88f87063e20f8828-91/s500x750/430b7b777337ba99fb58d20d49a7019a73deb41b.gifv) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  151. background-size: cover;
  152. border: 10px solid #222;
  153. border-radius: 20px;
  154. filter: grayscale(10.2);
  155. }
  156.  
  157. div.module_user_summary:before {
  158. z-index: 1000000!important;
  159. visibility: visible!important;
  160. content:"https://amongthecosmos.com/profile/miller850";
  161. position: absolute;
  162. top: 195px;
  163. left: 393px;
  164. width: 205px;
  165. font-family: quicksand;
  166. height: 9px;
  167. background: #111;
  168. font-size: 7px;
  169. color: #aaa;
  170. background-size: cover;
  171. filter: grayscale(0);
  172. }
  173.  
  174. div.module_user_summary:after {
  175. z-index: -100!important;
  176. visibility: visible;
  177. content:"";
  178. position: absolute;
  179. top: 70px;
  180. left: 130px;
  181. width: 45px;
  182. height: 7px;
  183. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8617674873?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  184. background-size: cover;
  185. filter: grayscale(1) brightness(20%);
  186. }
  187.  
  188. div.xg_span-16:before {
  189. visibility: visible!important;
  190. z-index: 100;
  191. content:"12:34"; /* CHANGE TEXT HERE */
  192. position: absolute;
  193. top: 285px;
  194. left: 270px;
  195. width: 200px;
  196. height: 60px;
  197. font: 40px 'quicksand';
  198. font-weight: bold;
  199. overflow: hidden;
  200. box-sizing: border-box;
  201. padding: 10px;
  202. text-transform: uppercase;
  203. background: #trans;
  204. color: #111;
  205. }
  206.  
  207. @font-face { font-family:"quicksand"; src: url('https://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  208.  
  209.  
  210. div.module_user_thumbnail:before {
  211. opacity: 100;
  212. visibility: visible;
  213. content:" put my hands on your body"; /* CHANGE TEXT HERE */
  214. position: absolute;
  215. z-index: -10;
  216. top: 70px;
  217. left: 340px;
  218. width: 345px;
  219. height: 89px;
  220. font: 21px 'toothless';
  221. letter-spacing: 2px;
  222. color: #666;
  223. overflow: hidden;
  224. text-transform: uppercase;
  225. padding-top: 33px!important;
  226. text-align: center;
  227. padding: 10px;
  228. box-sizing: border-box;
  229. background: url(https://media1.giphy.com/media/l0MYzA5czu7GV1Xt6/200.gif?cid=95b279446619ae4bb276b8085d4e825860d5e934fbbc4e13&rid=200.gif&ct=g) 0px -60px;
  230. background-size: cover;
  231. filter: grayscale(10.3);
  232. }
  233.  
  234. @font-face { font-family: "toothless"; src: url('https://dl.dropboxusercontent.com/s/to0toozbpyhjeac/Toothless.ttf'); ;}
  235.  
  236. @font-face {font-family: blondie; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/8gpgonx3v3hx5rm/Blondie.ttf);}
  237.  
  238.  
  239. @font-face { font-family: "ronda"; src: url('https://static.tumblr.com/oct6d4x/Wvalo56tg/pf_ronda_seven.ttf'); }
  240.  
  241. div.module_user_thumbnail:after {
  242. opacity: 10;
  243. visibility: visible;
  244. content:""; /* CHANGE TEXT HERE */
  245. position: absolute;
  246. top: 60px;
  247. left: 180px;
  248. width: 95px;
  249. height: 10px;
  250. font: 12px 'Roboto';
  251. font-weight: 900;
  252. color: #000;
  253. overflow: hidden;
  254. text-transform: uppercase;
  255. text-align: center;
  256. padding-top: 5px!important;
  257. background: #222;
  258. border-radius: 15px;
  259. }
  260.  
  261. .bio {
  262. background-color: #;
  263. width: 190px;
  264. height: 130px;
  265. margin-left: 365px;
  266. margin-top: -295px;
  267. font-family: raleway;
  268. color: #444;
  269. overflow: scroll;
  270. font-size: 8px;
  271. text-align: justify;
  272. line-height:21px;
  273. padding-right: 4px;
  274. text-transform: lowercase;
  275. }
  276.  
  277. @font-face {
  278. font-family: 'Raleway';
  279. font-style: normal;
  280. font-weight: 400;
  281. src: local('Raleway'), local('Raleway-Regular'),
  282. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  283. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  284. }
  285.  
  286. @font-face {
  287. font-family: 'Raleway';
  288. font-style: normal;
  289. font-weight: 700;
  290. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  291. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  292. }
  293.  
  294. .bio b, strong {color: #666; font-family: eloquentreg; font-size:11px;font-weight: normal; text-transform: lowercase;
  295. }
  296.  
  297. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  298.  
  299. i, em {
  300. color: #aaa;
  301. font-family: messy;
  302. font-size: 6px;
  303. font-style: normal;
  304. letter-spacing: 0px;
  305. text-transform: lowercase;
  306.  
  307. line-height: 0px;
  308. }
  309.  
  310. @font-face { font-family: messy; src: url('https://dl.dropboxusercontent.com/s/7yz5qhv4qijqmvt/KGLifeisMessy.ttf') ;}
  311.  
  312. @font-face { font-family: 'vincentia'; src: url('https://dl.dropboxusercontent.com/s/2b43ud4mmo0yb0d/Vincentia.otf') ;}
  313.  
  314. .dy-avatar.dy-avatar-full-width:after {
  315. opacity: 10;
  316. z-index: 100!important;
  317. visibility: visible;
  318. content:""; /* CHANGE TEXT HERE */
  319. position: absolute;
  320. top: 65px;
  321. left: 275px;
  322. width: 30px;
  323. height: 1px;
  324. font: 12px 'Roboto';
  325. font-weight: 900;
  326. color: #000;
  327. overflow: hidden;
  328. text-transform: uppercase;
  329. text-align: center;
  330. padding-top: 5px!important;
  331. padding: 10px;
  332. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8617660873?profile=original);
  333. background-size: cover;
  334. filter: grayscale(1)contrast(10%)brightness(10%);
  335.  
  336. }
  337.  
  338. div#xg_layout_column_1:hover div.module_user_thumbnail:before, div#xg_layout_column_1:hover div.module_user_thumbnail:after, div#xg_layout_column_1:hover .dy-avatar.dy-avatar-full-width:after {
  339. opacity: 1;
  340. }
  341.  
  342. .dy-avatar.dy-avatar-full-width:before {
  343. visibility: visible;
  344. z-index: 10;
  345. content:""; /* CHANGE TEXT HERE */
  346. position: absolute;
  347. top: 290px;
  348. left: 580px;
  349. width: 75px;
  350. height: 75px;
  351. font: 20px 'Montserrat';
  352. font-weight: bold;
  353. text-align: center;
  354. overflow: hidden;
  355. box-sizing: border-box;
  356. line-height: 30px;
  357. padding: 10px;
  358. text-transform: uppercase;
  359. background: url(https://64.media.tumblr.com/4fbdaa96a18c632a0fc9945a740b38c6/7159dade2030b807-2a/s1280x1920/b3c8bea6a3711941d6aa5a341f80f62286a6e64f.png) 0px -10px;
  360. background-size: cover;
  361. border-radius: 4px;
  362. filter: grayscale(10.2) brightness(90%);
  363. }
  364.  
  365. .title {
  366. color: #888;
  367. font-family: poetsen;
  368. font-size: 8px;
  369. font-weight: 9000;
  370. line-height: 25px;
  371. text-transform: uppercase;
  372. width: 365px;
  373. text-decoration: underline;
  374.  
  375. height: 310px;
  376. margin-top: 210px;
  377. margin-left: 355px;
  378. overflow: hidden;
  379. padding: 10px;
  380. letter-spacing: 0.4px;
  381. border: 0px solid #fff;
  382.  
  383. }
  384.  
  385. @font-face { font-family: 'poetsen'; src: url('https://dl.dropboxusercontent.com/s/ip3tg2rg9z60zh7/PoetsenOne-Regular.ttf') ;}
  386.  
  387.  
  388. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  389.  
  390.  
  391. @font-face {font-family: housky; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/418gosng3fzj9d0/Housky%20Demo.ttf);}
  392.  
  393.  
  394. @font-face { font-family: "nouvelle vague"; src: url('https://dl.dropboxusercontent.com/s/o94aqv6kpx8mbri/nouvelle_vague_final.ttf'); }
  395.  
  396.  
  397. div#xg_layout_column_2 {
  398. position: absolute;
  399. z-index: 100!important;
  400. width: 820px;
  401. height: 40px;
  402. top: 70px;
  403. font-size: 11px;
  404. left: 9%;
  405. background: #trans;
  406. font-family:'Roboto';
  407. color: #fff;
  408. -moz-transition: all 0.5s ease-out;
  409. -o-transition: all 0.5s ease-out;
  410. }
  411.  
  412. div.module_user_summary {
  413. visibility: hidden;
  414. }
  415.  
  416.  
  417. .dy-avatar.dy-avatar-full-width {
  418. z-index: -1!important;
  419. width: 900px;
  420. margin-left: 0px;
  421. margin-top: 0px;
  422. height: 30px;
  423. background: #trans;
  424. }
  425.  
  426.  
  427.  
  428. img#xj_photo_img_tag {
  429. visibility: hide;
  430. z-index: 1!important;
  431. width: 28px!important;
  432. height: 28px!important;
  433. margin-left: 480px;
  434. margin-top: 67px;
  435. border-radius: 100px;
  436. filter: grayscale(1);
  437.  
  438. }
  439.  
  440. div.xg_span-16 {
  441. visibility: visible;
  442. z-index: -1!important;
  443. }
  444.  
  445. div.xg_3col {
  446. visibility: visible;
  447. }
  448.  
  449. /* POP UP + BUTTON COLOURS */
  450.  
  451. .xg_floating_container.xg_lightborder {
  452. background-color: rgb(132, 132, 132);
  453. }
  454.  
  455. input.button.action-primary {
  456. background-color: rgb(85, 85, 85);
  457. }
  458.  
  459. p.buttongroup {
  460. background-color: rgb(170, 170, 170);
  461. padding: 5px;
  462. }
  463.  
  464. a.xj_cancel.action-secondary {
  465. color: rgb (255, 255, 255);
  466. }
  467.  
  468. /* REMOVED CODES */
  469.  
  470. .online {
  471. display: none;
  472.  
  473. }
  474.  
  475. .xg_module_body.profile.vcard {
  476. display: none;
  477. }
  478.  
  479. .account-links {
  480. display: none;
  481.  
  482. }
  483.  
  484. #xg_foot {
  485. display: none;
  486. }
  487.  
  488. p.left {
  489. display: none;
  490. }
  491.  
  492. p.right.xg_lightfont {
  493. display: none;
  494. }
  495.  
  496. #xg_sitedesc {
  497. display: none;
  498. }
  499.  
  500. #xg_sitename {
  501. display: none;
  502. }
  503.  
  504. img.poweredbyLogo {
  505. display: none;
  506. }
  507.  
  508. .xg_module_head {
  509. display: auto;
  510. border-bottom: 0px solid #fff!important;
  511. }
  512.  
  513. #xg_profile_activity{
  514. display:none;
  515. }
  516.  
  517. .xg_sprite {
  518. background: transparent;
  519. }
  520.  
  521. a.send-message-link {
  522. display: none;
  523. }
  524.  
  525. dd.profile-like-button {
  526. display: none;
  527. }
  528.  
  529. dd.profile-social-buttons {
  530. display: none;
  531. }
  532.  
  533. .module_blog {
  534. display: none!important;
  535. }
  536.  
  537. a.xj_block_messages {
  538. display: none;
  539. }
  540.  
  541. 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 {
  542. display: none;
  543. }
  544.  
  545. ul.nobullets.last-child {
  546. display: none;
  547. }
  548.  
  549. span.fn {
  550. display: none;
  551. }
  552.  
  553. span.fn:before {
  554. content:"";
  555. }
  556.  
  557. a.xj_appearance_editor_profile {
  558. display: none;
  559. }
  560.  
  561. .xg_module.topmsg.birthday_msg {
  562. display: none!important;
  563. }
  564.  
  565. /* TEXT + LINK CODES*/
  566.  
  567. a#add-as-friend-link {
  568. position: fixed;
  569. font-size: 20px;
  570. font-weight: 900;
  571. font-family: 'cocogoose';
  572. bottom: 10px;
  573. left: -5px;
  574. letter-spacing: 2px;
  575. text-transform: lowercase;
  576. text-align: right;
  577. color: #aaa!important;
  578. }
  579.  
  580. #xg_body a {
  581. color: auto!important;
  582. background-color: transparent;
  583. font-style: normal;
  584. -webkit-transition: 1s;
  585.  
  586. }
  587.  
  588. p {
  589. color: auto!important;
  590. font-size: 11px;
  591. font-family: 'Tahoma';
  592. }
  593.  
  594.  
  595. ::selection {
  596. background: #c6f3f5;
  597. color: #ffffff;
  598. }
  599.  
  600. ::-webkit-scrollbar {
  601. width: 4px;
  602. height: 0px;
  603. background: transparent;
  604. }
  605.  
  606. ::-webkit-scrollbar-thumb {
  607. background: #222;
  608. border-radius: 4px;
  609. }
  610.  
  611. ::-webkit-scrollbar-corner {
  612. background: transparent;
  613. }
  614.  
  615. #links {
  616. z-index: 1!important;
  617. position: fixed;
  618. overflow: hidden;
  619. font: 8px 'poppins';
  620. text-transform: uppercase;
  621. margin-top: -250px;
  622. margin-left: 340px;
  623. text-align: center;
  624. width: 310px;
  625. height: 30px!important;
  626. background: #trans;
  627. text-transform: uppercase;
  628. line-height: 40px;
  629. text-shadow: 0px 2px 2px #111:
  630. }
  631.  
  632. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  633.  
  634. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  635.  
  636. #links a {
  637. color: #555!important;
  638. margin-left: 20px;
  639. padding-left:10px;
  640. padding: 2px;
  641. -webkit-transition: all 0.7s ease;
  642. }
Advertisement
Add Comment
Please, Sign In to add comment