tabs.css 1.7 KB

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