mik98

autumn leaves falling - peach - css

Aug 29th, 2020
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.18 KB | None | 0 0
  1. body {
  2. background-color: #fff;
  3. background-image: url(https://static.tumblr.com/58f44d4de38a5f009db3bb5cc4a035ac/1sj7tra/hyzpzumu7/tumblr_static_7zvcwtkknf8ckoc4484kkwg8c.png);
  4. background-repeat: repeat; }
  5.  
  6. body, html {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  7.  
  8. a, a:hover {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  9.  
  10. #xg_body {
  11. left: auto;
  12. position: fixed!important;
  13. margin-top: -120px;
  14. margin-left: 40px;
  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. top: 122px;
  43. left:40px;
  44. width: 720px;
  45. height: 505px;
  46. background: #ddd;
  47. border-radius: 6px 6px 6px 6px;
  48. padding: 10px 10px 10px 10px;
  49. box-sizing: border-box;
  50. border: solid 3px #FF9364;
  51. -webkit-box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.75);
  52. -moz-box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.75);
  53. box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.75);
  54. }
  55.  
  56. div#xg_layout_column_1 {
  57. position: relative;
  58. z-index: 1;
  59. top: 100px;
  60. left: 100px;
  61. width: 800px;
  62. height: auto;
  63. overflow: hidden;
  64. background: #;
  65. }
  66.  
  67. div#xg_layout_column_1:before {
  68. content:"";
  69. position: absolute;
  70. width: 330px;
  71. height: 500px;
  72. top: 25px;
  73. left: 0px;
  74. background: url(https://data.whicdn.com/images/348054148/original.jpg) -60px 160px repeat; /* CHANGE IMAGE HERE */
  75. background-size: 110%;
  76. box-shadow: 0 0 500px rgba(0, 0, 0, 0.1) inset;
  77. -webkit-filter: grayscale(0)brightness(100%);
  78. -webkit-clip-path: polygon(70% 0, 56% 50%, 71% 100%, 0 100%, 0 0);
  79. clip-path: polygon(70% 0, 56% 50%, 71% 100%, 0 100%, 0 0);
  80. }
  81.  
  82. div#xg_layout_column_1:after {
  83. content:"";
  84. position: absolute;
  85. top: 90px;
  86. left: 445px;
  87. border-radius: 6px;
  88. width: 180px;
  89. height: 250px;
  90. background: url(https://64.media.tumblr.com/d4eded57cd6162e60a466037c56da5b8/efa9bec60c17018c-34/s400x600/cf70ee7a2faf44abc078f5a6b2ea5d7d3af474e8.gifv) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  91. background-size: 100%;
  92. box-shadow: 0 0 40px rgba(0, 0, 0, 9.0) inset;
  93. -webkit-filter: grayscale(0)brightness(80%);
  94. }
  95.  
  96. div.module_user_summary:before {
  97. z-index: 100!important;
  98. visibility: visible!important;
  99. content:"a n g e l e n e r g y";
  100. position: absolute;
  101. top: 120px;
  102. left: 167px;
  103. width: 330px;
  104. height: 70px;
  105. font-family: coco;
  106. font-size: 9px;
  107. word-spacing: 605px;
  108. color: #FF9364;
  109. text-align: center;
  110. line-height: 24px;
  111. }
  112.  
  113. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  114.  
  115. div.module_user_summary:after {
  116. z-index: 100!important;
  117. visibility: visible;
  118. content:"";
  119. position: absolute;
  120. top: 390px;
  121. left: 291px;
  122. width: 40px;
  123. height: 50px;
  124. background: #;
  125. border-right: solid 1px #FF9364;
  126. }
  127.  
  128. div.xg_span-16:before {
  129. visibility: visible!important;
  130. z-index: 100;
  131. content:"Wind in my hair, you were there, you remember it all. Down the stairs, you were there, you remember it all. It was rare, I was there, I remember it all too well."; /* CHANGE TEXT HERE */
  132. position: absolute;
  133. top: 290px;
  134. left: 250px;
  135. width: 150px;
  136. height: 190px;
  137. text-align: justify;
  138. font: 9px 'calibri';
  139. font-weight: bold;
  140. box-sizing: border-box;
  141. padding: 15px 20px 10px 20px;
  142. border-radius: 6px;
  143. text-transform: uppercase;
  144. background: rgb(255,255,2555,0.5);
  145. color: #FF9364;
  146. line-height: 18px;
  147.  
  148. }
  149.  
  150. div.module_user_thumbnail:before {
  151. opacity: 1;
  152. visibility: visible;
  153. content:"Autumn leaves falling"; /* CHANGE TEXT HERE */
  154. position: absolute;
  155. z-index: 1;
  156. top: 300px;
  157. left: 395px;
  158. width: 150px;
  159. height: 25px;
  160. font: 35px 'eloquentreg';
  161. font-weight: 900;
  162. color: #FF9364;
  163. text-transform: lowercase;
  164. line-height: 30px;
  165. letter-spacing: 2px;
  166. text-align: left;
  167. }
  168.  
  169. @font-face{ font-family:eloquentreg; src:url('https://dl.dropboxusercontent.com/s/53znphyyr7pdfyz/EloquentJFRegularPro.ttf');}
  170.  
  171. div.module_user_thumbnail:after {
  172. opacity: 1;
  173. visibility: visible;
  174. content:"Time wont fly its like Im paralyzed by it"; /* CHANGE TEXT HERE */
  175. position: absolute;
  176. top: 390px;
  177. left: 400px;
  178. width: 340px;
  179. height: 10px;
  180. font: 20px 'hightide';
  181. font-weight: 300;
  182. color: #fff;
  183. }
  184.  
  185. @font-face { font-family: hightide; src: url('https://dl.dropboxusercontent.com/s/94upkctje3nnnmx/High%20Tide%20-%20Demo.ttf') ; }
  186.  
  187. .dy-avatar.dy-avatar-full-width:after {
  188. opacity: 1;
  189. z-index: 100!important;
  190. visibility: visible;
  191. content:""; /* CHANGE TEXT HERE */
  192. position: absolute;
  193. top: 56px;
  194. left: 332px;
  195. width: 40px;
  196. height: 60px;
  197. background: #;
  198. border-left: solid 1px #FF9364;
  199. }
  200.  
  201.  
  202.  
  203. .dy-avatar.dy-avatar-full-width:before {
  204. visibility: visible;
  205. z-index: 100;
  206. content:"mikayla. twenty-1. sep 4th. virgo. single as fuck."; /* CHANGE TEXT HERE */
  207. position: absolute;
  208. top: 458px;
  209. left: 250px;
  210. width: 400px;
  211. height: 45px;
  212. font: 9px 'arial narrow';
  213. letter-spacing: 2px;
  214. font-weight: bold;
  215. text-align: center;
  216. box-sizing: border-box;
  217. line-height: 30px;
  218. border-radius: 6px;
  219. padding: 10px 10px 10px 10px;
  220. text-transform: uppercase;
  221. background: rgba(255,255,255,0.5);
  222. color: #FF9364;
  223. }
  224.  
  225. div#xg_layout_column_2 {
  226. position: absolute;
  227. z-index: 100!important;
  228. width: 700px;
  229. height: 40px;
  230. top: 70px;
  231. font-size: 11px;
  232. left: 9%;
  233. background: #trans;
  234. font-family:'eloquentreg';
  235. color: #fff;
  236. -moz-transition: all 0.5s ease-out;
  237. -o-transition: all 0.5s ease-out;
  238. }
  239.  
  240. div.module_user_summary {
  241. visibility: hidden;
  242. }
  243.  
  244. .dy-avatar.dy-avatar-full-width {
  245. z-index: -1!important;
  246. width: 900px;
  247. margin-left: 0px;
  248. margin-top: 0px;
  249. height: 30px;
  250. background: #trans;
  251. }
  252.  
  253. img#xj_photo_img_tag {
  254. visibility: visible;
  255. z-index: 1!important;
  256. width: 65px!important;
  257. height: 65px!important;
  258. margin-left: 557px;
  259. margin-top: 300px;
  260. border: 8px solid #FF9364;
  261. border-radius: 100px;
  262. transition:all 0.3s ease-in-out;
  263. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  264.  
  265. -webkit-filter: grayscale(0)contrast(100%);
  266. animation: bounce 1.4s;
  267. animation-direction: alternate;
  268. animation-timing-function: cubic-bezier(.1, 0.1, 1.5, .1);
  269. animation-iteration-count: infinite;
  270. }
  271.  
  272. @keyframes bounce {
  273. 0% {
  274. -webkit-transform: translate3d(0, 0, 0);
  275. transform: translate3d(0, 0, 0);
  276. }
  277. 100% {
  278. -webkit-transform: translate3d(0, 20px, 0);
  279. transform: translate3d(0, 20px, 0);
  280. }
  281.  
  282. align-content:normal;
  283. align-items:normal;
  284. align-self:
  285. }
  286.  
  287. div.xg_span-16 {
  288. visibility: visible;
  289. z-index: -1!important;
  290. }
  291.  
  292. div.xg_3col {
  293. visibility: visible;
  294. }
  295.  
  296. /* POP UP + BUTTON COLOURS */
  297.  
  298. .xg_floating_container.xg_lightborder {
  299. background-color: #FF9364;
  300. }
  301.  
  302. input.button.action-primary {
  303. background-color: #FF9364;
  304. }
  305.  
  306. p.buttongroup {
  307. background-color: #FF9364;
  308. padding: 5px;
  309. }
  310.  
  311. a.xj_cancel.action-secondary {
  312. color: #111;
  313. }
  314.  
  315. /* REMOVED CODES */
  316.  
  317. .online {
  318. display: none;
  319.  
  320. }
  321.  
  322. .xg_module_body.profile.vcard {
  323. display: none;
  324. }
  325.  
  326. .account-links {
  327. display: none;
  328.  
  329. }
  330.  
  331. #xg_foot {
  332. display: none;
  333. }
  334.  
  335. p.left {
  336. display: none;
  337. }
  338.  
  339. p.right.xg_lightfont {
  340. display: none;
  341. }
  342.  
  343. #xg_sitedesc {
  344. display: none;
  345. }
  346.  
  347. #xg_sitename {
  348. display: none;
  349. }
  350.  
  351. img.poweredbyLogo {
  352. display: none;
  353. }
  354.  
  355. .xg_module_head {
  356. display: auto;
  357. border-bottom: 0px solid #fff!important;
  358. }
  359.  
  360. #xg_profile_activity{
  361. display:none;
  362. }
  363.  
  364. .xg_sprite {
  365. background: transparent;
  366. }
  367.  
  368. a.send-message-link {
  369. display: none;
  370. }
  371.  
  372. dd.profile-like-button {
  373. display: none;
  374. }
  375.  
  376. dd.profile-social-buttons {
  377. display: none;
  378. }
  379.  
  380. .module_blog {
  381. display: none!important;
  382. }
  383.  
  384. a.xj_block_messages {
  385. display: none;
  386. }
  387.  
  388. 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 {
  389. display: none;
  390. }
  391.  
  392. ul.nobullets.last-child {
  393. display: none;
  394. }
  395.  
  396. span.fn {
  397. display: none;
  398. }
  399.  
  400. span.fn:before {
  401. content:"";
  402. }
  403.  
  404. a.xj_appearance_editor_profile {
  405. display: none;
  406. }
  407.  
  408. .xg_module.topmsg.birthday_msg {
  409. display: none!important;
  410. }
  411.  
  412. /* TEXT + LINK CODES*/
  413.  
  414. a#add-as-friend-link {
  415. position: fixed;
  416. font-size: 20px;
  417. font-weight: 100;
  418. font-family: 'eloquentreg';
  419. margin-top: 89px;
  420. margin-left: -120px;
  421. letter-spacing: 2px;
  422. text-transform: lowercase;
  423. text-align: right;
  424. color: rgb(214, 186, 123)!important;
  425. -webkit-transition: ease-in-out 0.6s;
  426. -webkit-transition-duration: 700ms;
  427. text-shadow: 0px 2px 2px #111111;
  428. transform: rotate(-90deg);
  429. }
  430.  
  431. #xg_body a {
  432. color: auto!important;
  433. background-color: transparent;
  434. font-style: normal;
  435. -webkit-transition: 1s;
  436.  
  437. }
  438.  
  439. p {
  440. color: auto!important;
  441. font-size: 11px;
  442. font-family: 'arial narrow';
  443. }
  444.  
  445. a {
  446. color: #111!important;
  447. }
  448.  
  449.  
  450. ::selection {
  451. background: #FF9364;
  452. color: #111;
  453. }
  454.  
  455.  
  456.  
  457. ::-webkit-scrollbar {
  458. width: 4px;
  459. height: 0px;
  460. background: transparent;
  461. }
  462.  
  463. ::-webkit-scrollbar-thumb {
  464. background: #FF9364;
  465. border-radius: 4px;
  466. }
  467.  
  468. ::-webkit-scrollbar-corner {
  469. background: transparent;
  470. }
  471.  
  472. #links {
  473. z-index: 1!important;
  474. position: fixed;
  475. font: 11px 'eloquentreg';
  476. text-transform: lowercase;
  477. margin-top: 110px;
  478. margin-left: 400px;
  479. text-align: left;
  480. width: 60px;
  481. height: 300px!important;
  482. line-height: 45px;
  483. }
  484.  
  485. #links a {
  486. color: #FF9364!important;
  487. width: 24px!important;
  488. height: 24px!important;
  489. border-radius: 100%;
  490. background: rgba(255,255,255,0.5);
  491. padding: 12px;
  492. -webkit-transition: all 0.7s ease;
  493. }
  494.  
  495.  
  496. div.xg_3col:before {
  497. visibility: visible!important;
  498. z-index: 0;
  499. content:"•◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦•"; /* CHANGE TEXT HERE */
  500. position: absolute;
  501. top: 118px;
  502. left: 580px;
  503. width: 200px;
  504. height: 210px;
  505. font: 11px 'poppins';
  506. letter-spacing: 20px;
  507. font-weight: bold;
  508. box-sizing: border-box;
  509. padding: 10px;
  510. background: #;
  511. color: rgb(255, 147, 100);
  512. overflow: hidden;
  513. text-align: center;
  514. line-height: 20px;
  515. }
  516.  
  517.  
  518. div.xg_span-16:after { z-index: 100;position: absolute; content:"We're singing in the car, getting lost upstate"; width: 500px; height: 60px; top: 345px; left: -178px; font: 20px eloquentreg; color: #FF9364; background-color: rgba(255,255,255,0.5); text-transform: lowercase; padding: 10px 10px 10px 10px; box-sizing: border-box; text-align: center; -webkit-transform: rotate(-90deg);
  519. transform: rotate(-90deg);border-radius: 4px 4px 0px 0px;}
Advertisement
Add Comment
Please, Sign In to add comment