CSS: iPad "touch" media query

gistfile1.css

/* Include a version of modernizr.js that detects and adds a class (.touch) when it detects supports for touch events. */
/* Use this media query, and preface your classes or ids with ".touch": */

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
     .touch #container {width:96%;padding:0 1%;}
     .touch input[type="number"] {font-size:140%;}
    
     .touch .ui-widget input,
     .touch .ui-widget select,
     .touch .ui-widget button {
          height: 36px;
     }
     .touch .ui-tabs {padding:0;}
    
     .touch th,
     .touch td {font-size:10px;}
    
     .touch .btn-large {
          padding: 9px 14px;
          font-size: 15px;
          line-height: normal;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
      }
}