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. 

  3. .ctools-button-processed {

  4.   background-color: #fff;

  5.   border-color: #ccc;

  6.   font-size: 11px;

  7.   padding-bottom: 2px;

  8.   padding-top: 2px;

  9. }

  10. 

  11. .ctools-button-processed:hover {

  12.   border-color: #b8b8b8;

  13. }

  14. 

  15. .ctools-button-processed:active {

  16.   border-color: #a0a0a0;

  17. }

  18. 

  19. .ctools-button-processed .ctools-content {

  20.   padding-bottom: 0;

  21.   padding-top: 0;

  22. }

  23. 

  24. .ctools-dropbutton-processed {

  25.   position: absolute;

  26. }

  27. 

  28. .ctools-dropbutton-processed .ctools-content {

  29.   border-right: 1px solid #e8e8e8;

  30. }

  31. 

  32. .ctools-dropbutton-processed .ctools-content ul {

  33.   margin: 0;

  34.   padding: 0;

  35. }

  36. 

  37. .ctools-content ul.actions {

  38.   margin-top: 0;

  39.   margin-bottom: 0;

  40.   padding-left: 0;

  41. }

  42. 

  43. .ctools-button-processed .ctools-content a {

  44.   background-image: none;

  45.   border: medium none;

  46. }

  47. 

  48. .ctools-dropbutton-processed.open:hover {

  49.   border-color: #d0d0d0;

  50. }

  51. 

  52. .ctools-dropbutton-processed.open {

  53.   z-index: 100;

  54. }

  55. 

  56. .ctools-dropbutton-processed .ctools-link {

  57.   border-left: 1px solid #fff;

  58. }

  59. 

  60. .ctools-dropbutton-processed.open .ctools-content {

  61.   padding-bottom: 4px;

  62. }

  63. 

  64. .ctools-dropbutton-processed li a,

  65. .ctools-dropbutton-processed li input {

  66.   padding-right: 9px;

  67. }

  68. 

  69. .ctools-dropbutton-processed.open li + li {

  70.   border-top: 1px solid #efefef;

  71.   margin-top: 4px;

  72.   padding-bottom: 0;

  73.   padding-top: 4px;

  74. }

  75. 

  76. .ctools-twisty:focus {

  77.   outline: medium none;

  78. }

  79. 

  80. .ctools-no-js .ctools-content ul {

  81.   margin-bottom: 0;

  82.   margin-top: 0;

  83.   padding-left: 0;

  84. }

  85. 

  86. .views-display-top .ctools-button-processed {

  87.   font-size: 12px;

  88.   position: absolute;

  89.   right: 12px;

  90.   top: 7px;

  91. }

  92. 

  93. .views-ui-display-tab-bucket .ctools-button-processed {

  94.   position: absolute;

  95.   right: 5px;

  96.   top: 4px;

  97. }

  98. 

  99. .views-ui-display-tab-actions .ctools-button-processed li a,

  100. .views-ui-display-tab-actions .ctools-button-processed input {

  101.   background: none;

  102.   border: medium;

  103.   font-family: inherit;

  104.   font-size: 12px;

  105.   padding-bottom: 0;

  106.   padding-left: 12px;

  107.   padding-top: 0;

  108.   margin-bottom: 0;

  109. }

  110. 

  111. .views-ui-display-tab-actions .ctools-button-processed input:hover {

  112.   background: none;

  113. }

  114. 

  115. /* @end */

  116. 

  117. /* @group Collapsible */

  118. 

  119. .ctools-toggle {

  120.   border-bottom-color: transparent;

  121.   border-left-color: transparent;

  122.   border-right-color: transparent;

  123.   border-style: solid;

  124.   border-width: 5px 5px 0;

  125.   display: inline-block;

  126.   float: left;

  127.   height: 0;

  128.   margin-right: 2px;

  129.   margin-top: 0.4545em;

  130.   width: 0;

  131. }

  132. 

  133. .ctools-toggle.ctools-toggle-collapsed {

  134.   border-bottom-color: transparent;

  135.   border-left: 4px solid;

  136.   border-right-color: transparent;

  137.   border-top-color: transparent;

  138.   border-width: 5px 0 5px 5px;

  139.   margin-left: 2px;

  140.   margin-right: 5px;

  141.   margin-top: 0.3333em;

  142. }

  143. 

  144. .ctools-toggle:hover,

  145. .ctools-collapsible-handle:hover {

  146.   cursor: pointer;

  147. }

  148. 

  149. .ctools-export-ui-row {

  150.   margin-bottom: 0;

  151.   padding-top: 0;

  152. }

  153. 

  154. .ctools-export-ui-row label {

  155.   display: block;

  156.   float: left;

  157.   width: 55px;

  158. }

  159. 

  160. .views-display-settings .ctools-toggle {

  161.   color: #000;

  162. }

  163. 

  164. .views-display-column > .ctools-toggle {

  165.   margin-left: 6px;

  166.   margin-right: 3px;

  167.   margin-top: 10px;

  168. }

  169. .views-display-column > .ctools-toggle.ctools-toggle-collapsed {

  170.   margin-left: 9px;

  171.   margin-right: 5px;

  172.   margin-top: 8px;

  173. }

  174. 

  175. .views-display-column > .ctools-collapsible-handle {

  176.   border-color: #f3f3f3;

  177.   border-style: solid;

  178.   border-width: 1px 1px 0;

  179.   font-size: 13px;

  180.   font-weight: normal;

  181.   margin: 0;

  182.   padding: 6px 3px;

  183. }

  184. 

  185. .views-display-column > .ctools-toggle.ctools-toggle-collapsed + .ctools-collapsible-handle {

  186.   border-width: 1px;

  187. }

  188. 

  189. .views-display-column > .ctools-collapsible-content > .views-ui-display-tab-bucket:first-child {

  190.   border-top: medium none;

  191. }

  192. 

  193. h2.ctools-collapsible-handle {

  194.   display: inline;

  195.   clear: both;

  196. }

  197. 

  198. /* @end */

  199. 

  200. /* @group Dependent */

  201. 

  202. .dependent-options {

  203.   margin-left: 18px; /* LTR */

  204. }

  205. 

  206. /* @end */

  207. 

  208. /* @group Export */

  209. 

  210. /* Override for filter button on the views list screen */

  211. #ctools-export-ui-list-form .form-submit {

  212.   margin-top: 0em !important;

  213.   margin-right: 0em;

  214. }

  215. 

  216. .ctools-export-ui-row + .ctools-export-ui-row {

  217.   margin-top: 1em;

  218. }

  219. 

  220. .ctools-export-ui-fourth-row input {

  221.   margin-top: 5px !important;

  222. }

  223. 

  224. /* @end */

  225. 

  226. /* @group Jump list */

  227. 

  228. #views-live-preview .ctools-jump-menu-select {

  229.   max-width: 450px;

  230. }

  231. 

  232. /* @end */