mik98

b&w - css

Nov 9th, 2020 (edited)
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.40 KB | None | 0 0
  1. body {
  2. background-color: #000;
  3. background-image: url();
  4. background-size: cover;
  5. background-size: 150%;
  6. }
  7.  
  8. html,body{cursor: url(http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png), progress;}
  9.  
  10. #xg_body {
  11. left: auto;
  12. position: fixed!important;
  13. margin-top: -30px;
  14. margin-left: -40px;
  15.  
  16. }
  17.  
  18. div#xg_ad_below_header, div#xg_ad_below_footer {
  19. display: none!important;
  20. }
  21.  
  22. div#xg_navigation {
  23. visibility: hidden;
  24. position: fixed;
  25. }
  26.  
  27. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  28. display: none;
  29. }
  30.  
  31.  
  32. div#xg_masthead {
  33. position: relative;
  34. }
  35.  
  36. div#xn_bar {
  37. display: none;
  38. }
  39.  
  40. #xg_body:before {
  41. content:"the devils favourite the devils favourite the devils favourite the devils favourite the devils favourite the devils favourite the devils favourite the devils favourite the devils favourite "; /* CHANGE TEXT HERE */
  42. position: absolute;
  43. top: 125px;
  44. left: 605px;
  45. font: 30px 'hollanda';
  46. line-height: 50px;
  47. color: rgba(255, 255, 255, 0.2);
  48. text-transform: lowercase;
  49. text-align: center;
  50. width: 250px;
  51. height: 415px;
  52. background: #111;
  53. padding: 5px;
  54. padding-left: 15px;
  55. box-sizing: border-box;
  56. border-radius: 0px 20px 20px 0px;
  57. overflow: hidden;
  58. }
  59.  
  60. @font-face { font-family: "hollanda"; src: url('https://dl.dropboxusercontent.com/s/5ez5g189i6aozdi/Hollanda.ttf'); ;}
  61.  
  62. div#xg_layout_column_1 {
  63. position: relative;
  64. z-index: 1;
  65. top: 100px;
  66. left: 100px;
  67. width: 800px;
  68. height: auto;
  69. overflow: hidden;
  70. background: #;
  71. }
  72.  
  73. div#xg_layout_column_1:before {
  74. content:"";
  75. position: absolute;
  76. width: 350px;
  77. height: 415px;
  78. top: 25px;
  79. left: 160px;
  80. background: #222;
  81. background-size: cover;
  82. -webkit-filter: grayscale(1);
  83. }
  84.  
  85. div#xg_layout_column_1:after {
  86. content:"";
  87. position: absolute;
  88. background: rgb(255, 255, 255);
  89. z-index: 100;
  90. top: 60px;
  91. left: 475px;
  92. width: 275px;
  93. height: 380px;
  94. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8138845682?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  95. background-size: cover;
  96. filter: grayscale(1) contrast(110%);
  97. }
  98.  
  99. div.module_user_summary:before {
  100. z-index: 1000!important;
  101. visibility: visible;
  102. content:"";
  103. position: absolute;
  104. top: 85px;
  105. left: 190px;
  106. width: 245px;
  107. height: 210px;
  108. background: url(https://media1.giphy.com/media/Gk6hLKvIPMYtq4FFDo/giphy.gif) 0px -20px no-repeat; /* CHANGE IMAGE HERE */
  109. background-size: cover;
  110. filter: grayscale(1);
  111. border-radius: 6px;
  112. background-size: 90p
  113. }
  114.  
  115. div.module_user_summary:after {
  116. z-index: -100!important;
  117. visibility: visible!important;
  118. content:"";
  119. position: absolute;
  120. top: 50px;
  121. left: 170px;
  122. width: 285px;
  123. height: 155px;
  124. background:#111;
  125. background-size: cover;
  126. filter: grayscale(1);
  127. text-align: right;
  128. line-height: 40px;
  129. border-radius: 6px;
  130. }
  131.  
  132. div.xg_span-16:before {
  133. visibility: visible!important;
  134. z-index: 100;
  135. content:"mikayla grace. witty virgo. 22. single, don't try. stuck between idk, idc and idgaf. oli, bree, spencer, aiden and elaine ♥"; /* CHANGE TEXT HERE */
  136. position: absolute;
  137. top: 405px;
  138. left: 285px;
  139. width: 255px;
  140. height: 120px;
  141. font: 13px 'tinytots';
  142. font-weight: bold;
  143. overflow: hidden;
  144. box-sizing: border-box;
  145. padding: 10px;
  146. text-align: center;
  147. line-height: 23px;
  148. text-transform: lowercase;
  149. background: #trans;
  150. color: #aaa;
  151. }
  152.  
  153. @font-face { font-family: "tinytots";src: url('https://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  154.  
  155. @font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}
  156.  
  157.  
  158.  
  159. .dy-avatar.dy-avatar-full-width:before {
  160. visibility: visible;
  161. z-index: 100;
  162. content:"walking paradox"; /* CHANGE TEXT HERE */
  163. position: absolute;
  164. top: 210px;
  165. left: 250px;
  166. width: 460px;
  167. height: 45px;
  168. font-size: 30px;
  169. font-family: 'soulmaze';
  170. letter-spacing: 3px;
  171. font-weight: bold;
  172. text-align: center;
  173. overflow: hidden;
  174. box-sizing: border-box;
  175. line-height: 30px;
  176. padding: 10px;
  177. text-transform: uppercase;
  178. background: #trans;
  179. color: #aaa;
  180. transform: rotate(-90deg);
  181. }
  182.  
  183. @font-face {font-family: soulmaze; src: url(https://dl.dropboxusercontent.com/s/b9dvyv4fg3ccpn9/MADE-Soulmaze-Outline-PERSONAL-USE.ttf );}
  184.  
  185. div#xg_layout_column_2 {
  186. position: absolute;
  187. z-index: 100!important;
  188. width: 820px;
  189. height: 40px;
  190. top: 70px;
  191. font-size: 11px;
  192. left: 9%;
  193. background: #trans;
  194. font-family:'Roboto';
  195. color: #fff;
  196. -moz-transition: all 0.5s ease-out;
  197. -o-transition: all 0.5s ease-out;
  198. }
  199.  
  200. div.module_user_summary {
  201. visibility: hidden;
  202. }
  203.  
  204. .dy-avatar.dy-avatar-full-width {
  205. z-index: -1!important;
  206. width: 900px;
  207. margin-left: 0px;
  208. margin-top: 0px;
  209. height: 30px;
  210. background: #trans;
  211. }
  212.  
  213. img#xj_photo_img_tag {
  214. visibility: visible;
  215. z-index: 1!important;
  216. width: 80px!important;
  217. height: 80px!important;
  218. margin-left: 700px;
  219. margin-top: 10px;
  220. border: 5px solid #111;
  221. border-radius: 100px;
  222. transition:all 0.3s ease-in-out;
  223. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  224. filter: grayscale(1);
  225. }
  226.  
  227. div.xg_span-16 {
  228. visibility: visible;
  229. z-index: -1!important;
  230. }
  231.  
  232. div.xg_3col {
  233. visibility: visible;
  234. }
  235.  
  236. /* POP UP + BUTTON COLOURS */
  237.  
  238. .xg_floating_container.xg_lightborder {
  239. background-color: rgb(132, 132, 132);
  240. }
  241.  
  242. input.button.action-primary {
  243. background-color: rgb(85, 85, 85);
  244. }
  245.  
  246. p.buttongroup {
  247. background-color: rgb(170, 170, 170);
  248. padding: 5px;
  249. }
  250.  
  251. a.xj_cancel.action-secondary {
  252. color: rgb (255, 255, 255);
  253. }
  254.  
  255. /* REMOVED CODES */
  256.  
  257. .online {
  258. display: none;
  259.  
  260. }
  261.  
  262. .xg_module_body.profile.vcard {
  263. display: none;
  264. }
  265.  
  266. .account-links {
  267. display: none;
  268.  
  269. }
  270.  
  271. #xg_foot {
  272. display: none;
  273. }
  274.  
  275. p.left {
  276. display: none;
  277. }
  278.  
  279. p.right.xg_lightfont {
  280. display: none;
  281. }
  282.  
  283. #xg_sitedesc {
  284. display: none;
  285. }
  286.  
  287. #xg_sitename {
  288. display: none;
  289. }
  290.  
  291. img.poweredbyLogo {
  292. display: none;
  293. }
  294.  
  295. .xg_module_head {
  296. display: auto;
  297. border-bottom: 0px solid #fff!important;
  298. }
  299.  
  300. #xg_profile_activity{
  301. display:none;
  302. }
  303.  
  304. .xg_sprite {
  305. background: transparent;
  306. }
  307.  
  308. a.send-message-link {
  309. display: none;
  310. }
  311.  
  312. dd.profile-like-button {
  313. display: none;
  314. }
  315.  
  316. dd.profile-social-buttons {
  317. display: none;
  318. }
  319.  
  320. .module_blog {
  321. display: none!important;
  322. }
  323.  
  324. a.xj_block_messages {
  325. display: none;
  326. }
  327.  
  328. 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 {
  329. display: none;
  330. }
  331.  
  332. ul.nobullets.last-child {
  333. display: none;
  334. }
  335.  
  336. span.fn {
  337. display: none;
  338. }
  339.  
  340. span.fn:before {
  341. content:"";
  342. }
  343.  
  344. a.xj_appearance_editor_profile {
  345. display: none;
  346. }
  347.  
  348. .xg_module.topmsg.birthday_msg {
  349. display: none!important;
  350. }
  351.  
  352. /* TEXT + LINK CODES*/
  353.  
  354. a#add-as-friend-link {
  355. position: fixed;
  356. font-size: 20px;
  357. font-weight: 900;
  358. font-family: 'Playfair Display';
  359. margin-top: 89px;
  360. margin-left: -120px;
  361. letter-spacing: 2px;
  362. text-transform: uppercase;
  363. text-align: right;
  364. color: rgb(255, 255, 255)!important;
  365. -webkit-transition: ease-in-out 0.6s;
  366. -webkit-transition-duration: 700ms;
  367. text-shadow: 0px 2px 2px #111111;
  368. transform: rotate(-90deg);
  369. }
  370.  
  371. #xg_body a {
  372. color: auto!important;
  373. background-color: transparent;
  374. font-style: normal;
  375. -webkit-transition: 1s;
  376.  
  377. }
  378.  
  379. p {
  380. color: auto!important;
  381. font-size: 11px;
  382. font-family: 'Tahoma';
  383. }
  384.  
  385.  
  386. ::selection {
  387. background: #c6f3f5;
  388. color: #ffffff;
  389. }
  390.  
  391. ::-webkit-scrollbar {
  392. width: 4px;
  393. height: 0px;
  394. background: transparent;
  395. }
  396.  
  397. ::-webkit-scrollbar-thumb {
  398. background: #aaa;
  399. border-radius: 4px;
  400. }
  401.  
  402. ::-webkit-scrollbar-corner {
  403. background: transparent;
  404. }
  405.  
  406.  
  407. #links {
  408. z-index: 100!important;
  409. position: fixed;
  410. overflow: hidden;
  411. font: 10px 'Roboto';
  412. text-transform: lowercase;
  413. margin-top: 312px;
  414. margin-left: 105px;
  415. text-align: left;
  416. width: 50px;
  417. height: 215px!important;
  418. background: #trans;
  419. line-height: 50px;
  420. }
  421.  
  422. #links a {
  423. color: #aaa!important;
  424. margin-left: 20px;
  425. padding-left:10px;
  426. padding: 5px;
  427. -webkit-transition: all 0.7s ease;
  428. }
  429.  
  430.  
  431. #links a {
  432. color: #aaa!important;
  433. background: #aaa;
  434. border-radius: 100%;
  435. padding: 6px;
  436. margin: 10px;
  437. -webkit-transition: all 0.7s ease;
  438. }
Advertisement
Add Comment
Please, Sign In to add comment