Minor tweaks, adding some navigation options
[koha.git] / koha-tmpl / intranet-tmpl / npl / en / includes / intranet.css
1 a:link {
2         color : #0066CC;
3 }
4
5 a:visited {
6         color : #0066CC;
7 }
8
9 a:hover {
10         color : #993300;
11 }
12
13 a.delete {
14         background-color : #CC3333;
15         color : #FFFF99;
16         display : block;
17         font-weight : bold;
18         margin : 2px;
19         padding : 1px;
20         text-align : center;
21         text-decoration : none;
22 }
23
24 a.delete:hover {
25         background-color : #FF3333;
26         color : #FFFF99;
27 }
28
29 a.edit {
30         background-color : #CCFF00;
31         color : #3366CC;
32         display : block;
33         font-weight : bold;
34         margin : 2px;
35         padding : 1px;
36         text-align : center;
37         text-decoration : none;
38 }
39
40 a.edit:hover {
41         background-color : #CCFF99;
42         color : #000088;
43 }
44
45 a:link.current {
46         background-color : transparent;
47         color : #3366CC;
48         font-size : 12px;
49         font-weight : bold;
50         padding : 1px 5px 1px 5px;
51         text-decoration : none;
52 }
53
54 a:link.current {
55         background-color : transparent;
56         color : #3366CC;
57 }
58
59 a:link.nav {
60         background-color : #D8DEB8;
61         color : #3366CC;
62 }
63
64 a:link.pages {
65         background-color : #FFFFCC;
66         color : #3366CC;
67         font-size : 12px;
68         font-weight : bold;
69         padding : 1px 5px 1px 5px;
70         text-decoration : none;
71 }
72
73 a:visited.current {
74         background-color : transparent;
75         color : #3366CC;
76         font-size : 12px;
77         font-weight : bold;
78         padding : 1px 5px 1px 5px;
79         text-decoration : none;
80 }
81
82 a:visited.current {
83         background-color : transparent;
84         color : #3366CC;
85 }
86
87 a:visited.nav {
88         background-color : #D8DEB8;
89         color : #3366CC;
90 }
91
92 a:visited.pages {
93         background-color : #FFFFCC;
94         color : #3366CC;
95         font-size : 12px;
96         font-weight : bold;
97         padding : 1px 5px 1px 5px;
98         text-decoration : none;
99 }
100
101 a:hover.current {
102         background-color : #CCFF00;
103         color : #CC3333;
104         font-size : 12px;
105         font-weight : bold;
106         padding : 1px 5px 1px 5px;
107         text-decoration : none;
108 }
109
110 a:hover.current {
111         background-color : #CCFF00;
112         color : #CC3333;
113 }
114
115 a:hover.nav {
116         background-color : #CCFF00;
117         color : #CC3333;
118 }
119
120 a:hover.pages {
121         background-color : #CCFF00;
122         color : #CC3333;
123         font-size : 12px;
124         font-weight : bold;
125         padding : 1px 5px 1px 5px;
126         text-decoration : none;
127 }
128
129 a:active.current {
130         background-color : #99CC00;
131         color : #FFFF99;
132         font-size : 12px;
133         font-weight : bold;
134         padding : 1px 5px 1px 5px;
135         text-decoration : none;
136 }
137
138 a:active.current {
139         background-color : #99CC00;
140         color : #FFFF99;
141 }
142
143 a:active.nav {
144         background-color : #99CC00;
145         color : #FFFF99;
146 }
147
148 a:active.pages {
149         background-color : #99CC00;
150         color : #FFFF99;
151         font-size : 12px;
152         font-weight : bold;
153         padding : 1px 5px 1px 5px;
154         text-decoration : none;
155 }
156
157 body {
158         background-color : #009999;
159         color : #333333;
160         font-family : arial, geneva, sans-serif;
161         font-size : 16px;
162         margin : 3px 0px 0px 5px;
163 }
164
165 caption {
166         color : #000066;
167         font-size : 20px;
168         font-weight : bold;
169         margin-top : 5px;
170         text-align : left;
171 }
172
173 div.form, div.details {
174         background-color : #FFFFCC;
175         border : 0px;
176         margin : 0px auto;
177         padding : 5px;
178         width : 99%;
179 }
180
181 div.details {
182         margin-bottom: 5px;
183         width : 95%;
184 }
185
186 div.details dl {
187         margin : 0px;
188         padding : 0px;
189 }
190
191 div.details dt {
192         font-weight: bold;
193         font-size: 12px;
194         border-bottom : 1px solid #D8DEB8;
195         padding : 2px;
196 }
197
198 div.details dd {
199         font-size: 12px;
200 }
201
202 div.details ul {
203         margin-top: 0px;
204         margin-bottom: 0px;
205         padding-top : 0px;
206         padding-bottom : 3px;
207         font-size : 12px;
208 }
209
210 div.items {
211         background-color : #FFFFCC;
212         border : 0px;
213         margin : 0px auto;
214         padding : 5px;
215         width : 100%;
216 }
217
218 div.items td {
219         border-bottom : 1px solid #E7E7CA;
220         border-left : 1px solid #E7E7CA;
221         border-right : 1px solid #E7E7CA;
222         border-top : 1px solid #E7E7CA;
223         font-size : .75em;
224         padding: 2px;
225 }
226
227 div.items th {
228         background-color : #FFC;
229         border-bottom : 1px solid #E7E7CA;
230         border-left : 1px solid #E7E7CA;
231         border-right : 0px;
232         border-top : 1px solid #E7E7CA;
233         color : #000088;
234         font-size: .75em;
235         font-weight : bold;
236         padding : 2px;
237         text-align : left;
238         vertical-align : top;
239 }
240
241 div.details td, div.form td {
242         border-bottom : 1px solid #E7E7CA;
243         border-left : 1px solid #E7E7CA;
244         border-right : 0px;
245         border-top : 0px;
246 }
247
248 div.details td:first-child, div.form td:first-child {
249         font-weight : bold;
250         text-align : right;
251         width : 25%;
252 }
253
254 div.details td+td, div.form td+td {
255         font-weight : normal;
256         text-align : left;
257         width : 75%;
258 }
259
260 div.compact td {
261         border-bottom : 1px solid #E7E7CA;
262         border-left : 1px solid #E7E7CA;
263         border-right : 0px;
264         border-top : 0px;
265         font-weight : normal;
266         font-size : 13px;
267         padding : 1px 1px 1px 10px;
268 }
269
270 div.compact th {
271         border-bottom : 1px solid #999933;
272         border-left : 1px solid #E7E7CA;
273         border-right : 1px solid #999933;
274         border-top : 0px;
275         padding : 1px 10px 1px 1px;
276         font-weight : normal;
277         font-size : 13px;
278         text-align : right;
279         width : 20%;
280         vertical-align: top;
281 }
282
283 div.error {
284         background-color : #FFFF99;
285         border : 1px dashed #990000;
286         font-size : 16px;
287         line-height : 18px;
288         margin : 10px auto;
289         padding : 5px;
290         width : 65%;
291 }
292
293 div.error .submit {
294         background-color : #993300;
295         font-size: 14px;
296         color: #E7E7CA;
297         padding : 2px 15px 2px 15px;
298 }
299
300 div.error h3 {
301         color : #990033;
302 }
303
304 div.error p {
305         margin : 0px;
306         padding : 0px 0px 0px 20px;
307 }
308
309 div.notice {
310         background-color : #FFFF99;
311         border : 1px dashed #990000;
312         font-size : 16px;
313         line-height : 18px;
314         margin : 10px auto;
315         padding : 5px;  
316 }
317
318 div.flags li {
319         list-style : circle;
320 }
321
322 div.flags ul {
323         margin : 0px;
324         padding : 0px;
325 }
326
327 div.form {
328         background-color : #FFFFCC;
329         border : 0px dotted #333333;
330         margin : 0px auto;
331         padding : 5px;
332         position : relative;
333 }
334
335 div.menu {
336         width : 100%;
337 }
338
339 div.menu th {
340         background-color : #FFFFCC;
341         border-bottom : 1px solid #E7E7CA;
342         border-left : 1px solid #E7E7CA;
343         border-right : 0px;
344         border-top : 0px;
345         font-size : 101%;
346         font-weight : bold;
347         text-align : right;
348         }
349
350 div.menu td+td {
351         font-size : 90%;
352         font-weight : normal;
353         text-align : left;
354 }
355
356 div.tabitem {
357         display : inline;
358 }
359
360 div.tabitem form {
361         display : inline;
362         white-space : nowrap;
363 }
364
365 div.tabitem ul li {
366         margin-left: 0;
367         margin-bottom: 0;
368         padding: 2px 15px 5px;
369         border: 1px solid #000;
370         list-style: none;
371         display: inline;
372         }
373         
374                 
375 div.tabitem ul li.here {
376         border-bottom: 1px solid #ffc;
377         list-style: none;
378         display: inline;
379         }
380
381 div.table, div.form {
382         width : 100%;
383 }
384
385 fieldset {
386         border : 0;
387         padding : 0;
388         white-space : nowrap;
389 }
390
391 fieldset.list {
392         white-space : normal;
393 }
394
395 form {
396         margin : 0px;
397         padding : 0px;
398 }
399
400 h1
401         {
402         color : #000066;
403         font-size : 20px;
404         font-weight : bold;
405         margin-bottom : 3px;
406         margin-top : 3px;
407 }
408
409 h2 {
410         color : #000066;
411         font-size : 18px;
412         font-weight : bold;
413         margin-bottom : 3px;
414         margin-top : 3px;
415 }
416
417 h3 {
418         color : #000066;
419         font-size : 16px;
420         font-weight : bold;
421         margin-bottom : 3px;
422         margin-top : 3px;
423 }
424
425 h3.alert {
426         background-color: #FFCC33;
427         color: #CC0000;
428         padding: 3px;
429 }
430
431 h3.title {
432         background-color: #EEF0DB;
433         font-size : 18px;
434         display : block;
435         padding : 5px;
436         width : 95%;
437         margin: 0px auto;
438 }
439
440 h4 {
441         color : #000066;
442         font-size : 14px;
443         font-weight : bold;
444         margin-bottom : 3px;
445         margin-top : 3px;
446 }
447
448 h5 {
449         color : #000066;
450         font-size : 13px;
451         font-weight : bold;
452         margin-bottom : 1px;
453         margin-top : 1px;
454 }
455
456 h6 {
457         color : #000066;
458         font-size : 12px;
459         font-weight : bold;
460         margin-bottom : 1px;
461         margin-top : 1px;
462 }
463
464 label {
465         font-weight : bold;
466         padding : 0px 5px 0px 5px;
467 }
468
469 sup {
470         font-size : .7em;
471         color : #cc0000;
472         font-weight : bold;
473         font-family : "courier new", courier, monospace;
474 }
475
476 table {
477         background-color : #FFFFCC;
478         border-bottom : 0px solid #000000;
479         border-collapse : collapse;
480         border-left : 0px solid #000000;
481         margin : 3px 0px 5px 0px;
482         padding : 0px;
483         width : 99%;
484 }
485
486 td {
487         border-bottom : 1px solid #E7E7CA;
488         border-right : 1px solid #E7E7CA;
489         font-size : 12px;
490         padding : 5px 5px 5px 5px;
491 }
492
493 td:last-child {
494         border-bottom : 1px solid #E7E7CA;
495         border-right : 0px solid #E7E7CA;
496         font-size : 12px;
497         padding : 5px 5px 5px 5px;
498 }
499
500 td+ul {
501         margin-top : 0px;
502         margin-bottom : 0px;
503 }
504
505 th {
506         background-color : #D8DEB8;
507         border-bottom : 1px solid #000000;
508         border-right : 1px solid #000000;
509         font-size : 14px;
510         font-weight : bold;
511         padding : 5px 5px 5px 5px;
512 }
513
514 th:last-child {
515         background-color : #D8DEB8;
516         border-bottom : 1px solid #000000;
517         border-right : 0px solid #000000;
518         font-size : 14px;
519         font-weight : bold;
520         padding : 5px 5px 5px 5px;
521 }
522
523 td.input, div.form td, div.details td {
524         border-bottom : 1px solid #E7E7CA;
525         border-left : 0px;
526         border-right : 0px;
527         color : #000000;
528         line-height : 1.5em;
529         padding : 4px;
530         text-align : right;
531 }
532
533 td.label, div.form th, div.details th {
534         background-color : #FFC;
535         border-bottom : 1px solid #E7E7CA;
536         border-left : 1px solid #E7E7CA;
537         border-right : 0px;
538         border-top : 0px;
539         color : #000088;
540         font-weight : bold;
541         line-height : 1.5em;
542         padding : 4px;
543         text-align : left;
544         vertical-align : top;
545 }
546
547 td.label {
548         border-bottom : 1px solid #E7E7CA;
549         border-left : 1px solid #E7E7CA;
550         color : #000088;
551         font-weight : bold;
552         line-height : 1.5em;
553         padding : 4px;
554 }
555
556 tr.highlight {
557         background-color : #FFFFFF;
558 }
559
560 table.marc {
561         background-color : #FFFFCC;
562         border-collapse : collapse;
563         margin : 3px 0px 5px 0px;
564         padding : 0px;
565         width : 95%;
566 }
567
568 table.marc th {
569         background-color: #E7E7CA;
570         border : 0px;
571         text-align : left;
572         font-weight : normal;
573 }
574
575 table.marc td.label {
576         color : #000000;
577         font-weight : bold;
578         width : 25%;
579 }
580
581 table.marc td.data {
582         background-color : #FFFFFF;
583 }
584
585 /*.barcode {
586         display : block;
587         text-align : right;
588         font-style: italic;
589         font-size : .95em;
590         color: #666633;
591 }*/
592
593 .cancel {
594         background-color : #993300;
595         color : #FFFFCC;
596         font-size : 12px;
597         font-weight : bold;
598         padding : 2px;
599 }
600
601 .current {
602         background-color : #FFFFFF;
603         color : #3366CC;
604         font-size : 12px;
605         font-weight : bold;
606         padding : 1px 5px 1px 5px;
607         text-decoration : none;
608 }
609
610 .error {
611         color : #CC0033;
612         font-weight : bold;
613 }
614
615 .ex {
616         font-family : "Courier New", Courier, monospace;
617 }
618
619 .form dd {
620         border-bottom : 1px solid #E7E7CA;
621         color : #000000;
622         display : block;
623         line-height : 1.5em;
624         padding : 4px;
625         text-align : right;
626 }
627
628 .form dl {
629         margin : 0px 0px 0px 0px;
630         padding : 3px;
631         width : 80%;
632 }
633
634 .form dt {
635         border-bottom : 1px solid #E7E7CA;
636         border-left : 1px solid #E7E7CA;
637         color : #000088;
638         float : left;
639         font-weight : bold;
640         line-height : 1.5em;
641         padding : 4px;
642 }
643
644 .help {
645                 cursor: help;
646 }
647
648 .inline {
649         display : inline;
650 }
651
652 .menu input {
653         font-size : 80%;
654 }
655
656 input.focus {
657         background-color: #FFF;
658         border-bottom: 2px dashed #993300;
659 }
660
661 input.unfocus {
662         background-color : #FFF;
663 }
664
665 .nav {
666         font-size : 12px;
667         font-weight : bold;
668         padding : 1px 5px 1px 5px;
669         text-decoration : none;
670 }
671
672 .print {
673         font-size: 10px;
674 }
675
676 .submit {
677         background-color : #669999;
678         color : #EEF0DB;
679         font-size : 12px;
680         font-weight : bold;
681         padding : 2px;
682 }
683
684 .yes {
685         float: left;
686         padding : 0px 15px 0px 15px;
687         width : 33%;
688         margin : 0px 2px 0px 2px;
689         text-align: center;
690 }
691
692 .no {
693         float: right;
694         padding : 0px 15px 0px 15px;
695         width : 33%;
696         margin : 0px 2px 0px 2px;
697         text-align: center;
698 }
699
700 #main {
701         background-color : #CCCC99;
702         border-left : 1px solid #CCCC99;
703         margin-left : 20%;
704         margin-right : 2%;
705         margin-top : 2%;
706         padding : 10px;
707         position : relative;
708 }
709
710 #main-compact {
711         background-color : #CCCC99;
712         border-left : 1px solid #CCCC99;
713         margin-left : 2%;
714         margin-right : 2%;
715         margin-top : 2%;
716         padding : 10px; 
717 }
718
719 #menu {
720         background-color : #FFFFCC;
721 }
722
723 #menu dd {
724         border-bottom : 1px dashed #D8DEB8;
725         border-left : 1px dashed #D8DEB8;
726         border-right : 0px solid #000000;
727         border-top : 0px solid #000000;
728         padding : 3px 45px 3px 10px;
729 }
730
731 #menu dd a {
732         font-size : 1.05em;
733         font-weight : bold;
734         text-decoration : none;
735 }
736
737 #menu dd li {
738         display : inline;
739         white-space : nowrap;
740 }
741
742 #menu dd li:before {
743         content : "\00BB \0020";
744 }
745
746 #menu dd ul {
747         display : inline;
748         list-style : disc;
749 }
750
751 #menu dl {
752         margin : 0px;
753         padding : 0px; /*width : 80%;*/
754 }
755
756 #menu dt {
757         background-color : #FFFFFF;
758         border-bottom : 1px solid #D8DEB8;
759         border-left : 0px solid #D8DEB8;
760         border-right : 0px solid #000000;
761         border-top : 0px solid #000000;
762         color : #000066;
763         font-size : 1.2em;
764         font-weight : bold;
765         padding : 2px 2px 2px 5px;
766 }
767
768 #menu dt a {
769         text-decoration : none;
770 }
771
772 #nav {
773         background-color : #CCCC99;
774         float : left;
775         margin : 2% 0% 0% 1%;
776         padding : 0px;
777         width : 15%;
778 }
779
780 #nav .submit {
781         font-size : 9px;
782 }
783
784 #nav a {
785         font-family : Tahoma, arial, geneva, sans-serif;
786         font-weight : bold;
787         text-decoration : none;
788 }
789
790 #nav h4 {
791         font-size : 12px;
792         font-weight : bold;
793         margin : 0px;
794         padding : 0px;
795         text-align : left;
796 }
797
798 #nav input {
799         font-size : .8em;
800 }
801
802 #nav label {
803         font-size : 10px;
804 }
805
806 #nav ul {
807         margin : 0px;
808         padding : 0px;
809 }
810
811 #nav ul li {
812         background-color : #D8DEB8;
813         border-bottom : 1px solid #FFFFCC;
814         border-left : 0px solid #FFFFCC;
815         border-right : 0px solid #006699;
816         border-top : 0px solid #FFFFCC;
817         font-size : .8em;
818         list-style : none;
819         padding : 3px;
820         text-align : right;
821         width : 100%;
822 }
823
824 #nav ul li+li {
825         border-bottom : 1px solid #FFFFCC;
826         border-left : 0px solid #FFFFCC;
827         border-right : 0px solid #006699;
828 }
829
830 #nav ul ul {
831         margin : 0px 0px 0px 5px;
832 }
833
834 #nav ul ul li {
835         background-color : #EFF1D8;
836         border-bottom : 1px solid #CCCC99;
837         border-left : 0px solid #FFFFCC;
838         border-right : 0px solid #006699;
839         border-top : 0px solid #FFFFCC;
840         font-size : .9em;
841         list-style : none;
842         margin : 0px 0px 0px 0px;
843         padding : 0px 0px 0px 0px;
844         text-align : right;
845         width : 100%;
846 }
847
848 #nav ul ul li+li {
849         border-bottom : 1px solid #CCCC99;
850         border-left : 0px solid #FFFFCC;
851         border-right : 0px solid #006699;
852         padding : 0px 0px 0px 0px;
853 }
854
855 #notes {
856         float : right;
857         margin : 0px;
858         font-size : 12px;
859 }
860
861 #notes ul {
862         margin : 0px;
863         padding : 0px;
864 }
865
866 #results, .results {
867         color : #000066;
868         font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
869         font-size : .8em;
870         margin : 0px;
871         padding : 3px 0px 15px 0px;
872 }
873
874 #topmenu {
875         color : #CCCC99;
876         margin-bottom : 5px;
877         margin-left : 20px;
878         margin-right : 10px;
879 }
880
881 #topmenu .submit {
882         background-color : #999933;
883         color : #FFFFCC;
884         font-size : .7em;
885         padding : 2px;
886 }
887
888 #topmenu a:link {
889         color : #CCFF66;
890         font-weight : bold;
891         padding : 2px;
892 }
893
894 #topmenu a:visited {
895         color : #CCFF66;
896         font-weight : bold;
897         padding : 2px;
898 }
899
900 #topmenu a:hover {
901         color : #FFFFCC;
902         font-weight : bold;
903         padding : 2px;
904 }
905
906 #topmenu a:active {
907         color : #FFFFCC;
908         font-weight : bold;
909         padding : 2px;
910 }
911
912 #topmenu form {
913         display : inline;
914 }
915
916 #topmenu label {
917         font-weight : bold;
918 }
919
920 .searchresults p {
921         margin : .2em;
922 }
923
924 .searchresults p+p {
925         text-indent : 1em;
926 }
927
928 .searchresults a {
929         font-weight : bold;
930         font-size : 14px;
931 }
932
933 div.members th {
934         background-color : #FFFFCC;
935         border-bottom : 1px solid #E7E7CA;
936         border-right : 1px solid #E7E7CA;
937         font-size : 12px;
938         padding : 3px 5px;
939         width : 25%;
940         font-weight : bold;
941         text-align : left;
942         vertical-align : top;
943 }
944
945 div.members th label {
946         display : block;
947         margin : 0;
948         padding : 0;
949 }
950
951 div.members label.focus {
952         color : #cc0000;
953 }
954
955 div.members th p {
956         font-weight : normal;
957         padding : 0;
958         margin : 0;
959         text-indent : 1em;
960 }
961
962 td fieldset {
963         border : 1px solid #CCCCCC;
964         margin : 0 0 3px 0;
965         padding : 0 0 3px 0;
966 }
967
968 fieldset label {
969         float : left;
970         margin-left : 3px;
971         width : 25%;
972 }
973
974 td legend {
975         margin : 0;
976         padding : 4px;
977 }
978
979 table.editing tr:hover td {
980         background-color: #EFF1D8;
981 }
982
983 tfoot {
984         background-color : #E7E7CA;
985         font-weight : bold;
986 }
987
988 tfoot td, tfoot td:last-child {
989         border-right : 1px solid #999900;
990         border-bottom : 1px solid #999900;
991 }
992
993
994 div.data table {
995         background-color: #D8DeB8;
996         border-collapse: collapse;
997         margin : auto;
998         margin : 0 0 5px 0;
999 }
1000
1001 div.data table caption {
1002         font-size : 1em;
1003 }
1004
1005 div.data table td {
1006         border-right : 1px solid #CCCC99;
1007         border-bottom : 1px solid #CCCC99;
1008         background-color: #FFFFCC;
1009         font-size: 12px;
1010         padding : 2px;
1011         padding-left : .7em;
1012         margin : 0 0 0 0;
1013 }
1014
1015 div.data table th {
1016         border-left : 1px solid #999933;
1017         border-right : 1px solid #CCCC99;
1018         border-bottom : 1px solid #CCCC99;
1019         font-size : 12px;
1020         font-weight: bold;
1021         text-align : right;
1022         padding : 2px;
1023         padding-right : 1em;
1024         background-color: #E7E7CA;
1025         width : 17%;
1026 }
1027
1028 div.data table th[scope=col] {
1029         text-align: center;
1030         border-left : 0;
1031 }
1032
1033 div.data table col {
1034         background-color : #CCCCCC;
1035 }