Same filename in other branches
  1. 7.x-2.x tabstyles/zen/zen.css
/**
 *  Style from the new (great!) ZEN THEME for Drupal 
 * http://drupal.org/project/zen
 */

.quicktabs_main.quicktabs-style-zen{
  clear:both;
}
ul.quicktabs-tabs.quicktabs-style-zen{
  margin:0 0 10px 0;
  padding:0 0 3px;
  font-size:1em;
  list-style: none;
  height:21px;
  background:transparent url(images/tab-bar.png) repeat-x left bottom;
}
*html ul.quicktabs-tabs.quicktabs-style-zen li{
  margin-bottom:-5px;
}
ul.quicktabs-tabs.quicktabs-style-zen li{
  float: left;
  margin:0 5px;
  padding: 0 0 0 5px;
  background:transparent url(images/tab-left-ie6.png) no-repeat left -38px;
}
ul.quicktabs-tabs.quicktabs-style-zen li a{
  font:bold 12px/170% Verdana;
  font-size-adjust:none;
  display: block;
  margin: 0;
  padding:4px 17px 0px 12px;
  border-width: 0;
  font-weight:bold;
  text-decoration:none;
  background: transparent url(images/tab-right-ie6.png) no-repeat right -38px;
}
ul.quicktabs-tabs.quicktabs-style-zen li:hover a{
  border-width: 0;
  background:transparent url(images/tab-right-ie6.png) no-repeat right -76px;
}
quicktabs-tabs.quicktabs-style-zen li:hover{
  background:transparent url(images/tab-left-ie6.png) no-repeat left -76px;
}
ul.quicktabs-tabs.quicktabs-style-zen li.active a,
ul.quicktabs-tabs.quicktabs-style-zen li.active a:hover{
  text-decoration:none;
  border-width: 0;
  background:transparent url(images/tab-right-ie6.png) no-repeat right 0;
}
ul.quicktabs-tabs.quicktabs-style-zen li.active{
  background:transparent url(images/tab-left-ie6.png) no-repeat left 0;
}

Fichier

quicktabs_tabstyles/tabstyles/zen/zen.css

View source
  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. }