API tools faq
paste
mik98

angel energy - css

mik98
Dec 18th, 2019
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
raw download clone embed print report
  1. body {
  2. background-color: #ccc;
  3. background-image: url(https://media1.giphy.com/media/xkGkrAIbJqAtKlsZI5/giphy.gif);
  4. background-repeat: repeat;
  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: -145px;
  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:"mrs velasquez"; /* CHANGE TEXT HERE */
  41. position: absolute;
  42. top: 98px;
  43. left: 150px;
  44. width: 682px;
  45. height: 565px;
  46. background: #e8e8e8;
  47. font-family: stylish;
  48. color: #7D0541;
  49. font-size: 63px;
  50. border-radius: 6px;
  51. padding: 422px 10px 10px 400px;
  52. box-sizing: border-box;
  53. }
  54. @font-face { font-family: "stylish"; src: url('https://dl.dropboxusercontent.com/s/ljshs3r55gvaof9/StylishBrush-Regular.otf'); ;}
  55. div#xg_layout_column_1 {
  56. position: relative;
  57. z-index: 1;
  58. top: 100px;
  59. left: 100px;
  60. width: 800px;
  61. height: auto;
  62. overflow: hidden;
  63. background: #;
  64. }
  65.  
  66. div#xg_layout_column_1:before {
  67. content:"You see... I’m not really a love poet But if I was I’d write about how I see your face in every cloud and your reflection in every window.";
  68. z-index: 0;
  69. position: absolute;
  70. width: 645px;
  71. height:75px;
  72. top: 480px;
  73. left: 70px;
  74. background: #ddd;
  75. text-align: right;
  76. padding: 30px 12px 10px 192px;
  77. box-sizing: border-box;
  78. border-radius: 6px;
  79. font-family: raleway;
  80. font-weight: 700;
  81. text-transform: uppercase;
  82. color: black;
  83. font-size: 9px;
  84. letter-spacing: 1.5px;
  85. }
  86.  
  87. div#xg_layout_column_1:after {
  88. content:"";
  89. position: absolute;
  90. top: 80px;
  91. left: 70px;
  92. width: 203px;
  93. height: 350px;
  94. background: url(https://data.whicdn.com/images/337059528/original.jpg) -55px 0px no-repeat; /* CHANGE IMAGE HERE */
  95. background-size: cover;
  96. filter: grayscale(0.6)brightness(90%)contrast(100%);
  97. border-radius:4px;
  98. }
  99.  
  100. div.module_user_summary:before {
  101. z-index: -100!important;
  102. visibility: visible!important;
  103. content:"";
  104. position: absolute;
  105. top: 80px;
  106. left: 290px;
  107. width: 203px;
  108. height: 350px;
  109. background: url(https://66.media.tumblr.com/2cf79732c1aecf79095ba3ca35694d98/cffb05f2bcc6caac-56/s400x600/360cd33d85473a5da126a7531175a52716430417.gifv) -40px 0px no-repeat; /* CHANGE IMAGE HERE */
  110. background-size: cover;
  111. filter: grayscale(0.9)brightness(65%)contrast(100%);
  112. border-radius: 4px;
  113. }
  114.  
  115. div.module_user_summary:after {
  116. z-index: -100!important;
  117. visibility: visible;
  118. content:"";
  119. position: absolute;
  120. top: 80px;
  121. left: 510px;
  122. width: 203px;
  123. height: 350px;
  124. background: url(https://data.whicdn.com/images/338395601/original.jpg) -50px 0px no-repeat; /* CHANGE IMAGE HERE */
  125. background-size: cover;
  126. filter: grayscale(0.6)brightness(90%)contrast(100%);
  127. border-radius: 4px;
  128. }
  129.  
  130.  
  131. div.xg_3col:before {
  132. visibility: visible!important;
  133. z-index: 100;
  134. content:"angel energy"; /* CHANGE TEXT HERE */
  135. position: absolute;
  136. top: 95px;
  137. left: 430px;
  138. width: 450px;
  139. height: 60px;
  140. font: 40px 'eloquentreg';
  141. box-sizing: border-box;
  142. padding: 10px;
  143. text-transform: uppercase;
  144. color: #7D0541;
  145. }
  146.  
  147.  
  148. div.module_user_thumbnail:before {
  149. opacity: 0;
  150. visibility: visible;
  151. content:""; /* CHANGE TEXT HERE */
  152. position: absolute;
  153. z-index: 1;
  154. top: 160px;
  155. left: 98px;
  156. width: 150px;
  157. height: 80px;
  158. border-radius: 6px;
  159. background: url(https://66.media.tumblr.com/e9226296c80680d0025d8a706f93db50/72882c2215a735b0-fb/s500x750/e189fbe753f25d736ea41ada40ccfaf7e47dccb2.gifv) 0px 0px repeat; /* CHANGE IMAGE HERE */
  160. background-size: cover;
  161. -webkit-filter: grayscale(0)contrast(110%);
  162. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(132, 96, 87, 3.0) inset;
  163. -webkit-transition: ease-in-out 0.6s;
  164. -webkit-transition-delay: 1s;
  165. transition-delay: 1s;
  166. }
  167.  
  168. div.module_user_thumbnail:after {
  169. opacity: 0;
  170. visibility: visible;
  171. content:""; /* CHANGE TEXT HERE */
  172. position: absolute;
  173. top: 260px;
  174. left: 98px;
  175. width: 150px;
  176. height: 80px;
  177. border-radius: 6px;
  178. background: url(https://66.media.tumblr.com/fded3d7f57e5a57bd1a5c22f94220c15/72882c2215a735b0-ad/s500x750/5b6316ac6520550fa78a9682766186f44777e89b.gifv) 0px 0px repeat; /* CHANGE IMAGE HERE */
  179. background-size: cover;
  180. -webkit-filter: grayscale(0)contrast(110%);
  181. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(132, 96, 87, 3.0) inset;
  182. -webkit-transition: ease-in-out 0.6s;
  183. -webkit-transition-delay: 1s;
  184. transition-delay: 1s;
  185. }
  186.  
  187. .dy-avatar.dy-avatar-full-width:after {
  188. opacity: 0;
  189. z-index: 100!important;
  190. visibility: visible;
  191. content:""; /* CHANGE TEXT HERE */
  192. position: absolute;
  193. border-radius: 6px;
  194. top: 170px;
  195. left: 530px;
  196. width: 160px;
  197. height: 160px;
  198. border-radius: 6px;
  199. background: url(https://66.media.tumblr.com/0eac997dcb124fecad91208eab5bd496/72882c2215a735b0-c8/s500x750/31f18eea042303960a9de577e2d18fdfe90eb90d.gifv) -45px 0px repeat; /* CHANGE IMAGE HERE */
  200. background-size: cover;
  201. -webkit-filter: grayscale(0)contrast(110%);
  202. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(132, 96, 87, 3.0) inset;
  203. -webkit-transition: ease-in-out 0.6s;
  204. -webkit-transition-delay: 1s;
  205. transition-delay: 1s;
  206. }
  207.  
  208. @font-face { font-family:"tokyoreg"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }
  209.  
  210.  
  211. @font-face { font-family: "primetime"; src: url('https://dl.dropboxusercontent.com/s/uzoszwd2yfzqmmx/PRIMETIME.ttf');}
  212.  
  213. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  214.  
  215. div#xg_layout_column_1:hover div.module_user_thumbnail:before, div#xg_layout_column_1:hover div.module_user_thumbnail:after, div#xg_layout_column_1:hover .dy-avatar.dy-avatar-full-width:after {
  216. opacity: 1;
  217. }
  218.  
  219. @font-face { font-family: "ams"; src: url('https://static.tumblr.com/zruguhm/enGmj5ymq/ams_tane.ttf'); }
  220.  
  221. .dy-avatar.dy-avatar-full-width:before {
  222. visibility: visible;
  223. z-index: 100;
  224. content:"mikayla velasquez. married to jason. twenty-one."; /* CHANGE TEXT HERE */
  225. position: absolute;
  226. top: 60px;
  227. left: 355px;
  228. width: 396px;
  229. height: 45px;
  230. font: 9px 'raleway';
  231. letter-spacing: 1.8px;
  232. font-weight: bold;
  233. color: black;
  234. text-transform: uppercase;
  235. }
  236.  
  237. div#xg_layout_column_2 {
  238. position: absolute;
  239. z-index: 100!important;
  240. width: 820px;
  241. height: 40px;
  242. top: 70px;
  243. font-size: 11px;
  244. left: 9%;
  245. background: #trans;
  246. font-family:'raleway';
  247. color: #fff;
  248. -moz-transition: all 0.5s ease-out;
  249. -o-transition: all 0.5s ease-out;
  250. }
  251.  
  252. div.module_user_summary {
  253. visibility: hidden;
  254. }
  255.  
  256. .dy-avatar.dy-avatar-full-width {
  257. z-index: -1!important;
  258. width: 900px;
  259. margin-left: 0px;
  260. margin-top: 0px;
  261. height: 30px;
  262. background: #trans;
  263. }
  264.  
  265. img#xj_photo_img_tag {
  266. visibility: visible;
  267. z-index: 1!important;
  268. width: 75px!important;
  269. height: 75px!important;
  270. margin-left: 100px;
  271. margin-top: 445px;
  272. border: 14px solid #ddd;
  273. border-radius: 1000px;
  274. -webkit-filter: grayscale(0.8);
  275. transition:all 0.3s ease-in-out;
  276. }
  277.  
  278. div.xg_span-16 {
  279. visibility: visible;
  280. z-index: -1!important;
  281. }
  282.  
  283. div.xg_3col {
  284. visibility: visible;
  285. }
  286.  
  287. /* POP UP + BUTTON COLOURS */
  288.  
  289. .xg_floating_container.xg_lightborder {
  290. background-color: #bd8a7d;
  291. }
  292.  
  293. input.button.action-primary {
  294. background-color: #bd8a7d;
  295. }
  296.  
  297. p.buttongroup {
  298. background-color: #bd8a7d;
  299. padding: 5px;
  300. }
  301.  
  302. a.xj_cancel.action-secondary {
  303. color: rgb (255, 255, 255);
  304. }
  305.  
  306. /* REMOVED CODES */
  307.  
  308. .online {
  309. display: none;
  310.  
  311. }
  312.  
  313. .xg_module_body.profile.vcard {
  314. display: none;
  315. }
  316.  
  317. .account-links {
  318. display: none;
  319.  
  320. }
  321.  
  322. #xg_foot {
  323. display: none;
  324. }
  325.  
  326. p.left {
  327. display: none;
  328. }
  329.  
  330. p.right.xg_lightfont {
  331. display: none;
  332. }
  333.  
  334. #xg_sitedesc {
  335. display: none;
  336. }
  337.  
  338. #xg_sitename {
  339. display: none;
  340. }
  341.  
  342. img.poweredbyLogo {
  343. display: none;
  344. }
  345.  
  346. .xg_module_head {
  347. display: auto;
  348. border-bottom: 0px solid #fff!important;
  349. }
  350.  
  351. #xg_profile_activity{
  352. display:none;
  353. }
  354.  
  355. .xg_sprite {
  356. background: transparent;
  357. }
  358.  
  359. a.send-message-link {
  360. display: none;
  361. }
  362.  
  363. dd.profile-like-button {
  364. display: none;
  365. }
  366.  
  367. dd.profile-social-buttons {
  368. display: none;
  369. }
  370.  
  371. .module_blog {
  372. display: none!important;
  373. }
  374.  
  375. a.xj_block_messages {
  376. display: none;
  377. }
  378.  
  379. 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 {
  380. display: none;
  381. }
  382.  
  383. ul.nobullets.last-child {
  384. display: none;
  385. }
  386.  
  387. span.fn {
  388. display: none;
  389. }
  390.  
  391. span.fn:before {
  392. content:"";
  393. }
  394.  
  395. a.xj_appearance_editor_profile {
  396. display: none;
  397. }
  398.  
  399. .xg_module.topmsg.birthday_msg {
  400. display: none!important;
  401. }
  402.  
  403. /* TEXT + LINK CODES*/
  404.  
  405. a#add-as-friend-link {
  406. position: fixed;
  407. font-size: 20px;
  408. font-family: 'eloquentreg';
  409. margin-top: 89px;
  410. margin-left: -120px;
  411. letter-spacing: 2px;
  412. text-transform: lowercase;
  413. text-align: right;
  414. color: #ccc!important;
  415. -webkit-transition: ease-in-out 0.6s;
  416. -webkit-transition-duration: 700ms;
  417. text-shadow: 0px 2px 2px #111111;
  418. transform: rotate(-90deg);
  419. }
  420.  
  421. #xg_body a {
  422. color: auto!important;
  423. background-color: transparent;
  424. font-style: normal;
  425. -webkit-transition: 1s;
  426.  
  427. }
  428.  
  429. p {
  430. color: auto!important;
  431. font-size: 8px;
  432. font-family: 'raleway';
  433. }
  434.  
  435. a {
  436. color: #fff!important;
  437. }
  438.  
  439.  
  440. ::selection {
  441. background: #b38a7d;
  442. color: #ffffff;
  443. }
  444.  
  445. b, strong {
  446. color: auto;
  447. font-family: auto;
  448. font-size: auto;
  449. font-weight: 900;
  450. }
  451.  
  452. i, em {
  453. color: ;
  454. font-family: auto;
  455. font-size: auto;
  456. font-style: normal;
  457. letter-spacing: 2px;
  458. font-style: italic;
  459. line-height: 0px;
  460. }
  461.  
  462. u {
  463. text-decoration: underline;
  464. }
  465.  
  466.  
  467. /* EXTRA CODES */
  468.  
  469. ::-webkit-scrollbar {
  470. width: 4px;
  471. height: 0px;
  472. background: transparent;
  473. }
  474.  
  475. ::-webkit-scrollbar-thumb {
  476. background: #b38a7d;
  477. border-radius: 4px;
  478. }
  479.  
  480. ::-webkit-scrollbar-corner {
  481. background: transparent;
  482. }
  483.  
  484. #links {
  485. z-index: 1!important;
  486. position: fixed;
  487. font: 11px 'Raleway';
  488. text-transform: uppercase;
  489. margin-top: 50px;
  490. margin-left: -20px;
  491. text-align: center;
  492. width: 370px;
  493. height: 30px!important;
  494. }
  495.  
  496. #links a {
  497. color: #fff!important;
  498. background: #7D0541;
  499. padding: 12px;
  500. -webkit-transition: all 0.7s ease;
  501. border-radius: 4px;
  502. }
  503.  
  504. @font-face{ font-family:eloquentreg; src:url('https://dl.dropboxusercontent.com/s/53znphyyr7pdfyz/EloquentJFRegularPro.ttf');}
  505.  
  506.  
  507. @font-face {
  508. font-family: 'Raleway';
  509. font-style: normal;
  510. font-weight: 400;
  511. src: local('Raleway'), local('Raleway-Regular'),
  512. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  513. 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;
  514. }
  515.  
  516. @font-face {
  517. font-family: 'Raleway';
  518. font-style: normal;
  519. font-weight: 700;
  520. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  521. 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;
  522. }
  523.  
  524. .bio {
  525. background-color: #;
  526. width: 200px;
  527. height: 180px;
  528. margin-left: 460px;
  529. margin-top: 205px;
  530. height: 220px;
  531. color: #fff;
  532. letter-spacing: 1.5px;
  533. font: 25px raleway;
  534. font-weight: bold; text-transform: uppercase;color: rgba(255, 255, 255, 1);letter-
  535. spacing: 2px;-webkit-transform: rotate(-90deg);
  536. transform: rotate(-90deg);
  537. }
  538.  
  539.  
  540. div.xg_span-16:after { z-index: 100;position: absolute; content:"his angel"; width: 235px; height: 80px; top: 350px; left: 480px; color: #fff;
  541. letter-spacing: 2px;
  542. font: 18px raleway;
  543. font-weight: bold; text-transform: uppercase;color: #ccc
  544. ;letter-
  545. spacing: 2px;-webkit-transform: rotate(-90deg);
  546. transform: rotate(-90deg);}
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!