You are here

Home » API reference » Quick Tabs 6

basic.css in Quick Tabs 6

Same filename and directory in other branches
  1. 5 tabstyles/basic/basic.css
  2. 6.3 tabstyles/basic/basic.css
  3. 6.2 tabstyles/basic/basic.css
  4. 7.2 tabstyles/basic/basic.css
.quicktabs_main{
	clear:both;
}
.quicktabs_wrapper ul.quicktabs_tabs{
	border-bottom:1px solid #aaa;
	padding:0 5px 0 0;
	font:bold 12px/19px Verdana !important;
	font-weight:bold;
	height:19px;
	margin:0;
}
.quicktabs_wrapper .quicktabs_main{
	background-color:#fff;
	border:1px solid #aaa;
	border-top:none;
	padding:10px;
}

.quicktabs_wrapper ul.quicktabs_tabs a{
	font:bold 12px/19px Verdana !important;
	text-decoration:none;
	color:#aaa;
}

.quicktabs_wrapper ul.quicktabs_tabs a:hover{
	color:#555  !important;
}

.quicktabs_wrapper ul.quicktabs_tabs li{
	border:1px solid #e5e5e5;
	border-bottom:none;
	padding:2px 5px;
	margin:0 3px 0 0;
	position:relative;
}
.quicktabs_wrapper ul.quicktabs_tabs li:hover{
	border:1px solid #ccc;
	border-bottom:none;
}

.quicktabs_wrapper ul.quicktabs_tabs li.active{
	border:1px solid #aaa;
	border-bottom:1px solid #fff;
	background-color:#fff;
}
.quicktabs_wrapper ul.quicktabs_tabs li.active a{
	color:#027AC6;
}

File

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

  2. 	clear:both;

  3. }

  4. .quicktabs_wrapper ul.quicktabs_tabs{

  5. 	border-bottom:1px solid #aaa;

  6. 	padding:0 5px 0 0;

  7. 	font:bold 12px/19px Verdana !important;

  8. 	font-weight:bold;

  9. 	height:19px;

  10. 	margin:0;

  11. }

  12. .quicktabs_wrapper .quicktabs_main{

  13. 	background-color:#fff;

  14. 	border:1px solid #aaa;

  15. 	border-top:none;

  16. 	padding:10px;

  17. }

  18. 

  19. .quicktabs_wrapper ul.quicktabs_tabs a{

  20. 	font:bold 12px/19px Verdana !important;

  21. 	text-decoration:none;

  22. 	color:#aaa;

  23. }

  24. 

  25. .quicktabs_wrapper ul.quicktabs_tabs a:hover{

  26. 	color:#555  !important;

  27. }

  28. 

  29. .quicktabs_wrapper ul.quicktabs_tabs li{

  30. 	border:1px solid #e5e5e5;

  31. 	border-bottom:none;

  32. 	padding:2px 5px;

  33. 	margin:0 3px 0 0;

  34. 	position:relative;

  35. }

  36. .quicktabs_wrapper ul.quicktabs_tabs li:hover{

  37. 	border:1px solid #ccc;

  38. 	border-bottom:none;

  39. }

  40. 

  41. .quicktabs_wrapper ul.quicktabs_tabs li.active{

  42. 	border:1px solid #aaa;

  43. 	border-bottom:1px solid #fff;

  44. 	background-color:#fff;

  45. }

  46. .quicktabs_wrapper ul.quicktabs_tabs li.active a{

  47. 	color:#027AC6;

  48. }