You are here

full paper brown.css in Search Autocomplete 6.4

/*
 * SEARCH AUTOCOMPLETE (version 7.3-x)
 *
 * Sponsored by:
 * www.axiomcafe.fr
 */

/**
 * THEME FULL PAPER BROWN
 */


/* AUTOCOMPLETE  */
.myUI-theme-full-paper-brown.myUI-autocomplete {
  position: absolute;
  cursor: default;
}
* html .myUI-theme-full-paper-brown.myUI-autocomplete {
  width: 1px; /* without this, the menu expands to 100% in IE6 */
}
.myUI-theme-full-paper-brown.myUI-autocomplete-input {
  background-image: url("images/throbber.gif");
  background-position: 100% 4px;
  background-repeat: no-repeat;
}
.myUI-theme-full-paper-brown.myUI-autocomplete-loading {
  background-image: url("images/throbber.gif");
  background-position: 100% -16px;
  background-repeat: no-repeat;
}
.myUI-theme-full-paper-brown.myUI-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.myUI-theme-full-paper-brown.myUI-menu .myUI-menu {
  margin-top: -3px;
}
.myUI-theme-full-paper-brown.myUI-menu .myUI-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.myUI-theme-full-paper-brown.myUI-menu .myUI-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}
.myUI-theme-full-paper-brown.myUI-menu .myUI-menu-item a {
  font-weight: normal;
  margin: -1px;
}


/*!
 * jQuery UI Autocomplete 1.8.22
 *
 * LIGHTNESS PAPER GINGER
 *
 * Copyright 2012
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Component containers */
#myUI-theme-full-paper-brown {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
  border: 1px solid #d9d6c4;
  background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat;
  color: #1f1f1f;
}
#myUI-theme-full-paper-brown. a {
  color: #1f1f1f;
}

/* Interaction states */
#myUI-theme-full-paper-brown .myUI-state-hover {
  border: 1px solid #654b24;
  background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat;
  font-weight: bold;
  color: #ffffff;
}
#myUI-theme-full-paper-brown .myUI-state-hover a,
#myUI-theme-full-paper-brown .myUI-state-hover a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Corner radius */
#myUI-theme-full-paper-brown .myUI-corner-all {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -khtml-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
#myUI-theme-full-paper-brown .myUI-corner-all {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -khtml-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
#myUI-theme-full-paper-brown .myUI-corner-all {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -khtml-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#myUI-theme-full-paper-brown .myUI-corner-all {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

File

css/custom_styles/full paper brown.css
View source
  1. /*
  2. * SEARCH AUTOCOMPLETE (version 7.3-x)
  3. *
  4. * Sponsored by:
  5. * www.axiomcafe.fr
  6. */
  7. /**
  8. * THEME FULL PAPER BROWN
  9. */
  10. /* AUTOCOMPLETE */
  11. .myUI-theme-full-paper-brown.myUI-autocomplete {
  12. position: absolute;
  13. cursor: default;
  14. }
  15. * html .myUI-theme-full-paper-brown.myUI-autocomplete {
  16. width: 1px; /* without this, the menu expands to 100% in IE6 */
  17. }
  18. .myUI-theme-full-paper-brown.myUI-autocomplete-input {
  19. background-image: url("images/throbber.gif");
  20. background-position: 100% 4px;
  21. background-repeat: no-repeat;
  22. }
  23. .myUI-theme-full-paper-brown.myUI-autocomplete-loading {
  24. background-image: url("images/throbber.gif");
  25. background-position: 100% -16px;
  26. background-repeat: no-repeat;
  27. }
  28. .myUI-theme-full-paper-brown.myUI-menu {
  29. list-style: none;
  30. padding: 2px;
  31. margin: 0;
  32. display: block;
  33. float: left;
  34. }
  35. .myUI-theme-full-paper-brown.myUI-menu .myUI-menu {
  36. margin-top: -3px;
  37. }
  38. .myUI-theme-full-paper-brown.myUI-menu .myUI-menu-item {
  39. margin: 0;
  40. padding: 0;
  41. zoom: 1;
  42. float: left;
  43. clear: left;
  44. width: 100%;
  45. }
  46. .myUI-theme-full-paper-brown.myUI-menu .myUI-menu-item a {
  47. text-decoration: none;
  48. display: block;
  49. padding: .2em .4em;
  50. line-height: 1.5;
  51. zoom: 1;
  52. }
  53. .myUI-theme-full-paper-brown.myUI-menu .myUI-menu-item a {
  54. font-weight: normal;
  55. margin: -1px;
  56. }
  57. /*!
  58. * jQuery UI Autocomplete 1.8.22
  59. *
  60. * LIGHTNESS PAPER GINGER
  61. *
  62. * Copyright 2012
  63. * Dual licensed under the MIT or GPL Version 2 licenses.
  64. * http://jquery.org/license
  65. *
  66. * http://docs.jquery.com/UI/Theming/API
  67. */
  68. /* Component containers */
  69. #myUI-theme-full-paper-brown {
  70. font-family: Verdana,Arial,sans-serif;
  71. font-size: 1.1em;
  72. border: 1px solid #d9d6c4;
  73. background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat;
  74. color: #1f1f1f;
  75. }
  76. #myUI-theme-full-paper-brown. a {
  77. color: #1f1f1f;
  78. }
  79. /* Interaction states */
  80. #myUI-theme-full-paper-brown .myUI-state-hover {
  81. border: 1px solid #654b24;
  82. background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat;
  83. font-weight: bold;
  84. color: #ffffff;
  85. }
  86. #myUI-theme-full-paper-brown .myUI-state-hover a,
  87. #myUI-theme-full-paper-brown .myUI-state-hover a:hover {
  88. color: #ffffff;
  89. text-decoration: none;
  90. }
  91. /* Corner radius */
  92. #myUI-theme-full-paper-brown .myUI-corner-all {
  93. -moz-border-radius-topleft: 5px;
  94. -webkit-border-top-left-radius: 5px;
  95. -khtml-border-top-left-radius: 5px;
  96. border-top-left-radius: 5px;
  97. }
  98. #myUI-theme-full-paper-brown .myUI-corner-all {
  99. -moz-border-radius-topright: 5px;
  100. -webkit-border-top-right-radius: 5px;
  101. -khtml-border-top-right-radius: 5px;
  102. border-top-right-radius: 5px;
  103. }
  104. #myUI-theme-full-paper-brown .myUI-corner-all {
  105. -moz-border-radius-bottomleft: 5px;
  106. -webkit-border-bottom-left-radius: 5px;
  107. -khtml-border-bottom-left-radius: 5px;
  108. border-bottom-left-radius: 5px;
  109. }
  110. #myUI-theme-full-paper-brown .myUI-corner-all {
  111. -moz-border-radius-bottomright: 5px;
  112. -webkit-border-bottom-right-radius: 5px;
  113. -khtml-border-bottom-right-radius: 5px;
  114. border-bottom-right-radius: 5px;
  115. }