You are here

Home » API reference » Quick Tabs 5

zen.css in Quick Tabs 5

Same filename and directory in other branches
  1. 6.3 tabstyles/zen/zen.css
  2. 6 tabstyles/zen/zen.css
  3. 6.2 tabstyles/zen/zen.css
  4. 7.2 tabstyles/zen/zen.css
/* Style from the new (great!) ZEN THEME for Drupal 
	 http://drupal.org/project/zen
*/

.quicktabs_main{
	clear:both;
}
ul.quicktabs_tabs{
	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 li{
	margin-bottom:-5px;
}
ul.quicktabs_tabs 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 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 li:hover a{
  border-width: 0;
  background:transparent url(images/tab-right-ie6.png) no-repeat right -76px;
}
ul.quicktabs_tabs li:hover{
  background:transparent url(images/tab-left-ie6.png) no-repeat left -76px;
}
ul.quicktabs_tabs li.active a,
ul.quicktabs_tabs 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 li.active{
  background:transparent url(images/tab-left-ie6.png) no-repeat left 0;
}

File

tabstyles/zen/zen.css
View source 
  1. /* Style from the new (great!) ZEN THEME for Drupal 

  2. 	 http://drupal.org/project/zen

  3. */

  4. 

  5. .quicktabs_main{

  6. 	clear:both;

  7. }

  8. ul.quicktabs_tabs{

  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 li{

  17. 	margin-bottom:-5px;

  18. }

  19. ul.quicktabs_tabs 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 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 li:hover a{

  37.   border-width: 0;

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

  39. }

  40. ul.quicktabs_tabs li:hover{

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

  42. }

  43. ul.quicktabs_tabs li.active a,

  44. ul.quicktabs_tabs 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 li.active{

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

  51. }