bullets.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .quicktabs_main.quicktabs-style-bullets{
  2. clear:both;
  3. }
  4. ul.quicktabs-tabs.quicktabs-style-bullets{
  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.quicktabs-style-bullets li{
  11. float: left;
  12. height:20px;
  13. margin:0 5px;
  14. padding: 0 0 0 10px;
  15. background:transparent url(images/bullets.png) no-repeat 0 -80px;
  16. }
  17. ul.quicktabs-tabs.quicktabs-style-bullets li a{
  18. font:bold 12px/170% Verdana;
  19. margin: 0;
  20. display:block;
  21. padding:0px 17px 0px 7px;
  22. text-decoration:none;
  23. color: #777 !important;
  24. background:transparent url(images/bullets.png) no-repeat right -100px ;
  25. }
  26. ul.quicktabs-tabs.quicktabs-style-bullets li:hover a{
  27. background-position: right -60px ;
  28. }
  29. ul.quicktabs-tabs.quicktabs-style-bullets li:hover{
  30. background-position: 0 -40px;
  31. }
  32. ul.quicktabs-tabs.quicktabs-style-bullets li.active a,
  33. ul.quicktabs-tabs.quicktabs-style-bullets li.active a:hover{
  34. color: #0372d9 !important;
  35. background-position:right -20px;
  36. }
  37. ul.quicktabs-tabs.quicktabs-style-bullets li.active{
  38. background-position: 0 0;
  39. }
  40. /* IE6 Gif (no PNGs) */
  41. *html ul.quicktabs-tabs.quicktabs-style-bullets li a{
  42. background:transparent url(images/bullets.gif) no-repeat right -100px ;
  43. }
  44. *html ul.quicktabs-tabs.quicktabs-style-bullets li{ /* image for IE6 */
  45. background:transparent url(images/bullets.gif) no-repeat 0 -80px;
  46. }