Skip to content

Instantly share code, notes, and snippets.

@jsc-dev

jsc-dev/typeahead_styles.css

Created June 16, 2015 05:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jsc-dev/fa0a3d55ea6caa10b2da to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jsc-dev/fa0a3d55ea6caa10b2da to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jsc-dev created this gist Jun 16, 2015.
    66 changes: 66 additions & 0 deletions typeahead_styles.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,66 @@
    /*
    * typeahead style
    * https://github.com/bassjobsen/typeahead.js-bootstrap-css
    * twitter typeahead fixes
    * https://gist.github.com/bhays/6140058
    */

    span.twitter-typeahead {
    width: 100%;
    }
    .input-group span.twitter-typeahead {
    display: block !important;
    }
    .input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 32px !important;
    }
    .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
    top: 44px !important;
    }
    .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
    top: 28px !important;
    }


    .tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    }

    .tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
    }

    .tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

    }

    .tt-suggestion p {
    margin: 0;
    }

    .tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }