/ docs / search / search.css
search.css
  1  /*---------------- Search Box */
  2  
  3  #FSearchBox {
  4      float: left;
  5  }
  6  
  7  #MSearchBox {
  8      white-space : nowrap;
  9      float: none;
 10      margin-top: 8px;
 11      right: 0px;
 12      width: 170px;
 13      height: 24px;
 14      z-index: 102;
 15  }
 16  
 17  #MSearchBox .left
 18  {
 19      display:block;
 20      position:absolute;
 21      left:10px;
 22      width:20px;
 23      height:19px;
 24      background:url('search_l.png') no-repeat;
 25      background-position:right;
 26  }
 27  
 28  #MSearchSelect {
 29      display:block;
 30      position:absolute;
 31      width:20px;
 32      height:19px;
 33  }
 34  
 35  .left #MSearchSelect {
 36      left:4px;
 37  }
 38  
 39  .right #MSearchSelect {
 40      right:5px;
 41  }
 42  
 43  #MSearchField {
 44      display:block;
 45      position:absolute;
 46      height:19px;
 47      background:url('search_m.png') repeat-x;
 48      border:none;
 49      width:115px;
 50      margin-left:20px;
 51      padding-left:4px;
 52      color: #909090;
 53      outline: none;
 54      font: 9pt Arial, Verdana, sans-serif;
 55      -webkit-border-radius: 0px;
 56  }
 57  
 58  #FSearchBox #MSearchField {
 59      margin-left:15px;
 60  }
 61  
 62  #MSearchBox .right {
 63      display:block;
 64      position:absolute;
 65      right:10px;
 66      top:8px;
 67      width:20px;
 68      height:19px;
 69      background:url('search_r.png') no-repeat;
 70      background-position:left;
 71  }
 72  
 73  #MSearchClose {
 74      display: none;
 75      position: absolute;
 76      top: 4px;
 77      background : none;
 78      border: none;
 79      margin: 0px 4px 0px 0px;
 80      padding: 0px 0px;
 81      outline: none;
 82  }
 83  
 84  .left #MSearchClose {
 85      left: 6px;
 86  }
 87  
 88  .right #MSearchClose {
 89      right: 2px;
 90  }
 91  
 92  .MSearchBoxActive #MSearchField {
 93      color: #000000;
 94  }
 95  
 96  /*---------------- Search filter selection */
 97  
 98  #MSearchSelectWindow {
 99      display: none;
100      position: absolute;
101      left: 0; top: 0;
102      border: 1px solid #90A5CE;
103      background-color: #F9FAFC;
104      z-index: 10001;
105      padding-top: 4px;
106      padding-bottom: 4px;
107      -moz-border-radius: 4px;
108      -webkit-border-top-left-radius: 4px;
109      -webkit-border-top-right-radius: 4px;
110      -webkit-border-bottom-left-radius: 4px;
111      -webkit-border-bottom-right-radius: 4px;
112      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
113  }
114  
115  .SelectItem {
116      font: 8pt Arial, Verdana, sans-serif;
117      padding-left:  2px;
118      padding-right: 12px;
119      border: 0px;
120  }
121  
122  span.SelectionMark {
123      margin-right: 4px;
124      font-family: monospace;
125      outline-style: none;
126      text-decoration: none;
127  }
128  
129  a.SelectItem {
130      display: block;
131      outline-style: none;
132      color: #000000; 
133      text-decoration: none;
134      padding-left:   6px;
135      padding-right: 12px;
136  }
137  
138  a.SelectItem:focus,
139  a.SelectItem:active {
140      color: #000000; 
141      outline-style: none;
142      text-decoration: none;
143  }
144  
145  a.SelectItem:hover {
146      color: #FFFFFF;
147      background-color: #3D578C;
148      outline-style: none;
149      text-decoration: none;
150      cursor: pointer;
151      display: block;
152  }
153  
154  /*---------------- Search results window */
155  
156  iframe#MSearchResults {
157      width: 60ex;
158      height: 15em;
159  }
160  
161  #MSearchResultsWindow {
162      display: none;
163      position: absolute;
164      left: 0; top: 0;
165      border: 1px solid #000;
166      background-color: #EEF1F7;
167      z-index:10000;
168  }
169  
170  /* ----------------------------------- */
171  
172  
173  #SRIndex {
174      clear:both; 
175      padding-bottom: 15px;
176  }
177  
178  .SREntry {
179      font-size: 10pt;
180      padding-left: 1ex;
181  }
182  
183  .SRPage .SREntry {
184      font-size: 8pt;
185      padding: 1px 5px;
186  }
187  
188  body.SRPage {
189      margin: 5px 2px;
190  }
191  
192  .SRChildren {
193      padding-left: 3ex; padding-bottom: .5em 
194  }
195  
196  .SRPage .SRChildren {
197      display: none;
198  }
199  
200  .SRSymbol {
201      font-weight: bold; 
202      color: #425E97;
203      font-family: Arial, Verdana, sans-serif;
204      text-decoration: none;
205      outline: none;
206  }
207  
208  a.SRScope {
209      display: block;
210      color: #425E97; 
211      font-family: Arial, Verdana, sans-serif;
212      text-decoration: none;
213      outline: none;
214  }
215  
216  a.SRSymbol:focus, a.SRSymbol:active,
217  a.SRScope:focus, a.SRScope:active {
218      text-decoration: underline;
219  }
220  
221  span.SRScope {
222      padding-left: 4px;
223  }
224  
225  .SRPage .SRStatus {
226      padding: 2px 5px;
227      font-size: 8pt;
228      font-style: italic;
229  }
230  
231  .SRResult {
232      display: none;
233  }
234  
235  DIV.searchresults {
236      margin-left: 10px;
237      margin-right: 10px;
238  }
239  
240  /*---------------- External search page results */
241  
242  .searchresult {
243      background-color: #F0F3F8;
244  }
245  
246  .pages b {
247     color: white;
248     padding: 5px 5px 3px 5px;
249     background-image: url("../tab_a.png");
250     background-repeat: repeat-x;
251     text-shadow: 0 1px 1px #000000;
252  }
253  
254  .pages {
255      line-height: 17px;
256      margin-left: 4px;
257      text-decoration: none;
258  }
259  
260  .hl {
261      font-weight: bold;
262  }
263  
264  #searchresults {
265      margin-bottom: 20px;
266  }
267  
268  .searchpages {
269      margin-top: 10px;
270  }
271