]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/xul/staff_client/server/skin/patron_display.css
LP2045292 Color contrast for AngularJS patron bills
[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_HAS_LOST .patronNameLarge { border-color: #FFC266; }
45 .PATRON_HAS_LOST label.items_lost { color: #AA4400; }
46 .PATRON_HAS_LOST label.items_lost.value { }
47 .PATRON_HAS_LOST label.lost_indicator { display: inline; color: #AA4400; }
48
49 .PATRON_HAS_LOST_AND_COUNTED label#under_items { color: red; }
50
51 .PATRON_EXCEEDS_CHECKOUT_COUNT .patronNameLarge { border-color: #C99DFF; }
52 .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out { color: purple; }
53 /* .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out.label { text-decoration: underline; } */
54 .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out.value { }
55 .PATRON_EXCEEDS_CHECKOUT_COUNT label.max_out_indicator { display: inline; color: purple; }
56
57 .PATRON_EXCEEDS_OVERDUE_COUNT .patronNameLarge { border-color: #C99DFF; }
58 .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue { color: purple; }
59 /* .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue.label { text-decoration: underline; } */
60 .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue.value { }
61 .PATRON_EXCEEDS_OVERDUE_COUNT label.max_overdues_indicator { display: inline; color: purple; }
62
63 .PATRON_EXCEEDS_LOST_COUNT .patronNameLarge { border-color: #C99DFF; }
64 .PATRON_EXCEEDS_LOST_COUNT label.items_lost { color: purple; }
65 .PATRON_EXCEEDS_LOST_COUNT label.items_lost.value { }
66 .PATRON_EXCEEDS_LOST_COUNT label.max_lost_indicator { display: inline; color: purple; }
67
68 .PATRON_EXCEEDS_FINES .patronNameLarge { border-color: #C99DFF; }
69 .PATRON_EXCEEDS_FINES label.bill { color: purple; }
70 /* .PATRON_EXCEEDS_FINES label.bill.label { text-decoration: underline; } */
71 .PATRON_EXCEEDS_FINES label.bill.value { }
72 .PATRON_EXCEEDS_FINES label.max_bills_indicator { display: inline; color: purple; }
73 .PATRON_EXCEEDS_FINES label#under_bills { color: red; }
74
75 .PATRON_HAS_INVALID_DOB .dob { color: purple; }
76 .PATRON_HAS_INVALID_DOB label.invalid_dob_indicator { display: inline; color: purple }
77
78 .PATRON_HAS_INVALID_ADDRESS label.invalid_address_indicator { display: inline; color: #CC3300 }
79
80 .INVALID_PATRON_EMAIL_ADDRESS label.invalid_email_indicator { display: inline; color: #003399 }
81 .INVALID_PATRON_DAY_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
82 .INVALID_PATRON_EVENING_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
83 .INVALID_PATRON_OTHER_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
84
85 .PATRON_HAS_ALERT .patronNameLarge { border-color: yellow; }
86 .PATRON_HAS_ALERT groupbox.alert { background-color: yellow; color: black; }
87 .PATRON_HAS_ALERT [id^=patron_alert] { background: yellow; color: black; }
88 .PATRON_HAS_ALERT label.alert_indicator { display: inline; color: #AA4400 }
89
90 .PATRON_HAS_NOTES label.note_indicator { display: inline; color: #AA4400 }
91
92 .PATRON_INACTIVE .patronNameLarge { border-color: #333333; }
93 .PATRON_INACTIVE label.inactive_indicator { display: inline; color: black; }
94
95 .PATRON_EXPIRED .patronNameLarge { border-color: #666666; }
96 .PATRON_EXPIRED label.expired_indicator { display: inline; color: black; }
97 .PATRON_EXPIRED label.expire_date { background-color: #666666; color: white }
98
99 .PATRON_BARRED .patronNameLarge { border-color: #CC3300; }
100 .PATRON_BARRED label.barred_indicator { display: inline; color: #CC3300; }
101
102 .PATRON_NET_ACCESS_1 .net_access { color: #AA4400; } /* Filtered */
103 .PATRON_NET_ACCESS_2 .net_access { color: green; } /* Unfiltered */
104 .PATRON_NET_ACCESS_3 .net_access { color: #CC3300; } /* No Access */
105
106 .bad_barcode { color: red; }
107 .line_item { font-family: monospace; }
108 .checking_barcode { color: orange; text-decoration: blink; }
109
110 .PATRON_JUVENILE .dob { color: purple; }
111 .PATRON_JUVENILE label.juvenile_indicator { display: inline; color: purple; }
112
113
114 /* New user perm editor stuff */
115 row.odd { background-color: lightcyan; }
116 rows#work_ous row, rows#permissions row { border-top: 1px solid #444444; }