24d555075f84970b76f91046dd1a265c7c4b0b20
[working/Evergreen.git] / Open-ILS / src / templates / staff / css / circ.css.tt2
1
2 /* push the patron summary up to compensate for the extra
3  * padding required to support the fixed navigation */
4 .patron-summary-grid-wrapper {
5   margin-top: 20px;
6 }
7
8 /** style to make a grid look like a striped table */
9 #patron-summary-grid div.row {padding: 3px; border-right: 2px solid rgb(248, 248, 248);}
10 #patron-summary-grid div.row:nth-child(odd) {background-color: rgb(248, 248, 248);}
11
12 /* there are bootstrap tyles for error, warning, etc., 
13 but the ones I'm finding aren't quite cutting it..*/
14 .patron-summary-alert {color: red; font-weight:bold}
15 .patron-summary-alert-small {color: red; background-color: white;}
16 .patron-summary-divider { border-top: 1px solid #CCC}
17 .patron-summary-act-link {font-size: .8em;}
18 .patron-summary-has-notes:hover, .patron-summary-has-notes:visited{ text-decoration: none; }
19
20 /* FIXME: use .barcode instead */
21 #patron-checkout-barcode,
22 #patron-renewal-barcode,
23 #patron-checkin-barcode { width: 16em; }
24
25 #patron-search-form div.form-group {
26   margin-bottom: 5px;
27 }
28
29 #patron-fixed-tabs {
30     position: fixed;
31     top: 50px;
32     right: 15px;
33     left: 45px;
34     padding-top: 20px;
35     padding-top: 10px;
36     z-index: 3;
37     background-color: rgba(255,255,255,1);
38 }
39
40 .patron-name-header {
41   margin-top: 20px;
42 }
43
44 /* let search form elements fill their containers w/ slight padding */
45 #patron-search-form-row {margin-left: 0px;}
46 #patron-search-form div.col-md-2 { padding: 2px; }
47 #patron-search-form input:not([type="checkbox"]) { width: 100%; }
48 #patron-search-form .eg-org-selector,
49 #patron-search-form .eg-org-selector button,
50 #patron-search-form .patron-search-selector,
51   #patron-search-form .patron-search-selector button { 
52   width: 100%; 
53   text-align: left
54 }
55
56
57 #patron-payments-spreadsheet {
58   margin-top: 10px;
59   padding-top: 10px;
60   border-top: 1px solid #aaa;
61 }
62
63 #patron-payments-spreadsheet .flex-cell {
64   margin: 2px;
65 }
66
67 #patron-payments-spreadsheet .flex-cell.well {
68   min-height: 1.5em;
69   margin-bottom: 0px; /* bootstrap default is 20px */
70 }
71
72 #hold-notify-settings div.row { margin-top: 12px; }
73 #hold-notify-settings div.row:not(.header-row):nth-child(odd) {
74   background-color: rgb(248, 248, 248);
75 }
76 #hold-notify-settings div.row:not(.header-row) {
77   border-bottom: 1px solid #CCC;
78 }
79
80 /* -- patron registration -- */
81
82 /* make all input widgets the same width, i.e. fill their column */
83
84 .reg-field-input {font-weight: 700; }
85 .reg-field-input input:not([type="checkbox"]) { width: 100%; }
86
87 /* selector contents float left to allow depth-based left-padding */
88 .reg-field-input .eg-org-selector,
89 .reg-field-input .btn-group {
90   width: 100%; 
91   text-align: left;
92 }
93
94 /* selector button labels float right */
95 .reg-field-input .eg-org-selector button,
96 .reg-field-input .btn-group > button {
97   width: 100%; 
98   text-align: right;
99 }
100
101 /* floating div along top-right with field documentation */
102 #reg-alert-pane {
103     position: fixed;
104     top:160px;
105     right:20px;
106     /*
107     border:2px dashed #d9e8f9;
108     -moz-border-radius: 10px;
109     */
110     font-weight: bold;
111     padding: 20px;
112     margin-top: 20px;
113 }
114
115 #reg-dupe-links {
116                 margin-bottom: 10px;
117 }
118
119
120 #reg-field-doc legend {
121     /* otherwise the font size is quite large */
122     font-size: 100%;
123 }
124
125 .reg-field-row {
126     padding-bottom: 3px; 
127 }
128
129 .reg-field-row label {
130     font-weight: normal;
131 }
132
133 .patron-reg-fixed-bar {
134     position: fixed;
135     top:50px;
136     right: 20px;
137     left: 20px;
138     padding-top: 20px;
139     padding-bottom: 10px;
140     z-index: 1;
141     background-color: rgba(255,255,255,1);
142 }
143
144 .patron-reg-actions-bar {
145   padding: 5px;
146 }
147 .patron-reg-actions-bar span {
148   font-weight: bold;
149 }
150
151 .patron-reg-barcodes > .header {
152   font-weight: bold;
153 }
154
155 /* Bootstrap alert panes are too stylized/padded/etc. in this case,
156  * but consider revisiting. */
157 .patron-reg-validation-alert {
158   font-weight: bold;
159   color: red;
160 }
161
162 /* Angular applies these classes based on the field's 
163  * required and pattern settings */
164 #patron-reg-container .ng-invalid,
165 #patron-reg-container .ng-invalid-required,
166 #patron-pay-by-credit-form .ng-invalid {
167   background-color: yellow;
168   color: red;
169 }
170
171 /* -- end patron registration -- */
172
173 [%# 
174 vim: ft=css 
175 %]