Advertisement
mik98

roses - updated css

Feb 21st, 2020
234
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.41 KB | None | 0 0
  1. body {
  2. background-color: #1f2224;
  3. background-image: url();
  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: -90px;
  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:"m.velasquez"; /* CHANGE TEXT HERE */
  39. position: absolute;
  40. top: 125px;
  41. left: 380px;
  42. width: 540px;
  43. height: 400px;
  44. border-radius: 0px 4px 0px 0px;
  45. background: #f5f5f5;
  46. padding: 365px 10px 10px 350px;
  47. box-sizing: border-box;
  48. font-family: hollanda;
  49. font-size: 55px;
  50. color: #751605;
  51.  
  52. }
  53.  
  54. div#xg_layout_column_1 {
  55. position: relative;
  56. z-index: 1;
  57. top: 100px;
  58. left: 100px;
  59. width: 900px;
  60. height: auto;
  61. overflow: hidden;
  62. background: #;
  63. }
  64.  
  65. @font-face { font-family: "hollanda"; src: url('https://dl.dropboxusercontent.com/s/5ez5g189i6aozdi/Hollanda.ttf'); ;}
  66.  
  67. div#xg_layout_column_1:before {
  68. content:"angel energy";
  69. z-index: -1000;
  70. position: absolute;
  71. width: 440px;
  72. height: 400px;
  73. font-family: hollanda;
  74. color: #fff;
  75. font-size: 55px;
  76. text-align: center;
  77. border-radius: 4px 0px 0px 4px;
  78. top: 25px;
  79. left: 0px;
  80. background: url(https://i.pinimg.com/originals/65/d4/45/65d4451e2f403f0243db567a523a025b.jpg) 0px -80px repeat; /* CHANGE IMAGE HERE */
  81. background-size: cover;
  82. -webkit-filter: grayscale(0);
  83. line-height: 100px;
  84. }
  85.  
  86. div#xg_layout_column_1:after {
  87. content:"";
  88. position: absolute;
  89. top: 105px;
  90. left: 54px;
  91. width: 160px;
  92. height: 300px;
  93. background: url(https://data.whicdn.com/images/340064688/original.jpg) -60px 0px no-repeat; /* CHANGE IMAGE HERE */
  94. background-size: cover;
  95. filter: grayscale(1);
  96. }
  97.  
  98. div.module_user_summary:before {
  99. z-index: 100!important;
  100. visibility: visible!important;
  101. content:"";
  102. position: absolute;
  103. top: 120px;
  104. left: 518px;
  105. width: 110px;
  106. height: 110px;
  107. border-radius: 4px;
  108. background: url(https://storage.ning.com/topology/rest/1.0/file/get/3827119500?profile=RESIZE_710x) -23px -10px no-repeat; /* CHANGE IMAGE HERE */
  109. background-size: 135%;
  110. filter: grayscale(1)brightness(100%)contrast(90%);
  111. }
  112.  
  113. div.module_user_summary:after {
  114. z-index: 100!important;
  115. visibility: visible;
  116. content:"";
  117. position: absolute;
  118. top: 120px;
  119. left: 632px;
  120. width: 110px;
  121. height: 110px;
  122. border-radius: 4px;
  123. background: url(https://66.media.tumblr.com/8c6f13c72c64cd02edb45db2e2f7e5f7/06ed3224a9fa7e83-0b/s540x810/cd38aead8be8264b334020ff15e23812fbe16f5a.gifv) -20px -0px no-repeat; /* CHANGE IMAGE HERE */
  124. background-size: 180%;
  125. filter: grayscale(1)contrast(90%);
  126. }
  127.  
  128. div.xg_span-16:before {
  129. visibility: visible!important;
  130. z-index: 100;
  131. content:""; /* CHANGE TEXT HERE */
  132. position: absolute;
  133. top: 365px;
  134. left: 314px;
  135. width: 180px;
  136. height: 25px;
  137. font: 30px 'Montserrat';
  138. font-weight: bold;
  139. overflow: hidden;
  140. box-sizing: border-box;
  141. padding: 10px;
  142. text-transform: uppercase;
  143. color: #f8f8f8;
  144. background-color: #821414;
  145. color: #e7e7e7;
  146. background-image: linear-gradient(to bottom right, #821414, #000);
  147. }
  148.  
  149. div.module_user_thumbnail:before {
  150. opacity: 1;
  151. visibility: visible;
  152. content:"2 months ago with 54,022 notes"; /* CHANGE TEXT HERE */
  153. position: absolute;
  154. z-index: -100;
  155. top: 60px;
  156. left: 480px;
  157. width: 300px;
  158. height: 40px;
  159. border-radius: 4px 4px 0px 0px;
  160. font: 8px 'arial narrow';
  161. font-weight: 900;
  162. color: #000;
  163. overflow: hidden;
  164. text-transform: uppercase;
  165. text-align: left;
  166. padding: 10px 10px 10px 10px;
  167. box-sizing: border-box;
  168. background: #fdfdfd;
  169. }
  170.  
  171. div.module_user_thumbnail:after {
  172. z-index: 100!important;
  173. visibility: visible;
  174. content:"";
  175. position: absolute;
  176. top: 234px;
  177. left: 518px;
  178. width: 110px;
  179. height: 110px;
  180. border-radius: 4px;
  181. background: url(https://66.media.tumblr.com/46d724e959b03ead1d66eb5430f26f7a/06ed3224a9fa7e83-80/s540x810/7d4b1c813bd4e4e26ea074db07f4f51976e7173b.gifv) -20px 0px no-repeat; /* CHANGE IMAGE HERE */
  182. background-size: 175%;
  183. filter: grayscale(1)contrast(90%);
  184. }
  185.  
  186. .dy-avatar.dy-avatar-full-width:after {
  187. z-index: 100!important;
  188. visibility: visible;
  189. content:"";
  190. position: absolute;
  191. top: 234px;
  192. left: 632px;
  193. width: 110px;
  194. height: 110px;
  195. border-radius: 4px;
  196. background: url(https://data.whicdn.com/images/337059374/original.jpg) -10px 0px no-repeat; /* CHANGE IMAGE HERE */
  197. background-size: 135%;
  198. filter: grayscale(1)contrast(90%);
  199. }
  200.  
  201.  
  202. .dy-avatar.dy-avatar-full-width:before {
  203. visibility: visible;
  204. z-index: 100;
  205. content:""; /* CHANGE TEXT HERE */
  206. position: absolute;
  207. top: 105px;
  208. left: 214px;
  209. width: 180px;
  210. height: 300px;
  211. border-radius: 0px 4px 4px 0px;
  212. font: 20px 'Montserrat';
  213. font-weight: bold;
  214. text-align: center;
  215. box-sizing: border-box;
  216. padding: 10px 10px 10px 10px;
  217. text-transform: uppercase;
  218. background: #f0f0f0;
  219. color: #fff;
  220. }
  221.  
  222. div#xg_layout_column_2 {
  223. position: absolute;
  224. z-index: 100!important;
  225. width: 900px;
  226. height: 40px;
  227. top: 70px;
  228. font-size: 11px;
  229. left: 9%;
  230. background: #trans;
  231. font-family:'arial narrow';
  232. color: #fff;
  233. -moz-transition: all 0.5s ease-out;
  234. -o-transition: all 0.5s ease-out;
  235. }
  236.  
  237. div.module_user_summary {
  238. visibility: hidden;
  239. }
  240.  
  241. .dy-avatar.dy-avatar-full-width {
  242. z-index: -1!important;
  243. width: 900px;
  244. margin-left: 0px;
  245. margin-top: 0px;
  246. height: 30px;
  247. background: #trans;
  248. }
  249.  
  250. img#xj_photo_img_tag {
  251. visibility: visible;
  252. z-index: 1!important;
  253. width: 30px!important;
  254. height: 30px!important;
  255. margin-left: 740px;
  256. margin-top: 65px;
  257. border-radius: 100px;
  258. filter: grayscale(0.5)
  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: #821414;
  274. }
  275.  
  276. input.button.action-primary {
  277. background-color: #821414;
  278. }
  279.  
  280. p.buttongroup {
  281. background-color: #821414;
  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: 'hollanda';
  393. margin-top: 89px;
  394. margin-left: -120px;
  395. letter-spacing: 2px;
  396. text-transform: lowercase;
  397. text-align: right;
  398. color: rgb(255, 255, 255)!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: 'raleway';
  417. }
  418.  
  419.  
  420. ::selection {
  421. background: #bd9c9c;
  422. color: #ffffff;
  423. }
  424.  
  425.  
  426. ::-webkit-scrollbar {
  427. width: 4px;
  428. height: 0px;
  429. background: transparent;
  430. }
  431.  
  432. ::-webkit-scrollbar-thumb {
  433. background: #bd9c9c;
  434. border-radius: 4px;
  435. }
  436.  
  437. ::-webkit-scrollbar-corner {
  438. background: transparent;
  439. }
  440.  
  441. #links {
  442. z-index: 1!important;
  443. position: fixed;
  444. overflow: hidden;
  445. font: 13px 'Raleway';
  446. text-transform: lowercase;
  447. margin-top: -15px;
  448. margin-left: 420px;
  449. text-align: left;
  450. width: 370px;
  451. height: 30px!important;
  452. background: #trans;
  453. line-height: 40px;
  454. text-shadow: 0px 2px 2px #111:
  455. }
  456.  
  457. #links a {
  458. color: #fff!important;
  459. margin-left: 20px;
  460. padding-left:10px;
  461. padding: 5px;
  462. -webkit-transition: all 0.7s ease;
  463. }
  464.  
  465.  
  466. .bio {
  467. background-color: #;
  468. width: 158px;
  469. height: 140px;
  470. margin-left: 220px;
  471. margin-top: 125px;
  472. font-family: raleway;
  473. background: rgb(0,0,0,0.0);
  474. color: #808080;
  475. overflow: scroll;
  476. font-size: 8px;
  477. text-align: justify;
  478. line-height:20px;
  479. padding-right: 4px;
  480. }
  481.  
  482. @font-face {
  483. font-family: 'Raleway';
  484. font-style: normal;
  485. font-weight: 400;
  486. src: local('Raleway'), local('Raleway-Regular'),
  487. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  488. 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;
  489. }
  490.  
  491. @font-face {
  492. font-family: 'Raleway';
  493. font-style: normal;
  494. font-weight: 700;
  495. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  496. 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;
  497. }
  498.  
  499. .bio b, strong {color: #c3a074; font-family: arial; font-size:8px; letter-spacing: 1.5px; color: #f8f8f8; background-color: #821414; color: #e7e7e7; background-image: linear-gradient(to bottom right, #821414, #000);padding: 2px;border-radius: 4px;}
  500.  
  501.  
  502.  
  503. @font-face {
  504. font-family: "corals";
  505. src: url('https://dl.dropboxusercontent.com/s/8ppkpi4qrpd0zfq/TT%20Corals%20Thin-DEMO.otf') ;}
  506.  
  507. i, em {
  508. color: #000;
  509. font-family: arial narrow;
  510. font-style: normal;
  511. font-size: 12px;
  512. letter-spacing: 1px;
  513. line-height: 0px;
  514.  
  515.  
  516. }
  517.  
  518.  
  519.  
  520. #link {
  521. display: inline-block;
  522. position: fixed;
  523. width: 195px;
  524. -webkit-transition-duration: 0.8s;
  525. -moz-transition-duration: 0.8s;
  526. opacity: 1;
  527. margin-top: 30px;
  528. margin-left: 220px;
  529. }
  530.  
  531. #link a.links {
  532. display: inline-block;
  533. width: 148px;
  534. height: 14px;
  535. text-align: left;
  536. text-transform: lowercase;
  537. word-spacing: 80px;
  538. line-height: 15px;
  539. color: #bd9c9c;
  540. font-size: 12px;
  541. font-family: calibri;
  542. padding: 5px 4px 5px 4px;
  543. -webkit-transition: all 0.5s ease-in-out;
  544. -moz-transition: all 0.5s ease-in-out;
  545. -o-transition: all 0.5s ease-in-out;
  546. -ms-transition: all 0.5s ease-in-out;
  547. transition: all 0.5s ease-in-out;
  548. cursor: pointer;
  549. margin: 0px 1px 3px 2px;
  550. background: #e3e3e3;
  551. border-radius: 4px;
  552. }
  553.  
  554. #link a:hover {
  555. background: #fff;
  556. color: ; -webkit-transition: all 0.5s ease-in-out;
  557. -moz-transition: all 0.5s ease-in-out;
  558. -o-transition: all 0.5s ease-in-out;
  559. -ms-transition: all 0.5s ease-in-out;
  560. transition: all 0.5s ease-in-out;
  561. }
  562.  
  563.  
  564. div.xg_span-16:after { position: absolute; content:""; width: 300px; height: 260px; top: 200px; left: 580px; font: 13px ABeeZee; color: rgba(255, 255, 255, 1); background-color: #e8e8e8; text-transform: uppercase; box-sizing: border-box;padding: 10px 10px 10px 10px; text-align: justify;}
  565.  
  566. div.xg_3col:before {
  567. visibility: visible!important;
  568. z-index: 200!important;
  569. content:"sep29 โ™กโŸณ"; /* CHANGE TEXT HERE */
  570. position: absolute;
  571. top: 460px;
  572. left: 580px;
  573. width: 300px;
  574. height: 40px;
  575. padding: 10px 10px 10px 20px;
  576. box-sizing: border-box;
  577. border-radius: 0px 0px 4px 4px;
  578. font: 13px 'arial';
  579. word-spacing: 194px;
  580. text-align: left;
  581. color: #f8f8f8;
  582. background-color: #821414;
  583. color: #e7e7e7;
  584. background-image: linear-gradient(to bottom right, #821414, #000);
  585. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement