zen.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /**
  2. * Style from the new (great!) ZEN THEME for Drupal
  3. * http://drupal.org/project/zen
  4. */
  5. .quicktabs_main.quicktabs-style-zen{
  6. clear:both;
  7. }
  8. ul.quicktabs-tabs.quicktabs-style-zen{
  9. margin:0 0 10px 0;
  10. padding:0 0 3px;
  11. font-size:1em;
  12. list-style: none;
  13. height:21px;
  14. background:transparent url(images/tab-bar.png) repeat-x left bottom;
  15. }
  16. *html ul.quicktabs-tabs.quicktabs-style-zen li{
  17. margin-bottom:-5px;
  18. }
  19. ul.quicktabs-tabs.quicktabs-style-zen li{
  20. float: left;
  21. margin:0 5px;
  22. padding: 0 0 0 5px;
  23. background:transparent url(images/tab-left-ie6.png) no-repeat left -38px;
  24. }
  25. ul.quicktabs-tabs.quicktabs-style-zen li a{
  26. font:bold 12px/170% Verdana;
  27. font-size-adjust:none;
  28. display: block;
  29. margin: 0;
  30. padding:4px 17px 0px 12px;
  31. border-width: 0;
  32. font-weight:bold;
  33. text-decoration:none;
  34. background: transparent url(images/tab-right-ie6.png) no-repeat right -38px;
  35. }
  36. ul.quicktabs-tabs.quicktabs-style-zen li:hover a{
  37. border-width: 0;
  38. background:transparent url(images/tab-right-ie6.png) no-repeat right -76px;
  39. }
  40. quicktabs-tabs.quicktabs-style-zen li:hover{
  41. background:transparent url(images/tab-left-ie6.png) no-repeat left -76px;
  42. }
  43. ul.quicktabs-tabs.quicktabs-style-zen li.active a,
  44. ul.quicktabs-tabs.quicktabs-style-zen li.active a:hover{
  45. text-decoration:none;
  46. border-width: 0;
  47. background:transparent url(images/tab-right-ie6.png) no-repeat right 0;
  48. }
  49. ul.quicktabs-tabs.quicktabs-style-zen li.active{
  50. background:transparent url(images/tab-left-ie6.png) no-repeat left 0;
  51. }