tabs.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .tabs, .tabs2, .tabs3 {
  2. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFEEDD 95%, #FFEEDD);
  3. background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.95,#FFF4F0), to(#FFF4F0));
  4. background-color:#FFF8F0;
  5. width: 100%;
  6. z-index: 101;
  7. font-size: 13px;
  8. font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
  9. }
  10. .tabs2 {
  11. font-size: 10px;
  12. }
  13. .tabs3 {
  14. font-size: 9px;
  15. }
  16. .tablist {
  17. margin: 0;
  18. padding: 0;
  19. display: table;
  20. }
  21. .tablist li {
  22. float: left;
  23. display: table-cell;
  24. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFF4F0 95%, #FFF4F0);
  25. background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.95,#FFF4F0), to(#FFF4F0));
  26. line-height: 36px;
  27. list-style: none;
  28. }
  29. .tablist a {
  30. display: block;
  31. padding: 0 20px;
  32. font-weight: bold;
  33. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFF4F0 95%, #FFF4F0);
  34. background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.95,#FFF4F0), to(#FFF4F0));
  35. background-repeat:no-repeat;
  36. background-position:right;
  37. background-color:#FFF4F0;
  38. color: #992600;
  39. text-decoration: none;
  40. outline: none;
  41. }
  42. .tabs3 .tablist a {
  43. padding: 0 10px;
  44. }
  45. .tablist a:hover {
  46. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFF0F8 95%, #FFF0F8);
  47. background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.95,#FFF8F0), to(#FF4000));
  48. background-color:#FFF8F0;
  49. color: #FF8000;
  50. text-decoration: none;
  51. }
  52. .tablist li.current a {
  53. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFFCF8 95%, #FFFCF8);
  54. background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.05,#FFFFFF), color-stop(0.95,#FFFCF8), to(#FFFCF8));
  55. background-color:#FFFCF8;
  56. color: #992600;
  57. }