LP#1694577 Reports template searching and paging
[Evergreen.git] / Open-ILS / web / reports / oils_rpt.css
1 body { background: white; font-size: 9pt; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 9pt;} 
2 table { border-collapse: collapse; }
3
4 .hide_me { display: none; visibility: hidden; }
5 .welcome_box { position:absolute; top: 5px; right: 5px; }
6
7
8 /* override some slimtree settings */
9 .fm_table thead tr { background: #F0F0F0; }
10
11 .oils_rpt_main_link {
12         padding: 5px;
13         font-size: 10pt;
14 }
15
16 #oils_rpt_name_table {
17         vertical-align: middle;
18         background: #E0F0F0; 
19         margin-bottom: 20px;
20         width: 100%;
21 }
22 #oils_rpt_name_table td {
23         padding: 5px;
24 }
25
26 #oils_rpt_table {
27         width: 100%;
28         border-top: 2px solid #E0E0E0;
29         border-left: 2px solid #E0E0E0;
30         margin-top: 25px;
31         margin-left: 10px;
32         padding: 5px;
33 }
34
35 #oils_rpt_table tr {
36         border-radius: 5px 5px 5px 5px;
37 }
38
39 #oils_rpt_table td {
40         vertical-align: top;
41         padding: 3px;
42 }
43
44 #oils_rpt_tree_loading { 
45         width: 100%; 
46         text-align: center; 
47         background: #E0E0E0; 
48         margin-top: 40px;
49         padding: 5px;
50 }
51
52 .oils_rpt_info_item {
53         width: 310px;
54 }
55
56 .oils_rpt_info_title {
57         text-align: center;
58         font-weight: 600;
59         padding-bottom: 10px;
60 }
61
62 .oils_rpt_info_selector {
63         border: 1px solid blue; 
64         background: #E0F0F0; 
65         min-height: 150px;
66         max-height: 290px;
67         overflow: auto;
68 }
69
70 .oils_rpt_small_info_selector {
71         border: 1px solid blue; 
72         background: #E0F0F0; 
73         height: 80px;
74         width: 12em;
75         overflow: auto;
76 }
77
78
79 .oils_rpt_info_div { 
80         text-align: center; 
81         width: 320px; 
82         padding-left: 10px; 
83         padding: 10px;
84         border-left: 2px solid #E0E0E0; 
85         border-bottom: 1px solid #E0E0E0; 
86         margin-right: 20px;
87 }
88
89 #oils_rpt_table_right_td { 
90         padding-right: 20px; 
91         padding-left: 20px; 
92 }
93
94 button {
95         color:#050;
96         font-family:'trebuchet ms',helvetica,sans-serif;
97         font-size:84%;
98         font-weight:bold;
99         background-color:#fed;
100         border:2px solid;
101         border-top-color:#696;
102         border-left-color:#696;
103         border-right-color:#363;
104         border-bottom-color:#363;
105         margin: 4px;
106         border-style: outset;
107 }
108
109 button:active {
110         border-style: inset;
111 }
112
113 button:disabled {
114         color: #000;
115         background-color: #EEE;
116         border: 2px solid #888;
117 }
118
119 .floaty {
120         position: absolute;     
121         text-align: center;
122         z-index: 1;
123         /*background: #E0F0F0; */
124         background: #FFCC7F;   /* see FF9900 as the primary color in the color picker for complimentaries */
125         border: 3px groove #0033EE;
126         padding: 10px;
127
128         /* testing static location */
129         width: 600px;
130         top: 60px;
131         left: 20px;
132 }
133
134 .oils_rpt_tab_picker_selected {
135         background: #96A1C6;
136 }
137
138 .oils_rpt_tab_table {
139         width: 100%;
140         background: #F0F0F0;
141         margin: 4px;
142         margin-bottom: 10px;
143         border: 1px solid #808080;
144         border-collapse: collapse;
145         text-align: center;
146         font-weight: bold;
147 }
148
149 .oils_rpt_tab_table td {
150         border-left: 1px solid #808080;
151         border-right: 1px solid #808080;
152         padding: 2px;
153 }
154
155
156
157 #oils_rpt_column_editor_close_div {
158         margin-top: 5px;
159         padding-top: 5px;
160         border-top: 2px solid #E0E0E0;
161 }
162
163 .oils_rpt_field_editor_window {
164         margin: 5px;    
165         text-align: left;
166         padding: 5px;
167         padding-left: 20px;
168 }
169
170 .oils_rpt_tree_link_ref {
171         color: #A52A2A;
172 }
173
174
175 .oils_rpt_invalid_input {
176         background: red;
177 }
178
179 .oils_rpt_editor_window_tbody td {
180         border-bottom: 1px solid #A0A0A0;
181         padding: 4px;
182 }
183
184 .oils_rpt_cal_image {
185         cursor: pointer; 
186         border: 1px solid red; 
187         padding: 0px; margin: -3px;
188 }
189
190 #oils_rpt_folder_table {
191         margin-top: 15px;
192         width: 100%;
193 }
194
195 #oils_rpt_folder_table_left_td {
196         vertical-align: top;
197         width: 25%;
198 }
199
200 #oils_rpt_folder_table_right_td {
201         border-left: 2px solid #E0E0E0; 
202         text-align: center;
203         vertical-align: top;
204         padding: 10px;
205 }
206
207 .oils_rpt_folder_window {
208         border: 1px solid blue; 
209         background: #E6F0F0; 
210         text-align: left;
211 }
212
213 .oils_rpt_folder_window td {
214         padding: 5px;
215 }
216
217
218 #oils_rpt_folder_window_contents_div {
219         width: 100%;
220         margin-top: 5px;
221 }
222
223 .oils_rpt_param_table thead td {
224         font-weight: bold;
225 }
226
227 .oils_rpt_param_table td {
228         border: 1px solid #808080;
229         padding: 5px;
230 }
231
232 #oils_rpt_folder_details_table {
233         width: 100%;
234         margin-bottom: 10px;
235 }
236 #oils_rpt_folder_details_table tr {
237         border: 1px solid #808080;
238 }
239
240 #oils_rpt_folder_details_table td {
241         text-align: center;
242         padding: 5px;
243 }
244
245 #oils_rpt_template_folder_go_row {
246         border-bottom: 1px solid #808080;
247         margin-bottom: 10px;
248 }
249
250 #oils_rpt_param_editor_table {
251         width: 100%;
252 }
253
254 #oils_rpt_param_editor_table td {
255         border: 1px solid #808080;
256         padding: 2px;
257 }
258
259 #oils_rpt_param_editor_table thead td {
260         font-weight: bold;
261         text-align: center;
262 }
263
264 .oils_rpt_folder_tree {
265         margin: 5px;
266 }
267
268 .oils_rpt_folder_tree_div {
269         border: 1px solid #808080;
270         margin: 10px;
271         min-width: 170px;
272 }
273
274 .oils_rpt_folder_contents {
275         min-width:  200px;
276 }
277
278 .oils_rpt_folder_window_contents_row {
279         border-bottom: 1px solid #808080;
280         margin: 10px;
281 }
282
283 #oils_rpt_folder_window_contents_table {
284         width: 100%;
285 }
286 #oils_rpt_folder_window_contents_table td {
287         text-align: center;
288 }
289
290 #oils_rpt_editor_div {
291         width: 100%;
292 }
293
294 #oils_rpt_name_table tr { border: 1px solid #808080; }
295 #oils_rpt_name_table td { padding: 5px; }
296
297
298
299 .oils_rpt_table_row_borders { width: 100%; }
300 .oils_rpt_table_row_borders tr { border: 1px solid #808080; }
301 .oils_rpt_table_row_borders td { padding: 5px; }
302
303 .oils_rpt_generic_table { width: 100%; }
304 .oils_rpt_generic_table td { border: 1px solid #808080; padding: 5px; }
305
306 #oils_rpt_content_count_row a {
307     padding-left: 5px;
308 }
309
310 #oils_rpt_content_count_row_2 {
311         border-top: 2px solid #808080;
312         border-bottom: 1px solid #808080;
313         padding-top: 10px;
314         margin-top: 10px;
315 }
316
317
318 #oils_rpt_editor_table tr {
319         border-bottom: 1px solid #D0D0D0;
320 }
321
322 #oils_rpt_editor_table tr td {
323         border-left: 1px solid #808080;
324 }
325
326 .oils_rpt_field_hint {
327     font-weight: bold;
328     text-decoration:underline;
329     padding-left: 5px;
330 }
331
332 #oils_rpt_editor_sched_confirm {
333     margin-top: 10px;
334 }
335 #oils_rpt_editor_sched_confirm > div {
336     padding: 10px;
337 }
338 #oils_rpt_editor_sched_confirm:first-child {
339     font-size: 110%;
340 }
341
342 #template_search_form_wrapper label {
343     font-weight: bold;
344 }
345
346 #template_search_form_wrapper span {
347     padding-right: 10px;
348 }