Standardizing information shown in sidebar when patron-related pages are displayed...
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global2.css
1 @import url( /intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css) all;
2
3 a, a:link, a:visited, a:active {
4     text-decoration:none;
5     color:#027ac6;
6 }
7
8 a:hover {
9     text-decoration:underline;
10     color:#0072b9;
11     }
12
13 body {
14     text-align : left;
15     background-color:#EDF5FA;
16     color:#494949;
17 }
18
19 form {
20         display : inline;
21 }
22
23 h1 {
24     margin-top:0.5em;
25     margin-bottom:0.5em;
26     font-size : 182%;
27     font-weight : bold;
28 }
29
30 h2 {
31     margin-top:0.3em;
32     margin-bottom:0.3em;
33     font-size : 167%;
34     font-weight : bold;
35 }
36
37 h3 {
38         font-size : 153.9%;
39         font-weight : bold;
40 }
41
42 h4 {
43         font-size : 138.5%;     
44         font-weight : bold;
45 }
46
47 h5 {
48         font-size : 123.1%;     
49         font-weight : bold;
50     background: url( /intranet-tmpl/prog/img/css_header.png );
51     background-repeat:repeat-x;
52     color:white;}
53
54 h6 {
55         font-size : 93%;
56         font-weight : bold;
57 }
58
59 strong {
60         font-weight : bold;
61 }
62
63 em {
64         font-style : italic;
65 }
66
67 input[type=submit], input[type=button], input[type=reset] {
68     border:0px;
69     color: #0072b9;
70     font-weight:bold;
71     background: url( /intranet-tmpl/prog/img/bg-tab.png );
72     font-size : 0.8em;
73     padding:3px;
74     text-decoration:none;
75     display:inline;
76     cursor:pointer;
77     margin-left:20px;
78 }
79
80 #hd {
81 }
82
83 #navigation {
84         border-right : 1px solid #BCBCBC;
85 }
86
87 #navigation li {
88         font-weight : bold;
89 }
90
91 #navigation li li {
92         font-weight : normal;
93 }
94
95 #navigation input {
96         font-size : 85%;
97 }
98
99 #ft {
100 }
101
102 .yui-u {
103 }
104
105 #doc3 {
106         padding-top : 1em;
107         background-color:white;
108 }
109
110 #login   {
111         position : absolute;
112         top : 3px;
113         right : .5em;
114 }
115
116 #login a {
117
118 }
119
120 ul {
121         padding-left : 1.1em;
122 }
123
124 li {
125         
126         list-style-type : disc;
127 }
128
129 #header {
130     border-bottom : 1px solid #494949;
131     background: url( /intranet-tmpl/prog/img/css_header.png );
132     color:#494949;
133 }
134 #header a {
135     color:white;
136 }
137
138
139 #header:after { /* clearing without presentational markup, IE gets extra treatment */
140     display: block;
141     clear: both;
142     content: " ";
143 }
144
145 #sitetitle {
146 /*      background-image : url("../../img/koha-logo-black.png");
147         background-position : 5px 2px;
148         background-repeat : no-repeat;
149         float : left;
150         height : 54px;
151         padding-left : 50px;*/
152         border-bottom : 1px solid #E8E8E8;
153 }
154
155 #sitetitle h1 {
156         display : inline;
157         line-height : 54px;
158 }
159
160 #sitetitle h1 a {
161         text-decoration : none;
162 }
163
164 #toplevelnav {
165         float : left;
166         line-height : 2em;
167 }
168
169 #submenu {
170     margin : 0 0 .5em 0;
171     padding : 10px 0 0 0;
172     margin-top:10px;
173 }
174
175 #submenu ul {
176     margin : 0;
177     display:inline;
178 }
179
180 #submenu ul li {
181     padding : 0px 5px 0px 5px;
182     background-color:#027ac6;
183     color:white;
184     display:inline;
185     background: url( /intranet-tmpl/prog/img/css_header.png );
186 }
187
188 #submenu ul li a {
189     color:white;
190 }
191
192 /*#toplevelnav ul {
193         margin : 0;
194         padding : 0;
195 }
196
197 #toplevelnav li, #submenu li {
198         display : inline;
199         border-right : 1px solid #E8E8E8;
200         padding : 0 .5em;
201         white-space : nowrap;
202 }
203
204 #toplevelnav li:last-child, #submenu li:last-child {
205         border : 0;
206 }*/
207
208 table {
209     border-collapse : collapse;
210     border-top : 1px solid #BCBCBC;
211     border-right : 1px solid #BCBCBC;
212 }
213
214 th {
215     color:white;
216     background: url( /intranet-tmpl/prog/img/css_header.png );
217     background-repeat:repeat-x;
218     border-bottom : 1px solid #BCBCBC;
219     border-left : 1px solid #BCBCBC;
220     padding : .5em;
221 }
222
223 td {
224     background-color : White;
225     border-bottom : 1px solid #BCBCBC;
226     border-left : 1px solid #BCBCBC;
227     padding : .5em;
228 }
229
230 th {
231         background-color : #E8E8E8;
232         font-weight : bold;
233 }
234
235 td.highlight {
236         background-color : #F3F3F3;
237 }
238
239 caption {
240         font-size : 153.9%;
241         font-weight : bold;
242 }
243
244 span.problem {
245         background-color : #FFFFCC;
246         color : #990000;
247         font-weight : bold;
248         line-height : 1.7em;
249 }
250
251 fieldset {
252         border : 2px solid #EEEEEE;
253         margin : 1em;
254         padding : 1em;
255 }
256
257 legend {
258         font-size : 138.5%;
259         font-weight : bold;
260         margin : 0 0 0 -1em;
261         padding : 0;
262 }
263
264 #breadcrumbs {
265         background-color : #F3F3F3;
266         border-bottom : 1px solid #E8E8E8;
267         clear : both;
268         font-size : 90%;
269         padding :.2em .5em .4em .5em;
270 }
271
272 #commonsearch {
273         display : inline;
274 }
275
276
277 div#header_search {
278         background-image : url("../../img/koha-logo-medium.gif");
279         background-position : .5em .5em;
280         background-repeat : no-repeat;
281         float: left;
282         padding-left : 14.2em;
283         margin: 1em 0 1.5em 0;
284 }
285
286 div#header_search input {
287         font-size : 1.3em;
288 }
289
290 div#header_search ul.link-tabs {
291         font-family : Arial, Geneva, sans-serif;
292         margin-bottom : -4px;
293 }
294
295 div#header_search ul.link-tabs li.on a,
296 div#header_search ul.link-tabs li a,
297 div#header_search ul.link-tabs li.off a {
298         padding : 0.1em .5em .2em .5em;
299 }
300
301 div#circ_search,div#catalog_search,div#patron_search {
302         border : 0;
303         border-bottom : 1px solid #FF9900;
304         padding : 0 0 .2em 0;
305 }
306
307 /* Panel-Switch Tabs */
308 ul.link-tabs {
309         list-style-type: none;
310         margin: 1px 0 9px 5px;
311         padding: 0;
312 }
313
314 ul.link-tabs li {
315         display: inline;
316         padding: 0px;
317 }
318
319 ul.link-tabs li a {
320         border-bottom: 1px solid #333333;
321         border-left : 1px solid #DDDDDD;
322         border-right : 1px solid #666666;
323         padding: .2em 1.2em .2em 1.2em;
324         text-decoration: none;
325 }
326
327 ul.link-tabs li.off a {
328         background-color: #FFFFFF;
329         border : 0;
330         margin-right : 1px;
331         text-decoration: underline;
332 }
333
334 ul.link-tabs li.off a:hover {
335         background-color: #FFFFEC;
336         border : 0;
337         margin-right : 0;
338         padding: .2em 1.2em .2em 1.2em;
339 }
340
341 ul.link-tabs li.on a {
342         background-color: #FFFFCC;
343         border-top: 1px solid #FFFFCC;
344         border-right: 1px solid #FF9900;
345         border-bottom: 1px solid #FF9900;
346         border-left: 1px solid #FFCC66;
347         font-weight : bold;
348 }
349
350 div#header_search .tip {
351         font-size: 93%;
352         color : Gray;
353 }
354
355 /* ClickMenu Overrides */
356
357 div.cmDiv
358 {
359         border: 0;
360         background-color: #F3F3F3;
361 }
362
363
364 .clickMenu li.more a {
365         background-image: url("../../img/more-arrow.gif");
366         background-position: right;
367         background-repeat: no-repeat;
368         padding-right : 13px;
369 }
370
371 .clickMenu li.more li a {
372         background-image : none;
373         padding-right : 0;
374 }
375
376 .clickMenu
377 {
378         margin: 0;
379         padding: 0;
380         cursor: default;
381 }
382 .clickMenu, .clickMenu ul
383 {
384         list-style: none;
385 }
386 .clickMenu ul
387 {
388     margin: 0;
389     padding: 2px;
390     border: 0;
391     background-color: #F3F3F3;
392     min-width: 100px; /* ie doesnt know this :/ */
393     //float: left;/*ie again*/
394     //width: 100%;/*and again*/
395 }
396 .clickMenu div.outerbox
397 {
398     display: none;
399     min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
400 }
401 .clickMenu div.inner
402 {
403     //top: 20px; /* for ie */
404     left: 0;
405     margin: 0;
406 }
407 .clickMenu div.inner div.outerbox
408 {
409     margin: 0;
410     left: 98px;
411     //left: 90px; /* for ie */
412     top: -3px;
413 }
414 .clickMenu li
415 {
416     list-style-type : none;
417     position: relative;
418     padding: 0 20px 0 2px;
419     /*white-space: nowrap; does not really work in ie */
420 }
421 .clickMenu li.main
422 {
423     float: left;
424     padding: 0 10px;
425     background: url( /intranet-tmpl/prog/img/css_header.png );
426     //height: 20px; /* for ie */
427 }
428 .clickMenu li.main li
429 {
430     z-index: 2;
431     min-width: 78px;
432     background-color: #2e8fcb;
433 }
434 .clickMenu li.hover
435 {
436     z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
437     background-color : transparent;
438 }
439 .clickMenu img.liArrow
440 {
441     position: absolute;
442     right: 5px;
443     top: 0.41em;
444 }
445 .clickMenu ul a {
446     cursor: default;
447 }
448
449 ul.innerBox a {
450     cursor : pointer;
451 }
452
453 ul.innerBox {
454     border: none;
455 }
456
457 div.yui-b {
458     border: 1px solid #dddddd;
459     padding:10px 0 10px 5px;
460     background:#e4eaee;
461 }
462
463 div.yui-b h5 {
464         font-size : 100%;
465     margin : .5em 0;
466 }
467
468 /*Action button*/
469 #action {
470     float:right;
471 }
472
473 #action a {
474     color: #0072b9;
475     font-weight:bold;
476     background: url( /intranet-tmpl/prog/img/bg-tab.png );
477     font-size : 0.8em;
478     padding:3px;
479     margin-bottom:2px;
480     text-decoration:none;
481     display:block;
482 }
483
484 #action li {
485     list-style:none;
486 }
487 /*edit action*/
488 #action .edit {
489     display:inline;
490     margin-bottom:10px;
491 }
492
493 #action .edit a {
494     background:none;
495     background-color : #0072b9;
496     color : white;
497 }
498
499 #action .edit a:hover {
500     cursor:pointer;
501 }
502
503 #action .view {
504         display:inline;
505         margin-bottom:5px;
506 }
507
508 #action .view a {
509     background:none;
510     background-color : #5ab5ee;
511     color : white;
512     margin-top: 1px;
513 }
514
515 #action .view a:hover {
516     cursor:pointer;
517 }
518
519 #action .others {
520     display:inline;
521     margin-bottom:5px;
522 }
523
524 #action .others a {
525     background:none;
526     background-color : #2385C2;
527     color : white;
528     margin-top: 1px;
529 }
530
531 #action .others a:hover {
532     cursor:pointer;
533 }
534
535
536
537
538 div#toolbar {
539 background:url(/intranet-tmpl/prog/img/bg-tab.png) repeat-x;
540 background-color : #82badd;
541 padding-bottom:0px;
542 }
543
544 ul.toolbar {
545 }
546
547 ul.toolbar li {
548         display : inline;
549         float : left;
550         list-style : none;
551 }
552
553 ul.toolbar li a {
554     background: url( /intranet-tmpl/prog/img/css_header.png );
555     background-repeat:repeat-x;
556     color:white;
557     border : 1px solid #F3F3F3;
558         display : block;
559         margin : 3px;
560         padding : 3px;
561         text-decoration : none;
562 }
563
564 ul.toolbar li a:hover {
565     background:none;
566     background-color : #FFFFCC;
567     color:#82badd;
568 }
569
570 ul.toolbar li:last-child a:hover {
571 }
572
573 ul.toolbar ul {
574         display : none;
575 }