tabs.css 1.1 KB

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