root / trunk / docs / libwireless / tabs.css @ 1425
History | View | Annotate | Download (1.8 KB)
| 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 #MSearchBox |
| 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 |
} |