mik98

aiden - b&w - css

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