mik98

no more talking - css

Jan 19th, 2020
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.84 KB | None | 0 0
  1. body {
  2. background-color: rgb(0, 0, 0);
  3. background-image: url(https://suitcasemag.com/wp-content/uploads/2015/07/socotra-yemen-island-mountains.jpg);
  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: -120px;
  15. margin-left: 40px;
  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: 122px;
  44. left:40px;
  45. width: 720px;
  46. height: 505px;
  47. background: #090909;
  48. border-radius: 6px 6px 6px 6px;
  49. padding: 10px 10px 10px 10px;
  50. box-sizing: border-box;
  51. border: solid 1px #d6ba7b;
  52. -webkit-box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.75);
  53. -moz-box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.75);
  54. box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.75);
  55. }
  56.  
  57. div#xg_layout_column_1 {
  58. position: relative;
  59. z-index: 1;
  60. top: 100px;
  61. left: 100px;
  62. width: 800px;
  63. height: auto;
  64. overflow: hidden;
  65. background: #;
  66. }
  67.  
  68. div#xg_layout_column_1:before {
  69. content:"";
  70. position: absolute;
  71. width: 330px;
  72. height: 500px;
  73. top: 25px;
  74. left: 0px;
  75. background: url(https://storage.ning.com/topology/rest/1.0/file/get/3826486341?profile=RESIZE_710x) -80px 160px repeat; /* CHANGE IMAGE HERE */
  76. background-size: 110%;
  77. box-shadow: 0 0 500px rgba(0, 0, 0, 9.0) inset;
  78. -webkit-filter: grayscale(0)brightness(60%);
  79. -webkit-clip-path: polygon(60% 0, 46% 51%, 61% 100%, 0 100%, 0 0);
  80. clip-path: polygon(60% 0, 46% 51%, 61% 100%, 0 100%, 0 0);
  81. }
  82.  
  83. div#xg_layout_column_1:after {
  84. content:"";
  85. position: absolute;
  86. top: 100px;
  87. left: 445px;
  88. border-radius: 6px;
  89. width: 180px;
  90. height: 230px;
  91. background: url(https://storage.ning.com/topology/rest/1.0/file/get/3826522490?profile=RESIZE_710x) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  92. background-size: 120%;
  93. box-shadow: 0 0 40px rgba(0, 0, 0, 9.0) inset;
  94. -webkit-filter: grayscale(1)brightness(70%);
  95. }
  96.  
  97. div.module_user_summary:before {
  98. z-index: 100!important;
  99. visibility: visible!important;
  100. content:"a n g e l e n e r g y";
  101. position: absolute;
  102. top: 120px;
  103. left: 157px;
  104. width: 330px;
  105. height: 70px;
  106. font-family: coco;
  107. font-size: 9px;
  108. word-spacing: 605px;
  109. color: #53614f;
  110. text-align: center;
  111. line-height: 24px;
  112. }
  113.  
  114. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  115.  
  116. div.module_user_summary:after {
  117. z-index: 100!important;
  118. visibility: visible;
  119. content:"";
  120. position: absolute;
  121. top: 390px;
  122. left: 281px;
  123. width: 40px;
  124. height: 50px;
  125. background: #;
  126. border-right: solid 1px #191919;
  127. }
  128.  
  129. div.xg_span-16:before {
  130. visibility: visible!important;
  131. z-index: 100;
  132. content:"if i was a love poet i'd write about how i melt in front of you like an ice sculpture every time i hear the vibration i your voice whenever i see you. how my heart plays hopscotch in my chest, it climbs on to my ribs like monkey bars & i feel like a child again. i'm not a love poet, but if i was to wake up tomorrow morning & decide that i was going to write about love, my first poem would be about you."; /* CHANGE TEXT HERE */
  133. position: absolute;
  134. top: 230px;
  135. left: 200px;
  136. width: 150px;
  137. height: 300px;
  138. text-align: justify;
  139. font: 8px 'calibri';
  140. font-weight: bold;
  141. box-sizing: border-box;
  142. padding: 15px 20px 10px 20px;
  143. border-radius: 6px;
  144. text-transform: uppercase;
  145. background: rgb(0,0,0,0.6);
  146. color: rgb(254,254,254,0.4);
  147. line-height: 18px;
  148. }
  149.  
  150. div.module_user_thumbnail:before {
  151. opacity: 1;
  152. visibility: visible;
  153. content:"no more talkin"; /* CHANGE TEXT HERE */
  154. position: absolute;
  155. z-index: 1;
  156. top: 290px;
  157. left: 395px;
  158. width: 150px;
  159. height: 25px;
  160. font: 50px 'eloquentreg';
  161. font-weight: 900;
  162. color: #d6ba7b;
  163. text-transform: lowercase;
  164. line-height: 35px;
  165. letter-spacing: 1px;
  166. text-align: left;
  167. }
  168.  
  169. @font-face{ font-family:eloquentreg; src:url('https://dl.dropboxusercontent.com/s/53znphyyr7pdfyz/EloquentJFRegularPro.ttf');}
  170.  
  171. div.module_user_thumbnail:after {
  172. opacity: 1;
  173. visibility: visible;
  174. content:"you can use that mouth in other ways"; /* CHANGE TEXT HERE */
  175. position: absolute;
  176. top: 390px;
  177. left: 400px;
  178. width: 340px;
  179. height: 10px;
  180. font: 20px 'hightide';
  181. font-weight: 300;
  182. color: #ccc;
  183. }
  184.  
  185. @font-face { font-family: hightide; src: url('https://dl.dropboxusercontent.com/s/94upkctje3nnnmx/High%20Tide%20-%20Demo.ttf') ; }
  186.  
  187. .dy-avatar.dy-avatar-full-width:after {
  188. opacity: 1;
  189. z-index: 100!important;
  190. visibility: visible;
  191. content:""; /* CHANGE TEXT HERE */
  192. position: absolute;
  193. top: 56px;
  194. left: 322px;
  195. width: 40px;
  196. height: 60px;
  197. background: #;
  198. border-left: solid 1px #191919;
  199. }
  200.  
  201.  
  202.  
  203. .dy-avatar.dy-avatar-full-width:before {
  204. visibility: visible;
  205. z-index: 100;
  206. content:"mikayla. twenty-one. aussie babe. married to the loml. expecting."; /* CHANGE TEXT HERE */
  207. position: absolute;
  208. top: 458px;
  209. left: 230px;
  210. width: 400px;
  211. height: 45px;
  212. font: 8px 'arial narrow';
  213. letter-spacing: 2px;
  214. font-weight: bold;
  215. text-align: center;
  216. box-sizing: border-box;
  217. line-height: 30px;
  218. border-radius: 6px;
  219. padding: 10px 10px 10px 10px;
  220. text-transform: uppercase;
  221. background: #111;
  222. color: #ccc;
  223. }
  224.  
  225. div#xg_layout_column_2 {
  226. position: absolute;
  227. z-index: 100!important;
  228. width: 700px;
  229. height: 40px;
  230. top: 70px;
  231. font-size: 11px;
  232. left: 9%;
  233. background: #trans;
  234. font-family:'eloquentreg';
  235. color: #fff;
  236. -moz-transition: all 0.5s ease-out;
  237. -o-transition: all 0.5s ease-out;
  238. }
  239.  
  240. div.module_user_summary {
  241. visibility: hidden;
  242. }
  243.  
  244. .dy-avatar.dy-avatar-full-width {
  245. z-index: -1!important;
  246. width: 900px;
  247. margin-left: 0px;
  248. margin-top: 0px;
  249. height: 30px;
  250. background: #trans;
  251. }
  252.  
  253. img#xj_photo_img_tag {
  254. visibility: visible;
  255. z-index: 1!important;
  256. width: 60px!important;
  257. height: 60px!important;
  258. margin-left: 557px;
  259. margin-top: 315px;
  260. border: 10px solid #ccc;
  261. border-radius: 100px;
  262. transition:all 0.3s ease-in-out;
  263. box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
  264. }
  265.  
  266. div.xg_span-16 {
  267. visibility: visible;
  268. z-index: -1!important;
  269. }
  270.  
  271. div.xg_3col {
  272. visibility: visible;
  273. }
  274.  
  275. /* POP UP + BUTTON COLOURS */
  276.  
  277. .xg_floating_container.xg_lightborder {
  278. background-color: #b6ba7b;
  279. }
  280.  
  281. input.button.action-primary {
  282. background-color: #b6ba7b;
  283. }
  284.  
  285. p.buttongroup {
  286. background-color: #b6ba7b;
  287. padding: 5px;
  288. }
  289.  
  290. a.xj_cancel.action-secondary {
  291. color: #111;
  292. }
  293.  
  294. /* REMOVED CODES */
  295.  
  296. .online {
  297. display: none;
  298.  
  299. }
  300.  
  301. .xg_module_body.profile.vcard {
  302. display: none;
  303. }
  304.  
  305. .account-links {
  306. display: none;
  307.  
  308. }
  309.  
  310. #xg_foot {
  311. display: none;
  312. }
  313.  
  314. p.left {
  315. display: none;
  316. }
  317.  
  318. p.right.xg_lightfont {
  319. display: none;
  320. }
  321.  
  322. #xg_sitedesc {
  323. display: none;
  324. }
  325.  
  326. #xg_sitename {
  327. display: none;
  328. }
  329.  
  330. img.poweredbyLogo {
  331. display: none;
  332. }
  333.  
  334. .xg_module_head {
  335. display: auto;
  336. border-bottom: 0px solid #fff!important;
  337. }
  338.  
  339. #xg_profile_activity{
  340. display:none;
  341. }
  342.  
  343. .xg_sprite {
  344. background: transparent;
  345. }
  346.  
  347. a.send-message-link {
  348. display: none;
  349. }
  350.  
  351. dd.profile-like-button {
  352. display: none;
  353. }
  354.  
  355. dd.profile-social-buttons {
  356. display: none;
  357. }
  358.  
  359. .module_blog {
  360. display: none!important;
  361. }
  362.  
  363. a.xj_block_messages {
  364. display: none;
  365. }
  366.  
  367. 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 {
  368. display: none;
  369. }
  370.  
  371. ul.nobullets.last-child {
  372. display: none;
  373. }
  374.  
  375. span.fn {
  376. display: none;
  377. }
  378.  
  379. span.fn:before {
  380. content:"";
  381. }
  382.  
  383. a.xj_appearance_editor_profile {
  384. display: none;
  385. }
  386.  
  387. .xg_module.topmsg.birthday_msg {
  388. display: none!important;
  389. }
  390.  
  391. /* TEXT + LINK CODES*/
  392.  
  393. a#add-as-friend-link {
  394. position: fixed;
  395. font-size: 20px;
  396. font-weight: 100;
  397. font-family: 'eloquentreg';
  398. margin-top: 89px;
  399. margin-left: -120px;
  400. letter-spacing: 2px;
  401. text-transform: lowercase;
  402. text-align: right;
  403. color: rgb(214, 186, 123)!important;
  404. -webkit-transition: ease-in-out 0.6s;
  405. -webkit-transition-duration: 700ms;
  406. text-shadow: 0px 2px 2px #111111;
  407. transform: rotate(-90deg);
  408. }
  409.  
  410. #xg_body a {
  411. color: auto!important;
  412. background-color: transparent;
  413. font-style: normal;
  414. -webkit-transition: 1s;
  415.  
  416. }
  417.  
  418. p {
  419. color: auto!important;
  420. font-size: 11px;
  421. font-family: 'arial narrow';
  422. }
  423.  
  424. a {
  425. color: #111!important;
  426. }
  427.  
  428.  
  429. ::selection {
  430. background: #d6ba7b;
  431. color: #111;
  432. }
  433.  
  434.  
  435.  
  436. ::-webkit-scrollbar {
  437. width: 4px;
  438. height: 0px;
  439. background: transparent;
  440. }
  441.  
  442. ::-webkit-scrollbar-thumb {
  443. background: #869c7e;
  444. border-radius: 4px;
  445. }
  446.  
  447. ::-webkit-scrollbar-corner {
  448. background: transparent;
  449. }
  450.  
  451. #links {
  452. z-index: 1!important;
  453. position: fixed;
  454. font: 11px 'eloquentreg';
  455. text-transform: lowercase;
  456. margin-top: 110px;
  457. margin-left: 400px;
  458. text-align: left;
  459. width: 60px;
  460. height: 300px!important;
  461. line-height: 45px;
  462. }
  463.  
  464. #links a {
  465. color: #6b7d65!important;
  466. width: 24px!important;
  467. height: 24px!important;
  468. border-radius: 100%;
  469. background: #ccc;
  470. padding: 12px;
  471. -webkit-transition: all 0.7s ease;
  472. }
  473.  
  474.  
  475. div.xg_3col:before {
  476. visibility: visible!important;
  477. z-index: 0;
  478. content:"•◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦• •◦•◦•◦•"; /* CHANGE TEXT HERE */
  479. position: absolute;
  480. top: 118px;
  481. left: 580px;
  482. width: 200px;
  483. height: 210px;
  484. font: 11px 'poppins';
  485. letter-spacing: 20px;
  486. font-weight: bold;
  487. box-sizing: border-box;
  488. padding: 10px;
  489. background: #;
  490. color: rgb(204, 194, 135);
  491. overflow: hidden;
  492. text-align: center;
  493. line-height: 20px;
  494. }
  495.  
  496.  
  497. div.xg_span-16:after { z-index: 100;position: absolute; content:"You say it's food for thought Let me feed you"; width: 500px; height: 60px; top: 345px; left: -178px; font: 20px eloquentreg; color: #53614f; background-color: #111; text-transform: lowercase; padding: 10px 10px 10px 10px; box-sizing: border-box; text-align: center; -webkit-transform: rotate(-90deg);
  498. transform: rotate(-90deg);border-radius: 4px 4px 0px 0px;}
Add Comment
Please, Sign In to add comment