mik98

incomplete - csssss

Aug 6th, 2021 (edited)
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.14 KB | None | 0 0
  1. body {
  2. background-color: #000;
  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: -150px;
  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:"dangerous"; /* CHANGE TEXT HERE */
  39. position: absolute;
  40. top: 165px;
  41. left: 285px;
  42. font: 55px 'soulmaze';
  43. color: #222;
  44. text-transform: lowercase;
  45. text-align: center;
  46. width: 450px;
  47. height: 450px;
  48. background: #111;
  49. border-radius: 10px;
  50. padding-top: 380px!important;
  51. padding: 0px;
  52. letter-spacing: 1px;
  53. box-sizing: border-box;
  54. font-weight: bold;
  55. border: 2px solid #222;
  56. overflow: hidden;
  57. }
  58.  
  59. .xg_span-16:after{
  60. content:"suns out buns out"; /* CHANGE TEXT HERE */
  61. position: absolute;
  62. z-index: 100;
  63. top: 175px;
  64. left: 460px;
  65. font: 30px 'smf';
  66. color: #aaa;
  67. text-transform: lowercase;
  68. text-align: center;
  69. width: 300px;
  70. height: 90px;
  71. background: #trans;
  72. border-radius: 10px;
  73. letter-spacing: 1px;
  74. box-sizing: border-box;
  75. font-weight: bold;
  76. overflow: hidden;
  77. }
  78.  
  79. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  80.  
  81.  
  82. @font-face {font-family: soulmaze; src: url(https://dl.dropboxusercontent.com/s/b9dvyv4fg3ccpn9/MADE-Soulmaze-Outline-PERSONAL-USE.ttf );}
  83.  
  84.  
  85. div#xg_layout_column_1 {
  86. position: relative;
  87. z-index: 1;
  88. top: 100px;
  89. left: 100px;
  90. width: 800px;
  91. height: auto;
  92. overflow: hidden;
  93. background: #;
  94. }
  95.  
  96. div#xg_layout_column_1:before {
  97. content:"";
  98. position: absolute;
  99. z-index: 100;
  100. width: 205px;
  101. height:175px;
  102. top: 184px;
  103. left: 405px;
  104. background: url(https://64.media.tumblr.com/2b5ec2067e7971a951213ea8bffd3ef4/5e33a18f6d15a53f-5d/s1280x1920/162f04e9aba77ad0953ecb8ba2c09988454d46e4.jpg) 0px -50px repeat; /* CHANGE IMAGE HERE */
  105. background-size: cover;
  106. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  107. -webkit-filter: grayscale(1);
  108. }
  109.  
  110. div#xg_layout_column_1:after {
  111. content:"";
  112. z-index: 10;
  113. position: absolute;
  114. background: rgb(255, 255, 255);
  115. top: 95px;
  116. left: 205px;
  117. width: 175px;
  118. height: 245px;
  119. border-radius: 10px;
  120. background: url(https://media1.giphy.com/media/ePAseByO7PBbiUbtoX/giphy.gif?cid=790b7611b6a2a79525eade01578d7c35f68afd65f0f9956c&rid=giphy.gif&ct=g) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  121. background-size: cover;
  122. border-top: 30px solid #222;
  123. filter: grayscale(0);
  124. }
  125.  
  126. div.module_user_summary:before {
  127. z-index: -100!important;
  128. visibility: visible!important;
  129. content:"";
  130. position: absolute;
  131. top: 68px;
  132. left: 188px;
  133. border-radius: 10px;
  134. width: 250px;
  135. height: 251px;
  136. background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Koushi_10x10.svg/768px-Koushi_10x10.svg.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  137. background-size: cover;
  138. filter: grayscale(1) contrast(20%) brightness(350%);
  139. }
  140.  
  141. div.module_user_summary:after {
  142. z-index: -100!important;
  143. visibility: visible;
  144. content:"";
  145. position: absolute;
  146. top: 160px;
  147. left: 395px;
  148. width: 65px;
  149. height: 65px;
  150. background: url(https://64.media.tumblr.com/bc85956acedbcd261fbda2f0d75e0e52/835034ef3465715a-2b/s1280x1920/b83d1ea66752cf5ab1d8e26e36deca129e9fa471.jpg) 0px -10px no-repeat; /* CHANGE IMAGE HERE */
  151. border: 10px solid #222;
  152. border-right: 150px solid #222;
  153. border-top: 200px solid #222;
  154.  
  155. border-radius: 10px;
  156. background-size: cover;
  157. filter: grayscale(1);
  158. }
  159.  
  160. div.xg_span-16:before {
  161. visibility: visible!important;
  162. z-index: 100;
  163. content:""; /* CHANGE TEXT HERE */
  164. position: absolute;
  165. top: 365px;
  166. left: 315px;
  167. width: 150px;
  168. height: 100px;
  169. font: 30px 'Montserrat';
  170. font-weight: bold;
  171. overflow: hidden;
  172. box-sizing: border-box;
  173. padding: 10px;
  174. text-transform: uppercase;
  175. background: url(https://i.pinimg.com/originals/c0/66/cf/c066cf41ed86185f0ec90ba1b9039af1.png);
  176. color: #fff;
  177. background-size: cover;
  178.  
  179. }
  180.  
  181. div.module_user_thumbnail:before {
  182. opacity: 10;
  183. visibility: visible;
  184. content:""; /* CHANGE TEXT HERE */
  185. position: absolute;
  186. z-index: 100;
  187. top: 360px;
  188. left: 475px;
  189. width: 65px;
  190. height: 65px;
  191. font: 12px 'Roboto';
  192. font-weight: 900;
  193. color: #000;
  194. overflow: hidden;
  195. text-transform: uppercase;
  196. text-align: center;
  197. padding-top: 5px!important;
  198. padding: 10px;
  199. box-sizing: border-box;
  200. background: url(https://64.media.tumblr.com/89a1e28ff0a39df69a51b1cef9be294a/835034ef3465715a-18/s1280x1920/a00459c7864618cb16cdfcee3ee72dd289ec89ec.jpg) 0px -10px;
  201. background-size: cover;
  202. filter: grayscale(1);
  203. }
  204.  
  205. div.module_user_thumbnail:after {
  206. opacity: 10;
  207. visibility: visible;
  208. content:"mikayla grace. twenty-four. single, unavailable. trust a few, love a few. they know who they are. moody, don't get on my nerves. "; /* CHANGE TEXT HERE */
  209. position: absolute;
  210. top: 380px;
  211. left: 200px;
  212. width: 175px;
  213. height: 110px;
  214. font: 12px 'Roboto';
  215. color: #444;
  216. overflow: hidden;
  217. text-transform: lowercase;
  218. text-align: center;
  219. padding-top: 5px!important;
  220. padding: 10px;
  221. background: trans;
  222. }
  223.  
  224. .dy-avatar.dy-avatar-full-width:after {
  225. opacity: 10;
  226. z-index: 100!important;
  227. visibility: visible;
  228. content:""; /* CHANGE TEXT HERE */
  229. position: absolute;
  230. top: 428px;
  231. left: 395px;
  232. width: 205px;
  233. height: 0px;
  234. font: 12px 'Roboto';
  235. font-weight: 900;
  236. color: #000;
  237. border-radius: 0px 0px 6px 6px;
  238. overflow: hidden;
  239. text-transform: uppercase;
  240. text-align: center;
  241. padding-top: 5px!important;
  242. padding: 10px;
  243. background: url(https://storage.ning.com/topology/rest/1.0/file/get/10918761270?profile=original);
  244. background-size: 80%;
  245. }
  246.  
  247. 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 {
  248. opacity: 1;
  249. }
  250.  
  251. .dy-avatar.dy-avatar-full-width:before {
  252. visibility: visible;
  253. z-index: 100;
  254. content:""; /* CHANGE TEXT HERE */
  255. position: absolute;
  256. top: 360px;
  257. left: 545px;
  258. width: 65px;
  259. height: 65px;
  260. font: 20px 'Montserrat';
  261. font-weight: bold;
  262. text-align: center;
  263. overflow: hidden;
  264. box-sizing: border-box;
  265. line-height: 30px;
  266. padding: 10px;
  267. text-transform: uppercase;
  268. background: url(https://64.media.tumblr.com/7077e2494093f2b9990ec15a51a3e0b8/b53fe3a9c5465a48-5b/s540x810/7e83f1a94ab16426d06da7697d879da77b4bdfba.jpg) 0px -8px;
  269. background-size: cover;
  270. filter: grayscale(1) brightness(90%);
  271. color: #fff;
  272. }
  273.  
  274. .xg_3col:after {
  275. z-index: 100;
  276. content:"incoming call"; /* CHANGE TEXT HERE */
  277. position: absolute;
  278. top: 203px;
  279. left: 310px;
  280. width: 80px;
  281. height: 80px;
  282. border-radius:6px;
  283. background: trans;
  284. font-family: georgia;
  285. font-size: 12px;
  286. color: #fff;
  287. background-size: cover;
  288. }
  289.  
  290. div#xg_layout_column_2 {
  291. position: absolute;
  292. z-index: 100!important;
  293. width: 820px;
  294. height: 40px;
  295. top: 70px;
  296. font-size: 11px;
  297. left: 9%;
  298. background: #trans;
  299. font-family:'Roboto';
  300. color: #fff;
  301. -moz-transition: all 0.5s ease-out;
  302. -o-transition: all 0.5s ease-out;
  303. }
  304.  
  305. div.module_user_summary {
  306. visibility: hidden;
  307. }
  308.  
  309. .dy-avatar.dy-avatar-full-width {
  310. z-index: -1!important;
  311. width: 900px;
  312. margin-left: 0px;
  313. margin-top: 0px;
  314. height: 30px;
  315. background: #trans;
  316. }
  317.  
  318. img#xj_photo_img_tag {
  319. visibility: hide;
  320. z-index: 1!important;
  321. width: 80px!important;
  322. height: 80px!important;
  323. margin-left: 580px;
  324. margin-top: 30px;
  325. border: 5px solid #222;
  326. border-radius: 100px;
  327. transition:all 0.3s ease-in-out;
  328. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  329. }
  330.  
  331. div.xg_span-16 {
  332. visibility: visible;
  333. z-index: -1!important;
  334. }
  335.  
  336. div.xg_3col {
  337. visibility: visible;
  338. }
  339.  
  340. /* POP UP + BUTTON COLOURS */
  341.  
  342. .xg_floating_container.xg_lightborder {
  343. background-color: rgb(132, 132, 132);
  344. }
  345.  
  346. input.button.action-primary {
  347. background-color: rgb(85, 85, 85);
  348. }
  349.  
  350. p.buttongroup {
  351. background-color: rgb(170, 170, 170);
  352. padding: 5px;
  353. }
  354.  
  355. a.xj_cancel.action-secondary {
  356. color: rgb (255, 255, 255);
  357. }
  358.  
  359. /* REMOVED CODES */
  360.  
  361. .online {
  362. display: none;
  363.  
  364. }
  365.  
  366. .xg_module_body.profile.vcard {
  367. display: none;
  368. }
  369.  
  370. .account-links {
  371. display: none;
  372.  
  373. }
  374.  
  375. #xg_foot {
  376. display: none;
  377. }
  378.  
  379. p.left {
  380. display: none;
  381. }
  382.  
  383. p.right.xg_lightfont {
  384. display: none;
  385. }
  386.  
  387. #xg_sitedesc {
  388. display: none;
  389. }
  390.  
  391. #xg_sitename {
  392. display: none;
  393. }
  394.  
  395. img.poweredbyLogo {
  396. display: none;
  397. }
  398.  
  399. .xg_module_head {
  400. display: auto;
  401. border-bottom: 0px solid #fff!important;
  402. }
  403.  
  404. #xg_profile_activity{
  405. display:none;
  406. }
  407.  
  408. .xg_sprite {
  409. background: transparent;
  410. }
  411.  
  412. a.send-message-link {
  413. display: none;
  414. }
  415.  
  416. dd.profile-like-button {
  417. display: none;
  418. }
  419.  
  420. dd.profile-social-buttons {
  421. display: none;
  422. }
  423.  
  424. .module_blog {
  425. display: none!important;
  426. }
  427.  
  428. a.xj_block_messages {
  429. display: none;
  430. }
  431.  
  432. 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 {
  433. display: none;
  434. }
  435.  
  436. ul.nobullets.last-child {
  437. display: none;
  438. }
  439.  
  440. span.fn {
  441. display: none;
  442. }
  443.  
  444. span.fn:before {
  445. content:"";
  446. }
  447.  
  448. a.xj_appearance_editor_profile {
  449. display: none;
  450. }
  451.  
  452. .xg_module.topmsg.birthday_msg {
  453. display: none!important;
  454. }
  455.  
  456. /* TEXT + LINK CODES*/
  457.  
  458. a#add-as-friend-link {
  459. position: fixed;
  460. font-size: 20px;
  461. font-weight: 900;
  462. font-family: 'Playfair Display';
  463. margin-top: 89px;
  464. margin-left: -120px;
  465. letter-spacing: 2px;
  466. text-transform: uppercase;
  467. text-align: right;
  468. color: rgb(255, 255, 255)!important;
  469. -webkit-transition: ease-in-out 0.6s;
  470. -webkit-transition-duration: 700ms;
  471. text-shadow: 0px 2px 2px #111111;
  472. transform: rotate(-90deg);
  473. }
  474.  
  475. #xg_body a {
  476. color: auto!important;
  477. background-color: transparent;
  478. font-style: normal;
  479. -webkit-transition: 1s;
  480.  
  481. }
  482.  
  483. p {
  484. color: auto!important;
  485. font-size: 11px;
  486. font-family: 'Tahoma';
  487. }
  488.  
  489.  
  490. ::selection {
  491. background: #c6f3f5;
  492. color: #ffffff;
  493. }
  494.  
  495. ::-webkit-scrollbar {
  496. width: 4px;
  497. height: 0px;
  498. background: transparent;
  499. }
  500.  
  501. ::-webkit-scrollbar-thumb {
  502. background: #aaa;
  503. border-radius: 4px;
  504. }
  505.  
  506. ::-webkit-scrollbar-corner {
  507. background: transparent;
  508. }
  509.  
  510. #links {
  511. z-index: 1!important;
  512. position: fixed;
  513. overflow: hidden;
  514. font: 13px 'Roboto';
  515. text-transform: lowercase;
  516. margin-top: -5px;
  517. margin-left: 420px;
  518. text-align: left;
  519. width: 370px;
  520. height: 30px!important;
  521. background: #trans;
  522. line-height: 40px;
  523. text-shadow: 0px 2px 2px #111:
  524. }
  525.  
  526. #links a {
  527. color: #fff!important;
  528. margin-left: 20px;
  529. padding-left:10px;
  530. padding: 5px;
  531. -webkit-transition: all 0.7s ease;
  532. }
Advertisement
Add Comment
Please, Sign In to add comment