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