mik98

incomplete transparent

Mar 1st, 2020
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.23 KB | None | 0 0
  1. body {
  2. background-color: black;
  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: -110px;
  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. z-index: -1000;
  43. top: 125px;
  44. left: 150px;
  45. width: 680px;
  46. height: 490px;
  47. background: white;
  48. padding: 10px 10px 10px 10px;
  49. box-sizing: border-box;
  50. border-radius: 15px;
  51. }
  52.  
  53. div#xg_layout_column_1 {
  54. position: relative;
  55. z-index: 1;
  56. top: 100px;
  57. left: 100px;
  58. width: 800px;
  59. height: auto;
  60. overflow: hidden;
  61. background: #;
  62. }
  63.  
  64. div#xg_layout_column_1:before {
  65. content:"";
  66. position: absolute;
  67. width: 680px;
  68. height: 200px;
  69. border-radius: 0px 0px 15px 10px;
  70. top: 315px;
  71. left: 50px;
  72. background: url(https://66.media.tumblr.com/a6367271609a5bf9e2ddd05c3eb3ecc4/4f28527adbeee124-8c/s1280x1920/58c32f46d06ebb510fe3b47f3431648c0feab9fa.png) 0px 0px repeat; /* CHANGE IMAGE HERE */
  73. background-size: cover;
  74. -webkit-filter: grayscale(0);
  75. }
  76.  
  77. div#xg_layout_column_1:after {
  78. content:"";
  79. position: absolute;
  80. z-index: -100!important;
  81. top: 25px;
  82. left: 75px;
  83. width: 260px;
  84. height: 300px;
  85. background: url(https://66.media.tumblr.com/982012180ad6c9e4287dc19f506a52c5/4f28527adbeee124-bf/s500x750/243777b989444dc7e3aa06e6b4fbdd5f95186426.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  86. background-size: cover;
  87. filter: grayscale(0.5);
  88. }
  89.  
  90. div.module_user_summary:before {
  91. z-index: -100!important;
  92. visibility: visible!important;
  93. content:"";
  94. position: absolute;
  95. top: 155px;
  96. left: 560px;
  97. width: 155px;
  98. height: 160px;
  99. border-radius: 9px;
  100. background: url(https://66.media.tumblr.com/f08f643e99b4ef477ada9f9cdd78ccd1/06ed3224a9fa7e83-91/s540x810/985268dac79469153dfa0d399272fc724aaa8da6.gifv) -80px 0px no-repeat; /* CHANGE IMAGE HERE */
  101. background-size: cover;
  102. filter: grayscale(1);
  103. background-size: 178%;
  104. }
  105.  
  106. div.module_user_summary:after {
  107. z-index: -100!important;
  108. visibility: visible;
  109. content:"";
  110. position: absolute;
  111. top: 325px;
  112. left: 560px;
  113. width: 155px;
  114. height: 160px;
  115. border: solid 0px #E0FFFF;
  116. border-radius: 9px;
  117. background: url(https://66.media.tumblr.com/7435d67aaf3efde226ab2d50acdbd1cc/06ed3224a9fa7e83-7a/s540x810/7b339132a612bdeea81775ae8d06726534bd3711.gifv) -85px 0px no-repeat; /* CHANGE IMAGE HERE */
  118. background-size: 180%;
  119. filter: grayscale(10);
  120. }
  121.  
  122. div.xg_span-16:before {
  123. visibility: visible!important;
  124. z-index: -1000;
  125. content:""; /* CHANGE TEXT HERE */
  126. position: absolute;
  127. top: 125px;
  128. left: 150px;
  129. width: 680px;
  130. height: 150px;
  131. border-radius: 15px 15px 0px 0px;
  132. background: url(https://www.nicepng.com/png/full/310-3103670_topborder-copy-blue-top-border-png.png) 0px 0px repeat; /* CHANGE IMAGE HERE */
  133. background-size: cover;
  134. -webkit-filter: grayscale(0);
  135. }
  136.  
  137. div.module_user_thumbnail:before {
  138. opacity: 1;
  139. visibility: visible;
  140. content:""; /* CHANGE TEXT HERE */
  141. position: absolute;
  142. z-index: 1;
  143. top: 155px;
  144. left: 320px;
  145. width: 230px;
  146. height: 330px;
  147. border-radius: 10px;
  148. background: trans;
  149. }
  150.  
  151. div.module_user_thumbnail:after {
  152. opacity: 1;
  153. visibility: visible;
  154. content:"one look at you and suddenly all the poems make sense.."; /* CHANGE TEXT HERE */
  155. position: absolute;
  156. top: 30px;
  157. left: 257px;
  158. width: 450px;
  159. height: 10px;
  160. font: 60px 'Fangtasia';
  161. font-weight: 100;
  162. color: #444;
  163. text-align: right;
  164. line-height: 45px;
  165. }
  166.  
  167. @font-face{font-family: Fangtasia;src:url(https://static.tumblr.com/9wzbixa/n1fmj2ibf/fangtasia.ttf);}
  168.  
  169.  
  170. @font-face { font-family: 'gb'; src: url('https://dl.dropboxusercontent.com/s/x7h2ytdu2betiw0/Gloss_And_Bloom.ttf') ;}
  171.  
  172. .dy-avatar.dy-avatar-full-width:after {
  173. opacity: 1;
  174. z-index: -100!important;
  175. visibility: visible;
  176. content:"the tongue that paints those artistic kisses, those lips that play the music of your voice.."; /* CHANGE TEXT HERE */
  177. position: absolute;
  178. top: 380px;
  179. left: 50px;
  180. width: 300px;
  181. height: 10px;
  182. font: 28px 'jenna sue';
  183. font-weight: 900;
  184. color: #444;
  185. text-align: center;
  186. box-sizing: border-box;
  187. padding: 10px 40px 10px 40px;
  188. }
  189.  
  190. @font-face{font-family:Jenna Sue;src:url(https://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  191.  
  192.  
  193. .dy-avatar.dy-avatar-full-width:before {
  194. visibility: visible;
  195. z-index: 100;
  196. content:"angel energy"; /* CHANGE TEXT HERE */
  197. position: absolute;
  198. top: 285px;
  199. left: 75px;
  200. width: 240px;
  201. height: 50px;
  202. font: 25px 'primetime';
  203. text-align: center;
  204. overflow: hidden;
  205. box-sizing: border-box;
  206. line-height: 34px;
  207. padding: 5px;
  208. border-radius: 7px;
  209. background: #444;
  210. color: #E0FFFF;
  211. }
  212.  
  213. @font-face { font-family: "primetime"; src: url('https://dl.dropboxusercontent.com/s/uzoszwd2yfzqmmx/PRIMETIME.ttf');}
  214.  
  215. div#xg_layout_column_2 {
  216. position: absolute;
  217. z-index: 100!important;
  218. width: 820px;
  219. height: 40px;
  220. top: 70px;
  221. font-size: 11px;
  222. left: 9%;
  223. background: #trans;
  224. font-family:'Raleway';
  225. color: #fff;
  226. -moz-transition: all 0.5s ease-out;
  227. -o-transition: all 0.5s ease-out;
  228. }
  229.  
  230. div.module_user_summary {
  231. visibility: hidden;
  232. }
  233.  
  234. .dy-avatar.dy-avatar-full-width {
  235. z-index: -1!important;
  236. width: 900px;
  237. margin-left: 0px;
  238. margin-top: 0px;
  239. height: 30px;
  240. background: #trans;
  241. }
  242.  
  243. img#xj_photo_img_tag {
  244. visibility: hidden;
  245. z-index: 1!important;
  246. width: 60px!important;
  247. height: 60px!important;
  248. margin-left: 411px;
  249. margin-top: 400px;
  250. border: 5px solid red
  251. ;
  252. border-radius: 20px;
  253. -webkit-filter: grayscale(0);
  254. }
  255.  
  256. div.xg_span-16 {
  257. visibility: visible;
  258. z-index: -1!important;
  259. }
  260.  
  261. div.xg_3col {
  262. visibility: visible;
  263. }
  264.  
  265. /* POP UP + BUTTON COLOURS */
  266.  
  267. .xg_floating_container.xg_lightborder {
  268. background-color: #f4d1bd;
  269. }
  270.  
  271. input.button.action-primary {
  272. background-color: #f4d1bd;
  273. }
  274.  
  275. p.buttongroup {
  276. background-color: #f4d1bd;
  277. padding: 5px;
  278. }
  279.  
  280. a.xj_cancel.action-secondary {
  281. color: #111;
  282. }
  283.  
  284. /* REMOVED CODES */
  285.  
  286. .online {
  287. display: none;
  288.  
  289. }
  290.  
  291. .xg_module_body.profile.vcard {
  292. display: none;
  293. }
  294.  
  295. .account-links {
  296. display: none;
  297.  
  298. }
  299.  
  300. #xg_foot {
  301. display: none;
  302. }
  303.  
  304. p.left {
  305. display: none;
  306. }
  307.  
  308. p.right.xg_lightfont {
  309. display: none;
  310. }
  311.  
  312. #xg_sitedesc {
  313. display: none;
  314. }
  315.  
  316. #xg_sitename {
  317. display: none;
  318. }
  319.  
  320. img.poweredbyLogo {
  321. display: none;
  322. }
  323.  
  324. .xg_module_head {
  325. display: auto;
  326. border-bottom: 0px solid #fff!important;
  327. }
  328.  
  329. #xg_profile_activity{
  330. display:none;
  331. }
  332.  
  333. .xg_sprite {
  334. background: transparent;
  335. }
  336.  
  337. a.send-message-link {
  338. display: none;
  339. }
  340.  
  341. dd.profile-like-button {
  342. display: none;
  343. }
  344.  
  345. dd.profile-social-buttons {
  346. display: none;
  347. }
  348.  
  349. .module_blog {
  350. display: none!important;
  351. }
  352.  
  353. a.xj_block_messages {
  354. display: none;
  355. }
  356.  
  357. 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 {
  358. display: none;
  359. }
  360.  
  361. ul.nobullets.last-child {
  362. display: none;
  363. }
  364.  
  365. span.fn {
  366. display: none;
  367. }
  368.  
  369. span.fn:before {
  370. content:"";
  371. }
  372.  
  373. a.xj_appearance_editor_profile {
  374. display: none;
  375. }
  376.  
  377. .xg_module.topmsg.birthday_msg {
  378. display: none!important;
  379. }
  380.  
  381. /* TEXT + LINK CODES*/
  382.  
  383. a#add-as-friend-link {
  384. position: fixed;
  385. font-size: 20px;
  386. font-weight: 100;
  387. font-family: 'Primetime';
  388. margin-top: 89px;
  389. margin-left: -120px;
  390. letter-spacing: 2px;
  391. text-transform: uppercase;
  392. text-align: right;
  393. color: rgb(255, 255, 255)!important;
  394. -webkit-transition: ease-in-out 0.6s;
  395. -webkit-transition-duration: 700ms;
  396. text-shadow: 0px 2px 2px #111111;
  397. transform: rotate(-90deg);
  398. }
  399.  
  400. #xg_body a {
  401. color: auto!important;
  402. background-color: transparent;
  403. font-style: normal;
  404. -webkit-transition: 1s;
  405.  
  406. }
  407.  
  408. p {
  409. color: auto!important;
  410. font-size: 11px;
  411. font-family: 'raleway';
  412. }
  413.  
  414.  
  415. ::selection {
  416. background: #f4d1bd;
  417. color: #111;
  418. }
  419.  
  420. ::-webkit-scrollbar {
  421. width: 4px;
  422. height: 0px;
  423. background: transparent;
  424. }
  425.  
  426. ::-webkit-scrollbar-thumb {
  427. background: skyblue;
  428. border-radius: 4px;
  429. }
  430.  
  431. ::-webkit-scrollbar-corner {
  432. background: transparent;
  433. }
  434.  
  435. #links {
  436. z-index: 1!important;
  437. position: fixed;
  438. overflow: hidden;
  439. font: 13px 'Roboto';
  440. text-transform: lowercase;
  441. margin-top: -5px;
  442. margin-left: 420px;
  443. text-align: left;
  444. width: 370px;
  445. height: 30px!important;
  446. background: #trans;
  447. line-height: 40px;
  448. text-shadow: 0px 2px 2px #111:
  449. }
  450.  
  451. #links a {
  452. color: #fff!important;
  453. margin-left: 20px;
  454. padding-left:10px;
  455. padding: 5px;
  456. -webkit-transition: all 0.7s ease;
  457. }
  458.  
  459.  
  460.  
  461.  
  462. .bio {
  463. width: 215px;
  464. height: 310px;
  465. margin-left: 222px;
  466. margin-top: -250px;
  467. font-family: raleway;
  468. text-transform: lowercase;
  469. color: #808080;
  470. overflow: scroll;
  471. font-size: 8px;
  472. text-align: justify;
  473. line-height:20px;
  474. padding-right: 4px;
  475. letter-spacing: 1px;
  476. }
  477.  
  478. @font-face {
  479. font-family: 'Raleway';
  480. font-style: normal;
  481. font-weight: 400;
  482. src: local('Raleway'), local('Raleway-Regular'),
  483. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  484. 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;
  485. }
  486.  
  487. @font-face {
  488. font-family: 'Raleway';
  489. font-style: normal;
  490. font-weight: 700;
  491. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  492. 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;
  493. }
  494.  
  495. .bio b, strong {color: #000; font-family: primetime; font-size:8px; background-color: #E0FFFF; font-weight: normal; padding: 4px;letter-spacing:0px;}
  496.  
  497. i, em {
  498. color: #444;
  499. font-family: arial narrow;
  500. font-size: 12px;
  501. font-style: normal;
  502. letter-spacing: 1px;
  503. line-height: 0px;
  504. }
  505.  
  506.  
  507. .links {
  508. z-index:100;
  509. display: inline-block;
  510. width:340px;
  511. height:100px;
  512. margin-top:300px;
  513. margin-left:101px;
  514. line-height:0px;
  515. -webkit-transition: all .5s ease-in-out;
  516. -moz-transition: all .5s ease-in-out;
  517. -o-transition: all .5s ease-in-out;
  518. }
  519.  
  520. .links a {
  521. z-index:100;
  522. display: inline-block;
  523. height:50px;
  524. font-size: 11px;
  525. margin:4px;
  526. line-height:0px;
  527. -webkit-transition: all .5s ease-in-out;
  528. -moz-transition: all .5s ease-in-out;
  529. -o-transition: all .5s ease-in-out;
  530. -webkit-filter: grayscale(0)contrast(0%)brightness(0%);
  531. }
  532.  
  533. .links a:hover {
  534. opacity:0.5;
  535. -webkit-transition: all .5s ease-in-out;
  536. -moz-transition: all .5s ease-in-out;
  537. -o-transition: all .5s ease-in-out;
  538. }
Add Comment
Please, Sign In to add comment