You are here

Home » API reference » Quick Tabs 7.3

mac.css in Quick Tabs 7.3 

.quicktabs_main.quicktabs-style-mac{
  clear:both;
}
ul.quicktabs-tabs.quicktabs-style-mac{
  margin:0 0 10px 0;
  font-size:11px;
  list-style: none;
  padding:3px 0 23px 0;
}
ul.quicktabs-tabs.quicktabs-style-mac 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.quicktabs-style-mac 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.quicktabs-style-mac li:hover a{
  background-position: right -75px ;
}
ul.quicktabs-tabs.quicktabs-style-mac li:hover{
  background-position: 0 -50px;
}
ul.quicktabs-tabs.quicktabs-style-mac li.active a,
ul.quicktabs-tabs.quicktabs-style-mac li.active a:hover{
  background-position:right -125px;
}
ul.quicktabs-tabs.quicktabs-style-mac li.active{
  background-position: 0 -100px;
}

/* IE6 Gif (no PNGs) */

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

File

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

  2. .quicktabs_main.quicktabs-style-mac{

  3.   clear:both;

  4. }

  5. ul.quicktabs-tabs.quicktabs-style-mac{

  6.   margin:0 0 10px 0;

  7.   font-size:11px;

  8.   list-style: none;

  9.   padding:3px 0 23px 0;

  10. }

  11. ul.quicktabs-tabs.quicktabs-style-mac li{

  12.   float: left;

  13.   height:24px;

  14.   margin:0 5px;

  15.   padding: 0 0 0 15px;

  16.   background:transparent url(images/mac.png) no-repeat 0 0px;

  17. }

  18. ul.quicktabs-tabs.quicktabs-style-mac li a{

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

  20.   margin: 0;

  21.   display:block;

  22.   padding:0px 15px 5px 0px;

  23.   font-weight:bold;

  24.   text-decoration:none;

  25.   color: #fff;

  26.   background:transparent url(images/mac.png) no-repeat right -25px ;

  27. }

  28. ul.quicktabs-tabs.quicktabs-style-mac li:hover a{

  29.   background-position: right -75px ;

  30. }

  31. ul.quicktabs-tabs.quicktabs-style-mac li:hover{

  32.   background-position: 0 -50px;

  33. }

  34. ul.quicktabs-tabs.quicktabs-style-mac li.active a,

  35. ul.quicktabs-tabs.quicktabs-style-mac li.active a:hover{

  36.   background-position:right -125px;

  37. }

  38. ul.quicktabs-tabs.quicktabs-style-mac li.active{

  39.   background-position: 0 -100px;

  40. }

  41. 

  42. /* IE6 Gif (no PNGs) */

  43. 

  44. *html ul.quicktabs-tabs.quicktabs-style-mac li a{

  45.   color:#fff!important;

  46.   background:transparent url(images/mac.gif) no-repeat right -25px ;

  47. }

  48. *html ul.quicktabs-tabs.quicktabs-style-mac li{  /* image for IE6  */

  49.   background:transparent url(images/mac.gif) no-repeat 0 0px;

  50. }