nice blue.css in Search Autocomplete 6.4
/*
* SEARCH AUTOCOMPLETE (version 7.3-x)
*
* Sponsored by:
* www.axiomcafe.fr
*/
/**
* THEME NICE BLUE
*/
/* AUTOCOMPLETE */
.myUI-theme-nice-blue.myUI-autocomplete {
position: absolute;
cursor: default;
}
* html .myUI-theme-nice-blue.myUI-autocomplete {
width: 1px; /* without this, the menu expands to 100% in IE6 */
}
.myUI-theme-nice-blue.myUI-autocomplete-input {
background-image: url("images/throbber.gif");
background-position: 100% 4px;
background-repeat: no-repeat;
}
.myUI-theme-nice-blue.myUI-autocomplete-loading {
background-image: url("images/throbber.gif");
background-position: 100% -16px;
background-repeat: no-repeat;
}
.myUI-theme-nice-blue.myUI-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.myUI-theme-nice-blue.myUI-menu .myUI-menu {
margin-top: -3px;
}
.myUI-theme-nice-blue.myUI-menu .myUI-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.myUI-theme-nice-blue.myUI-menu .myUI-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1;
}
.myUI-theme-nice-blue.myUI-menu .myUI-menu-item a {
font-weight: normal;
margin: -1px;
}
/*!
* jQuery UI CSS Framework 1.8.22
*
* START THEME
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* 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-nice-blue {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
border: 1px solid #a6c9e2;
background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color: #222222;
}
#myUI-theme-nice-blue a {
color: #222222;
}
/* Corner radius */
#myUI-theme-nice-blue .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-nice-blue .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-nice-blue .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-nice-blue .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;
}
/* Interaction states */
#myUI-theme-nice-blue .myUI-state-hover {
border: 1px solid #448dae;
background: #79c9ec url(images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #026890;
}
#myUI-theme-nice-blue .myUI-state-hover a,
#myUI-theme-nice-blue .myUI-state-hover a:hover {
color: #026890;
text-decoration: none;
}
File
css/custom_styles/nice blue.css
View source
- /*
- * SEARCH AUTOCOMPLETE (version 7.3-x)
- *
- * Sponsored by:
- * www.axiomcafe.fr
- */
-
- /**
- * THEME NICE BLUE
- */
-
-
- /* AUTOCOMPLETE */
- .myUI-theme-nice-blue.myUI-autocomplete {
- position: absolute;
- cursor: default;
- }
- * html .myUI-theme-nice-blue.myUI-autocomplete {
- width: 1px; /* without this, the menu expands to 100% in IE6 */
- }
- .myUI-theme-nice-blue.myUI-autocomplete-input {
- background-image: url("images/throbber.gif");
- background-position: 100% 4px;
- background-repeat: no-repeat;
- }
- .myUI-theme-nice-blue.myUI-autocomplete-loading {
- background-image: url("images/throbber.gif");
- background-position: 100% -16px;
- background-repeat: no-repeat;
- }
- .myUI-theme-nice-blue.myUI-menu {
- list-style: none;
- padding: 2px;
- margin: 0;
- display: block;
- float: left;
- }
- .myUI-theme-nice-blue.myUI-menu .myUI-menu {
- margin-top: -3px;
- }
- .myUI-theme-nice-blue.myUI-menu .myUI-menu-item {
- margin: 0;
- padding: 0;
- zoom: 1;
- float: left;
- clear: left;
- width: 100%;
- }
- .myUI-theme-nice-blue.myUI-menu .myUI-menu-item a {
- text-decoration: none;
- display: block;
- padding: .2em .4em;
- line-height: 1.5;
- zoom: 1;
- }
- .myUI-theme-nice-blue.myUI-menu .myUI-menu-item a {
- font-weight: normal;
- margin: -1px;
- }
-
- /*!
- * jQuery UI CSS Framework 1.8.22
- *
- * START THEME
- * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
- * 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-nice-blue {
- font-family: Verdana, Arial, sans-serif;
- font-size: 1.1em;
- border: 1px solid #a6c9e2;
- background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
- color: #222222;
- }
- #myUI-theme-nice-blue a {
- color: #222222;
- }
-
- /* Corner radius */
- #myUI-theme-nice-blue .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-nice-blue .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-nice-blue .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-nice-blue .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;
- }
-
- /* Interaction states */
- #myUI-theme-nice-blue .myUI-state-hover {
- border: 1px solid #448dae;
- background: #79c9ec url(images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
- font-weight: normal;
- color: #026890;
- }
- #myUI-theme-nice-blue .myUI-state-hover a,
- #myUI-theme-nice-blue .myUI-state-hover a:hover {
- color: #026890;
- text-decoration: none;
- }