mik98

poison - css

Oct 4th, 2020 (edited)
48
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 KB | None | 0 0
  1. body {
  2. background-color: #eee;
  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: -100px;
  13. margin-left: -70px;
  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: 345px;
  43. font: 11px 'Roboto';
  44. color: #000;
  45. text-transform: lowercase;
  46. text-align: justify;
  47. width: 450px;
  48. height: 445px;
  49. background: url(https://bhf-cdn.azureedge.net/bhf-blob-prod/0003901_brielle-cream-blossom-texture_360.jpeg);
  50. padding-top: 220px!important;
  51. padding: 60px;
  52. box-sizing: border-box;
  53. overflow: hidden;
  54. filter: grayscale(60%);
  55. border-radius: 6px;
  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. z-index: 100;
  73. position: absolute;
  74. width: 70px;
  75. height: 70px;
  76. top: 385px;
  77. left: 600px;
  78. background: url(https://media3.giphy.com/media/VhhntNr1vS6QJJSEUn/giphy.gif) 0px 0px repeat; /* CHANGE IMAGE HERE */
  79. background-size: cover;
  80. -webkit-filter: grayscale(0.5) brightness(120%);
  81. border-radius: 100px;
  82. border: 5px solid #d1bea8;
  83.  
  84.  
  85.  
  86.  
  87. }
  88.  
  89. div#xg_layout_column_1:after {
  90. content:"";
  91. position: absolute;
  92. top: 35px;
  93. left: 255px;
  94. width: 235px;
  95. height: 340px;
  96. background: url(https://media1.giphy.com/media/RkVnjQCqP2gaRlIbS2/giphy.gif) -35px 0px no-repeat; /* CHANGE IMAGE HERE */
  97. background-size: cover;
  98. filter: grayscale(0.4);
  99. border-radius: 6px;
  100.  
  101. }
  102.  
  103. div.module_user_summary:before {
  104. z-index: -100!important;
  105. visibility: visible!important;
  106. content:"";
  107. position: absolute;
  108. top: 380px;
  109. left: 245px;
  110. width: 450px;
  111. height: 90px;
  112. background: #fff;
  113. background-size: cover;
  114. filter: grayscale(1);
  115. border-radius: 6px;
  116.  
  117. }
  118.  
  119. div.module_user_summary:after {
  120. visibility: visible!important;
  121. z-index: 1;
  122. content:"• ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ • ◦ •"; /* CHANGE TEXT HERE */
  123. position: absolute;
  124. top: 15px;
  125. left: 480px;
  126. width: 250px;
  127. height: 180px;
  128. font: 20px 'Montserrat';
  129. font-weight: bold;
  130. overflow: hidden;
  131. box-sizing: border-box;
  132. padding: 10px;
  133. text-transform: lowercase;
  134. text-align:center;
  135. background: #trans;
  136. color: #fff;
  137. letter-spacing: 23px;
  138. line-height: 40px;
  139. }
  140.  
  141.  
  142. div.xg_span-16:before {
  143. visibility: visible!important;
  144. z-index: 100;
  145. content:"pick your poison, they say"; /* CHANGE TEXT HERE */
  146. position: absolute;
  147. top: 490px;
  148. left: 350px;
  149. width: 460px;
  150. height: 160px;
  151. font: 43px 'scarlette';
  152. font-weight: bold;
  153. overflow: hidden;
  154. box-sizing: border-box;
  155. padding: 10px;
  156. text-transform: lowercase;
  157. background: #trans;
  158. color: #d1bea8;
  159. }
  160.  
  161.  
  162. @font-face { font-family: 'scarlette'; src: url('https://dl.dropboxusercontent.com/s/rzp0ijgvaswgztp/Scarlette.ttf'); ;}
  163.  
  164. div.module_user_thumbnail:before {
  165. opacity: 10;
  166. visibility: visible;
  167. content:"M I K A Y L A"; /* CHANGE TEXT HERE */
  168. position: absolute;
  169. z-index: 1;
  170. top: 25px;
  171. left: 250px;
  172. width: 55px;
  173. height: 385px;
  174. font: 32px 'poetsen';
  175. font-weight: 900;
  176. color: #fff;
  177. overflow: hidden;
  178. text-transform: uppercase;
  179. text-align: center;
  180. padding-top: 5px!important;
  181. padding: 10px;
  182. box-sizing: border-box;
  183. background: trans;
  184. line-height: 50px;
  185. opacity: 50%;
  186.  
  187. }
  188.  
  189. @font-face { font-family: 'poetsen'; src: url('https://dl.dropboxusercontent.com/s/ip3tg2rg9z60zh7/PoetsenOne-Regular.ttf') ;}
  190.  
  191. .dy-avatar.dy-avatar-full-width:before {
  192. visibility: visible;
  193. z-index: 100;
  194. content:"We drink the poison our minds pour for us and wonder why we feel so sick."; /* CHANGE TEXT HERE */
  195. position: absolute;
  196. top: 205px;
  197. left: 405px;
  198. width: 200px;
  199. height: 155px;
  200. font: 12px 'coco';
  201. font-weight: bold;
  202. text-align: center;
  203. overflow: hidden;
  204. box-sizing: border-box;
  205. line-height: 28px;
  206. padding: 10px;
  207. text-transform: uppercase;
  208. background: rgba(255,255,255,0.6);
  209. border-radius: 6px;
  210. color: #d1bea8;
  211. letter-spacing: 2px;
  212. }
  213.  
  214. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  215.  
  216. @font-face { font-family:"Asenine"; src: url('https://static.tumblr.com/gdh5wux/Oqwmpuuf3/asenine.ttf'); }
  217.  
  218.  
  219. div#xg_layout_column_2 {
  220. position: absolute;
  221. z-index: 100!important;
  222. width: 820px;
  223. height: 40px;
  224. top: 70px;
  225. font-size: 11px;
  226. left: 9%;
  227. background: #trans;
  228. font-family:'Roboto';
  229. color: #fff;
  230. -moz-transition: all 0.5s ease-out;
  231. -o-transition: all 0.5s ease-out;
  232. }
  233.  
  234. div.module_user_summary {
  235. visibility: hidden;
  236. }
  237.  
  238. .dy-avatar.dy-avatar-full-width {
  239. z-index: -1!important;
  240. width: 900px;
  241. margin-left: 0px;
  242. margin-top: 0px;
  243. height: 30px;
  244. background: #trans;
  245. }
  246.  
  247.  
  248.  
  249. div.xg_span-16 {
  250. visibility: visible;
  251. z-index: -1!important;
  252. }
  253.  
  254. div.xg_3col {
  255. visibility: visible;
  256. }
  257.  
  258. /* POP UP + BUTTON COLOURS */
  259.  
  260. .xg_floating_container.xg_lightborder {
  261. background-color: #d1bea8;
  262. }
  263.  
  264. input.button.action-primary {
  265. background-color: rgb(85, 85, 85);
  266. }
  267.  
  268. p.buttongroup {
  269. background-color: #d1bea8;
  270. padding: 5px;
  271. }
  272.  
  273. a.xj_cancel.action-secondary {
  274. color: rgb (255, 255, 255);
  275. }
  276.  
  277. /* REMOVED CODES */
  278.  
  279. .online {
  280. display: none;
  281.  
  282. }
  283.  
  284. .xg_module_body.profile.vcard {
  285. display: none;
  286. }
  287.  
  288. .account-links {
  289. display: none;
  290.  
  291. }
  292.  
  293. #xg_foot {
  294. display: none;
  295. }
  296.  
  297. p.left {
  298. display: none;
  299. }
  300.  
  301. p.right.xg_lightfont {
  302. display: none;
  303. }
  304.  
  305. #xg_sitedesc {
  306. display: none;
  307. }
  308.  
  309. #xg_sitename {
  310. display: none;
  311. }
  312.  
  313. img.poweredbyLogo {
  314. display: none;
  315. }
  316.  
  317. .xg_module_head {
  318. display: auto;
  319. border-bottom: 0px solid #trans!important;
  320. }
  321.  
  322. #xg_profile_activity{
  323. display:none;
  324. }
  325.  
  326. .xg_sprite {
  327. background: transparent;
  328. }
  329.  
  330. a.send-message-link {
  331. display: none;
  332. }
  333.  
  334. dd.profile-like-button {
  335. display: none;
  336. }
  337.  
  338. dd.profile-social-buttons {
  339. display: none;
  340. }
  341.  
  342. .module_blog {
  343. display: none!important;
  344. }
  345.  
  346. a.xj_block_messages {
  347. display: none;
  348. }
  349.  
  350. 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 {
  351. display: none;
  352. }
  353.  
  354. ul.nobullets.last-child {
  355. display: none;
  356. }
  357.  
  358. span.fn {
  359. display: none;
  360. }
  361.  
  362. span.fn:before {
  363. content:"";
  364. }
  365.  
  366. a.xj_appearance_editor_profile {
  367. display: none;
  368. }
  369.  
  370. .xg_module.topmsg.birthday_msg {
  371. display: none!important;
  372. }
  373.  
  374. /* TEXT + LINK CODES*/
  375.  
  376. a#add-as-friend-link {
  377. position: fixed;
  378. font-size: 20px;
  379. font-weight: 900;
  380. font-family: 'Playfair Display';
  381. margin-top: 100px;
  382. margin-left: 70px;
  383. letter-spacing: 2px;
  384. text-transform: uppercase;
  385. text-align: right;
  386. color: #d1bea8!important;
  387. -webkit-transition: ease-in-out 0.6s;
  388. -webkit-transition-duration: 700ms;
  389. text-shadow: 0px 2px 2px #111111;
  390. transform: rotate(-90deg);
  391. }
  392.  
  393. #xg_body a {
  394. color: auto!important;
  395. background-color: transparent;
  396. font-style: normal;
  397. -webkit-transition: 1s;
  398.  
  399. }
  400.  
  401. p {
  402. color: auto!important;
  403. font-size: 11px;
  404. font-family: 'Tahoma';
  405. }
  406.  
  407.  
  408. ::selection {
  409. background: #c6f3f5;
  410. color: #ffffff;
  411. }
  412.  
  413. ::-webkit-scrollbar {
  414. width: 4px;
  415. height: 0px;
  416. background: transparent;
  417. }
  418.  
  419. ::-webkit-scrollbar-thumb {
  420. background: #aaa;
  421. border-radius: 4px;
  422. }
  423.  
  424. ::-webkit-scrollbar-corner {
  425. background: transparent;
  426. }
  427.  
  428. #link {
  429. display: inline-block;
  430. position: fixed;
  431. width: 20px;
  432. height: 215px;
  433. -webkit-transition-duration: 0.8s;
  434. -moz-transition-duration: 0.8s;
  435. opacity: 0.7;
  436. margin-top: 200px;
  437. margin-left: 605px;
  438. padding: 0px 15px 10px 0px;
  439. line-height: 10px;
  440. -webkit-filter: grayscale(10) brightness(100%);
  441. border-radius:6px;
  442.  
  443. }
  444.  
  445. #link a.links {
  446. display: inline-block;
  447. width: 30px;
  448. height: 0px;
  449. text-align: center;
  450. text-transform: uppercase;
  451. line-height: 0px;
  452. font-size: 0px;
  453. font-family: 'beckman';
  454. -webkit-transition: all 0.5s ease-in-out;
  455. -moz-transition: all 0.5s ease-in-out;
  456. -o-transition: all 0.5s ease-in-out;
  457. -ms-transition: all 0.5s ease-in-out;
  458. transition: all 0.5s ease-in-out;
  459. margin: 15px;
  460. -webkit-filter: grayscale(0) contrast(0%) brightness(225%);
  461.  
  462. }
Add Comment
Please, Sign In to add comment