mik98

green - css

Aug 2nd, 2021
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.73 KB | None | 0 0
  1. body {
  2. background-color: #eee;
  3. background-image: url();
  4. background-repeat: repeat;
  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: -20px;
  13. margin-left: -60px;
  14. }
  15.  
  16. div#xg_ad_below_header, div#xg_ad_below_footer {
  17. display: none!important;
  18. }
  19.  
  20. div#xg_navigation {
  21. visibility: hidden;
  22. position: fixed;
  23. }
  24.  
  25. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  26. display: none;
  27. }
  28.  
  29.  
  30. div#xg_masthead {
  31. position: relative;
  32. }
  33.  
  34. div#xn_bar {
  35. display: none;
  36. }
  37.  
  38. #xg_body:before {
  39. content:""; /* CHANGE TEXT HERE */
  40. position: absolute;
  41. top: 125px;
  42. left: 285px;
  43. font: 11px 'Roboto';
  44. color: #000;
  45. text-transform: lowercase;
  46. text-align: justify;
  47. width: 580px;
  48. height: 385px;
  49. background: #fff;
  50. padding-top: 220px!important;
  51. padding: 60px;
  52. box-sizing: border-box;
  53. border-right: 100px solid #F5F5F5;
  54. overflow: hidden;
  55.  
  56. }
  57.  
  58. div#xg_layout_column_1 {
  59. position: relative;
  60. z-index: 1;
  61. top: 100px;
  62. left: 100px;
  63. width: 800px;
  64. height: auto;
  65. overflow: hidden;
  66. background: #;
  67. }
  68.  
  69. div#xg_layout_column_1:before {
  70. content:"";
  71. position: absolute;
  72. z-index: 100;
  73. width: 255px;
  74. height: 75px;
  75. top: 295px;
  76. left: 385px;
  77. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8993577084?profile=original) 0px 0px repeat; /* CHANGE IMAGE HERE */
  78. background-size: cover;
  79. -webkit-filter: grayscale(1) brightness(97%);
  80.  
  81. }
  82.  
  83. div#xg_layout_column_1:after {
  84. content:"";
  85. z-index: 10;
  86. position: absolute;
  87. background: rgb(255, 255, 255);
  88. top: 100px;
  89. left: 205px;
  90. width: 155px;
  91. height: 125px;
  92. background: url(https://64.media.tumblr.com/436f90983ddbcfc77b88a0cfbe9ff763/88f87063e20f8828-33/s500x750/28b39bf01f080fd4aab40a62b191c2cc89b87502.gifv) 0px -90px no-repeat; /* CHANGE IMAGE HERE */
  93. background-size: cover;
  94. filter: grayscale(0.3);
  95. border-radius: 6px;
  96. }
  97.  
  98. div.module_user_summary:before {
  99. z-index: -100!important;
  100. visibility: visible!important;
  101. content:"";
  102. position: absolute;
  103. top: 75px;
  104. left: 385px;
  105. width: 255px;
  106. height: 295px;
  107. background: #F5F5F5;
  108. background-size: cover;
  109. filter: grayscale(1);
  110. }
  111.  
  112. div.module_user_summary:after {
  113. z-index: -100!important;
  114. visibility: visible;
  115. content:"";
  116. position: absolute;
  117. top: 75px;
  118. left: 385px;
  119. width: 123px;
  120. height: 123px;
  121. background: url(https://64.media.tumblr.com/61addb07291c39f48c06d0bc8d7c4626/12b69f809f75a7cd-49/s2048x3072/cf778e86ec3091ea5e7642212ff02e811671aded.png) 0px -35px no-repeat; /* CHANGE IMAGE HERE */
  122. background-size: cover;
  123. filter: grayscale(1);
  124. }
  125.  
  126. div.xg_span-16:before {
  127. visibility: visible!important;
  128. z-index: 100;
  129. content:""; /* CHANGE TEXT HERE */
  130. position: absolute;
  131. top: 125px;
  132. left: 285px;
  133. width: 135px;
  134. height: 40px;
  135. font: 30px 'Montserrat';
  136. font-weight: bold;
  137. overflow: hidden;
  138. box-sizing: border-box;
  139. padding: 10px;
  140. text-transform: uppercase;
  141. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8993590490?profile=original);
  142. background-size: cover;
  143. color: #fff;
  144. filter: brightness(101%) grayscale(1);
  145. }
  146.  
  147. .xg_3col:after {
  148. z-index: 100;
  149. content:""; /* CHANGE TEXT HERE */
  150. position: absolute;
  151. top: 185px;
  152. left: 745px;
  153. width: 135px;
  154. height: 55px;
  155. border-radius:6px;
  156. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8993600861?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  157. background-size: cover;
  158. filter: grayscale(10)contrast(130%)brightness(110%);
  159. transform: rotate(90deg);
  160.  
  161. }
  162.  
  163. div.module_user_thumbnail:before {
  164. opacity: 10;
  165. visibility: visible;
  166. content:""; /* CHANGE TEXT HERE */
  167. position: absolute;
  168. z-index: -1;
  169. top: 70px;
  170. left: 155px;
  171. width: 135px;
  172. height: 295px;
  173. font: 12px 'Roboto';
  174. font-weight: 900;
  175. color: #000;
  176. overflow: hidden;
  177. text-transform: uppercase;
  178. text-align: center;
  179. padding-top: 5px!important;
  180. padding: 10px;
  181. box-sizing: borders-box;
  182. background: #F5F5F5;
  183. border: 1px solid #ddd;
  184.  
  185. }
  186.  
  187. div.module_user_thumbnail:after {
  188. opacity: 10;
  189. z-index: 100;
  190. visibility: visible;
  191. content:"Shorty a lil' baddie"; /* CHANGE TEXT HERE */
  192. position: absolute;
  193. top: 190px;
  194. left: -45px;
  195. width: 385px;
  196. height: 50px;
  197. font: 42px 'share';
  198. font-weight: 900;
  199. color: #4E9258;
  200. overflow: hidden;
  201. text-transform: lowercase;
  202. text-align: center;
  203. padding-top: 5px!important;
  204. padding: 10px;
  205. background: trans;
  206. transform: rotate(-90deg);
  207.  
  208. }
  209.  
  210. .xg_span-16:after{
  211. content:""; /* CHANGE TEXT HERE */
  212. position: absolute;
  213. top: 125px;
  214. left: 440px;
  215. width: 80px;
  216. height: 385px;
  217. background: trans;
  218. background-size: cover;
  219. border-left: 1px solid #ddd;
  220.  
  221. }
  222.  
  223. @font-face {font-family: share; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/nptaqzaextbsedy/Share-Bold.ttf);}
  224.  
  225.  
  226. @font-face {font-family: WorkSans-Bold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/51ojewm6mj21asx/WorkSans-Bold.ttf);}
  227.  
  228.  
  229. .dy-avatar.dy-avatar-full-width:after {
  230. opacity: 10;
  231. z-index: 1!important;
  232. visibility: visible;
  233. content:"mikayla grace daniels. twenty-two. jarrett scott miller is mine. 13.05.21 ♥ my friends mean everything to me. sleepy girl. don't mess with me."; /* CHANGE TEXT HERE */
  234. position: absolute;
  235. top: 230px;
  236. left: 205px;
  237. width: 135px;
  238. height: 100px;
  239. font: 11px 'georgia';
  240. color: #fff;
  241. overflow: hidden;
  242. text-transform: lowercase;
  243. text-align: center;
  244. padding-top: 5px!important;
  245. padding: 10px;
  246. letter-spacing: 1.5px;
  247. background: rgba(78, 146, 88, 0.8);
  248. border-radius: 6px;
  249. }
  250.  
  251. .xg_3col:before {
  252. z-index: 100;
  253. content:"You know, I never found love until I looked into your eyes. First time blushin', I ain't even gon' lie, Four rounds in, leavin' bruises on your thighs."; /* CHANGE TEXT HERE */
  254. position: absolute;
  255. top: 325px;
  256. left: 505px;
  257. text-transform: lowercase;
  258. width: 200px;
  259. height: 50px;
  260. font: 11px 'georgia';
  261. color: #4E9258;
  262. padding-left: 15px;
  263. border-left: 2px solid #ddd;
  264. background: trans;
  265. }
  266.  
  267. 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 {
  268. opacity: 1;
  269. }
  270.  
  271. .dy-avatar.dy-avatar-full-width:before {
  272. visibility: visible;
  273. z-index: 100;
  274. content:"";
  275. position: absolute;
  276. top: 75px;
  277. left: 515px;
  278. width: 123px;
  279. height: 123px;
  280. background: url(https://64.media.tumblr.com/630186a3b602ba4f9d20ec19a2b8e195/12b69f809f75a7cd-4a/s1280x1920/3d87ddb91cbb6e7da09369477361f2f14d9baf70.png) 0px -25px no-repeat; /* CHANGE IMAGE HERE */
  281. background-size: cover;
  282. filter: grayscale(0.3);
  283. }
  284.  
  285. div#xg_layout_column_2 {
  286. position: absolute;
  287. z-index: 100!important;
  288. width: 820px;
  289. height: 40px;
  290. top: 70px;
  291. font-size: 11px;
  292. left: 9%;
  293. background: #trans;
  294. font-family:'Roboto';
  295. color: #fff;
  296. -moz-transition: all 0.5s ease-out;
  297. -o-transition: all 0.5s ease-out;
  298. }
  299.  
  300. div.module_user_summary {
  301. visibility: hidden;
  302. }
  303.  
  304. .dy-avatar.dy-avatar-full-width {
  305. z-index: -1!important;
  306. width: 900px;
  307. margin-left: 0px;
  308. margin-top: 0px;
  309. height: 30px;
  310. background: #trans;
  311. }
  312.  
  313. img#xj_photo_img_tag {
  314. visibility: hide;
  315. z-index: 1!important;
  316. width: 120px!important;
  317. height: 120px!important;
  318. margin-left: 550px;
  319. margin-top: 105px;
  320. border: 5px solid #fff;
  321. border-radius: 100px;
  322. transition:all 0.3s ease-in-out;
  323. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  324. }
  325.  
  326. div.xg_span-16 {
  327. visibility: visible;
  328. z-index: -1!important;
  329. }
  330.  
  331. div.xg_3col {
  332. visibility: visible;
  333. }
  334.  
  335. /* POP UP + BUTTON COLOURS */
  336.  
  337. .xg_floating_container.xg_lightborder {
  338. background-color: rgb(132, 132, 132);
  339. }
  340.  
  341. input.button.action-primary {
  342. background-color: rgb(85, 85, 85);
  343. }
  344.  
  345. p.buttongroup {
  346. background-color: rgb(170, 170, 170);
  347. padding: 5px;
  348. }
  349.  
  350. a.xj_cancel.action-secondary {
  351. color: rgb (255, 255, 255);
  352. }
  353.  
  354. /* REMOVED CODES */
  355.  
  356. .online {
  357. display: none;
  358.  
  359. }
  360.  
  361. .xg_module_body.profile.vcard {
  362. display: none;
  363. }
  364.  
  365. .account-links {
  366. display: none;
  367.  
  368. }
  369.  
  370. #xg_foot {
  371. display: none;
  372. }
  373.  
  374. p.left {
  375. display: none;
  376. }
  377.  
  378. p.right.xg_lightfont {
  379. display: none;
  380. }
  381.  
  382. #xg_sitedesc {
  383. display: none;
  384. }
  385.  
  386. #xg_sitename {
  387. display: none;
  388. }
  389.  
  390. img.poweredbyLogo {
  391. display: none;
  392. }
  393.  
  394. .xg_module_head {
  395. display: auto;
  396. border-bottom: 0px solid #fff!important;
  397. }
  398.  
  399. #xg_profile_activity{
  400. display:none;
  401. }
  402.  
  403. .xg_sprite {
  404. background: transparent;
  405. }
  406.  
  407. a.send-message-link {
  408. display: none;
  409. }
  410.  
  411. dd.profile-like-button {
  412. display: none;
  413. }
  414.  
  415. dd.profile-social-buttons {
  416. display: none;
  417. }
  418.  
  419. .module_blog {
  420. display: none!important;
  421. }
  422.  
  423. a.xj_block_messages {
  424. display: none;
  425. }
  426.  
  427. 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 {
  428. display: none;
  429. }
  430.  
  431. ul.nobullets.last-child {
  432. display: none;
  433. }
  434.  
  435. span.fn {
  436. display: none;
  437. }
  438.  
  439. span.fn:before {
  440. content:"";
  441. }
  442.  
  443. a.xj_appearance_editor_profile {
  444. display: none;
  445. }
  446.  
  447. .xg_module.topmsg.birthday_msg {
  448. display: none!important;
  449. }
  450.  
  451. /* TEXT + LINK CODES*/
  452.  
  453. a#add-as-friend-link {
  454. position: fixed;
  455. font-size: 20px;
  456. font-weight: 900;
  457. font-family: 'cocogoose';
  458. bottom: 10px;
  459. left: -5px;
  460. letter-spacing: 2px;
  461. text-transform: lowercase;
  462. text-align: right;
  463. color: #4E9258!important;
  464. }
  465.  
  466. #xg_body a {
  467. color: auto!important;
  468. background-color: transparent;
  469. font-style: normal;
  470. -webkit-transition: 1s;
  471.  
  472. }
  473.  
  474. p {
  475. color: auto!important;
  476. font-size: 11px;
  477. font-family: 'Tahoma';
  478. }
  479.  
  480.  
  481. ::selection {
  482. background: #c6f3f5;
  483. color: #ffffff;
  484. }
  485.  
  486. ::-webkit-scrollbar {
  487. width: 4px;
  488. height: 0px;
  489. background: transparent;
  490. }
  491.  
  492. ::-webkit-scrollbar-thumb {
  493. background: #aaa;
  494. border-radius: 4px;
  495. }
  496.  
  497. ::-webkit-scrollbar-corner {
  498. background: transparent;
  499. }
  500.  
  501. #links {
  502. z-index: 100!important;
  503. position: fixed;
  504. overflow: hidden;
  505. font: 7px 'Roboto';
  506. text-transform: lowercase;
  507. margin-top: 225px;
  508. margin-left: 697px;
  509. text-align: left;
  510. width: 50px;
  511. height: 215px!important;
  512. background: #trans;
  513. line-height: 45px;
  514. }
  515.  
  516. #links a {
  517. color: #fff!important;
  518. margin-left: 20px;
  519. padding-left:10px;
  520. padding: 5px;
  521. -webkit-transition: all 0.7s ease;
  522. }
  523.  
  524.  
  525. #links a {
  526. color: #fff!important;
  527. background: #trans;
  528. border-radius: 100%;
  529. border: 1px solid #4E9258;
  530. padding: 1px;
  531. margin: 10px;
  532. -webkit-transition: all 0.7s ease;
  533. }
Advertisement
Add Comment
Please, Sign In to add comment