alpaca/dist/lib/typeahead.js/src/typeahead/css.js

Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide

/*
 * typeahead.js
 * https://github.com/twitter/typeahead.js
 * Copyright 2013-2014 Twitter, Inc. and other contributors; Licensed MIT
 */

var css = (function() {
  'use strict';

  var css =  {
    wrapper: {
      position: 'relative',
      display: 'inline-block'
    },
    hint: {
      position: 'absolute',
      top: '0',
      left: '0',
      borderColor: 'transparent',
      boxShadow: 'none',
      // #741: fix hint opacity issue on iOS
      opacity: '1'
    },
    input: {
      position: 'relative',
      verticalAlign: 'top',
      backgroundColor: 'transparent'
    },
    inputWithNoHint: {
      position: 'relative',
      verticalAlign: 'top'
    },
    dropdown: {
      position: 'absolute',
      top: '100%',
      left: '0',
      zIndex: '100',
      display: 'none'
    },
    suggestions: {
      display: 'block'
    },
    suggestion: {
      whiteSpace: 'nowrap',
      cursor: 'pointer'
    },
    suggestionChild: {
      whiteSpace: 'normal'
    },
    ltr: {
      left: '0',
      right: 'auto'
    },
    rtl: {
      left: 'auto',
      right:' 0'
    }
  };

  // ie specific styling
  if (_.isMsie()) {
     // ie6-8 (and 9?) doesn't fire hover and click events for elements with
     // transparent backgrounds, for a workaround, use 1x1 transparent gif
    _.mixin(css.input, {
      backgroundImage: 'url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)'
    });
  }

  // ie7 and under specific styling
  if (_.isMsie() && _.isMsie() <= 7) {
    // if someone can tell me why this is necessary to align
    // the hint with the query in ie7, i'll send you $5 - @JakeHarding
    _.mixin(css.input, { marginTop: '-1px' });
  }

  return css;
})();