Advertisement
mik98

inner demon - css

May 2nd, 2021
73
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: -40px;
  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: 105px;
  42. left: 195px;
  43. font: 13px 'Roboto';
  44. color: #000;
  45. text-transform: lowercase;
  46. text-align: justify;
  47. width: 680px;
  48. height: 365px;
  49. background: url(https://i.pinimg.com/originals/70/f8/86/70f8860a4890b1803c9f992a084aa39c.jpg) 0px -390px;
  50. background-size: cover;
  51. filter: contrast(105%) grayscale(0) brightness(50%);
  52. padding: 60px;
  53. border-radius: 10px;
  54. box-sizing: border-box;
  55. border-bottom: 100px solid rgba(61, 61, 61, 0.9);
  56. overflow: hidden;
  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. top: 70px;
  74. z-index: 100;
  75. left: 650px;
  76. width: 105px;
  77. height: 265px;
  78. background: url(https://64.media.tumblr.com/42bb8a3a95b3762f98bccfa050922f74/a49a5fc387042cf9-48/s250x400/b2bdbfa5aff75488b0f1964ee7959bca3dbe1940.gifv) 0px 0px repeat; /* CHANGE IMAGE HERE */
  79. background-size: cover;
  80. filter: grayscale(1) brightness(80%) contrast(110%);
  81. }
  82.  
  83. div#xg_layout_column_1:after {
  84. content:"";
  85. position: absolute;
  86. background: rgb(255, 255, 255);
  87. top: 17px;
  88. left: 420px;
  89. width: 345px;
  90. height: 335px;
  91. background: #111;
  92. background-size: cover;
  93. filter: grayscale(1);
  94. }
  95.  
  96. div.module_user_summary:before {
  97. z-index: -100!important;
  98. visibility: visible!important;
  99. content:"";
  100. position: absolute;
  101. top: 70px;
  102. left: 430px;
  103. width: 105px;
  104. height: 285px;
  105. background: url(https://64.media.tumblr.com/7d3f4a2ac7e1ae2d1d2c9a08eea438b6/a49a5fc387042cf9-b7/s250x400/18b7719d7a672a610081d4ec3657065d25985aab.gifv) 0px -20px no-repeat; /* CHANGE IMAGE HERE */
  106. background-size: cover;
  107. filter: grayscale(1) brightness(80%) contrast(110%);
  108. }
  109.  
  110. div.module_user_summary:after {
  111. z-index: -100!important;
  112. visibility: visible;
  113. content:"";
  114. position: absolute;
  115. top: 70px;
  116. left: 540px;
  117. width: 105px;
  118. height: 265px;
  119. background: url(https://64.media.tumblr.com/8e49c5ce7e61f15967830ad10a364165/a49a5fc387042cf9-ca/s250x400/b75fc2acf0efffbebb3907a623db65f1786bb5c6.gifv) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  120. background-size: cover;
  121. filter: grayscale(1) brightness(80%) contrast(110%);
  122. }
  123.  
  124. div.xg_span-16:before {
  125. visibility: visible!important;
  126. z-index: 100;
  127. content:""; /* CHANGE TEXT HERE */
  128. position: absolute;
  129. top: 115px;
  130. left: 220px;
  131. width: 120px;
  132. height: 200px;
  133. font: 30px 'Montserrat';
  134. font-weight: bold;
  135. opacity: 70%;
  136. border-radius: 60px 60px 0px 0px;
  137. padding: 10px;
  138. text-transform: uppercase;
  139. background: url(https://64.media.tumblr.com/9764989fe32963f37aa3d99f00adc8a7/ec359fcf5b63bfe8-33/s1280x1920/d87759400ea1b849d9531b7747f59fe88d0ba221.jpg) 0px 0px;
  140. background-size: cover;
  141. filter: grayscale(1);
  142. color: #fff;
  143. }
  144.  
  145. .xg_3col:after {
  146. z-index: 100;
  147. content:""; /* CHANGE TEXT HERE */
  148. position: absolute;
  149. top: 123px;
  150. left: 540px;
  151. width: 300px;
  152. height: 40px;
  153. border-radius:6px;
  154. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8823872884?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  155. background-size: cover;
  156. filter: grayscale(1)contrast(112%)brightness(80%);
  157. }
  158.  
  159. .xg_3col:before {
  160. z-index: 100;
  161. content:"Sat in your car in my driveway, Where did we lose the time? We were just living for Fridays, When I could call you mine, When I could only see blue, You taught me to swim And when you didn't have to, You took me in"; /* CHANGE TEXT HERE */
  162. position: absolute;
  163. top: 387px;
  164. left: 217px;
  165. width: 280px;
  166. height: 80px;
  167. font-size: 9px;
  168. letter-spacing: 1px;
  169. font-family: georgia;
  170. text-align: justify;
  171. color: #fff;
  172. border-radius:6px;
  173. background: trans;
  174. text-transform: uppercase;
  175. background-size: cover;
  176. filter: grayscale(1)contrast(80%)brightness(80%);
  177. }
  178.  
  179. .xg_span-16:after{
  180. z-index: 100;
  181. content:""; /* CHANGE TEXT HERE */
  182. position: absolute;
  183. top: 500px;
  184. left: 440px;
  185. width: 230px;
  186. height: 80px;
  187. background: trans;
  188. border-top: 2px solid #000;
  189. background-size: cover;
  190. filter: grayscale(1)contrast(80%)brightness(80%);
  191. }
  192.  
  193. div.module_user_thumbnail:before {
  194. opacity: 10;
  195. visibility: visible;
  196. content:"Sinner."; /* CHANGE TEXT HERE */
  197. position: absolute;
  198. z-index: 1;
  199. top: 10px;
  200. left: 45px;
  201. width: 475px;
  202. height: 425px;
  203. font: 32px 'dalmatins';
  204. font-weight: 900;
  205. color: #fff;
  206. overflow: hidden;
  207. letter-spacing: 7px;
  208. text-transform: normal;
  209. text-align: center;
  210. padding: 10px;
  211. box-sizing: border-box;
  212. background: trans;
  213.  
  214. }
  215.  
  216. @font-face { font-family: "seoul"; src: url('https://dl.dropboxusercontent.com/s/k4kgnq8rz7s81y0/Seoul%20Script.ttf') ; }
  217.  
  218. @font-face { font-family: "dalmatins"; src: url('https://dl.dropboxusercontent.com/s/vt2bux883emjhf3/Dalmatins.otf') ;}
  219.  
  220.  
  221.  
  222. div.module_user_thumbnail:after {
  223. opacity: 10;
  224. visibility: visible;
  225. content:"inner"; /* CHANGE TEXT HERE */
  226. position: absolute;
  227. top: 155px;
  228. left: 275px;
  229. width: 105px;
  230. height: 20px;
  231. font: 28px 'erotique';
  232. font-weight: 900;
  233. color: #ddd;
  234. overflow: hidden;
  235. text-transform: uppercase;
  236. text-align: center;
  237. padding-top: 5px!important;
  238. padding: 10px;
  239. background: trans;
  240. letter-spacing: 3px;
  241. }
  242.  
  243. .dy-avatar.dy-avatar-full-width:after {
  244. opacity: 10;
  245. z-index: 100!important;
  246. visibility: visible;
  247. content:"Demon"; /* CHANGE TEXT HERE */
  248. position: absolute;
  249. top: 180px;
  250. left: 240px;
  251. width: 180px;
  252. height: 110px;
  253. font: 30px 'smf';
  254. font-weight: 900;
  255. color: 444;
  256. overflow: hidden;
  257. text-transform: uppercase;
  258. text-align: center;
  259. padding-top: 5px!important;
  260. padding: 10px;
  261. background: trans;
  262. }
  263.  
  264. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  265.  
  266.  
  267. .dy-avatar.dy-avatar-full-width:before {
  268. visibility: visible;
  269. z-index: 100;
  270. content:"so sick and tired"; /* CHANGE TEXT HERE */
  271. position: absolute;
  272. top: 365px;
  273. left: 95px;
  274. width: 680px;
  275. height: 65px;
  276. font: 25px 'erotique';
  277. text-align: left;
  278. overflow: hidden;
  279. box-sizing: border-box;
  280. line-height: 30px;
  281. border-radius: 0px 0px 10px 10px;
  282. padding-top: 20px;
  283. padding-left: 20px;
  284. font-weight: bold;
  285. text-transform: lowercase;
  286. background: #444;
  287. color: #000;
  288. }
  289.  
  290. @font-face {font-family: erotique; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/eyixskqtghi9112/ErotiqueTrial-Bold.ttf);}
  291.  
  292.  
  293. div#xg_layout_column_2 {
  294. position: absolute;
  295. z-index: 100!important;
  296. width: 820px;
  297. height: 40px;
  298. top: 70px;
  299. font-size: 11px;
  300. left: 9%;
  301. background: #trans;
  302. font-family:'Roboto';
  303. color: #fff;
  304. -moz-transition: all 0.5s ease-out;
  305. -o-transition: all 0.5s ease-out;
  306. }
  307.  
  308. div.module_user_summary {
  309. visibility: hidden;
  310. }
  311.  
  312. .dy-avatar.dy-avatar-full-width {
  313. z-index: -1!important;
  314. width: 900px;
  315. margin-left: 0px;
  316. margin-top: 0px;
  317. height: 30px;
  318. background: #trans;
  319. }
  320.  
  321. img#xj_photo_img_tag {
  322. visibility: hide;
  323. z-index: 1!important;
  324. width: 120px!important;
  325. height: 120px!important;
  326. margin-left: 550px;
  327. margin-top: 105px;
  328. border: 5px solid #fff;
  329. border-radius: 100px;
  330. transition:all 0.3s ease-in-out;
  331. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  332. }
  333.  
  334. div.xg_span-16 {
  335. visibility: visible;
  336. z-index: -1!important;
  337. }
  338.  
  339. div.xg_3col {
  340. visibility: visible;
  341. }
  342.  
  343. /* POP UP + BUTTON COLOURS */
  344.  
  345. .xg_floating_container.xg_lightborder {
  346. background-color: rgb(132, 132, 132);
  347. }
  348.  
  349. input.button.action-primary {
  350. background-color: rgb(85, 85, 85);
  351. }
  352.  
  353. p.buttongroup {
  354. background-color: rgb(170, 170, 170);
  355. padding: 5px;
  356. }
  357.  
  358. a.xj_cancel.action-secondary {
  359. color: rgb (255, 255, 255);
  360. }
  361.  
  362. /* REMOVED CODES */
  363.  
  364. .online {
  365. display: none;
  366.  
  367. }
  368.  
  369. .xg_module_body.profile.vcard {
  370. display: none;
  371. }
  372.  
  373. .account-links {
  374. display: none;
  375.  
  376. }
  377.  
  378. #xg_foot {
  379. display: none;
  380. }
  381.  
  382. p.left {
  383. display: none;
  384. }
  385.  
  386. p.right.xg_lightfont {
  387. display: none;
  388. }
  389.  
  390. #xg_sitedesc {
  391. display: none;
  392. }
  393.  
  394. #xg_sitename {
  395. display: none;
  396. }
  397.  
  398. img.poweredbyLogo {
  399. display: none;
  400. }
  401.  
  402. .xg_module_head {
  403. display: auto;
  404. border-bottom: 0px solid #fff!important;
  405. }
  406.  
  407. #xg_profile_activity{
  408. display:none;
  409. }
  410.  
  411. .xg_sprite {
  412. background: transparent;
  413. }
  414.  
  415. a.send-message-link {
  416. display: none;
  417. }
  418.  
  419. dd.profile-like-button {
  420. display: none;
  421. }
  422.  
  423. dd.profile-social-buttons {
  424. display: none;
  425. }
  426.  
  427. .module_blog {
  428. display: none!important;
  429. }
  430.  
  431. a.xj_block_messages {
  432. display: none;
  433. }
  434.  
  435. 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 {
  436. display: none;
  437. }
  438.  
  439. ul.nobullets.last-child {
  440. display: none;
  441. }
  442.  
  443. span.fn {
  444. display: none;
  445. }
  446.  
  447. span.fn:before {
  448. content:"";
  449. }
  450.  
  451. a.xj_appearance_editor_profile {
  452. display: none;
  453. }
  454.  
  455. .xg_module.topmsg.birthday_msg {
  456. display: none!important;
  457. }
  458.  
  459. /* TEXT + LINK CODES*/
  460.  
  461. a#add-as-friend-link {
  462. position: fixed;
  463. font-size: 20px;
  464. font-weight: 900;
  465. font-family: 'Playfair Display';
  466. margin-top: 89px;
  467. margin-left: -120px;
  468. letter-spacing: 2px;
  469. text-transform: uppercase;
  470. text-align: right;
  471. color: rgb(255, 255, 255)!important;
  472. -webkit-transition: ease-in-out 0.6s;
  473. -webkit-transition-duration: 700ms;
  474. text-shadow: 0px 2px 2px #111111;
  475. transform: rotate(-90deg);
  476. }
  477.  
  478. #xg_body a {
  479. color: auto!important;
  480. background-color: transparent;
  481. font-style: normal;
  482. -webkit-transition: 1s;
  483.  
  484. }
  485.  
  486. p {
  487. color: auto!important;
  488. font-size: 11px;
  489. font-family: 'Tahoma';
  490. }
  491.  
  492.  
  493. ::selection {
  494. background: #c6f3f5;
  495. color: #ffffff;
  496. }
  497.  
  498. ::-webkit-scrollbar {
  499. width: 4px;
  500. height: 0px;
  501. background: transparent;
  502. }
  503.  
  504. ::-webkit-scrollbar-thumb {
  505. background: #aaa;
  506. border-radius: 4px;
  507. }
  508.  
  509. ::-webkit-scrollbar-corner {
  510. background: transparent;
  511. }
  512.  
  513. #link {
  514. display: inline-block;
  515. position: fixed;
  516. width: 210px;
  517. height: 25px;
  518. -webkit-transition-duration: 0.8s;
  519. -moz-transition-duration: 0.8s;
  520. opacity: 0.7;
  521. margin-top: 385px;
  522. margin-left: 575px;
  523. padding: 0px 15px 10px 0px;
  524. line-height: 0px;
  525. -webkit-filter: grayscale(0) brightness(100%);
  526. border-radius:6px;
  527. font-color: #fff;
  528.  
  529.  
  530.  
  531. }
  532.  
  533. #link a.links {
  534. display: inline-block;
  535. width: 60px;
  536. height: 33px;
  537. text-align: center;
  538. text-transform: uppercase;
  539. line-height: 5px;
  540. font-color: #fff;
  541. font-size: 9px;
  542. font-family: 'beckman';
  543. -webkit-transition: all 0.5s ease-in-out;
  544. -moz-transition: all 0.5s ease-in-out;
  545. -o-transition: all 0.5s ease-in-out;
  546. -ms-transition: all 0.5s ease-in-out;
  547. transition: all 0.5s ease-in-out;
  548. margin: 0px;
  549. -webkit-filter: grayscale(10) contrast(125%) brightness(5%);
  550.  
  551. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement