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