ie9.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /*
  2. Theme Name: Twenty Seventeen
  3. Description: IE9 specific styles.
  4. */
  5. .has-header-image.twentyseventeen-front-page .custom-header,
  6. .has-header-video.twentyseventeen-front-page .custom-header,
  7. .has-header-image.home.blog .custom-header,
  8. .has-header-video.home.blog .custom-header {
  9. height: 300px;
  10. }
  11. .has-header-image .custom-header-media img,
  12. .has-header-video .custom-header-media video,
  13. .has-header-video .custom-header-media iframe {
  14. min-width: 100%;
  15. }
  16. @media screen and (min-width: 30em) {
  17. .has-header-image.twentyseventeen-front-page .custom-header,
  18. .has-header-video.twentyseventeen-front-page .custom-header,
  19. .has-header-image.home.blog .custom-header,
  20. .has-header-video.home.blog .custom-header,
  21. .twentyseventeen-front-page.has-header-image .custom-header-media,
  22. .home.blog.has-header-image .custom-header-media,
  23. .panel-image {
  24. height: 700px;
  25. }
  26. }
  27. @media screen and (min-width: 48em) {
  28. .has-header-image.twentyseventeen-front-page .custom-header,
  29. .has-header-video.twentyseventeen-front-page .custom-header,
  30. .has-header-image.home.blog .custom-header,
  31. .has-header-video.home.blog .custom-header,
  32. .twentyseventeen-front-page.has-header-image .custom-header-media,
  33. .home.blog.has-header-image .custom-header-media,
  34. .panel-image {
  35. height: 1000px;
  36. }
  37. }