mik98

soft yellow - css

Jul 17th, 2021 (edited)
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.94 KB | None | 0 0
  1. body {
  2. background-color: #000;
  3. background-image: url();
  4. background-repeat: repeat;
  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: 0px;
  13. margin-left: -60px;
  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:" "; /* CHANGE TEXT HERE */
  41. position: absolute;
  42. z-index: -10;
  43. top: 60px;
  44. left: 260px;
  45. font: 12px 'maszyna royal';
  46. font-style: italic;
  47. color: #fcc6c2;
  48. text-transform: lowercase;
  49. text-align: center;
  50. width: 570px;
  51. height: 495px;
  52. background: url() 7px 0px;
  53. padding: 60px;
  54. box-sizing: border-box;
  55. background-size: cover;
  56. overflow: hidden;
  57. opacity: 40%;
  58. }
  59.  
  60. @font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}
  61.  
  62.  
  63. div#xg_layout_column_1 {
  64. position: relative;
  65. z-index: 1;
  66. top: 100px;
  67. left: 100px;
  68. width: 800px;
  69. height: auto;
  70. overflow: hidden;
  71. background: #;
  72. }
  73.  
  74. div#xg_layout_column_1:before {
  75. content:"";
  76. position: absolute;
  77. width: 300px;
  78. height: 175px;
  79. top: 0px;
  80. left: 200px;
  81. background: url(https://64.media.tumblr.com/219424f351f26b28547540186edc6845/090c5cfeb72af343-7a/s640x960/4707b75954a79c77141744caa8ff51f9a9af2f98.gifv) 0px -20px;
  82. background-size: cover;
  83. border-top: 40px solid #222;
  84.  
  85. -webkit-filter: grayscale(10.3) brightness(90%);
  86. }
  87.  
  88. div#xg_layout_column_1:after {
  89. content:"";
  90. position: absolute;
  91. background: rgb(255, 255, 255);
  92. top: 25px;
  93. left: 435px;
  94. width: 265px;
  95. height: 225px;
  96. background: url(https://64.media.tumblr.com/9a1d92da4eef1365857c85bd1bbb6a5e/12b69f809f75a7cd-aa/s1280x1920/19e922b64d08491b8f430dd11dedff90d6275b31.png) -10px -50px no-repeat; /* CHANGE IMAGE HERE */
  97. background-size: cover;
  98. filter: grayscale(0.2);
  99. border-top: 50px solid #111;
  100. border-bottom: 80px solid #111;
  101.  
  102. border-radius: 10px 10px 0px 0px;
  103. }
  104.  
  105. div.module_user_summary:before {
  106. z-index: -100!important;
  107. visibility: visible!important;
  108. content:"";
  109. position: absolute;
  110. top: 305px;
  111. left: 435px;
  112. width: 115px;
  113. height: 35px;
  114. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8230142066?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  115. background-size: cover;
  116. filter: grayscale(1);
  117. }
  118.  
  119. div.module_user_summary:after {
  120. z-index: -100!important;
  121. visibility: visible;
  122. content:"";
  123. position: absolute;
  124. top: 205px;
  125. left: 258px;
  126. width: 160px;
  127. height: 205px;
  128. background: url(https://64.media.tumblr.com/3dbb30c32be5ab7b0e86bb5856f66e8a/7159dade2030b807-88/s1280x1920/77b36f6e7de240132bce9cc50b22cacf31a41251.png) -10px 0px;
  129. background-size: cover;
  130. border-radius: 12px;
  131. border: 8px solid #333;
  132. background-size: cover;
  133. filter: grayscale(10);
  134. }
  135.  
  136. div.xg_span-16:before {
  137. visibility: visible!important;
  138. z-index: 100;
  139. content:""; /* CHANGE TEXT HERE */
  140. position: absolute;
  141. top: 122px;
  142. left: 310px;
  143. width: 310px;
  144. height: 160px;
  145. font: 50px 'sinatra';
  146. overflow: hidden;
  147. box-sizing: border-box;
  148. padding: 10px;
  149. text-transform: lowercase;
  150. background: #trans;
  151. color: rgba(0,0,0,0.6);
  152. text-align: center;
  153. line-height: 36PX;
  154. }
  155.  
  156.  
  157. @font-face{ font-family:'sinatra'; src: url('https://dl.dropboxusercontent.com/s/9o8w1kxrsk6k29y/Sinatra.otf'); }
  158.  
  159. @font-face { font-family: "handsnow"; src: url('https://dl.dropboxusercontent.com/s/xumvj1qzwydnmgk/Handsnow.ttf') ;}
  160.  
  161.  
  162. div.module_user_thumbnail:before {
  163. opacity: 10;
  164. visibility: visible;
  165. content:"mikaylagrace"; /* CHANGE TEXT HERE */
  166. position: absolute;
  167. z-index: 1;
  168. top: 30px;
  169. left: 475px;
  170. width: 115px;
  171. height: 25px;
  172. font: 13px 'roboto';
  173. font-weight: 900;
  174. color: #fff;
  175. overflow: hidden;
  176. text-transform: lowercase;
  177. text-align: left;
  178. padding-top: 5px!important;
  179. padding: 10px;
  180. box-sizing: border-box;
  181. background: #trans;
  182.  
  183. }
  184.  
  185. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  186.  
  187.  
  188. @font-face { font-family:"quicksand"; src: url('https://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  189.  
  190. div.module_user_thumbnail:after {
  191. opacity: 10;
  192. visibility: visible;
  193. content:"⟐ out of this world >"; /* CHANGE TEXT HERE */
  194. position: absolute;
  195. top: 45px;
  196. left: 460px;
  197. width: 125px;
  198. height: 10px;
  199. font: 10px 'robold';
  200. font-weight: 1900;
  201. color: #EEE8AA;
  202. overflow: hidden;
  203. text-transform: uppercase;
  204. text-align: center;
  205. padding-top: 5px!important;
  206. padding: 10px;
  207. background: trans;
  208.  
  209. }
  210.  
  211. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  212.  
  213.  
  214. @font-face { font-family: "cocogoose"; src: url('https://dl.dropboxusercontent.com/s/vyyl7cv9e486ouc/Cocogoose%20Pro-trial.ttf'); }
  215.  
  216.  
  217. .dy-avatar.dy-avatar-full-width:after {
  218. opacity: 10;
  219. z-index: 100!important;
  220. visibility: visible;
  221. content:""; /* CHANGE TEXT HERE */
  222. position: absolute;
  223. top: 211px;
  224. left: 305px;
  225. width: 80px;
  226. height: 10px;
  227. font: 12px 'Roboto';
  228. font-weight: 900;
  229. color: #000;
  230. background: #333;
  231. border-radius: 20px;
  232. filter: grayscale(0.3) contrast(110%);
  233.  
  234. }
  235.  
  236.  
  237. .dy-avatar.dy-avatar-full-width:before {
  238. visibility: visible;
  239. z-index: 100;
  240. content:"saturday, 17 july"; /* CHANGE TEXT HERE */
  241. position: absolute;
  242. top: 288px;
  243. left: 180px;
  244. width: 240px;
  245. height: 85px;
  246. font:12px 'quicksand';
  247.  
  248. text-align: right;
  249. overflow: hidden;
  250. box-sizing: border-box;
  251. line-height: 20px;
  252. padding-top: 23px;
  253. padding-right: 15px;
  254. text-transform: uppercase;
  255. background: #trans;
  256. color: #fff;
  257.  
  258. }
  259.  
  260. @font-face { font-family: "handsnow"; src: url('https://dl.dropboxusercontent.com/s/xumvj1qzwydnmgk/Handsnow.ttf') ;}
  261.  
  262. @font-face { font-family: "mont"; src: url('https://dl.dropboxusercontent.com/s/yevz2utt48rxzq2/Mont-HeavyDEMO.otf'); }
  263.  
  264.  
  265. .xg_3col:after {
  266. z-index: 100;
  267. content:"11:11"; /* CHANGE TEXT HERE */
  268. position: absolute;
  269. font-family: quicksand;
  270. opacity: 60%;
  271. font-size: 35px;
  272. color: #fff;
  273. top: 365px;
  274. left: 415px;
  275. font-weight: bold;
  276. width: 80px;
  277. height: 80px;
  278. border-radius:6px;
  279. letter-spacing: 2px;
  280. background: trans;
  281. background-size: cover;
  282. }
  283.  
  284. @font-face { font-family:"quicksand"; src: url('https://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  285.  
  286.  
  287. .bio {
  288. color: #fff;
  289. position: fixed;
  290. z-index: 100;
  291. font-family: smf;
  292. font-size: 20px;
  293. text-align: center;
  294. text-transform: lowercase;
  295. width: 325px;
  296. height: 220px;
  297. margin-top: 405px;
  298. letter-spacing: 5px;
  299. opacity: 100%;
  300. margin-left: 400px;
  301. overflow: hidden;
  302. animation: blur .75s ease-out infinite;
  303. text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
  304. }
  305.  
  306. @keyframes blur {
  307. from {
  308. text-shadow:0px 0px 5px #EEE8AA,
  309. 0px 0px 5px #EEE8AA,
  310. 0px 0px 15px #EEE8AA,
  311. 0px 0px 15px #EEE8AA,
  312. 0px 0px 30px #7B96B8,
  313. 0px -10px 80px #7B96B8;
  314. }
  315.  
  316.  
  317. }
  318.  
  319. .caption {
  320. color: #fff;
  321. z-index: 100;
  322. font-family: roboto;
  323. font-size: 9px;
  324. text-align: center;
  325. text-transform: normal;
  326. width: 625px;
  327. height: 200px;
  328. margin-top: 343px;
  329. margin-left: 263px; xrbio
  330. overflow: hidden;
  331.  
  332. }
  333.  
  334. .quote {
  335. color: #EEE8AA;
  336. transform: rotate(-90deg);
  337. z-index: 100;
  338. font-family: poppins;
  339. font-size: 10px;
  340. text-align: justify;
  341. text-transform: normal;
  342. width: 195px;
  343. height: 200px;
  344. margin-top: -160px;
  345. margin-left: 205px;
  346. overflow: hidden;
  347.  
  348. }
  349.  
  350. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  351.  
  352.  
  353.  
  354. .comment {
  355. background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8591061071?profile=original);
  356. bacground-color: #556B2F;
  357. background-size: cover;
  358. margin-top: -187px;
  359. margin-left: 430px;
  360. width: 120px;
  361. height: 30px;
  362. outline: 0px double #ce704c;
  363. outline-offset: 5px;
  364. border: 0px double #c47266;
  365. }
  366.  
  367.  
  368.  
  369. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  370.  
  371.  
  372. .xg_span-16:after{
  373. z-index: 100;
  374. content:""; /* CHANGE TEXT HERE */
  375. position: absolute;
  376. text-transform: uppercase;
  377. color: #trans;
  378. font-family: robold;
  379. font-size: 12.3px;
  380. top: 105px;
  381. left: 295px;
  382. width: 350px;
  383. height: 30px;
  384. border-radius:6px;
  385. background: url(https://storage.ning.com/topology/rest/1.0/file/get/9260056298?profile=original);
  386. background-size: cover;
  387. filter: brightness(520%);
  388. }
  389.  
  390. .xg_3col:before {
  391. z-index: 100;
  392. content:"mikaylagrace "; /* CHANGE TEXT HERE */
  393. position: absolute;
  394. word-spacing:0px;
  395. font-size: 9px;
  396. font-family: robold;
  397. text-transform: uppercase;
  398. top: 433px;
  399. left: 540px;
  400. width: 280px;
  401. height: 80px;
  402. border-radius:6px;
  403. background: trans;
  404. color: #EEE8AA;
  405. }
  406.  
  407.  
  408. div#xg_layout_column_2 {
  409. position: absolute;
  410. z-index: 100!important;
  411. width: 820px;
  412. height: 40px;
  413. top: 70px;
  414. font-size: 11px;
  415. left: 9%;
  416. background: #trans;
  417. font-family:'Roboto';
  418. color: #fff;
  419. -moz-transition: all 0.5s ease-out;
  420. -o-transition: all 0.5s ease-out;
  421. }
  422.  
  423. div.module_user_summary {
  424. visibility: hidden;
  425. }
  426.  
  427. .dy-avatar.dy-avatar-full-width {
  428. z-index: -1!important;
  429. width: 900px;
  430. margin-left: 0px;
  431. margin-top: 0px;
  432. height: 30px;
  433. background: #trans;
  434. }
  435.  
  436. img#xj_photo_img_tag {
  437. visibility: visible;
  438. z-index: 1!important;
  439. width: 35px!important;
  440. height: 35px!important;
  441. margin-left: 440px;
  442. margin-top: 30px;
  443. border: 5px solid #trans;
  444. border-radius: 100px;
  445. filter: grayscale(1);
  446. }
  447.  
  448. div.xg_span-16 {
  449. visibility: visible;
  450. z-index: -1!important;
  451. }
  452.  
  453. div.xg_3col {
  454. visibility: visible;
  455. }
  456.  
  457. /* POP UP + BUTTON COLOURS */
  458.  
  459. .xg_floating_container.xg_lightborder {
  460. background-color: rgb(132, 132, 132);
  461. }
  462.  
  463. input.button.action-primary {
  464. background-color: rgb(85, 85, 85);
  465. }
  466.  
  467. p.buttongroup {
  468. background-color: rgb(170, 170, 170);
  469. padding: 5px;
  470. }
  471.  
  472. a.xj_cancel.action-secondary {
  473. color: rgb (255, 255, 255);
  474. }
  475.  
  476. /* REMOVED CODES */
  477.  
  478. .online {
  479. display: none;
  480.  
  481. }
  482.  
  483. .xg_module_body.profile.vcard {
  484. display: none;
  485. }
  486.  
  487. .account-links {
  488. display: none;
  489.  
  490. }
  491.  
  492. #xg_foot {
  493. display: none;
  494. }
  495.  
  496. p.left {
  497. display: none;
  498. }
  499.  
  500. p.right.xg_lightfont {
  501. display: none;
  502. }
  503.  
  504. #xg_sitedesc {
  505. display: none;
  506. }
  507.  
  508. #xg_sitename {
  509. display: none;
  510. }
  511.  
  512. img.poweredbyLogo {
  513. display: none;
  514. }
  515.  
  516. .xg_module_head {
  517. display: auto;
  518. border-bottom: 0px solid #fff!important;
  519. }
  520.  
  521. #xg_profile_activity{
  522. display:none;
  523. }
  524.  
  525. .xg_sprite {
  526. background: transparent;
  527. }
  528.  
  529. a.send-message-link {
  530. display: none;
  531. }
  532.  
  533. dd.profile-like-button {
  534. display: none;
  535. }
  536.  
  537. dd.profile-social-buttons {
  538. display: none;
  539. }
  540.  
  541. .module_blog {
  542. display: none!important;
  543. }
  544.  
  545. a.xj_block_messages {
  546. display: none;
  547. }
  548.  
  549. 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 {
  550. display: none;
  551. }
  552.  
  553. ul.nobullets.last-child {
  554. display: none;
  555. }
  556.  
  557. span.fn {
  558. display: none;
  559. }
  560.  
  561. span.fn:before {
  562. content:"";
  563. }
  564.  
  565. a.xj_appearance_editor_profile {
  566. display: none;
  567. }
  568.  
  569. .xg_module.topmsg.birthday_msg {
  570. display: none!important;
  571. }
  572.  
  573. /* TEXT + LINK CODES*/
  574.  
  575. a#add-as-friend-link {
  576. position: fixed;
  577. font-size: 20px;
  578. font-weight: 900;
  579. font-family: 'robold';
  580. bottom: 10px;
  581. left: -5px;
  582. letter-spacing: 2px;
  583. text-transform: uppercase;
  584. text-align: right;
  585. color: #EEE8AA!important;
  586. }
  587.  
  588. #xg_body a {
  589. color: auto!important;
  590. background-color: transparent;
  591. font-style: normal;
  592. -webkit-transition: 1s;
  593.  
  594. }
  595.  
  596. p {
  597. color: auto!important;
  598. font-size: 11px;
  599. font-family: 'Tahoma';
  600. }
  601.  
  602.  
  603. ::selection {
  604. background: #c6f3f5;
  605. color: #ffffff;
  606. }
  607.  
  608. ::-webkit-scrollbar {
  609. width: 4px;
  610. height: 0px;
  611. background: transparent;
  612. }
  613.  
  614. ::-webkit-scrollbar-thumb {
  615. background: #aaa;
  616. border-radius: 4px;
  617. }
  618.  
  619. ::-webkit-scrollbar-corner {
  620. background: transparent;
  621. }
  622.  
  623. #links {
  624. z-index: 1!important;
  625. position: fixed;
  626. overflow: hidden;
  627. font: 12px 'quicksand';
  628. text-transform: lowercase;
  629. margin-top: -420px;
  630. margin-left: 535px;
  631. text-align: left;
  632. width: 370px;
  633. height: 30px!important;
  634. background: #trans;
  635. line-height: 40px;
  636. text-shadow: 0px 2px 2px #111:
  637. }
  638.  
  639. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  640.  
  641. #links a {
  642. color: #EEE8AA!important;
  643. margin-left: 10px;
  644. padding-left:10px;
  645. padding: 5px;
  646. -webkit-transition: all 0.7s ease;
  647. }
Advertisement
Add Comment
Please, Sign In to add comment