You are here

Home » API reference » Quick Tabs 5

garland.css in Quick Tabs 5

Same filename and directory in other branches
  1. 6.3 tabstyles/garland/garland.css
  2. 6 tabstyles/garland/garland.css
  3. 6.2 tabstyles/garland/garland.css
  4. 7.2 tabstyles/garland/garland.css
.quicktabs_main{
	clear:both;
}

ul.quicktabs_tabs {
	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 {
	padding:0 0 3px 0;
}

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

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

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

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

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

/* IE 6 Debug */
* html ul.quicktabs_tabs,
* html .sidebar ul.quicktabs_tabs {
	padding-bottom: 0px;
}

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

File

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

  2. 	clear:both;

  3. }

  4. 

  5. ul.quicktabs_tabs {

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

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

  8. 	padding: 3px 0px 3px;

  9. 	height: 20px;

  10. 	margin:0 0 10px 0;

  11. }     

  12. 

  13. .sidebar ul.quicktabs_tabs {

  14. 	padding:0 0 3px 0;

  15. }

  16. 

  17. ul.quicktabs_tabs li {

  18.   margin:0;

  19. 	padding:0;

  20.   display: block;

  21.   float: left;

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

  23.   list-style-type: none;

  24.   background: none;

  25. }

  26. 

  27. .sidebar ul.quicktabs_tabs li {

  28.   margin:0;

  29.   display: block;

  30.   float: left;

  31.   padding: 2px 0 1px;

  32.   list-style-type: none;

  33.   background: none;

  34. }

  35. 

  36. ul.quicktabs_tabs li a:link,

  37. ul.quicktabs_tabs li a:visited {

  38.   color: #fff;

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

  40. 	margin:0;

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

  42. }  

  43. 

  44. ul.quicktabs_tabs li.active a {

  45.   color: #027AC6 !important;

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

  47. }

  48. ul.quicktabs_tabs li.active {

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

  50. }     

  51. 

  52. .sidebar ul.quicktabs_tabs li.active a {

  53.   color: #027AC6 !important;

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

  55. }

  56. .sidebar ul.quicktabs_tabs li.active {

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

  58. }

  59. 

  60. /* IE 6 Debug */

  61. * html ul.quicktabs_tabs,

  62. * html .sidebar ul.quicktabs_tabs {

  63. 	padding-bottom: 0px;

  64. }

  65. 

  66. /* IE 7 Debug */

  67. *+html .sidebar ul.quicktabs_tabs li a:link { padding-bottom: 4px; }