You are here

Home » API reference » Autocomplete Deluxe 2.0.x

autocomplete_deluxe.seven.css in Autocomplete Deluxe 2.0.x

Same filename and directory in other branches
  1. 8 assets/css/autocomplete_deluxe.seven.css
.ui-button {
  border: 1px solid #ccc;
  background: #e6e6e6;
}

.ui-button.ui-state-active {
  border: 1px solid #777;
  font-weight: bold;
}

.ui-state-hover,
.ui-state-focus {
  border: 1px solid #bbb;
}

.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-bottom {
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-right {
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-left {
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all {
  border-radius: 4px;
}

File

assets/css/autocomplete_deluxe.seven.css
View source 
  1. .ui-button {

  2.   border: 1px solid #ccc;

  3.   background: #e6e6e6;

  4. }

  5. 

  6. .ui-button.ui-state-active {

  7.   border: 1px solid #777;

  8.   font-weight: bold;

  9. }

  10. 

  11. .ui-state-hover,

  12. .ui-state-focus {

  13.   border: 1px solid #bbb;

  14. }

  15. 

  16. .ui-corner-tl {

  17.   border-top-left-radius: 4px;

  18. }

  19. 

  20. .ui-corner-tr {

  21.   border-top-right-radius: 4px;

  22. }

  23. 

  24. .ui-corner-bl {

  25.   border-bottom-left-radius: 4px;

  26. }

  27. 

  28. .ui-corner-br {

  29.   border-bottom-right-radius: 4px;

  30. }

  31. 

  32. .ui-corner-top {

  33.   -moz-border-radius-topleft: 4px;

  34.   border-top-left-radius: 4px;

  35.   -moz-border-radius-topright: 4px;

  36.   border-top-right-radius: 4px;

  37. }

  38. 

  39. .ui-corner-bottom {

  40.   -moz-border-radius-bottomright: 4px;

  41.   border-bottom-right-radius: 4px;

  42.   -moz-border-radius-bottomleft: 4px;

  43.   border-bottom-left-radius: 4px;

  44. }

  45. 

  46. .ui-corner-right {

  47.   -moz-border-radius-topright: 4px;

  48.   border-top-right-radius: 4px;

  49.   -moz-border-radius-bottomright: 4px;

  50.   border-bottom-right-radius: 4px;

  51. }

  52. 

  53. .ui-corner-left {

  54.   -moz-border-radius-topleft: 4px;

  55.   border-top-left-radius: 4px;

  56.   -moz-border-radius-bottomleft: 4px;

  57.   border-bottom-left-radius: 4px;

  58. }

  59. 

  60. .ui-corner-all {

  61.   border-radius: 4px;

  62. }