[Summary view] [Print] [Text view]

   1  //
   2  // Reset CSS
   3  // Adapted from http://github.com/necolas/normalize.css
   4  // --------------------------------------------------
   5  
   6  
   7  // Display in IE6-9 and FF3
   8  // -------------------------
   9  
  10  article,
  11  aside,
  12  details,
  13  figcaption,
  14  figure,
  15  footer,
  16  header,
  17  hgroup,
  18  nav,
  19  section {
  20    display: block;
  21  }
  22  
  23  // Display block in IE6-9 and FF3
  24  // -------------------------
  25  
  26  audio,
  27  canvas,
  28  video {
  29    display: inline-block;
  30    *display: inline;
  31    *zoom: 1;
  32  }
  33  
  34  // Prevents modern browsers from displaying 'audio' without controls
  35  // -------------------------
  36  
  37  audio:not([controls]) {
  38      display: none;
  39  }
  40  
  41  // Base settings
  42  // -------------------------
  43  
  44  html {
  45    font-size: 100%;
  46    -webkit-text-size-adjust: 100%;
  47        -ms-text-size-adjust: 100%;
  48  }
  49  // Focus states
  50  a:focus {
  51    .tab-focus();
  52  }
  53  // Hover & Active
  54  a:hover,
  55  a:active {
  56    outline: 0;
  57  }
  58  
  59  // Prevents sub and sup affecting line-height in all browsers
  60  // -------------------------
  61  
  62  sub,
  63  sup {
  64    position: relative;
  65    font-size: 75%;
  66    line-height: 0;
  67    vertical-align: baseline;
  68  }
  69  sup {
  70    top: -0.5em;
  71  }
  72  sub {
  73    bottom: -0.25em;
  74  }
  75  
  76  // Img border in a's and image quality
  77  // -------------------------
  78  
  79  // Backport of syntax from Bootstrap 3.
  80  // Images are not responsive by default - you must add img-responsive class to get this behaviour.
  81  // MDL-42195 (img changed to .img-responsive, vertical-align and border split into their own rule.)
  82  .img-responsive {
  83    /* Responsive images (ensure images don't scale beyond their parents) */
  84    max-width: 100%; /* Part 1: Set a maxium relative to the parent */
  85    width: auto\9; /* IE7-8 need help adjusting responsive images */
  86    height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
  87  
  88    -ms-interpolation-mode: bicubic;
  89  }
  90  img {
  91    vertical-align: middle;
  92    border: 0;
  93  }
  94  
  95  // Prevent max-width from affecting Google Maps
  96  #map_canvas img,
  97  .google-maps img {
  98    max-width: none;
  99  }
 100  
 101  // Forms
 102  // -------------------------
 103  
 104  // Font size in all browsers, margin changes, misc consistency
 105  button,
 106  input,
 107  select,
 108  textarea {
 109    margin: 0;
 110    font-size: 100%;
 111    vertical-align: middle;
 112  }
 113  button,
 114  input {
 115    *overflow: visible; // Inner spacing ie IE6/7
 116    line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
 117  }
 118  button::-moz-focus-inner,
 119  input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
 120    padding: 0;
 121    border: 0;
 122  }
 123  button,
 124  html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 125  input[type="reset"],
 126  input[type="submit"] {
 127      -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
 128      cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
 129  }
 130  label,
 131  select,
 132  button,
 133  input[type="button"],
 134  input[type="reset"],
 135  input[type="submit"],
 136  input[type="radio"],
 137  input[type="checkbox"] {
 138      cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
 139  }
 140  input[type="search"] { // Appearance in Safari/Chrome
 141    .box-sizing(content-box);
 142    -webkit-appearance: textfield;
 143  }
 144  input[type="search"]::-webkit-search-decoration,
 145  input[type="search"]::-webkit-search-cancel-button {
 146    -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
 147  }
 148  textarea {
 149    overflow: auto; // Remove vertical scrollbar in IE6-9
 150    vertical-align: top; // Readability and alignment cross-browser
 151  }
 152  
 153  
 154  // Printing
 155  // -------------------------
 156  // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
 157  
 158  @media print {
 159  
 160    * {
 161      text-shadow: none !important;
 162      color: #000 !important; // Black prints faster: h5bp.com/s
 163      background: transparent !important;
 164      box-shadow: none !important;
 165    }
 166  
 167    a,
 168    a:visited {
 169      text-decoration: underline;
 170    }
 171  
 172    a[href]:after {
 173      content: " (" attr(href) ")";
 174    }
 175  
 176    abbr[title]:after {
 177      content: " (" attr(title) ")";
 178    }
 179  
 180    // Don't show links for images, or javascript/internal links
 181    .ir a:after,
 182    a[href^="javascript:"]:after,
 183    a[href^="#"]:after {
 184      content: "";
 185    }
 186  
 187    pre,
 188    blockquote {
 189      border: 1px solid #999;
 190      page-break-inside: avoid;
 191    }
 192  
 193    thead {
 194      display: table-header-group; // h5bp.com/t
 195    }
 196  
 197    tr,
 198    img {
 199      page-break-inside: avoid;
 200    }
 201  
 202    img {
 203      max-width: 100% !important;
 204    }
 205  
 206    @page {
 207      margin: 0.5cm;
 208    }
 209  
 210    p,
 211    h2,
 212    h3 {
 213      orphans: 3;
 214      widows: 3;
 215    }
 216  
 217    h2,
 218    h3 {
 219      page-break-after: avoid;
 220    }
 221  }