1 |
pam-fi |
1.1 |
/* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */ |
2 |
|
|
|
3 |
|
|
DIV.tabs |
4 |
|
|
{ |
5 |
|
|
float : left; |
6 |
|
|
width : 100%; |
7 |
|
|
background : url("tab_b.gif") repeat-x bottom; |
8 |
|
|
margin-bottom : 4px; |
9 |
|
|
} |
10 |
|
|
|
11 |
|
|
DIV.tabs UL |
12 |
|
|
{ |
13 |
|
|
margin : 0px; |
14 |
|
|
padding-left : 10px; |
15 |
|
|
list-style : none; |
16 |
|
|
} |
17 |
|
|
|
18 |
|
|
DIV.tabs LI, DIV.tabs FORM |
19 |
|
|
{ |
20 |
|
|
display : inline; |
21 |
|
|
margin : 0px; |
22 |
|
|
padding : 0px; |
23 |
|
|
} |
24 |
|
|
|
25 |
|
|
DIV.tabs FORM |
26 |
|
|
{ |
27 |
|
|
float : right; |
28 |
|
|
} |
29 |
|
|
|
30 |
|
|
DIV.tabs A |
31 |
|
|
{ |
32 |
|
|
float : left; |
33 |
|
|
background : url("tab_r.gif") no-repeat right top; |
34 |
|
|
border-bottom : 1px solid #84B0C7; |
35 |
|
|
font-size : 80%; |
36 |
|
|
font-weight : bold; |
37 |
|
|
text-decoration : none; |
38 |
|
|
} |
39 |
|
|
|
40 |
|
|
DIV.tabs A:hover |
41 |
|
|
{ |
42 |
|
|
background-position: 100% -150px; |
43 |
|
|
} |
44 |
|
|
|
45 |
|
|
DIV.tabs A:link, DIV.tabs A:visited, |
46 |
|
|
DIV.tabs A:active, DIV.tabs A:hover |
47 |
|
|
{ |
48 |
|
|
color: #1A419D; |
49 |
|
|
} |
50 |
|
|
|
51 |
|
|
DIV.tabs SPAN |
52 |
|
|
{ |
53 |
|
|
float : left; |
54 |
|
|
display : block; |
55 |
|
|
background : url("tab_l.gif") no-repeat left top; |
56 |
|
|
padding : 5px 9px; |
57 |
|
|
white-space : nowrap; |
58 |
|
|
} |
59 |
|
|
|
60 |
|
|
DIV.tabs INPUT |
61 |
|
|
{ |
62 |
|
|
float : right; |
63 |
|
|
display : inline; |
64 |
|
|
font-size : 1em; |
65 |
|
|
} |
66 |
|
|
|
67 |
|
|
DIV.tabs TD |
68 |
|
|
{ |
69 |
|
|
font-size : 80%; |
70 |
|
|
font-weight : bold; |
71 |
|
|
text-decoration : none; |
72 |
|
|
} |
73 |
|
|
|
74 |
|
|
|
75 |
|
|
|
76 |
|
|
/* Commented Backslash Hack hides rule from IE5-Mac \*/ |
77 |
|
|
DIV.tabs SPAN {float : none;} |
78 |
|
|
/* End IE5-Mac hack */ |
79 |
|
|
|
80 |
|
|
DIV.tabs A:hover SPAN |
81 |
|
|
{ |
82 |
|
|
background-position: 0% -150px; |
83 |
|
|
} |
84 |
|
|
|
85 |
|
|
DIV.tabs LI.current A |
86 |
|
|
{ |
87 |
|
|
background-position: 100% -150px; |
88 |
|
|
border-width : 0px; |
89 |
|
|
} |
90 |
|
|
|
91 |
|
|
DIV.tabs LI.current SPAN |
92 |
|
|
{ |
93 |
|
|
background-position: 0% -150px; |
94 |
|
|
padding-bottom : 6px; |
95 |
|
|
} |
96 |
|
|
|
97 |
|
|
DIV.navpath |
98 |
|
|
{ |
99 |
|
|
background : none; |
100 |
|
|
border : none; |
101 |
|
|
border-bottom : 1px solid #84B0C7; |
102 |
|
|
text-align : center; |
103 |
|
|
margin : 2px; |
104 |
|
|
padding : 2px; |
105 |
|
|
} |