tabs.css 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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,#FFEEDD), to(#FFEEDD));
  4. /*background-image: url('tab_b.png');*/
  5. background-color:#FFF8F0;
  6. width: 100%;
  7. z-index: 101;
  8. font-size: 13px;
  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%, #FFEEDD 95%, #FFEEDD);
  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,#FFEEDD), to(#FFEEDD));
  26. /*background-image: url('tab_b.png');*/
  27. line-height: 36px;
  28. list-style: none;
  29. }
  30. .tablist a {
  31. display: block;
  32. padding: 0 20px;
  33. font-weight: bold;
  34. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFEEDD 95%, #FFEEDD);
  35. 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,#FFEEDD), to(#FFEEDD));
  36. /*background-image:url('tab_s.png');*/
  37. background-repeat:no-repeat;
  38. background-position:right;
  39. color: #FF8000;
  40. /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);*/
  41. text-decoration: none;
  42. outline: none;
  43. }
  44. .tabs3 .tablist a {
  45. padding: 0 10px;
  46. }
  47. .tablist a:hover {
  48. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFEEDD 95%, #FFEEDD);
  49. 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,#FFEEDD), to(#FFEEDD));
  50. /*background-image: url('tab_h.png');*/
  51. background-color:#FFFEFD;
  52. background-repeat:repeat-x;
  53. color: #FF8000;
  54. /*text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);*/
  55. text-decoration:underline;
  56. }
  57. .tablist li.current a {
  58. background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 5%, #FFEEDD 95%, #FFEEDD);
  59. 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,#FFEEDD), to(#FFEEDD));
  60. /*background-image: url('tab_a.png');*/
  61. background-color:#FFFEFD;
  62. background-repeat:repeat-x;
  63. color: #FF8000;
  64. /*text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);*/
  65. }