Advertisement
mik98

for the links - css

Aug 11th, 2021
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.00 KB | None | 0 0
  1. body {
  2. background-color: #e1e1e1;
  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: 195px;
  43. font: 11px 'Roboto';
  44. color: #000;
  45. text-transform: lowercase;
  46. text-align: justify;
  47. width: 680px;
  48. height: 455px;
  49. background: #f1f1f1;
  50. border-radius: 10px;
  51. padding-top: 100px!important;
  52. padding: 60px;
  53. box-sizing: border-box;
  54. border-left: 200px solid #fff;
  55. overflow: hidden;
  56. }
  57.  
  58. div#xg_layout_column_1 {
  59. position: relative;
  60. z-index: 1;
  61. top: 100px;
  62. left: 100px;
  63. width: 800px;
  64. height: auto;
  65. overflow: hidden;
  66. background: #;
  67. }
  68.  
  69. div#xg_layout_column_1:before {
  70. content:"what you know 'bout love";
  71. position: absolute;
  72. width: 240px;
  73. height: 415px;
  74. z-index: 100;
  75. top: 35px;
  76. font-size: 11px;
  77. font-family: dalmatins;
  78. left: 95px;
  79. background: trans;
  80. color: #fff;
  81. }
  82.  
  83. @font-face { font-family: "dalmatins"; src: url('https://dl.dropboxusercontent.com/s/vt2bux883emjhf3/Dalmatins.otf') ;}
  84.  
  85. div#xg_layout_column_1:after {
  86. content:"";
  87. position: absolute;
  88. background: rgb(255, 255, 255);
  89. top: 45px;
  90. z-index: 100;
  91. left: 495px;
  92. width: 185px;
  93. height: 185px;
  94. border-radius: 10px;
  95. background: url(https://64.media.tumblr.com/f842be608d9ecfc65dd29f78e5a3ce9d/b9b358011b8c36fa-bf/s500x750/7a12a39dc20e71212f61886503b6fd20d4f9302c.gifv) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  96. background-size: cover;
  97. filter: grayscale(0.4) contrast(100%);
  98. }
  99.  
  100. div.module_user_summary:before {
  101. z-index: -100!important;
  102. visibility: visible!important;
  103. content:"";
  104. position: absolute;
  105. top: 145px;
  106. left: 615px;
  107. width: 135px;
  108. border-radius: 10px;
  109. height: 305px;
  110. background: url(https://64.media.tumblr.com/628093c43778ab08955b6c625a520cc7/c4238208a9dbc751-b0/s1280x1920/fc58b9c7b9241d7aa48481931ba3863c8aa474bc.png) -20px -0px no-repeat; /* CHANGE IMAGE HERE */
  111. background-size: cover;
  112. filter: grayscale(1) contrast(80%) brightness(120%);
  113. }
  114.  
  115. @font-face {font-family: eloquent; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/o7raufur4xbrt4c/K22%20Didoni.ttf);}
  116.  
  117.  
  118. div.module_user_summary:after {
  119. z-index: 100!important;
  120. visibility: visible;
  121. content:"I got what you need ";
  122. position: absolute;
  123. top: 60px;
  124. color: #fff;
  125.  
  126. font-family: multicolore;
  127. left: 125px;
  128. width: 185px;
  129. font-size: 12px;
  130. height: 135px;
  131. background:trans;
  132. }
  133.  
  134. div.xg_span-16:before {
  135. visibility: visible!important;
  136. z-index: 100;
  137. content:"You got my heart beating so fast to words I can't pronounce, And I be getting the chills every time"; /* CHANGE TEXT HERE */
  138. position: absolute;
  139. top: 150px;
  140. left: 380px;
  141. width: 250px;
  142. height: 220px;
  143. font: 19px 'eloquent';
  144. overflow: hidden;
  145. box-sizing: border-box;
  146. padding: 10px;
  147. text-transform: uppercase;
  148. background: #trans;
  149. color: #B0E0E6;
  150. text-align: right;
  151. line-height: 35px;
  152. font-style: italic;
  153. letter-spacing: 1px;
  154. }
  155.  
  156. .xg_3col:after {
  157. z-index: 100;
  158. content:""; /* CHANGE TEXT HERE */
  159. position: absolute;
  160. top: 280px;
  161. left: 320px;
  162. width: 190px;
  163. height: 300px;
  164. border-radius:6px;
  165. background: url(https://o.remove.bg/downloads/95ec9f25-0e48-4268-bb9f-c6d3291336d5/Screen_Shot_2021-08-11_at_6.25.47_pm-removebg-preview.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  166. background-size: cover;
  167. filter: grayscale(0.3)contrast(80%)brightness(110%);
  168. }
  169.  
  170. @font-face { font-family: 'poetsen'; src: url('https://dl.dropboxusercontent.com/s/ip3tg2rg9z60zh7/PoetsenOne-Regular.ttf') ;}
  171.  
  172. div.module_user_thumbnail:before {
  173. opacity: 10;
  174. visibility: visible;
  175. content:""; /* CHANGE TEXT HERE */
  176. position: absolute;
  177. z-index: 1;
  178. top: 25px;
  179. border-top: 55px solid #318d9a;
  180. border-bottom: 55px solid #318d9a;
  181. left: 95px;
  182. border-radius: 0px;
  183. width: 200px;
  184. height: 455px;
  185. font: 12px 'Roboto';
  186. font-weight: 900;
  187. color: #000;
  188. overflow: hidden;
  189. text-transform: uppercase;
  190. text-align: center;
  191. padding: 10px;
  192. box-sizing: border-box;
  193. background: transparent;
  194. }
  195.  
  196. div.module_user_thumbnail:after {
  197. opacity: 10;
  198. visibility: visible;
  199. content:"I know you see this print through my pants that I know you like, And yo ass be looking so fat when it be in them tights And I'm going straight to the top, so hope you ain't afraid of heights, you always keep me right, for a fact, you never left, Through all the trials and tribulations, always had my best"; /* CHANGE TEXT HERE */
  200. position: absolute;
  201. top: 80px;
  202. left: 395px;
  203. width: 185px;
  204. border-radius: 10px;
  205. height: 170px;
  206. font: 7px 'Multicolore';
  207. font-weight: 900;
  208. letter-spacing: 1px;
  209. color: #318d9a;
  210. overflow: hidden;
  211. text-transform: uppercase;
  212. text-align: center;
  213. padding-top: 190px!important;
  214. padding: 10px;
  215. background: rgba(255, 255, 255, 0.6);
  216. border: 2px solid #eee;
  217. line-height: 18px;
  218.  
  219. }
  220.  
  221. .dy-avatar.dy-avatar-full-width:after {
  222. opacity: 10;
  223. z-index: 100!important;
  224. visibility: visible;
  225. content:"mikayla. twenty-two.. firecracker. jarrett miller is my fiancé. 09/09/21 ❥"; /* CHANGE TEXT HERE */
  226. position: absolute;
  227. top: 455px;
  228. left: 390px;
  229. width: 440px;
  230. height: 10px;
  231. font: 10px 'poppins';
  232. font-weight: 900;
  233. color: #aaa;
  234. overflow: hidden;
  235. text-transform: lowercase;
  236. text-align: left;
  237. padding-top: 5px!important;
  238. padding: 10px;
  239. background: trans;
  240. }
  241.  
  242. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  243.  
  244. @font-face {font-family:"Multicolore"; src: url('https://static.tumblr.com/gdh5wux/njzmq56tr/multicolore.otf'); }
  245.  
  246.  
  247. div#xg_layout_column_2 {
  248. position: absolute;
  249. z-index: 100!important;
  250. width: 820px;
  251. height: 40px;
  252. top: 70px;
  253. font-size: 11px;
  254. left: 9%;
  255. background: #trans;
  256. font-family:'Roboto';
  257. color: #fff;
  258. -moz-transition: all 0.5s ease-out;
  259. -o-transition: all 0.5s ease-out;
  260. }
  261.  
  262. div.module_user_summary {
  263. visibility: hidden;
  264. }
  265.  
  266. .dy-avatar.dy-avatar-full-width {
  267. z-index: -1!important;
  268. width: 900px;
  269. margin-left: 0px;
  270. margin-top: 0px;
  271. height: 30px;
  272. background: #trans;
  273. }
  274.  
  275. .bio {
  276. background-color: #;
  277. width: 150px;
  278. height: 300px;
  279. margin-left: 115px;
  280. margin-top: 108px;
  281. font-family: raleway;
  282. color: #222;
  283. overflow: scroll;
  284. font-size: 10px;
  285. text-align: justify;
  286. line-height:21px;
  287. padding-right: 4px;
  288. text-transform: lowercase;
  289. }
  290.  
  291. @font-face {
  292. font-family: 'Raleway';
  293. font-style: normal;
  294. font-weight: 400;
  295. src: local('Raleway'), local('Raleway-Regular'),
  296. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  297. 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;
  298. }
  299.  
  300. @font-face {
  301. font-family: 'Raleway';
  302. font-style: normal;
  303. font-weight: 700;
  304. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  305. 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;
  306. }
  307.  
  308. .bio b, strong {color: #b0e0e6; font-family: eloquentreg; font-size:13px;font-weight: normal; text-transform: lowercase;
  309. }
  310.  
  311. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  312.  
  313. i, em {
  314. color: #318d9a;
  315. font-family: vincentia;
  316. font-size: 13px;
  317. font-style: normal;
  318. letter-spacing: 0px;
  319. text-transform: lowercase;
  320.  
  321. line-height: 0px;
  322. }
  323.  
  324. @font-face { font-family: 'vincentia'; src: url('https://dl.dropboxusercontent.com/s/2b43ud4mmo0yb0d/Vincentia.otf') ;}
  325.  
  326.  
  327. img#xj_photo_img_tag {
  328. visibility: hide;
  329. z-index: 1!important;
  330. width: 70px!important;
  331. height: 70px!important;
  332. margin-left: 675px;
  333. margin-top: 55px;
  334. border: 5px solid #B0E0E6;
  335. border-radius: 100px;
  336. filter: grayscale(0.3);
  337. }
  338.  
  339. div.xg_span-16 {
  340. visibility: visible;
  341. z-index: -1!important;
  342. }
  343.  
  344. div.xg_3col {
  345. visibility: visible;
  346. }
  347.  
  348. /* POP UP + BUTTON COLOURS */
  349.  
  350. .xg_floating_container.xg_lightborder {
  351. background-color: rgb(132, 132, 132);
  352. }
  353.  
  354. input.button.action-primary {
  355. background-color: rgb(85, 85, 85);
  356. }
  357.  
  358. p.buttongroup {
  359. background-color: rgb(170, 170, 170);
  360. padding: 5px;
  361. }
  362.  
  363. a.xj_cancel.action-secondary {
  364. color: rgb (255, 255, 255);
  365. }
  366.  
  367. /* REMOVED CODES */
  368.  
  369. .online {
  370. display: none;
  371.  
  372. }
  373.  
  374. .xg_module_body.profile.vcard {
  375. display: none;
  376. }
  377.  
  378. .account-links {
  379. display: none;
  380.  
  381. }
  382.  
  383. #xg_foot {
  384. display: none;
  385. }
  386.  
  387. p.left {
  388. display: none;
  389. }
  390.  
  391. p.right.xg_lightfont {
  392. display: none;
  393. }
  394.  
  395. #xg_sitedesc {
  396. display: none;
  397. }
  398.  
  399. #xg_sitename {
  400. display: none;
  401. }
  402.  
  403. img.poweredbyLogo {
  404. display: none;
  405. }
  406.  
  407. .xg_module_head {
  408. display: auto;
  409. border-bottom: 0px solid #fff!important;
  410. }
  411.  
  412. #xg_profile_activity{
  413. display:none;
  414. }
  415.  
  416. .xg_sprite {
  417. background: transparent;
  418. }
  419.  
  420. a.send-message-link {
  421. display: none;
  422. }
  423.  
  424. dd.profile-like-button {
  425. display: none;
  426. }
  427.  
  428. dd.profile-social-buttons {
  429. display: none;
  430. }
  431.  
  432. .module_blog {
  433. display: none!important;
  434. }
  435.  
  436. a.xj_block_messages {
  437. display: none;
  438. }
  439.  
  440. 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 {
  441. display: none;
  442. }
  443.  
  444. ul.nobullets.last-child {
  445. display: none;
  446. }
  447.  
  448. span.fn {
  449. display: none;
  450. }
  451.  
  452. span.fn:before {
  453. content:"";
  454. }
  455.  
  456. a.xj_appearance_editor_profile {
  457. display: none;
  458. }
  459.  
  460. .xg_module.topmsg.birthday_msg {
  461. display: none!important;
  462. }
  463.  
  464. /* TEXT + LINK CODES*/
  465.  
  466. a#add-as-friend-link {
  467. position: fixed;
  468. font-size: 20px;
  469. font-weight: 900;
  470. font-family: 'Playfair Display';
  471. margin-top: 89px;
  472. margin-left: -120px;
  473. letter-spacing: 2px;
  474. text-transform: uppercase;
  475. text-align: right;
  476. color: rgb(255, 255, 255)!important;
  477. -webkit-transition: ease-in-out 0.6s;
  478. -webkit-transition-duration: 700ms;
  479. text-shadow: 0px 2px 2px #111111;
  480. transform: rotate(-90deg);
  481. }
  482.  
  483. #xg_body a {
  484. color: auto!important;
  485. background-color: transparent;
  486. font-style: normal;
  487. -webkit-transition: 1s;
  488.  
  489. }
  490.  
  491. p {
  492. color: auto!important;
  493. font-size: 11px;
  494. font-family: 'Tahoma';
  495. }
  496.  
  497.  
  498. ::selection {
  499. background: #c6f3f5;
  500. color: #ffffff;
  501. }
  502.  
  503. ::-webkit-scrollbar {
  504. width: 4px;
  505. height: 0px;
  506. background: transparent;
  507. }
  508.  
  509. ::-webkit-scrollbar-thumb {
  510. background: #trans;
  511. border-radius: 4px;
  512. }
  513.  
  514. ::-webkit-scrollbar-corner {
  515. background: transparent;
  516. }
  517.  
  518. #links {
  519. z-index: 100!important;
  520. position: fixed;
  521. overflow: hidden;
  522. font: 15px 'eloquent';
  523.  
  524. letter-spacing: 1px;
  525. font-weight: bold;
  526. text-transform: lowercase;
  527. margin-top: 270px;
  528. margin-left: 318px;
  529. text-align: left;
  530. width: 210px;
  531. height: 225px!important;
  532. background: #trans;
  533. line-height: 25px;
  534. filter: grayscale(0.5);
  535.  
  536.  
  537. }
  538.  
  539. #links a {
  540. color: #DDA0DD!important;
  541. margin-left: 2px;
  542. padding-left:0px;
  543. padding: 25px;
  544. -webkit-transition: all 0.7s ease;
  545. }
  546.  
  547.  
  548. #links a {
  549. color: #318d9a!important;
  550. background: rgba(255,255,255,0.5);
  551. display:inline-block; color:#9f9785; font-size:11px; width:20px; height:20px; padding:11px; border-radius:100px;
  552. border: 2px solid #ddd;
  553. text-align: center;
  554. border-radius: 100%;
  555. padding: 8px;
  556. margin: 7px;
  557. -webkit-transition: all 0.7s ease;
  558. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement