mik98

new edit - css

Apr 5th, 2020
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.81 KB | None | 0 0
  1. body {
  2. background-color: #ddd;
  3. background-image: url();
  4. background-repeat: repeat;
  5. }
  6.  
  7. body, html {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  8.  
  9. a, a:hover {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  10.  
  11. #xg_body {
  12. left: auto;
  13. position: fixed!important;
  14. margin-top: -140px;
  15. }
  16.  
  17. div#xg_ad_below_header, div#xg_ad_below_footer {
  18. display: none!important;
  19. }
  20.  
  21. div#xg_navigation {
  22. visibility: hidden;
  23. position: fixed;
  24. }
  25.  
  26. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  27. display: none;
  28. }
  29.  
  30.  
  31. div#xg_masthead {
  32. position: relative;
  33. }
  34.  
  35. div#xn_bar {
  36. display: none;
  37. }
  38.  
  39. #xg_body:before {
  40. content:""; /* CHANGE TEXT HERE */
  41. position: absolute;
  42. top: 125px;
  43. left: 150px;
  44. font: 11px 'Roboto';
  45. color: #000;
  46. border-radius: 5px;
  47. text-transform: lowercase;
  48. text-align: justify;
  49. -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.30);
  50. -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.30);
  51. box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.30);
  52. width: 575px;
  53. height: 415px;
  54. background: #fff;
  55. padding-top: 220px!important;
  56. padding: 60px;
  57. box-sizing: border-box;
  58. overflow: hidden;
  59. }
  60.  
  61. div#xg_layout_column_1 {
  62. position: relative;
  63. z-index: 1;
  64. top: 100px;
  65. left: 100px;
  66. width: 800px;
  67. height: auto;
  68. overflow: hidden;
  69. background: #;
  70. }
  71.  
  72. div#xg_layout_column_1:before {
  73. content:"";
  74. z-index: 100;
  75. position: absolute;
  76. width: 180px;
  77. height: 300px;
  78. border-radius: 3px;
  79. top: 83px;
  80. left: 435px;
  81. background: url(https://data.whicdn.com/images/341627182/original.jpg) -35px 0px repeat; /* CHANGE IMAGE HERE */
  82. background-size: cover;
  83. -webkit-filter: grayscale(0.5)brightness(90%)contrast(80%);
  84. }
  85.  
  86. div#xg_layout_column_1:after {
  87. content:"";
  88. z-index: 100;
  89. position: absolute;
  90. top: 85px;
  91. left: 703px;
  92. width: 168px;
  93. height: 90px;
  94. border-radius: 3px;
  95. background: url(https://storage.ning.com/topology/rest/1.0/file/get/3652783534?profile=RESIZE_710x) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  96. background-size: cover;
  97. filter: grayscale(1)brightness(90%)contrast(80%);
  98. }
  99.  
  100. div.module_user_summary:before {
  101. z-index: 100;
  102. visibility: visible!important;
  103. content:"";
  104. position: absolute;
  105. top: 90px;
  106. left: 253px;
  107. width: 168px;
  108. height: 90px;
  109. border-radius: 3px;
  110. background: url(https://66.media.tumblr.com/83d756aca3f0d6a2add5245e5b843f81/5bff6c763fa47793-87/s540x810/f68c6f1e10c3458e445af59a9f9b5b58e255e729.gifv) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  111. background-size: cover;
  112. filter: grayscale(0)brightness(90%)contrast(80%);
  113. }
  114.  
  115. div.module_user_summary:after {
  116. z-index: 100;
  117. visibility: visible;
  118. content:"";
  119. position: absolute;
  120. top: 177px;
  121. left: 700px;
  122. width: 80px;
  123. height: 80px;
  124. border-radius: 3px;
  125. background: url(https://storage.ning.com/topology/rest/1.0/file/get/3652784103?profile=RESIZE_710x) -20px 0px no-repeat; /* CHANGE IMAGE HERE */
  126. background-size: cover;
  127. filter: grayscale(1)brightness(90%)contrast(80%);
  128. }
  129.  
  130. div.xg_span-16:before {
  131. visibility: visible!important;
  132. z-index: 100;
  133. content:"And honey you should know"; /* CHANGE TEXT HERE */
  134. position: absolute;
  135. top: 140px;
  136. left: 170px;
  137. width: 860px;
  138. height: 60px;
  139. font: 54px 'stardust';
  140. color: #ede6b9;
  141. letter-spacing: 4px;
  142. line-height: 35px;
  143. }
  144.  
  145. @font-face { font-family: 'stardust'; src: url('https://dl.dropboxusercontent.com/s/html1wq0tj37xj6/Star%20Dust%20-%20Demo.ttf') ;}
  146.  
  147. @font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}
  148.  
  149. @font-face{ font-family:sydney; src:url('https://dl.dropboxusercontent.com/s/4q92ilil9dqhhlq/Sydney-Regular.ttf');}
  150.  
  151. @font-face { font-family: paduka; src: url('https://dl.dropboxusercontent.com/s/17sjbqt7xfnor93/Paduka%20Script%20free.ttf') ; }
  152.  
  153. div.module_user_thumbnail:before {
  154. opacity: 1;
  155. visibility: visible;
  156. content:""; /* CHANGE TEXT HERE */
  157. position: absolute;
  158. z-index: 1000;
  159. top: 68px;
  160. left: -20px;
  161. width: 200px;
  162. height: 25px;
  163. font: 140px 'soulmater';
  164. font-weight: 100;
  165. letter-spacing: -3px;
  166. color: #fff;
  167. }
  168.  
  169. @font-face { font-family: "soulmater"; src: url('https://dl.dropboxusercontent.com/s/u895rg1dgs1skal/Soulmater.otf'); ;}
  170. @font-face { font-family: "jenna sue"; src: url('https://dl.dropboxusercontent.com/s/bsju94guldr45k8/JennaSue.ttf?dl=0'); format("truetype");}
  171.  
  172. div.module_user_thumbnail:after {
  173. opacity: 1;
  174. visibility: visible;
  175. content:"That I could never go on without you"; /* CHANGE TEXT HERE */
  176. position: absolute;
  177. top: 80px;
  178. margin-left: 70px;
  179. width: 200px;
  180. height: 103px;
  181. letter-spacing: 2px;
  182. font: 25px 'poetsen';
  183. font-weight: 100;
  184. background: -webkit-linear-gradient(#c3dcdf, #c3dcdf, #c3dcdf, #c3dcdf, #c3dcdf);
  185. -webkit-background-clip: text;
  186. -webkit-text-fill-color: transparent;
  187. text-transform: lowercase;
  188. }
  189.  
  190. @font-face { font-family: 'poetsen'; src: url('https://dl.dropboxusercontent.com/s/ip3tg2rg9z60zh7/PoetsenOne-Regular.ttf') ;}
  191.  
  192. .dy-avatar.dy-avatar-full-width:after {
  193. opacity: 1;
  194. z-index: 0;
  195. visibility: visible;
  196. content:""; /* CHANGE TEXT HERE */
  197. position: absolute;
  198. top: 390px;
  199. left: 100px;
  200. border-radius: 100%;
  201. width: 160px;
  202. height: 160px;
  203. border: solid 7px #eee;
  204. background: #trans;
  205. }
  206.  
  207. 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 {
  208. opacity: 1;
  209. }
  210.  
  211. .dy-avatar.dy-avatar-full-width:before {
  212. visibility: visible;
  213. z-index: -1000;
  214. content:""; /* CHANGE TEXT HERE */
  215. position: absolute;
  216. top: 82px;
  217. left: 245px;
  218. width: 183px;
  219. height: 300px;
  220. border-radius: 5px;
  221. font: 40px 'sydney';
  222. -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.30);
  223. -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.30);
  224. box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.30);
  225. box-sizing: border-box;
  226. line-height: 30px;
  227. padding: 210px 10px 10px 12px;
  228. background: #222;
  229. color: #b0cca2;
  230. }
  231.  
  232. div#xg_layout_column_2 {
  233. position: absolute;
  234. z-index: 100!important;
  235. width: 420px;
  236. height: 40px;
  237. top: 70px;
  238. font-size: 11px;
  239. left: 9%;
  240. background: #trans;
  241. font-family:'Roboto';
  242. color: #fff;
  243. -moz-transition: all 0.5s ease-out;
  244. -o-transition: all 0.5s ease-out;
  245. }
  246.  
  247. div.module_user_summary {
  248. visibility: hidden;
  249. }
  250.  
  251. .dy-avatar.dy-avatar-full-width {
  252. z-index: -1!important;
  253. width: 900px;
  254. margin-left: 0px;
  255. margin-top: 0px;
  256. height: 30px;
  257. background: #trans;
  258. }
  259.  
  260. img#xj_photo_img_tag {
  261. visibility: visible;
  262. z-index: 1101!important;
  263. width: 70px!important;
  264. height: 70px!important;
  265. margin-left: 700px;
  266. margin-top: 380px;
  267. border: 5px solid #222;
  268. filter: grayscale(1);
  269. border-radius: 100px;
  270. transition:all 0.3s ease-in-out;
  271. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  272. }
  273.  
  274. div.xg_span-16 {
  275. visibility: visible;
  276. z-index: -1!important;
  277. }
  278.  
  279. div.xg_3col {
  280. visibility: visible;
  281. }
  282.  
  283. /* POP UP + BUTTON COLOURS */
  284.  
  285. .xg_floating_container.xg_lightborder {
  286. background-color: #d3b9db;
  287. }
  288.  
  289. input.button.action-primary {
  290. background-color: #b0cca2;
  291. }
  292.  
  293. p.buttongroup {
  294. background-color: #b0cca2;
  295. padding: 5px;
  296. }
  297.  
  298. a.xj_cancel.action-secondary {
  299. color: #444;
  300. }
  301.  
  302. /* REMOVED CODES */
  303.  
  304. .online {
  305. display: none;
  306.  
  307. }
  308.  
  309. .xg_module_body.profile.vcard {
  310. display: none;
  311. }
  312.  
  313. .account-links {
  314. display: none;
  315.  
  316. }
  317.  
  318. #xg_foot {
  319. display: none;
  320. }
  321.  
  322. p.left {
  323. display: none;
  324. }
  325.  
  326. p.right.xg_lightfont {
  327. display: none;
  328. }
  329.  
  330. #xg_sitedesc {
  331. display: none;
  332. }
  333.  
  334. #xg_sitename {
  335. display: none;
  336. }
  337.  
  338. img.poweredbyLogo {
  339. display: none;
  340. }
  341.  
  342. .xg_module_head {
  343. display: auto;
  344. border-bottom: 0px solid #fff!important;
  345. }
  346.  
  347. #xg_profile_activity{
  348. display:none;
  349. }
  350.  
  351. .xg_sprite {
  352. background: transparent;
  353. }
  354.  
  355. a.send-message-link {
  356. display: none;
  357. }
  358.  
  359. dd.profile-like-button {
  360. display: none;
  361. }
  362.  
  363. dd.profile-social-buttons {
  364. display: none;
  365. }
  366.  
  367. .module_blog {
  368. display: none!important;
  369. }
  370.  
  371. a.xj_block_messages {
  372. display: none;
  373. }
  374.  
  375. 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 {
  376. display: none;
  377. }
  378.  
  379. ul.nobullets.last-child {
  380. display: none;
  381. }
  382.  
  383. span.fn {
  384. display: none;
  385. }
  386.  
  387. span.fn:before {
  388. content:"";
  389. }
  390.  
  391. a.xj_appearance_editor_profile {
  392. display: none;
  393. }
  394.  
  395. .xg_module.topmsg.birthday_msg {
  396. display: none!important;
  397. }
  398.  
  399. /* TEXT + LINK CODES*/
  400.  
  401. a#add-as-friend-link {
  402. position: fixed;
  403. font-size: 20px;
  404. font-weight: 900;
  405. font-family: 'maszyna royal';
  406. margin-top: 89px;
  407. margin-left: -120px;
  408. letter-spacing: 2px;
  409. text-align: right;
  410. color: rgb(255, 255, 255)!important;
  411. -webkit-transition: ease-in-out 0.6s;
  412. -webkit-transition-duration: 700ms;
  413. text-shadow: 0px 2px 2px #111111;
  414. transform: rotate(-90deg);
  415. }
  416.  
  417. #xg_body a {
  418. color: auto!important;
  419. background-color: transparent;
  420. font-style: normal;
  421. -webkit-transition: 1s;
  422.  
  423. }
  424.  
  425. p {
  426. color: auto!important;
  427. font-size: 9px;
  428. font-family: 'raleway';
  429. }
  430.  
  431. a {
  432. color: #444!important;
  433. }
  434.  
  435.  
  436. ::selection {
  437. background: #b0cca2;
  438. color: #444;
  439. }
  440.  
  441. b, strong {
  442. color: auto;
  443. font-family: auto;
  444. font-size: auto;
  445. font-weight: 900;
  446. }
  447.  
  448. i, em {
  449. color: ;
  450. font-family: auto;
  451. font-size: auto;
  452. font-style: normal;
  453. letter-spacing: 2px;
  454. font-style: italic;
  455. line-height: 0px;
  456. }
  457.  
  458. u {
  459. text-decoration: underline;
  460. }
  461.  
  462.  
  463. /* EXTRA CODES */
  464.  
  465. ::-webkit-scrollbar {
  466. width: 4px;
  467. height: 0px;
  468. background: transparent;
  469. }
  470.  
  471. ::-webkit-scrollbar-thumb {
  472. background-color: #b0cca2;
  473. border-radius: 4px;
  474. }
  475.  
  476. ::-webkit-scrollbar-corner {
  477. background: transparent;
  478. }
  479.  
  480. .bio {
  481. background-color: #;
  482. width: 160px;
  483. height: 190px;
  484. margin-left: 255px;
  485. margin-top: 205px;
  486. font-family: raleway;
  487. background: rgb(0,0,0,0.0);
  488. color: #fff;
  489. overflow: scroll;
  490. font-size: 9px;
  491. text-align: justify;
  492. line-height:20px;
  493. padding-right: 4px;
  494. }
  495.  
  496. @font-face {
  497. font-family: 'Raleway';
  498. font-style: normal;
  499. font-weight: 400;
  500. src: local('Raleway'), local('Raleway-Regular'),
  501. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  502. 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;
  503. }
  504.  
  505. @font-face {
  506. font-family: 'Raleway';
  507. font-style: normal;
  508. font-weight: 700;
  509. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  510. 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;
  511. }
  512.  
  513. .bio b, strong {color: #b0cca2; font-family: maszyna royal; font-size: 12px; background-color: #; padding: 0px;border-bottom:1px solid #ddd;letter-spacing:-2px;}
  514.  
  515.  
  516.  
  517. @font-face {
  518. font-family: "corals";
  519. src: url('https://dl.dropboxusercontent.com/s/8ppkpi4qrpd0zfq/TT%20Corals%20Thin-DEMO.otf') ;}
  520.  
  521. i, em {
  522. color: #c3dcdf;
  523. font-family: sydney;
  524. font-size: 15px;
  525. font-style: normal;
  526. letter-spacing: 0px;
  527. line-height: 0px;
  528. }
  529.  
  530. u {
  531. text-decoration: underline;
  532. }
  533.  
  534.  
  535. @font-face { font-family: "jenna sue"; src: url('https://dl.dropboxusercontent.com/s/bsju94guldr45k8/JennaSue.ttf?dl=0'); format("truetype");}
  536.  
  537.  
  538. @font-face { font-family: biysk; src: url('https://dl.dropboxusercontent.com/s/ybgjttm22pow1n7/Biysk.ttf') ; }
  539.  
  540.  
  541.  
  542. @font-face{ font-family:sydney; src:url('https://dl.dropboxusercontent.com/s/4q92ilil9dqhhlq/Sydney-Regular.ttf');}
  543.  
  544.  
  545. @font-face{ font-family:sydneysans; src:url('https://dl.dropboxusercontent.com/s/9tku01xi249l64o/SydneySansSerif-Regular.ttf');}
  546.  
  547.  
  548. #music-rounded { position:fixed; left:1100px; top:130px; width:30px; height:30px; background-color:#b0cca2; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; opacity:1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } #music-rounded img { margin-top:9px; margin-left:4px; } #music-rounded:hover .music-player-embed { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin-top: -30px; opacity:1; background-color:#trans; color:#111; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; } .music-border { position:absolute; margin-top:-42px; margin-left:-40px; border:10px solid rgba(0, 0, 0, 0.0); width:60px; height:59px; background-color:none; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .music-border:hover { margin-top:-48px; margin-left:-40px; border:12px solid rgba(0, 0, 0, 0.0); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform: rotateY(360deg); } .music-player-embed { font-family:Consolas; font-size:8px; position:absolute; min-width:100px; background-color:#trans; padding:9px; margin-left:50px; margin-top:0px; overflow:hidden; opacity:0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; }
  549.  
  550.  
  551. .links {
  552. z-index:100;
  553. width:200px;
  554. height:200px;
  555. margin-top: -170px;
  556. margin-left: 172px;
  557. text-align:center;
  558. -webkit-transition: all .5s ease-in-out;
  559. -moz-transition: all .5s ease-in-out;
  560. -o-transition: all .5s ease-in-out;
  561. }
  562.  
  563. .links a {
  564. z-index:100;
  565. margin:-4px;
  566. box-sizing: border-box;
  567. text-align: center;
  568. -webkit-transition: all .5s ease-in-out;
  569. -moz-transition: all .5s ease-in-out;
  570. -o-transition: all .5s ease-in-out;
  571. -webkit-filter: grayscale(0)contrast(0%)brightness(500%);
  572. }
  573.  
  574. .links a:hover {
  575. opacity:0.5;
  576. -webkit-transition: all .5s ease-in-out;
  577. -moz-transition: all .5s ease-in-out;
  578. -o-transition: all .5s ease-in-out;
  579. }
  580.  
  581.  
  582. div.xg_span-16:after { position: absolute; content:"green eyes"; width: 235px; height: 80px; top: 265px; left: 180px; font: 45px 'soulmater'; color: #a7c39e;letter-spacing:2px; font-family: 'angelina2';}
  583.  
  584. @font-face { font-family: 'angelina2'; src: url('https://dl.dropboxusercontent.com/s/dk8qk6ol2hen5ey/Angelina%20Alt%20Demo.ttf') ;}
  585.  
  586. div.xg_3col:before {
  587. visibility: visible!important;
  588. z-index: -100!important;
  589. content:""; /* CHANGE TEXT HERE */
  590. position: absolute;
  591. top: 400px;
  592. left: 0px;
  593. width: 250px;
  594. height: 250px;
  595. border-radius: 100%;
  596. border: 0px solid #ccc;
  597. background: linear-gradient(to right, #c3dcdf 0%, #444 90%); /* CHANGE GRADIENT COLORS HERE */
  598.  
  599. }
Advertisement
Add Comment
Please, Sign In to add comment