[Summary view] [Print] [Text view]

   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  }