File: fbautocomplete/fbautocomplete.css

Recommend this page to a friend!
  Classes of Igor Crevar   jQuery Facebook Autocomplete   fbautocomplete/fbautocomplete.css   Download  
File: fbautocomplete/fbautocomplete.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: jQuery Facebook Autocomplete
Autocomplete text using AJAX like Facebook
Author: By
Last change: fix plugin so it now works with jquery 1.11.1. refactor a little. Made better example and delete bunch of stupid files. Ofcourse, better readme
Date: 2 years ago
Size: 1,313 bytes
 

Contents

Class file image Download
div.fbautocomplete-main-div { width:500px; padding:3px 3px 0; margin:0 auto; border:1px solid #aaa; background-color:#fff; cursor:text; } ul.ui-autocomplete{ list-style:none; } ul.ui-autocomplete li { list-style:none; } div.fbautocomplete-main-div input[type="text"] { width: 200px; margin:0 0 2px 0; padding:0 0 3px; position:relative; top:0; border:none; border-color: transparent; /* ie7 fix */ display:block; } div.fbautocomplete-main-div span { display:block; margin:0 3px 3px 0; padding:3px 20px 4px 8px; position:relative; float:left; background-color:#eee; border:1px solid #333; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; color:#333; font:normal 11px Verdana, Sans-serif; width:auto; text-align:left; } div.fbautocomplete-main-div span a { position:absolute; right:8px; top:2px; color:#666; font:bold 12px Verdana, Sans-serif; text-decoration:none; } div.fbautocomplete-main-div span a:hover { color:#ff0000; } .ui-menu .ui-menu-item { white-space:nowrap; padding:2px 10px 2px 2px; font-size:15px; } .ui-menu .ui-menu-item img { width: 24px; height: 24px; padding: 2px 4px 2px 2px; vertical-align: middle; }