mik98

updated css - amon

Oct 14th, 2024
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.48 KB | None | 0 0
  1. body {
  2. background-color: rgb(0, 0, 0);
  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: 20px;
  13. margin-left: 50px;
  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: 100px;
  42. left: 110px;
  43. font: 11px 'Roboto';
  44. color: #000;
  45. text-transform: lowercase;
  46. text-align: justify;
  47. width: 670px;
  48. height: 365px;
  49. background: #111;
  50. padding-top: 220px!important;
  51. padding: 60px;
  52. box-sizing: border-box;
  53. border-top: 50px solid #555;
  54. overflow: hidden;
  55. }
  56.  
  57. div#xg_layout_column_1 {
  58. position: relative;
  59. z-index: 1;
  60. top: 100px;
  61. left: 100px;
  62. width: 800px;
  63. height: auto;
  64. overflow: hidden;
  65. background: #;
  66. }
  67.  
  68. div#xg_layout_column_1:before {
  69. content:"";
  70. position: absolute;
  71. width: 220px;
  72. height: 55px;
  73. top: 60px;
  74. left: 120px;
  75. background: url(https://storage.ning.com/topology/rest/1.0/file/get/12791672475?profile=original) 0px 0px repeat; /* CHANGE IMAGE HERE */
  76. background-size: cover;
  77. -webkit-filter: grayscale(10) contrast(90%) brightness(2190%);
  78. }
  79.  
  80. .xg_span-16:after{
  81. z-index: 100;
  82. content:"amonscott"; /* CHANGE TEXT HERE */
  83. position: absolute;
  84. top: 115px;
  85. left: 240px;
  86. width: 80px;
  87. height: 80px;
  88. color: #111;
  89. font-family: robold;
  90. text-transform: uppercase;
  91. font-size: 15px;
  92. border-radius:6px;
  93. background: trans;
  94. }
  95.  
  96. div#xg_layout_column_1:after {
  97. content:"";
  98. position: absolute;
  99.  
  100. background: rgb(255, 255, 255);
  101. top: 25px;
  102. left: 380px;
  103. width: 255px;
  104. height: 255px;
  105. background: url(https://i.pinimg.com/736x/57/55/74/575574e140de9a737dd54fe3974feef6.jpg?profile=RESIZE_710x) 0px -0px no-repeat; /* CHANGE IMAGE HERE */
  106. background-size: cover;
  107. border-right: 10px solid #000;
  108. border-left: 10px solid #000;
  109. border-top: 10px solid #000;
  110. border-bottom: 60px solid #000;
  111. border-radius: 10px;
  112. filter: grayscale(0.3);
  113. }
  114.  
  115. .xg_3col:after {
  116. z-index: 100;
  117. content:"amonscott"; /* CHANGE TEXT HERE */
  118. position: absolute;
  119. top: 335px;
  120. color: #fff;
  121. padding-top: 18px!important;
  122. padding-left: 19px!important;
  123. font-family: roboto;
  124. font-size: 9px;
  125. left: 580px;
  126. width: 65px;
  127. height: 19px;
  128. border-radius:6px;
  129. background: url(https://storage.ning.com/topology/rest/1.0/file/get/9317811866?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  130. background-size: cover;
  131. filter: grayscale(1)contrast(180%)brightness(80%);
  132. }
  133.  
  134. .bio {
  135. background-color: #;
  136. width: 240px;
  137. height: 290px;
  138. margin-left: 390px;
  139. margin-top: 330px;
  140. font-family: robold;
  141. color: #c6a881;
  142. overflow: scroll;
  143. font-size: 10px;
  144. text-align: left;
  145. line-height:20px;
  146. padding-right: 4px;
  147. text-transform: uppercase;
  148.  
  149. }
  150.  
  151. @font-face {font-family: Raleway; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/z1sel824g1y23mw/Raleway-Medium.ttf);}
  152.  
  153.  
  154. .bio b, strong {color: #aaaa; font-family: roboto; font-size:11px;font-weight: normal; text-transform: lowercase}
  155.  
  156. .xg_3col:before {
  157. z-index: 100;
  158. content:""; /* CHANGE TEXT HERE */
  159. position: absolute;
  160. top: 395px;
  161. left: 485px;
  162. width: 100px;
  163. height: 30px;
  164. border-radius:6px;
  165. background: url(https://storage.ning.com/topology/rest/1.0/file/get/9317808257?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  166. background-size: cover;
  167. filter: grayscale(1)contrast(80%)brightness(80%);
  168. }
  169.  
  170. div.module_user_summary:before {
  171. z-index: -100!important;
  172. visibility: visible!important;
  173. content:"";
  174. position: absolute;
  175. top: -5px;
  176. left: 355px;
  177. width: 150px;
  178. height: 365px;
  179. background: trans;
  180. border-left: 1px solid #222;
  181. filter: grayscale(0.3);
  182. }
  183.  
  184. div.module_user_summary:after {
  185. z-index: -100!important;
  186. visibility: visible;
  187. content:"";
  188. position: absolute;
  189. top: 255px;
  190. left: 25px;
  191. width: 95px;
  192. height: 95px;
  193. background: url(https://i.pinimg.com/474x/74/1d/65/741d65b8ecf032be77e2f48956c38b54.jpg?profile=RESIZE_710x) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  194. background-size: cover;
  195. filter: grayscale(1);
  196. }
  197.  
  198. div.xg_span-16:before {
  199. visibility: visible!important;
  200. z-index: 100;
  201. content:""; /* CHANGE TEXT HERE */
  202. position: absolute;
  203. top: 355px;
  204. left: 230px;
  205. width: 95px;
  206. height: 95px;
  207. font: 30px 'Montserrat';
  208. font-weight: bold;
  209. overflow: hidden;
  210. box-sizing: border-box;
  211. padding: 10px;
  212. text-transform: uppercase;
  213. background: url(https://i.pinimg.com/474x/84/2e/d1/842ed1756805b8cc385fcb7def28008b.jpg?profile=RESIZE_710x) -9px -12px;
  214. background-size: 110%;
  215. color: #fff;
  216. filter: grayscale(0.2);
  217. }
  218.  
  219. div.module_user_thumbnail:before {
  220. opacity: 10;
  221. visibility: visible;
  222. content:""; /* CHANGE TEXT HERE */
  223. position: absolute;
  224. z-index: 1;
  225. top: 200px;
  226. left: 15px;
  227. width: 325px;
  228. height: 35px;
  229. font: 12px 'Roboto';
  230. font-weight: 900;
  231. color: #000;
  232. overflow: hidden;
  233. text-transform: uppercase;
  234. text-align: center;
  235. padding-top: 5px!important;
  236. padding: 10px;
  237. box-sizing: border-box;
  238. background: url(https://storage.ning.com/topology/rest/1.0/file/get/9317252081?profile=original);
  239. background-size: cover;
  240. }
  241.  
  242. div.module_user_thumbnail:after {
  243. opacity: 10;
  244. visibility: visible;
  245. content:"amon james scott"; /* CHANGE TEXT HERE */
  246. position: absolute;
  247. top: 150px;
  248. left: -22px;
  249. width: 175px;
  250. height: 20px;
  251. font: 11px 'robold';
  252. font-weight: 900;
  253. color: #aaa;
  254. overflow: hidden;
  255. text-transform: lowercase;
  256. text-align: center;
  257. background: trans;
  258.  
  259. }
  260.  
  261. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  262.  
  263.  
  264. .dy-avatar.dy-avatar-full-width:after {
  265. opacity: 10;
  266. z-index: 100!important;
  267. visibility: visible;
  268. content:"twenty six | single | obtaining the unobtainable "; /* CHANGE TEXT HERE */
  269. position: absolute;
  270. top: 163px;
  271. left: 17px;
  272. width: 280px;
  273. height: 10px;
  274. font: 9px 'roboto';
  275. font-weight: 900;
  276. color: #fff;
  277. overflow: hidden;
  278. text-transform: lowercase;
  279. text-align: left;
  280. padding-top: 5px!important;
  281. padding: 10px;
  282. letter-spacinng:
  283. background: trans;
  284. }
  285.  
  286. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  287.  
  288.  
  289. 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 {
  290. opacity: 1;
  291. }
  292.  
  293. .dy-avatar.dy-avatar-full-width:before {
  294. visibility: visible;
  295. z-index: 100;
  296. content:""; /* CHANGE TEXT HERE */
  297. position: absolute;
  298. top: 255px;
  299. left: 235px;
  300. width: 95px;
  301. height: 95px;
  302. font: 20px 'Montserrat';
  303. font-weight: bold;
  304. text-align: center;
  305. overflow: hidden;
  306. box-sizing: border-box;
  307. line-height: 30px;
  308. padding: 10px;
  309. text-transform: uppercase;
  310. background: url(https://64.media.tumblr.com/fd0ceaf0456b2feb20d96f7c94b4234d/3e693e29ca41d7c1-d3/s2048x3072/b90792a3c295e10e7d215a12fe2499fb388e8109.jpg) 0px -20px;
  311. background-size: cover;
  312. filter: grayscale(1);
  313. }
  314.  
  315. div#xg_layout_column_2 {
  316. position: absolute;
  317. z-index: 100!important;
  318. width: 820px;
  319. height: 40px;
  320. top: 70px;
  321. font-size: 11px;
  322. left: 9%;
  323. background: #trans;
  324. font-family:'Roboto';
  325. color: #fff;
  326. -moz-transition: all 0.5s ease-out;
  327. -o-transition: all 0.5s ease-out;
  328. }
  329.  
  330. div.module_user_summary {
  331. visibility: hidden;
  332. }
  333.  
  334. .dy-avatar.dy-avatar-full-width {
  335. z-index: -1!important;
  336. width: 900px;
  337. margin-left: 0px;
  338. margin-top: 0px;
  339. height: 30px;
  340. background: #trans;
  341. }
  342.  
  343. img#xj_photo_img_tag {
  344. visibility: visible;
  345. z-index: 1!important;
  346. width: 70px!important;
  347. height: 70px!important;
  348. margin-left: 30px;
  349. margin-top: 65px;
  350. border: 5px solid #trans;
  351. border-radius: 100px;
  352. filter: grayscale(1);
  353.  
  354. }
  355.  
  356. div.xg_span-16 {
  357. visibility: visible;
  358. z-index: -1!important;
  359. }
  360.  
  361. div.xg_3col {
  362. visibility: visible;
  363. }
  364.  
  365. /* POP UP + BUTTON COLOURS */
  366.  
  367. .xg_floating_container.xg_lightborder {
  368. background-color: rgb(132, 132, 132);
  369. }
  370.  
  371. input.button.action-primary {
  372. background-color: rgb(85, 85, 85);
  373. }
  374.  
  375. p.buttongroup {
  376. background-color: rgb(170, 170, 170);
  377. padding: 5px;
  378. }
  379.  
  380. a.xj_cancel.action-secondary {
  381. color: rgb (255, 255, 255);
  382. }
  383.  
  384. /* REMOVED CODES */
  385.  
  386. .online {
  387. display: none;
  388.  
  389. }
  390.  
  391. .xg_module_body.profile.vcard {
  392. display: none;
  393. }
  394.  
  395. .account-links {
  396. display: none;
  397.  
  398. }
  399.  
  400. #xg_foot {
  401. display: none;
  402. }
  403.  
  404. p.left {
  405. display: none;
  406. }
  407.  
  408. p.right.xg_lightfont {
  409. display: none;
  410. }
  411.  
  412. #xg_sitedesc {
  413. display: none;
  414. }
  415.  
  416. #xg_sitename {
  417. display: none;
  418. }
  419.  
  420. img.poweredbyLogo {
  421. display: none;
  422. }
  423.  
  424. .xg_module_head {
  425. display: auto;
  426. border-bottom: 0px solid #fff!important;
  427. }
  428.  
  429. #xg_profile_activity{
  430. display:none;
  431. }
  432.  
  433. .xg_sprite {
  434. background: transparent;
  435. }
  436.  
  437. a.send-message-link {
  438. display: none;
  439. }
  440.  
  441. dd.profile-like-button {
  442. display: none;
  443. }
  444.  
  445. dd.profile-social-buttons {
  446. display: none;
  447. }
  448.  
  449. .module_blog {
  450. display: none!important;
  451. }
  452.  
  453. a.xj_block_messages {
  454. display: none;
  455. }
  456.  
  457. 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 {
  458. display: none;
  459. }
  460.  
  461. ul.nobullets.last-child {
  462. display: none;
  463. }
  464.  
  465. span.fn {
  466. display: none;
  467. }
  468.  
  469. span.fn:before {
  470. content:"";
  471. }
  472.  
  473. a.xj_appearance_editor_profile {
  474. display: none;
  475. }
  476.  
  477. .xg_module.topmsg.birthday_msg {
  478. display: none!important;
  479. }
  480.  
  481. /* TEXT + LINK CODES*/
  482.  
  483. a#add-as-friend-link {
  484. position: fixed;
  485. font-size: 20px;
  486. font-weight: 900;
  487. font-family: 'cocogoose';
  488. bottom: 10px;
  489. left: -5px;
  490. letter-spacing: 2px;
  491. text-transform: lowercase;
  492. text-align: right;
  493. color: #c6a881!important;
  494. }
  495.  
  496. #xg_body a {
  497. color: auto!important;
  498. background-color: transparent;
  499. font-style: normal;
  500. -webkit-transition: 1s;
  501.  
  502. }
  503.  
  504. p {
  505. color: auto!important;
  506. font-size: 11px;
  507. font-family: 'Tahoma';
  508. }
  509.  
  510.  
  511. ::selection {
  512. background: #c6f3f5;
  513. color: #ffffff;
  514. }
  515.  
  516. ::-webkit-scrollbar {
  517. width: 4px;
  518. height: 0px;
  519. background: transparent;
  520. }
  521.  
  522. ::-webkit-scrollbar-thumb {
  523. background: #aaa;
  524. border-radius: 4px;
  525. }
  526.  
  527. ::-webkit-scrollbar-corner {
  528. background: transparent;
  529. }
  530.  
  531. #links {
  532. z-index: 1!important;
  533. position: fixed;
  534. overflow: hidden;
  535. font: 9px 'roboto';
  536. text-transform: lowercase;
  537. margin-top: -433px;
  538. margin-left: 20px;
  539. text-align: left;
  540. width: 450px;
  541. height: 50px!important;
  542. background: #trans;
  543. text-transform: lowercase;
  544. line-height: 20px;
  545. text-shadow: 0px 2px 2px #111:
  546. }
  547.  
  548. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  549.  
  550. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  551.  
  552. #links a {
  553. color: #aaa!important;
  554. margin-left: 2px;
  555. padding-left:10px;
  556. padding: 2px;
  557. -webkit-transition: all 0.7s ease;
  558. }
Advertisement
Add Comment
Please, Sign In to add comment