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. }
  7. .tabs2 {
  8. font-size: 10px;
  9. }
  10. .tabs3 {
  11. font-size: 9px;
  12. }
  13. .tablist {
  14. margin: 0;
  15. padding: 0;
  16. display: table;
  17. }
  18. .tablist li {
  19. float: left;
  20. display: table-cell;
  21. background-image: url('tab_b.png');
  22. line-height: 36px;
  23. list-style: none;
  24. }
  25. .tablist a {
  26. display: block;
  27. padding: 0 20px;
  28. font-weight: bold;
  29. background-image:url('tab_s.png');
  30. background-repeat:no-repeat;
  31. background-position:right;
  32. color: #283A5D;
  33. text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
  34. text-decoration: none;
  35. outline: none;
  36. }
  37. .tabs3 .tablist a {
  38. padding: 0 10px;
  39. }
  40. .tablist a:hover {
  41. background-image: url('tab_h.png');
  42. background-repeat:repeat-x;
  43. color: #fff;
  44. text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
  45. text-decoration: none;
  46. }
  47. .tablist li.current a {
  48. background-image: url('tab_a.png');
  49. background-repeat:repeat-x;
  50. color: #fff;
  51. text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
  52. }