You are here

Home » API reference » Quick Tabs 5

phylactere.css in Quick Tabs 5

Same filename and directory in other branches
  1. 6.3 tabstyles/phylactere/phylactere.css
  2. 6 tabstyles/phylactere/phylactere.css
  3. 6.2 tabstyles/phylactere/phylactere.css
  4. 7.2 tabstyles/phylactere/phylactere.css
.quicktabs_main{
	clear:both;
}
ul.quicktabs_tabs{
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
  list-style: none;
  background:transparent url(images/shade.png) repeat-x bottom left;
	height:28px;
}
ul.quicktabs_tabs li{
  float: left;
  margin:0 5px;
  padding:0 0 8px 23px;
  background:transparent url(images/phy.png) no-repeat 0 -59px;
}
ul.quicktabs_tabs li a{
	font:bold 12px/170% Verdana;
  margin: 0;
	display:block;
  padding:2px 21px 1px 0;
  text-decoration:none;
  color: #bbb !important;
  background:transparent url(images/phy.png) no-repeat right -35px ;
}
ul.quicktabs_tabs li a:hover{
  text-decoration:none;
  color:#888 !important;
}
ul.quicktabs_tabs li.active a{
  color: #0372d9 !important;
}
ul.quicktabs_tabs li.active{
  background-position: 0 0;
	padding-bottom:11px;
	position:relative;
	top:-2px;
}

/* IE6 */

*html ul.quicktabs_tabs{
  background: transparent url(images/shade.gif) repeat-x 0 25px;
}
*html ul.quicktabs_tabs li a{
  padding:0px 21px 3px 0;
  background-image: url(images/phy.gif);
}
*html ul.quicktabs_tabs li{  /* image for IE6  */
  background-image: url(images/phy.gif);
}

File

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

  2. 	clear:both;

  3. }

  4. ul.quicktabs_tabs{

  5. 	margin:0 0 10px 0;

  6. 	padding:0;

  7. 	font-size:12px;

  8.   list-style: none;

  9.   background:transparent url(images/shade.png) repeat-x bottom left;

  10. 	height:28px;

  11. }

  12. ul.quicktabs_tabs li{

  13.   float: left;

  14.   margin:0 5px;

  15.   padding:0 0 8px 23px;

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

  17. }

  18. ul.quicktabs_tabs li a{

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

  20.   margin: 0;

  21. 	display:block;

  22.   padding:2px 21px 1px 0;

  23.   text-decoration:none;

  24.   color: #bbb !important;

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

  26. }

  27. ul.quicktabs_tabs li a:hover{

  28.   text-decoration:none;

  29.   color:#888 !important;

  30. }

  31. ul.quicktabs_tabs li.active a{

  32.   color: #0372d9 !important;

  33. }

  34. ul.quicktabs_tabs li.active{

  35.   background-position: 0 0;

  36. 	padding-bottom:11px;

  37. 	position:relative;

  38. 	top:-2px;

  39. }

  40. 

  41. /* IE6 */

  42. 

  43. *html ul.quicktabs_tabs{

  44.   background: transparent url(images/shade.gif) repeat-x 0 25px;

  45. }

  46. *html ul.quicktabs_tabs li a{

  47.   padding:0px 21px 3px 0;

  48.   background-image: url(images/phy.gif);

  49. }

  50. *html ul.quicktabs_tabs li{  /* image for IE6  */

  51.   background-image: url(images/phy.gif);

  52. }