mik98

simple - css

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