You are here

garland.css in Quick Tabs 6.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

tabstyles/garland/garland.css
View source
  1. .quicktabs_main.quicktabs-style-garland {
  2. clear:both;
  3. }
  4. ul.quicktabs_tabs.quicktabs-style-garland {
  5. background: #bcd6eb url('images/bg.gif') repeat-x bottom;
  6. font:bold 12px/20px Verdana;
  7. padding: 3px 0px 3px;
  8. height: 20px;
  9. margin:0 0 10px 0;
  10. }
  11. .sidebar ul.quicktabs_tabs.quicktabs-style-garland {
  12. padding:0 0 3px 0;
  13. }
  14. ul.quicktabs_tabs.quicktabs-style-garland li {
  15. margin:0;
  16. padding:0;
  17. display: block;
  18. float: left;
  19. padding: 2px 0 1px !important;
  20. list-style-type: none;
  21. background: none;
  22. }
  23. .sidebar ul.quicktabs_tabs.quicktabs-style-garland li {
  24. margin:0;
  25. display: block;
  26. float: left;
  27. padding: 2px 0 1px;
  28. list-style-type: none;
  29. background: none;
  30. }
  31. ul.quicktabs_tabs.quicktabs-style-garland li a:link,
  32. ul.quicktabs_tabs.quicktabs-style-garland li a:visited {
  33. color: #fff;
  34. padding: 8px 12px 4px 11px;
  35. margin:0;
  36. font:bold 12px/20px Verdana;
  37. }
  38. ul.quicktabs_tabs.quicktabs-style-garland li.active a {
  39. color: #027AC6 !important;
  40. background: url('images/tab-right.gif') no-repeat right bottom;
  41. }
  42. ul.quicktabs_tabs.quicktabs-style-garland li.active {
  43. background: url('images/tab-left.gif') no-repeat left bottom;
  44. }
  45. .sidebar ul.quicktabs_tabs.quicktabs-style-garland li.active a {
  46. color: #027AC6 !important;
  47. background: url('images/tab-right-sidebar.gif') no-repeat right bottom;
  48. }
  49. .sidebar ul.quicktabs_tabs.quicktabs-style-garland li.active {
  50. background: url('images/tab-left-sidebar.gif') no-repeat left bottom;
  51. }
  52. /* IE 6 Debug */
  53. * html ul.quicktabs_tabs.quicktabs-style-garland,
  54. * html .sidebar ul.quicktabs_tabs.quicktabs-style-garland {
  55. padding-bottom: 0px;
  56. }
  57. /* IE 7 Debug */
  58. *+html .sidebar ul.quicktabs_tabs.quicktabs-style-garland li a:link {
  59. padding-bottom: 4px;
  60. }