You are here

quicktabs.css in Quick Tabs 5

Same filename and directory in other branches
  1. 6 quicktabs.css
iframe.quicktabs-preview {
  border: none;
  width: 200px;
  height: 50px;
}

iframe.quicktabs-preview body {
  background: none;
  background-color: #FFFFFF;
}

ul.quicktabs_tabs li {
  display: inline;
  background: none;
  list-style-type: none;
  padding: 2px;
}

ul.quicktabs_tabs li a {
  outline: 0;
}

#quicktabs-settings .quicktabs-tabstyles .form-item{
	width:200px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	background-color:#fff;


}

#quicktabs-settings .quicktabs-tabstyles .form-item .option{
	display:block;
	background-color:#bfe3ff;
	font:bold 12px/18px verdana;
	color:#0a5793;
}

#quicktabs-settings .quicktabs-tabstyles .form-item .option:hover{
	background-color:#aadaff;
	cursor:pointer;
	color:#003863;
}

#quicktabs-settings .quicktabs-tabstyles .form-item .option .form-radio{
	margin-right:5px;
	float:left;	
	height:15px;
	margin-top:2px;
}

table#qt-tablist-table tr {
  vertical-align: top;
}

.delete-tab {
  width: 60px;
  height: 55px;
  padding: 55px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(delete-tab.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>.delete-tab { /* For non-IE browsers*/
  height: 0px;
}

html.js div.quicktabs {
  display: none;
}

html.js div.qt0 {
  display: block;
}

File

quicktabs.css
View source
  1. iframe.quicktabs-preview {
  2. border: none;
  3. width: 200px;
  4. height: 50px;
  5. }
  6. iframe.quicktabs-preview body {
  7. background: none;
  8. background-color: #FFFFFF;
  9. }
  10. ul.quicktabs_tabs li {
  11. display: inline;
  12. background: none;
  13. list-style-type: none;
  14. padding: 2px;
  15. }
  16. ul.quicktabs_tabs li a {
  17. outline: 0;
  18. }
  19. #quicktabs-settings .quicktabs-tabstyles .form-item{
  20. width:200px;
  21. float:left;
  22. margin:0 10px 10px 0;
  23. border:1px solid #ccc;
  24. background-color:#fff;
  25. }
  26. #quicktabs-settings .quicktabs-tabstyles .form-item .option{
  27. display:block;
  28. background-color:#bfe3ff;
  29. font:bold 12px/18px verdana;
  30. color:#0a5793;
  31. }
  32. #quicktabs-settings .quicktabs-tabstyles .form-item .option:hover{
  33. background-color:#aadaff;
  34. cursor:pointer;
  35. color:#003863;
  36. }
  37. #quicktabs-settings .quicktabs-tabstyles .form-item .option .form-radio{
  38. margin-right:5px;
  39. float:left;
  40. height:15px;
  41. margin-top:2px;
  42. }
  43. table#qt-tablist-table tr {
  44. vertical-align: top;
  45. }
  46. .delete-tab {
  47. width: 60px;
  48. height: 55px;
  49. padding: 55px 0 0;
  50. margin: 0;
  51. border: 0;
  52. background: transparent url(delete-tab.gif) no-repeat center top;
  53. overflow: hidden;
  54. cursor: pointer; /* hand-shaped cursor */
  55. cursor: hand; /* for IE 5.x */
  56. }
  57. form>.delete-tab { /* For non-IE browsers*/
  58. height: 0px;
  59. }
  60. html.js div.quicktabs {
  61. display: none;
  62. }
  63. html.js div.qt0 {
  64. display: block;
  65. }