mik98

incomplete couple - css

Oct 1st, 2020
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.82 KB | None | 0 0
  1. body {
  2. background-color: #111;
  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: -170px;
  13. }
  14.  
  15. div#xg_ad_below_header, div#xg_ad_below_footer {
  16. display: none!important;
  17. }
  18.  
  19. div#xg_navigation {
  20. visibility: hidden;
  21. position: fixed;
  22. }
  23.  
  24. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  25. display: none;
  26. }
  27.  
  28.  
  29. div#xg_masthead {
  30. position: relative;
  31. }
  32.  
  33. div#xn_bar {
  34. display: none;
  35. }
  36.  
  37. #xg_body:before {
  38. content:""; /* CHANGE TEXT HERE */
  39. position: absolute;
  40. top: 125px;
  41. left: 285px;
  42. font: 11px 'Roboto';
  43. color: #000;
  44. text-transform: lowercase;
  45. text-align: justify;
  46. width: 525px;
  47. height: 415px;
  48. background: url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-1.2.1&w=1000&q=80);
  49. padding: 60px;
  50. box-sizing: border-box;
  51. overflow: hidden;
  52. opacity: 50%;
  53. }
  54.  
  55. div#xg_layout_column_1 {
  56. position: relative;
  57. z-index: 1;
  58. top: 100px;
  59. left: 100px;
  60. width: 800px;
  61. height: auto;
  62. overflow: hidden;
  63. background: #;
  64. }
  65.  
  66. div#xg_layout_column_1:before {
  67. content:"You set a light in my heart and mind, the most beautiful chaos";
  68. position: absolute;
  69. width: 300px;
  70. height: 415px;
  71. top: 35px;
  72. left: 175px;
  73. background: trans;
  74. -webkit-filter: grayscale(1);
  75. font-family: handsnow;
  76. font-size: 30px;
  77. text-align: center;
  78. }
  79.  
  80. @font-face { font-family: "handsnow"; src: url('https://dl.dropboxusercontent.com/s/xumvj1qzwydnmgk/Handsnow.ttf') ;}
  81.  
  82. div#xg_layout_column_1:after {
  83. content:"";
  84. position: absolute;
  85. background: rgb(255, 255, 255);
  86. top: 45px;
  87. left: 490px;
  88. width: 135px;
  89. height: 135px;
  90. background: url(https://scontent-yyz1-1.cdninstagram.com/v/t51.2885-15/e35/94469722_226915608602290_4319303929214939453_n.jpg?_nc_ht=scontent-yyz1-1.cdninstagram.com&_nc_cat=110&_nc_ohc=NY8-8guCBygAX_og9B5&oh=04a0d18a9c971df288cc0bfd508a10dc&oe=5F852C12) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  91. background-size: cover;
  92. filter: grayscale(1);
  93. border-radius: 100px;
  94. }
  95.  
  96. div.module_user_summary:before {
  97. z-index: -100!important;
  98. visibility: visible!important;
  99. content:"";
  100. position: absolute;
  101. top: 115px;
  102. left: 570px;
  103. width: 105px;
  104. height: 105px;
  105. background: url(https://data.whicdn.com/images/337222174/original.jpg) 0px -20px no-repeat; /* CHANGE IMAGE HERE */
  106. background-size: cover;
  107. filter: grayscale(0.2);
  108. border-radius: 100px;
  109.  
  110. }
  111.  
  112. div.module_user_summary:after {
  113. z-index: -100!important;
  114. visibility: visible;
  115. content:"";
  116. position: absolute;
  117. top: 65px;
  118. left: 185px;
  119. width: 255px;
  120. height: 375px;
  121. background: url(https://storage.ning.com/topology/rest/1.0/file/get/7988958856?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  122. background-size: cover;
  123. filter: grayscale(0.4);
  124. }
  125.  
  126. div.xg_span-16:before {
  127. visibility: visible!important;
  128. z-index: 100;
  129. content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure."; /* CHANGE TEXT HERE */
  130. position: absolute;
  131. top: 335px;
  132. left: 590px;
  133. width: 200px;
  134. height: 153px;
  135. font: 12px 'caviardreams';
  136. font-weight: bold;
  137. overflow: hidden;
  138. box-sizing: border-box;
  139. padding: 10px;
  140. text-transform: lowercase;
  141. letter-spacing: 1px;
  142. background: rgba(152, 175, 199,0.5);
  143. color: #fff;
  144. text-align: center;
  145. border-radius: 10px;
  146.  
  147. }
  148.  
  149. @font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  150.  
  151. div.module_user_thumbnail:before {
  152. opacity: 0;
  153. visibility: visible;
  154. content:"alyx"; /* CHANGE TEXT HERE */
  155. position: absolute;
  156. z-index: 1;
  157. top: 120px;
  158. left: 365px;
  159. width: 75px;
  160. height: 25px;
  161. font: 12px 'Roboto';
  162. font-weight: 900;
  163. color: #000;
  164. overflow: hidden;
  165. text-transform: uppercase;
  166. text-align: center;
  167. padding-top: 5px!important;
  168. padding: 10px;
  169. box-sizing: border-box;
  170. background: rgba(255, 255, 255, 0.6);
  171. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  172. -webkit-transition: ease-in-out 0.6s;
  173. -webkit-transition-delay: 1s;
  174. transition-delay: 1s;
  175. }
  176.  
  177. div.module_user_thumbnail:after {
  178. opacity: 0;
  179. visibility: visible;
  180. content:"nineteen"; /* CHANGE TEXT HERE */
  181. position: absolute;
  182. top: 260px;
  183. left: 305px;
  184. width: 75px;
  185. height: 10px;
  186. font: 12px 'Roboto';
  187. font-weight: 900;
  188. color: #000;
  189. overflow: hidden;
  190. text-transform: uppercase;
  191. text-align: center;
  192. padding-top: 5px!important;
  193. padding: 10px;
  194. background: rgba(255, 255, 255, 0.6);
  195. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  196. -webkit-transition: ease-in-out 0.6s;
  197. -webkit-transition-delay: 1.3s;
  198. transition-delay: 1.3s;
  199. }
  200.  
  201. .dy-avatar.dy-avatar-full-width:after {
  202. opacity: 0;
  203. z-index: 100!important;
  204. visibility: visible;
  205. content:"emotionless"; /* CHANGE TEXT HERE */
  206. position: absolute;
  207. top: 400px;
  208. left: 340px;
  209. width: 80px;
  210. height: 10px;
  211. font: 12px 'Roboto';
  212. font-weight: 900;
  213. color: #000;
  214. overflow: hidden;
  215. text-transform: uppercase;
  216. text-align: center;
  217. padding-top: 5px!important;
  218. padding: 10px;
  219. background: rgba(255, 255, 255, 0.6);
  220. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  221. -webkit-transition: ease-in-out 0.6s;
  222. -webkit-transition-delay: 1.6s;
  223. transition-delay: 1.6s;
  224. }
  225.  
  226. 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 {
  227. opacity: 1;
  228. }
  229.  
  230.  
  231. div#xg_layout_column_2 {
  232. position: absolute;
  233. z-index: 100!important;
  234. width: 820px;
  235. height: 40px;
  236. top: 70px;
  237. font-size: 11px;
  238. left: 9%;
  239. background: #trans;
  240. font-family:'Roboto';
  241. color: #fff;
  242. -moz-transition: all 0.5s ease-out;
  243. -o-transition: all 0.5s ease-out;
  244. }
  245.  
  246. div.module_user_summary {
  247. visibility: hidden;
  248. }
  249.  
  250. .dy-avatar.dy-avatar-full-width {
  251. z-index: -1!important;
  252. width: 900px;
  253. margin-left: 0px;
  254. margin-top: 0px;
  255. height: 30px;
  256. background: #trans;
  257. }
  258.  
  259. img#xj_photo_img_tag {
  260. visibility: hide;
  261. z-index: 1!important;
  262. width: 120px!important;
  263. height: 120px!important;
  264. margin-left: 550px;
  265. margin-top: 105px;
  266. border: 5px solid #fff;
  267. border-radius: 100px;
  268. transition:all 0.3s ease-in-out;
  269. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  270. }
  271.  
  272. div.xg_span-16 {
  273. visibility: visible;
  274. z-index: -1!important;
  275. }
  276.  
  277. div.xg_3col {
  278. visibility: visible;
  279. }
  280.  
  281. /* POP UP + BUTTON COLOURS */
  282.  
  283. .xg_floating_container.xg_lightborder {
  284. background-color: rgb(132, 132, 132);
  285. }
  286.  
  287. input.button.action-primary {
  288. background-color: rgb(85, 85, 85);
  289. }
  290.  
  291. p.buttongroup {
  292. background-color: rgb(170, 170, 170);
  293. padding: 5px;
  294. }
  295.  
  296. a.xj_cancel.action-secondary {
  297. color: rgb (255, 255, 255);
  298. }
  299.  
  300. /* REMOVED CODES */
  301.  
  302. .online {
  303. display: none;
  304.  
  305. }
  306.  
  307. .xg_module_body.profile.vcard {
  308. display: none;
  309. }
  310.  
  311. .account-links {
  312. display: none;
  313.  
  314. }
  315.  
  316. #xg_foot {
  317. display: none;
  318. }
  319.  
  320. p.left {
  321. display: none;
  322. }
  323.  
  324. p.right.xg_lightfont {
  325. display: none;
  326. }
  327.  
  328. #xg_sitedesc {
  329. display: none;
  330. }
  331.  
  332. #xg_sitename {
  333. display: none;
  334. }
  335.  
  336. img.poweredbyLogo {
  337. display: none;
  338. }
  339.  
  340. .xg_module_head {
  341. display: auto;
  342. border-bottom: 0px solid #fff!important;
  343. }
  344.  
  345. #xg_profile_activity{
  346. display:none;
  347. }
  348.  
  349. .xg_sprite {
  350. background: transparent;
  351. }
  352.  
  353. a.send-message-link {
  354. display: none;
  355. }
  356.  
  357. dd.profile-like-button {
  358. display: none;
  359. }
  360.  
  361. dd.profile-social-buttons {
  362. display: none;
  363. }
  364.  
  365. .module_blog {
  366. display: none!important;
  367. }
  368.  
  369. a.xj_block_messages {
  370. display: none;
  371. }
  372.  
  373. 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 {
  374. display: none;
  375. }
  376.  
  377. ul.nobullets.last-child {
  378. display: none;
  379. }
  380.  
  381. span.fn {
  382. display: none;
  383. }
  384.  
  385. span.fn:before {
  386. content:"";
  387. }
  388.  
  389. a.xj_appearance_editor_profile {
  390. display: none;
  391. }
  392.  
  393. .xg_module.topmsg.birthday_msg {
  394. display: none!important;
  395. }
  396.  
  397. /* TEXT + LINK CODES*/
  398.  
  399. a#add-as-friend-link {
  400. position: fixed;
  401. font-size: 20px;
  402. font-weight: 900;
  403. font-family: 'Playfair Display';
  404. margin-top: 89px;
  405. margin-left: -120px;
  406. letter-spacing: 2px;
  407. text-transform: uppercase;
  408. text-align: right;
  409. color: rgb(255, 255, 255)!important;
  410. -webkit-transition: ease-in-out 0.6s;
  411. -webkit-transition-duration: 700ms;
  412. text-shadow: 0px 2px 2px #111111;
  413. transform: rotate(-90deg);
  414. }
  415.  
  416. #xg_body a {
  417. color: auto!important;
  418. background-color: transparent;
  419. font-style: normal;
  420. -webkit-transition: 1s;
  421.  
  422. }
  423.  
  424. p {
  425. color: auto!important;
  426. font-size: 11px;
  427. font-family: 'Tahoma';
  428. }
  429.  
  430.  
  431. ::selection {
  432. background: #c6f3f5;
  433. color: #ffffff;
  434. }
  435.  
  436. ::-webkit-scrollbar {
  437. width: 4px;
  438. height: 0px;
  439. background: transparent;
  440. }
  441.  
  442. ::-webkit-scrollbar-thumb {
  443. background: #aaa;
  444. border-radius: 4px;
  445. }
  446.  
  447. ::-webkit-scrollbar-corner {
  448. background: transparent;
  449. }
  450.  
  451. #links {
  452. z-index: 1!important;
  453. position: fixed;
  454. overflow: hidden;
  455. font: 13px 'Roboto';
  456. text-transform: lowercase;
  457. margin-top: -5px;
  458. margin-left: 420px;
  459. text-align: left;
  460. width: 370px;
  461. height: 30px!important;
  462. background: #trans;
  463. line-height: 40px;
  464. text-shadow: 0px 2px 2px #111:
  465. }
  466.  
  467. #links a {
  468. color: #fff!important;
  469. margin-left: 20px;
  470. padding-left:10px;
  471. padding: 5px;
  472. -webkit-transition: all 0.7s ease;
  473. }
Add Comment
Please, Sign In to add comment