public
Created

BuzzApp | Header Styles

  • Download Gist
buzz-header.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
/* 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);
}
}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.