You are here

Home » API reference » Quick Tabs 5

bullets.css in Quick Tabs 5

Same filename and directory in other branches
  1. 6.3 tabstyles/bullets/bullets.css
  2. 6 tabstyles/bullets/bullets.css
  3. 6.2 tabstyles/bullets/bullets.css
  4. 7.2 tabstyles/bullets/bullets.css
.quicktabs_main{
	clear:both;
}
.quicktabs_wrapper ul.quicktabs_tabs{
	margin:0 0 10px 0;
	font-size:11px;
  list-style: none;
	padding:3px 0 23px 0;
}
.quicktabs_wrapper ul.quicktabs_tabs 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 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 li:hover a{
  background-position: right -60px ;
}
.quicktabs_wrapper ul.quicktabs_tabs li:hover{
  background-position: 0 -40px;
}
ul.quicktabs_tabs li.active a,
ul.quicktabs_tabs li.active a:hover{
  color: #0372d9 !important;
  background-position:right -20px;
}
.quicktabs_wrapper ul.quicktabs_tabs li.active{
  background-position: 0 0;
}

/* IE6 Gif (no PNGs) */

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

File

tabstyles/bullets/bullets.css
View source 
  1. .quicktabs_main{

  2. 	clear:both;

  3. }

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

  27.   background-position: right -60px ;

  28. }

  29. .quicktabs_wrapper ul.quicktabs_tabs li:hover{

  30.   background-position: 0 -40px;

  31. }

  32. ul.quicktabs_tabs li.active a,

  33. ul.quicktabs_tabs li.active a:hover{

  34.   color: #0372d9 !important;

  35.   background-position:right -20px;

  36. }

  37. .quicktabs_wrapper ul.quicktabs_tabs li.active{

  38.   background-position: 0 0;

  39. }

  40. 

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

  42. 

  43. *html ul.quicktabs_tabs li a{

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

  45. }

  46. *html .quicktabs_wrapper ul.quicktabs_tabs li{  /* image for IE6  */

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

  48. }