views-admin.ctools.css

/* @group Buttons */

.ctools-button-processed {
  background-color: #fff;
  border-color: #ccc;
  font-size: 11px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.ctools-button-processed:hover {
  border-color: #b8b8b8;
}

.ctools-button-processed:active {
  border-color: #a0a0a0;
}

.ctools-button-processed .ctools-content {
  padding-bottom: 0;
  padding-top: 0;
}

.ctools-dropbutton-processed {
  position: absolute;
}

.ctools-dropbutton-processed .ctools-content {
  border-right: 1px solid #e8e8e8;
}

.ctools-dropbutton-processed .ctools-content ul {
  margin: 0;
  padding: 0;
}

.ctools-content ul.actions {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.ctools-button-processed .ctools-content a {
  background-image: none;
  border: medium none;
}

.ctools-dropbutton-processed.open:hover {
  border-color: #d0d0d0;
}

.ctools-dropbutton-processed.open {
  z-index: 100;
}

.ctools-dropbutton-processed .ctools-link {
  border-left: 1px solid #fff;
}

.ctools-dropbutton-processed.open .ctools-content {
  padding-bottom: 4px;
}

.ctools-dropbutton-processed li a,
.ctools-dropbutton-processed li input {
  padding-right: 9px;
}

.ctools-dropbutton-processed.open li + li {
  border-top: 1px solid #efefef;
  margin-top: 4px;
  padding-bottom: 0;
  padding-top: 4px;
}

.ctools-twisty:focus {
  outline: medium none;
}

.ctools-no-js .ctools-content ul {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}

.views-display-top .ctools-button-processed {
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 7px;
}

.views-ui-display-tab-bucket .ctools-button-processed {
  position: absolute;
  right: 5px;
  top: 4px;
}

.views-ui-display-tab-actions .ctools-button-processed li a,
.views-ui-display-tab-actions .ctools-button-processed input {
  background: none;
  border: medium;
  font-family: inherit;
  font-size: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  padding-top: 0;
  margin-bottom: 0;
}

.views-ui-display-tab-actions .ctools-button-processed input:hover {
  background: none;
}

/* @end */

/* @group Collapsible */

.ctools-toggle {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  display: inline-block;
  float: left;
  height: 0;
  margin-right: 2px;
  margin-top: 0.4545em;
  width: 0;
}

.ctools-toggle.ctools-toggle-collapsed {
  border-bottom-color: transparent;
  border-left: 4px solid;
  border-right-color: transparent;
  border-top-color: transparent;
  border-width: 5px 0 5px 5px;
  margin-left: 2px;
  margin-right: 5px;
  margin-top: 0.3333em;
}

.ctools-toggle:hover,
.ctools-collapsible-handle:hover {
  cursor: pointer;
}

.ctools-export-ui-row {
  margin-bottom: 0;
  padding-top: 0;
}

.ctools-export-ui-row label {
  display: block;
  float: left;
  width: 55px;
}

.views-display-settings .ctools-toggle {
  color: #000;
}

.views-display-column > .ctools-toggle {
  margin-left: 6px;
  margin-right: 3px;
  margin-top: 10px;
}
.views-display-column > .ctools-toggle.ctools-toggle-collapsed {
  margin-left: 9px;
  margin-right: 5px;
  margin-top: 8px;
}

.views-display-column > .ctools-collapsible-handle {
  border-color: #f3f3f3;
  border-style: solid;
  border-width: 1px 1px 0;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 6px 3px;
}

.views-display-column > .ctools-toggle.ctools-toggle-collapsed + .ctools-collapsible-handle {
  border-width: 1px;
}

.views-display-column > .ctools-collapsible-content > .views-ui-display-tab-bucket:first-child {
  border-top: medium none;
}

h2.ctools-collapsible-handle {
  display: inline;
  clear: both;
}

/* @end */

/* @group Dependent */

.dependent-options {
  margin-left: 18px; /* LTR */
}

/* @end */

/* @group Export */

/* Override for filter button on the views list screen */
#ctools-export-ui-list-form .form-submit {
  margin-top: 0em !important;
  margin-right: 0em;
}

.ctools-export-ui-row + .ctools-export-ui-row {
  margin-top: 1em;
}

.ctools-export-ui-fourth-row input {
  margin-top: 5px !important;
}

/* @end */

/* @group Jump list */

#views-live-preview .ctools-jump-menu-select {
  max-width: 450px;
}

/* @end */

File

css/views-admin.ctools.css

View source
  1. /* @group Buttons */
  2. .ctools-button-processed {
  3. background-color: #fff;
  4. border-color: #ccc;
  5. font-size: 11px;
  6. padding-bottom: 2px;
  7. padding-top: 2px;
  8. }
  9. .ctools-button-processed:hover {
  10. border-color: #b8b8b8;
  11. }
  12. .ctools-button-processed:active {
  13. border-color: #a0a0a0;
  14. }
  15. .ctools-button-processed .ctools-content {
  16. padding-bottom: 0;
  17. padding-top: 0;
  18. }
  19. .ctools-dropbutton-processed {
  20. position: absolute;
  21. }
  22. .ctools-dropbutton-processed .ctools-content {
  23. border-right: 1px solid #e8e8e8;
  24. }
  25. .ctools-dropbutton-processed .ctools-content ul {
  26. margin: 0;
  27. padding: 0;
  28. }
  29. .ctools-content ul.actions {
  30. margin-top: 0;
  31. margin-bottom: 0;
  32. padding-left: 0;
  33. }
  34. .ctools-button-processed .ctools-content a {
  35. background-image: none;
  36. border: medium none;
  37. }
  38. .ctools-dropbutton-processed.open:hover {
  39. border-color: #d0d0d0;
  40. }
  41. .ctools-dropbutton-processed.open {
  42. z-index: 100;
  43. }
  44. .ctools-dropbutton-processed .ctools-link {
  45. border-left: 1px solid #fff;
  46. }
  47. .ctools-dropbutton-processed.open .ctools-content {
  48. padding-bottom: 4px;
  49. }
  50. .ctools-dropbutton-processed li a,
  51. .ctools-dropbutton-processed li input {
  52. padding-right: 9px;
  53. }
  54. .ctools-dropbutton-processed.open li + li {
  55. border-top: 1px solid #efefef;
  56. margin-top: 4px;
  57. padding-bottom: 0;
  58. padding-top: 4px;
  59. }
  60. .ctools-twisty:focus {
  61. outline: medium none;
  62. }
  63. .ctools-no-js .ctools-content ul {
  64. margin-bottom: 0;
  65. margin-top: 0;
  66. padding-left: 0;
  67. }
  68. .views-display-top .ctools-button-processed {
  69. font-size: 12px;
  70. position: absolute;
  71. right: 12px;
  72. top: 7px;
  73. }
  74. .views-ui-display-tab-bucket .ctools-button-processed {
  75. position: absolute;
  76. right: 5px;
  77. top: 4px;
  78. }
  79. .views-ui-display-tab-actions .ctools-button-processed li a,
  80. .views-ui-display-tab-actions .ctools-button-processed input {
  81. background: none;
  82. border: medium;
  83. font-family: inherit;
  84. font-size: 12px;
  85. padding-bottom: 0;
  86. padding-left: 12px;
  87. padding-top: 0;
  88. margin-bottom: 0;
  89. }
  90. .views-ui-display-tab-actions .ctools-button-processed input:hover {
  91. background: none;
  92. }
  93. /* @end */
  94. /* @group Collapsible */
  95. .ctools-toggle {
  96. border-bottom-color: transparent;
  97. border-left-color: transparent;
  98. border-right-color: transparent;
  99. border-style: solid;
  100. border-width: 5px 5px 0;
  101. display: inline-block;
  102. float: left;
  103. height: 0;
  104. margin-right: 2px;
  105. margin-top: 0.4545em;
  106. width: 0;
  107. }
  108. .ctools-toggle.ctools-toggle-collapsed {
  109. border-bottom-color: transparent;
  110. border-left: 4px solid;
  111. border-right-color: transparent;
  112. border-top-color: transparent;
  113. border-width: 5px 0 5px 5px;
  114. margin-left: 2px;
  115. margin-right: 5px;
  116. margin-top: 0.3333em;
  117. }
  118. .ctools-toggle:hover,
  119. .ctools-collapsible-handle:hover {
  120. cursor: pointer;
  121. }
  122. .ctools-export-ui-row {
  123. margin-bottom: 0;
  124. padding-top: 0;
  125. }
  126. .ctools-export-ui-row label {
  127. display: block;
  128. float: left;
  129. width: 55px;
  130. }
  131. .views-display-settings .ctools-toggle {
  132. color: #000;
  133. }
  134. .views-display-column > .ctools-toggle {
  135. margin-left: 6px;
  136. margin-right: 3px;
  137. margin-top: 10px;
  138. }
  139. .views-display-column > .ctools-toggle.ctools-toggle-collapsed {
  140. margin-left: 9px;
  141. margin-right: 5px;
  142. margin-top: 8px;
  143. }
  144. .views-display-column > .ctools-collapsible-handle {
  145. border-color: #f3f3f3;
  146. border-style: solid;
  147. border-width: 1px 1px 0;
  148. font-size: 13px;
  149. font-weight: normal;
  150. margin: 0;
  151. padding: 6px 3px;
  152. }
  153. .views-display-column > .ctools-toggle.ctools-toggle-collapsed + .ctools-collapsible-handle {
  154. border-width: 1px;
  155. }
  156. .views-display-column > .ctools-collapsible-content > .views-ui-display-tab-bucket:first-child {
  157. border-top: medium none;
  158. }
  159. h2.ctools-collapsible-handle {
  160. display: inline;
  161. clear: both;
  162. }
  163. /* @end */
  164. /* @group Dependent */
  165. .dependent-options {
  166. margin-left: 18px; /* LTR */
  167. }
  168. /* @end */
  169. /* @group Export */
  170. /* Override for filter button on the views list screen */
  171. #ctools-export-ui-list-form .form-submit {
  172. margin-top: 0em !important;
  173. margin-right: 0em;
  174. }
  175. .ctools-export-ui-row + .ctools-export-ui-row {
  176. margin-top: 1em;
  177. }
  178. .ctools-export-ui-fourth-row input {
  179. margin-top: 5px !important;
  180. }
  181. /* @end */
  182. /* @group Jump list */
  183. #views-live-preview .ctools-jump-menu-select {
  184. max-width: 450px;
  185. }
  186. /* @end */