1 /* Caution! Ensure accessibility in print and other media types... */ |
|
2 @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ |
|
3 .ui-tabs-hide { |
|
4 display: none; |
|
5 } |
|
6 } |
|
7 |
|
8 /* Hide useless elements in print layouts... */ |
|
9 @media print { |
|
10 .ui-tabs-nav { |
|
11 display: none; |
|
12 } |
|
13 } |
|
14 |
|
15 /* Skin */ |
|
16 .ui-tabs-nav, .ui-tabs-panel { |
|
17 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; |
|
18 font-size: 12px; |
|
19 |
|
20 } |
|
21 .ui-tabs-nav { |
|
22 list-style: none; |
|
23 margin: 0px; |
|
24 padding: 0px 0px 0px 4px; |
|
25 |
|
26 } |
|
27 .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ |
|
28 display: block; |
|
29 clear: both; |
|
30 content: " "; |
|
31 } |
|
32 .ui-tabs-nav li { |
|
33 float: left; |
|
34 margin: 0 0 0 1px; |
|
35 min-width: 84px; /* be nice to Opera */ |
|
36 list-style: none; |
|
37 background: none; |
|
38 padding: 0px 0px 1px 1px; |
|
39 } |
|
40 .ui-tabs-nav a, .ui-tabs-nav a span { |
|
41 display: block; |
|
42 padding: 0 10px; |
|
43 background: url(tab.png) no-repeat; |
|
44 } |
|
45 .ui-tabs-nav a { |
|
46 margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ |
|
47 padding-left: 0; |
|
48 color: #27537a; |
|
49 font-weight: bold; |
|
50 line-height: 1.2; |
|
51 text-align: center; |
|
52 text-decoration: none; |
|
53 white-space: nowrap; /* required in IE 6 */ |
|
54 outline: 0; /* prevent dotted border in Firefox */ |
|
55 } |
|
56 .ui-tabs-nav .ui-tabs-selected a { |
|
57 position: relative; |
|
58 top: 1px; |
|
59 z-index: 2; |
|
60 margin-top: 0; |
|
61 color: #000; |
|
62 } |
|
63 .ui-tabs-nav a span { |
|
64 width: 64px; /* IE 6 treats width as min-width */ |
|
65 min-width: 64px; |
|
66 height: 18px; /* IE 6 treats height as min-height */ |
|
67 min-height: 18px; |
|
68 padding-top: 6px; |
|
69 padding-right: 0; |
|
70 } |
|
71 *>.ui-tabs-nav a span { /* hide from IE 6 */ |
|
72 width: auto; |
|
73 height: auto; |
|
74 } |
|
75 .ui-tabs-nav .ui-tabs-selected a span { |
|
76 padding-bottom: 1px; |
|
77 } |
|
78 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { |
|
79 background-position: 100% -150px; |
|
80 } |
|
81 .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { |
|
82 background-position: 100% -100px; |
|
83 } |
|
84 .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { |
|
85 background-position: 0 -50px; |
|
86 } |
|
87 .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { |
|
88 background-position: 0 0; |
|
89 } |
|
90 .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ |
|
91 cursor: text; |
|
92 } |
|
93 .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, |
|
94 .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ |
|
95 cursor: pointer; |
|
96 } |
|
97 .ui-tabs-disabled { |
|
98 opacity: .4; |
|
99 filter: alpha(opacity=40); |
|
100 } |
|
101 .ui-tabs-panel { |
|
102 border-top: 1px solid #97a5b0; |
|
103 padding: 1em 8px; |
|
104 margin-top:-1px; /* Logilab style */ |
|
105 background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ |
|
106 } |
|
107 .ui-tabs-loading em { |
|
108 padding: 0 0 0 20px; |
|
109 background: url(loading.gif) no-repeat 0 50%; |
|
110 } |
|
111 |
|
112 /* Additional IE specific bug fixes... */ |
|
113 * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ |
|
114 display: inline-block; |
|
115 } |
|
116 *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ |
|
117 display: inline-block; |
|
118 } |
|
119 |
|
120 /* ========= Lobilab styles =========== */ |
|
121 |
|
122 /* added by katia */ |
|
123 * html .ui-tabs-panel{ |
|
124 width:100%; |
|
125 } |
|