]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/web/css/skin/default/opac/style.css
Merge branch 'master' of ssh://yeti.esilibrary.com/home/evergreen/evergreen-equinox...
[working/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 .almost-content-wrapper {
560         background: white;
561 }
562
563 #content-wrapper {
564         background: white;
565         min-height: 260px;
566         border-bottom: 1px solid black;
567 }
568
569 #main-content-home { width: 694px; margin: auto; padding-left: 17px; }
570 #main-content { width: 974px; margin:auto; padding-left: 0px; }
571
572 #main-content .login_boxes {
573         border: 1px solid #dedede;
574         background:url('/images/login-bg.jpg') top repeat-x;
575         color: #333;
576 }
577
578 #main-content .login_boxes h1 {
579         font-weight: normal;
580         font-size: 25px;
581         margin:0;
582 }
583
584 #main-content .left_brain {
585         padding-left:28px;
586         padding-top:25px;
587 }
588
589 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
590         width:167px;
591         height:18px;
592         margin:0;
593         padding:0;
594         border:none;
595         background: none;
596         font-size: 15px;
597         color: #666;
598 }
599
600 #main-content .left_brain .input_bg {
601         padding:10px 10px 0px 13px;
602         background: url('/images/login-box-bg.jpg') no-repeat;
603         width:167px;
604         height:29px;
605 }
606
607 #home-buttons-inner {
608         width:664px;
609         height:117px;
610         background:#bda964;
611 }
612
613 #holds_temp_parent td {
614         border-bottom:1px solid #dcdbdb;
615 }
616
617 #holds_temp_parent input, #holds_temp_parent select {
618         margin:0;
619 }
620
621
622
623
624 #results_header_bar {
625         background: #929292;
626         border-top:1px solid #8b8b8b;
627 }
628
629 #results_header_inner {
630         height:32px;
631         width:974px;
632         margin:auto;
633         padding-top:6px;
634 }
635
636 .results_header_btns {
637         float:left;
638         margin-right: 6px;
639 }
640
641 .cached_list_div { width: 111px; height: 25px; }
642
643 .results_header_div {
644         float: left;
645         width: 0px;
646         height: 25px;
647         border-left: 1px solid #7c7c7c;
648         border-right: 1px solid #9c9c9c;
649         margin: 0px 13px;
650 }
651
652 .results_header_lbl {
653         font-weight: bold;
654         float: left;
655         font-size: 11px;
656         color: #191919;
657         position: relative;
658         top: 5px;
659         margin-right: 6px;
660 }
661
662 .results_header_sel {
663     /* width: 88px; */
664         float:left;
665         position: relative;
666         top: 2px;
667         margin:0;
668 }
669
670 .results_header_nav1 {
671         padding: 5px 7px 6px 0px;
672         border-bottom: 1px dotted #ccc;
673 }
674
675 .results_header_nav1 .h1 {
676         font-size:14px;
677         font-weight:bold;
678         color:#074079;
679 }
680
681 .start_end_links_span {
682         font-size: 11px;
683 }
684
685 .nav_arrow_fix {
686         font-size:8px;
687         position:relative;
688         top:-1px;
689 }
690
691 #result_table_div {
692         margin-top: 20px;
693 }
694
695 .result_numbers {
696         font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
697 }
698
699 .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
700
701
702
703
704 .icon_text {
705         text-transform:capitalize;
706 }
707
708 .result_table_title_cell {
709         padding-left: 7px;
710 }
711
712 #myopac_summary_div p {
713         margin:0;
714         margin-bottom: 10px;
715 }
716
717 #acct_sum_checked_table td {
718         padding-bottom:5px;
719 }
720
721 #zero_search_hits div { float:left;width:300px;margin-top:20px; }
722
723 #zero_search_hits p {
724         margin-top:0;
725 }
726
727 #zero_hits_term {
728         text-transform: uppercase;
729     font-weight: bold;
730 }
731
732 #zero_search_hits #spell_check_link {
733         text-transform: uppercase;
734 }
735
736 #zero_search_hits #zero_hits_suggestions {
737         text-transform: uppercase;
738 }
739
740 .results_info_table td {
741         padding-right: 10px;
742 }
743
744 #myopac_holds_main_table {
745         border-collapse: collapse;
746 }
747
748 #myopac_holds_main_table td {
749         border: 1px solid black;
750         
751 }
752
753 #myopac_prefs_div .data_grid {
754         border-collapse:collapse;
755 }
756
757 #myopac_prefs_div .data_grid td {
758         background:#f0f0f0;
759         border-bottom:3px solid white;
760         padding:6px 0px 7px 17px;
761 }
762
763 .header_middle {
764         height:22px;
765         font-size:14px;
766         font-weight:bold;
767         color:#074079;
768         padding: 0px 7px 0px 0px;
769         border-bottom: 1px dotted #ccc;
770 }
771
772 .header_middle a {
773         font-size: 12px;
774         font-weight: normal;
775 }
776
777 .acct_sum_row {
778         padding: 7px 15px;
779         width: 712px;
780         background: #f0f0f0;
781         margin-bottom: 2px;
782         font-size: 10px;
783         font-weight: bold;
784         text-transform: uppercase;
785 }
786
787 .acct_sum_row a {
788         text-transform: none;
789         font-size: 12px;
790         position:relative;
791         top:-1px;
792 }
793
794 .acct_sum_row .view_link {
795         font-weight: normal;
796         font-size:12px;
797 }
798
799 #myopac_sum_fines {
800         float:right;
801         padding: 15px 0px 0px 23px;
802         background: #f0f0f0;
803         width: 177px;
804         height: 166px;
805 }
806
807 .acct_holds_temp td {
808         text-align: left;
809 }
810
811 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
812         float:left;
813         /*padding-left:10px;*/
814 }
815
816 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
817         /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
818 }
819
820 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
821         font-weight:bold;
822         text-transform:uppercase;
823         font-size: 10px;
824 }
825
826 #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 {
827         background: #d8d8d8;
828         padding: 8px 0px 7px 0px;
829 }
830
831 #acct_list_header select, #acct_list_header_anon select {
832         font-weight:normal;
833         text-transform:none;
834 }
835
836 #acct_holds_activates_table label {
837         font-weight: bold;
838         font-size: 11px;
839         text-transform:uppercase;
840         padding-right: 5px;
841 }
842
843 .adv_search_font {
844         font-size: 10px;
845 }
846
847 .search_catalog_lbl {
848         font-size: 14px;
849 }
850
851 .lbl1 {
852         font-size:14px;
853         font-weight:bold;
854 }
855
856 .lbl2 {
857         font-size:10px;
858         font-weight:normal;
859         position:relative;
860         top:3px;
861 }
862
863 #myopac_tabs, #adv_search_parent {
864         background: #929292;
865         border-top:1px solid #8b8b8b;
866         padding-top:5px;
867         margin-bottom:20px;
868 }
869
870 #adv_search_parent {
871         margin-bottom:0px;
872 }
873
874 #myopac_loading {
875         width:100%;
876         text-align:center;
877         padding-top:20px;
878         font-size:16px;
879         font-weight:bold;
880 }
881
882 .chili_link {
883         width:100px !important;
884         text-align: center !important;
885 }
886
887 .chili_review div.chili_link div {
888         margin: auto;
889 }
890
891 /* some facet styling */
892 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }
893 .facetClassLabelContainer { border: 1px solid #CCC; }
894 .facetClassLabel { font-weight: bold; text-align: center; }
895 .facetFieldContainer {  }
896 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
897 .extraFacetFieldsWrapper { }
898 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
899 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
900 .facetField { border-top: 1px solid #CCC; }
901 .facetFields { padding-left: 5px; }
902 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
903
904 #footer {
905         padding-top:5px;
906         padding-bottom: 10px;
907         color: white;
908         margin: auto;
909         width: 974px;
910         color: #afafaf;
911         font-size: 11px;
912 }
913
914 #footer a {
915         color: white;
916         color: #afafaf;
917 }
918
919 .color_4 {
920         text-transform: uppercase;
921         font-weight: bold;
922         font-size: 10px;
923 }
924
925 .advanced_div { padding-top: 15px; }
926 #adv_global_search select { width: 13em; }
927 #adv_global_input_table select { width: 7em; }
928 .adv_adv_link { font-size: 8pt; color: red; }
929 #acct_prefs_header { float: left; }
930 #limit_to_available {
931     float: left; position: relative; top: 2px;
932     left: -2px; margin-right: 4px;
933 }
934 #rdetail_copy_info_table { font-size: 8pt; }
935 #rdetail_copy_info_table td { padding: 3px; }
936 .search_page_nav_link { cursor: pointer; }
937 #opac.result.sort { width: 160px; }
938 .renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
939 .failure-text { margin-left: 4em; font-style: italic; color: #ff0000; }
940 .refine-controls { font-size: 125%; padding: 0.5ex 0; }
941 #adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
942 #adv_search_refine select { border: 1px inset #ccc !important; }
943 #adv_search_refine {
944     padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0;
945 }
946 .row-remover { position: relative; top: 1px; vertical-align: middle; }
947 .subtle-button {
948     background-color: #ffffff;
949     color: #003399; text-decoration: none;
950     font-size: 12px;
951     padding: 0; border: 0; margin: 0;
952     vertical-align: middle;
953 }
954 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
955 .no-dec:hover { text-decoration: none; }
956 .pending-addr td { background-color: #ffcccc !important; border: 0 !important; }
957
958 #account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; }
959 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;}
960 #account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;}
961 a.dash-link:hover { text-decoration: underline !important; }
962 #list_create_table td { vertical-align: middle; padding: 0 8px; }
963 #list_create_table {
964     background-color: #ccc;
965     padding-bottom: 4px;
966     margin-bottom: 10px;
967     border-bottom: 1px dotted #666;
968 }
969 .list-create-table-buttons input[type=image] { margin-top: 2px; }
970 .result_table_format_cell { padding: 0px 10px; text-align: center; }