LP1100482 - Add max checked out indicator to patron interface
[Evergreen.git] / Open-ILS / xul / staff_client / server / skin / patron_display.css
1 @import url("patron_display_custom.css");
2
3 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
4 @namespace html url("http://www.w3.org/TR/REC-html40"); 
5
6 .change_to_credit { text-decoration: line-through; }
7
8 hbox#PatronNotNavBar { border-top: solid thin black; }
9 deck#patron_deck { border-left: solid thin black; }
10 .patronNameLarge { font-weight: bold; }
11
12 row#row_billing_first { padding-top: 10px; }
13 row#row_billing_zip { padding-bottom: 10px; }
14
15 /* To keep the size consistent. Other CSS rules for this need only change border-color.
16    This helps keep things like patron search from being "jumpy" */
17 .patronNameLarge { border: solid thick transparent; padding: 10px; }
18
19 /* This also helps keep things from being "jumpy" by ensuring that the expired/alert/whatever
20    notice area always takes up space, even when empty. Otherwise things popping into and out of
21    existence when you select/update patrons can cause it to come and go, bouncing other parts
22    of the screen up and down. */
23 #pdm2hb1a { min-height: 1.5em; }
24
25 .NO_PENALTIES .patronNameLarge { border-color: lime; }
26 .ONE_PENALTY .patronNameLarge { border-color: #66FFFF; }
27 .MULTIPLE_PENALTIES .patronNameLarge { border-color: #FF6633; }
28
29 .PATRON_HAS_STAFF_ALERT .patronNameLarge { border-color: blue; }
30
31 .PATRON_HAS_BILLS .patronNameLarge { border-color: #FFC266; }
32 .PATRON_HAS_BILLS label.bill { color: #AA4400; }
33 /* .PATRON_HAS_BILLS label.bill.label { text-decoration: underline; } */
34 .PATRON_HAS_BILLS label.bill.value { }
35 .PATRON_HAS_BILLS label.bills_indicator { display: inline; color: #AA4400; }
36
37 .PATRON_HAS_OVERDUES .patronNameLarge { border-color: #FFC266; }
38 .PATRON_HAS_OVERDUES label.items_overdue { color: #AA4400; }
39 /* .PATRON_HAS_OVERDUES label.items_overdue.label { text-decoration: underline; } */
40 .PATRON_HAS_OVERDUES label.items_overdue.value { }
41 .PATRON_HAS_OVERDUES label.overdues_indicator { display: inline; color: #AA4400; }
42 .PATRON_HAS_OVERDUES label#under_items { color: red; }
43
44 .PATRON_EXCEEDS_CHECKOUT_COUNT .patronNameLarge { border-color: #C99DFF; }
45 .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out { color: purple; }
46 /* .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out.label { text-decoration: underline; } */
47 .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out.value { }
48 .PATRON_EXCEEDS_CHECKOUT_COUNT label.max_out_indicator { display: inline; color: purple; }
49
50 .PATRON_EXCEEDS_OVERDUE_COUNT .patronNameLarge { border-color: #C99DFF; }
51 .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue { color: purple; }
52 /* .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue.label { text-decoration: underline; } */
53 .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue.value { }
54 .PATRON_EXCEEDS_OVERDUE_COUNT label.max_overdues_indicator { display: inline; color: purple; }
55
56 .PATRON_EXCEEDS_FINES .patronNameLarge { border-color: #C99DFF; }
57 .PATRON_EXCEEDS_FINES label.bill { color: purple; }
58 /* .PATRON_EXCEEDS_FINES label.bill.label { text-decoration: underline; } */
59 .PATRON_EXCEEDS_FINES label.bill.value { }
60 .PATRON_EXCEEDS_FINES label.max_bills_indicator { display: inline; color: purple; }
61 .PATRON_EXCEEDS_FINES label#under_bills { color: red; }
62
63 .PATRON_HAS_INVALID_DOB .dob { color: purple; }
64 .PATRON_HAS_INVALID_DOB label.invalid_dob_indicator { display: inline; color: purple }
65
66 .PATRON_HAS_INVALID_ADDRESS label.invalid_address_indicator { display: inline; color: #CC3300 }
67
68 .INVALID_PATRON_EMAIL_ADDRESS label.invalid_email_indicator { display: inline; color: #003399 }
69 .INVALID_PATRON_DAY_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
70 .INVALID_PATRON_EVENING_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
71 .INVALID_PATRON_OTHER_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
72
73 .PATRON_HAS_ALERT .patronNameLarge { border-color: yellow; }
74 .PATRON_HAS_ALERT groupbox.alert { background-color: yellow; color: black; }
75 .PATRON_HAS_ALERT [id^=patron_alert] { background: yellow; color: black; }
76 .PATRON_HAS_ALERT label.alert_indicator { display: inline; color: #AA4400 }
77
78 .PATRON_HAS_NOTES label.note_indicator { display: inline; color: #AA4400 }
79
80 .PATRON_INACTIVE .patronNameLarge { border-color: #333333; }
81 .PATRON_INACTIVE label.inactive_indicator { display: inline; color: black; }
82
83 .PATRON_EXPIRED .patronNameLarge { border-color: #666666; }
84 .PATRON_EXPIRED label.expired_indicator { display: inline; color: black; }
85 .PATRON_EXPIRED label.expire_date { background-color: #666666; color: white }
86
87 .PATRON_BARRED .patronNameLarge { border-color: #CC3300; }
88 .PATRON_BARRED label.barred_indicator { display: inline; color: #CC3300; }
89
90 .PATRON_NET_ACCESS_1 .net_access { color: #AA4400; } /* Filtered */
91 .PATRON_NET_ACCESS_2 .net_access { color: green; } /* Unfiltered */
92 .PATRON_NET_ACCESS_3 .net_access { color: #CC3300; } /* No Access */
93
94 .bad_barcode { color: red; }
95 .line_item { font-family: monospace; }
96 .checking_barcode { color: orange; text-decoration: blink; }
97
98 .PATRON_JUVENILE .dob { color: purple; }
99 .PATRON_JUVENILE label.juvenile_indicator { display: inline; color: purple; }
100
101
102 /* New user perm editor stuff */
103 row.odd { background-color: lightcyan; }
104 rows#work_ous row, rows#permissions row { border-top: 1px solid #444444; }