]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/templates/staff/css/circ.css.tt2
LP#1452950 required/suggested/all fields selectors
[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: -60px;
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}
16 .patron-summary-divider { border-top: 1px solid #CCC}
17 .patron-summary-act-link {font-size: .8em;}
18
19 /* FIXME: use .barcode instead */
20 #patron-checkout-barcode,
21 #patron-renewal-barcode,
22 #patron-checkin-barcode { width: 16em; }
23
24 #patron-search-form div.form-group {
25   margin-bottom: 5px;
26 }
27
28 #patron-fixed-tabs {
29     position: fixed;
30     top: 50px;
31     right: 15px;
32     padding-top: 20px;
33     padding-top: 10px;
34     z-index: 1;
35     background-color: rgba(255,255,255,1);
36 }
37
38 /* let search form elements fill their containers w/ slight padding */
39 #patron-search-form-row {margin-left: 0px;}
40 #patron-search-form div.col-md-2 { padding: 2px; }
41 #patron-search-form input:not([type="checkbox"]) { width: 100%; }
42 #patron-search-form .eg-org-selector,
43 #patron-search-form .eg-org-selector button,
44 #patron-search-form .patron-search-selector,
45   #patron-search-form .patron-search-selector button { 
46   width: 100%; 
47   text-align: left
48 }
49
50
51 #patron-payments-spreadsheet {
52   margin-top: 10px;
53   padding-top: 10px;
54   border-top: 1px solid #aaa;
55 }
56
57 #patron-payments-spreadsheet .flex-cell {
58   margin: 2px;
59 }
60
61 #patron-payments-spreadsheet .flex-cell.well {
62   min-height: 1.5em;
63   margin-bottom: 0px; /* bootstrap default is 20px */
64 }
65
66 #hold-notify-settings div.row { margin-top: 12px; }
67 #hold-notify-settings div.row:not(.header-row):nth-child(odd) {
68   background-color: rgb(248, 248, 248);
69 }
70 #hold-notify-settings div.row:not(.header-row) {
71   border-bottom: 1px solid #CCC;
72 }
73
74 /* -- patron registration -- */
75
76 /* make all input widgets the same width, i.e. fill their column */
77
78 .reg-field-input {font-weight: 700; }
79 .reg-field-input input:not([type="checkbox"]) { width: 100%; }
80
81 /* selector contents float left to allow depth-based left-padding */
82 .reg-field-input .eg-org-selector,
83 .reg-field-input .btn-group {
84   width: 100%; 
85   text-align: left;
86 }
87
88 /* selector button labels float right */
89 .reg-field-input .eg-org-selector button,
90 .reg-field-input .btn-group > button {
91   width: 100%; 
92   text-align: right;
93 }
94
95
96 /* floating div along top-right with field documentation */
97 #reg-field-doc {
98     position: fixed;
99     top:160px;
100     right:20px;
101     border:2px dashed #d9e8f9;
102     -moz-border-radius: 10px;
103     font-weight: bold;
104     padding: 20px;
105     margin-top: 20px;
106 }
107
108 #reg-field-doc legend {
109     /* otherwise the font size is quite large */
110     font-size: 100%;
111 }
112
113 .reg-field-row {
114     padding-bottom: 3px; 
115 }
116
117 .reg-field-row label {
118     font-weight: normal;
119 }
120
121 .patron-reg-fixed-bar {
122     position: fixed;
123     top:50px;
124     right: 20px;
125     left: 20px;
126     padding-top: 20px;
127     padding-bottom: 10px;
128     z-index: 1;
129     background-color: rgba(255,255,255,1);
130 }
131
132 .patron-reg-actions-bar {
133   padding: 5px;
134 }
135 .patron-reg-actions-bar span {
136   font-weight: bold;
137 }
138
139 /* -- end patron registration -- */
140
141 [%# 
142 vim: ft=css 
143 %]