(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 */