urls.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435
  1. @import "https://localhost/modify-this.css";
  2. @import "https://localhost/modify-again.css";
  3. .modify {
  4. my-url: url("https://localhost/a.png");
  5. }
  6. .modify {
  7. my-url: url("https://localhost/b.png");
  8. }
  9. @font-face {
  10. src: url("/fonts/garamond-pro.ttf");
  11. src: local(Futura-Medium), url(https://localhost/fonts.svg#MyGeometricModern) format("svg");
  12. }
  13. #shorthands {
  14. background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
  15. }
  16. #misc {
  17. background-image: url(https://localhost/images/image.jpg);
  18. }
  19. #data-uri {
  20. background: url(data:image/png;charset=utf-8;base64,
  21. kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
  22. k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
  23. kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
  24. background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
  25. background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
  26. }
  27. #svg-data-uri {
  28. background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
  29. }
  30. .comma-delimited {
  31. background: url(https://localhost/bg.jpg) no-repeat, url(https://localhost/bg.png) repeat-x top left, url(https://localhost/bg);
  32. }
  33. .values {
  34. url: url('https://localhost/Trebuchet');
  35. }