You are here

mac.css in Quick Tabs 5

.quicktabs_main{
	clear:both;
}
ul.quicktabs_tabs{
	margin:0 0 10px 0;
	font-size:11px;
  list-style: none;
	padding:3px 0 23px 0;
}
ul.quicktabs_tabs li{
  float: left;
	height:24px;
  margin:0 5px;
  padding: 0 0 0 15px;
  background:transparent url(images/mac.png) no-repeat 0 0px;
}
ul.quicktabs_tabs li a{
	font:bold 12px/170% Verdana;
  margin: 0;
	display:block;
  padding:0px 15px 5px 0px;
  font-weight:bold;
  text-decoration:none;
  color: #fff;
  background:transparent url(images/mac.png) no-repeat right -25px ;
}
ul.quicktabs_tabs li:hover a{
  background-position: right -75px ;
}
ul.quicktabs_tabs li:hover{
  background-position: 0 -50px;
}
ul.quicktabs_tabs li.active a,
ul.quicktabs_tabs li.active a:hover{
  background-position:right -125px;
}
ul.quicktabs_tabs li.active{
  background-position: 0 -100px;
}

/* IE6 Gif (no PNGs) */

*html ul.quicktabs_tabs li a{
	color:#fff!important;
  background:transparent url(images/mac.gif) no-repeat right -25px ;
}
*html ul.quicktabs_tabs li{  /* image for IE6  */
  background:transparent url(images/mac.gif) no-repeat 0 0px;
}

File

tabstyles/mac/mac.css
View source
  1. .quicktabs_main{
  2. clear:both;
  3. }
  4. ul.quicktabs_tabs{
  5. margin:0 0 10px 0;
  6. font-size:11px;
  7. list-style: none;
  8. padding:3px 0 23px 0;
  9. }
  10. ul.quicktabs_tabs li{
  11. float: left;
  12. height:24px;
  13. margin:0 5px;
  14. padding: 0 0 0 15px;
  15. background:transparent url(images/mac.png) no-repeat 0 0px;
  16. }
  17. ul.quicktabs_tabs li a{
  18. font:bold 12px/170% Verdana;
  19. margin: 0;
  20. display:block;
  21. padding:0px 15px 5px 0px;
  22. font-weight:bold;
  23. text-decoration:none;
  24. color: #fff;
  25. background:transparent url(images/mac.png) no-repeat right -25px ;
  26. }
  27. ul.quicktabs_tabs li:hover a{
  28. background-position: right -75px ;
  29. }
  30. ul.quicktabs_tabs li:hover{
  31. background-position: 0 -50px;
  32. }
  33. ul.quicktabs_tabs li.active a,
  34. ul.quicktabs_tabs li.active a:hover{
  35. background-position:right -125px;
  36. }
  37. ul.quicktabs_tabs li.active{
  38. background-position: 0 -100px;
  39. }
  40. /* IE6 Gif (no PNGs) */
  41. *html ul.quicktabs_tabs li a{
  42. color:#fff!important;
  43. background:transparent url(images/mac.gif) no-repeat right -25px ;
  44. }
  45. *html ul.quicktabs_tabs li{ /* image for IE6 */
  46. background:transparent url(images/mac.gif) no-repeat 0 0px;
  47. }