libs/bootstrap/less/reset.less

   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 img {
  80   /* Responsive images (ensure images don't scale beyond their parents) */
  81   max-width: 100%; /* Part 1: Set a maxium relative to the parent */
  82   width: auto\9; /* IE7-8 need help adjusting responsive images */
  83   height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
  84
  85   vertical-align: middle;
  86   border: 0;
  87   -ms-interpolation-mode: bicubic;
  88 }
  89
  90 // Prevent max-width from affecting Google Maps
  91 #map_canvas img,
  92 .google-maps img {
  93   max-width: none;
  94 }
  95
  96 // Forms
  97 // -------------------------
  98
  99 // Font size in all browsers, margin changes, misc consistency
 100 button,
 101 input,
 102 select,
 103 textarea {
 104   margin: 0;
 105   font-size: 100%;
 106   vertical-align: middle;
 107 }
 108 button,
 109 input {
 110   *overflow: visible; // Inner spacing ie IE6/7
 111   line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
 112 }
 113 button::-moz-focus-inner,
 114 input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
 115   padding: 0;
 116   border: 0;
 117 }
 118 button,
 119 html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 120 input[type="reset"],
 121 input[type="submit"] {
 122     -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
 123     cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
 124 }
 125 label,
 126 select,
 127 button,
 128 input[type="button"],
 129 input[type="reset"],
 130 input[type="submit"],
 131 input[type="radio"],
 132 input[type="checkbox"] {
 133     cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
 134 }
 135 input[type="search"] { // Appearance in Safari/Chrome
 136   .box-sizing(content-box);
 137   -webkit-appearance: textfield;
 138 }
 139 input[type="search"]::-webkit-search-decoration,
 140 input[type="search"]::-webkit-search-cancel-button {
 141   -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
 142 }
 143 textarea {
 144   overflow: auto; // Remove vertical scrollbar in IE6-9
 145   vertical-align: top; // Readability and alignment cross-browser
 146 }
 147
 148
 149 // Printing
 150 // -------------------------
 151 // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
 152
 153 @media print {
 154
 155   * {
 156     text-shadow: none !important;
 157     color: #000 !important; // Black prints faster: h5bp.com/s
 158     background: transparent !important;
 159     box-shadow: none !important;
 160   }
 161
 162   a,
 163   a:visited {
 164     text-decoration: underline;
 165   }
 166
 167   a[href]:after {
 168     content: " (" attr(href) ")";
 169   }
 170
 171   abbr[title]:after {
 172     content: " (" attr(title) ")";
 173   }
 174
 175   // Don't show links for images, or javascript/internal links
 176   .ir a:after,
 177   a[href^="javascript:"]:after,
 178   a[href^="#"]:after {
 179     content: "";
 180   }
 181
 182   pre,
 183   blockquote {
 184     border: 1px solid #999;
 185     page-break-inside: avoid;
 186   }
 187
 188   thead {
 189     display: table-header-group; // h5bp.com/t
 190   }
 191
 192   tr,
 193   img {
 194     page-break-inside: avoid;
 195   }
 196
 197   img {
 198     max-width: 100% !important;
 199   }
 200
 201   @page {
 202     margin: 0.5cm;
 203   }
 204
 205   p,
 206   h2,
 207   h3 {
 208     orphans: 3;
 209     widows: 3;
 210   }
 211
 212   h2,
 213   h3 {
 214     page-break-after: avoid;
 215   }
 216 }