root / branches / wireless / docs / libwireless / html / tabs.css @ 1823
History | View | Annotate | Download (1.8 KB)
1 | 1578 | dsschult | /* 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 | 1823 | dsschult | DIV.tabs #MSearchBox |
61 | 1578 | dsschult | { |
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 | } |