You are here

Home » API reference » Search Autocomplete 6.4

nice green.css in Search Autocomplete 6.4 

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

/**
 * THEME CUSTOM
 */


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

/************************************************************/
/*******     MAKE YOUR CUSTOM CHANGES IN HERE     ***********/

/* Component containers */
#myUI-theme-nice-green {
  font-family: segoe myUI, Arial, sans-serif;
  font-size: 1.1em;
  border: 1px solid #dfd9c3;
  background: #f5f3e5 url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x;
  color: #312e25;
}
#myUI-theme-nice-green a {
  color: #312e25;
}

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

/* Interaction States */
#myUI-theme-nice-green .myUI-state-hover {
  border: 1px solid #327e04;
  background: #67b021 url(images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff;
}
#myUI-theme-nice-green .myUI-state-hover a,
#myUI-theme-nice-green .myUI-state-hover a:hover {
  color: #ffffff;
  text-decoration: none;
}

File

css/custom_styles/nice green.css
View source 
  1. /*

  2.  * SEARCH AUTOCOMPLETE (version 7.3-x)

  3.  *

  4.  * Sponsored by:

  5.  * www.axiomcafe.fr

  6.  */

  7. 

  8. /**

  9.  * THEME CUSTOM

  10.  */

  11. 

  12. 

  13. /*******     DO NOT CHANGE ANYTHING IN HERE : have a look at the end of css file ***********/

  14. /* AUTOCOMPLETE  : */

  15. .myUI-theme-nice-green.myUI-autocomplete {

  16.   position: absolute;

  17.   cursor: default;

  18. }

  19. * html .myUI-theme-nice-green.myUI-autocomplete {

  20.   width: 1px; /* without this, the menu expands to 100% in IE6 */

  21. }

  22. .myUI-theme-nice-green.myUI-autocomplete-input {

  23.   background-image: url("images/throbber.gif");

  24.   background-position: 100% 4px;

  25.   background-repeat: no-repeat;

  26. }

  27. .myUI-theme-nice-green.myUI-autocomplete-loading {

  28.   background-image: url("images/throbber.gif");

  29.   background-position: 100% -16px;

  30.   background-repeat: no-repeat;

  31. }

  32. .myUI-theme-nice-green.myUI-menu {

  33.   list-style: none;

  34.   padding: 2px;

  35.   margin: 0;

  36.   display: block;

  37.   float: left;

  38. }

  39. .myUI-theme-nice-green.myUI-menu .myUI-menu {

  40.   margin-top: -3px;

  41. }

  42. .myUI-theme-nice-green.myUI-menu .myUI-menu-item {

  43.   margin: 0;

  44.   padding: 0;

  45.   zoom: 1;

  46.   float: left;

  47.   clear: left;

  48.   width: 100%;

  49. }

  50. .myUI-theme-nice-green.myUI-menu .myUI-menu-item a {

  51.   text-decoration: none;

  52.   display: block;

  53.   padding: .2em .4em;

  54.   line-height: 1.5;

  55.   zoom: 1;

  56. }

  57. .myUI-theme-nice-green.myUI-menu .myUI-menu-item a {

  58.   font-weight: normal;

  59.   margin: -1px;

  60. }

  61. 

  62. /************************************************************/

  63. /*******     MAKE YOUR CUSTOM CHANGES IN HERE     ***********/

  64. 

  65. /* Component containers */

  66. #myUI-theme-nice-green {

  67.   font-family: segoe myUI, Arial, sans-serif;

  68.   font-size: 1.1em;

  69.   border: 1px solid #dfd9c3;

  70.   background: #f5f3e5 url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x;

  71.   color: #312e25;

  72. }

  73. #myUI-theme-nice-green a {

  74.   color: #312e25;

  75. }

  76. 

  77. /* Corner radius */

  78. #myUI-theme-nice-green .myUI-corner-all {

  79.   -moz-border-radius-topleft: 6px;

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

  81.   -khtml-border-top-left-radius: 6px;

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

  83. }

  84. #myUI-theme-nice-green .myUI-corner-all {

  85.   -moz-border-radius-topright: 6px;

  86.   -webkit-border-top-right-radius: 6px;

  87.   -khtml-border-top-right-radius: 6px;

  88.   border-top-right-radius: 6px;

  89. }

  90. #myUI-theme-nice-green .myUI-corner-all {

  91.   -moz-border-radius-bottomleft: 6px;

  92.   -webkit-border-bottom-left-radius: 6px;

  93.   -khtml-border-bottom-left-radius: 6px;

  94.   border-bottom-left-radius: 6px;

  95. }

  96. #myUI-theme-nice-green .myUI-corner-all {

  97.   -moz-border-radius-bottomright: 6px;

  98.   -webkit-border-bottom-right-radius: 6px;

  99.   -khtml-border-bottom-right-radius: 6px;

  100.   border-bottom-right-radius: 6px;

  101. }

  102. 

  103. /* Interaction States */

  104. #myUI-theme-nice-green .myUI-state-hover {

  105.   border: 1px solid #327e04;

  106.   background: #67b021 url(images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x;

  107.   font-weight: normal;

  108.   color: #ffffff;

  109. }

  110. #myUI-theme-nice-green .myUI-state-hover a,

  111. #myUI-theme-nice-green .myUI-state-hover a:hover {

  112.   color: #ffffff;

  113.   text-decoration: none;

  114. }