You are here

Home » API reference » Quick Tabs 7.3

arrows.css in Quick Tabs 7.3 

.quicktabs_main.quicktabs-style-arrows{
  clear:both;
}

ul.quicktabs-tabs.quicktabs-style-arrows{
  font:bold 12px/170% Verdana;
  border-bottom:1px solid #ccc;
  padding:0 10px 0 0!important;
  line-height:22px;
  margin:0 0 10px 0;
}

ul.quicktabs-tabs.quicktabs-style-arrows a{
  text-decoration:none;
  background:transparent url(images/arrows.gif) no-repeat center 17px;
  padding:2px 10px 4px;
}

ul.quicktabs-tabs.quicktabs-style-arrows li.active a,
ul.quicktabs-tabs.quicktabs-style-arrows li a:hover{
  text-decoration:none;
  background:transparent url(images/arrows.gif) no-repeat center bottom;
}

File

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

  2. .quicktabs_main.quicktabs-style-arrows{

  3.   clear:both;

  4. }

  5. 

  6. ul.quicktabs-tabs.quicktabs-style-arrows{

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

  8.   border-bottom:1px solid #ccc;

  9.   padding:0 10px 0 0!important;

  10.   line-height:22px;

  11.   margin:0 0 10px 0;

  12. }

  13. 

  14. ul.quicktabs-tabs.quicktabs-style-arrows a{

  15.   text-decoration:none;

  16.   background:transparent url(images/arrows.gif) no-repeat center 17px;

  17.   padding:2px 10px 4px;

  18. }

  19. 

  20. ul.quicktabs-tabs.quicktabs-style-arrows li.active a,

  21. ul.quicktabs-tabs.quicktabs-style-arrows li a:hover{

  22.   text-decoration:none;

  23.   background:transparent url(images/arrows.gif) no-repeat center bottom;

  24. }