tabs.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .tabs, .tabs1, .tabs2, .tabs3 {
  2. background-image: url('tab_b.png');
  3. width: 100%;
  4. z-index: 101;
  5. font-size: 10px;
  6. }
  7. .tabs1 {
  8. background-image: url('tab_topnav.png');
  9. font-size: 12px;
  10. }
  11. .tabs2 {
  12. font-size: 10px;
  13. }
  14. .tabs3 {
  15. font-size: 9px;
  16. }
  17. .tablist {
  18. margin: 0;
  19. padding: 0;
  20. display: table;
  21. line-height: 24px;
  22. }
  23. .tablist li {
  24. float: left;
  25. display: table-cell;
  26. background-image: url('tab_b.png');
  27. list-style: none;
  28. }
  29. .tabs1 .tablist li {
  30. float: left;
  31. display: table-cell;
  32. background-image: url('tab_topnav.png');
  33. list-style: none;
  34. }
  35. .tablist a {
  36. display: block;
  37. padding: 0 20px;
  38. font-weight: bold;
  39. background-image:url('tab_s.png');
  40. background-repeat:no-repeat;
  41. background-position:right;
  42. color: #283A5D;
  43. text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
  44. text-decoration: none;
  45. outline: none;
  46. }
  47. .tabs3 .tablist a {
  48. padding: 0 10px;
  49. }
  50. .tablist a:hover {
  51. background-image: url('tab_h.png');
  52. background-repeat:repeat-x;
  53. color: #fff;
  54. text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
  55. text-decoration: none;
  56. }
  57. .tablist li.current a {
  58. background-image: url('tab_a.png');
  59. background-repeat:repeat-x;
  60. color: #fff;
  61. text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
  62. }