LP1817601 MARC Flat Text Editor Monospace Font
[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 /*
195  * Holdings Editor Styles
196  * /
197
198 /* Wrapping in bootstrap style can separate radio buttons from their labels. */
199 .col-xs-3 {
200     white-space: nowrap;
201 }
202
203 /* Print Item Templates Styles */
204
205 div.print-label-toolbox input[type=number], div.print-label-toolbox input[type=text] {
206   border: 1px solid #999;
207   border-radius: 3px;
208   margin-right: 12px;
209   width: 56px;
210   }
211
212 div.print-label-toolbox div.eg-print-label-section {
213   display: block;
214   margin: 0 0 10px 0;
215   }
216
217 div.eg-print-label-group {
218   border-bottom: 1px solid #DED;
219   margin: 0 0 10px 0;
220   padding: 0 0 10px 0;
221   }
222
223 .eg-print-label-section p {
224   margin: 0 0 5px 0;
225   }
226
227 div.print-label-toolbox input.ng-invalid {
228   background-color: #FFFF00;
229   color: #FF0000;
230   }
231
232 div.print-label-toolbox label {
233   padding-right: 4px;
234   }
235
236 div.print-label-toolbox ul {
237   display: block;
238   list-style-type: none;
239   margin: 0;
240   padding: 0;
241   }
242
243 div.print-label-toolbox ul li {
244   display: inline-block;
245   padding: 0 0 0 6px;
246   }
247
248 div.print-label-toolbox ul li:first-child {
249   display: inline-block;
250   padding: 0 0 0 0;
251   }
252
253 table.custom-label-table td {
254   vertical-align: top;
255   }
256
257 .print-template-text {
258    height: 36em;
259    width: 100%;
260    }
261
262 .cn-template-text {
263   height: 12em;
264   width: 100%;
265 }
266
267 .record-merge-container {
268   flex: 1;
269   max-height: 600px;
270   /*
271    * LP1739293 Leaving for reference in case anyone wants to allow the
272    * marc records to occupy more horizontal space and/or put scroll bars
273    * on the individual records instead of a single vertical scroll.
274   min-width: 600px;
275   max-width: 900px;
276   overflow-y: scroll;
277   */
278 }
279
280 .record-merge-container pre {
281   /* in the merge view, wrap text so it doesn't gobble up 
282    * all of the horizontal space */
283   white-space: pre-wrap;
284 }
285
286 /* Avoid word wrapping in edit mode and add scrolls for navigation */
287 .record-edit-container {
288   flex: 1;
289   overflow-x: scroll;
290   overflow-y: scroll;
291   white-space: nowrap;
292 }
293