You are here

arrows.css in Quick Tabs 5

.quicktabs_main{
	clear:both;
}

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

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

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

File

tabstyles/arrows/arrows.css
View source
  1. .quicktabs_main{
  2. clear:both;
  3. }
  4. .quicktabs_wrapper ul.quicktabs_tabs{
  5. font:bold 12px/170% Verdana;
  6. border-bottom:1px solid #ccc;
  7. padding:0 10px 0 0!important;
  8. line-height:22px;
  9. margin:0 0 10px 0;
  10. }
  11. .quicktabs_wrapper ul.quicktabs_tabs a{
  12. text-decoration:none;
  13. background:transparent url(images/arrows.gif) no-repeat center 17px;
  14. padding:2px 10px 4px;
  15. }
  16. .quicktabs_wrapper ul.quicktabs_tabs li.active a,
  17. .quicktabs_wrapper ul.quicktabs_tabs li a:hover{
  18. text-decoration:none;
  19. background:transparent url(images/arrows.gif) no-repeat center bottom;
  20. }