You are here

Home » API reference » Fast Autocomplete 8

fac.css in Fast Autocomplete 8

Same filename and directory in other branches
  1. 7 css/fac.css
.form-fac-result {
  position: relative;
}
.fac-result {
  position: absolute;
  left: 0;
  color: #000000;
  border-radius: 0 0 6px 6px;
  z-index: 99;
}
.fac-result ul.result-list {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-radius: 0 0 6px 6px;
}
.fac-result ul.result-list li {
  margin: 0;
  padding: 10px;
  list-style: none;
  border: 1px solid #ccc;
}
.fac-result ul.result-list li + li {
  margin-top: -1px;
}
.fac-result ul.result-list li.see-all-link {
  background-color: #f6f6f2;
  border-radius: 0 0 4px 4px;
}
.fac-result ul.result-list li.selected {
  background-color: #ffffcc;
}
.fac-result ul.result-list li.highlight {
  font-weight: bolder;
}
.fac-result ul.result-list li a,
.fac-result ul.result-list li a:hover {
  color: #000000;
}
.fac-result .empty-result {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
}

/* Prevent unwanted inline styling. */
.container-inline div.fac-result,
.container-inline div.fac-result div {
  display: block;
}

File

css/fac.css
View source 
  1. .form-fac-result {

  2.   position: relative;

  3. }

  4. .fac-result {

  5.   position: absolute;

  6.   left: 0;

  7.   color: #000000;

  8.   border-radius: 0 0 6px 6px;

  9.   z-index: 99;

  10. }

  11. .fac-result ul.result-list {

  12.   margin: 0;

  13.   padding: 0;

  14.   background-color: #ffffff;

  15.   border-radius: 0 0 6px 6px;

  16. }

  17. .fac-result ul.result-list li {

  18.   margin: 0;

  19.   padding: 10px;

  20.   list-style: none;

  21.   border: 1px solid #ccc;

  22. }

  23. .fac-result ul.result-list li + li {

  24.   margin-top: -1px;

  25. }

  26. .fac-result ul.result-list li.see-all-link {

  27.   background-color: #f6f6f2;

  28.   border-radius: 0 0 4px 4px;

  29. }

  30. .fac-result ul.result-list li.selected {

  31.   background-color: #ffffcc;

  32. }

  33. .fac-result ul.result-list li.highlight {

  34.   font-weight: bolder;

  35. }

  36. .fac-result ul.result-list li a,

  37. .fac-result ul.result-list li a:hover {

  38.   color: #000000;

  39. }

  40. .fac-result .empty-result {

  41.   padding: 10px;

  42.   background-color: #ffffff;

  43.   border: 1px solid #ccc;

  44.   border-radius: 0 0 4px 4px;

  45. }

  46. 

  47. /* Prevent unwanted inline styling. */

  48. .container-inline div.fac-result,

  49. .container-inline div.fac-result div {

  50.   display: block;

  51. }