/* |
/* |
================================================ |
================================================ |
autosuggest, inquisitor style |
autosuggest, inquisitor style |
================================================ |
================================================ |
*/ |
*/ |
|
|
body |
body |
{ |
{ |
position: relative; |
position: relative; |
} |
} |
|
|
|
|
div.autosuggest |
div.autosuggest |
{ |
{ |
position: absolute; |
position: absolute; |
background-image: url(images/img_inquisitor/as_pointer.gif); |
background-image: url(images/img_inquisitor/as_pointer.gif); |
background-position: top; |
background-position: top; |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
padding: 10px 0 0 0; |
padding: 10px 0 0 0; |
} |
} |
|
|
div.autosuggest div.as_header, |
div.autosuggest div.as_header, |
div.autosuggest div.as_footer |
div.autosuggest div.as_footer |
{ |
{ |
position: relative; |
position: relative; |
height: 6px; |
height: 6px; |
padding: 0 6px; |
padding: 0 6px; |
background-image: url(images/img_inquisitor/ul_corner_tr.gif); |
background-image: url(images/img_inquisitor/ul_corner_tr.gif); |
background-position: top right; |
background-position: top right; |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
overflow: hidden; |
overflow: hidden; |
} |
} |
div.autosuggest div.as_footer |
div.autosuggest div.as_footer |
{ |
{ |
background-image: url(images/img_inquisitor/ul_corner_br.gif); |
background-image: url(images/img_inquisitor/ul_corner_br.gif); |
} |
} |
|
|
div.autosuggest div.as_header div.as_corner, |
div.autosuggest div.as_header div.as_corner, |
div.autosuggest div.as_footer div.as_corner |
div.autosuggest div.as_footer div.as_corner |
{ |
{ |
position: absolute; |
position: absolute; |
top: 0; |
top: 0; |
left: 0; |
left: 0; |
height: 6px; |
height: 6px; |
width: 6px; |
width: 6px; |
background-image: url(images/img_inquisitor/ul_corner_tl.gif); |
background-image: url(images/img_inquisitor/ul_corner_tl.gif); |
background-position: top left; |
background-position: top left; |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
} |
} |
div.autosuggest div.as_footer div.as_corner |
div.autosuggest div.as_footer div.as_corner |
{ |
{ |
background-image: url(images/img_inquisitor/ul_corner_bl.gif); |
background-image: url(images/img_inquisitor/ul_corner_bl.gif); |
} |
} |
div.autosuggest div.as_header div.as_bar, |
div.autosuggest div.as_header div.as_bar, |
div.autosuggest div.as_footer div.as_bar |
div.autosuggest div.as_footer div.as_bar |
{ |
{ |
height: 6px; |
height: 6px; |
overflow: hidden; |
overflow: hidden; |
background-color: #333; |
background-color: #333; |
} |
} |
|
|
|
|
div.autosuggest ul |
div.autosuggest ul |
{ |
{ |
list-style: none; |
list-style: none; |
margin: 0 0 -4px 0; |
margin: 0 0 -4px 0; |
padding: 0; |
padding: 0; |
overflow: hidden; |
overflow: hidden; |
background-color: #333; |
background-color: #333; |
} |
} |
|
|
div.autosuggest ul li |
div.autosuggest ul li |
{ |
{ |
color: #ccc; |
color: #ccc; |
padding: 0; |
padding: 0; |
margin: 0 4px 4px; |
margin: 0 4px 4px; |
text-align: left; |
text-align: left; |
} |
} |
|
|
div.autosuggest ul li a |
div.autosuggest ul li a |
{ |
{ |
color: #ccc; |
color: #ccc; |
display: block; |
display: block; |
text-decoration: none; |
text-decoration: none; |
background-color: transparent; |
background-color: transparent; |
text-shadow: #000 0px 0px 5px; |
text-shadow: #000 0px 0px 5px; |
position: relative; |
position: relative; |
padding: 0; |
padding: 0; |
width: 100%; |
width: 100%; |
} |
} |
div.autosuggest ul li a:hover |
div.autosuggest ul li a:hover |
{ |
{ |
background-color: #444; |
background-color: #444; |
} |
} |
div.autosuggest ul li.as_highlight a:hover |
div.autosuggest ul li.as_highlight a:hover |
{ |
{ |
background-color: #1B5CCD; |
background-color: #1B5CCD; |
} |
} |
|
|
div.autosuggest ul li a span |
div.autosuggest ul li a span |
{ |
{ |
display: block; |
display: block; |
padding: 3px 6px; |
padding: 3px 6px; |
font-weight: bold; |
font-weight: bold; |
} |
} |
|
|
div.autosuggest ul li a span small |
div.autosuggest ul li a span small |
{ |
{ |
font-weight: normal; |
font-weight: normal; |
color: #999; |
color: #999; |
} |
} |
|
|
div.autosuggest ul li.as_highlight a span small |
div.autosuggest ul li.as_highlight a span small |
{ |
{ |
color: #ccc; |
color: #ccc; |
} |
} |
|
|
div.autosuggest ul li.as_highlight a |
div.autosuggest ul li.as_highlight a |
{ |
{ |
color: #fff; |
color: #fff; |
background-color: #1B5CCD; |
background-color: #1B5CCD; |
background-image: url(images/img_inquisitor/hl_corner_br.gif); |
background-image: url(images/img_inquisitor/hl_corner_br.gif); |
background-position: bottom right; |
background-position: bottom right; |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
} |
} |
|
|
div.autosuggest ul li.as_highlight a span |
div.autosuggest ul li.as_highlight a span |
{ |
{ |
background-image: url(images/img_inquisitor/hl_corner_bl.gif); |
background-image: url(images/img_inquisitor/hl_corner_bl.gif); |
background-position: bottom left; |
background-position: bottom left; |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
} |
} |
|
|
div.autosuggest ul li a .tl, |
div.autosuggest ul li a .tl, |
div.autosuggest ul li a .tr |
div.autosuggest ul li a .tr |
{ |
{ |
background-image: transparent; |
background-image: transparent; |
background-repeat: no-repeat; |
background-repeat: no-repeat; |
width: 6px; |
width: 6px; |
height: 6px; |
height: 6px; |
position: absolute; |
position: absolute; |
top: 0; |
top: 0; |
padding: 0; |
padding: 0; |
margin: 0; |
margin: 0; |
} |
} |
div.autosuggest ul li a .tr |
div.autosuggest ul li a .tr |
{ |
{ |
right: 0; |
right: 0; |
} |
} |
|
|
div.autosuggest ul li.as_highlight a .tl |
div.autosuggest ul li.as_highlight a .tl |
{ |
{ |
left: 0; |
left: 0; |
background-image: url(images/img_inquisitor/hl_corner_tl.gif); |
background-image: url(images/img_inquisitor/hl_corner_tl.gif); |
background-position: bottom left; |
background-position: bottom left; |
} |
} |
|
|
div.autosuggest ul li.as_highlight a .tr |
div.autosuggest ul li.as_highlight a .tr |
{ |
{ |
right: 0; |
right: 0; |
background-image: url(images/img_inquisitor/hl_corner_tr.gif); |
background-image: url(images/img_inquisitor/hl_corner_tr.gif); |
background-position: bottom right; |
background-position: bottom right; |
} |
} |
|
|
|
|
|
|
div.autosuggest ul li.as_warning |
div.autosuggest ul li.as_warning |
{ |
{ |
font-weight: bold; |
font-weight: bold; |
text-align: center; |
text-align: center; |
} |
} |
|
|
div.autosuggest ul em |
div.autosuggest ul em |
{ |
{ |
font-style: normal; |
font-style: normal; |
color: #6EADE7; |
color: #6EADE7; |
} |
} |