mik98

coral - bree - css

Sep 16th, 2020
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.31 KB | None | 0 0
  1. body {
  2. background-color: #eee;
  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: -70px;
  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. /* ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ᴛᴏᴜᴄʜ ᴛʜɪs */
  40.  
  41. body:after {
  42. content:"";
  43. font-family: georgia;
  44. font-size: 13px;
  45. letter-spacing: 2px;
  46. color: #trans;
  47. text-transform: uppercase;
  48. left: 40px;
  49. bottom: 40px;
  50. position: fixed;
  51. width: 24px;
  52. height: 16px;
  53. background-color: trans;
  54. padding: 7px;
  55. outline: 2px solid #trans;
  56. outline-offset: 0px;
  57. }
  58.  
  59. /* ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ᴛᴏᴜᴄʜ ᴛʜɪs */
  60.  
  61. /* MAIN + PSEUDOS */
  62.  
  63. #xg_body:before {
  64. content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut euismod nisi. Integer egestas sapien id volutpat ultrices. Morbi et sollicitudin lectus. Duis faucibus sodales sollicitudin. Praesent ligula odio, imperdiet eu interdum eu, elementum non lorem. Ut commodo mollis feugiat. Morbi non mauris eu arcu blandit auctor."; /* CHANGE TEXT HERE */
  65. position: absolute;
  66. top: 125px;
  67. left: 205px;
  68. font: 12px 'ultralight';
  69. color: #fff;
  70. text-transform: lowercase;
  71. text-align: justify;
  72. width: 350px;
  73. height: 415px;
  74. background: #ffe4dc;
  75. padding-top: 260px!important;
  76. padding: 60px;
  77. box-sizing: border-box;
  78. overflow: hidden;
  79. letter-spacing:1px;
  80. }
  81.  
  82. @font-face{ font-family:"ultralight"; src: url('https://dl.dropboxusercontent.com/s/dlemvpokem5l5pz/HelveticaNeueUltraLight.ttf’)'); }
  83.  
  84. }
  85.  
  86. div#xg_layout_column_1 {
  87. position: relative;
  88. z-index: 1;
  89. top: 100px;
  90. left: 100px;
  91. width: 800px;
  92. height: auto;
  93. overflow: hidden;
  94. background: #;
  95. }
  96.  
  97. div#xg_layout_column_1:before {
  98. content:"";
  99. position: absolute;
  100. width: 320px;
  101. height: 415px;
  102. top: 25px;
  103. left: 450px;
  104. background:#ffbca4;
  105. background-size: cover;
  106. -webkit-filter: grayscale(0);
  107. }
  108.  
  109. div#xg_layout_column_1:after {
  110. content:"";
  111. position: absolute;
  112. background: rgb(255, 255, 255);
  113. top: 15px;
  114. left: 125px;
  115. width: 135px;
  116. height: 135px;
  117. background: url(https://data.whicdn.com/images/312590711/original.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  118. background-size: cover;
  119. filter: grayscale(0);
  120. border-bottom: 40px solid #fff;
  121. border-left: 10px solid #fff;
  122. border-right: 10px solid #fff;
  123. border-top: 10px solid #fff;
  124. border-radius: 6px;
  125. transform: rotate(-10deg);
  126. }
  127.  
  128. div.module_user_summary:before {
  129. z-index: -100!important;
  130. visibility: visible!important;
  131. content:"";
  132. position: absolute;
  133. top: 65px;
  134. left: 265px;
  135. width: 135px;
  136. height: 135px;
  137. background: url(https://data.whicdn.com/images/312590677/original.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  138. background-size: cover;
  139. filter: grayscale(0);
  140. border-bottom: 40px solid #fff;
  141. border-left: 10px solid #fff;
  142. border-right: 10px solid #fff;
  143. border-top: 10px solid #fff;
  144. border-radius: 6px;
  145. transform: rotate(10deg);
  146. }
  147.  
  148. div.module_user_summary:after {
  149. z-index: -100!important;
  150. visibility: visible;
  151. content:"";
  152. position: absolute;
  153. top: 55px;
  154. left: 488px;
  155. width: 165px;
  156. height: 165px;
  157. background: url(https://storage.ning.com/topology/rest/1.0/file/get/7932125875?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  158. background-size: cover;
  159. filter: grayscale(0);
  160. border-top: 50px solid #fff;
  161. border-bottom: 170px solid #fff;
  162. border-left: 40px solid #fff;
  163. border-right: 40px solid #fff;
  164.  
  165. }
  166.  
  167. div.xg_span-16:before {
  168. visibility: visible!important;
  169. z-index: 100;
  170. content:"they say that dreaming is free but i wouldn't care what it cost me."; /* CHANGE TEXT HERE */
  171. position: absolute;
  172. top: 300px;
  173. left: 220px;
  174. width: 320px;
  175. height: 100px;
  176. font: 35px 'angelina1';
  177. overflow: hidden;
  178. box-sizing: border-box;
  179. padding: 10px;
  180. text-transform: lowercase;
  181. background: #trans;
  182. color: #ffbca4;
  183. line-height: 30px;
  184.  
  185. }
  186.  
  187. @font-face { font-family: 'angelina1'; src: url('https://dl.dropboxusercontent.com/s/shnsfihrwul3ndu/Angelina%20Demo.ttf') ;}
  188.  
  189. div.module_user_thumbnail:before {
  190. visibility: visible;
  191. z-index: 100;
  192. content:""; /* CHANGE TEXT HERE */
  193. position: absolute;
  194. top: 60px;
  195. left: 495px;
  196. width: 235px;
  197. height: 35px;
  198. font: 20px 'Montserrat';
  199. font-weight: bold;
  200. text-align: center;
  201. overflow: hidden;
  202. box-sizing: border-box;
  203. line-height: 30px;
  204. padding: 10px;
  205. text-transform: uppercase;
  206. background: url(https://storage.ning.com/topology/rest/1.0/file/get/7932156471?profile=original);
  207. background-size: 100%;
  208. }
  209.  
  210. div.module_user_thumbnail:after {
  211. opacity: 0;
  212. visibility: hide;
  213. content:"nineteen"; /* CHANGE TEXT HERE */
  214. position: absolute;
  215. top: 0px;
  216. left: 205px;
  217. width: 375px;
  218. height: 25px;
  219. font: 12px 'Roboto';
  220. font-weight: 900;
  221. color: #000;
  222. overflow: hidden;
  223. text-transform: uppercase;
  224. text-align: center;
  225. padding-top: 5px!important;
  226. padding: 10px;
  227. background: rgba(255, 188, 164, 0.6);
  228.  
  229. }
  230.  
  231. .dy-avatar.dy-avatar-full-width:after {
  232. opacity: 0;
  233. z-index: 100!important;
  234. visibility: hide;
  235. content:"emotionless"; /* CHANGE TEXT HERE */
  236. position: absolute;
  237. top: 400px;
  238. left: 340px;
  239. width: 80px;
  240. height: 10px;
  241. font: 12px 'Roboto';
  242. font-weight: 900;
  243. color: #000;
  244. overflow: hidden;
  245. text-transform: uppercase;
  246. text-align: center;
  247. padding-top: 5px!important;
  248. padding: 10px;
  249. background: rgba(255, 255, 255, 0.6);
  250. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  251. -webkit-transition: ease-in-out 0.6s;
  252. -webkit-transition-delay: 1.6s;
  253. transition-delay: 1.6s;
  254. }
  255.  
  256. 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 {
  257. opacity: 1;
  258. }
  259.  
  260. .dy-avatar.dy-avatar-full-width:before {
  261. visibility: visible;
  262. z-index: 100;
  263. content:""; /* CHANGE TEXT HERE */
  264. position: absolute;
  265. top: 275px;
  266. left: 525px;
  267. width: 170px;
  268. height: 165px;
  269. font: 20px 'Montserrat';
  270. font-weight: bold;
  271. text-align: center;
  272. overflow: hidden;
  273. box-sizing: border-box;
  274. line-height: 30px;
  275. padding: 10px;
  276. text-transform: uppercase;
  277. background: url(https://storage.ning.com/topology/rest/1.0/file/get/7932183484?profile=original);
  278. color: #fff;
  279. background-size: 100%;
  280. }
  281.  
  282. div#xg_layout_column_2 {
  283. position: absolute;
  284. z-index: 100!important;
  285. width: 420px;
  286. height: 40px;
  287. top: 70px;
  288. font-size: 11px;
  289. left: 9%;
  290. background: #trans;
  291. font-family:'Roboto';
  292. color: #fff;
  293. -moz-transition: all 0.5s ease-out;
  294. -o-transition: all 0.5s ease-out;
  295. }
  296.  
  297. div.module_user_summary {
  298. visibility: hidden;
  299. }
  300.  
  301. .dy-avatar.dy-avatar-full-width {
  302. z-index: -1!important;
  303. width: 900px;
  304. margin-left: 0px;
  305. margin-top: 0px;
  306. height: 30px;
  307. background: #trans;
  308. }
  309.  
  310. img#xj_photo_img_tag {
  311. visibility: hide;
  312. z-index: 1!important;
  313. width: 120px!important;
  314. height: 120px!important;
  315. margin-left: 550px;
  316. margin-top: 105px;
  317. border: 5px solid #fff;
  318. border-radius: 100px;
  319. transition:all 0.3s ease-in-out;
  320. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  321. }
  322.  
  323. div.xg_span-16 {
  324. visibility: visible;
  325. z-index: -1!important;
  326. }
  327.  
  328. div.xg_3col {
  329. visibility: visible;
  330. }
  331.  
  332. /* POP UP + BUTTON COLOURS */
  333.  
  334. .xg_floating_container.xg_lightborder {
  335. background-color: #ffbca4;
  336. }
  337.  
  338. input.button.action-primary {
  339. background-color: #ffbca4;
  340. }
  341.  
  342. p.buttongroup {
  343. background-color: #fff;
  344. padding: 5px;
  345. }
  346.  
  347. a.xj_cancel.action-secondary {
  348. color: #ffbca4;
  349. }
  350.  
  351. /* REMOVED CODES */
  352.  
  353. .online {
  354. display: none;
  355.  
  356. }
  357.  
  358. .xg_module_body.profile.vcard {
  359. display: none;
  360. }
  361.  
  362. .account-links {
  363. display: none;
  364.  
  365. }
  366.  
  367. #xg_foot {
  368. display: none;
  369. }
  370.  
  371. p.left {
  372. display: none;
  373. }
  374.  
  375. p.right.xg_lightfont {
  376. display: none;
  377. }
  378.  
  379. #xg_sitedesc {
  380. display: none;
  381. }
  382.  
  383. #xg_sitename {
  384. display: none;
  385. }
  386.  
  387. img.poweredbyLogo {
  388. display: none;
  389. }
  390.  
  391. .xg_module_head {
  392. display: auto;
  393. border-bottom: 0px solid #fff!important;
  394. }
  395.  
  396. #xg_profile_activity{
  397. display:none;
  398. }
  399.  
  400. .xg_sprite {
  401. background: transparent;
  402. }
  403.  
  404. a.send-message-link {
  405. display: none;
  406. }
  407.  
  408. dd.profile-like-button {
  409. display: none;
  410. }
  411.  
  412. dd.profile-social-buttons {
  413. display: none;
  414. }
  415.  
  416. .module_blog {
  417. display: none!important;
  418. }
  419.  
  420. a.xj_block_messages {
  421. display: none;
  422. }
  423.  
  424. 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 {
  425. display: none;
  426. }
  427.  
  428. ul.nobullets.last-child {
  429. display: none;
  430. }
  431.  
  432. span.fn {
  433. display: none;
  434. }
  435.  
  436. span.fn:before {
  437. content:"";
  438. }
  439.  
  440. a.xj_appearance_editor_profile {
  441. display: none;
  442. }
  443.  
  444. .xg_module.topmsg.birthday_msg {
  445. display: none!important;
  446. }
  447.  
  448. /* TEXT + LINK CODES*/
  449.  
  450. a#add-as-friend-link {
  451. position: fixed;
  452. font-size: 20px;
  453. font-weight: 900;
  454. font-family: 'Playfair Display';
  455. margin-top: 89px;
  456. margin-left: -120px;
  457. letter-spacing: 2px;
  458. text-transform: uppercase;
  459. text-align: right;
  460. color: #ffbca4!important;
  461. -webkit-transition: ease-in-out 0.6s;
  462. -webkit-transition-duration: 700ms;
  463. text-shadow: 0px 2px 2px #111111;
  464. transform: rotate(-90deg);
  465. }
  466.  
  467. #xg_body a {
  468. color: auto!important;
  469. background-color: transparent;
  470. font-style: normal;
  471. -webkit-transition: 1s;
  472.  
  473. }
  474.  
  475. p {
  476. color: auto!important;
  477. font-size: 11px;
  478. font-family: 'Tahoma';
  479. }
  480.  
  481. a {
  482. color: #fff!important;
  483. }
  484.  
  485.  
  486. ::selection {
  487. background: #444;
  488. color: #ffffff;
  489. }
  490.  
  491. b, strong {
  492. color: auto;
  493. font-family: auto;
  494. font-size: auto;
  495. font-weight: 900;
  496. }
  497.  
  498. i, em {
  499. color: ;
  500. font-family: auto;
  501. font-size: auto;
  502. font-style: normal;
  503. letter-spacing: 2px;
  504. font-style: italic;
  505. line-height: 0px;
  506. }
  507.  
  508. u {
  509. text-decoration: underline;
  510. }
  511.  
  512.  
  513. /* EXTRA CODES */
  514.  
  515. ::-webkit-scrollbar {
  516. width: 10px;
  517. height: 0px;
  518. background: transparent;
  519. }
  520.  
  521. ::-webkit-scrollbar-thumb {
  522. background-color: rgba(255, 255, 255, 0.5);
  523. border: 1px solid rgba(255, 255, 255, 0.5);
  524. }
  525.  
  526. ::-webkit-scrollbar-corner {
  527. background: transparent;
  528. }
  529.  
  530. #links {
  531. z-index: 1!important;
  532. position: fixed;
  533. overflow: hidden;
  534. font: 13px 'Roboto';
  535. text-transform: lowercase;
  536. margin-top: 295px;
  537. margin-left: 110px;
  538. text-align: left;
  539. width: 50px;
  540. height: 115px!important;
  541. background: #trans;
  542. line-height: 40px;
  543. }
  544.  
  545. #links a {
  546. color: #fff!important;
  547. margin-left: 20px;
  548. padding-left:10px;
  549. padding: 5px;
  550. -webkit-transition: all 0.7s ease;
  551. }
  552.  
  553.  
  554. #links a {
  555. color: #fff!important;
  556. background: #fff;
  557. border-radius: 100%;
  558. padding: 6px;
  559. margin: 8px;
  560. -webkit-transition: all 0.7s ease;
  561. }
  562.  
Add Comment
Please, Sign In to add comment