Advertisement
mik98

coral - css

Nov 22nd, 2019
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.40 KB | None | 0 0
  1. body {
  2. background-color: #ddd;
  3. background-image: url(https://miro.medium.com/max/2560/0*s1n3L_wepMwzEzRY.jpg);
  4. background-size: 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: -165px;
  13. }
  14.  
  15. div#xg_ad_below_header, div#xg_ad_below_footer {
  16. display: none!important;
  17. }
  18.  
  19. div#xg_navigation {
  20. visibility: hidden;
  21. position: fixed;
  22. }
  23.  
  24. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  25. display: none;
  26. }
  27.  
  28.  
  29. div#xg_masthead {
  30. position: relative;
  31. }
  32.  
  33. div#xn_bar {
  34. display: none;
  35. }
  36.  
  37. #xg_body:before {
  38. content:""; /* CHANGE TEXT HERE */
  39. position: absolute;
  40. top: 275px;
  41. left: 100px;
  42. font: 11px 'Roboto';
  43. color: #000;
  44. text-transform: lowercase;
  45. text-align: justify;
  46. width: 730px;
  47. height: 400px;
  48. background: #eee;
  49. padding: 10px 10px 10px 10px;
  50. box-sizing: border-box;
  51. border-radius: 0px 0px 8px 8px;
  52. }
  53.  
  54. div#xg_layout_column_1 {
  55. position: relative;
  56. z-index: 1;
  57. top: 100px;
  58. left: 100px;
  59. width: 800px;
  60. height: auto;
  61. overflow: hidden;
  62. background: #;
  63. }
  64.  
  65. div#xg_layout_column_1:before {
  66. content:"";
  67. position: absolute;
  68. width: 730px;
  69. height: 120px;
  70. border-radius: 8px 8px 0px 0px;
  71. top: 58px;
  72. left: 0px;
  73. background: url(https://static.tumblr.com/7c56d43b9078cd58f8454846f64b90c6/hax88go/plIpzwltb/tumblr_static_3dy8hownn8o4sc0og0sg4cos0.png) 0px 0px repeat; /* CHANGE IMAGE HERE */
  74. background-size: cover;
  75. -webkit-filter: grayscale(0);
  76. box-shadow: 0 0 200px rgba(240, 194, 168, 3.0) inset;
  77. }
  78.  
  79. div#xg_layout_column_1:after {
  80. content:"";
  81. position: absolute;
  82. top: 200px;
  83. left: 30px;
  84. width: 260px;
  85. height: 285px;
  86. border-radius: 8px;
  87. background: url(https://data.whicdn.com/images/337666340/original.jpg) -60px 0px no-repeat; /* CHANGE IMAGE HERE */
  88. background-size: cover;
  89. box-shadow: 0 0 400px rgba(240, 194, 168, 8.0) inset;
  90. filter: grayscale(0)contrast(80%);
  91. }
  92.  
  93. div.module_user_summary:before {
  94. z-index: -100!important;
  95. visibility: visible!important;
  96. content:"";
  97. position: absolute;
  98. top: 248px;
  99. left: 305px;
  100. width: 120px;
  101. height: 120px;
  102. border-radius: 8px;
  103. background: url(https://66.media.tumblr.com/69b399c8140aaa0a3e472f54bf7e128f/53e3ff09d8da09bc-c7/s540x810/d195335e59cf41920c0ed7af149e26cd950ad2a4.gifv) -20px 0px no-repeat; /* CHANGE IMAGE HERE */
  104. background-size: cover;
  105. filter: grayscale(0)contrast(60%);
  106. box-shadow: 0 0 120px rgba(240, 194, 168, 3.0) inset;
  107. }
  108.  
  109. div.module_user_summary:after {
  110. z-index: -100!important;
  111. visibility: visible;
  112. content:"";
  113. position: absolute;
  114. top: 248px;
  115. left: 432px;
  116. width: 120px;
  117. height: 120px;
  118. border-radius: 8px;
  119. background: url(https://66.media.tumblr.com/2cf79732c1aecf79095ba3ca35694d98/cffb05f2bcc6caac-56/s400x600/360cd33d85473a5da126a7531175a52716430417.gifv) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  120. background-size: cover;
  121. filter: grayscale(0)contrast(50%);
  122. box-shadow: 0 0 120px rgba(240, 194, 168, 3.0) inset;
  123. }
  124.  
  125. div.xg_span-16:before {
  126. visibility: visible!important;
  127. z-index: 100;
  128. content:"visual"; /* CHANGE TEXT HERE */
  129. position: absolute;
  130. top: 300px;
  131. left: 400px;
  132. width: 254px;
  133. height: 40px;
  134. border-radius: 8px;
  135. font: 30px 'gb';
  136. font-weight: bold;
  137. box-sizing: border-box;
  138. padding: 10px;
  139. text-transform: lowercase;
  140. background: #f4d4c2;
  141. text-align: right;
  142. color: #fff;
  143. }
  144.  
  145. @font-face { font-family: "gb"; src: url('https://dl.dropboxusercontent.com/s/c5116qfk3l611bw/Gloss_And_Bloom.ttf') ;}
  146.  
  147. div.module_user_thumbnail:before {
  148. opacity: 1;
  149. visibility: visible;
  150. content:""; /* CHANGE TEXT HERE */
  151. position: absolute;
  152. z-index: 1;
  153. top: 375px;
  154. left: 304px;
  155. width: 248px;
  156. height: 110px;
  157. border-radius: 8px;
  158. background: url(https://66.media.tumblr.com/25335037dff9ecf4bcb7a3dcc59c945b/53e3ff09d8da09bc-f6/s540x810/6ed37745409f001290171720698584ceaf92dcc3.gifv) 0px -14px no-repeat; /* CHANGE IMAGE HERE */
  159. background-size: cover;
  160. filter: grayscale(0)contrast(60%);
  161. box-shadow: 0 0 140px rgba(240, 194, 168, 5.0) inset;
  162. }
  163.  
  164. div.module_user_thumbnail:after {
  165. opacity: 1;
  166. visibility: visible;
  167. content:"navigate"; /* CHANGE TEXT HERE */
  168. position: absolute;
  169. top: 493px;
  170. left: 305px;
  171. width: 248px;
  172. height: 30px;
  173. font: 24px 'gb';
  174. font-weight: bold;
  175. color: #fff;
  176. box-sizing: border-box;
  177. text-transform:lowpercase;
  178. text-align: right;
  179. padding: 10px 10px 10px 10px;
  180. background:#f4d4c2;
  181. border-radius: 8px;
  182. }
  183.  
  184. .dy-avatar.dy-avatar-full-width:after {
  185. opacity: 1;
  186. z-index: 1000!important;
  187. visibility: visible;
  188. content:"mrs. velasquez"; /* CHANGE TEXT HERE */
  189. position: absolute;
  190. top: 440px;
  191. left: 28px;
  192. width: 340px;
  193. height: 10px;
  194. font: 193px 'jennifer';
  195. font-weight: 300;
  196. word-spacing: -15px;
  197. color: #f4dfc2;
  198. letter-spacing: -3px;
  199. text-shadow: 0px 0px 10px #808080;
  200. }
  201.  
  202. @font-face { font-family: jennifer; src: url('https://dl.dropboxusercontent.com/s/lhx9382of57zrkp/Jennifer%20demo.otf') ;}
  203.  
  204. .dy-avatar.dy-avatar-full-width:before {
  205. visibility: visible;
  206. z-index: 100;
  207. content:"i'll go everywhere you go"; /* CHANGE TEXT HERE */
  208. position: absolute;
  209. top: 54px;
  210. left: 100px;
  211. width: 600px;
  212. height: 45px;
  213. font:80px 'calypsoka';
  214. color: rgb(254,254,254,0.4);
  215. word-spacing: 0px;
  216. }
  217.  
  218. @font-face { font-family: "calypsoka"; src: url('https://dl.dropboxusercontent.com/s/d5gmdhppcqzmupx/Calypsoka.ttf') ;}
  219.  
  220. div#xg_layout_column_2 {
  221. position: absolute;
  222. z-index: 100!important;
  223. width: 820px;
  224. height: 40px;
  225. top: 70px;
  226. font-size: 11px;
  227. left: 9%;
  228. background: #trans;
  229. font-family:'Roboto';
  230. color: #fff;
  231. -moz-transition: all 0.5s ease-out;
  232. -o-transition: all 0.5s ease-out;
  233. }
  234.  
  235. div.module_user_summary {
  236. visibility: hidden;
  237. }
  238.  
  239. .dy-avatar.dy-avatar-full-width {
  240. z-index: -1!important;
  241. width: 900px;
  242. margin-left: 0px;
  243. margin-top: 0px;
  244. height: 30px;
  245. background: #trans;
  246. }
  247.  
  248. img#xj_photo_img_tag {
  249. visibility: visible;
  250. z-index: 1!important;
  251. width: 70px!important;
  252. height: 70px!important;
  253. margin-left:180px;
  254. margin-top: 430px;
  255. border: 12px solid #eee;
  256. border-radius: 100px;
  257. transition:all 0.3s ease-in-out;
  258. -webkit-filter: grayscale(0.6);
  259. }
  260.  
  261. div.xg_span-16 {
  262. visibility: visible;
  263. z-index: -1!important;
  264. }
  265.  
  266. div.xg_3col {
  267. visibility: visible;
  268. }
  269.  
  270. /* POP UP + BUTTON COLOURS */
  271.  
  272. .xg_floating_container.xg_lightborder {
  273. background-color: #f0c2a8;
  274. }
  275.  
  276. input.button.action-primary {
  277. background-color: #f0c2a8;
  278. }
  279.  
  280. p.buttongroup {
  281. background-color: #f0c2a8;
  282. padding: 5px;
  283. }
  284.  
  285. a.xj_cancel.action-secondary {
  286. color: rgb (255, 255, 255);
  287. }
  288.  
  289. /* REMOVED CODES */
  290.  
  291. .online {
  292. display: none;
  293.  
  294. }
  295.  
  296. .xg_module_body.profile.vcard {
  297. display: none;
  298. }
  299.  
  300. .account-links {
  301. display: none;
  302.  
  303. }
  304.  
  305. #xg_foot {
  306. display: none;
  307. }
  308.  
  309. p.left {
  310. display: none;
  311. }
  312.  
  313. p.right.xg_lightfont {
  314. display: none;
  315. }
  316.  
  317. #xg_sitedesc {
  318. display: none;
  319. }
  320.  
  321. #xg_sitename {
  322. display: none;
  323. }
  324.  
  325. img.poweredbyLogo {
  326. display: none;
  327. }
  328.  
  329. .xg_module_head {
  330. display: auto;
  331. border-bottom: 0px solid #fff!important;
  332. }
  333.  
  334. #xg_profile_activity{
  335. display:none;
  336. }
  337.  
  338. .xg_sprite {
  339. background: transparent;
  340. }
  341.  
  342. a.send-message-link {
  343. display: none;
  344. }
  345.  
  346. dd.profile-like-button {
  347. display: none;
  348. }
  349.  
  350. dd.profile-social-buttons {
  351. display: none;
  352. }
  353.  
  354. .module_blog {
  355. display: none!important;
  356. }
  357.  
  358. a.xj_block_messages {
  359. display: none;
  360. }
  361.  
  362. 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 {
  363. display: none;
  364. }
  365.  
  366. ul.nobullets.last-child {
  367. display: none;
  368. }
  369.  
  370. span.fn {
  371. display: none;
  372. }
  373.  
  374. span.fn:before {
  375. content:"";
  376. }
  377.  
  378. a.xj_appearance_editor_profile {
  379. display: none;
  380. }
  381.  
  382. .xg_module.topmsg.birthday_msg {
  383. display: none!important;
  384. }
  385.  
  386. /* TEXT + LINK CODES*/
  387.  
  388. a#add-as-friend-link {
  389. position: fixed;
  390. font-size: 20px;
  391. font-weight: 100;
  392. font-family: 'gb';
  393. margin-top: 89px;
  394. margin-left: -120px;
  395. letter-spacing: 2px;
  396. text-transform: lowercase;
  397. text-align: right;
  398. color: #ddd!important;
  399. -webkit-transition: ease-in-out 0.6s;
  400. -webkit-transition-duration: 700ms;
  401. text-shadow: 0px 2px 2px #111111;
  402. transform: rotate(-90deg);
  403. }
  404.  
  405. #xg_body a {
  406. color: auto!important;
  407. background-color: transparent;
  408. font-style: normal;
  409. -webkit-transition: 1s;
  410.  
  411. }
  412.  
  413. p {
  414. color: auto!important;
  415. font-size: 11px;
  416. font-family: 'Tahoma';
  417. }
  418.  
  419. a {
  420. color: #fff!important;
  421. }
  422.  
  423.  
  424. ::selection {
  425. background: #f0c2a8;
  426. color: #ffffff;
  427. }
  428.  
  429. b, strong {
  430. color: auto;
  431. font-family: auto;
  432. font-size: auto;
  433. font-weight: 900;
  434. }
  435.  
  436. i, em {
  437. color: ;
  438. font-family: auto;
  439. font-size: auto;
  440. font-style: normal;
  441. letter-spacing: 2px;
  442. font-style: italic;
  443. line-height: 0px;
  444. }
  445.  
  446. u {
  447. text-decoration: underline;
  448. }
  449.  
  450.  
  451. /* EXTRA CODES */
  452.  
  453. ::-webkit-scrollbar {
  454. width: 4px;
  455. height: 0px;
  456. background: transparent;
  457. }
  458.  
  459. ::-webkit-scrollbar-thumb {
  460. background: #f0c2a8;
  461. border-radius: 4px;
  462. }
  463.  
  464. ::-webkit-scrollbar-corner {
  465. background: transparent;
  466. }
  467.  
  468. #links {
  469. z-index: 1!important;
  470. position: fixed;
  471. font: 0px 'Roboto';
  472. text-transform: lowercase;
  473. margin-top: 560px;
  474. margin-left: 370px;
  475. text-align: left;
  476. width: 370px;
  477. height: 30px!important;
  478. }
  479.  
  480. #links a {
  481. color: rgba(240, 194, 168);
  482. background: rgba(240, 194, 168 );
  483. border-radius: 8px;
  484. margin-left: 20px;
  485. padding-left:10px;
  486. padding: 12px;
  487. -webkit-transition: all 0.7s ease;
  488. }
  489.  
  490.  
  491. div.xg_span-16:after { z-index: -1000; position: absolute; content:""; width: 2000px; height:2000px; top: 10px; border-radius: 0px; left:-800px; background-color: rgb(240,194,168,0.6);}
  492.  
  493.  
  494.  
  495.  
  496. .bio {
  497. background-color: #;
  498. width: 145px;
  499. height: 140px;
  500. margin-left: 555px;
  501. margin-top: 200px;
  502. font-family: raleway;
  503. background: rgb(0,0,0,0.0);
  504. color: #aaa;
  505. overflow: scroll;
  506. font-size: 8px;
  507. text-align: justify;
  508. line-height:18px;
  509. padding: 10px;
  510. }
  511.  
  512. @font-face {
  513. font-family: 'Raleway';
  514. font-style: normal;
  515. font-weight: 400;
  516. src: local('Raleway'), local('Raleway-Regular'),
  517. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  518. 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;
  519. }
  520.  
  521. @font-face {
  522. font-family: 'Raleway';
  523. font-style: normal;
  524. font-weight: 700;
  525. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  526. 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;
  527. }
  528.  
  529. .bio b, strong {color: #f0c2a8; font-family: sydneysans; font-size:9px; background-color: #; padding: 0px;border-bottom:1px solid #ccc;letter-spacing:1px;}
  530.  
  531.  
  532.  
  533. @font-face {
  534. font-family: "corals";
  535. src: url('https://dl.dropboxusercontent.com/s/8ppkpi4qrpd0zfq/TT%20Corals%20Thin-DEMO.otf') ;}
  536.  
  537. i, em {
  538. color: #fdb7a2;
  539. font-family: sydney;
  540. font-size: 12px;
  541. font-style: normal;
  542. letter-spacing: 1px;
  543. line-height: 0px;
  544. }
  545.  
  546. u {
  547. text-decoration: underline;
  548. }
  549.  
  550.  
  551. @font-face { font-family: "jenna sue"; src: url('https://dl.dropboxusercontent.com/s/bsju94guldr45k8/JennaSue.ttf?dl=0'); format("truetype");}
  552.  
  553.  
  554. @font-face { font-family: biysk; src: url('https://dl.dropboxusercontent.com/s/ybgjttm22pow1n7/Biysk.ttf') ; }
  555.  
  556.  
  557.  
  558. @font-face{ font-family:sydney; src:url('https://dl.dropboxusercontent.com/s/4q92ilil9dqhhlq/Sydney-Regular.ttf');}
  559.  
  560.  
  561. @font-face{ font-family:sydneysans; src:url('https://dl.dropboxusercontent.com/s/9tku01xi249l64o/SydneySansSerif-Regular.ttf');}
  562.  
  563.  
  564. div.xg_3col:before {
  565. visibility: visible!important;
  566. z-index: 200!important;
  567. content:"Baby while we're young, We should rush and do something dumb, We should just say, Fuck everyone, And walk hand in hand to the sun"; /* CHANGE TEXT HERE */
  568. position: absolute;
  569. top: 454px;
  570. left: 665px;
  571. width: 160px;
  572. height: 50px;
  573. font: 22px 'biysk';
  574. text-shadow: 0px 2px 4px #808080;
  575. color: #fff;
  576. text-align: left;
  577. line-height: 23px;
  578. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement