--- a/stylesheets/app.css +++ b/stylesheets/app.css @@ -1,31 +1,72 @@ /* Foundation v2.1.4 http://foundation.zurb.com */ /* Artfully masterminded by ZURB */ -/* -------------------------------------------------- - Table of Contents ------------------------------------------------------ -:: Shared Styles -:: Page Name 1 -:: Page Name 2 -*/ +/* ZURB bar copy*/ +#navbar { + background: #222222; + border-bottom: solid 4px #00a5ff; + padding: 15px 20px 13px 20px; } + +@media handheld, only screen and (max-width: 767px) { + #navbar { + padding-left: 20px; + padding-right: 20px; } +} + +#navbar h1, #navbar h2 { + margin-bottom: 0; + line-height: 1; } +#navbar h1 { + color: white; + font-size: 16px; + font-size: 1.6rem; + font-weight: 800; } +#navbar a { color: #fff; font-weight: bold; } + +#navbar strong { display: block; margin: 0; padding: 0; height: 14px; line-height: 14px; position: relative; bottom: 4px; } +#navbar strong a { + line-height: 14px; + color: #fff; + font-weight: 500; + padding-right: 12px; +} +#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; } + -/* ----------------------------------------- - Shared Styles ------------------------------------------ */ +.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; } - - -/* ----------------------------------------- - Page Name 1 ------------------------------------------ */ - - - - -/* ----------------------------------------- - Page Name 2 ------------------------------------------ */ - - -