You are here

Home » API reference » Quick Tabs 7.3

garland.css in Quick Tabs 7.3 

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

ul.quicktabs-tabs.quicktabs-style-garland {
  background: #bcd6eb url('images/bg.gif') repeat-x bottom;
  font:bold 12px/20px Verdana;
  padding: 3px 0px 3px;
  height: 20px;
  margin:0 0 10px 0;
}

.sidebar ul.quicktabs-tabs.quicktabs-style-garland {
  padding:0 0 3px 0;
}

ul.quicktabs-tabs.quicktabs-style-garland li {
  margin:0;
  padding:0;
  display: block;
  float: left;
  padding: 2px 0 1px !important;
  list-style-type: none;
  background: none;
}

.sidebar ul.quicktabs-tabs.quicktabs-style-garland li {
  margin:0;
  display: block;
  float: left;
  padding: 2px 0 1px;
  list-style-type: none;
  background: none;
}

ul.quicktabs-tabs.quicktabs-style-garland li a:link,
ul.quicktabs-tabs.quicktabs-style-garland li a:visited {
  color: #fff;
  padding: 8px 12px 4px 11px;
  margin:0;
  font:bold 12px/20px Verdana;
}

ul.quicktabs-tabs.quicktabs-style-garland li.active a {
  color: #027AC6 !important;
  background: url('images/tab-right.gif') no-repeat right bottom;
}
ul.quicktabs-tabs.quicktabs-style-garland li.active {
  background: url('images/tab-left.gif') no-repeat left bottom;
}

.sidebar ul.quicktabs-tabs.quicktabs-style-garland li.active a {
  color: #027AC6 !important;
  background: url('images/tab-right-sidebar.gif') no-repeat right bottom;
}
.sidebar ul.quicktabs-tabs.quicktabs-style-garland li.active {
  background: url('images/tab-left-sidebar.gif') no-repeat left bottom;
}

/* IE 6 Debug */
* html ul.quicktabs-tabs.quicktabs-style-garland,
* html .sidebar ul.quicktabs-tabs.quicktabs-style-garland {
  padding-bottom: 0px;
}

/* IE 7 Debug */
*+html .sidebar ul.quicktabs-tabs.quicktabs-style-garland li a:link {
  padding-bottom: 4px;
}

File

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

  2. .quicktabs_main.quicktabs-style-garland {

  3.   clear:both;

  4. }

  5. 

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

  7.   background: #bcd6eb url('images/bg.gif') repeat-x bottom;

  8.   font:bold 12px/20px Verdana;

  9.   padding: 3px 0px 3px;

  10.   height: 20px;

  11.   margin:0 0 10px 0;

  12. }

  13. 

  14. .sidebar ul.quicktabs-tabs.quicktabs-style-garland {

  15.   padding:0 0 3px 0;

  16. }

  17. 

  18. ul.quicktabs-tabs.quicktabs-style-garland li {

  19.   margin:0;

  20.   padding:0;

  21.   display: block;

  22.   float: left;

  23.   padding: 2px 0 1px !important;

  24.   list-style-type: none;

  25.   background: none;

  26. }

  27. 

  28. .sidebar ul.quicktabs-tabs.quicktabs-style-garland li {

  29.   margin:0;

  30.   display: block;

  31.   float: left;

  32.   padding: 2px 0 1px;

  33.   list-style-type: none;

  34.   background: none;

  35. }

  36. 

  37. ul.quicktabs-tabs.quicktabs-style-garland li a:link,

  38. ul.quicktabs-tabs.quicktabs-style-garland li a:visited {

  39.   color: #fff;

  40.   padding: 8px 12px 4px 11px;

  41.   margin:0;

  42.   font:bold 12px/20px Verdana;

  43. }

  44. 

  45. ul.quicktabs-tabs.quicktabs-style-garland li.active a {

  46.   color: #027AC6 !important;

  47.   background: url('images/tab-right.gif') no-repeat right bottom;

  48. }

  49. ul.quicktabs-tabs.quicktabs-style-garland li.active {

  50.   background: url('images/tab-left.gif') no-repeat left bottom;

  51. }

  52. 

  53. .sidebar ul.quicktabs-tabs.quicktabs-style-garland li.active a {

  54.   color: #027AC6 !important;

  55.   background: url('images/tab-right-sidebar.gif') no-repeat right bottom;

  56. }

  57. .sidebar ul.quicktabs-tabs.quicktabs-style-garland li.active {

  58.   background: url('images/tab-left-sidebar.gif') no-repeat left bottom;

  59. }

  60. 

  61. /* IE 6 Debug */

  62. * html ul.quicktabs-tabs.quicktabs-style-garland,

  63. * html .sidebar ul.quicktabs-tabs.quicktabs-style-garland {

  64.   padding-bottom: 0px;

  65. }

  66. 

  67. /* IE 7 Debug */

  68. *+html .sidebar ul.quicktabs-tabs.quicktabs-style-garland li a:link {

  69.   padding-bottom: 4px;

  70. }

  71.