mik98

uh oh - yellow - css

Mar 17th, 2020
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.70 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: -110px;
  15. margin-left: -110px;
  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:""; /* CHANGE TEXT HERE */
  42. position: absolute;
  43. top: 200px;
  44. left: 150px;
  45. width: 800px;
  46. height: 400px;
  47. background: #fbfbfb;
  48. padding: 10px 10px 10px 10px;
  49. box-sizing: border-box;
  50. border-top: #ededed solid 14px;
  51. border-radius: 0px 0px 5px 5px;
  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. position: absolute;
  68. width: 280px;
  69. height: 440px;
  70. top: 60px;
  71. left: 30px;
  72. background: url(https://66.media.tumblr.com/dbf6ffbcdbf3e0e2fd3edebcb9d4125d/4f28527adbeee124-73/s500x750/869fbc8d0044fb8fcbbda7c452c7e5cc66782699.png) -55px 0px repeat; /* CHANGE IMAGE HERE */
  73. background-size: cover;
  74. -webkit-filter: grayscale(0)contrast(80%)brightness(110%);
  75. border-radius: 5px;
  76. }
  77.  
  78. div#xg_layout_column_1:after {
  79. content:"";
  80. z-index: 1000;
  81. position: absolute;
  82. top: 165px;
  83. left: 491px;
  84. width: 90px;
  85. height: 90px;
  86. background: url(https://data.whicdn.com/images/336744799/original.jpg) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  87. background-size: 110%;
  88. border-radius: 5px;
  89. filter: grayscale(10)contrast(80%)brightness(80%);
  90. }
  91.  
  92. div.module_user_summary:before {
  93. z-index: 100!important;
  94. visibility: visible!important;
  95. content:"";
  96. position: absolute;
  97. top: 165px;
  98. left: 679px;
  99. width: 90px;
  100. height: 90px;
  101. background: url(https://66.media.tumblr.com/c3bdbd0e34042463ea176ee3d38b2837/0076a717c6c6b55d-46/s540x810/a2d2d398775363eeb3f7680f27c6219db68852e9.jpg) 0px -5px no-repeat; /* CHANGE IMAGE HERE */
  102. background-size: 110%;
  103. filter: grayscale(10)brightness(80%)contrast(80%);
  104. border-radius: 5px;
  105. }
  106.  
  107. div.module_user_summary:after {
  108. z-index: 100!important;
  109. visibility: visible;
  110. content:"but whenever a love song came on, i’d think about you. whenever i couldn’t sleep, i’d think about you. ";
  111. position: absolute;
  112. top: 340px;
  113. left: 470px;
  114. width: 320px;
  115. height: 140px;
  116. overflow: hidden;
  117. border-radius: 5px 5px 0px 0px;
  118. padding: 10px 24px 10px 24px;
  119. box-sizing: border-box;
  120. border: #ededed solid 1px;
  121. font-family: primetime;
  122. color: ;
  123. text-shadow: 3px 3px #F4D03F;
  124. -webkit-text-stroke: 1px #F4D03F;
  125. text-align: center;
  126. font-size: 22px;
  127. }
  128.  
  129. div.xg_span-16:before {
  130. opacity: 1;
  131. visibility: visible;
  132. content:"anonymous"; /* CHANGE TEXT HERE */
  133. position: absolute;
  134. z-index: 1000;
  135. top: 184px;
  136. left: 604px;
  137. width: 254px;
  138. height: 25px;
  139. font: 9px 'primetime';
  140. font-weight: 100;
  141. color: #fff;
  142. text-align: center;
  143. padding: 5px 10px 10px 10px;
  144. letter-spacing: 1.8px;
  145. box-sizing: border-box;
  146. background: #D4AC0D;
  147. border-radius: 3px;
  148. }
  149.  
  150. div.module_user_thumbnail:before {
  151. visibility: visible!important;
  152. z-index: 10;
  153. content:"what you and jason have are honestly goals."; /* CHANGE TEXT HERE */
  154. position: absolute;
  155. top: 70px;
  156. left: 490px;
  157. width: 280px;
  158. height: 70px;
  159. font: 8px 'tokyoreg';
  160. font-style: italic;
  161. text-align: center;
  162. box-sizing: border-box;
  163. padding: 45px 10px 10px 10px;
  164. border-radius: 3px;
  165. text-transform: uppercase;
  166. background: #F4D03F;
  167. color: #222;
  168. }
  169.  
  170. div.module_user_thumbnail:after {
  171. opacity: 1;
  172. visibility: visible;
  173. content:"one week ago"; /* CHANGE TEXT HERE */
  174. position: absolute;
  175. top: 289px;
  176. left: 500px;
  177. width: 80px;
  178. height: 10px;
  179. font: 8px 'tokyoreg';
  180. letter-spacing: 1.4px;
  181. font-style: italic;
  182. font-weight: 100;
  183. color: #675970;
  184. text-align: center;
  185. line-height: 16px;
  186. border-bottom: #F4D03F solid 4px;
  187. }
  188.  
  189. .dy-avatar.dy-avatar-full-width:after {
  190. opacity: 1;
  191. z-index: 100!important;
  192. visibility: visible;
  193. content:"with 107,143 notes"; /* CHANGE TEXT HERE */
  194. position: absolute;
  195. top: 280px;
  196. left: 585px;
  197. width: 150px;
  198. height: 10px;
  199. font: 8.5px 'calibri';
  200. font-weight: 700;
  201. color: #222;
  202. text-transform: uppercase;
  203. }
  204.  
  205. div#xg_layout_column_2 {
  206. position: absolute;
  207. z-index: 100!important;
  208. width: 820px;
  209. height: 40px;
  210. top: 70px;
  211. font-size: 11px;
  212. left: 12%;
  213. background: #trans;
  214. font-family:'Raleway';
  215. color: #fff;
  216. -moz-transition: all 0.5s ease-out;
  217. -o-transition: all 0.5s ease-out;
  218. }
  219.  
  220. div.module_user_summary {
  221. visibility: hidden;
  222. }
  223.  
  224. .dy-avatar.dy-avatar-full-width {
  225. z-index: -1!important;
  226. width: 900px;
  227. margin-left: 0px;
  228. margin-top: 15px;
  229. height: 30px;
  230. background: #trans;
  231. }
  232.  
  233. img#xj_photo_img_tag {
  234. visibility: visible;
  235. z-index: 1000!important;
  236. width: 90px!important;
  237. height: 90px!important;
  238. filter: grayscale(1)brightness(80%)contrast(80%);
  239. margin-left: 584.5px;
  240. margin-top: 150px;
  241. border-radius: 5px;
  242. transition:all 0.3s ease-in-out;
  243. }
  244.  
  245. div.xg_3col {
  246. visibility: visible;
  247. }
  248.  
  249. /* POP UP + BUTTON COLOURS */
  250.  
  251. .xg_floating_container.xg_lightborder {
  252. background-color: #F4D03F;
  253. }
  254.  
  255. input.button.action-primary {
  256. background-color: #F4D03F;
  257. }
  258.  
  259. p.buttongroup {
  260. background-color: #F4D03F;
  261. padding: 5px;
  262. }
  263.  
  264. a.xj_cancel.action-secondary {
  265. color: #fff;
  266. }
  267.  
  268. /* REMOVED CODES */
  269.  
  270. .online {
  271. display: none;
  272.  
  273. }
  274.  
  275. .xg_module_body.profile.vcard {
  276. display: none;
  277. }
  278.  
  279. .account-links {
  280. display: none;
  281.  
  282. }
  283.  
  284. #xg_foot {
  285. display: none;
  286. }
  287.  
  288. p.left {
  289. display: none;
  290. }
  291.  
  292. p.right.xg_lightfont {
  293. display: none;
  294. }
  295.  
  296. #xg_sitedesc {
  297. display: none;
  298. }
  299.  
  300. #xg_sitename {
  301. display: none;
  302. }
  303.  
  304. img.poweredbyLogo {
  305. display: none;
  306. }
  307.  
  308. .xg_module_head {
  309. display: auto;
  310. border-bottom: 0px solid #fff!important;
  311. }
  312.  
  313. #xg_profile_activity{
  314. display:none;
  315. }
  316.  
  317. .xg_sprite {
  318. background: transparent;
  319. }
  320.  
  321. a.send-message-link {
  322. display: none;
  323. }
  324.  
  325. dd.profile-like-button {
  326. display: none;
  327. }
  328.  
  329. dd.profile-social-buttons {
  330. display: none;
  331. }
  332.  
  333. .module_blog {
  334. display: none!important;
  335. }
  336.  
  337. a.xj_block_messages {
  338. display: none;
  339. }
  340.  
  341. 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 {
  342. display: none;
  343. }
  344.  
  345. ul.nobullets.last-child {
  346. display: none;
  347. }
  348.  
  349. span.fn {
  350. display: none;
  351. }
  352.  
  353. span.fn:before {
  354. content:"";
  355. }
  356.  
  357. a.xj_appearance_editor_profile {
  358. display: none;
  359. }
  360.  
  361. .xg_module.topmsg.birthday_msg {
  362. display: none!important;
  363. }
  364.  
  365. /* TEXT + LINK CODES*/
  366.  
  367. a#add-as-friend-link {
  368. position: fixed;
  369. font-size: 20px;
  370. font-weight: 100;
  371. font-family: 'Primetime';
  372. margin-top: 89px;
  373. margin-left: -120px;
  374. letter-spacing: 2px;
  375. text-transform: uppercase;
  376. text-align: right;
  377. color: rgb(255, 255, 255)!important;
  378. -webkit-transition: ease-in-out 0.6s;
  379. -webkit-transition-duration: 700ms;
  380. text-shadow: 0px 2px 2px #111111;
  381. transform: rotate(-90deg);
  382. }
  383.  
  384. #xg_body a {
  385. color: auto!important;
  386. background-color: transparent;
  387. font-style: normal;
  388. -webkit-transition: 1s;
  389.  
  390. }
  391.  
  392. p {
  393. color: auto!important;
  394. font-size: 11px;
  395. font-family: 'Tokyoreg';
  396. }
  397.  
  398. a {
  399. color: #fff!important;
  400. }
  401.  
  402.  
  403. ::selection {
  404. background: #F4D03F;
  405. color: #fff;
  406. }
  407.  
  408.  
  409. /* EXTRA CODES */
  410.  
  411. ::-webkit-scrollbar {
  412. width: 4px;
  413. height: 0px;
  414. background: transparent;
  415. }
  416.  
  417. ::-webkit-scrollbar-thumb {
  418. background: #F4D03F;
  419. border-radius: 4px;
  420. }
  421.  
  422. ::-webkit-scrollbar-corner {
  423. background: transparent;
  424. }
  425.  
  426. #links {
  427. z-index: 1!important;
  428. position: fixed;
  429. font: 9px 'tokyoreg';
  430. font-style: italic;
  431. margin-top: -170px;
  432. margin-left: 230px;
  433. text-align: left;
  434. width: 370px;
  435. height: 0px!important;
  436. line-height: 40px;
  437. -webkit-transform: rotate(90deg);
  438. transform: rotate(90deg);
  439. }
  440.  
  441. #links a {
  442. color: #222!important;
  443. background: #F4D03F;
  444. font-styles: italic;
  445. letter-spacing: 2px;
  446. margin: 15px;
  447. -webkit-transition: all 0.7s ease;
  448. }
  449.  
  450.  
  451. .bio {
  452. background-color: #;
  453. width: 180px;
  454. height: 350px;
  455. margin-left: 190px;
  456. margin-top: 140px;
  457. font-family: raleway;
  458. color: #aaa;
  459. overflow: scroll;
  460. font-size: 7.5px;
  461. text-align: justify;
  462. line-height:20px;
  463. padding-right: 4px;
  464. }
  465.  
  466. @font-face {
  467. font-family: 'Raleway';
  468. font-style: normal;
  469. font-weight: 400;
  470. src: local('Raleway'), local('Raleway-Regular'),
  471. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  472. 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;
  473. }
  474.  
  475. @font-face {
  476. font-family: 'Raleway';
  477. font-style: normal;
  478. font-weight: 700;
  479. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  480. 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;
  481. }
  482.  
  483. .bio b, strong {color: #F4D03F; font-family: tokyoreg; font-size:9px;font-weight: normal;}
  484.  
  485. i, em {
  486. color: #000;
  487. font-family: "jenna sue";
  488. font-size: 17px;
  489. font-style: normal;
  490. line-height: 0px;
  491. letter-spacing: 1px;
  492. }
  493.  
  494. @font-face { font-family: "jenna sue"; src: url('https://dl.dropboxusercontent.com/s/bsju94guldr45k8/JennaSue.ttf?dl=0'); format("truetype");}
  495.  
  496. u {
  497. text-decoration: underline;
  498. }
  499.  
  500.  
  501. @font-face { font-family:"tokyoreg"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }
  502. @font-face { font-family: "primetime"; src: url('https://dl.dropboxusercontent.com/s/uzoszwd2yfzqmmx/PRIMETIME.ttf');}
  503. @font-face { font-family: "collection"; src: url('https://dl.dropboxusercontent.com/s/tqf0kl9l003lk76/CollectionFree.otf') ;}
  504. @font-face { font-family: "tbv"; src: url('https://dl.dropboxusercontent.com/s/y5etshmjzbq2r3p/Taken%20by%20Vultures%20Alternates%20Demo.otf') ;}
  505. @font-face { font-family: "tbv2"; src: url('https://dl.dropboxusercontent.com/s/sh5eu2dtonzzcug/Taken%20by%20Vultures%20Demo.otf') ;}
  506.  
  507.  
  508. div.xg_span-16:after { visibility: visible;
  509. z-index: -1000;
  510. content:"tell your lips"; /* CHANGE TEXT HERE */
  511. position: absolute;
  512. top: 120px;
  513. left: 150px;
  514. width: 800px;
  515. height: 100px;
  516. border-radius: 5px 5px 0px 0px;
  517. font: 30px 'primetime';
  518. text-align: left;
  519. box-sizing: border-box;
  520. line-height: 30px;
  521. padding: 20px 10px 10px 60px;
  522. text-shadow: 3px 3px white;
  523. -webkit-text-stroke: 1px #F4D03F;
  524. text-transform: uppercase;
  525. background: #F4D03F;
  526. color: #fff; }
  527.  
  528.  
  529. .dy-avatar.dy-avatar-full-width:before {z-index: -100; visibility: visible; position: absolute; content:""; width: 340px; height: 445px; border-radius: 5px; top: 17px; left: 460px; background-color: #fff; padding: 10px; text-align: justify;}
  530.  
  531.  
  532. div.xg_3col:before {
  533. visibility: visible!important;
  534. z-index: 200!important;
  535. content:""; /* CHANGE TEXT HERE */
  536. position: absolute;
  537. top: 152px;
  538. left: 520px;
  539. width: 320px;
  540. height: 270px;
  541. font: 30px 'Playfair Display';
  542. color: #9ba1bb;
  543. text-align: center;
  544. text-transform: uppercase;
  545. padding: 10px 10px 10px 10px;
  546. box-sizing: border-box;
  547. border: 1px solid trans;
  548. border-radius: 5px;
  549. }
  550.  
  551.  
  552. #desc {
  553. position:fixed;
  554. z-index:-1000;
  555. margin-top: 3px;
  556. margin-left: -3px;
  557. width:222px;
  558. height: 70px;
  559. padding:14px;
  560. color: #;
  561. font: 0px 'raleway';
  562. }
  563.  
  564.  
  565. .header1 {
  566. width: 340px;
  567. height: 30px;
  568. margin-top: -445px;
  569. margin-left: 70px;
  570. font: 15px 'tokyoreg';
  571. font-style: normal;
  572. color: #111;
  573. letter-spacing: 4px;
  574. }
  575.  
  576.  
  577. #music-rounded { position:fixed; left:1030px; top:130px; width:30px; height:30px; background-color: #F4D03F; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; opacity:1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } #music-rounded img { margin-top:9px; margin-left:4px; } #music-rounded:hover .music-player-embed { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin-top: -30px; opacity:1; background-color:#trans; color:#111; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; } .music-border { position:absolute; margin-top:-42px; margin-left:-20px; border:10px solid rgba(0, 0, 0, 0.0); width:60px; height:59px; background-color:none; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .music-border:hover { margin-top:-48px; margin-left:-40px; border:12px solid rgba(0, 0, 0, 0.0); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform: rotateY(360deg); } .music-player-embed { font-family:Consolas; font-size:8px; position:absolute; min-width:100px; background-color:#trans; padding:9px; margin-left:50px; margin-top:0px; overflow:hidden; opacity:0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; }
Advertisement
Add Comment
Please, Sign In to add comment