LP#1843637 MARC View Display Issues
[Evergreen.git] / Open-ILS / src / templates / staff / css / cat.css.tt2
1 /* record summary */
2 .record-summary-alert {
3     color: red;
4 }
5
6 .target-record-aside {
7     font-size: 80%;
8     font-style: italic;
9 }
10
11 .marcrecord {
12     //background-color: #f5f5f5;
13 }
14
15 .marcflateditor {
16     max-width: 100%;
17     font-family: 'Lucida Console', Monaco, monospace;
18 }
19
20 .marcfastitemadd, .marctypesource {
21     border-bottom: solid thin gray;
22     flex-wrap: wrap;
23 }
24
25 .marcedit {
26     background-color: #f5f5f5;
27     border-collapse: collapse;
28     border: solid thin gray;
29     padding: 0px 5px 0px 5px;
30     margin: 0px;
31 }
32
33 .marcedit_stacked_subfield {
34     display: block;
35     margin-left: 3em;
36 }
37
38 input.marcedit:focus {
39     background-color: lightcyan;
40 }
41
42 .marcffeditor {
43     max-width: 800px;
44 }
45
46 .fixed-field-box {
47     border: 1px solid gray;
48 }
49
50 .marcsfvalue {
51     border-left: 0px !important;
52 }
53
54 .marcsfcode {
55     color: blue;
56     font-weight: normal;
57     text-align: center;
58     padding-left: 0px !important;
59     border-left: 0px !important;
60     border-right: 0px !important;
61 }
62
63 .marcsfcodedelimiter {
64     color: blue;
65     font-family: 'Lucida Console', Monaco, monospace;
66     font-weight: normal;
67     text-align: center;
68     padding-right: 0px !important;
69     border-right: 0px !important;
70 }
71
72 .unvalidatedheading {
73     color: red;
74 }
75
76 .marctag, .marcind {
77     text-align: center;
78 }
79
80 .marcEditableControlfield {
81     text-align: left;
82 }
83
84 .marcSubfieldCode, .marcInd1, .marcInd2, .marcTag {
85     width: 1em;
86 }
87
88 .marcSubfieldDelimiter, .marcSubfieldCode {
89     color: blue;
90 }
91
92 .marcInd1, .marcInd2, .marcTag {
93     text-align: center;
94 }
95
96 .marcSubfield {
97     min-width: 1em;
98 }
99
100 .active-physchar {
101     font-weight: bold;
102     color: red;
103 }
104
105 .tooltip {
106     /* width: 10em; */
107 }
108
109 caption {
110     font-weight: bold;
111 }
112
113 grid row, grid column {
114     border-collapse: collapse;
115     border: solid thin gray;
116     vertical-align: bottom;
117 }
118
119 grid column {
120     background-color: #f5f5f5; 
121     padding: 2px;
122 }
123
124 grid#leaderGrid textbox {
125     min-width: 1em;
126 }
127
128 grid#leaderGrid label {
129     font-weight: bold;
130 }
131
132 grid#leaderGrid label, grid#leaderGrid textbox {
133     visibility: hidden;
134 }
135
136 grid#leaderGrid[type="BKS"] *[set~="BKS"], grid#leaderGrid[type="BKS"] *[set~="BKS"] + textbox {
137     visibility: visible;
138 }
139
140 grid#leaderGrid[type="SER"] *[set~="SER"], grid#leaderGrid[type="SER"] *[set~="SER"] + textbox {
141     visibility: visible;
142 }
143
144 grid#leaderGrid[type="VIS"] *[set~="VIS"], grid#leaderGrid[type="VIS"] *[set~="VIS"] + textbox {
145     visibility: visible;
146 }
147
148 grid#leaderGrid[type="MIX"] *[set~="MIX"], grid#leaderGrid[type="MIX"] *[set~="MIX"] + textbox {
149     visibility: visible;
150 }
151
152 grid#leaderGrid[type="MAP"] *[set~="MAP"], grid#leaderGrid[type="MAP"] *[set~="MAP"] + textbox {
153     visibility: visible;
154 }
155
156 grid#leaderGrid[type="SCO"] *[set~="SCO"], grid#leaderGrid[type="SCO"] *[set~="SCO"] + textbox {
157     visibility: visible;
158 }
159
160 grid#leaderGrid[type="REC"] *[set~="REC"], grid#leaderGrid[type="REC"] *[set~="REC"] + textbox {
161     visibility: visible;
162 }
163
164 grid#leaderGrid[type="COM"] *[set~="COM"], grid#leaderGrid[type="COM"] *[set~="COM"] + textbox {
165     visibility: visible;
166 }
167
168 grid#leaderGrid[type="AUT"] *[set~="AUT"], grid#leaderGrid[type="AUT"] *[set~="AUT"] + textbox {
169     visibility: visible;
170 }
171
172 grid#leaderGrid[type="MFHD"] *[set~="MFHD"], grid#leaderGrid[type="MFHD"] *[set~="MFHD"] + textbox {
173     visibility: visible;
174 }
175
176 grid[name="-none-"] * label { color: black; }
177
178 .marcValidated { color: black; }
179 .marcUnvalidated { color: red; }
180
181 #z3950-search-form-row {
182     margin-bottom: 20px;
183 }
184
185 /*
186  *  MARC view styles
187  */
188
189 /* ensure that side-by-side MARC record views don't overlap text */
190 .marc_tag_row {
191     word-break: break-word;
192 }
193
194 .marc_tag_col {
195     text-align: right;
196     vertical-align: top;
197 }
198
199 .marc_tag_ind1 {
200     vertical-align: top;
201     padding-left: 3px;
202     padding-right: 3px;
203 }
204
205 .marc_tag_ind2 {
206     vertical-align: top;
207     border-left: 1px solid #A0A0A0;
208     padding-left: 3px;
209 }
210
211 .marc_subfields {
212     vertical-align: top;
213     padding-left: 3px;
214 }
215
216 /*
217  * Holdings Editor Styles
218  * /
219
220 /* Wrapping in bootstrap style can separate radio buttons from their labels. */
221 .col-xs-3 {
222     white-space: nowrap;
223 }
224
225 /* Print Item Templates Styles */
226
227 div.print-label-toolbox input[type=number], div.print-label-toolbox input[type=text] {
228   border: 1px solid #999;
229   border-radius: 3px;
230   margin-right: 12px;
231   width: 56px;
232   }
233
234 div.print-label-toolbox div.eg-print-label-section {
235   display: block;
236   margin: 0 0 10px 0;
237   }
238
239 div.eg-print-label-group {
240   border-bottom: 1px solid #DED;
241   margin: 0 0 10px 0;
242   padding: 0 0 10px 0;
243   }
244
245 .eg-print-label-section p {
246   margin: 0 0 5px 0;
247   }
248
249 div.print-label-toolbox input.ng-invalid {
250   background-color: #FFFF00;
251   color: #FF0000;
252   }
253
254 div.print-label-toolbox label {
255   padding-right: 4px;
256   }
257
258 div.print-label-toolbox ul {
259   display: block;
260   list-style-type: none;
261   margin: 0;
262   padding: 0;
263   }
264
265 div.print-label-toolbox ul li {
266   display: inline-block;
267   padding: 0 0 0 6px;
268   }
269
270 div.print-label-toolbox ul li:first-child {
271   display: inline-block;
272   padding: 0 0 0 0;
273   }
274
275 table.custom-label-table td {
276   vertical-align: top;
277   }
278
279 .print-template-text {
280    height: 36em;
281    width: 100%;
282    }
283
284 .cn-template-text {
285   height: 12em;
286   width: 100%;
287 }
288
289 .record-merge-container {
290   flex: 1;
291   max-height: 600px;
292   /*
293    * LP1739293 Leaving for reference in case anyone wants to allow the
294    * marc records to occupy more horizontal space and/or put scroll bars
295    * on the individual records instead of a single vertical scroll.
296   min-width: 600px;
297   max-width: 900px;
298   overflow-y: scroll;
299   */
300 }
301
302 .record-merge-container pre {
303   /* in the merge view, wrap text so it doesn't gobble up 
304    * all of the horizontal space */
305   white-space: pre-wrap;
306 }
307
308 /* Avoid word wrapping in edit mode and add scrolls for navigation */
309 .record-edit-container {
310   flex: 1;
311   overflow-x: scroll;
312   overflow-y: scroll;
313   white-space: nowrap;
314 }
315