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