views-admin.seven.css

/**
 * The .seven.css file is intended to contain styles that override declarations
 * in the Seven admin theme.
 */

/* @group Content */

.views-ui-display-tab-bucket h1,
.views-ui-display-tab-bucket h2,
.views-ui-display-tab-bucket h3,
.views-ui-display-tab-bucket h4,
.views-ui-display-tab-bucket h5 {
  margin-bottom: 0;
  margin-top: 0;
}

/* @end */

/* @group Forms */

.views-ui-dialog fieldset {
  padding-top: 2.5em;
}

fieldset fieldset {
  border: medium none;
}

/**
 * Seven positions the legend absolutely, but does not have a way to ignore
 * fieldsets without a legend so we make one up.
 */
fieldset.fieldset-no-legend {
  padding-top: 0;
}

/**
 * Being extra safe here and scoping this to the add view wizard form (where
 * a layout problem occurs for the Display format fieldset if we don't fix its
 * padding), but it's probably safe to just let it apply everywhere.
 */
#views-ui-add-form fieldset fieldset .fieldset-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.views-display-tab fieldset {
  padding: 0 12px;
}

.views-display-tab .fieldset-wrapper {
  padding: 10px 12px 12px;
}

.views-display-tab fieldset.box-padding .fieldset-wrapper {
  padding: 0;
}

.views-display-tab legend + .fieldset-wrapper {
  padding-top: 2.5em;
}

.views-admin .form-item label.option,
#views-ui-preview-form .form-item label.option {
  font-size: 1em;
}

#views-ui-preview-form .form-submit {
  margin-top: 3px;
}

.views-admin input.form-submit,
.views-ui-dialog input.form-submit,
.views-admin a.button,
.views-ui-dialog a.button {
  margin-bottom: 0;
  margin-right: 0; /* LTR */
  margin-top: 0;
}

/* Override for a button on the edit display screen */
#edit-displays-preview-controls .form-submit {
  display: inline-block;
  margin-right: 1em;
}

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

#ctools-export-ui-list-form .ctools-export-ui-first-row .form-item {
  margin-top: 3px;
  margin-right: 5px; /* LTR */
}

.form-item,
.form-item .form-item {
  margin-bottom: 0;
  margin-top: 9px;
  padding-bottom: 0;
  padding-top: 0;
}

.form-actions {
  margin-bottom: 0;
  margin-top: 0;
}

.form-item .form-item {
  padding-bottom: 0;
  padding-top: 0;
}

.form-radios > .form-item {
  margin-top: 3px;
}

/* @group Dependent options
 *
 * Dependent options are identified in CTools dependent.js
 */

/* The .dependent-options.form-item is necessary to supercede the Seven .form-item
 * reset declaration that sets the margin to zero.
 */
.dependent-options,
.dependent-options.form-item,
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
  margin-left: 1.5em;
}

.views-admin-dependent .form-item .form-item,
.views-admin-dependent .form-type-checkboxes,
.views-admin-dependent .form-type-radios,
.views-admin-dependent .dependent-options,
.views-admin-dependent .form-item .form-item,
.views-admin-dependent .dependent-options .form-type-select,
.views-admin-dependent .dependent-options .form-type-textfield,
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
  margin-bottom: 6px;
  margin-top: 6px;
}

.views-admin-dependent .form-type-radio,
.views-admin-dependent .form-radios .form-item {
  margin-bottom: 2px;
  margin-top: 2px;
}

/* @end */

/* @end */

/* @group Lists */

.views-admin ul.secondary,
.views-admin .item-list ul {
  margin: 0;
  padding: 0;
}

.views-admin ul.secondary {
  clear: none;
}

.views-displays ul.secondary li a,
.views-displays ul.secondary li.active a,
.views-displays ul.secondary li.active a.active {
  padding: 2px 7px 3px;
}

.views-displays ul.secondary li.active a,
.views-displays ul.secondary li.active a.active {
  border: 1px solid transparent;
}

.views-admin .links li {
  padding-right: 0; /* LTR */
}

.views-admin .button .links li {
  padding-right: 12px; /* LTR */
}

.page-admin-structure-views #content ul.action-links {
  padding-left: 0;
  padding-right: 0;
}

.views-display-top ul.secondary {
  background-color: transparent;
  float: left
}

.views-display-top .secondary .action-list li {
  float: none;
  margin: 0;
}

/* @end */

/* @group Buttons */

.ctools-button-processed ul {
  margin: 0;
}

/* Override for input elements that are themed like ctools-buttons */
.ctools-button-processed input.form-submit:hover {
  background-image: none;
  color: #0074bd;
  text-shadow: none;
}

.ctools-button-processed input.form-submit:active {
  background: none;
  border: medium none;
  color: #0074bd;
  text-shadow: none;
}

/* @end */

/* @group Tables */

table td,
table th {
  vertical-align: top;
}

/* @end */

/* @group Attachment details */

#edit-display-settings-title {
  color: #008bcb;
}

/* @end */

/* @group Attachment details tabs
 *
 * The tabs that switch between sections
 */

.views-displays .secondary {
  text-align: left; /* LTR */
}

.views-displays .secondary > li:first-child {
  padding-left: 0;
}

.views-admin .icon.add {
  background-position: center 3px;
}

.views-displays .secondary a {
  background-color: #f1f1f1;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  color: #008bcb;
}

.views-displays .secondary a:hover > .icon.add {
  background-position: center -25px;
}

.views-displays .secondary .open > a {
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  background-color: #f1f1f1;
  color: #008bcb;
}

.views-displays .secondary .action-list  li:first-child {
  -moz-border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list  li:last-child {
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

.views-displays .secondary .action-list input.form-submit {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #008bcb;
}

/* @end */

/* @group Attachment buckets
 *
 * These are the individual "buckets," or boxes, inside the display settings area
 */

.views-ui-display-tab-bucket h3 {
  font-size: 12px;
  text-transform: uppercase;
}

.views-ui-display-tab-bucket .links {
  padding: 2px 6px 4px;
}

.views-ui-display-tab-bucket .links li + li {
  margin-left: 3px;
}

/* @end */

/* @group Rearrange filter criteria */

#views-ui-rearrange-filter-form .action-links {
  margin: 0;
  padding: 0;
}

#views-ui-rearrange-filter-form table {
  border: medium none;
}

#views-ui-rearrange-filter-form [id^="views-row"] {
  border: medium none;
}

#views-ui-rearrange-filter-form tr td:last-child {
  border-right: medium none;
}

#views-ui-rearrange-filter-form .filter-group-operator-row {
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}

#views-ui-rearrange-filter-form tr.drag td {
  background-color: #ffee77 !important;
}

#views-ui-rearrange-filter-form tr.drag-previous td {
  background-color: #ffffbb !important;
}

/* @end */

/* @group Live preview elements */

.views-query-info pre {
  margin-bottom: 0;
  margin-top: 0;
}

/* @group Query info table */

.views-query-info table {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -webkit-border-horizontal-spacing: 1px;
  -webkit-border-vertical-spacing: 1px;
}

.views-query-info table tr td:last-child {
  /* Fixes a Seven style that bleeds down into this table unnecessarily */
  border-right: 0 none;
}

/* @end */

/* @end */

/* @group Add view */

.form-item-page-create,
.form-item-block-create {
  margin-top: 13px;
}

/* @end */

/* @group Modal dialog box
 *
 * The contents of the popup dialog on the views edit form.
 */

.views-ui-dialog .ui-dialog-titlebar-close {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
  right: -27px;
  top: -1px;
}

.views-ui-dialog fieldset.collapsible {
  padding-top: 1.5em;
}

.views-ui-dialog fieldset.collapsed {
  padding-top: 2.5em;
}

.filterable-option .form-item.form-type-checkbox {
  /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
  padding-bottom: 4px;
  padding-left: 4px;
  padding-top: 4px;
}

/* @end */

/* @group CTools */

/* @group Buttons */

.ctools-button-processed {
  background-image: -moz-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.0, rgba(255, 255, 255, 1.0)),
  color-stop(1.0, rgba(249, 249, 249, 1.0))
  );
  background-image: -webkit-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  -moz-border-radius: 11px 11px 11px 11px;
  -webkit-border-radius: 11px 11px 11px 11px;
  border-radius: 11px 11px 11px 11px;
}

.ctools-button-processed:hover {
  background-image: -moz-linear-gradient(
  -90deg,
  #fff 0px,
  #f1f1f1 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.0, rgba(255, 255, 255, 1.0)),
  color-stop(1.0, rgba(241, 241, 241, 1.0))
  );
  background-image: -webkit-linear-gradient(
  -90deg,
  #fff 0px,
  #f1f1f1 100%
  );
  background-image: linear-gradient(
  -90deg,
  #fff 0px,
  #f1f1f1 100%
  );
}

.ctools-dropbutton-processed.open:hover {
  background-image: -moz-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.0, rgba(255, 255, 255, 1.0)),
  color-stop(1.0, rgba(249, 249, 249, 1.0))
  );
  background-image: -webkit-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
}

.ctools-dropbutton-processed.open {
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

/* @end */

/* @group Collapsible */

.ctools-toggle {
  margin-top: 0.6667em;
}

.ctools-toggle.ctools-toggle-collapsed {
  margin-top: 0.5em;
}

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

.views-display-column > .ctools-toggle {
  margin-top: 14px;
}

.views-display-column > .ctools-toggle.ctools-toggle-collapsed {
  margin-top: 12px;
}

.views-display-column > .ctools-collapsible-handle {
  color: #008bcb;
}

.views-ui-display-tab-actions .ctools-button-processed input {
  color: #0074bd;
}

/* @end */

/* @end */

File

css/views-admin.seven.css

View source
  1. /**
  2. * The .seven.css file is intended to contain styles that override declarations
  3. * in the Seven admin theme.
  4. */
  5. /* @group Content */
  6. .views-ui-display-tab-bucket h1,
  7. .views-ui-display-tab-bucket h2,
  8. .views-ui-display-tab-bucket h3,
  9. .views-ui-display-tab-bucket h4,
  10. .views-ui-display-tab-bucket h5 {
  11. margin-bottom: 0;
  12. margin-top: 0;
  13. }
  14. /* @end */
  15. /* @group Forms */
  16. .views-ui-dialog fieldset {
  17. padding-top: 2.5em;
  18. }
  19. fieldset fieldset {
  20. border: medium none;
  21. }
  22. /**
  23. * Seven positions the legend absolutely, but does not have a way to ignore
  24. * fieldsets without a legend so we make one up.
  25. */
  26. fieldset.fieldset-no-legend {
  27. padding-top: 0;
  28. }
  29. /**
  30. * Being extra safe here and scoping this to the add view wizard form (where
  31. * a layout problem occurs for the Display format fieldset if we don't fix its
  32. * padding), but it's probably safe to just let it apply everywhere.
  33. */
  34. #views-ui-add-form fieldset fieldset .fieldset-wrapper {
  35. padding-left: 0;
  36. padding-right: 0;
  37. }
  38. .views-display-tab fieldset {
  39. padding: 0 12px;
  40. }
  41. .views-display-tab .fieldset-wrapper {
  42. padding: 10px 12px 12px;
  43. }
  44. .views-display-tab fieldset.box-padding .fieldset-wrapper {
  45. padding: 0;
  46. }
  47. .views-display-tab legend + .fieldset-wrapper {
  48. padding-top: 2.5em;
  49. }
  50. .views-admin .form-item label.option,
  51. #views-ui-preview-form .form-item label.option {
  52. font-size: 1em;
  53. }
  54. #views-ui-preview-form .form-submit {
  55. margin-top: 3px;
  56. }
  57. .views-admin input.form-submit,
  58. .views-ui-dialog input.form-submit,
  59. .views-admin a.button,
  60. .views-ui-dialog a.button {
  61. margin-bottom: 0;
  62. margin-right: 0; /* LTR */
  63. margin-top: 0;
  64. }
  65. /* Override for a button on the edit display screen */
  66. #edit-displays-preview-controls .form-submit {
  67. display: inline-block;
  68. margin-right: 1em;
  69. }
  70. /* Override for filter button on the views list screen */
  71. #ctools-export-ui-list-form .form-submit {
  72. margin-bottom: 0;
  73. }
  74. #ctools-export-ui-list-form .ctools-export-ui-first-row .form-item {
  75. margin-top: 3px;
  76. margin-right: 5px; /* LTR */
  77. }
  78. .form-item,
  79. .form-item .form-item {
  80. margin-bottom: 0;
  81. margin-top: 9px;
  82. padding-bottom: 0;
  83. padding-top: 0;
  84. }
  85. .form-actions {
  86. margin-bottom: 0;
  87. margin-top: 0;
  88. }
  89. .form-item .form-item {
  90. padding-bottom: 0;
  91. padding-top: 0;
  92. }
  93. .form-radios > .form-item {
  94. margin-top: 3px;
  95. }
  96. /* @group Dependent options
  97. *
  98. * Dependent options are identified in CTools dependent.js
  99. */
  100. /* The .dependent-options.form-item is necessary to supercede the Seven .form-item
  101. * reset declaration that sets the margin to zero.
  102. */
  103. .dependent-options,
  104. .dependent-options.form-item,
  105. .form-item-options-expose-required,
  106. .form-item-options-expose-label,
  107. .form-item-options-expose-description {
  108. margin-left: 1.5em;
  109. }
  110. .views-admin-dependent .form-item .form-item,
  111. .views-admin-dependent .form-type-checkboxes,
  112. .views-admin-dependent .form-type-radios,
  113. .views-admin-dependent .dependent-options,
  114. .views-admin-dependent .form-item .form-item,
  115. .views-admin-dependent .dependent-options .form-type-select,
  116. .views-admin-dependent .dependent-options .form-type-textfield,
  117. .form-item-options-expose-required,
  118. .form-item-options-expose-label,
  119. .form-item-options-expose-description {
  120. margin-bottom: 6px;
  121. margin-top: 6px;
  122. }
  123. .views-admin-dependent .form-type-radio,
  124. .views-admin-dependent .form-radios .form-item {
  125. margin-bottom: 2px;
  126. margin-top: 2px;
  127. }
  128. /* @end */
  129. /* @end */
  130. /* @group Lists */
  131. .views-admin ul.secondary,
  132. .views-admin .item-list ul {
  133. margin: 0;
  134. padding: 0;
  135. }
  136. .views-admin ul.secondary {
  137. clear: none;
  138. }
  139. .views-displays ul.secondary li a,
  140. .views-displays ul.secondary li.active a,
  141. .views-displays ul.secondary li.active a.active {
  142. padding: 2px 7px 3px;
  143. }
  144. .views-displays ul.secondary li.active a,
  145. .views-displays ul.secondary li.active a.active {
  146. border: 1px solid transparent;
  147. }
  148. .views-admin .links li {
  149. padding-right: 0; /* LTR */
  150. }
  151. .views-admin .button .links li {
  152. padding-right: 12px; /* LTR */
  153. }
  154. .page-admin-structure-views #content ul.action-links {
  155. padding-left: 0;
  156. padding-right: 0;
  157. }
  158. .views-display-top ul.secondary {
  159. background-color: transparent;
  160. float: left
  161. }
  162. .views-display-top .secondary .action-list li {
  163. float: none;
  164. margin: 0;
  165. }
  166. /* @end */
  167. /* @group Buttons */
  168. .ctools-button-processed ul {
  169. margin: 0;
  170. }
  171. /* Override for input elements that are themed like ctools-buttons */
  172. .ctools-button-processed input.form-submit:hover {
  173. background-image: none;
  174. color: #0074bd;
  175. text-shadow: none;
  176. }
  177. .ctools-button-processed input.form-submit:active {
  178. background: none;
  179. border: medium none;
  180. color: #0074bd;
  181. text-shadow: none;
  182. }
  183. /* @end */
  184. /* @group Tables */
  185. table td,
  186. table th {
  187. vertical-align: top;
  188. }
  189. /* @end */
  190. /* @group Attachment details */
  191. #edit-display-settings-title {
  192. color: #008bcb;
  193. }
  194. /* @end */
  195. /* @group Attachment details tabs
  196. *
  197. * The tabs that switch between sections
  198. */
  199. .views-displays .secondary {
  200. text-align: left; /* LTR */
  201. }
  202. .views-displays .secondary > li:first-child {
  203. padding-left: 0;
  204. }
  205. .views-admin .icon.add {
  206. background-position: center 3px;
  207. }
  208. .views-displays .secondary a {
  209. background-color: #f1f1f1;
  210. -moz-border-radius: 7px;
  211. -webkit-border-radius: 7px;
  212. border-radius: 7px;
  213. color: #008bcb;
  214. }
  215. .views-displays .secondary a:hover > .icon.add {
  216. background-position: center -25px;
  217. }
  218. .views-displays .secondary .open > a {
  219. -moz-border-radius: 7px 7px 0 0;
  220. -webkit-border-radius: 7px 7px 0 0;
  221. border-radius: 7px 7px 0 0;
  222. }
  223. .views-displays .secondary .open > a:hover {
  224. background-color: #f1f1f1;
  225. color: #008bcb;
  226. }
  227. .views-displays .secondary .action-list li:first-child {
  228. -moz-border-radius: 0 7px 0 0;
  229. -webkit-border-radius: 0 7px 0 0;
  230. border-radius: 0 7px 0 0;
  231. }
  232. .views-displays .secondary .action-list li:last-child {
  233. -moz-border-radius: 0 0 7px 7px;
  234. -webkit-border-radius: 0 0 7px 7px;
  235. border-radius: 0 0 7px 7px;
  236. }
  237. .views-displays .secondary .action-list input.form-submit {
  238. -moz-border-radius: 0;
  239. -webkit-border-radius: 0;
  240. border-radius: 0;
  241. color: #008bcb;
  242. }
  243. /* @end */
  244. /* @group Attachment buckets
  245. *
  246. * These are the individual "buckets," or boxes, inside the display settings area
  247. */
  248. .views-ui-display-tab-bucket h3 {
  249. font-size: 12px;
  250. text-transform: uppercase;
  251. }
  252. .views-ui-display-tab-bucket .links {
  253. padding: 2px 6px 4px;
  254. }
  255. .views-ui-display-tab-bucket .links li + li {
  256. margin-left: 3px;
  257. }
  258. /* @end */
  259. /* @group Rearrange filter criteria */
  260. #views-ui-rearrange-filter-form .action-links {
  261. margin: 0;
  262. padding: 0;
  263. }
  264. #views-ui-rearrange-filter-form table {
  265. border: medium none;
  266. }
  267. #views-ui-rearrange-filter-form [id^="views-row"] {
  268. border: medium none;
  269. }
  270. #views-ui-rearrange-filter-form tr td:last-child {
  271. border-right: medium none;
  272. }
  273. #views-ui-rearrange-filter-form .filter-group-operator-row {
  274. border-left: 1px solid transparent !important;
  275. border-right: 1px solid transparent !important;
  276. }
  277. #views-ui-rearrange-filter-form tr.drag td {
  278. background-color: #ffee77 !important;
  279. }
  280. #views-ui-rearrange-filter-form tr.drag-previous td {
  281. background-color: #ffffbb !important;
  282. }
  283. /* @end */
  284. /* @group Live preview elements */
  285. .views-query-info pre {
  286. margin-bottom: 0;
  287. margin-top: 0;
  288. }
  289. /* @group Query info table */
  290. .views-query-info table {
  291. -moz-border-radius: 7px;
  292. -webkit-border-radius: 7px;
  293. border-radius: 7px;
  294. -webkit-border-horizontal-spacing: 1px;
  295. -webkit-border-vertical-spacing: 1px;
  296. }
  297. .views-query-info table tr td:last-child {
  298. /* Fixes a Seven style that bleeds down into this table unnecessarily */
  299. border-right: 0 none;
  300. }
  301. /* @end */
  302. /* @end */
  303. /* @group Add view */
  304. .form-item-page-create,
  305. .form-item-block-create {
  306. margin-top: 13px;
  307. }
  308. /* @end */
  309. /* @group Modal dialog box
  310. *
  311. * The contents of the popup dialog on the views edit form.
  312. */
  313. .views-ui-dialog .ui-dialog-titlebar-close {
  314. -moz-box-shadow: none;
  315. -webkit-box-shadow: none;
  316. box-shadow: none;
  317. border-color: #ccc;
  318. right: -27px;
  319. top: -1px;
  320. }
  321. .views-ui-dialog fieldset.collapsible {
  322. padding-top: 1.5em;
  323. }
  324. .views-ui-dialog fieldset.collapsed {
  325. padding-top: 2.5em;
  326. }
  327. .filterable-option .form-item.form-type-checkbox {
  328. /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
  329. padding-bottom: 4px;
  330. padding-left: 4px;
  331. padding-top: 4px;
  332. }
  333. /* @end */
  334. /* @group CTools */
  335. /* @group Buttons */
  336. .ctools-button-processed {
  337. background-image: -moz-linear-gradient(
  338. -90deg,
  339. #fff 0px,
  340. #f9f9f9 100%
  341. );
  342. background-image: -webkit-gradient(
  343. linear,
  344. left top,
  345. left bottom,
  346. color-stop(0.0, rgba(255, 255, 255, 1.0)),
  347. color-stop(1.0, rgba(249, 249, 249, 1.0))
  348. );
  349. background-image: -webkit-linear-gradient(
  350. -90deg,
  351. #fff 0px,
  352. #f9f9f9 100%
  353. );
  354. background-image: linear-gradient(
  355. -90deg,
  356. #fff 0px,
  357. #f9f9f9 100%
  358. );
  359. -moz-border-radius: 11px 11px 11px 11px;
  360. -webkit-border-radius: 11px 11px 11px 11px;
  361. border-radius: 11px 11px 11px 11px;
  362. }
  363. .ctools-button-processed:hover {
  364. background-image: -moz-linear-gradient(
  365. -90deg,
  366. #fff 0px,
  367. #f1f1f1 100%
  368. );
  369. background-image: -webkit-gradient(
  370. linear,
  371. left top,
  372. left bottom,
  373. color-stop(0.0, rgba(255, 255, 255, 1.0)),
  374. color-stop(1.0, rgba(241, 241, 241, 1.0))
  375. );
  376. background-image: -webkit-linear-gradient(
  377. -90deg,
  378. #fff 0px,
  379. #f1f1f1 100%
  380. );
  381. background-image: linear-gradient(
  382. -90deg,
  383. #fff 0px,
  384. #f1f1f1 100%
  385. );
  386. }
  387. .ctools-dropbutton-processed.open:hover {
  388. background-image: -moz-linear-gradient(
  389. -90deg,
  390. #fff 0px,
  391. #f9f9f9 100%
  392. );
  393. background-image: -webkit-gradient(
  394. linear,
  395. left top,
  396. left bottom,
  397. color-stop(0.0, rgba(255, 255, 255, 1.0)),
  398. color-stop(1.0, rgba(249, 249, 249, 1.0))
  399. );
  400. background-image: -webkit-linear-gradient(
  401. -90deg,
  402. #fff 0px,
  403. #f9f9f9 100%
  404. );
  405. background-image: linear-gradient(
  406. -90deg,
  407. #fff 0px,
  408. #f9f9f9 100%
  409. );
  410. }
  411. .ctools-dropbutton-processed.open {
  412. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  413. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  414. box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  415. }
  416. /* @end */
  417. /* @group Collapsible */
  418. .ctools-toggle {
  419. margin-top: 0.6667em;
  420. }
  421. .ctools-toggle.ctools-toggle-collapsed {
  422. margin-top: 0.5em;
  423. }
  424. .views-display-settings .ctools-toggle {
  425. color: #008bcb;
  426. }
  427. .views-display-column > .ctools-toggle {
  428. margin-top: 14px;
  429. }
  430. .views-display-column > .ctools-toggle.ctools-toggle-collapsed {
  431. margin-top: 12px;
  432. }
  433. .views-display-column > .ctools-collapsible-handle {
  434. color: #008bcb;
  435. }
  436. .views-ui-display-tab-actions .ctools-button-processed input {
  437. color: #0074bd;
  438. }
  439. /* @end */
  440. /* @end */