mik98

dreamer - jason - css

Mar 17th, 2020
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.22 KB | None | 0 0
  1. body {
  2. background-color: #000;
  3. background-image: url();
  4. background-size: cover;
  5. }
  6.  
  7. body, html {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  8.  
  9. a, a:hover {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  10.  
  11. #xg_body {
  12. left: auto;
  13. position: fixed!important;
  14. margin-top: -130px;
  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: 200px;
  43. left: 365px;
  44. width: 450px;
  45. height: 398px;
  46. background: #f3f3f3;
  47. padding-top: 10px;
  48. padding: 60px;
  49. border-radius: 0px 0px 6px 0px;
  50. box-sizing: border-box;
  51. border: 1px solid #444;
  52. }
  53.  
  54. div#xg_layout_column_1 {
  55. position: relative;
  56. z-index: 1;
  57. top: 100px;
  58. left: 100px;
  59. width: 800px;
  60. height: auto;
  61. overflow: hidden;
  62. background: #;
  63. }
  64.  
  65. div#xg_layout_column_1:before {
  66. content:"";
  67. z-index: 100!important;
  68. position: absolute;
  69. width: 200px;
  70. height: 350px;
  71. top: 125px;
  72. left: 40px;
  73. background: url(https://data.whicdn.com/images/340064661/original.jpg) -60px 0px repeat; /* CHANGE IMAGE HERE */
  74. background-size: cover;
  75. -webkit-filter: grayscale(10);
  76. }
  77.  
  78. div#xg_layout_column_1:after {
  79. content:"";
  80. position: absolute;
  81. z-index: 100!important;
  82. top: 200px;
  83. left: 310px;
  84. width: 70px;
  85. height: 70px;
  86. border-radius: 3px;
  87. background: url(https://data.whicdn.com/images/337564925/original.jpg) -25px 0px no-repeat; /* CHANGE IMAGE HERE */
  88. background-size: cover;
  89. filter: grayscale(10)contrast(100%);
  90. }
  91.  
  92. div.module_user_summary:before {
  93. z-index: 100!important;
  94. visibility: visible!important;
  95. content:"";
  96. position: absolute;
  97. top: 200px;
  98. left: 394px;
  99. width: 70px;
  100. height: 70px;
  101. border-radius: 3px;
  102. background: url(https://data.whicdn.com/images/337565003/original.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  103. background-size: cover;
  104. filter: grayscale(10)contrast(90%);
  105. }
  106.  
  107. div.module_user_summary:after {
  108. z-index: 100!important;
  109. visibility: visible;
  110. content:"";
  111. position: absolute;
  112. top: 200px;
  113. left: 478px;
  114. width: 70px;
  115. height: 70px;
  116. border-radius: 3px;
  117. background: url(https://data.whicdn.com/images/337188721/original.jpg) -10px 0px no-repeat; /* CHANGE IMAGE HERE */
  118. background-size: cover;
  119. filter: grayscale(10)contrast(100%);
  120. }
  121.  
  122. div.xg_span-16:before {
  123. visibility: visible!important;
  124. z-index: -100;
  125. content:""; /* CHANGE TEXT HERE */
  126. position: absolute;
  127. top: 200px;
  128. left: 116px;
  129. width: 248px;
  130. height: 396px;
  131. background: #f3f3f3;
  132. border-radius: 0px 0px 0px 6px;
  133. border: solid #444 1px;
  134. }
  135.  
  136. div.module_user_thumbnail:before {
  137. opacity: 1;
  138. visibility: visible;
  139. content:"anonymous"; /* CHANGE TEXT HERE */
  140. position: absolute;
  141. z-index: 1;
  142. top: 170px;
  143. left: 380px;
  144. width: 300px;
  145. height: 25px;
  146. letter-spacing: 4px;
  147. font: 9px 'Raleway';
  148. font-weight: 900;
  149. color: #fff;
  150. font-style: italic;
  151. text-transform: uppercase;
  152. }
  153.  
  154. div.module_user_thumbnail:after {
  155. opacity: 1;
  156. visibility: visible;
  157. content:""; /* CHANGE TEXT HERE */
  158. position: absolute;
  159. top: 350px;
  160. left: 420px;
  161. width: 120px;
  162. height: 135px;
  163. border-radius: 6px;
  164. background: url(https://66.media.tumblr.com/e28537655e0dccbac75717454ee1a8ce/39b93c77b245f432-43/s500x750/511acc083b28156bde578be0f4776fcdaef861c8.png) 0px 0px repeat; /* CHANGE IMAGE HERE */
  165. background-size: cover;
  166. -webkit-filter: grayscale(10);
  167. }
  168.  
  169. .dy-avatar.dy-avatar-full-width:after {
  170. opacity: 1;
  171. z-index: 100!important;
  172. visibility: visible;
  173. content:"dec31 reblog"; /* CHANGE TEXT HERE */
  174. position: absolute;
  175. top: 282px;
  176. left: 285px;
  177. width: 290px;
  178. height: 32px;
  179. font: 9px 'multicolore';
  180. font-weight: 100;
  181. letter-spacing: 1.5px;
  182. word-spacing: 163px;
  183. color: #154360;
  184. text-align: left;
  185. padding: 12px 10px 10px 20px;
  186. border-top: 1px #444 solid;
  187. border-bottom: 1px #444 solid;
  188. box-sizing: border-box;
  189. }
  190.  
  191. @font-face {font-family:"Multicolore"; src: url('https://static.tumblr.com/gdh5wux/njzmq56tr/multicolore.otf'); }
  192.  
  193.  
  194.  
  195. .dy-avatar.dy-avatar-full-width:before {
  196. visibility: visible;
  197. z-index: 100;
  198. content:"you and mikayla are made for each other"; /* CHANGE TEXT HERE */
  199. position: absolute;
  200. top: 126px;
  201. left: 286px;
  202. width: 288px;
  203. height: 60px;
  204. font: 9px 'raleway';
  205. letter-spacing: 1px;
  206. text-align: center;
  207. border-radius: 6px 6px 0px 0px;
  208. box-sizing: border-box;
  209. line-height: 25px;
  210. padding: 10px 10px 10px 10px;
  211. background: #eaeaea;
  212. border-bottom: 23px solid #154360;
  213. color: #575757;
  214. }
  215.  
  216. div#xg_layout_column_2 {
  217. position: absolute;
  218. z-index: 100!important;
  219. width: 820px;
  220. height: 40px;
  221. top: 70px;
  222. font-size: 11px;
  223. left: 9%;
  224. background: #trans;
  225. font-family:'raleway';
  226. color: #fff;
  227. -moz-transition: all 0.5s ease-out;
  228. -o-transition: all 0.5s ease-out;
  229. }
  230.  
  231. div.module_user_summary {
  232. visibility: hidden;
  233. }
  234.  
  235. .dy-avatar.dy-avatar-full-width {
  236. z-index: -1!important;
  237. width: 900px;
  238. margin-left: 0px;
  239. margin-top: 0px;
  240. height: 30px;
  241. background: #trans;
  242. }
  243.  
  244. img#xj_photo_img_tag {
  245. visibility: visible;
  246. z-index: 1!important;
  247. width: 0px!important;
  248. height: 0px!important;
  249. margin-left: 0px;
  250. margin-top: 0px;
  251. }
  252.  
  253. div.xg_span-16 {
  254. visibility: visible;
  255. z-index: -1!important;
  256. }
  257.  
  258. div.xg_3col {
  259. visibility: visible;
  260. }
  261.  
  262. /* POP UP + BUTTON COLOURS */
  263.  
  264. .xg_floating_container.xg_lightborder {
  265. background-color: #444;
  266. }
  267.  
  268. input.button.action-primary {
  269. background-color: #444;
  270. }
  271.  
  272. p.buttongroup {
  273. background-color: #444;
  274. padding: 5px;
  275. }
  276.  
  277. a.xj_cancel.action-secondary {
  278. color: rgb (255, 255, 255);
  279. }
  280.  
  281. /* REMOVED CODES */
  282.  
  283. .online {
  284. display: none;
  285.  
  286. }
  287.  
  288. .xg_module_body.profile.vcard {
  289. display: none;
  290. }
  291.  
  292. .account-links {
  293. display: none;
  294.  
  295. }
  296.  
  297. #xg_foot {
  298. display: none;
  299. }
  300.  
  301. p.left {
  302. display: none;
  303. }
  304.  
  305. p.right.xg_lightfont {
  306. display: none;
  307. }
  308.  
  309. #xg_sitedesc {
  310. display: none;
  311. }
  312.  
  313. #xg_sitename {
  314. display: none;
  315. }
  316.  
  317. img.poweredbyLogo {
  318. display: none;
  319. }
  320.  
  321. .xg_module_head {
  322. display: auto;
  323. border-bottom: 0px solid #fff!important;
  324. }
  325.  
  326. #xg_profile_activity{
  327. display:none;
  328. }
  329.  
  330. .xg_sprite {
  331. background: transparent;
  332. }
  333.  
  334. a.send-message-link {
  335. display: none;
  336. }
  337.  
  338. dd.profile-like-button {
  339. display: none;
  340. }
  341.  
  342. dd.profile-social-buttons {
  343. display: none;
  344. }
  345.  
  346. .module_blog {
  347. display: none!important;
  348. }
  349.  
  350. a.xj_block_messages {
  351. display: none;
  352. }
  353.  
  354. 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 {
  355. display: none;
  356. }
  357.  
  358. ul.nobullets.last-child {
  359. display: none;
  360. }
  361.  
  362. span.fn {
  363. display: none;
  364. }
  365.  
  366. span.fn:before {
  367. content:"";
  368. }
  369.  
  370. a.xj_appearance_editor_profile {
  371. display: none;
  372. }
  373.  
  374. .xg_module.topmsg.birthday_msg {
  375. display: none!important;
  376. }
  377.  
  378. /* TEXT + LINK CODES*/
  379.  
  380. a#add-as-friend-link {
  381. position: fixed;
  382. font-size: 20px;
  383. font-weight: 100;
  384. font-family: 'handsnow';
  385. margin-top: 89px;
  386. margin-left: -120px;
  387. letter-spacing: 2px;
  388. text-transform: lowercase;
  389. text-align: right;
  390. color: rgb(255, 255, 255)!important;
  391. -webkit-transition: ease-in-out 0.6s;
  392. -webkit-transition-duration: 700ms;
  393. text-shadow: 0px 2px 2px #111111;
  394. transform: rotate(-90deg);
  395. }
  396.  
  397. #xg_body a {
  398. color: auto!important;
  399. background-color: transparent;
  400. font-style: normal;
  401. -webkit-transition: 1s;
  402.  
  403. }
  404.  
  405. p {
  406. color: auto!important;
  407. font-size: 11px;
  408. font-family: 'multicolore';
  409. }
  410.  
  411.  
  412. ::selection {
  413. background: #444;
  414. color: #ffffff;
  415. }
  416.  
  417. ::-webkit-scrollbar {
  418. width: 4px;
  419. height: 0px;
  420. background: transparent;
  421. }
  422.  
  423. ::-webkit-scrollbar-thumb {
  424. background: #444;
  425. border-radius: 4px;
  426. }
  427.  
  428. ::-webkit-scrollbar-corner {
  429. background: transparent;
  430. }
  431.  
  432. @font-face { font-family: sr; src: url('https://dl.dropboxusercontent.com/s/ctk5xx66kg93rog/Stay%20Rad%20-%20Demo.ttf') ;}
  433.  
  434. #links {
  435. z-index: 900!important;
  436. position: fixed;
  437. font: 20px 'Komika Axis';
  438. text-transform: lowercase;
  439. margin-top: 180px;
  440. margin-left: 490px;
  441. text-align: center;
  442. width: 344px;
  443. height: 30px!important;
  444. line-height: 25px;
  445. }
  446.  
  447. #links a {
  448. color: #154360!important;
  449. -webkit-transition: all 0.7s ease;
  450. text-shadow: 4px 5px 10px #fff;
  451. }
  452.  
  453. @font-face {
  454. font-family: 'Raleway';
  455. font-style: normal;
  456. font-weight: 400;
  457. src: local('Raleway'), local('Raleway-Regular'),
  458. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  459. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  460. }
  461.  
  462. @font-face {
  463. font-family: 'Raleway';
  464. font-style: normal;
  465. font-weight: 700;
  466. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  467. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  468. }
  469.  
  470. div.xg_span-16:after { position: absolute; content:""; width: 290px; height: 210px; top: 225px; left: 385px; font: 8px raleway; color: #575757; background-color: #f3f3f3; padding: 10px 10px 10px 10px; box-sizing: border-box; text-align: justify; border: solid #444 1px; border-radius: 6px;}
  471.  
  472. div.xg_3col:before {
  473. visibility: visible!important;
  474. z-index: -100!important;
  475. content:"jason velasquez. 22. scorpio. married to mik. father to be"; /* CHANGE TEXT HERE */
  476. position: absolute;
  477. top: 150px;
  478. left: 116px;
  479. width: 700px;
  480. height: 50px;
  481. text-transform: uppercase;
  482. border-radius: 6px 6px 0px 0px;
  483. padding: 15px 0px 10px 450px;
  484. box-sizing: border-box;
  485. background: #444;
  486. font-family: 'raleway';
  487. color: #fff;
  488. letter-spacing: 2px;
  489. font-size:10px;
  490. }
  491.  
  492. @font-face { font-family: 'vincentia'; src: url('https://dl.dropboxusercontent.com/s/2b43ud4mmo0yb0d/Vincentia.otf') ;}
  493.  
  494.  
  495. .bio {
  496. width: 380px;
  497. height: 250px;
  498. margin-left: 30px;
  499. margin-top: 50px;
  500. font-family: 'Komika Axis';
  501. text-shadow: 4px -5px 10px #fff;
  502. color: #154360;
  503. z-index: 999999999;
  504. -webkit-transform: rotate(0deg);
  505. font-size: 20px;
  506. text-align: center;
  507. line-height:25px;
  508. }
  509.  
  510. @font-face{font-family:Komika Axis;src:url(https://static.tumblr.com/9wzbixa/USGm0c3z9/komikax.ttf);}
  511.  
  512.  
  513. #link {
  514. display: inline-block;
  515. position: fixed;
  516. width: 195px;
  517. -webkit-transition-duration: 0.8s;
  518. -moz-transition-duration: 0.8s;
  519. opacity: 1;
  520. margin-top: 58px;
  521. margin-left: 285px;
  522. }
  523.  
  524. #link a.links {
  525. display: inline-block;
  526. width: 105px;
  527. border-radius: 3px;
  528. text-align: center;
  529. text-transform: uppercase;
  530. line-height: 10px;
  531. letter-spacing: 1.5px;
  532. color: #fff;
  533. font-size: 8px;
  534. font-family: 'raleway';
  535. padding: 5px 4px 5px 4px;
  536. -webkit-transition: all 0.5s ease-in-out;
  537. -moz-transition: all 0.5s ease-in-out;
  538. -o-transition: all 0.5s ease-in-out;
  539. -ms-transition: all 0.5s ease-in-out;
  540. transition: all 0.5s ease-in-out;
  541. cursor: pointer;
  542. margin: 0px 1px 3px 2px;
  543. background: #154360;
  544. }
  545.  
  546. #link a:hover {
  547. background: #444;
  548. color: #fff;
  549. -webkit-transition: all 0.5s ease-in-out;
  550. -moz-transition: all 0.5s ease-in-out;
  551. -o-transition: all 0.5s ease-in-out;
  552. -ms-transition: all 0.5s ease-in-out;
  553. transition: all 0.5s ease-in-out;
  554. }
  555.  
  556. div#xg_layout_column_2:after {
  557. visibility: visible!important;
  558. z-index: 100;
  559. content:""; /* CHANGE TEXT HERE */
  560. position: absolute;
  561. top: 118px;
  562. left: 560px;
  563. width: 225px;
  564. height: 410px;
  565. border-radius:6px;
  566. background: url(https://66.media.tumblr.com/653b4bac8d52e453fdfc84571d055cfa/4f28527adbeee124-e3/s500x750/dab121903f2bc9b8d3309a904ada6afab344a7bb.png) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  567. background-size: cover;
  568. filter: grayscale(1)contrast(100%)brightness(80%);
  569. }
Add Comment
Please, Sign In to add comment