Bug 30770: Fixed terminology 'reserve' -> 'hold'
[koha.git] / koha-tmpl / intranet-tmpl / prog / css / addbiblio.css
1 form {
2     display: block;
3 }
4
5 div#toolbar {
6     border: 0;
7 }
8
9 #addbibliotabs .ui-tabs-nav,
10 #authoritytabs .ui-tabs-nav {
11     display: none;
12 }
13
14 .ui-tabs-panel h3 {
15     font-size: 140%;
16     margin: .3em 0;
17 }
18
19 .ui-tabs-panel ul {
20     margin-bottom: 0;
21     padding-left: 0;
22 }
23
24 ul li.tag, ul li.tag li.subfield_line {
25     list-style-type: none;
26     position: relative;
27     padding-left: 30px;
28 }
29
30 ul li.tag::before {
31     position: absolute;
32     font-size: .8em;
33     top: 0;
34     left: 10px;
35     content: " ";
36 }
37
38
39 ul li.tag.sortable_tag::before,
40 ul li.tag li.subfield_line::before {
41     color: #999;
42     cursor: move;
43     position: absolute;
44     font-family: 'FontAwesome';
45     font-size: .8em;
46     top: 0;
47     left: 10px;
48     content: "\f0c9";
49 }
50
51 ul li.tag::before {
52     padding-top: 1.7em;
53 }
54
55 li.ui-sortable-helper {
56     background-color: #e0e0e0;
57     max-height: 150px;
58     padding: 2px;
59     border-radius: 4px;
60 }
61
62 li.ui-sortable-helper ul li {
63         display: none !important;
64 }
65
66 .sortable_subfield .ui-sortable-helper input.flat {
67         background-color: transparent;
68 }
69
70 ul li.tag li.subfield_line.ui-sortable-helper::before {
71     top: 5px;
72 }
73
74 .buttonPlus {
75         font-weight : bold;
76         text-decoration : none;
77 }
78
79 .buttonMinus {
80         font-weight : bold;
81         text-decoration : none;
82 }
83
84 a.expandfield {
85         text-decoration : none;
86 }
87
88 #authoritytabs {
89         margin-top : 1em;
90         margin-bottom : 1em;
91 }
92
93 .toptabs .ui-tabs-nav li a {
94         padding : .2em 1.2em;
95 }
96
97 .tag {
98     border-bottom: 2px solid #D5E6E9;
99     clear: both;
100     padding: .7em 0;
101 }
102
103 li.subfield_line {
104     padding-bottom: .3em;
105     float: left;
106     clear: left;
107     width: 100%;
108 }
109
110 li.subfield_line label {
111     font-size:89%;
112     float: left;
113     padding-right: .4em;
114     width: 10em;
115     text-align: left;
116     clear:left;
117 }
118
119 .subfieldcode img {
120     cursor: pointer;
121 }
122
123 .tag_title {
124         font-size : 90%;
125         padding : .2em 0;
126 }
127
128 .tagnum {
129         font-size : 130%;
130         font-weight : bold;
131         color : #000;
132         padding : .1em .3em .1em 0;
133 }
134
135 a.tagnum {
136         font-size : 110%;
137         font-weight : bold;
138         color : #000;
139         padding : .1em .3em .1em 0;
140         text-decoration : none;
141 }
142
143 .subfield {
144         color : #00698a;
145         float: left;
146         width: 10em;
147         text-align:right;
148 }
149
150 .subfield.subfield_mandatory {
151     color: #C00;
152 }
153
154 .subfieldcode {
155     display: block;
156     float: left;
157 }
158
159 .labelsubfield {
160     float: left;
161 }
162
163 #cat_addbiblio .subfieldcode, #authoritytabs .subfieldcode {
164     float: none;
165 }
166
167 #cat_addbiblio .labelsubfield, #authoritytabs .labelsubfield {
168     font-size: 90%;
169     float: none;
170 }
171
172 #cat_addbiblio .subfield, #authoritytabs .subfield {
173     float: none;
174     padding: .25em .5em;
175 }
176
177 #cat_addbiblio .subfield label, #authoritytabs .subfield label {
178     color: #00698a;
179 }
180
181 .input_marceditor {
182     float: left;
183     width: 50%;
184 }
185
186 #cat_addbiblio .input_marceditor, #authoritytabs .input_marceditor {
187     float: none;
188     width: 100%;
189 }
190
191 #cat_addbiblio .subfield_line, #authoritytabs .subfield_line {
192     display: flex;
193 }
194
195 #cat_addbiblio .field_marceditor, #authoritytabs .field_marceditor {
196     flex-grow: 1;
197     padding: .25em .5em;
198 }
199
200 #cat_addbiblio .subfield_loop_mandatory, #authoritytabs .subfield_loop_mandatory {
201     padding: .25em .5em;
202 }
203
204 .indicator {
205     width: 1em;
206     box-sizing: content-box;
207 }
208
209 #cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
210         font-size : 100%;
211         width : 25%;
212 }
213
214 #cataloguing_additem_newitem fieldset.rows li {
215         padding-bottom : 3px;
216 }
217
218 #cataloguing_additem_newitem .input_marceditor {
219     width: 50%;
220 }
221
222 #cataloguing_additem_newitem textarea.input_marceditor {
223     width: 31em;
224 }
225
226 #cat_addbiblio .field_marceditor .flatpickr_wrapper {
227     display: none;
228 }
229
230 .mandatory_marker {
231         color: red;
232 }
233 .linktools { display: block; white-space: nowrap; }
234 .linktools a { font-size : 75%; display:block;text-decoration:none;}
235 .linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
236 .linktools a:first-child { border-bottom: 1px solid #DDD; }
237 .linktools a:hover { background-color: #FFC; }
238 .subfield_controls { margin: 0 .5em; }
239
240 #cataloguing_additem_itemlist {
241         margin-bottom : 1em;
242 }
243
244 tbody tr.active:nth-child(2n+1) td,
245 tbody tr.active td {
246     background-color: #FFFFCC;
247 }
248
249 #loading {
250     background-color: #FFF;
251     cursor: wait;
252     height: 100%;
253     left: 0;
254     opacity: .7;
255     position: fixed;
256     top: 0;
257     width: 100%;
258     z-index: 1000;
259 }
260 #loading div {
261     background : transparent url(../img/loading.gif) top left no-repeat;
262     font-size : 175%;
263     font-weight: bold;
264     height: 2em;
265     left: 50%;
266     margin: -1em 0 0 -2.5em;
267     padding-left : 50px;
268     position: absolute;
269     top: 50%;
270     width: 15em;
271 }
272
273 .ui-tabs .ui-tabs-panel {
274     border: 0;
275     padding: 0;
276 }
277
278 .toolbar-tabs-container {
279     margin: 3em -5px -5px -5px;
280 }
281
282 .toolbar-tabs {
283     background-color: #FFF;
284     clear: both;
285     display: flex;
286     flex-direction: row;
287     justify-content: center;
288     margin-bottom: 0;
289     padding-left: 0;
290 }
291
292 .toolbar-tabs li {
293     background-color: #fff;
294     display: flex;
295     justify-content: center;
296     flex-grow: 1;
297     text-align: center;
298     margin-bottom: 0;
299 }
300
301 .toolbar-tabs li a {
302     border: 1px solid #EDF4F6;
303     border-left: 0;
304     border-right: 1px solid #EDF4F6;
305     border-bottom-right-radius: 5px;
306     border-bottom-left-radius: 5px;
307     display: block;
308     font-weight: bold;
309     padding: .3em 1.5em;
310     width: 100%;
311 }
312
313 .toolbar-tabs li.selected a {
314     background-color: #EDF4F6;
315     border-right: 1px solid #C3D6DB;
316     border-bottom: 1px solid #C3D6DB;
317     font-weight: bold;
318 }
319
320 .toolbar-tabs li.selected a:hover {
321     background-color: #EDF4F6;
322 }
323
324 .toolbar-tabs li a:hover {
325     background-color: #F4F8F9;
326 }
327
328 .toolbar-tabs li:first-child a {
329     border-left: 1px solid #EDF4F6;
330 }
331
332 .tag_anchors_list {
333     background-color: #FFF;
334     clear: both;
335     display: block;
336     font-size: 95%;
337     margin-bottom: 0;
338     padding-left: 0;
339 }
340
341 .tag_anchor.selected {
342     font-weight: bold;
343 }
344
345 .tag_anchors {
346     display: none;
347     padding: .5em 0;
348 }
349
350 .tag_anchors a {
351     border-right: 1px solid #EDF4F6;
352     display: inline-block;
353     padding: 0 .4em;
354 }
355
356 .tag_anchors.tab_selected {
357     display: inline-block;
358 }
359
360 .matching_authority{
361     color: #99FF99;
362 }
363
364 .no_matching_authority{
365     color: #FFAAAA;
366 }
367
368 .matching_authority_field{
369      background-color: #99FF99 !important;
370  }
371
372  .no_matching_authority_field{
373      background-color: #FFAAAA !important;
374  }
375
376  .show-errors {
377     background: #FFEC8C none;
378     border-color: #E0C726;
379     color: #000;
380     display: none;
381     text-shadow: none;
382 }
383
384 .floating .show-errors {
385     display: inline-block;
386 }
387
388 @media (min-width: 768px) {
389     li.subfield_line label {
390         width: 20em;
391     }
392
393     .input_marceditor {
394         width: 50em;
395     }
396
397     .subfield {
398         width: 14em;
399     }
400 }
401
402 @media (min-width: 1200px) {
403     li.subfield_line label {
404         width: 25em;
405     }
406
407     .input_marceditor {
408         width: 60em;
409     }
410
411     .subfield {
412         width: 16em;
413     }
414 }
415
416 .ui-autocomplete {
417     z-index: 2000;
418 }
419
420 #authoritiestabs .marc_field {
421     display: inline-block;
422     padding: .3em;
423     border-radius: 3px;
424 }
425
426 #authoritiestabs .marc_subfield {
427     font-weight: bold;
428     color: #666;
429 }
430
431 #authoritiestabs .marc_subfield_desc {
432     color: #00698a;
433     font-style: italic;
434 }
435
436 #authoritiestabs .auth_subfield {
437     display: flex;
438 }
439
440 #authoritiestabs .tag {
441     padding: .4em 0;
442 }
443
444 #authoritiestabs .tag_desc {
445     color: #026;
446 }
447
448 #authoritiestabs .tag_num {
449     color: #080;
450 }
451
452 #authoritiestabs .tag_title {
453     font-size: 100%;
454     font-weight: bold;
455     padding: 0;
456 }
457
458 #authoritiestabs .ui-tabs-nav.ui-widget-header {
459     border-bottom: 1px solid #b9d8d9;
460     border-radius: 0;
461 }