1 |
dpavlin |
332 |
/* form */ |
2 |
|
|
|
3 |
|
|
#results_form { |
4 |
|
|
width: 900px; |
5 |
|
|
margin-left: 1%; |
6 |
|
|
margin-right: 1%; |
7 |
|
|
} |
8 |
|
|
|
9 |
dpavlin |
158 |
/* autocomplete */ |
10 |
|
|
|
11 |
|
|
div.auto_complete { |
12 |
|
|
width: 350px; |
13 |
|
|
background: #fff; |
14 |
|
|
} |
15 |
|
|
|
16 |
|
|
div.auto_complete ul { |
17 |
|
|
border:1px solid #888; |
18 |
|
|
margin:0; |
19 |
|
|
padding:0; |
20 |
|
|
width:100%; |
21 |
|
|
list-style-type:none; |
22 |
|
|
} |
23 |
|
|
|
24 |
|
|
div.auto_complete ul li { |
25 |
|
|
margin:0; |
26 |
|
|
padding:3px; |
27 |
|
|
} |
28 |
|
|
|
29 |
|
|
div.auto_complete ul li.selected { |
30 |
|
|
background-color: #ffb; |
31 |
|
|
} |
32 |
|
|
|
33 |
|
|
div.auto_complete ul strong.highlight { |
34 |
|
|
color: #800; |
35 |
|
|
margin:0; |
36 |
|
|
padding:0; |
37 |
|
|
} |
38 |
|
|
|
39 |
dpavlin |
271 |
/* databases */ |
40 |
dpavlin |
158 |
|
41 |
dpavlin |
271 |
.databases { |
42 |
dpavlin |
276 |
display: inline; |
43 |
dpavlin |
271 |
} |
44 |
|
|
|
45 |
dpavlin |
275 |
#database_list { |
46 |
dpavlin |
332 |
position: absolute; |
47 |
|
|
top: 150px; |
48 |
|
|
left: 720px; |
49 |
|
|
border: 1px dashed #c0c0c0; |
50 |
dpavlin |
276 |
list-style-type:none; |
51 |
|
|
margin: 0.5em; |
52 |
dpavlin |
332 |
padding: 2px; |
53 |
|
|
margin-top: -100px; |
54 |
|
|
font-size: 0.9em; |
55 |
|
|
width: 180px; |
56 |
|
|
color: blue; |
57 |
dpavlin |
271 |
} |
58 |
|
|
|
59 |
dpavlin |
276 |
/* Search and Clear buttons */ |
60 |
|
|
|
61 |
|
|
.buttons { |
62 |
|
|
clear: left; |
63 |
dpavlin |
332 |
width: 680px; |
64 |
dpavlin |
276 |
} |
65 |
|
|
|
66 |
dpavlin |
136 |
/* messages from search results */ |
67 |
|
|
|
68 |
|
|
.no_results { |
69 |
|
|
margin: 0.5em; |
70 |
|
|
padding: 0.5em; |
71 |
|
|
border: 1px dashed #ff8080; |
72 |
|
|
background-color: #ffe0e0; |
73 |
|
|
color: #000000; |
74 |
dpavlin |
332 |
width: 600px; |
75 |
dpavlin |
136 |
} |
76 |
dpavlin |
137 |
|
77 |
dpavlin |
138 |
/* found x results for 'query' */ |
78 |
dpavlin |
332 |
|
79 |
dpavlin |
138 |
.results { |
80 |
dpavlin |
332 |
width: 680px; |
81 |
dpavlin |
138 |
margin-top: 1em; |
82 |
|
|
float: left; |
83 |
|
|
font-size: 90%; |
84 |
|
|
color: #404040; |
85 |
|
|
} |
86 |
dpavlin |
137 |
|
87 |
dpavlin |
138 |
/* debbuging attributes output */ |
88 |
|
|
.attr { |
89 |
|
|
font-size: 80%; |
90 |
|
|
color: #a0a0a0; |
91 |
|
|
|
92 |
|
|
} |
93 |
|
|
|
94 |
dpavlin |
159 |
/* notice at bottom */ |
95 |
dpavlin |
138 |
.notice { |
96 |
|
|
margin-top: 1em; |
97 |
|
|
color: #a0a0a0; |
98 |
|
|
font-size: 70%; |
99 |
|
|
clear: left; |
100 |
|
|
} |
101 |
|
|
|
102 |
dpavlin |
159 |
/* bar for template switching */ |
103 |
dpavlin |
138 |
.switch_template { |
104 |
dpavlin |
332 |
float: left; |
105 |
dpavlin |
138 |
font-size: 80%; |
106 |
|
|
color: #808080; |
107 |
dpavlin |
332 |
padding-bottom: 10px; |
108 |
dpavlin |
138 |
} |
109 |
|
|
|
110 |
|
|
.switch_template a { |
111 |
|
|
text-decoration: none; |
112 |
|
|
} |
113 |
|
|
|
114 |
|
|
/* div around results */ |
115 |
dpavlin |
332 |
|
116 |
|
|
#results { |
117 |
|
|
width: 690px; |
118 |
|
|
margin-left: 1%; |
119 |
|
|
margin-right: 1%; |
120 |
|
|
} |
121 |
|
|
|
122 |
dpavlin |
138 |
.html_results { |
123 |
|
|
clear: left; |
124 |
|
|
float: left; |
125 |
dpavlin |
332 |
width: 40px; |
126 |
|
|
width: 690px; |
127 |
dpavlin |
138 |
} |
128 |
dpavlin |
159 |
|
129 |
|
|
/* pager */ |
130 |
|
|
.pager { |
131 |
|
|
margin: 0.5em; |
132 |
|
|
border-top: 1px dashed #808080; |
133 |
|
|
clear: left; |
134 |
dpavlin |
202 |
float: left; |
135 |
dpavlin |
159 |
} |
136 |
dpavlin |
204 |
|
137 |
|
|
/* HTML tidy */ |
138 |
|
|
|
139 |
|
|
.tidy { |
140 |
|
|
clear: left; |
141 |
|
|
border: 2px solid #808080; |
142 |
|
|
margin-top: 1em; |
143 |
|
|
padding: 1em; |
144 |
|
|
color: #808080; |
145 |
|
|
} |
146 |
|
|
|
147 |
|
|
.tidy tt { |
148 |
|
|
clear: left; |
149 |
|
|
display: block; |
150 |
|
|
background-color: #e0e0e0; |
151 |
|
|
padding: 2px; |
152 |
|
|
margin-left: 2em; |
153 |
|
|
color: #000000; |
154 |
dpavlin |
332 |
text-wrap: suppress; |
155 |
dpavlin |
204 |
} |
156 |
|
|
|
157 |
|
|
.tidy_error { |
158 |
|
|
margin-top: 0.5em; |
159 |
|
|
color: #c00000; |
160 |
|
|
} |
161 |
|
|
|
162 |
|
|
.tidy_warning { |
163 |
|
|
color: #c0c000; |
164 |
|
|
} |