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