| /* Foundation v2.1.4 http://foundation.zurb.com */ | /* Foundation v2.1.4 http://foundation.zurb.com */ |
| /* Artfully masterminded by ZURB */ | /* Artfully masterminded by ZURB */ |
| /* ZURB bar copy*/ | /* ZURB bar copy*/ |
| #navbar { | #navbar { |
| background: #222222; | background: #222222; |
| border-bottom: solid 4px #00a5ff; | border-bottom: solid 4px #00a5ff; |
| padding: 15px 20px 13px 20px; } | padding: 15px 20px 13px 20px; } |
| @media handheld, only screen and (max-width: 767px) { | @media handheld, only screen and (max-width: 767px) { |
| #navbar { | #navbar { |
| padding-left: 20px; | padding-left: 20px; |
| padding-right: 20px; } | padding-right: 20px; } |
| } | } |
| #navbar h1, #navbar h2 { | #navbar h1, #navbar h2 { |
| margin-bottom: 0; | margin-bottom: 0; |
| line-height: 1; } | line-height: 1; } |
| #navbar h1 { | #navbar h1 { |
| color: white; | color: white; |
| font-size: 16px; | font-size: 16px; |
| font-size: 1.6rem; | font-size: 1.6rem; |
| font-weight: 800; } | font-weight: 800; } |
| #navbar h1 a { color: #fff; font-weight: bold; } | #navbar a { color: #fff; font-weight: bold; } |
| #navbar h2 a { | |
| text-indent: -99999px; | |
| display: block; | |
| width: 82px; | |
| height: 14px; | |
| background: url('../images/by-zurb.png'); } | |
| #navbar strong { display: block; margin: 0; padding: 0; height: 14px; line-height: 14px; position: relative; bottom: 4px; } | #navbar strong { display: block; margin: 0; padding: 0; height: 14px; line-height: 14px; position: relative; bottom: 4px; } |
| #navbar strong a { | #navbar strong a { |
| line-height: 14px; | line-height: 14px; |
| color: #fff; | color: #fff; |
| font-weight: 500; | font-weight: 500; |
| padding-right: 12px; | padding-right: 12px; |
| } | } |
| #navbar strong a.button { padding: 4px 10px; font-weight: bold; } | #navbar strong a.button { padding: 4px 10px; font-weight: bold; } |
| /* other zurb copied css */ | |
| .row { max-width: 1200px; } | |
| div.foundation-header { margin: 0 0 40px 0; padding: 30px 0 0 0; border-bottom: solid 1px #ccc; } | |
| div.foundation-header h1 { margin-bottom: 0; padding: 0; } | |
| div.foundation-header h1 a { color: #181818; } | |
| div.foundation-header h1 a:hover { color: #181818; } | |
| div.foundation-header .subheader { margin-bottom: 9px; } | |
| div.highlight { margin-bottom: 12px; } | |
| img.beta { position: absolute; top: 0px; right: 0px; } | |
| /* Footer */ | |
| footer.row { | |
| margin-top: 80px; | |
| border-top: solid 1px #e6e6e6; | |
| padding-top: 20px; } | |
| footer.row h6 { | |
| color: #6f6f6f; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| margin-bottom: 4px; } | |
| footer.row p { | |
| color: #626262; | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| line-height: 18px; } | |
| footer.row a { | |
| color: #222222; } | |
| footer.row a:hover { | |
| text-decoration: underline; } | |
| .row.display { background: #f4f4f4; margin-bottom: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } | |
| .row.display .column, .row.display .columns { background: #e7e7e7; font-size: 11px; text-indent: 3px; padding-top: 6px; padding-bottom: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } | |