You are here

Home » API reference » Quick Tabs 7.2

quicktabs-admin.css in Quick Tabs 7.2

Same filename and directory in other branches
  1. 8.3 css/quicktabs-admin.css
  2. 6.3 css/quicktabs-admin.css
  3. 6.2 css/quicktabs-admin.css
  4. 7.3 css/quicktabs-admin.css
/* Admin form */

#qt-tablist-table .form-type-select label,
#qt-tablist-table .form-type-textfield 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 {
  width: 130px;
  height: 125px;
}
#qt-tablist-table .qt-tab-type,
#qt-tablist-table .qt-tab-remove {
  width: 100px;
}

#qt-tablist-table .description {
  white-space: normal;
}

#qt-tablist-table .qt-tab-title .form-item .form-text {
  width: 80px;
}
#qt-tablist-table .qt-tab-type label.option {
  width: auto;
}
#qt-tablist-table .qt-tab-content .form-item .form-text {
  width: 150px;
}
#qt-tablist-table .qt-tab-view-content input.form-submit {
  display: none;
}
#qt-tablist-table .qt-tab-content {
  display: none;
}

#qt-tablist-table .qt-tab-remove label,
#quicktabs-form #add-more-tabs-button label {
  font-weight: bold;
  float: left;
  clear: left;
  width: auto;
}
#quicktabs-form #add-more-tabs-button {
  width: 100px;
  display: block;
  margin-top: 20px;
  float: right;
}
#quicktabs-form .add-tab,
#qt-tablist-table .delete-tab {
  display: block;
  overflow: hidden;
  width: 39px;
  height: 23px;
  padding: 0;
  margin: 0;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}

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

/* QT style selection form */

div.quicktabs-preview {
  border: none;
  width: 250px;
  height: 80px;
}

#quicktabs-styles .quicktabs-tabstyles .form-item {
  width: 280px;
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #ccc;
  background-color: #fff;
}
#quicktabs-styles .quicktabs-tabstyles .form-item .option {
  display: block;
  background-color: #bfe3ff;
  font: bold 12px/18px verdana;
  color: #0a5793;
}
#quicktabs-styles .quicktabs-tabstyles .form-item .option:hover {
  background-color: #aadaff;
  cursor: pointer;
  color: #003863;
}
#quicktabs-styles .quicktabs-tabstyles .form-item .option .form-radio {
  margin-right: 5px;
  float: left;
  height: 15px;
  margin-top: 2px;
}
#quicktabs-styles .quicktabs_wrapper {
  margin: 5px;
  font: bold 12px/170% Verdana;
}

File

css/quicktabs-admin.css
View source 
  1. 

  2. /* Admin form */

  3. 

  4. #qt-tablist-table .form-type-select label,

  5. #qt-tablist-table .form-type-textfield label {

  6.   float: left;

  7.   clear: left;

  8.   width: 120px;

  9. }

  10. #qt-tablist-table .form-item {

  11.   margin-bottom: 5px;

  12. }

  13. #qt-tablist-table .form-item .description {

  14.   margin-top: 3px;

  15. }

  16. #qt-tablist-table .qt-tab-title {

  17.   width: 130px;

  18.   height: 125px;

  19. }

  20. #qt-tablist-table .qt-tab-type,

  21. #qt-tablist-table .qt-tab-remove {

  22.   width: 100px;

  23. }

  24. 

  25. #qt-tablist-table .description {

  26.   white-space: normal;

  27. }

  28. 

  29. #qt-tablist-table .qt-tab-title .form-item .form-text {

  30.   width: 80px;

  31. }

  32. #qt-tablist-table .qt-tab-type label.option {

  33.   width: auto;

  34. }

  35. #qt-tablist-table .qt-tab-content .form-item .form-text {

  36.   width: 150px;

  37. }

  38. #qt-tablist-table .qt-tab-view-content input.form-submit {

  39.   display: none;

  40. }

  41. #qt-tablist-table .qt-tab-content {

  42.   display: none;

  43. }

  44. 

  45. #qt-tablist-table .qt-tab-remove label,

  46. #quicktabs-form #add-more-tabs-button label {

  47.   font-weight: bold;

  48.   float: left;

  49.   clear: left;

  50.   width: auto;

  51. }

  52. #quicktabs-form #add-more-tabs-button {

  53.   width: 100px;

  54.   display: block;

  55.   margin-top: 20px;

  56.   float: right;

  57. }

  58. #quicktabs-form .add-tab,

  59. #qt-tablist-table .delete-tab {

  60.   display: block;

  61.   overflow: hidden;

  62.   width: 39px;

  63.   height: 23px;

  64.   padding: 0;

  65.   margin: 0;

  66.   border: 0;

  67.   text-indent: -9999px;

  68.   cursor: pointer;

  69. }

  70. 

  71. #quicktabs-form .add-tab {

  72.   background: transparent url(../add-tab.gif) no-repeat 0 -3px;

  73. }

  74. #quicktabs-form .delete-tab {

  75.   background: transparent url(../delete-tab.gif) no-repeat 0 0;

  76. }

  77. 

  78. /* QT style selection form */

  79. 

  80. div.quicktabs-preview {

  81.   border: none;

  82.   width: 250px;

  83.   height: 80px;

  84. }

  85. 

  86. #quicktabs-styles .quicktabs-tabstyles .form-item {

  87.   width: 280px;

  88.   float: left;

  89.   margin: 0 10px 10px 0;

  90.   border: 1px solid #ccc;

  91.   background-color: #fff;

  92. }

  93. #quicktabs-styles .quicktabs-tabstyles .form-item .option {

  94.   display: block;

  95.   background-color: #bfe3ff;

  96.   font: bold 12px/18px verdana;

  97.   color: #0a5793;

  98. }

  99. #quicktabs-styles .quicktabs-tabstyles .form-item .option:hover {

  100.   background-color: #aadaff;

  101.   cursor: pointer;

  102.   color: #003863;

  103. }

  104. #quicktabs-styles .quicktabs-tabstyles .form-item .option .form-radio {

  105.   margin-right: 5px;

  106.   float: left;

  107.   height: 15px;

  108.   margin-top: 2px;

  109. }

  110. #quicktabs-styles .quicktabs_wrapper {

  111.   margin: 5px;

  112.   font: bold 12px/170% Verdana;

  113. }

  114.