1 |
body { |
2 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
3 |
font-size: 80%; /* Enables font size scaling in MSIE */ |
4 |
color: #213242; |
5 |
margin: 0; |
6 |
padding: 0; |
7 |
} |
8 |
|
9 |
|
10 |
/* header */ |
11 |
|
12 |
#header { |
13 |
font-family: verdana, helvetica, arial, sans-serif; |
14 |
font-size: 93%; |
15 |
} |
16 |
|
17 |
.superHeader { |
18 |
color: rgb(130,128,154); |
19 |
background-color: rgb(33,50,66); |
20 |
text-align: right; |
21 |
margin: 0; |
22 |
padding: 0.5ex 10px; |
23 |
} |
24 |
|
25 |
.superHeader a { |
26 |
color: rgb(195,196,210); |
27 |
background-color: transparent; |
28 |
text-decoration: none; |
29 |
margin: 0; |
30 |
padding: 0 0.25ex 0 0; |
31 |
} |
32 |
|
33 |
.superHeader a:hover { |
34 |
color: rgb(193,102,90); |
35 |
background-color: transparent; |
36 |
text-decoration: none; |
37 |
} |
38 |
|
39 |
.midHeader { |
40 |
color: white; |
41 |
background-color: rgb(61,92,122); |
42 |
margin: 0; |
43 |
padding: 0.26ex 10px; |
44 |
} |
45 |
|
46 |
.headerSubTitle { |
47 |
font-size: 151%; |
48 |
font-weight: normal; |
49 |
font-style: italic; |
50 |
margin: 0 0 0.3ex 0; |
51 |
padding: 0; |
52 |
} |
53 |
|
54 |
.subHeader { |
55 |
color: white; |
56 |
background-color: rgb(117,144,174); |
57 |
margin: 0; |
58 |
padding: 0.5ex 10px; |
59 |
height: 8px; |
60 |
} |
61 |
|
62 |
/* title */ |
63 |
|
64 |
#title { |
65 |
padding: 10px; |
66 |
font-weight: bold; |
67 |
font-size: 95%; |
68 |
} |
69 |
|
70 |
|
71 |
/* form */ |
72 |
|
73 |
#results_form { |
74 |
width: 690px; |
75 |
margin-left: 1%; |
76 |
margin-right: 1%; |
77 |
} |
78 |
|
79 |
/* autocomplete */ |
80 |
|
81 |
div.auto_complete { |
82 |
width: 350px; |
83 |
background: #fff; |
84 |
} |
85 |
|
86 |
div.auto_complete ul { |
87 |
border:1px solid #888; |
88 |
margin:0; |
89 |
padding:0; |
90 |
width:100%; |
91 |
list-style-type:none; |
92 |
} |
93 |
|
94 |
div.auto_complete ul li { |
95 |
margin:0; |
96 |
padding:3px; |
97 |
} |
98 |
|
99 |
div.auto_complete ul li.selected { |
100 |
background-color: #ffb; |
101 |
} |
102 |
|
103 |
div.auto_complete ul strong.highlight { |
104 |
color: #800; |
105 |
margin:0; |
106 |
padding:0; |
107 |
} |
108 |
|
109 |
/* databases */ |
110 |
|
111 |
.databases { |
112 |
position: absolute; |
113 |
top: 80px; |
114 |
left: 720px; |
115 |
display: inline; |
116 |
} |
117 |
|
118 |
#database_list { |
119 |
border: 1px solid #c0c0c0; |
120 |
list-style-type:none; |
121 |
margin: 0.5em; |
122 |
padding: 10px; |
123 |
font-size: 90%; |
124 |
color: blue; |
125 |
} |
126 |
|
127 |
.database_stats { |
128 |
color: #888; |
129 |
font-size: 0.9em; |
130 |
} |
131 |
|
132 |
/* Search and Clear buttons */ |
133 |
|
134 |
.buttons { |
135 |
clear: left; |
136 |
width: 680px; |
137 |
} |
138 |
|
139 |
/* messages from search results */ |
140 |
|
141 |
.no_results { |
142 |
margin: 0.5em; |
143 |
padding: 0.5em; |
144 |
border: 1px dashed #ff8080; |
145 |
background-color: #ffe0e0; |
146 |
color: #000000; |
147 |
width: 600px; |
148 |
} |
149 |
|
150 |
/* found x results for 'query' */ |
151 |
|
152 |
.results { |
153 |
width: 680px; |
154 |
margin-top: 1em; |
155 |
float: left; |
156 |
font-size: 90%; |
157 |
color: #404040; |
158 |
} |
159 |
|
160 |
/* debbuging attributes output */ |
161 |
.attr { |
162 |
font-size: 80%; |
163 |
color: #a0a0a0; |
164 |
|
165 |
} |
166 |
|
167 |
/* notice at bottom */ |
168 |
.notice { |
169 |
margin-top: 1em; |
170 |
color: #a0a0a0; |
171 |
font-size: 70%; |
172 |
clear: left; |
173 |
} |
174 |
|
175 |
/* bar for template switching */ |
176 |
.switch_template { |
177 |
float: left; |
178 |
font-size: 80%; |
179 |
color: #808080; |
180 |
padding-bottom: 10px; |
181 |
} |
182 |
|
183 |
.switch_template a { |
184 |
text-decoration: none; |
185 |
} |
186 |
|
187 |
/* div around results */ |
188 |
|
189 |
#results { |
190 |
width: 690px; |
191 |
margin-left: 1%; |
192 |
margin-right: 1%; |
193 |
} |
194 |
|
195 |
.html_results { |
196 |
clear: left; |
197 |
float: left; |
198 |
width: 40px; |
199 |
width: 690px; |
200 |
} |
201 |
|
202 |
/* pager */ |
203 |
.pager { |
204 |
margin: 0.5em; |
205 |
border-top: 1px dashed #808080; |
206 |
clear: left; |
207 |
float: left; |
208 |
} |
209 |
|
210 |
/* HTML tidy */ |
211 |
|
212 |
.tidy { |
213 |
clear: left; |
214 |
border: 2px solid #808080; |
215 |
margin-top: 1em; |
216 |
padding: 1em; |
217 |
color: #808080; |
218 |
} |
219 |
|
220 |
.tidy tt { |
221 |
clear: left; |
222 |
display: block; |
223 |
background-color: #e0e0e0; |
224 |
padding: 2px; |
225 |
margin-left: 2em; |
226 |
color: #000000; |
227 |
text-wrap: suppress; |
228 |
} |
229 |
|
230 |
.tidy_error { |
231 |
margin-top: 0.5em; |
232 |
color: #c00000; |
233 |
} |
234 |
|
235 |
.tidy_warning { |
236 |
color: #c0c000; |
237 |
} |
238 |
|
239 |
|
240 |
/* footer */ |
241 |
|
242 |
.footer { |
243 |
width: 720px; |
244 |
padding: 20px; |
245 |
} |