add ZURB foundation html5 framework
[disclosr.git] / stylesheets / app.css
blob:a/stylesheets/app.css -> blob:b/stylesheets/app.css
/* 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*/
Table of Contents #navbar {
----------------------------------------------------- background: #222222;
:: Shared Styles border-bottom: solid 4px #00a5ff;
:: Page Name 1 padding: 15px 20px 13px 20px; }
:: Page Name 2  
*/ @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; }
   
   
   
/* ----------------------------------------- .row.display { background: #f4f4f4; margin-bottom: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
Shared Styles .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  
----------------------------------------- */