You are here

Home » API reference » Quick Tabs 7.3

basic.css in Quick Tabs 7.3 

.quicktabs_main.quicktabs-style-basic{
  background-color:#fff;
  border:1px solid #aaa;
  border-top:none;
  padding:10px;
  clear:both;
}
ul.quicktabs-tabs.quicktabs-style-basic{
  border-bottom:1px solid #aaa;
  padding:0 5px 0 0;
  font:bold 12px/19px Verdana !important;
  font-weight:bold;
  height:19px;
  margin:0;
}
ul.quicktabs-tabs.quicktabs-style-basic a{
  font:bold 12px/19px Verdana !important;
  text-decoration:none;
  color:#aaa;
}
ul.quicktabs-tabs.quicktabs-style-basic a:hover{
  color:#555;
}
ul.quicktabs-tabs.quicktabs-style-basic li{
  border:1px solid #e5e5e5;
  border-bottom:none;
  padding:2px 5px;
  margin:0 3px 0 0;
  position:relative;
}
ul.quicktabs-tabs.quicktabs-style-basic li:hover{
  border:1px solid #ccc;
  border-bottom:none;
}
ul.quicktabs-tabs.quicktabs-style-basic li.active{
  border:1px solid #aaa;
  border-bottom:1px solid #fff;
  background-color:#fff;
}
ul.quicktabs-tabs.quicktabs-style-basic li.active a{
  color:#027AC6;
}

File

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

  2. .quicktabs_main.quicktabs-style-basic{

  3.   background-color:#fff;

  4.   border:1px solid #aaa;

  5.   border-top:none;

  6.   padding:10px;

  7.   clear:both;

  8. }

  9. ul.quicktabs-tabs.quicktabs-style-basic{

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

  11.   padding:0 5px 0 0;

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

  13.   font-weight:bold;

  14.   height:19px;

  15.   margin:0;

  16. }

  17. ul.quicktabs-tabs.quicktabs-style-basic a{

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

  19.   text-decoration:none;

  20.   color:#aaa;

  21. }

  22. ul.quicktabs-tabs.quicktabs-style-basic a:hover{

  23.   color:#555;

  24. }

  25. ul.quicktabs-tabs.quicktabs-style-basic li{

  26.   border:1px solid #e5e5e5;

  27.   border-bottom:none;

  28.   padding:2px 5px;

  29.   margin:0 3px 0 0;

  30.   position:relative;

  31. }

  32. ul.quicktabs-tabs.quicktabs-style-basic li:hover{

  33.   border:1px solid #ccc;

  34.   border-bottom:none;

  35. }

  36. ul.quicktabs-tabs.quicktabs-style-basic li.active{

  37.   border:1px solid #aaa;

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

  39.   background-color:#fff;

  40. }

  41. ul.quicktabs-tabs.quicktabs-style-basic li.active a{

  42.   color:#027AC6;

  43. }