BuzzApp | Header Styles

buzz-header.css

/* Header Styles - CSS */

header {
  background: #272727 url('../images/diag-bg.png?1345590598') 0 0 repeat;
  max-height: 420px;
}
header section h1 {
  font-size: 26px;
  margin-top: 42px;
  margin-bottom: 42px;
  line-height: 1;
}
header section h1 a {
  color: white;
}
header section h1 a span {
  color: #f2ae0c;
}
header section h1:hover a {
  color: white;
}
header section h1:hover span {
  color: #f7c654;
}
header hgroup h2 {
  color: white;
  margin-top: 68px;
  margin-bottom: 6px;
}
header hgroup h4.subheader {
  color: white;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
header #mast {
  background: url('../images/header-bg.png?1345591389') top center no-repeat;
  width: 984px;
  height: 382px;
}

------------------------------------------------------------

/* Header Styles - SCSS */

header {
  background: $headerBgColor image-url('diag-bg.png') 0 0 repeat;
  max-height: 420px;

  section { 
    h1 { 
      font-size: ms(2); 
      margin-top: ms(4); 
      margin-bottom: ms(4); 
      line-height: 1;

      a { 
        color: $white;
        
        span { 
          color: $secondaryColor; }
      }
      &:hover a { 
        color: $white; 
      }
      &:hover span { 
        color: lighten($secondaryColor, 15%); 
      }
    }
  }

  hgroup {

    h2 {
      color: $white;
      margin-top: ms(6);
      margin-bottom: ms(0) - 10;
    }

    h4.subheader {
      color: $white;
      font-family: $bodyFontFamily;
    }
  }

  #mast {
    background: image-url('header-bg.png') top center no-repeat;
    width: $rowWidth - $columnGutter;
    height: ms(13);
  }
}