mik98

sou apple - css

Mar 28th, 2020
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.84 KB | None | 0 0
  1. body {
  2. background-color: #e7e7e7;
  3. background-image: url();
  4. background-size: cover;
  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: -120px;
  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:"sour apple baby but you taste so"; /* CHANGE TEXT HERE */
  41. position: absolute;
  42. top: 125px;
  43. left: 145px;
  44. font: 34px 'eloquentreg';
  45. color: #444;
  46. text-transform: lowercase;
  47. text-align: left;
  48. width: 600px;
  49. height: 460px;
  50. background: #f6f6f6;
  51. border-radius: 6px;
  52. padding: 80px 280px 10px 30px;
  53. box-sizing: border-box;
  54. border-left: 56px solid #fff;
  55. overflow: hidden;
  56. line-height: 30px;
  57. }
  58.  
  59. div#xg_layout_column_1 {
  60. position: relative;
  61. z-index: 1;
  62. top: 100px;
  63. left: 100px;
  64. width: 800px;
  65. height: auto;
  66. overflow: hidden;
  67. background: #;
  68. }
  69.  
  70. div#xg_layout_column_1:before {
  71. content:"";
  72. position: absolute;
  73. z-index: 100!important;
  74. width: 40px;
  75. height: 44px;
  76. top: 210px;
  77. left: 132px;
  78. background: url(https://i.ya-webdesign.com/images/apples-clipart-vector-3.png) 0px 0px repeat; /* CHANGE IMAGE HERE */
  79. background-size: cover;
  80. -webkit-filter: grayscale(0)contrast(70%);
  81. }
  82.  
  83. div#xg_layout_column_1:after {
  84. content:"";
  85. position: absolute;
  86. z-index: 100!important;
  87. top: 100px;
  88. left: 410px;
  89. width: 304px;
  90. height: 150px;
  91. background: url(https://66.media.tumblr.com/8a49cf3fa5505ff4f9aaefd6e8d986a8/tumblr_pxi3bq1cZU1w4uokho1_500.gifv) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  92. background-size: cover;
  93. filter: grayscale(1)contrast(80%);
  94. }
  95.  
  96. div.module_user_summary:before {
  97. z-index: 100!important;
  98. visibility: visible!important;
  99. content:"";
  100. position: absolute;
  101. top: 345px;
  102. left: 410px;
  103. width: 100px;
  104. height: 130px;
  105. background: url(https://i.dailymail.co.uk/1s/2019/09/11/12/18340474-7451849-Stronger_than_ever_G_Eazy_real_name_Gerald_Gillum_confirmed_his_-a-25_1568199981748.jpg) -30px -10px no-repeat; /* CHANGE IMAGE HERE */
  106. background-size: 160%;
  107. filter: grayscale(1)contrast(80%);
  108. }
  109.  
  110. div.module_user_summary:after {
  111. z-index: 100!important;
  112. visibility: visible;
  113. content:"";
  114. position: absolute;
  115. top: 345px;
  116. left: 512px;
  117. width: 100px;
  118. height: 130px;
  119. background: url(https://akns-images.eonline.com/eol_images/Entire_Site/2019811/rs_634x1024-190911132042-634-g-eazy-fenty-after-party.jpg?fit=around|600:467&crop=600:467;center,top&output-quality=90) -45px -12px no-repeat; /* CHANGE IMAGE HERE */
  120. background-size: 183%;
  121. filter: grayscale(1)contrast(80%)brightness(100%);
  122. }
  123.  
  124. div.xg_span-16:before {
  125. visibility: visible!important;
  126. z-index: 0;
  127. content:""; /* CHANGE TEXT HERE */
  128. position: absolute;
  129. top: 150px;
  130. left: 220px;
  131. width: 110px;
  132. height: 24px;
  133. font: 0px 'Montserrat';
  134. font-weight: bold;
  135. box-sizing: border-box;
  136. border-radius: 25px;
  137. padding: 10px 10px 10px 10px;
  138. text-transform: uppercase;
  139. background: #fff;
  140. color: #444;
  141. }
  142.  
  143. div.module_user_thumbnail:before {
  144. opacity: 1;
  145. visibility: visible;
  146. content:""; /* CHANGE TEXT HERE */
  147. position: absolute;
  148. z-index: 1000;
  149. top: 58px;
  150. left: 210px;
  151. width: 10px;
  152. height: 10px;
  153. background: url(https://cdn4.iconfinder.com/data/icons/political-elections/50/29-512.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  154. background-size: cover;
  155. filter: grayscale(1)contrast(60%);
  156. }
  157.  
  158. div.module_user_thumbnail:after {
  159. opacity: 1;
  160. visibility: visible;
  161. content:"sweet"; /* CHANGE TEXT HERE */
  162. position: absolute;
  163. top: 148px;
  164. left: 270px;
  165. width: 200px;
  166. height: 10px;
  167. font: 54px 'vincentia';
  168. font-weight: 300;
  169. color: #981d1d;
  170. }
  171.  
  172. @font-face { font-family: 'vincentia'; src: url('https://dl.dropboxusercontent.com/s/2b43ud4mmo0yb0d/Vincentia.otf') ;}
  173.  
  174. .dy-avatar.dy-avatar-full-width:after {
  175. opacity: 1;
  176. z-index: 100!important;
  177. visibility: visible;
  178. content:""; /* CHANGE TEXT HERE */
  179. position: absolute;
  180. top: 345px;
  181. left: 614px;
  182. width: 100px;
  183. height: 130px;
  184. background: url(https://i.dailymail.co.uk/1s/2019/09/11/11/18340706-0-image-m-60_1568196853732.jpg) -128px -10px no-repeat; /* CHANGE IMAGE HERE */
  185. background-size: 240%;
  186. filter: grayscale(1)contrast(80%)brightness(80%);
  187. }
  188.  
  189. .dy-avatar.dy-avatar-full-width:before {
  190. visibility: visible;
  191. z-index: 100;
  192. content:"gianna. xx. pisces. italian. forever lovin leo james montgomery."; /* CHANGE TEXT HERE */
  193. position: absolute;
  194. top: 198px;
  195. left: -160px;
  196. width: 500px;
  197. height: 45px;
  198. font: 10px 'Maszyna royal';
  199. color: #444;
  200. -webkit-transform: rotate(-90deg);
  201. transform: rotate(-90deg);
  202. }
  203.  
  204. div#xg_layout_column_2 {
  205. position: absolute;
  206. z-index: 100!important;
  207. width: 820px;
  208. height: 40px;
  209. top: 70px;
  210. font-size: 11px;
  211. left: 9%;
  212. background: #trans;
  213. font-family:'Raleway';
  214. color: #fff;
  215. -moz-transition: all 0.5s ease-out;
  216. -o-transition: all 0.5s ease-out;
  217. }
  218.  
  219. div.module_user_summary {
  220. visibility: hidden;
  221. }
  222.  
  223. .dy-avatar.dy-avatar-full-width {
  224. z-index: -1!important;
  225. width: 900px;
  226. margin-left: 0px;
  227. margin-top: 0px;
  228. height: 30px;
  229. background: #trans;
  230. }
  231.  
  232. img#xj_photo_img_tag {
  233. visibility: visible;
  234. z-index: 1!important;
  235. width: 40px!important;
  236. height: 40px!important;
  237. margin-left: 53px;
  238. margin-top: 38px;
  239. border-radius: 100px;
  240. -webkit-filter: grayscale(0)contrast(80%);
  241. transition:all 0.3s ease-in-out;
  242. }
  243.  
  244. div.xg_span-16 {
  245. visibility: visible;
  246. z-index: -1!important;
  247. }
  248.  
  249. div.xg_3col {
  250. visibility: visible;
  251. }
  252.  
  253. /* POP UP + BUTTON COLOURS */
  254.  
  255. .xg_floating_container.xg_lightborder {
  256. background-color: #981d1d;
  257. }
  258.  
  259. input.button.action-primary {
  260. background-color: #981d1d;
  261. }
  262.  
  263. p.buttongroup {
  264. background-color: #981d1d;
  265. padding: 5px;
  266. }
  267.  
  268. a.xj_cancel.action-secondary {
  269. color: rgb (255, 255, 255);
  270. }
  271.  
  272. /* REMOVED CODES */
  273.  
  274. .online {
  275. display: none;
  276.  
  277. }
  278.  
  279. .xg_module_body.profile.vcard {
  280. display: none;
  281. }
  282.  
  283. .account-links {
  284. display: none;
  285.  
  286. }
  287.  
  288. #xg_foot {
  289. display: none;
  290. }
  291.  
  292. p.left {
  293. display: none;
  294. }
  295.  
  296. p.right.xg_lightfont {
  297. display: none;
  298. }
  299.  
  300. #xg_sitedesc {
  301. display: none;
  302. }
  303.  
  304. #xg_sitename {
  305. display: none;
  306. }
  307.  
  308. img.poweredbyLogo {
  309. display: none;
  310. }
  311.  
  312. .xg_module_head {
  313. display: auto;
  314. border-bottom: 0px solid #fff!important;
  315. }
  316.  
  317. #xg_profile_activity{
  318. display:none;
  319. }
  320.  
  321. .xg_sprite {
  322. background: transparent;
  323. }
  324.  
  325. a.send-message-link {
  326. display: none;
  327. }
  328.  
  329. dd.profile-like-button {
  330. display: none;
  331. }
  332.  
  333. dd.profile-social-buttons {
  334. display: none;
  335. }
  336.  
  337. .module_blog {
  338. display: none!important;
  339. }
  340.  
  341. a.xj_block_messages {
  342. display: none;
  343. }
  344.  
  345. 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 {
  346. display: none;
  347. }
  348.  
  349. ul.nobullets.last-child {
  350. display: none;
  351. }
  352.  
  353. span.fn {
  354. display: none;
  355. }
  356.  
  357. span.fn:before {
  358. content:"";
  359. }
  360.  
  361. a.xj_appearance_editor_profile {
  362. display: none;
  363. }
  364.  
  365. .xg_module.topmsg.birthday_msg {
  366. display: none!important;
  367. }
  368.  
  369. /* TEXT + LINK CODES*/
  370.  
  371. a#add-as-friend-link {
  372. position: fixed;
  373. font-size: 20px;
  374. font-weight: 100;
  375. font-family: 'eloquentreg';
  376. margin-top: 89px;
  377. margin-left: -120px;
  378. letter-spacing: 2px;
  379. text-transform: lowercase;
  380. text-align: right;
  381. color: rgb(255, 255, 255)!important;
  382. -webkit-transition: ease-in-out 0.6s;
  383. -webkit-transition-duration: 700ms;
  384. text-shadow: 0px 2px 2px #111111;
  385. transform: rotate(-90deg);
  386. }
  387.  
  388. #xg_body a {
  389. color: auto!important;
  390. background-color: transparent;
  391. font-style: normal;
  392. -webkit-transition: 1s;
  393.  
  394. }
  395.  
  396. p {
  397. color: auto!important;
  398. font-size: 11px;
  399. font-family: 'raleway';
  400. }
  401.  
  402.  
  403. ::selection {
  404. background: #981d1d;
  405. color: #ffffff;
  406. }
  407.  
  408. ::-webkit-scrollbar {
  409. width: 4px;
  410. height: 0px;
  411. background: transparent;
  412. }
  413.  
  414. ::-webkit-scrollbar-thumb {
  415. background: #981d1d;
  416. border-radius: 4px;
  417. }
  418.  
  419. ::-webkit-scrollbar-corner {
  420. background: transparent;
  421. }
  422.  
  423. #links {
  424. z-index: 1!important;
  425. position: fixed;
  426. overflow: hidden;
  427. font: 8px 'Raleway';
  428. text-transform: lowercase;
  429. margin-top: -206px;
  430. margin-left: 483px;
  431. text-align: left;
  432. width: 370px;
  433. height: 30px!important;
  434. background: #trans;
  435. line-height: 40px;
  436. text-shadow: 0px 2px 2px #111:
  437. }
  438.  
  439. #links a {
  440. color: #981d1d!important;
  441. -webkit-transition: all 0.7s ease;
  442. }
  443.  
  444.  
  445. .bio {
  446. background-color: #;
  447. width: 140px;
  448. height: 240px;
  449. margin-left: 210px;
  450. margin-top: 228px;
  451. font-family: raleway;
  452. color: #222;
  453. overflow: scroll;
  454. font-size: 8px;
  455. text-align: justify;
  456. line-height:24px;
  457. padding-right: 4px;
  458. }
  459.  
  460. @font-face {
  461. font-family: 'Raleway';
  462. font-style: normal;
  463. font-weight: 400;
  464. src: local('Raleway'), local('Raleway-Regular'),
  465. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  466. 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;
  467. }
  468.  
  469. @font-face {
  470. font-family: 'Raleway';
  471. font-style: normal;
  472. font-weight: 700;
  473. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  474. 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;
  475. }
  476.  
  477. .bio b, strong {color: #aaa; font-family: eloquentreg; font-size:10px;font-weight: normal;}
  478.  
  479. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  480.  
  481. i, em {
  482. color: #981d1d;
  483. font-family: vincentia;
  484. font-size: 16px;
  485. font-style: normal;
  486. letter-spacing: 1px;
  487. line-height: 0px;
  488. }
  489.  
  490. #link {
  491. display: inline-block;
  492. position: fixed;
  493. width: 90px;
  494. -webkit-transition-duration: 0.8s;
  495. -moz-transition-duration: 0.8s;
  496. opacity: 1;
  497. margin-top: -192px;
  498. margin-left: 110px;
  499. }
  500.  
  501. #link a.links {
  502. display: inline-block;
  503. width: 75px;
  504. text-align: left;
  505. text-transform: lowercase;
  506. line-height: 15px;
  507. color: #981d1d;
  508. font-size: 12px;
  509. font-family: raleway;
  510. padding: 5px 4px 5px 4px;
  511. -webkit-transition: all 0.5s ease-in-out;
  512. -moz-transition: all 0.5s ease-in-out;
  513. -o-transition: all 0.5s ease-in-out;
  514. -ms-transition: all 0.5s ease-in-out;
  515. transition: all 0.5s ease-in-out;
  516. margin: 0px 1px 3px 2px;
  517. background: #;
  518. }
  519.  
  520. #link a:hover {
  521. background: #;
  522. color: #222;
  523. -webkit-transition: all 0.5s ease-in-out;
  524. -moz-transition: all 0.5s ease-in-out;
  525. -o-transition: all 0.5s ease-in-out;
  526. -ms-transition: all 0.5s ease-in-out;
  527. transition: all 0.5s ease-in-out;
  528. }
  529.  
  530.  
  531. @font-face{ font-family:eloquentreg; src:url('https://dl.dropboxusercontent.com/s/53znphyyr7pdfyz/EloquentJFRegularPro.ttf');}
  532.  
  533.  
  534. div.xg_span-16:after { position: absolute; content:"feb03@11:22p.m. ♡⟳"; width: 304px; height: 235px; top: 156px; left: 510px; font: 9px maszyna royal; color: #222; background-color: #fff; border-radius: 10px; text-transform: uppercase; box-sizing: border-box; padding: 15px 10px 10px 12px; text-align: left; letter-spacing: 1px; word-spacing: 150px;}
  535.  
  536. @font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}
  537.  
  538.  
  539.  
  540. div.xg_3col:before {
  541. visibility: visible!important;
  542. z-index: 0!important;
  543. content:"feb03@11:22p.m. ♡⟳"; /* CHANGE TEXT HERE */
  544. position: absolute;
  545. word-spacing: 150px;
  546. top: 405px;
  547. left: 510px;
  548. width: 304px;
  549. height: 205px;
  550. font: 9px 'maszyna royal';
  551. letter-spacing: 1px;
  552. color: #222;
  553. text-align: left;
  554. text-transform: lowercase;
  555. padding: 16px 10px 10px 12px;
  556. box-sizing: border-box;
  557. background: #fff;
  558. border-radius: 10px;
  559. }
  560.  
  561.  
  562. .header1 {
  563. width: 200px;
  564. height: 30px;
  565. margin-top: 30px;
  566. margin-left: 483px;
  567. font: 8px 'raleway';
  568. text-transform: lowercase;
  569. color: #981d1d;
  570. }
  571.  
  572.  
  573. .navlinks {
  574. position: absolute;
  575. width: 300px;
  576. padding: 8px;
  577. margin-left: 175px;
  578. font-size: 8px;
  579. color: #222!important;
  580. background-color: #trans;
  581. text-align: center;
  582. margin-top: -470px;
  583. -webkit-transition: 1.5s all ease-in-out;
  584. }
  585.  
  586. .navlinks a {
  587. width: 0px;
  588. font-size: 8px;
  589. margin: 8px;
  590. text-transform: uppercase;
  591. color: #222!important;
  592. background-color: #!important;
  593. }
Add Comment
Please, Sign In to add comment