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.cssView source
- /*
- * 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;
- }