autosuggest/css/autosuggest_inquisitor.css

   1 /*
   2 ================================================
   3 autosuggest, inquisitor style
   4 ================================================
   5 */
   6
   7 body
   8 {
   9    /* removed as conflicts with phpfspot's CSS */
  10         /* position: relative; */
  11 }
  12
  13
  14 div.autosuggest
  15 {
  16         position: absolute;
  17         background-image: url(img_inquisitor/as_pointer.gif);
  18         background-position: top;
  19         background-repeat: no-repeat;
  20         padding: 10px 0 0 0;
  21 }
  22
  23 div.autosuggest div.as_header,
  24 div.autosuggest div.as_footer
  25 {
  26         position: relative;
  27         height: 6px;
  28         padding: 0 6px;
  29         background-image: url(img_inquisitor/ul_corner_tr.gif);
  30         background-position: top right;
  31         background-repeat: no-repeat;
  32         overflow: hidden;
  33 }
  34 div.autosuggest div.as_footer
  35 {
  36         background-image: url(img_inquisitor/ul_corner_br.gif);
  37 }
  38
  39 div.autosuggest div.as_header div.as_corner,
  40 div.autosuggest div.as_footer div.as_corner
  41 {
  42         position: absolute;
  43         top: 0;
  44         left: 0;
  45         height: 6px;
  46         width: 6px;
  47         background-image: url(img_inquisitor/ul_corner_tl.gif);
  48         background-position: top left;
  49         background-repeat: no-repeat;
  50 }
  51 div.autosuggest div.as_footer div.as_corner
  52 {
  53         background-image: url(img_inquisitor/ul_corner_bl.gif);
  54 }
  55 div.autosuggest div.as_header div.as_bar,
  56 div.autosuggest div.as_footer div.as_bar
  57 {
  58         height: 6px;
  59         overflow: hidden;
  60         background-color: #333;
  61 }
  62
  63
  64 div.autosuggest ul
  65 {
  66         list-style: none;
  67         margin: 0 0 -4px 0;
  68         padding: 0;
  69         overflow: hidden;
  70         background-color: #333;
  71 }
  72
  73 div.autosuggest ul li
  74 {
  75         color: #ccc;
  76         padding: 0;
  77         margin: 0 4px 4px;
  78         text-align: left;
  79 }
  80
  81 div.autosuggest ul li a
  82 {
  83         color: #ccc;
  84         display: block;
  85         text-decoration: none;
  86         background-color: transparent;
  87         text-shadow: #000 0px 0px 5px;
  88         position: relative;
  89         padding: 0;
  90         width: 100%;
  91 }
  92 div.autosuggest ul li a:hover
  93 {
  94         background-color: #444;
  95 }
  96 div.autosuggest ul li.as_highlight a:hover
  97 {
  98         background-color: #1B5CCD;
  99 }
 100
 101 div.autosuggest ul li a span
 102 {
 103         display: block;
 104         padding: 3px 6px;
 105         font-weight: bold;
 106 }
 107
 108 div.autosuggest ul li a span small
 109 {
 110         font-weight: normal;
 111         color: #999;
 112 }
 113
 114 div.autosuggest ul li.as_highlight a span small
 115 {
 116         color: #ccc;
 117 }
 118
 119 div.autosuggest ul li.as_highlight a
 120 {
 121         color: #fff;
 122         background-color: #1B5CCD;
 123         background-image: url(img_inquisitor/hl_corner_br.gif);
 124         background-position: bottom right;
 125         background-repeat: no-repeat;
 126 }
 127
 128 div.autosuggest ul li.as_highlight a span
 129 {
 130         background-image: url(img_inquisitor/hl_corner_bl.gif);
 131         background-position: bottom left;
 132         background-repeat: no-repeat;
 133 }
 134
 135 div.autosuggest ul li a .tl,
 136 div.autosuggest ul li a .tr
 137 {
 138         background-image: transparent;
 139         background-repeat: no-repeat;
 140         width: 6px;
 141         height: 6px;
 142         position: absolute;
 143         top: 0;
 144         padding: 0;
 145         margin: 0;
 146 }
 147 div.autosuggest ul li a .tr
 148 {
 149         right: 0;
 150 }
 151
 152 div.autosuggest ul li.as_highlight a .tl
 153 {
 154         left: 0;
 155         background-image: url(img_inquisitor/hl_corner_tl.gif);
 156         background-position: bottom left;
 157 }
 158
 159 div.autosuggest ul li.as_highlight a .tr
 160 {
 161         right: 0;
 162         background-image: url(img_inquisitor/hl_corner_tr.gif);
 163         background-position: bottom right;
 164 }
 165
 166
 167
 168 div.autosuggest ul li.as_warning
 169 {
 170         font-weight: bold;
 171         text-align: center;
 172 }
 173
 174 div.autosuggest ul em
 175 {
 176         font-style: normal;
 177         color: #6EADE7;
 178 }