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