You are here

quicktabs.css in Quick Tabs 6

Same filename and directory in other branches
  1. 5 quicktabs.css
/* Edit QT section */

#qt-tablist-table label{
	float:left;
	clear:left;
	width:120px;
}
#qt-tablist-table .form-item{
	margin-bottom:5px;
}
#qt-tablist-table .form-item .description{
	margin-top:3px;
}
#qt-tablist-table .qt-tab-title{
	padding-right:35px;
}
#qt-tablist-table .qt-tab-title, #qt-tablist-table .qt-tab-type{
	width:100px;
}
#qt-tablist-table .qt-tab-type label.option{
	width:auto;
}
#qt-tablist-table .qt-tab-bvid .form-item .form-text{
	width:150px;
}
#qt-tablist-table .qt-tab-title .form-item .form-text{
	width:80px;
}

#quicktabs-form #delete-tabs-button label,
#quicktabs-form #add-more-tabs-button label{
	font-weight:bold;
}
#quicktabs-form #delete-tabs-button,
#quicktabs-form #add-more-tabs-button{
	padding:20px;
	float:left;
}

#quicktabs-form .add-tab ,
#quicktabs-form #delete-tabs-button input{
  width: 39px;
  height: 23px;
  padding:0;
  margin: 0;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
#quicktabs-form .add-tab {
  background: transparent url(add-tab.gif) no-repeat 0 -3px;
}
#quicktabs-form .delete-tab {
  background: transparent url(delete-tab.gif) no-repeat 0 0;
}

form>.delete-tab { /* For non-IE browsers*/
  height: 0px;
}

form>.add-tab { /* For non-IE browsers*/
  height: 0px;
}



/* QT preferences */

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;
}

#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;
}

/* Misc */

td.qt-tab-bvid input.form-submit {
	display: none;
}

td.qt-tab-bvid div.form-item {
	clear: both;
}

body.quicktabs_iframe ul#simplemenu {
  display: none;
}

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

File

quicktabs.css
View source
  1. /* Edit QT section */
  2. #qt-tablist-table label{
  3. float:left;
  4. clear:left;
  5. width:120px;
  6. }
  7. #qt-tablist-table .form-item{
  8. margin-bottom:5px;
  9. }
  10. #qt-tablist-table .form-item .description{
  11. margin-top:3px;
  12. }
  13. #qt-tablist-table .qt-tab-title{
  14. padding-right:35px;
  15. }
  16. #qt-tablist-table .qt-tab-title, #qt-tablist-table .qt-tab-type{
  17. width:100px;
  18. }
  19. #qt-tablist-table .qt-tab-type label.option{
  20. width:auto;
  21. }
  22. #qt-tablist-table .qt-tab-bvid .form-item .form-text{
  23. width:150px;
  24. }
  25. #qt-tablist-table .qt-tab-title .form-item .form-text{
  26. width:80px;
  27. }
  28. #quicktabs-form #delete-tabs-button label,
  29. #quicktabs-form #add-more-tabs-button label{
  30. font-weight:bold;
  31. }
  32. #quicktabs-form #delete-tabs-button,
  33. #quicktabs-form #add-more-tabs-button{
  34. padding:20px;
  35. float:left;
  36. }
  37. #quicktabs-form .add-tab ,
  38. #quicktabs-form #delete-tabs-button input{
  39. width: 39px;
  40. height: 23px;
  41. padding:0;
  42. margin: 0;
  43. border: 0;
  44. overflow: hidden;
  45. text-indent: -9999px;
  46. cursor: pointer; /* hand-shaped cursor */
  47. cursor: hand; /* for IE 5.x */
  48. }
  49. #quicktabs-form .add-tab {
  50. background: transparent url(add-tab.gif) no-repeat 0 -3px;
  51. }
  52. #quicktabs-form .delete-tab {
  53. background: transparent url(delete-tab.gif) no-repeat 0 0;
  54. }
  55. form>.delete-tab { /* For non-IE browsers*/
  56. height: 0px;
  57. }
  58. form>.add-tab { /* For non-IE browsers*/
  59. height: 0px;
  60. }
  61. /* QT preferences */
  62. iframe.quicktabs-preview {
  63. border: none;
  64. width: 200px;
  65. height: 50px;
  66. }
  67. iframe.quicktabs-preview body {
  68. background: none;
  69. background-color: #FFFFFF;
  70. }
  71. ul.quicktabs_tabs li {
  72. display: inline;
  73. background: none;
  74. list-style-type: none;
  75. padding: 2px;
  76. }
  77. #quicktabs-settings .quicktabs-tabstyles .form-item{
  78. width:200px;
  79. float:left;
  80. margin:0 10px 10px 0;
  81. border:1px solid #ccc;
  82. background-color:#fff;
  83. }
  84. #quicktabs-settings .quicktabs-tabstyles .form-item .option{
  85. display:block;
  86. background-color:#bfe3ff;
  87. font:bold 12px/18px verdana;
  88. color:#0a5793;
  89. }
  90. #quicktabs-settings .quicktabs-tabstyles .form-item .option:hover{
  91. background-color:#aadaff;
  92. cursor:pointer;
  93. color:#003863;
  94. }
  95. #quicktabs-settings .quicktabs-tabstyles .form-item .option .form-radio{
  96. margin-right:5px;
  97. float:left;
  98. height:15px;
  99. margin-top:2px;
  100. }
  101. /* Misc */
  102. td.qt-tab-bvid input.form-submit {
  103. display: none;
  104. }
  105. td.qt-tab-bvid div.form-item {
  106. clear: both;
  107. }
  108. body.quicktabs_iframe ul#simplemenu {
  109. display: none;
  110. }
  111. html.js div.quicktabs {
  112. display: none;
  113. }