addbiblio cleaned.
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / includes / intranet2.css
1 body {
2     font-family : Verdana, Geneva, Arial, sans-serif;
3     font-size : .9em;
4     color:#494949;
5     background: url( /intranet-tmpl/prog/images/css_header.png );
6     background-repeat:repeat-x;
7     background-color:#EDF5FA;
8 }
9
10 h1 {
11     margin:0px;
12 }
13 h2 {
14     display:block;
15     clear:left;
16     margin:0px 0px 10px 10px;
17 }
18
19 h3 {
20     display:block;
21     clear:left;
22     margin:0px 0px 0px 10px;
23 }
24
25 table {
26     border-collapse : inherit;
27     border : 1px solid #CCCCCC;
28     margin : 1em 0 1em 20px;
29     margin-right : 5%;
30     border-collapse:collapse;
31 }
32
33 caption {
34     font-size : 140%;
35     text-align : left;
36     font-weight : bold;
37 }
38
39 td,th {
40     /*border-left : 1px solid #CCCCCC;
41     border-bottom : 1px solid #CCCCCC;*/
42     border : 1px solid #CCCCCC;
43     padding : 5px;
44 }
45
46 th {
47     background-color : #CCCCCC;
48     border-left : 1px solid #999999;
49     border-bottom : 1px solid #999999;
50 }
51
52 th[scope=row] {
53     background-color : #EEEEEE;
54     text-align : right;
55 }
56
57 p {
58     margin:0px 0px 0px 20px;
59 }
60 input {
61     font-size:0.9em;
62 }
63
64 select {
65     font-size:0.9em;
66 }
67
68 fieldset {
69     border : 1px solid #bbb;
70     display: inline;
71     vertical-align: top;
72 }
73
74 input[type=submit], input[type=button], input[type=reset] {
75     border:0px;
76     color: #0072b9;
77     font-weight:bold;
78     background: url( /intranet-tmpl/prog/images/bg-tab.png );
79     font-size : 0.8em;
80     padding:3px;
81     text-decoration:none;
82     display:inline;
83     cursor:pointer;
84     margin-left:20px;
85 }
86
87 label {
88     font-style:italic;
89     vertical-align:top;
90     display:block;
91     float:left;
92     width:10em;
93     margin-right:0.2em;
94 }
95
96 p {
97 clear:left;
98 }
99
100 a {
101     text-decoration:none;
102     color:#027ac6;
103 }
104 a:hover {
105     text-decoration:underline;
106     color:#0072b9;
107 }
108 .searchresults table tr:hover{
109     background-color: #CCFFFF;
110 }
111
112 tr.highlight td, tr.highlight th {
113     background-color : #EEEEEE;
114 }
115
116 .here {
117     color: black;
118     text-decoration:none;
119 }
120
121 .click{
122     cursor:pointer;
123     color: #027ac6;/*blue*/
124 }
125 .click:hover{   
126     text-decoration:underline;
127 }
128
129 #problem {
130     color: red;
131     background-color:white;
132     font-weight : bold;
133     margin:10px;
134 }
135
136 #admin_stopwords_select UL {
137    width: 600px;
138 }
139
140 #admin_stopwords_select UL LI {
141    white-space: nowrap;
142 }
143
144 legend {
145     font-size:120%;
146     font-weight:bold;
147 }
148
149 .problem {
150     color: white;
151     background-color:red;
152     font-weight : bold;
153     margin:10px;
154 }
155
156 .toogle{
157         background-color:#ffffcc;
158 }
159
160 .pages{
161         margin:.7em;
162 }
163 /* css styles for reserves color alerts */
164 .onloan {
165     background-color: #FFED3D;
166 }
167
168 .reserved {
169     background-color: #8EBAFF;
170 }
171
172 .transfered {
173     background-color: #F9FF9A;
174 }
175
176 .inwait {
177     background-color: #33CC99;
178 }
179
180 .other {
181     background-color: #FF0000;
182 }
183
184 .available {
185     font-size:0.75em;
186 }
187
188 .unavailable {
189     background-color: #FFED3D;
190     font-size:0.75em;
191 }
192
193 .hasexpirated {
194     text-decoration: line-through;
195 }
196
197 /* style for search terms in catalogsearch */
198 .term {
199     background-color:yellow;
200 }
201
202 /* end of css styles for reserves color alerts */
203
204 /* the Koha logo (top left) */
205 #kohalogo {
206     position:fixed;
207     left:20px;
208     top:10px;
209 }
210
211 #kohalogo h3 {
212     padding-top:5px;
213     margin-left:0px;
214 }
215 #kohalogo h3 a {
216     color:white;
217 }
218 /* MAIN MENU STYLES */
219 #mainmenu {
220     display:block;
221     position:fixed;
222     font-weight : normal;
223     margin-top:30px;
224     margin-right: 5px;
225     padding-right: 5px;
226     font-size:0.9em;
227 }
228
229 #mainmenu a {
230     display:block;
231     margin-bottom:0px;
232     padding-left :5px;
233     text-decoration:none;
234     font-weight:bold;
235     color:#027ac6;
236 }
237
238
239 #mainmenu a:hover {
240     display:block;
241     margin-bottom:0px;
242     padding-left :5px;
243     text-decoration:none;
244     font-weight:bold;
245     background-color:#027ac6;
246     color:white;
247 }
248
249 #mainmenu ul a {
250     display:block;
251     margin-bottom:5px;
252     padding-left :5px;
253     text-decoration:none;
254     font-weight:normal;
255     color:#027ac6;
256 }
257
258 #mainmenu ul a:hover {
259     display:block;
260     margin-bottom:5px;
261     padding-left :5px;
262     text-decoration:none;
263     font-weight:normal;
264     background-color:#027ac6;
265     color:white;
266 }
267
268 #mainmenu ul {
269     list-style-type: none;
270     padding-left:20px;
271     margin-bottom:0px;
272     margin-top:0px;
273     color:#027ac6;
274 }
275
276 #mainmenu li {
277     list-style-type: none;
278     padding-left:0px;
279     margin-left:0px;
280     margin-bottom:0px;
281     margin-top:0px;
282     color:#027ac6;
283 }
284
285 #mainmenu label {
286     width:4em;
287 }
288
289 #mainmenu h3 {
290     color:white;
291     font-size:1.2em;
292     margin:10px 0px 10px 0px ;
293 }
294
295 #mainmenu input {
296     border:0px;
297     border-bottom:1px solid #027ac6;
298 }
299 #mainmenu input[type=submit], input[type=button], input[type=reset] {
300     margin-left:0px;
301     border-bottom:0px;
302 }
303
304
305 /* submenus styles */
306 #submenu {
307     position:absolute;
308     top:10px;
309     left:220px;
310 }
311
312 #submenu a {
313     margin:5px;
314     text-decoration:none;
315     color:white;
316 }
317
318 #submenu a:hover {
319     margin:5px;
320     background-color:white;
321     color:#027ac6;
322 }
323
324 /*Action button*/
325 #action {
326     float:right;
327 }
328
329 #action a {
330     color: #0072b9;
331     font-weight:bold;
332     background: url( /intranet-tmpl/prog/images/bg-tab.png );
333     font-size : 0.8em;
334     padding:3px;
335     margin-bottom:2px;
336     text-decoration:none;
337     display:block;
338 }
339
340 /*edit action*/
341 #action .edit {
342     display:inline;
343     margin-bottom:10px;
344 }
345
346 #action .edit a {
347     background:none;
348     background-color : #0072b9;
349     color : white;
350 }
351
352 #action .edit a:hover {
353     cursor:pointer;
354 }
355
356 #action .view {
357         display:inline;
358         margin-bottom:5px;
359 }
360
361 #action .view a {
362     background:none;
363     background-color : #5ab5ee;
364     color : white;
365     margin-top: 1px;
366 }
367
368 #action .view a:hover {
369     cursor:pointer;
370 }
371
372 #action .others {
373     display:inline;
374     margin-bottom:5px;
375 }
376
377 #action .others a {
378     background:none;
379     background-color : #2385C2;
380     color : white;
381     margin-top: 1px;
382 }
383
384 #action .others a:hover {
385     cursor:pointer;
386 }
387
388 /* Main body style */
389 #main {
390     margin-left:220px;
391     margin-top:75px;
392     padding:5px;
393     padding-bottom:100px;
394     background-color:white;
395     border:1px solid #bbb;
396 }
397
398 /* facets bloc */
399 #facets {
400     position:absolute;
401     right:1em;
402 }
403
404 #facets dl {
405     background-color:white;
406     margin:0px;
407 }
408
409 #facets dt {
410     text-align:right;
411     font-weight:bold;
412 }
413
414 #facets dd {
415     border:1px solid #CCCCCC;
416 }
417
418 /* the USER information block */
419 #librarian_information {
420 /*     position:absolute; */
421     float:right;
422     font-size:10pt;
423 }
424
425 /* css style for reregistration alert */
426
427 .reregistrinfo {
428     color: #6699cc;
429     font-weight : bold;
430     background-color : #eeeeee;
431 }
432 /* MARC editor */
433
434 /* styles for the 11 buttons that the user can click on */
435 /* the design of the active tab button (only 1 at a given time)*/
436 .tab_active {
437     color: #6699CC;
438     background-color : #CCCCCC;
439     font-size : 1em;
440     border: 2px inset;
441     font-weight : bold;
442     text-decoration:none;
443     display: inline;
444     text-decoration:none;
445     margin-left:10px;
446 }
447
448
449 /* the online help button */
450 #onlinehelp {
451     position:absolute;
452     top:0px;
453     right:0px;
454 }
455 #onlinehelp a {
456         color:white;
457 }
458
459 /* the login box */
460 #login {
461     font-size:0.7em;
462 }
463
464 /* the design of the INactives tab buttons (all other tabs) */
465 .tab_inactive {
466     background-color : #6699CC;
467     color : #FFFFFF;
468     font-size : 1em;
469     font-weight : bold;
470     display:inline;
471     border: 2px outset;
472     text-decoration:none;
473     margin-left:10px;
474 }
475
476 /* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
477 #tabs a {
478     color:white;
479     text-decoration:none;
480     padding-right:1.2em;
481     padding-left:1.2em;
482     -moz-border-radius:4px;
483 }
484
485 /* specify that we to do when the mouse is on 1 button */
486 #tabs a:hover {
487     border: 2px inset;
488 }
489
490 #tabs {
491     margin-top:35px;
492     margin-bottom:20px;
493 }
494
495 /* styles for the 11 content blocks */
496 /* the property for hidden tabs */
497 .content_hidden {
498     visibility:hidden; /* you propably don't need to change this one */
499     display:none;
500 }
501
502 /* the property for the displayed tab */
503 .content_visible {
504     visibility:visible; /* you propably don't need to change this one */
505     display:block;
506 }
507
508 .lineSelected {
509     background-color:yellow;
510 }
511
512 /* display more informations with css layer */
513 a.info {
514     position: relative;
515     text-decoration: none;
516     color: black;
517     border-bottom: 1px gray dotted;
518 }
519
520 a.info span {
521     display: none;
522     width:300px;
523 }
524
525 a.info:hover {
526     background: none; /* correcting IE bug*/
527     z-index: 500;
528 }
529 a.info:hover span {
530     display: inline;
531     position: absolute;
532     top: 2em;
533     right: 1em;
534     background: orange;
535     text-align: center;
536     color: white;
537     padding: 2px;
538 }
539
540 /* the itemtype list (in adv search) */
541 #itemtypelist {
542     width:700px;
543 }
544 #itemtypelist td {
545     border : 0px;
546     margin : 0px;
547     padding: 5px;
548     border-collapse:collapse;
549     border: 1px solid white;
550     background-color:#CCCCCC;
551     vertical-align:top;
552 }
553
554 #itemtypelist p {
555     margin:0px;
556 }
557
558 /* MARC Editor stylesheet */
559
560 /* the style of tag description */
561 div.tag_title {
562     font-weight:bold;
563 }
564
565 div.tag_title span {
566     display:inline;
567     letter-spacing:5px;
568     font-size:1.2em;
569     text-transform: capitalize;
570     color : #027ac6;
571 }
572
573 div.tag_title a:hover{
574     text-decoration:none;
575 }
576
577 div.tag {
578     margin-bottom:1.8em;
579 }
580
581 .subfield_line{
582     margin-left:1.1em;
583 }
584
585 .CursorHelp{
586     cursor:help;
587 }
588
589 .buttonDot{
590     cursor:help;
591 }
592
593 .buttonUp {
594     cursor: crosshair;
595     color: grey;
596     font-size: .8em;
597 }
598
599 .labelsubfield{
600     min-width:210px;
601     display:inline;
602 }
603
604 .subfield_mandatory{
605     color:red;
606 }
607
608 .subfield_not_filled {
609     width:506px;
610     color:darkblue;
611     background-color:#ffe5ed;
612     border:1px solid #ffe5ed;
613     border-bottom:1px solid red;
614     padding:0.15em;
615 }
616
617 .line_not_filled{
618     margin-left:1.1em;
619     background-color:#ffe5ed;
620     border:1px solid red;
621 }
622
623 .indicator{
624     width:20px;
625     color:darkblue;
626     background-color: #ffffff;
627     border:1px dotted #a4cde6;
628     padding:0.15em;
629 }
630
631 .indicator:focus {
632     background-color:#fdfde3;
633     border-bottom:1px solid darkblue;
634     width:20px;
635     color:darkblue;
636 }
637
638 .input_marceditor {
639     width:506px;
640     color:darkblue;
641     background-color:#ffffff;
642     border:1px solid #ffffff;
643     border-bottom:1px solid lightgray;
644     padding:0.15em;
645 }
646
647 .input_marceditor:focus{
648     background-color:#fdfde3;
649     border-bottom:1px solid darkblue;
650     width:506px;
651     color:darkblue;
652 }
653
654 .tag{
655     padding-bottom:1.1em;
656 /*     border-bottom:1px dotted #a4cde6; */
657 }
658
659 .buttonPlus {
660     cursor: crosshair;
661     color: grey; 
662     font-size: 80%;
663 }
664
665 /*.flat{
666     border:0px;
667 }*/
668
669 /* End of Marc Editor stylesheet */