urls.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @import "css/background.css";
  2. @import "folder (1)/import-test-d.css";
  3. @font-face {
  4. src: url("/fonts/garamond-pro.ttf");
  5. src: local(Futura-Medium), url(folder\ \(1\)/fonts.svg#MyGeometricModern) format("svg");
  6. }
  7. #shorthands {
  8. background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
  9. }
  10. #misc {
  11. background-image: url(folder\ \(1\)/images/image.jpg);
  12. }
  13. #data-uri {
  14. background: url(data:image/png;charset=utf-8;base64,
  15. kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
  16. k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
  17. kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
  18. background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
  19. background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
  20. }
  21. #svg-data-uri {
  22. background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
  23. }
  24. .comma-delimited {
  25. background: url(folder\ \(1\)/bg.jpg) no-repeat, url(folder\ \(1\)/bg.png) repeat-x top left, url(folder\ \(1\)/bg);
  26. }
  27. .values {
  28. url: url('folder (1)/Trebuchet');
  29. }
  30. #logo {
  31. width: 100px;
  32. height: 100px;
  33. background: url('./assets/logo.png');
  34. background: url("#inline-svg");
  35. }
  36. @font-face {
  37. font-family: xecret;
  38. src: url('./assets/xecret.ttf');
  39. }
  40. #secret {
  41. font-family: xecret, sans-serif;
  42. }
  43. #imported-relative-path {
  44. background-image: url(../data/image.jpg);
  45. border-image: url('../data/image.jpg');
  46. }