]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/web/css/skin/default/opac/style.css
refining advanced search now preserves qtype/contains/query combos. also,
[Evergreen.git] / Open-ILS / web / css / skin / default / opac / style.css
1 body {
2         margin:0;
3         font-family: Arial, Helvetica, sans-serif;
4         font-size: 12px;
5         background:#333;
6 }
7
8 img {
9         border: none;
10 }
11
12 a {
13         color: #003399;
14         text-decoration: none;
15 }
16
17 a:hover {
18         text-decoration: underline;
19 }
20
21 #search-wrapper input[type=text] {
22         border:none;
23         margin:0;
24         padding:0;
25 }
26
27 #search-wrapper select {
28         border:1px solid #e9ebf3;
29         margin:0;
30         padding:0;
31         width:168px;
32 }
33
34 /*
35 #search-wrapper select {
36         border:0px solid black;
37         filter:alpha(opacity=0);
38         -moz-opacity:0;
39         -khtml-opacity:0;
40         opacity:0;
41         padding:0;
42         margin:0;
43         height:18px;
44         font-size: 12px;
45 }
46 */
47 h1 {
48         margin:0;
49         margin-bottom: 5px;
50         font-size: 20px;
51         font-weight:normal;
52 }
53
54 h2 {
55         margin:0;
56         margin-bottom: 5px;
57         font-size: 14px;
58         font-weight:bold;
59 }
60
61 .hide_me, .hidden {
62         display: none;
63         visibility: hidden;
64 }
65
66 div.select-box-wrapper {
67         position:absolute;
68         padding-top:2px;
69         padding-left:3px;
70         overflow:hidden;
71         text-align:left;
72 }
73
74 div.select-wrapper {
75         border:1px solid #4C8AB0;
76         display:inline-block;
77         position:relative;
78         z-index:2;
79         background:url('/images/dropdown.gif') no-repeat right center;
80 }
81
82 div.select-wrapper:hover {
83         background:url('/images/dropdown-hover.gif') no-repeat right center;
84 }
85
86 #dash_wrapper {
87         width:500px;
88         position:relative;
89         top:-26px;
90 }
91
92 #dashboard {
93         clear:both;
94         float:right;
95         width:384px;
96 }
97
98 #dashboard span {
99         font-weight:bold;
100         position:relative;
101         left:-1px;
102 }
103
104 #dash_user {
105         font-weight: bold;
106         text-transform: capitalize;
107     position: relative;
108     top: 10px;
109 }
110
111 #dash_corner_mid1a {
112     vertical-align: top;
113     background: url('/images/dash-corner-mid1.png') repeat-x;
114     padding-left: 8px;
115 }
116 #dash_corner_mid1b {
117     background: url('/images/dash-corner-mid1.png') repeat-x;
118     padding: 0px 8px 0px 10px;
119 }
120 #dash_corner_mid1b img { position: relative; top: -1px; }
121 #dash_corner_mid1c {
122     background: url('/images/dash-corner-mid1.png') repeat-x;
123     vertical-align: top;
124 }
125 #dash_corner_mid2a {
126     vertical-align: top;
127     width: 372px;
128     background: url('/images/dash-corner-mid2.png') repeat-x;
129 }
130 .dash-pos-out { position: relative; left: 3px; }
131 .dash-pos-holds { position: relative; left: 100px; }
132 .dash-align-out { text-align: right; width: 86px; }
133 .dash-align-holds { text-align: right; width: 62px; }
134 .dash-pos-pickup { position: relative; left: 170px; }
135 .dash-align-pickup { text-align: right; width: 111px; }
136 .dash-pos-fines { position: relative; left: 284px; }
137 .dash-align-fines { text-align: right; width: 76px; }
138 .pos-rel-top4 { position: relative; top: 4px; }
139 #dash_number_row { position: relative; top: 6px; }
140 #logout_link { left: 1px; }
141
142 #dash_checked { color: #ffcc33; }
143 #dash_holds { color: #ffcc33; }
144 #dash_pickup { color: #1dd93c; }
145 #dash_fines { color: #f41d36; }
146 #header {
147         color: #fff;
148         padding: 26px 0px 26px 0px;
149         width: 974px;
150         margin: auto;
151         font-size:11px;
152 }
153
154 #header a {
155         color: #fff;
156 }
157
158 #header a:hover {
159         color: white;
160         text-decoration: none;
161 }
162
163 #header-links {
164         color: #afafaf;
165         font-size: 11px;
166         font-weight: bold;
167         position: relative;
168         top:4px;
169         
170 }
171
172 #header-links a {
173         color: #afafaf;
174         display: block;
175         float:left;
176         margin-right:22px;
177 }
178
179 #header-links a:hover {
180         color: white;
181         text-decoration: none;
182 }
183
184 #header #header-links2 {
185         position:relative;
186         top:-8px;
187         color: white;
188         padding-bottom: 15px;
189 }
190
191 #header #header-links2 a {
192         color: white;
193 }
194
195 #header #header-links2 a:hover {
196         text-decoration: underline;
197 }
198
199 #header #your-acct-login {
200         padding-top:10px;
201 }
202
203 #gold-links {
204         margin:auto;
205         width:974px;
206         padding-left:0px;
207 }
208
209 #gold-links-home {
210         margin:auto;
211         width:694px;
212         padding-left:0px;
213 }
214
215 #util-bar {
216         margin:auto;
217         width:974px;
218         padding-left:0px;
219         height:0px;
220 }
221
222 #search-wrapper {
223         border-bottom: 1px solid #e9ebf3;
224         padding-bottom: 5px;
225         background: white;
226 }
227
228 #search_box_wrapper {
229         border:1px solid #e9ebf3;
230         padding: 1px;
231     padding-left: 3px;
232 }
233
234 #search-wrapper #breadcrumb {
235         margin-top:0px;
236         font-size: 10px;
237         float:left;
238 }
239
240 #search-wrapper #search-within {
241         margin-top:10px;
242         float:right;
243         position:relative;
244         left:-173px;
245 }
246
247 #search-wrapper #breadcrumb a {
248         color: black;
249 }
250
251 #search-wrapper #search_frm label {
252         font-size: 10px;
253 }
254
255 #search-wrapper #search-box {
256         width:974px;
257         margin:auto;
258         padding-left: 0px;
259 }
260
261 #utils {
262         float:right;
263         z-index:1;
264         width:150px;
265         height:30px;
266         background:url('/images/utils-corner-left.png') no-repeat left top;
267         padding-left: 3px;
268         color: white;
269         position:relative;
270 }
271
272 #utils a {
273         color: white;
274         font-size: 10px;
275 }
276 #adv_search_tabs {
277         height:33px;
278         width:974px;
279         margin:auto;
280 }
281
282 #adv_search_tabs a {
283         float: left;
284         display: block;
285         height:33px;
286         margin-right:7px;
287 }
288
289 #adv_search {
290         width:156px;
291         background:url('/images/adv_search_on.gif') no-repeat bottom;
292 }
293
294 #num_search {
295         width:156px;
296         background:url('/images/num_search_off.gif') no-repeat bottom;
297 }
298
299 #expert_search {
300         width:156px;
301         background:url('/images/expert_search_off.gif') no-repeat bottom;
302 }
303
304 #acct_tabs {
305         height:33px;
306         width:974px;
307         margin:auto;
308 }
309
310 #acct_tabs a {
311         float: left;
312         display: block;
313         height:33px;
314         margin-right:7px;
315 }
316
317 .acct-tab {
318     background-repeat: no-repeat;
319     background-position: bottom;
320     width:156px;
321 }
322
323 .acct-main-off {
324         background-image:url('/images/acct_summary_off.gif');
325 }
326 .acct-main-on {
327         background-image:url('/images/acct_summary_on.gif');
328 }
329
330 .acct-circs-off {
331         background-image:url('/images/acct_checked_out_off.gif');
332 }
333 .acct-circs-on {
334         background-image:url('/images/acct_checked_out_on.gif');
335 }
336
337 .acct-holds-off {
338         background-image:url('/images/acct_holds_off.gif');
339 }
340 .acct-holds-on {
341         background-image:url('/images/acct_holds_on.gif');
342 }
343
344 .acct-prefs-off {
345         background-image:url('/images/acct_prefs_off.gif');
346 }
347 .acct-prefs-on {
348         background-image:url('/images/acct_prefs_on.gif');
349 }
350
351 .acct-lists-off {
352         background-image:url('/images/acct_lists_off.gif');
353 }
354 .acct-lists-on {
355         background-image:url('/images/acct_lists_on.gif');
356 }
357
358 #rdetail_header {
359         font-size:14px;
360         font-weight:bold;
361         color:#074079;
362         padding: 5px 7px 6px 0px;
363         border-bottom: 1px dotted #ccc;
364 }
365
366 #rdetail_result_count {
367         color: black;
368         font-size: 11px;
369         font-weight: normal;
370 }
371
372 #rdetail_result_nav {
373         float:right;
374         font-size: 11px;
375         font-weight:normal;
376 }
377
378 #rdetail_details_table {
379         margin-top: 15px;
380 }
381
382 #rdetail_title {
383         font-size: 18px;
384 }
385
386 #rdetail_image { border: none; }
387 #rdetail_image_cell {
388         padding-top: 3px;
389         padding-right: 10px;
390 }
391
392 .rdetail_aux_utils {
393         border-left:1px dotted #ccc;
394         padding-left: 17px;
395         padding-bottom: 6px;
396         padding-right: 70px;
397 }
398
399 .results_aux_utils {
400         border-left:1px dotted #ccc;
401         padding-left: 17px;
402         padding-bottom: 6px;
403         padding-right: 50px;
404 }
405
406 #rdetails_status td, #rdetails_status2 td {
407         white-space:nowrap !important;
408         padding: 7px 0px 3px 13px;
409 }
410
411 #rdetails_status thead td {
412         background-color: #d8d8d8;
413         padding: 13px 0px 13px 13px;
414         font-size: 10px;
415         text-transform: uppercase;
416         font-weight: bold;
417 }
418
419 #rdetails_status tbody td {
420         padding-left: 13px;;
421 }
422
423 .rdetail_extras {
424         height: 29px;
425         background: #9ad0f1;
426         padding-top:1px;
427         margin-bottom: 10px;
428         margin-top: 10px;
429         clear:both;
430 }
431
432 .rdetail_extras_hr {
433         height: 1px;
434         background: #b7def5;
435         margin-left: 1px;
436         margin-right: 1px;
437 }
438
439 .rdetail_extras_link {
440         padding-top: 4px;
441         padding-left: 12px;
442         font-size: 10px;
443         text-transform: uppercase;
444         font-weight: bold;
445 }
446
447 .rdetail_extras_lbl {
448         position: relative;
449         top: -4px;
450         left: 7px;
451 }
452
453 #paginate-homebanner a.toc {
454         display:block;
455         width:20px;
456         height:20px;
457         background:gray;
458         float:left;
459         margin-left:2px;
460         margin-right:2px;
461         margin-top:2px;
462 }
463
464 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
465         margin-left: 13px;
466 }
467
468 #rdetail_locs_expand, #rdetail_locs_collapse {
469         padding-bottom:3px;
470         margin-top:15px;
471         margin-left:13px;
472 }
473
474 #rdetail_anotes_div .biography {
475         margin:0;
476 }
477
478 #paginate-homebanner a.selected {
479         border: 2px solid black;
480         margin-top:0px;
481         margin-left:0px;
482         margin-right:0px;
483 }
484
485 #hp-buttons {
486         margin: auto;
487         margin-top: 6px;
488         width: 694px; /* 974px; */
489 }
490
491 #hp-welcome {
492         position:absolute;
493         width:295px;
494         height:192px;
495         background: url('/images/banner-bg.png') no-repeat;
496         color: #fff;
497         padding-left: 33px;
498         padding-top: 21px;
499         z-index:9999999999;
500 }
501
502 #hp-welcome h1 {
503         font-size: 25px;
504         margin-bottom:15px;
505 }
506
507 #hp-welcome a {
508         color: #fff;
509         text-decoration: underline;
510 }
511
512 #hp-banner {
513         margin: auto;
514         width: 694px; /* formerly 974px */
515         height: 213px;
516 }
517
518 #hp-ql-table {
519         margin-left: 2px;
520         padding-top: 3px;
521 }
522
523 #hp-ql-table a {
524         color: #333;
525         font-weight: bold;
526         font-size: 13px;
527         text-transform: uppercase;
528         text-decoration: none;
529         display: block;
530         width: 144px;
531         height: 25px;
532         padding-top: 9px;
533         padding-left: 15px;
534         background: url('/images/button-bg.png') no-repeat;
535 }
536
537 #hp-ql-bottom {
538         width: 640px;
539         height: 31px;
540         padding-left: 24px;
541         padding-top: 13px;
542         background: url('/images/hp-links-mid.jpg') repeat-x;
543 }
544
545 #hp-ql-bottom a {
546         display: inline-block;
547         text-decoration: none;
548         color: white;
549         font-size: 15px;
550         font-weight: bold;
551 }
552
553 #hp-ql-bottom img {
554     position:relative;
555     top:-1px;
556     left:2px;
557 }
558
559 #content-wrapper {
560         background: white;
561         min-height: 260px;
562         border-bottom: 1px solid black;
563 }
564
565 #main-content-home { width: 694px; margin: auto; padding-left: 17px; }
566 #main-content { width: 974px; margin:auto; padding-left: 0px; }
567
568 #main-content .login_boxes {
569         border: 1px solid #dedede;
570         background:url('/images/login-bg.jpg') top repeat-x;
571         color: #333;
572 }
573
574 #main-content .login_boxes h1 {
575         font-weight: normal;
576         font-size: 25px;
577         margin:0;
578 }
579
580 #main-content .left_brain {
581         padding-left:28px;
582         padding-top:25px;
583 }
584
585 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
586         width:167px;
587         height:18px;
588         margin:0;
589         padding:0;
590         border:none;
591         background: none;
592         font-size: 15px;
593         color: #666;
594 }
595
596 #main-content .left_brain .input_bg {
597         padding:10px 10px 0px 13px;
598         background: url('/images/login-box-bg.jpg') no-repeat;
599         width:167px;
600         height:29px;
601 }
602
603 #home-buttons-inner {
604         width:664px;
605         height:117px;
606         background:#bda964;
607 }
608
609 #holds_temp_parent td {
610         border-bottom:1px solid #dcdbdb;
611 }
612
613 #holds_temp_parent input, #holds_temp_parent select {
614         margin:0;
615 }
616
617
618
619
620 #results_header_bar {
621         background: #929292;
622         border-top:1px solid #8b8b8b;
623 }
624
625 #results_header_inner {
626         height:32px;
627         width:974px;
628         margin:auto;
629         padding-top:6px;
630 }
631
632 .results_header_btns {
633         float:left;
634         margin-right: 6px;
635 }
636
637 .cached_list_div { width: 111px; height: 25px; }
638
639 .results_header_div {
640         float: left;
641         width: 0px;
642         height: 25px;
643         border-left: 1px solid #7c7c7c;
644         border-right: 1px solid #9c9c9c;
645         margin: 0px 13px;
646 }
647
648 .results_header_lbl {
649         font-weight: bold;
650         float: left;
651         font-size: 11px;
652         color: #191919;
653         position: relative;
654         top: 5px;
655         margin-right: 6px;
656 }
657
658 .results_header_sel {
659     /* width: 88px; */
660         float:left;
661         position: relative;
662         top: 2px;
663         margin:0;
664 }
665
666 .results_header_nav1 {
667         padding: 5px 7px 6px 0px;
668         border-bottom: 1px dotted #ccc;
669 }
670
671 .results_header_nav1 .h1 {
672         font-size:14px;
673         font-weight:bold;
674         color:#074079;
675 }
676
677 .start_end_links_span {
678         font-size: 11px;
679 }
680
681 .nav_arrow_fix {
682         font-size:8px;
683         position:relative;
684         top:-1px;
685 }
686
687 #result_table_div {
688         margin-top: 20px;
689 }
690
691 .result_numbers {
692         font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
693 }
694
695 .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
696
697
698
699
700 .icon_text {
701         text-transform:capitalize;
702 }
703
704 .result_table_title_cell {
705         padding-left: 7px;
706 }
707
708 #myopac_summary_div p {
709         margin:0;
710         margin-bottom: 10px;
711 }
712
713 #acct_sum_checked_table td {
714         padding-bottom:5px;
715 }
716
717 #zero_search_hits div { float:left;width:300px;margin-top:20px; }
718
719 #zero_search_hits p {
720         margin-top:0;
721 }
722
723 #zero_hits_term {
724         text-transform: uppercase;
725     font-weight: bold;
726 }
727
728 #zero_search_hits #spell_check_link {
729         text-transform: uppercase;
730 }
731
732 #zero_search_hits #zero_hits_suggestions {
733         text-transform: uppercase;
734 }
735
736 .results_info_table td {
737         padding-right: 10px;
738 }
739
740 #myopac_holds_main_table {
741         border-collapse: collapse;
742 }
743
744 #myopac_holds_main_table td {
745         border: 1px solid black;
746         
747 }
748
749 #myopac_prefs_div .data_grid {
750         border-collapse:collapse;
751 }
752
753 #myopac_prefs_div .data_grid td {
754         background:#f0f0f0;
755         border-bottom:3px solid white;
756         padding:6px 0px 7px 17px;
757 }
758
759 .header_middle {
760         height:22px;
761         font-size:14px;
762         font-weight:bold;
763         color:#074079;
764         padding: 0px 7px 0px 0px;
765         border-bottom: 1px dotted #ccc;
766 }
767
768 .header_middle a {
769         font-size: 12px;
770         font-weight: normal;
771 }
772
773 .acct_sum_row {
774         padding: 7px 15px;
775         width: 712px;
776         background: #f0f0f0;
777         margin-bottom: 2px;
778         font-size: 10px;
779         font-weight: bold;
780         text-transform: uppercase;
781 }
782
783 .acct_sum_row a {
784         text-transform: none;
785         font-size: 12px;
786         position:relative;
787         top:-1px;
788 }
789
790 .acct_sum_row .view_link {
791         font-weight: normal;
792         font-size:12px;
793 }
794
795 #myopac_sum_fines {
796         float:right;
797         padding: 15px 0px 0px 23px;
798         background: #f0f0f0;
799         width: 177px;
800         height: 166px;
801 }
802
803 .acct_holds_temp td {
804         text-align: left;
805 }
806
807 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
808         float:left;
809         /*padding-left:10px;*/
810 }
811
812 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
813         /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
814 }
815
816 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
817         font-weight:bold;
818         text-transform:uppercase;
819         font-size: 10px;
820 }
821
822 #acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td {
823         background: #d8d8d8;
824         padding: 8px 0px 7px 0px;
825 }
826
827 #acct_list_header select, #acct_list_header_anon select {
828         font-weight:normal;
829         text-transform:none;
830 }
831
832 #acct_holds_activates_table label {
833         font-weight: bold;
834         font-size: 11px;
835         text-transform:uppercase;
836         padding-right: 5px;
837 }
838
839 .adv_search_font {
840         font-size: 10px;
841 }
842
843 .search_catalog_lbl {
844         font-size: 14px;
845 }
846
847 .lbl1 {
848         font-size:14px;
849         font-weight:bold;
850 }
851
852 .lbl2 {
853         font-size:10px;
854         font-weight:normal;
855         position:relative;
856         top:3px;
857 }
858
859 #myopac_tabs, #adv_search_parent {
860         background: #929292;
861         border-top:1px solid #8b8b8b;
862         padding-top:5px;
863         margin-bottom:20px;
864 }
865
866 #adv_search_parent {
867         margin-bottom:0px;
868 }
869
870 #myopac_loading {
871         width:100%;
872         text-align:center;
873         padding-top:20px;
874         font-size:16px;
875         font-weight:bold;
876 }
877
878 .chili_link {
879         width:100px !important;
880         text-align: center !important;
881 }
882
883 .chili_review div.chili_link div {
884         margin: auto;
885 }
886
887 /* some facet styling */
888 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }
889 .facetClassLabelContainer { border: 1px solid #CCC; }
890 .facetClassLabel { font-weight: bold; text-align: center; }
891 .facetFieldContainer {  }
892 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
893 .extraFacetFieldsWrapper { }
894 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
895 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
896 .facetField { border-top: 1px solid #CCC; }
897 .facetFields { padding-left: 5px; }
898 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
899
900 #footer {
901         padding-top:5px;
902         padding-bottom: 10px;
903         color: white;
904         margin: auto;
905         width: 974px;
906         color: #afafaf;
907         font-size: 11px;
908 }
909
910 #footer a {
911         color: white;
912         color: #afafaf;
913 }
914
915 .color_4 {
916         text-transform: uppercase;
917         font-weight: bold;
918         font-size: 10px;
919 }
920
921 .advanced_div { padding-top: 15px; }
922 #adv_global_search select { width: 13em; }
923 #adv_global_input_table select { width: 7em; }
924 .adv_adv_link { font-size: 8pt; color: red; }
925 #acct_prefs_header { float: left; }
926 #limit_to_available {
927     float: left; position: relative; top: 2px;
928     left: -2px; margin-right: 4px;
929 }
930 #rdetail_copy_info_table { font-size: 8pt; }
931 #rdetail_copy_info_table td { padding: 3px; }
932 .search_page_nav_link { cursor: pointer; }
933 #opac.result.sort { width: 160px; }
934 .renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
935 .failure-text { margin-left: 4em; font-style: italic; color: #ff0000; }
936 .refine-controls { font-size: 125%; padding: 0.5ex 0; }
937 #adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
938 #adv_search_refine select { border: 1px inset #ccc !important; }
939 #adv_search_refine {
940     padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0;
941 }
942 .row-remover { position: relative; top: 1px; vertical-align: middle; }