mik98

paint my body with your lips - css

Oct 6th, 2021 (edited)
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.91 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: -30px;
  13. margin-left: -80px;
  14. }
  15.  
  16. .xg_3col:before {
  17. z-index: 10;
  18. content:""; /* CHANGE TEXT HERE */
  19. position: absolute;
  20. top: 156px;
  21. left: 650px;
  22. width: 250px;
  23. height: 250px;
  24. border-radius:6px;
  25. background: url(https://64.media.tumblr.com/ed962d8e8a97c2d50ec87b873e8d2531/cdf2db8adfe2f1f0-d8/s1280x1920/a96263f212d6c7f8703b294d728eb90ab2704e56.jpg);
  26. background-size: cover;
  27. border-bottom: 50px solid #111;
  28.  
  29. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  30.  
  31. }
  32.  
  33. div#xg_ad_below_header, div#xg_ad_below_footer {
  34. display: none!important;
  35. }
  36.  
  37. div#xg_navigation {
  38. visibility: hidden;
  39. position: fixed;
  40. }
  41.  
  42. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  43. display: none;
  44. }
  45.  
  46.  
  47. div#xg_masthead {
  48. position: relative;
  49. }
  50.  
  51. div#xn_bar {
  52. display: none;
  53. }
  54.  
  55. #xg_body:before {
  56. content:""; /* CHANGE TEXT HERE */
  57. position: absolute;
  58. top: 125px;
  59. left: 315px;
  60. font: 11px 'Roboto';
  61. color: #000;
  62. text-transform: lowercase;
  63. text-align: justify;
  64. width: 560px;
  65. height: 415px;
  66. background: #111;
  67. padding-top: 220px!important;
  68. padding: 60px;
  69. box-sizing: border-box;
  70. overflow: hidden;
  71. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  72. border-right: 160px solid #222;
  73. }
  74.  
  75. .xg_span-16:after{
  76. z-index: -100;
  77. content:"Paint my body with your lips "; /* CHANGE TEXT HERE */
  78. position: absolute;
  79. top: 60px;
  80. font-family: dalmatins;
  81. font-size: 23px;
  82. left: 300px;
  83. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  84. color: #e5ccc9;
  85. text-transform: lowercase;
  86. width: 590px;
  87. height: 350px;
  88. border-radius:6px;
  89. background: #fff;
  90. line-height: 60px;
  91. text-align: center;
  92. background-image: linear-gradient(to top, #333, #111); padding: 0px;
  93.  
  94. }
  95.  
  96. @font-face { font-family: "dalmatins"; src: url('https://dl.dropboxusercontent.com/s/vt2bux883emjhf3/Dalmatins.otf') ;}
  97.  
  98. div#xg_layout_column_1 {
  99. position: relative;
  100. z-index: 1;
  101. top: 100px;
  102. left: 100px;
  103. width: 800px;
  104. height: auto;
  105. overflow: hidden;
  106. background: #;
  107. }
  108.  
  109. div#xg_layout_column_1:before {
  110. content:"mikaylagrace";
  111. position: absolute;
  112. z-index: 100;
  113. width: 60px;
  114. height: 60px;
  115. top: 120px;
  116. left: 385px;
  117. background: trans;
  118. font-family: robold;
  119. font-size: 14px;
  120. color: #e5ccc9;
  121. }
  122.  
  123. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  124.  
  125.  
  126. div#xg_layout_column_1:after {
  127. content:"";
  128. position: absolute;
  129. z-index: 10;
  130. background: rgb(255, 255, 255);
  131. top: 115px;
  132. left: 335px;
  133. width: 225px;
  134. height: 235px;
  135. background: url(https://64.media.tumblr.com/ede1f94bcdb807a3d0a01aa3200ba951/4953b7b05679576a-98/s500x750/11c794a54f8d581e27736987e977655a809284bd.gifv) -10px -60px no-repeat; /* CHANGE IMAGE HERE */
  136. background-size: 110%;
  137. border-radius: 6px;
  138. filter: grayscale(0.2);
  139. border-top: 40px solid #000;
  140.  
  141. }
  142.  
  143. @keyframes bounce {
  144. 0% {
  145. -webkit-transform: translate3d(0, 0, 0);
  146. transform: translate3d(0, 0, 0);
  147. }
  148. 100% {
  149. -webkit-transform: translate3d(0, 20px, 0);
  150. transform: translate3d(0, 20px, 0);
  151. }
  152.  
  153. }
  154.  
  155.  
  156.  
  157. div.module_user_summary:before {
  158. z-index: -1!important;
  159. visibility: visible!important;
  160. content:"";
  161. position: absolute;
  162. top: 85px;
  163. left: 305px;
  164. width: 285px;
  165. height: 265px;
  166. background: #e5ccc9;
  167. background-size: cover;
  168. filter: grayscale(0);
  169. }
  170.  
  171. .xg_3col:after {
  172. z-index: 100;
  173. content:""; /* CHANGE TEXT HERE */
  174. position: absolute;
  175. top: 218px;
  176. left: 442px;
  177. width: 33px;
  178. height: 33px;
  179. border-radius:100px;
  180. background: url(https://storage.ning.com/topology/rest/1.0/file/get/9651362256?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  181. background-size: cover;
  182. filter: grayscale(0.3);
  183. }
  184.  
  185. div.module_user_summary:after {
  186. z-index: -100!important;
  187. visibility: visible;
  188. content:"";
  189. position: absolute;
  190. top: 35px;
  191. left: 235px;
  192. width: 235px;
  193. height: 235px;
  194. background: url(https://storage.ning.com/topology/rest/1.0/file/get/10547939864?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  195. background-size: cover;
  196. filter: grayscale(1);
  197. }
  198.  
  199. div.xg_span-16:before {
  200. visibility: visible!important;
  201. z-index: 100;
  202. content:"In his bed, forever >"; /* CHANGE TEXT HERE */
  203. position: absolute;
  204. top: 225px;
  205. left: 406px;
  206. width: 260px;
  207. height: 60px;
  208. font: 12px 'roboto';
  209. font-weight: bold;
  210. overflow: hidden;
  211. box-sizing: border-box;
  212. padding: 10px;
  213. text-transform: normal;
  214. background: #trans;
  215. color: #e5ccc9;
  216. text-align: center;
  217. }
  218.  
  219. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  220.  
  221.  
  222. @font-face { font-family: 'visitor'; src: url('https://static.tumblr.com/it5srtk/Nxforvgyt/visitor1.ttf') format('truetype'); }
  223.  
  224.  
  225.  
  226.  
  227. .dy-avatar.dy-avatar-full-width:before {
  228. visibility: visible;
  229. z-index: 9999;
  230. content:"mikayla. twenty-three. future wife to jarrett miller"; /* CHANGE TEXT HERE */
  231. position: absolute;
  232. top: 415px;
  233. left: 205px;
  234. width: 420px;
  235. height: 145px;
  236. font: 12px 'bebas neue';
  237. font-weight: bold;
  238. text-align: center;
  239. overflow: hidden;
  240. box-sizing: border-box;
  241. line-height: 15px;
  242. text-transform: uppercase;
  243. letter-spacing: 3px;
  244. background: #trans;
  245. color: #e5ccc9;
  246. }
  247.  
  248. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  249.  
  250. @font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}
  251.  
  252.  
  253. div#xg_layout_column_2 {
  254. position: absolute;
  255. z-index: 100!important;
  256. width: 820px;
  257. height: 40px;
  258. top: 70px;
  259. font-size: 11px;
  260. left: 9%;
  261. background: #trans;
  262. font-family:'Roboto';
  263. color: #fff;
  264. -moz-transition: all 0.5s ease-out;
  265. -o-transition: all 0.5s ease-out;
  266. }
  267.  
  268. div.module_user_summary {
  269. visibility: hidden;
  270. }
  271.  
  272. .dy-avatar.dy-avatar-full-width {
  273. z-index: -1!important;
  274. width: 900px;
  275. margin-left: 0px;
  276. margin-top: 0px;
  277. height: 30px;
  278. background: #trans;
  279. }
  280.  
  281. img#xj_photo_img_tag {
  282. visibility: visible;
  283. z-index: 1!important;
  284. width: 60px!important;
  285. height:60px!important;
  286. margin-left: 255px;
  287. margin-top: 45px;
  288. border: 5px solid #fff;
  289. -webkit-filter: grayscale(1);
  290. border-radius: 100px;
  291. border: 10px solid #222;
  292. }
  293.  
  294. div.xg_span-16 {
  295. visibility: visible;
  296. z-index: -1!important;
  297. }
  298.  
  299. div.xg_3col {
  300. visibility: visible;
  301. }
  302.  
  303. /* POP UP + BUTTON COLOURS */
  304.  
  305. .xg_floating_container.xg_lightborder {
  306. background-color: rgb(132, 132, 132);
  307. }
  308.  
  309. input.button.action-primary {
  310. background-color: rgb(85, 85, 85);
  311. }
  312.  
  313. p.buttongroup {
  314. background-color: rgb(170, 170, 170);
  315. padding: 5px;
  316. }
  317.  
  318. a.xj_cancel.action-secondary {
  319. color: rgb (255, 255, 255);
  320. }
  321.  
  322. /* REMOVED CODES */
  323.  
  324. .online {
  325. display: none;
  326.  
  327. }
  328.  
  329. .xg_module_body.profile.vcard {
  330. display: none;
  331. }
  332.  
  333. .account-links {
  334. display: none;
  335.  
  336. }
  337.  
  338. #xg_foot {
  339. display: none;
  340. }
  341.  
  342. p.left {
  343. display: none;
  344. }
  345.  
  346. p.right.xg_lightfont {
  347. display: none;
  348. }
  349.  
  350. #xg_sitedesc {
  351. display: none;
  352. }
  353.  
  354. #xg_sitename {
  355. display: none;
  356. }
  357.  
  358. img.poweredbyLogo {
  359. display: none;
  360. }
  361.  
  362. .xg_module_head {
  363. display: auto;
  364. border-bottom: 0px solid #fff!important;
  365. }
  366.  
  367. #xg_profile_activity{
  368. display:none;
  369. }
  370.  
  371. .xg_sprite {
  372. background: transparent;
  373. }
  374.  
  375. a.send-message-link {
  376. display: none;
  377. }
  378.  
  379. dd.profile-like-button {
  380. display: none;
  381. }
  382.  
  383. dd.profile-social-buttons {
  384. display: none;
  385. }
  386.  
  387. .module_blog {
  388. display: none!important;
  389. }
  390.  
  391. a.xj_block_messages {
  392. display: none;
  393. }
  394.  
  395. 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 {
  396. display: none;
  397. }
  398.  
  399. ul.nobullets.last-child {
  400. display: none;
  401. }
  402.  
  403. span.fn {
  404. display: none;
  405. }
  406.  
  407. span.fn:before {
  408. content:"";
  409. }
  410.  
  411. a.xj_appearance_editor_profile {
  412. display: none;
  413. }
  414.  
  415. .xg_module.topmsg.birthday_msg {
  416. display: none!important;
  417. }
  418.  
  419. /* TEXT + LINK CODES*/
  420.  
  421. a#add-as-friend-link {
  422. position: fixed;
  423. font-size: 20px;
  424. font-weight: 900;
  425. font-family: 'Playfair Display';
  426. margin-top: 89px;
  427. margin-left: -120px;
  428. letter-spacing: 2px;
  429. text-transform: uppercase;
  430. text-align: right;
  431. color: rgb(255, 255, 255)!important;
  432. -webkit-transition: ease-in-out 0.6s;
  433. -webkit-transition-duration: 700ms;
  434. text-shadow: 0px 2px 2px #111111;
  435. transform: rotate(-90deg);
  436. }
  437.  
  438. #xg_body a {
  439. color: auto!important;
  440. background-color: transparent;
  441. font-style: normal;
  442. -webkit-transition: 1s;
  443.  
  444. }
  445.  
  446. p {
  447. color: auto!important;
  448. font-size: 11px;
  449. font-family: 'Tahoma';
  450. }
  451.  
  452.  
  453. ::selection {
  454. background: #c6f3f5;
  455. color: #ffffff;
  456. }
  457.  
  458. ::-webkit-scrollbar {
  459. width: 4px;
  460. height: 0px;
  461. background: transparent;
  462. }
  463.  
  464. ::-webkit-scrollbar-thumb {
  465. background: #aaa;
  466. border-radius: 4px;
  467. }
  468.  
  469. ::-webkit-scrollbar-corner {
  470. background: transparent;
  471. }
  472.  
  473. #links {
  474. z-index: 100!important;
  475. position: fixed;
  476. overflow: hidden;
  477. font: 10px 'Roboto';
  478. text-transform: lowercase;
  479. margin-top: 305px;
  480. margin-left: 325px;
  481. text-align: left;
  482. width: 50px;
  483. height: 215px!important;
  484. background: #trans;
  485. line-height: 45px;
  486. }
  487.  
  488. #links a {
  489. color: #333!important;
  490. margin-left: 20px;
  491. padding-left:10px;
  492. padding: 5px;
  493. -webkit-transition: all 0.7s ease;
  494. }
  495.  
  496.  
  497. #links a {
  498. color: #333!important;
  499. background: #333;
  500. border-radius: 100%;
  501. padding: 6px;
  502. margin: 10px;
  503. -webkit-transition: all 0.7s ease;
  504. }
Advertisement
Add Comment
Please, Sign In to add comment