1 |
dpavlin |
426 |
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 |
dpavlin |
332 |
/* form */ |
72 |
|
|
|
73 |
|
|
#results_form { |
74 |
dpavlin |
446 |
width: 690px; |
75 |
dpavlin |
332 |
margin-left: 1%; |
76 |
|
|
margin-right: 1%; |
77 |
|
|
} |
78 |
|
|
|
79 |
dpavlin |
158 |
/* 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 |
dpavlin |
271 |
/* databases */ |
110 |
dpavlin |
158 |
|
111 |
dpavlin |
271 |
.databases { |
112 |
dpavlin |
426 |
position: absolute; |
113 |
|
|
top: 80px; |
114 |
|
|
left: 720px; |
115 |
dpavlin |
276 |
display: inline; |
116 |
dpavlin |
271 |
} |
117 |
|
|
|
118 |
dpavlin |
275 |
#database_list { |
119 |
dpavlin |
426 |
border: 1px solid #c0c0c0; |
120 |
dpavlin |
276 |
list-style-type:none; |
121 |
|
|
margin: 0.5em; |
122 |
dpavlin |
426 |
padding: 10px; |
123 |
|
|
font-size: 90%; |
124 |
dpavlin |
332 |
color: blue; |
125 |
dpavlin |
271 |
} |
126 |
|
|
|
127 |
dpavlin |
404 |
.database_stats { |
128 |
|
|
color: #888; |
129 |
|
|
font-size: 0.9em; |
130 |
|
|
} |
131 |
|
|
|
132 |
dpavlin |
276 |
/* Search and Clear buttons */ |
133 |
|
|
|
134 |
|
|
.buttons { |
135 |
|
|
clear: left; |
136 |
dpavlin |
332 |
width: 680px; |
137 |
dpavlin |
276 |
} |
138 |
|
|
|
139 |
dpavlin |
136 |
/* 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 |
dpavlin |
332 |
width: 600px; |
148 |
dpavlin |
136 |
} |
149 |
dpavlin |
137 |
|
150 |
dpavlin |
138 |
/* found x results for 'query' */ |
151 |
dpavlin |
332 |
|
152 |
dpavlin |
138 |
.results { |
153 |
dpavlin |
332 |
width: 680px; |
154 |
dpavlin |
138 |
margin-top: 1em; |
155 |
|
|
float: left; |
156 |
|
|
font-size: 90%; |
157 |
|
|
color: #404040; |
158 |
|
|
} |
159 |
dpavlin |
137 |
|
160 |
dpavlin |
138 |
/* debbuging attributes output */ |
161 |
|
|
.attr { |
162 |
|
|
font-size: 80%; |
163 |
|
|
color: #a0a0a0; |
164 |
|
|
|
165 |
|
|
} |
166 |
|
|
|
167 |
dpavlin |
159 |
/* notice at bottom */ |
168 |
dpavlin |
138 |
.notice { |
169 |
|
|
margin-top: 1em; |
170 |
|
|
color: #a0a0a0; |
171 |
|
|
font-size: 70%; |
172 |
|
|
clear: left; |
173 |
|
|
} |
174 |
|
|
|
175 |
dpavlin |
159 |
/* bar for template switching */ |
176 |
dpavlin |
138 |
.switch_template { |
177 |
dpavlin |
332 |
float: left; |
178 |
dpavlin |
138 |
font-size: 80%; |
179 |
|
|
color: #808080; |
180 |
dpavlin |
332 |
padding-bottom: 10px; |
181 |
dpavlin |
138 |
} |
182 |
|
|
|
183 |
|
|
.switch_template a { |
184 |
|
|
text-decoration: none; |
185 |
|
|
} |
186 |
|
|
|
187 |
|
|
/* div around results */ |
188 |
dpavlin |
332 |
|
189 |
|
|
#results { |
190 |
|
|
width: 690px; |
191 |
|
|
margin-left: 1%; |
192 |
|
|
margin-right: 1%; |
193 |
|
|
} |
194 |
|
|
|
195 |
dpavlin |
138 |
.html_results { |
196 |
|
|
clear: left; |
197 |
|
|
float: left; |
198 |
dpavlin |
332 |
width: 40px; |
199 |
|
|
width: 690px; |
200 |
dpavlin |
138 |
} |
201 |
dpavlin |
159 |
|
202 |
|
|
/* pager */ |
203 |
|
|
.pager { |
204 |
|
|
margin: 0.5em; |
205 |
|
|
border-top: 1px dashed #808080; |
206 |
|
|
clear: left; |
207 |
dpavlin |
202 |
float: left; |
208 |
dpavlin |
159 |
} |
209 |
dpavlin |
204 |
|
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 |
dpavlin |
332 |
text-wrap: suppress; |
228 |
dpavlin |
204 |
} |
229 |
|
|
|
230 |
|
|
.tidy_error { |
231 |
|
|
margin-top: 0.5em; |
232 |
|
|
color: #c00000; |
233 |
|
|
} |
234 |
|
|
|
235 |
|
|
.tidy_warning { |
236 |
|
|
color: #c0c000; |
237 |
|
|
} |
238 |
dpavlin |
426 |
|
239 |
|
|
|
240 |
|
|
/* footer */ |
241 |
|
|
|
242 |
|
|
.footer { |
243 |
|
|
width: 720px; |
244 |
|
|
padding: 20px; |
245 |
|
|
} |