The font colour, background and borders of the search results that appears when the various search result widgets have been inserted into articles. For more information, refer to Inserting the Search Results Widgets. An image can be used as a background in this section.
The following image illustrates the that search results display using the Search Results widget:
The following image illustrates the way that search images display using the Search Results Widget - Align Horizontally widget:
The following image illustrates the way that search images display using the Search Results Widget - Align Vertically widget:
| Component Comments |
CSS Selectors |
Line Reference |
Default Properties |
Default Property Values |
New Property Value |
| search results heading/title |
#performance-results-heading |
170 |
font-size |
16px |
|
| search results table headings |
.dataTable thead th,
.dataTable h3 |
173 |
background |
#FFF |
|
| |
|
|
font-size |
11px |
|
| search results table |
.dataTable tbody |
178 |
border-bottom |
1px solid #D7D7D7 |
|
| search result listings (odd rows) |
tr.odd td |
181 |
background-color |
#EDEDED |
|
| |
|
|
border-top |
1px solid #D7D7D7 |
|
| search result listings (even rows) |
tr.even td |
185 |
border-top |
1px solid #D7D7D7 |
|
| search results widget boxes (horizontal format) |
#search_results .search_result_div |
188 |
border |
1px solid #D7D7D7 |
|
| |
#search_results .search_result_div.even |
191 |
- |
- |
|
| |
#search_results .search_result_div.odd |
194 |
background-color |
#EDEDED |
|
| search results widget item description |
.performance-info-list .performance-description |
197 |
font-weight |
bold |
|
| availability icon legend |
#availability-legend |
200 |
background-color |
#EDEDED |
|
| |
|
|
border |
solid #D7D7D7 |
|
| |
|
|
border-width |
0 1px 1px 1px |
|
| |
#availability-legend h3 |
205 |
background-color |
#D7D7D7 |
|
| |
|
|
border |
solid #D7D7D7 |
|
| |
|
|
border-width |
1px 0px |
|
For information regarding search images, refer to Search Image Guidelines.