mik98

hell on heels - css

Dec 27th, 2020
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.67 KB | None | 0 0
  1. body {
  2. background-color: #000;
  3. background-image: url();
  4. background-cover: 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: 0px;
  14.  
  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:"I'm hell on heels, Say what you will, I've done made the devil a deal. He made me pretty, He made me smart And I'm going to break me a million hearts. I'm hell on heels, baby I'm comin' for you."; /* CHANGE TEXT HERE */
  41. position: absolute;
  42. z-index: 100;
  43. top: 200px;
  44. left: 180px;
  45. font: 11px 'maszyna royal';
  46. color: #fff;
  47. text-transform: uppercase;
  48. text-align: justify;
  49. width: 300px;
  50. height: 415px;
  51. background: #trans;
  52. padding-top: 10px!important;
  53. padding: 60px;
  54. box-sizing: border-box;
  55. overflow: hidden;
  56. line-height: 25px;
  57. opacity: 111%;
  58.  
  59.  
  60. }
  61.  
  62. @font-face { font-family: "heinrich"; src: url('https://dl.dropboxusercontent.com/s/4pb50teo2z847kx/Heinrich.ttf'); }
  63.  
  64.  
  65. @font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}
  66.  
  67. div#xg_layout_column_1 {
  68. position: relative;
  69. z-index: 1;
  70. top: 100px;
  71. left: 100px;
  72. width: 800px;
  73. height: auto;
  74. overflow: hidden;
  75. background: #;
  76. }
  77.  
  78. div#xg_layout_column_1:before {
  79. content:"";
  80. position: absolute;
  81. width: 300px;
  82. height: 415px;
  83. top: 25px;
  84. left: 250px;
  85. background: url(https://media3.giphy.com/media/GgBsV8r4rq7wAGifZF/giphy.gif) 0px -20px repeat; /* CHANGE IMAGE HERE */
  86. background-size: cover;
  87. -webkit-filter: grayscale(0.2);
  88. border-top: 30px solid #222;
  89. border-bottom: 30px solid #222;
  90. border-radius: 10px;
  91.  
  92.  
  93. }
  94.  
  95.  
  96.  
  97. .xg_3col:after {
  98. content:"mikayla. 22. single af. nate, oli & jayne are special to me.";
  99. z-index: 1000;
  100. position: absolute;
  101. top: 570px;
  102. left: 340px;
  103. width: 320px;
  104. height: 35px;
  105. text-align: center;
  106. background: #trans;
  107. border-radius: 10px;
  108. padding: 5px;
  109. box-sizing: border-box;
  110. font-family: 'caviardreams';
  111. color: #fff;
  112. font-size: 8px;
  113. text-transform: lowercase;
  114. line-height: 20px;
  115. letter-spacing: 1px;
  116. opacity: 100%;
  117.  
  118.  
  119. }
  120.  
  121. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  122.  
  123. @font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  124.  
  125.  
  126. div.xg_span-16:before {
  127. visibility: visible!important;
  128. z-index: 100;
  129. content:"bit of heaven"; /* CHANGE TEXT HERE */
  130. position: absolute;
  131. top: 455px;
  132. left: 300px;
  133. width: 360px;
  134. height: 260px;
  135. font-size: 33px;
  136. font-family: 'smf';
  137. overflow: hidden;
  138. box-sizing: border-box;
  139. padding: 10px;
  140. text-transform: uppercase;
  141. background: #trans;
  142. color: #fff;
  143. }
  144.  
  145. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  146.  
  147.  
  148. @font-face {font-family: soulmaze; src: url(https://dl.dropboxusercontent.com/s/b9dvyv4fg3ccpn9/MADE-Soulmaze-Outline-PERSONAL-USE.ttf );}
  149.  
  150. div.module_user_thumbnail:before {
  151. opacity: 10;
  152. visibility: visible;
  153. content:"♡"; /* CHANGE TEXT HERE */
  154. position: absolute;
  155. z-index: 1;
  156. top: 22px;
  157. left: 490px;
  158. width: 75px;
  159. height: 25px;
  160. font: 15px 'Roboto';
  161. font-weight: 900;
  162. color: #ddd;
  163. overflow: hidden;
  164. text-transform: uppercase;
  165. text-align: center;
  166. padding-top: 5px!important;
  167. padding: 10px;
  168. box-sizing: border-box;
  169. background: url();
  170.  
  171. }
  172.  
  173. div.module_user_thumbnail:after {
  174. opacity: 10;
  175. visibility: visible;
  176. content:"with a wild side"; /* CHANGE TEXT HERE */
  177. position: absolute;
  178. top: 395px;
  179. left: 200px;
  180. width: 375px;
  181. height: 110px;
  182. font: 48px 'scarlette';
  183. font-weight: 900;
  184. color: #e1bdaa;
  185. overflow: hidden;
  186. text-transform: lowercase;
  187. text-align: center;
  188. padding-top: 5px!important;
  189. padding: 10px;
  190. background: #trans;
  191. }
  192.  
  193. @font-face { font-family: 'scarlette'; src: url('https://dl.dropboxusercontent.com/s/rzp0ijgvaswgztp/Scarlette.ttf'); ;}
  194.  
  195. .dy-avatar.dy-avatar-full-width:after {
  196. opacity: 0;
  197. z-index: 100!important;
  198. visibility: visible;
  199. content:"emotionless"; /* CHANGE TEXT HERE */
  200. position: absolute;
  201. top: 400px;
  202. left: 340px;
  203. width: 80px;
  204. height: 10px;
  205. font: 12px 'Roboto';
  206. font-weight: 900;
  207. color: #000;
  208. overflow: hidden;
  209. text-transform: uppercase;
  210. text-align: center;
  211. padding-top: 5px!important;
  212. padding: 10px;
  213. background: rgba(255, 255, 255, 0.6);
  214. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  215. -webkit-transition: ease-in-out 0.6s;
  216. -webkit-transition-delay: 1.6s;
  217. transition-delay: 1.6s;
  218. }
  219.  
  220.  
  221. .dy-avatar.dy-avatar-full-width:before {
  222. visibility: visible;
  223. z-index: 100;
  224. content:"•••"; /* CHANGE TEXT HERE */
  225. position: absolute;
  226. top: 16px;
  227. left: 155px;
  228. width: 260px;
  229. height: 45px;
  230. font: 25px 'Montserrat';
  231. font-weight: bold;
  232. text-align: center;
  233. overflow: hidden;
  234. box-sizing: border-box;
  235. line-height: 30px;
  236. letter-spacing: 7px;
  237. padding: 10px;
  238. text-transform: uppercase;
  239. background: #trans;
  240. color: #ddd;
  241. }
  242.  
  243. div#xg_layout_column_2 {
  244. position: absolute;
  245. z-index: 100!important;
  246. width: 820px;
  247. height: 40px;
  248. top: 70px;
  249. font-size: 11px;
  250. left: 9%;
  251. background: #trans;
  252. font-family:'Roboto';
  253. color: #fff;
  254. -moz-transition: all 0.5s ease-out;
  255. -o-transition: all 0.5s ease-out;
  256. }
  257.  
  258. div.module_user_summary {
  259. visibility: hidden;
  260. }
  261.  
  262. .dy-avatar.dy-avatar-full-width {
  263. z-index: -1!important;
  264. width: 900px;
  265. margin-left: 0px;
  266. margin-top: 0px;
  267. height: 30px;
  268. background: #trans;
  269. }
  270.  
  271. img#xj_photo_img_tag {
  272. visibility: hide;
  273. z-index: 1!important;
  274. width: 120px!important;
  275. height: 120px!important;
  276. margin-left: 530px;
  277. margin-top: 335px;
  278. border: 15px solid #222;
  279. border-radius: 100px;
  280. transition:all 0.3s ease-in-out;
  281. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  282. }
  283.  
  284. div.xg_span-16 {
  285. visibility: visible;
  286. z-index: -1!important;
  287. }
  288.  
  289. div.xg_3col {
  290. visibility: visible;
  291. }
  292.  
  293. /* POP UP + BUTTON COLOURS */
  294.  
  295. .xg_floating_container.xg_lightborder {
  296. background-color: rgb(132, 132, 132);
  297. }
  298.  
  299. input.button.action-primary {
  300. background-color: rgb(85, 85, 85);
  301. }
  302.  
  303. p.buttongroup {
  304. background-color: rgb(170, 170, 170);
  305. padding: 5px;
  306. }
  307.  
  308. a.xj_cancel.action-secondary {
  309. color: rgb (255, 255, 255);
  310. }
  311.  
  312. /* REMOVED CODES */
  313.  
  314. .online {
  315. display: none;
  316.  
  317. }
  318.  
  319. .xg_module_body.profile.vcard {
  320. display: none;
  321. }
  322.  
  323. .account-links {
  324. display: none;
  325.  
  326. }
  327.  
  328. #xg_foot {
  329. display: none;
  330. }
  331.  
  332. p.left {
  333. display: none;
  334. }
  335.  
  336. p.right.xg_lightfont {
  337. display: none;
  338. }
  339.  
  340. #xg_sitedesc {
  341. display: none;
  342. }
  343.  
  344. #xg_sitename {
  345. display: none;
  346. }
  347.  
  348. img.poweredbyLogo {
  349. display: none;
  350. }
  351.  
  352. .xg_module_head {
  353. display: auto;
  354. border-bottom: 0px solid #fff!important;
  355. }
  356.  
  357. #xg_profile_activity{
  358. display:none;
  359. }
  360.  
  361. .xg_sprite {
  362. background: transparent;
  363. }
  364.  
  365. a.send-message-link {
  366. display: none;
  367. }
  368.  
  369. dd.profile-like-button {
  370. display: none;
  371. }
  372.  
  373. dd.profile-social-buttons {
  374. display: none;
  375. }
  376.  
  377. .module_blog {
  378. display: none!important;
  379. }
  380.  
  381. a.xj_block_messages {
  382. display: none;
  383. }
  384.  
  385. 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 {
  386. display: none;
  387. }
  388.  
  389. ul.nobullets.last-child {
  390. display: none;
  391. }
  392.  
  393. span.fn {
  394. display: none;
  395. }
  396.  
  397. span.fn:before {
  398. content:"";
  399. }
  400.  
  401. a.xj_appearance_editor_profile {
  402. display: none;
  403. }
  404.  
  405. .xg_module.topmsg.birthday_msg {
  406. display: none!important;
  407. }
  408.  
  409. /* TEXT + LINK CODES*/
  410.  
  411. a#add-as-friend-link {
  412. position: fixed;
  413. font-size: 20px;
  414. font-weight: 900;
  415. font-family: 'maszyna royal';
  416. bottom: 10px;
  417. left: -5px;
  418. letter-spacing: 2px;
  419. text-transform: uppercase;
  420. text-align: right;
  421. color: rgb(255, 255, 255)!important;
  422. }
  423.  
  424. #xg_body a {
  425. color: auto!important;
  426. background-color: transparent;
  427. font-style: normal;
  428. -webkit-transition: 1s;
  429.  
  430. }
  431.  
  432. p {
  433. color: auto!important;
  434. font-size: 11px;
  435. font-family: 'Tahoma';
  436. }
  437.  
  438.  
  439. ::selection {
  440. background: #c6f3f5;
  441. color: #ffffff;
  442. }
  443.  
  444. ::-webkit-scrollbar {
  445. width: 4px;
  446. height: 0px;
  447. background: transparent;
  448. }
  449.  
  450. ::-webkit-scrollbar-thumb {
  451. background: #aaa;
  452. border-radius: 4px;
  453. }
  454.  
  455. ::-webkit-scrollbar-corner {
  456. background: transparent;
  457. }
  458.  
  459. #link {
  460. display: inline-block;
  461. position: fixed;
  462. width: 0px;
  463. height: 25px;
  464. -webkit-transition-duration: 0.8s;
  465. -moz-transition-duration: 0.8s;
  466. opacity: 0.7;
  467. margin-top: 260px;
  468. margin-left: 565px;
  469. padding: 0px 15px 10px 0px;
  470. line-height: 0px;
  471. -webkit-filter: grayscale(10) brightness(100%);
  472. border-radius:6px;
  473.  
  474. }
  475.  
  476. #link a.links {
  477. display: inline-block;
  478. width: 10px;
  479. height: 70px;
  480. text-align: center;
  481. text-transform: uppercase;
  482. line-height: 0px;
  483. color: #fff;
  484. text-shadow: 0px 0px 6px #FFFFFF;
  485. font-size: 0px;
  486. font-family: 'beckman';
  487. -webkit-transition: all 0.5s ease-in-out;
  488. -moz-transition: all 0.5s ease-in-out;
  489. -o-transition: all 0.5s ease-in-out;
  490. -ms-transition: all 0.5s ease-in-out;
  491. transition: all 0.5s ease-in-out;
  492. margin: 0px;
  493. -webkit-filter: grayscale(10) contrast(5%);
  494.  
  495. }
Advertisement
Add Comment
Please, Sign In to add comment