You are here

Home » API reference » Autocomplete Deluxe 7

autocomplete_deluxe.seven.css in Autocomplete Deluxe 7

Same filename and directory in other branches
  1. 7.2 autocomplete_deluxe.seven.css
@CHARSET "UTF-8";

/**
 * JQuery UI style sheet fix for seven.
 */

.ui-button {
  border: 1px solid #cccccc;
  background: #e6e6e6;
}

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

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

/**
 * Corner radius
 */
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

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

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

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

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

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

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

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

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

File

autocomplete_deluxe.seven.css
View source 
  1. @CHARSET "UTF-8";

  2. 

  3. /**

  4.  * JQuery UI style sheet fix for seven.

  5.  */

  6. 

  7. .ui-button {

  8.   border: 1px solid #cccccc;

  9.   background: #e6e6e6;

  10. }

  11. 

  12. .ui-state-hover,

  13. .ui-state-focus {

  14.   border: 1px solid #bbbbbb;

  15. }

  16. 

  17. .ui-button.ui-state-active {

  18.   border: 1px solid #777777;

  19.   font-weight: bold;

  20. }

  21. 

  22. /**

  23.  * Corner radius

  24.  */

  25. .ui-corner-tl {

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

  27.   -webkit-border-top-left-radius: 4px;

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

  29. }

  30. 

  31. .ui-corner-tr {

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

  33.   -webkit-border-top-right-radius: 4px;

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

  35. }

  36. 

  37. .ui-corner-bl {

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

  39.   -webkit-border-bottom-left-radius: 4px;

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

  41. }

  42. 

  43. .ui-corner-br {

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

  45.   -webkit-border-bottom-right-radius: 4px;

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

  47. }

  48. 

  49. .ui-corner-top {

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

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

  52.   -webkit-border-top-left-radius: 4px;

  53.   -webkit-border-top-right-radius: 4px;

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

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

  56. }

  57. 

  58. .ui-corner-bottom {

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

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

  61.   -webkit-border-bottom-left-radius: 4px;

  62.   -webkit-border-bottom-right-radius: 4px;

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

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

  65. }

  66. 

  67. .ui-corner-right {

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

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

  70.   -webkit-border-bottom-right-radius: 4px;

  71.   -webkit-border-top-right-radius: 4px;

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

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

  74. }

  75. 

  76. .ui-corner-left {

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

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

  79.   -webkit-border-bottom-left-radius: 4px;

  80.   -webkit-border-top-left-radius: 4px;

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

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

  83. }

  84. 

  85. .ui-corner-all {

  86.   -moz-border-radius: 4px;

  87.   -webkit-border-radius: 4px;

  88.   border-radius: 4px;

  89. }