You are here

Home » API reference » Quick Tabs 7.3

bullets.css in Quick Tabs 7.3 

.quicktabs_main.quicktabs-style-bullets{
  clear:both;
}
ul.quicktabs-tabs.quicktabs-style-bullets{
  margin:0 0 10px 0;
  font-size:11px;
  list-style: none;
  padding:3px 0 23px 0;
}
ul.quicktabs-tabs.quicktabs-style-bullets li{
  float: left;
  height:20px;
  margin:0 5px;
  padding: 0 0 0 10px;
  background:transparent url(images/bullets.png) no-repeat 0 -80px;
}
ul.quicktabs-tabs.quicktabs-style-bullets li a{
  font:bold 12px/170% Verdana;
  margin: 0;
  display:block;
  padding:0px 17px 0px 7px;
  text-decoration:none;
  color: #777 !important;
  background:transparent url(images/bullets.png) no-repeat right -100px ;
}
ul.quicktabs-tabs.quicktabs-style-bullets li:hover a{
  background-position: right -60px ;
}
ul.quicktabs-tabs.quicktabs-style-bullets li:hover{
  background-position: 0 -40px;
}
ul.quicktabs-tabs.quicktabs-style-bullets li.active a,
ul.quicktabs-tabs.quicktabs-style-bullets li.active a:hover{
  color: #0372d9 !important;
  background-position:right -20px;
}
ul.quicktabs-tabs.quicktabs-style-bullets li.active{
  background-position: 0 0;
}

/* IE6 Gif (no PNGs) */

*html ul.quicktabs-tabs.quicktabs-style-bullets li a{
  background:transparent url(images/bullets.gif) no-repeat right -100px ;
}
*html ul.quicktabs-tabs.quicktabs-style-bullets li{  /* image for IE6  */
  background:transparent url(images/bullets.gif) no-repeat 0 -80px;
}

File

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

  2. .quicktabs_main.quicktabs-style-bullets{

  3.   clear:both;

  4. }

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

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

  12.   float: left;

  13.   height:20px;

  14.   margin:0 5px;

  15.   padding: 0 0 0 10px;

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

  17. }

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

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

  20.   margin: 0;

  21.   display:block;

  22.   padding:0px 17px 0px 7px;

  23.   text-decoration:none;

  24.   color: #777 !important;

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

  26. }

  27. ul.quicktabs-tabs.quicktabs-style-bullets li:hover a{

  28.   background-position: right -60px ;

  29. }

  30. ul.quicktabs-tabs.quicktabs-style-bullets li:hover{

  31.   background-position: 0 -40px;

  32. }

  33. ul.quicktabs-tabs.quicktabs-style-bullets li.active a,

  34. ul.quicktabs-tabs.quicktabs-style-bullets li.active a:hover{

  35.   color: #0372d9 !important;

  36.   background-position:right -20px;

  37. }

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

  39.   background-position: 0 0;

  40. }

  41. 

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

  43. 

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

  45.   background:transparent url(images/bullets.gif) no-repeat right -100px ;

  46. }

  47. *html ul.quicktabs-tabs.quicktabs-style-bullets li{  /* image for IE6  */

  48.   background:transparent url(images/bullets.gif) no-repeat 0 -80px;

  49. }