Bug 14060: Force the input to contain a valid date
[koha.git] / koha-tmpl / intranet-tmpl / prog / css / cateditor.css
1 /*> Infrastructure */
2 body {
3     padding: 0;
4 }
5
6 #loading {
7     background-color: #FFF;
8     cursor: wait;
9     height: 100%;
10     left: 0;
11     opacity: .7;
12     position: fixed;
13     top: 0;
14     width: 100%;
15     z-index: 1000;
16 }
17
18 #loading div {
19     background : transparent url(../img/loading.gif) top left no-repeat;
20     font-size : 175%;
21     font-weight: bold;
22     height: 2em;
23     left: 50%;
24     margin: -1em 0 0 -2.5em;
25     padding-left : 50px;
26     position: absolute;
27     top: 50%;
28     width: 15em;
29 }
30
31 #alerts-container {
32     font-size: 12px;
33 }
34
35 #alerts-container h3 {
36     font-size: inherit;
37 }
38
39 #alerts-container > ul {
40     padding: 0;
41 }
42
43 #alerts-container > ul > li {
44     border-bottom: 1px solid #DDD;
45     display: block;
46     padding: 4px 0;
47 }
48
49 #alerts-container > ul > li:first-child {
50     padding-top: 0;
51 }
52
53 #alerts-container > ul > li:last-child {
54     border-bottom: none;
55     padding-bottom: 0;
56 }
57
58 #shortcuts-container {
59     font-size: 12px;
60 }
61
62 /*> MARC editor */
63 #editor .CodeMirror {
64     line-height: 1.2;
65 }
66
67 .cm-tagnumber {
68     color: #080;
69     font-weight: bold;
70 }
71
72 .cm-bad-tagnumber {
73     color: #A20;
74     font-weight: bold;
75 }
76
77 .cm-indicator {
78     color: #884;
79 }
80
81 .cm-subfieldcode {
82     background-color: #F4F4F4;
83     color: #187848;
84     border-radius: 3px;
85     border-right: 2px solid white;
86     font-weight: bold;
87     padding-left: 3px;
88     padding-right: 3px;
89     margin-right: -2px;
90 }
91
92 .cm-bad-subfieldcode {
93     background-color: #FFD9D9;
94     color: #482828;
95     border-radius: 3px 8px 8px 3px;
96     font-weight: bold;
97 }
98
99 .cm-end-space {
100     background-color: #DDDDBB;
101 }
102
103 #editor .modified-line-gutter {
104     width: 10px;
105 }
106
107 #editor .modified-line {
108     background: #F8F8F8;
109     border-left: 5px solid black;
110     margin-left: -10px;
111     padding-left: 5px;
112 }
113
114 #editor .CodeMirror-gutters {
115     background: transparent;
116     border-right: none;
117 }
118
119 /*> MARC editor widgets */
120
121 #editor .subfield-widget {
122     color: #538200;
123     border: solid 2px #538200;
124     border-radius: 6px;
125     font-family: inherit;
126     line-height: 2.75;
127     margin: 3px 0;
128     padding: 4px;
129 }
130
131 #editor .subfield-widget select, #editor .subfield-widget input {
132     height: 1.5em;
133     vertical-align: middle;
134 }
135
136 #editor .subfield-widget select:focus {
137     outline: 2px #83A230 solid;
138 }
139
140 #editor .fixed-widget input {
141     width: 4em;
142 }
143
144 #editor .fixed-widget select {
145     width: 3em;
146 }
147
148 #editor .fixed-widget .material-select {
149     width: 4.5em;
150     margin-right: .5em;
151 }
152
153 #editor .fixed-collapsed {
154     display: inline-block;
155     margin: 0 .25em;
156     text-align: center;
157     text-decoration: underline;
158 }
159
160 #editor .hidden-widget {
161     color: #999999;
162     border: solid 2px #AAAAAA;
163     line-height: 2;
164     padding: 2px;
165 }
166
167 .structure-error {
168     background: #FFEEEE;
169     font-size: 0.9em;
170     line-height: 1.5;
171     margin: .5em;
172     padding: 0 .5em;
173 }
174
175 .structure-error i {
176     vertical-align: text-bottom;
177 }
178
179 #statusbar {
180     background-color: #F4F8F9;
181     border: solid 2px #b9d8d9;
182     border-bottom-style: none;
183     border-radius: 6px 6px 0 0;
184     height: 18px;
185     margin-bottom: -32px;
186     overflow: auto;
187     padding: 4px;
188     padding-bottom: 0;
189 }
190
191 #statusbar #status-tag-info, #statusbar #status-subfield-info {
192     float: left;
193     overflow: hidden;
194     padding-right: 2%;
195     width: 48%;
196 }
197
198 #record-info .label {
199     float: none;
200 }
201
202 #record-info .label + span {
203     display: block;
204     padding-left: 1em;
205 }
206
207 /*> Search */
208
209 #advanced-search-ui, #search-results-ui, #macro-ui {
210     padding: 5px;
211     width: 90%;
212 }
213
214 .modal-body {
215     max-height: none;
216     padding: 0;
217 }
218
219 #quicksearch-overlay {
220     background: rgba(255, 255, 255, .9);
221     border: 2px solid #CC8877;
222     border-radius: 5px;
223     -moz-box-sizing: border-box;
224     -webkit-box-sizing: border-box;
225     box-sizing: border-box;
226     color: #664444;
227     position: relative;
228     vertical-align: middle;
229 }
230
231 #quicksearch-overlay h3 {
232     font-size: 1.5em%;
233     margin: 0;
234     text-align: center;
235     padding: 50px 5px;
236 }
237
238 #quicksearch-overlay p {
239     bottom: 0;
240     font-size: .8em;
241     overflow: hidden;
242     padding: 8px 15px;
243     position: absolute;
244     text-align: center;
245 }
246
247 #quicksearch input, #quicksearch a {
248     font-size: 1.2em;
249     padding: 3px 0;
250     width: 96%; /* I have no idea why this is necessary */
251 }
252
253 #show-advanced-search {
254     display: block;
255     margin-top: .3em;
256 }
257
258 #advanced-search-fields {
259     -moz-column-width: 26em;
260     -webkit-column-width: 26em;
261     column-width: 26em;
262     margin: 0;
263     padding: 0;
264 }
265
266 #advanced-search-fields li {
267     display: block;
268     list-style-type: none;
269 }
270
271 #advanced-search-fields label {
272     display: inline-block;
273     font-weight: bold;
274     padding: 1em 1em 1em 0;
275     width: 10em;
276     text-align: right;
277 }
278
279 #advanced-search-fields input {
280     display: inline-block;
281     margin: 0px auto;
282     width: 14em;
283 }
284
285 .icon-loading {
286     display: inline-block;
287     height: 16px;
288     width: 16px;
289     background: transparent url("../img/spinner-small.gif") top left no-repeat;
290     padding: -1px;
291     vertical-align: text-top;
292 }
293
294 /*> Search results */
295
296 #search-serversinfo li {
297     list-style-type: none;
298 }
299
300 #search-serversinfo .search-toggle-server {
301     margin-right: 5px;
302 }
303
304 #searchresults table {
305     width: 100%;
306 }
307
308 .sourcecol {
309     width: 50px;
310 }
311
312 .results-info {
313     height: 100px;
314     overflow: auto;
315 }
316
317 .toolscol {
318     padding: 0;
319     width: 100px;
320 }
321
322 .toolscol ul {
323     margin: 0;
324     padding: 0;
325 }
326
327 #searchresults .toolscol li {
328     list-style-type: none;
329     list-style-image: none;
330 }
331
332 .toolscol a {
333     border-bottom: 1px solid #BCBCBC;
334     display: block;
335     padding: 0 1em;
336     line-height: 24px;
337 }
338
339 .marccol {
340     font-family: monospace;
341     height: auto;
342     white-space: pre-wrap;
343 }
344
345 #searchresults {
346     position: relative;
347 }
348
349 #search-overlay {
350     background: white;
351     bottom: 0;
352     font-size: 2em;
353     left: 0;
354     opacity: .7;
355     padding: 2em;
356     position: absolute;
357     right: 0;
358     text-align: center;
359     top: 0;
360     z-index: 9001;
361 }
362
363 /*> Macros */
364 #macro-save-message {
365     color: #666;
366     font-size: 13px;
367     float: right;
368     line-height: 26px;
369 }
370
371 #macro-list > li {
372     border: 2px solid #F0F0F0;
373     border-radius: 6px;
374     display: block;
375     font-size: 115%;
376 }
377
378 #macro-list > li + li {
379     margin-top: -2px;
380 }
381
382 #macro-list .active {
383     background: #EDF4F6;
384     border-color: none;
385 }
386
387 #macro-list a {
388     display: block;
389     padding: 6px;
390 }
391
392 #macro-list a:focus {
393     outline: none;
394 }
395
396 .macro-info {
397     background-color: #F4F4F4;
398     display: none;
399     margin: 0;
400     padding: 10px;
401     text-align: right;
402 }
403
404 .macro-info li {
405     color: #666;
406     font-size: 75%;
407     list-style-type: none;
408 }
409
410 .macro-info .label {
411     clear: left;
412     font-weight: bold;
413     float: left;
414 }
415
416 #macro-list .active .macro-info {
417     display: block;
418 }
419
420 .btn-toolbar label, .btn-toolbar select {
421     font-size: 13px;
422     vertical-align: middle;
423 }
424
425 .btn-toolbar label {
426     margin-left: 1em;
427 }
428
429 .btn-toolbar select {
430     padding: 2px;
431 }
432
433 #macro-editor {
434     display: flex;
435     flex-direction: column;
436     height: 100%;
437 }
438
439 #macro-editor .CodeMirror {
440     flex: 1;
441     font-size: 13px;
442 }
443
444 /* Hotpatch from latest CodeMirror: Fix gutter positioning */
445 .CodeMirror-gutter-wrapper {
446     position: absolute;
447 }