You are here

Home » API reference » Quick Tabs 7.3

zen.css in Quick Tabs 7.3 

/**
 *  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;
}

File

quicktabs_tabstyles/tabstyles/zen/zen.css
View source 
  1. 

  2. /**

  3.  *  Style from the new (great!) ZEN THEME for Drupal 

  4.  * http://drupal.org/project/zen

  5.  */

  6. 

  7. .quicktabs_main.quicktabs-style-zen{

  8.   clear:both;

  9. }

  10. ul.quicktabs-tabs.quicktabs-style-zen{

  11.   margin:0 0 10px 0;

  12.   padding:0 0 3px;

  13.   font-size:1em;

  14.   list-style: none;

  15.   height:21px;

  16.   background:transparent url(images/tab-bar.png) repeat-x left bottom;

  17. }

  18. *html ul.quicktabs-tabs.quicktabs-style-zen li{

  19.   margin-bottom:-5px;

  20. }

  21. ul.quicktabs-tabs.quicktabs-style-zen li{

  22.   float: left;

  23.   margin:0 5px;

  24.   padding: 0 0 0 5px;

  25.   background:transparent url(images/tab-left-ie6.png) no-repeat left -38px;

  26. }

  27. ul.quicktabs-tabs.quicktabs-style-zen li a{

  28.   font:bold 12px/170% Verdana;

  29.   font-size-adjust:none;

  30.   display: block;

  31.   margin: 0;

  32.   padding:4px 17px 0px 12px;

  33.   border-width: 0;

  34.   font-weight:bold;

  35.   text-decoration:none;

  36.   background: transparent url(images/tab-right-ie6.png) no-repeat right -38px;

  37. }

  38. ul.quicktabs-tabs.quicktabs-style-zen li:hover a{

  39.   border-width: 0;

  40.   background:transparent url(images/tab-right-ie6.png) no-repeat right -76px;

  41. }

  42. quicktabs-tabs.quicktabs-style-zen li:hover{

  43.   background:transparent url(images/tab-left-ie6.png) no-repeat left -76px;

  44. }

  45. ul.quicktabs-tabs.quicktabs-style-zen li.active a,

  46. ul.quicktabs-tabs.quicktabs-style-zen li.active a:hover{

  47.   text-decoration:none;

  48.   border-width: 0;

  49.   background:transparent url(images/tab-right-ie6.png) no-repeat right 0;

  50. }

  51. ul.quicktabs-tabs.quicktabs-style-zen li.active{

  52.   background:transparent url(images/tab-left-ie6.png) no-repeat left 0;

  53. }