mik98

new - nate - css

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