video/public/less/reset.less

   1 //
   2 // Modals
   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   max-width: none;
  93 }
  94
  95 // Forms
  96 // -------------------------
  97
  98 // Font size in all browsers, margin changes, misc consistency
  99 button,
 100 input,
 101 select,
 102 textarea {
 103   margin: 0;
 104   font-size: 100%;
 105   vertical-align: middle;
 106 }
 107 button,
 108 input {
 109   *overflow: visible; // Inner spacing ie IE6/7
 110   line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
 111 }
 112 button::-moz-focus-inner,
 113 input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
 114   padding: 0;
 115   border: 0;
 116 }
 117 button,
 118 input[type="button"],
 119 input[type="reset"],
 120 input[type="submit"] {
 121   cursor: pointer; // Cursors on all buttons applied consistently
 122   -webkit-appearance: button; // Style clickable inputs in iOS
 123 }
 124 input[type="search"] { // Appearance in Safari/Chrome
 125   -webkit-box-sizing: content-box;
 126      -moz-box-sizing: content-box;
 127           box-sizing: content-box;
 128   -webkit-appearance: textfield;
 129 }
 130 input[type="search"]::-webkit-search-decoration,
 131 input[type="search"]::-webkit-search-cancel-button {
 132   -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
 133 }
 134 textarea {
 135   overflow: auto; // Remove vertical scrollbar in IE6-9
 136   vertical-align: top; // Readability and alignment cross-browser
 137 }