You are here

Home » API reference » Quick Tabs 7.3

phylactere.css in Quick Tabs 7.3 

.quicktabs_main.quicktabs-style-phylactere{
  clear:both;
}
ul.quicktabs-tabs.quicktabs-style-phylactere{
  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.quicktabs-style-phylactere li{
  float: left;
  margin:0 5px;
  padding:0 0 8px 23px;
  background:transparent url(images/phy.png) no-repeat 0 -59px;
}
ul.quicktabs-tabs.quicktabs-style-phylactere 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.quicktabs-style-phylactere li a:hover{
  text-decoration:none;
  color:#888 !important;
}
ul.quicktabs-tabs.quicktabs-style-phylactere li.active a{
  color: #0372d9 !important;
}
ul.quicktabs-tabs.quicktabs-style-phylactere li.active{
  background-position: 0 0;
  padding-bottom:11px;
  position:relative;
  top:-2px;
}

/* IE6 */

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

File

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

  2. .quicktabs_main.quicktabs-style-phylactere{

  3.   clear:both;

  4. }

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

  6.   margin:0 0 10px 0;

  7.   padding:0;

  8.   font-size:12px;

  9.   list-style: none;

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

  11.   height:28px;

  12. }

  13. ul.quicktabs-tabs.quicktabs-style-phylactere li{

  14.   float: left;

  15.   margin:0 5px;

  16.   padding:0 0 8px 23px;

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

  18. }

  19. ul.quicktabs-tabs.quicktabs-style-phylactere li a{

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

  21.   margin: 0;

  22.   display:block;

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

  24.   text-decoration:none;

  25.   color: #bbb !important;

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

  27. }

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

  29.   text-decoration:none;

  30.   color:#888 !important;

  31. }

  32. ul.quicktabs-tabs.quicktabs-style-phylactere li.active a{

  33.   color: #0372d9 !important;

  34. }

  35. ul.quicktabs-tabs.quicktabs-style-phylactere li.active{

  36.   background-position: 0 0;

  37.   padding-bottom:11px;

  38.   position:relative;

  39.   top:-2px;

  40. }

  41. 

  42. /* IE6 */

  43. 

  44. *html ul.quicktabs-tabs.quicktabs-style-phylactere{

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

  46. }

  47. *html ul.quicktabs-tabs.quicktabs-style-phylactere li a{

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

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

  50. }

  51. *html ul.quicktabs-tabs.quicktabs-style-phylactere li{  /* image for IE6  */

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

  53. }