ALI 6.5 Adaptive Styles Search Elements
These elements control style and layout for search elements,
including search forms and the search browse page. This is not a complete
list; for all available elements, see the mainstyle.css file.
| Element |
Search Component |
Example |
| #ali-bannerSearch |
The basic (banner) search form in the portal banner. |
#ali-bannerSearch {
clear:right;
float:right;
position:relative;
width:400px;
padding: 18px 24px 0px 24px;
}
|
| #ali-searchAdvanced |
The div below the banner search box that contains the advanced
search text link. |
#ali-searchAdvanced {
clear:right;
float:right;
width:320px;
margin:0 0 0 0;
padding:0 90px 0 0;
}
|
| input.ali-searchBox |
The search input box in the search form. Applies to the input
box itself only when it appears in the banner. |
input.ali-searchBox {
color:#999999;
border:outset 1px;
padding: 1px;
}
|
| input.ali-searchButton |
The search button in the search form. Applies to the search
button in the banner only. |
input.ali-searchButton {
background-image:url(../img/button_search_gradient.gif);
background-repeat:repeat-x;
border:outset 0px;
padding:2px 6px;
margin-left:4px;
color:#1A48A4;
font-size:.8em;
}
|
| input[type="button"]:hover |
The search button on mouse-over. Applies to the search button
in the banner. |
input[type="button"]:hover {
color:#FF6000;
}
|
| #ali-search-modifier-container |
The search form on the search results/browse page. |
#ali-search-modifier-container {
clear:both;
float:left;
width:99%;
margin:6px 0 0 0;
padding:0;
min-width:980px;
}
|
| #ali-search-results |
The search results section on the search browse page. |
#ali-search-results {
clear:both;
float:left;
width:78%;
min-width:625px;
margin:12px 0 0 32px;
padding:0;
}
|
