wp-content/themes/twentyseventeen/assets/css/ie9.css

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