(Dateiname bei FINDOLOGIC: structured_autocomplete.css)
In der CSS-Datei findologic_suggest.css finden Sie bereits eine Auswahl an Klassen class= und deren Eigenschaften für die Gestaltung des FINDOLOGIC Suggest-Layers.
Wegweiser: Integration der FINDOLOGIC Suggest-Funktion
/* $Revision: 237 $ */
/* FINDOLOGIC Autocomplete Start */
.ac_results {
padding: 0px 10px 0px 10px;
border: 1px solid #ADACAC;
background-color: white;
overflow: hidden;
z-index: 30000;
width:270px;
margin: -1px 0px 0px 0px;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results td {
margin: 0px;
padding: 5px 10px;
cursor: default;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
/*background-color: #eee;*/
}
.ac_over {
background-color: #F0F0F0;
}
.ac_results td.ac_name {
text-align: left;
}
.ac_results td.ac_cat {
text-align: right;
}
.autocompletecount {
color: #808080;
float: right;
font-size: 8pt;
}
.autocompleteCat, .autocompleteCat .flHighlight {
font-weight:bold;
background-color:#fff;
color:#000;
}
.autocompleteCat {
margin:-2px -15px 2px;
padding:5px;
}
.flHighlight {
color: #780121;
font-weight: normal;
font-size: inherit;
}
.ac_results td.ac_image {
padding: 5px 0px 5px 5px;
}
#preview {
position:absolute;
border:1px solid #ccc;
background:#333;
display:none;
color:#fff;
z-index: 100000;
}
.ac_results td.headline {
padding:5px 0px 6px 10px !important;
}
.ac_result td.ac_name {
width:115px;
}
.ac_results td.ac_price {
width:55px;
padding:5px 5px 5px 5px;
text-align:right;
}
.ac_results td.ac_baseprice {
width:0px;
padding:0px 0px 0px 0px;
}
.ac_title_row td {
border-bottom: 1px dotted #D8D8D8;
}
.ac_results .ac_over td,
.ac_results td.allResults {
cursor:pointer;
}
/* FINDOLOGIC Autocomplete End */