Advertisement
mik98

rose - gigi edit - css

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