mik98

his angel - css

Mar 20th, 2020
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.08 KB | None | 0 0
  1. body {
  2. background-color: #000;
  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: -80px;
  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. top: 125px;
  43. left: 420px;
  44. font: 0px 'cw_monoline';
  45. color: #ccc;
  46. text-transform: lowercase;
  47. text-align: justify;
  48. width: 443px;
  49. height: 415px;
  50. padding: 10px;
  51. box-sizing: border-box;
  52. background: #444;
  53. border-radius: 0px 4px 4px 0px;
  54. -webkit-box-shadow: 0px 0px 5px 0px rgba(121,121,121,0.50);
  55. -moz-box-shadow: 0px 0px 5px 0px rgba(121,121,121,0.50);
  56. box-shadow: 0px 0px 5px 0px rgba(121,121,121,0.50);
  57. }
  58.  
  59. div#xg_layout_column_1 {
  60. position: relative;
  61. z-index: 1;
  62. top: 100px;
  63. left: 100px;
  64. width: 800px;
  65. height: auto;
  66. overflow: hidden;
  67. background: #;
  68. }
  69.  
  70. div#xg_layout_column_1:before {
  71. content:"his angel";
  72. z-index: -1000;
  73. position: absolute;
  74. width: 300px;
  75. height: 415px;
  76. top: 25px;
  77. left: 20px;
  78. background: #444;
  79. border-radius: 4px 0px 0px 4px;
  80. -webkit-box-shadow: 0px 0px 5px 0px rgba(121,121,121,0.50);
  81. -moz-box-shadow: 0px 0px 5px 0px rgba(121,121,121,0.50);
  82. box-shadow: 0px 0px 5px 0px rgba(121,121,121,0.50);
  83. font: 50px 'beloved';
  84. color: #ccc;
  85. text-transform: lowercase;
  86. text-align: center;
  87. word-spacing: -10px;
  88. padding: 4px 4px 4px 15px;
  89. box-sizing: border-box;
  90.  
  91. }
  92.  
  93.  
  94.  
  95. @font-face { font-family: "beloved"; src: url('https://dl.dropboxusercontent.com/s/huw53ahe43253fv/Oh%20Beloved.ttf'); ;}
  96.  
  97. div#xg_layout_column_1:after {
  98. content:"";
  99. position: absolute;
  100. top: 52px;
  101. left: 350px;
  102. width: 85px;
  103. height: 85px;
  104. border-radius: 4px;
  105. background: url(https://66.media.tumblr.com/ae130d691f6fa21b2ae4a37139b3ab47/71c80a2064458f12-01/s640x960/01b79d2c3018de441ac039a375657fbc2a6d2dde.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  106. background-size: cover;
  107. filter: grayscale(0.5)contrast(80%)brightness(110%);
  108. }
  109.  
  110. div.module_user_summary:before {
  111. z-index: -100!important;
  112. visibility: visible!important;
  113. content:"";
  114. position: absolute;
  115. top: 52px;
  116. left: 440px;
  117. width: 85px;
  118. height: 85px;
  119. border-radius: 4px;
  120. background: url(https://66.media.tumblr.com/eef7524f8ef5db363890ccc7bf65a530/71c80a2064458f12-f6/s540x810/3a4d50da9e587a2d7ce9430972acea525896b022.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  121. background-size: cover;
  122. filter: grayscale(0.5)contrast(80%)brightness(110%);
  123. }
  124.  
  125. div.module_user_summary:after {
  126. z-index: -100!important;
  127. visibility: visible;
  128. content:"";
  129. position: absolute;
  130. top: 52px;
  131. left: 530px;
  132. width: 85px;
  133. height: 85px;
  134. border-radius: 4px;
  135. background: url(https://66.media.tumblr.com/7a29ee7f8f2252d3aa259853f6cf77ac/71c80a2064458f12-8a/s540x810/46f54cbd80ad71a0d4b6cd4fcdd3d9a304179274.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  136. background-size: cover;
  137. filter: grayscale(0.5)contrast(80%)brightness(110%);
  138. }
  139.  
  140. div.xg_span-16:before {
  141. visibility: visible!important;
  142. z-index: 100;
  143. content:"lyrics"; /* CHANGE TEXT HERE */
  144. position: absolute;
  145. top: 428px;
  146. left: 554px;
  147. width: 260px;
  148. height: 40px;
  149. font: 45px 'cw_monoline';
  150. word-spacing: -5px;
  151. color: #985e6d;
  152. }
  153.  
  154. div.module_user_thumbnail:before {
  155. opacity: 1;
  156. visibility: visible;
  157. content:"reblog"; /* CHANGE TEXT HERE */
  158. position: absolute;
  159. z-index: 1;
  160. top: 196px;
  161. left: 340px;
  162. width: 285px;
  163. height: 25px;
  164. font: 9px 'comfortaa';
  165. text-transform: uppercase;
  166. color: #494e6b;
  167. box-sizing: border-box;
  168. padding: 11px 4px 4px 224px;
  169. border-top: 1px #ddd solid;
  170. }
  171.  
  172. div.module_user_thumbnail:after {
  173. opacity: 1;
  174. visibility: visible;
  175. content:"reblog"; /* CHANGE TEXT HERE */
  176. position: absolute;
  177. z-index: 1000;
  178. top: 385px;
  179. left: 340px;
  180. width: 285px;
  181. height: 25px;
  182. font: 9px 'comfortaa';
  183. text-transform: uppercase;
  184. color: #494e6b;
  185. box-sizing: border-box;
  186. padding: 10px 4px 4px 224px;
  187. border-top: 1px #ddd solid;
  188. }
  189.  
  190. .dy-avatar.dy-avatar-full-width:after {
  191. opacity: 1;
  192. z-index: 100!important;
  193. visibility: visible;
  194. content:"I’ll be the canvas, your lips can be the brush. well, go on, make a masterpiece out of me."; /* CHANGE TEXT HERE */
  195. position: absolute;
  196. top: 270px;
  197. left: 355px;
  198. width: 260px;
  199. height: 10px;
  200. font: 24px 'biysk';
  201. color: #98878f;
  202. text-align: center;
  203. line-height: 20px;
  204. padding: 6px 15px 6px 15px;
  205. box-sizing: border-box;
  206. }
  207.  
  208. @font-face { font-family: biysk; src: url('https://dl.dropboxusercontent.com/s/ybgjttm22pow1n7/Biysk.ttf') ; }
  209.  
  210. .dy-avatar.dy-avatar-full-width:before {
  211. visibility: visible;
  212. z-index: 100;
  213. content:""; /* CHANGE TEXT HERE */
  214. position: absolute;
  215. top: 25px;
  216. left: 35px;
  217. width: 24px;
  218. height: 180px;
  219. background: #E5BDC3;
  220. clip-path: polygon(100% 0, 100% 100%, 50% 75%, 0 100%, 0 0);
  221. }
  222.  
  223. div#xg_layout_column_2 {
  224. position: absolute;
  225. z-index: 100!important;
  226. width: 820px;
  227. height: 40px;
  228. top: 70px;
  229. font-size: 11px;
  230. left: 9%;
  231. background: #trans;
  232. font-family:'comfortaa';
  233. color: #fff;
  234. -moz-transition: all 0.5s ease-out;
  235. -o-transition: all 0.5s ease-out;
  236. }
  237.  
  238. div.module_user_summary {
  239. visibility: hidden;
  240. }
  241.  
  242. .dy-avatar.dy-avatar-full-width {
  243. z-index: -1!important;
  244. width: 900px;
  245. margin-left: 0px;
  246. margin-top: 0px;
  247. height: 30px;
  248. background: #trans;
  249. }
  250.  
  251. img#xj_photo_img_tag {
  252. visibility: visible;
  253. z-index: 1!important;
  254. width: 80px!important;
  255. height: 80px!important;
  256. margin-left: 132px;
  257. margin-top: 120px;
  258. border: 5px solid #e5e5e5;
  259. filter: grayscale(0.5);
  260. border-radius: 226px;
  261. transition:all 0.3s ease-in-out;
  262. box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .3);
  263. }
  264.  
  265. div.xg_span-16 {
  266. visibility: visible;
  267. z-index: -1!important;
  268. }
  269.  
  270. div.xg_3col {
  271. visibility: visible;
  272. }
  273.  
  274. /* POP UP + BUTTON COLOURS */
  275.  
  276. .xg_floating_container.xg_lightborder {
  277. background-color: #985e6d;
  278. }
  279.  
  280. input.button.action-primary {
  281. background-color: #985e6d;
  282. }
  283.  
  284. p.buttongroup {
  285. background-color: #985e6d;
  286. padding: 5px;
  287. }
  288.  
  289. a.xj_cancel.action-secondary {
  290. color: rgb (255, 255, 255);
  291. }
  292.  
  293. /* REMOVED CODES */
  294.  
  295. .online {
  296. display: none;
  297.  
  298. }
  299.  
  300. .xg_module_body.profile.vcard {
  301. display: none;
  302. }
  303.  
  304. .account-links {
  305. display: none;
  306.  
  307. }
  308.  
  309. #xg_foot {
  310. display: none;
  311. }
  312.  
  313. p.left {
  314. display: none;
  315. }
  316.  
  317. p.right.xg_lightfont {
  318. display: none;
  319. }
  320.  
  321. #xg_sitedesc {
  322. display: none;
  323. }
  324.  
  325. #xg_sitename {
  326. display: none;
  327. }
  328.  
  329. img.poweredbyLogo {
  330. display: none;
  331. }
  332.  
  333. .xg_module_head {
  334. display: auto;
  335. border-bottom: 0px solid #fff!important;
  336. }
  337.  
  338. #xg_profile_activity{
  339. display:none;
  340. }
  341.  
  342. .xg_sprite {
  343. background: transparent;
  344. }
  345.  
  346. a.send-message-link {
  347. display: none;
  348. }
  349.  
  350. dd.profile-like-button {
  351. display: none;
  352. }
  353.  
  354. dd.profile-social-buttons {
  355. display: none;
  356. }
  357.  
  358. .module_blog {
  359. display: none!important;
  360. }
  361.  
  362. a.xj_block_messages {
  363. display: none;
  364. }
  365.  
  366. 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 {
  367. display: none;
  368. }
  369.  
  370. ul.nobullets.last-child {
  371. display: none;
  372. }
  373.  
  374. span.fn {
  375. display: none;
  376. }
  377.  
  378. span.fn:before {
  379. content:"";
  380. }
  381.  
  382. a.xj_appearance_editor_profile {
  383. display: none;
  384. }
  385.  
  386. .xg_module.topmsg.birthday_msg {
  387. display: none!important;
  388. }
  389.  
  390. /* TEXT + LINK CODES*/
  391.  
  392. a#add-as-friend-link {
  393. position: fixed;
  394. font-size: 20px;
  395. font-weight: 900;
  396. font-family: 'comfortaa';
  397. margin-top: 89px;
  398. margin-left: -120px;
  399. letter-spacing: 2px;
  400. text-transform: uppercase;
  401. text-align: right;
  402. color: rgb(255, 255, 255)!important;
  403. -webkit-transition: ease-in-out 0.6s;
  404. -webkit-transition-duration: 700ms;
  405. text-shadow: 0px 2px 2px #111111;
  406. transform: rotate(-90deg);
  407. }
  408.  
  409. #xg_body a {
  410. color: auto!important;
  411. background-color: transparent;
  412. font-style: normal;
  413. -webkit-transition: 1s;
  414.  
  415. }
  416.  
  417. p {
  418. color: auto!important;
  419. font-size: 11px;
  420. font-family: 'comfortaa';
  421. }
  422.  
  423. a {
  424. color: #fff!important;
  425. }
  426.  
  427.  
  428. ::selection {
  429. background: #985e6d;
  430. color: #ffffff;
  431. }
  432.  
  433.  
  434. /* EXTRA CODES */
  435.  
  436. ::-webkit-scrollbar {
  437. width: 4px;
  438. height: 0px;
  439. background: transparent;
  440. }
  441.  
  442. ::-webkit-scrollbar-thumb {
  443. background: trans;
  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 'comfortaa';
  456. text-transform: lowercase;
  457. margin-top: -5px;
  458. margin-left: 490px;
  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. }
  474.  
  475.  
  476. #links {
  477. z-index: 1!important;
  478. position: fixed;
  479. overflow: hidden;
  480. font: 13px 'comfortaa';
  481. text-transform: lowercase;
  482. margin-top: 150px;
  483. margin-left: 530px;
  484. text-align: left;
  485. width: 370px;
  486. height: 30px!important;
  487. background: #trans;
  488. line-height: 40px;
  489. text-shadow: 0px 2px 2px #111:
  490. }
  491.  
  492. #links a {
  493. color: #fff!important;
  494. margin-left: 20px;
  495. padding-left:10px;
  496. padding: 5px;
  497. -webkit-transition: all 0.7s ease;
  498. }
  499.  
  500. .links {
  501. z-index:100;
  502. width:340px;
  503. height:100px;
  504. margin-top:-35px;
  505. margin-left:83px;
  506. line-height:0px;
  507. -webkit-transition: all .5s ease-in-out;
  508. -moz-transition: all .5s ease-in-out;
  509. -o-transition: all .5s ease-in-out;
  510. }
  511.  
  512. .links a {
  513. z-index:100;
  514. height:50px;
  515. font-size: 11px;
  516. margin-bottom:0px;
  517. line-height:0px;
  518. -webkit-transition: all .5s ease-in-out;
  519. -moz-transition: all .5s ease-in-out;
  520. -o-transition: all .5s ease-in-out;
  521. -webkit-filter: grayscale(0)contrast(0%)brightness(300%);
  522. }
  523.  
  524. .links a:hover {
  525. opacity:0.5;
  526. -webkit-transition: all .5s ease-in-out;
  527. -moz-transition: all .5s ease-in-out;
  528. -o-transition: all .5s ease-in-out;
  529. }
  530.  
  531.  
  532. .bio {
  533. background-color: #;
  534. width: 245px;
  535. height: 140px;
  536. margin-left: 47px;
  537. margin-top: 240px;
  538. font-family: comfortaa;
  539. background: rgb(0,0,0,0.0);
  540. color: #ccc;
  541. overflow: scroll;
  542. font-size: 8px;
  543. text-align: justify;
  544. line-height:20px;
  545. padding-right: 4px;
  546. }
  547.  
  548. @font-face {
  549. font-family: 'Raleway';
  550. font-style: normal;
  551. font-weight: 400;
  552. src: local('Raleway'), local('Raleway-Regular'),
  553. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  554. 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;
  555. }
  556.  
  557. @font-face {
  558. font-family: 'Raleway';
  559. font-style: normal;
  560. font-weight: 700;
  561. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  562. 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;
  563. }
  564.  
  565. .bio b, strong {color: #E5BDC3; font-family: comfortaa; font-size:11px;}
  566.  
  567.  
  568.  
  569. @font-face {
  570. font-family: "corals";
  571. src: url('https://dl.dropboxusercontent.com/s/8ppkpi4qrpd0zfq/TT%20Corals%20Thin-DEMO.otf') ;}
  572.  
  573. i, em {
  574. color: #98878f;
  575. font-family: alexander;
  576. font-size: 24px;
  577. font-style: normal;
  578. letter-spacing: 1px;
  579. line-height: 0px;
  580. }
  581.  
  582. @font-face { font-family: "alexander"; src: url('https://dl.dropboxusercontent.com/s/0qc5mkvg4twvltn/Alexander%20Lettering.ttf'); }
  583.  
  584. u {
  585. text-decoration: underline;
  586. }
  587.  
  588.  
  589. @font-face { font-family: "cw_monoline"; src: url('https://dl.dropboxusercontent.com/s/ghi12a86dv1cc6g/ChristmasWish-monoline.otf') ;}
  590.  
  591.  
  592. @font-face { font-family: angelina2; src: url('https://dl.dropboxusercontent.com/s/dk8qk6ol2hen5ey/Angelina%20Alt%20Demo.ttf') ;}
  593.  
  594.  
  595. div.xg_span-16:after { position: absolute; content:"sep22 on"; width: 285px; height: 190px; top: 142px; left: 440px; font: 9px comfortaa; color: #444; background-color: #f5f5f5; border-radius: 5px; text-transform: uppercase; padding: 165px 10px 10px 20px; text-align: left;box-sizing: border-box;word-spacing: 140px;}
  596.  
  597.  
  598. div.xg_3col:before {
  599. visibility: visible!important;
  600. z-index: 0!important;
  601. content:"sep05 on"; /* CHANGE TEXT HERE */
  602. position: absolute;
  603. top: 350px;
  604. left: 440px;
  605. width: 285px;
  606. height: 170px;
  607. overflow: hidden;
  608. font: 9px 'comfortaa';
  609. color: #444;
  610. text-align: left;
  611. text-transform: uppercase;
  612. padding: 146px 10px 10px 20px;
  613. word-spacing: 140px;
  614. box-sizing: border-box;
  615. background: #f5f5f5;
  616. border-radius: 5px;
  617. }
  618.  
  619.  
  620. .header1 {
  621. width: 330px;
  622. height: 5px;
  623. margin-top: 45px;
  624. margin-left: 0px;
  625. font: 15px 'biysk';
  626. text-transform: lowercase;
  627. color: #985e6d;
  628. text-align: left;
  629. }
  630.  
  631.  
  632. #desc {
  633. position:fixed;
  634. z-index:-1000;
  635. border-radius: 6px;
  636. margin-top: -380px;
  637. margin-left: 340px;
  638. width:260px;
  639. height: 275px;
  640. padding:14px;
  641. color: #98878f;
  642. font: 9px 'comfortaa';
  643. text-transform: lowercase;
  644. text-align: left;
  645. line-height:12px;
  646. }
  647.  
  648. @font-face {font-family:"Comfortaa"; src: url('https://static.tumblr.com/aorjzw7/aMums1s2i/comfortaa.ttf'); }
  649.  
  650. div.xg_span-16:before {
  651. visibility: visible!important;
  652. z-index: 100;
  653. content:""; /* CHANGE TEXT HERE */
  654. position: absolute;
  655. top: 190px;
  656. left: 660px;
  657. width: 290px;
  658. height: 350px;
  659. border-radius:6px;
  660. background: url(https://66.media.tumblr.com/acfceac8f93156cb044dfca8e4fd7c09/71c80a2064458f12-6a/s500x750/b57b1cfc0714dc525ed88c91e3bc3a956a51da26.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  661. background-size: cover;
  662. filter: grayscale(0.2)contrast(80%)brightness(100%);
  663. }
  664.  
  665. div#xg_layout_column_2:after {
  666. content:"";
  667. z-index:-100;
  668. position: absolute;
  669. top: 403px;
  670. left: 27px;
  671. width: 377px;
  672. height: 130px;
  673. background: url(https://66.media.tumblr.com/fe9e0c2ca7f57bce9848bcb09ee0c5f9/71c80a2064458f12-47/s1280x1920/b12f6c9d230ac74af35af3f4b334fccd9bfe411d.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  674. background-size: cover;
  675. filter: grayscale(0);
  676. background-size: 80%;
  677. }
  678.  
  679. .xg_3col:after{
  680. z-index: 90;
  681. content:""; /* CHANGE TEXT HERE */
  682. position: absolute;
  683. top: 85px;
  684. left: 710px;
  685. width: 200px;
  686. height: 200px;
  687. border-radius:6px;
  688. background: url(https://66.media.tumblr.com/ba506dd9942fe5d49f40714803018ef8/71c80a2064458f12-54/s640x960/68fcec9381dd1a8ffb4563971c8e21f499d33295.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  689. background-size: cover;
  690. filter: grayscale(0)contrast(100%)brightness(100%);
  691. }
Advertisement
Add Comment
Please, Sign In to add comment