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. 

  6. /* @group Content */

  7. 

  8. .views-ui-display-tab-bucket h1,

  9. .views-ui-display-tab-bucket h2,

  10. .views-ui-display-tab-bucket h3,

  11. .views-ui-display-tab-bucket h4,

  12. .views-ui-display-tab-bucket h5 {

  13.   margin-bottom: 0;

  14.   margin-top: 0;

  15. }

  16. 

  17. /* @end */

  18. 

  19. /* @group Forms */

  20. 

  21. .views-ui-dialog fieldset {

  22.   padding-top: 2.5em;

  23. }

  24. 

  25. fieldset fieldset {

  26.   border: medium none;

  27. }

  28. 

  29. /**

  30.  * Seven positions the legend absolutely, but does not have a way to ignore

  31.  * fieldsets without a legend so we make one up.

  32.  */

  33. fieldset.fieldset-no-legend {

  34.   padding-top: 0;

  35. }

  36. 

  37. /**

  38.  * Being extra safe here and scoping this to the add view wizard form (where

  39.  * a layout problem occurs for the Display format fieldset if we don't fix its

  40.  * padding), but it's probably safe to just let it apply everywhere.

  41.  */

  42. #views-ui-add-form fieldset fieldset .fieldset-wrapper {

  43.   padding-left: 0;

  44.   padding-right: 0;

  45. }

  46. 

  47. .views-display-tab fieldset {

  48.   padding: 0 12px;

  49. }

  50. 

  51. .views-display-tab .fieldset-wrapper {

  52.   padding: 10px 12px 12px;

  53. }

  54. 

  55. .views-display-tab fieldset.box-padding .fieldset-wrapper {

  56.   padding: 0;

  57. }

  58. 

  59. .views-display-tab legend + .fieldset-wrapper {

  60.   padding-top: 2.5em;

  61. }

  62. 

  63. .views-admin .form-item label.option,

  64. #views-ui-preview-form .form-item label.option {

  65.   font-size: 1em;

  66. }

  67. 

  68. #views-ui-preview-form .form-submit {

  69.   margin-top: 3px;

  70. }

  71. 

  72. .views-admin input.form-submit,

  73. .views-ui-dialog input.form-submit,

  74. .views-admin a.button,

  75. .views-ui-dialog a.button {

  76.   margin-bottom: 0;

  77.   margin-right: 0; /* LTR */

  78.   margin-top: 0;

  79. }

  80. 

  81. /* Override for a button on the edit display screen */

  82. #edit-displays-preview-controls .form-submit {

  83.   display: inline-block;

  84.   margin-right: 1em;

  85. }

  86. 

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

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

  89.   margin-bottom: 0;

  90. }

  91. 

  92. #ctools-export-ui-list-form .ctools-export-ui-first-row .form-item {

  93.   margin-top: 3px;

  94.   margin-right: 5px; /* LTR */

  95. }

  96. 

  97. .form-item,

  98. .form-item .form-item {

  99.   margin-bottom: 0;

  100.   margin-top: 9px;

  101.   padding-bottom: 0;

  102.   padding-top: 0;

  103. }

  104. 

  105. .form-actions {

  106.   margin-bottom: 0;

  107.   margin-top: 0;

  108. }

  109. 

  110. .form-item .form-item {

  111.   padding-bottom: 0;

  112.   padding-top: 0;

  113. }

  114. 

  115. .form-radios > .form-item {

  116.   margin-top: 3px;

  117. }

  118. 

  119. /* @group Dependent options

  120.  *

  121.  * Dependent options are identified in CTools dependent.js

  122.  */

  123. 

  124. /* The .dependent-options.form-item is necessary to supercede the Seven .form-item

  125.  * reset declaration that sets the margin to zero.

  126.  */

  127. .dependent-options,

  128. .dependent-options.form-item,

  129. .form-item-options-expose-required,

  130. .form-item-options-expose-label,

  131. .form-item-options-expose-description {

  132.   margin-left: 1.5em;

  133. }

  134. 

  135. .views-admin-dependent .form-item .form-item,

  136. .views-admin-dependent .form-type-checkboxes,

  137. .views-admin-dependent .form-type-radios,

  138. .views-admin-dependent .dependent-options,

  139. .views-admin-dependent .form-item .form-item,

  140. .views-admin-dependent .dependent-options .form-type-select,

  141. .views-admin-dependent .dependent-options .form-type-textfield,

  142. .form-item-options-expose-required,

  143. .form-item-options-expose-label,

  144. .form-item-options-expose-description {

  145.   margin-bottom: 6px;

  146.   margin-top: 6px;

  147. }

  148. 

  149. .views-admin-dependent .form-type-radio,

  150. .views-admin-dependent .form-radios .form-item {

  151.   margin-bottom: 2px;

  152.   margin-top: 2px;

  153. }

  154. 

  155. /* @end */

  156. 

  157. /* @end */

  158. 

  159. /* @group Lists */

  160. 

  161. .views-admin ul.secondary,

  162. .views-admin .item-list ul {

  163.   margin: 0;

  164.   padding: 0;

  165. }

  166. 

  167. .views-admin ul.secondary {

  168.   clear: none;

  169. }

  170. 

  171. .views-displays ul.secondary li a,

  172. .views-displays ul.secondary li.active a,

  173. .views-displays ul.secondary li.active a.active {

  174.   padding: 2px 7px 3px;

  175. }

  176. 

  177. .views-displays ul.secondary li.active a,

  178. .views-displays ul.secondary li.active a.active {

  179.   border: 1px solid transparent;

  180. }

  181. 

  182. .views-admin .links li {

  183.   padding-right: 0; /* LTR */

  184. }

  185. 

  186. .views-admin .button .links li {

  187.   padding-right: 12px; /* LTR */

  188. }

  189. 

  190. .page-admin-structure-views #content ul.action-links {

  191.   padding-left: 0;

  192.   padding-right: 0;

  193. }

  194. 

  195. .views-display-top ul.secondary {

  196.   background-color: transparent;

  197.   float: left

  198. }

  199. 

  200. .views-display-top .secondary .action-list li {

  201.   float: none;

  202.   margin: 0;

  203. }

  204. 

  205. /* @end */

  206. 

  207. /* @group Buttons */

  208. 

  209. .ctools-button-processed ul {

  210.   margin: 0;

  211. }

  212. 

  213. /* Override for input elements that are themed like ctools-buttons */

  214. .ctools-button-processed input.form-submit:hover {

  215.   background-image: none;

  216.   color: #0074bd;

  217.   text-shadow: none;

  218. }

  219. 

  220. .ctools-button-processed input.form-submit:active {

  221.   background: none;

  222.   border: medium none;

  223.   color: #0074bd;

  224.   text-shadow: none;

  225. }

  226. 

  227. /* @end */

  228. 

  229. /* @group Tables */

  230. 

  231. table td,

  232. table th {

  233.   vertical-align: top;

  234. }

  235. 

  236. /* @end */

  237. 

  238. /* @group Attachment details */

  239. 

  240. #edit-display-settings-title {

  241.   color: #008bcb;

  242. }

  243. 

  244. /* @end */

  245. 

  246. /* @group Attachment details tabs

  247.  *

  248.  * The tabs that switch between sections

  249.  */

  250. 

  251. .views-displays .secondary {

  252.   text-align: left; /* LTR */

  253. }

  254. 

  255. .views-displays .secondary > li:first-child {

  256.   padding-left: 0;

  257. }

  258. 

  259. .views-admin .icon.add {

  260.   background-position: center 3px;

  261. }

  262. 

  263. .views-displays .secondary a {

  264.   background-color: #f1f1f1;

  265.   -moz-border-radius: 7px;

  266.   -webkit-border-radius: 7px;

  267.   border-radius: 7px;

  268.   color: #008bcb;

  269. }

  270. 

  271. .views-displays .secondary a:hover > .icon.add {

  272.   background-position: center -25px;

  273. }

  274. 

  275. .views-displays .secondary .open > a {

  276.   -moz-border-radius: 7px 7px 0 0;

  277.   -webkit-border-radius: 7px 7px 0 0;

  278.   border-radius: 7px 7px 0 0;

  279. }

  280. 

  281. .views-displays .secondary .open > a:hover {

  282.   background-color: #f1f1f1;

  283.   color: #008bcb;

  284. }

  285. 

  286. .views-displays .secondary .action-list  li:first-child {

  287.   -moz-border-radius: 0 7px 0 0;

  288.   -webkit-border-radius: 0 7px 0 0;

  289.   border-radius: 0 7px 0 0;

  290. }

  291. 

  292. .views-displays .secondary .action-list  li:last-child {

  293.   -moz-border-radius: 0 0 7px 7px;

  294.   -webkit-border-radius: 0 0 7px 7px;

  295.   border-radius: 0 0 7px 7px;

  296. }

  297. 

  298. .views-displays .secondary .action-list input.form-submit {

  299.   -moz-border-radius: 0;

  300.   -webkit-border-radius: 0;

  301.   border-radius: 0;

  302.   color: #008bcb;

  303. }

  304. 

  305. /* @end */

  306. 

  307. /* @group Attachment buckets

  308.  *

  309.  * These are the individual "buckets," or boxes, inside the display settings area

  310.  */

  311. 

  312. .views-ui-display-tab-bucket h3 {

  313.   font-size: 12px;

  314.   text-transform: uppercase;

  315. }

  316. 

  317. .views-ui-display-tab-bucket .links {

  318.   padding: 2px 6px 4px;

  319. }

  320. 

  321. .views-ui-display-tab-bucket .links li + li {

  322.   margin-left: 3px;

  323. }

  324. 

  325. /* @end */

  326. 

  327. /* @group Rearrange filter criteria */

  328. 

  329. #views-ui-rearrange-filter-form .action-links {

  330.   margin: 0;

  331.   padding: 0;

  332. }

  333. 

  334. #views-ui-rearrange-filter-form table {

  335.   border: medium none;

  336. }

  337. 

  338. #views-ui-rearrange-filter-form [id^="views-row"] {

  339.   border: medium none;

  340. }

  341. 

  342. #views-ui-rearrange-filter-form tr td:last-child {

  343.   border-right: medium none;

  344. }

  345. 

  346. #views-ui-rearrange-filter-form .filter-group-operator-row {

  347.   border-left: 1px solid transparent !important;

  348.   border-right: 1px solid transparent !important;

  349. }

  350. 

  351. #views-ui-rearrange-filter-form tr.drag td {

  352.   background-color: #ffee77 !important;

  353. }

  354. 

  355. #views-ui-rearrange-filter-form tr.drag-previous td {

  356.   background-color: #ffffbb !important;

  357. }

  358. 

  359. /* @end */

  360. 

  361. /* @group Live preview elements */

  362. 

  363. .views-query-info pre {

  364.   margin-bottom: 0;

  365.   margin-top: 0;

  366. }

  367. 

  368. /* @group Query info table */

  369. 

  370. .views-query-info table {

  371.   -moz-border-radius: 7px;

  372.   -webkit-border-radius: 7px;

  373.   border-radius: 7px;

  374.   -webkit-border-horizontal-spacing: 1px;

  375.   -webkit-border-vertical-spacing: 1px;

  376. }

  377. 

  378. .views-query-info table tr td:last-child {

  379.   /* Fixes a Seven style that bleeds down into this table unnecessarily */

  380.   border-right: 0 none;

  381. }

  382. 

  383. /* @end */

  384. 

  385. /* @end */

  386. 

  387. /* @group Add view */

  388. 

  389. .form-item-page-create,

  390. .form-item-block-create {

  391.   margin-top: 13px;

  392. }

  393. 

  394. /* @end */

  395. 

  396. /* @group Modal dialog box

  397.  *

  398.  * The contents of the popup dialog on the views edit form.

  399.  */

  400. 

  401. .views-ui-dialog .ui-dialog-titlebar-close {

  402.   -moz-box-shadow: none;

  403.   -webkit-box-shadow: none;

  404.   box-shadow: none;

  405.   border-color: #ccc;

  406.   right: -27px;

  407.   top: -1px;

  408. }

  409. 

  410. .views-ui-dialog fieldset.collapsible {

  411.   padding-top: 1.5em;

  412. }

  413. 

  414. .views-ui-dialog fieldset.collapsed {

  415.   padding-top: 2.5em;

  416. }

  417. 

  418. .filterable-option .form-item.form-type-checkbox {

  419.   /* This selector is aggressive because Seven's reset for .form-items is aggressive. */

  420.   padding-bottom: 4px;

  421.   padding-left: 4px;

  422.   padding-top: 4px;

  423. }

  424. 

  425. /* @end */

  426. 

  427. /* @group CTools */

  428. 

  429. /* @group Buttons */

  430. 

  431. .ctools-button-processed {

  432.   background-image: -moz-linear-gradient(

  433.   -90deg,

  434.   #fff 0px,

  435.   #f9f9f9 100%

  436.   );

  437.   background-image: -webkit-gradient(

  438.   linear,

  439.   left top,

  440.   left bottom,

  441.   color-stop(0.0, rgba(255, 255, 255, 1.0)),

  442.   color-stop(1.0, rgba(249, 249, 249, 1.0))

  443.   );

  444.   background-image: -webkit-linear-gradient(

  445.   -90deg,

  446.   #fff 0px,

  447.   #f9f9f9 100%

  448.   );

  449.   background-image: linear-gradient(

  450.   -90deg,

  451.   #fff 0px,

  452.   #f9f9f9 100%

  453.   );

  454.   -moz-border-radius: 11px 11px 11px 11px;

  455.   -webkit-border-radius: 11px 11px 11px 11px;

  456.   border-radius: 11px 11px 11px 11px;

  457. }

  458. 

  459. .ctools-button-processed:hover {

  460.   background-image: -moz-linear-gradient(

  461.   -90deg,

  462.   #fff 0px,

  463.   #f1f1f1 100%

  464.   );

  465.   background-image: -webkit-gradient(

  466.   linear,

  467.   left top,

  468.   left bottom,

  469.   color-stop(0.0, rgba(255, 255, 255, 1.0)),

  470.   color-stop(1.0, rgba(241, 241, 241, 1.0))

  471.   );

  472.   background-image: -webkit-linear-gradient(

  473.   -90deg,

  474.   #fff 0px,

  475.   #f1f1f1 100%

  476.   );

  477.   background-image: linear-gradient(

  478.   -90deg,

  479.   #fff 0px,

  480.   #f1f1f1 100%

  481.   );

  482. }

  483. 

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

  485.   background-image: -moz-linear-gradient(

  486.   -90deg,

  487.   #fff 0px,

  488.   #f9f9f9 100%

  489.   );

  490.   background-image: -webkit-gradient(

  491.   linear,

  492.   left top,

  493.   left bottom,

  494.   color-stop(0.0, rgba(255, 255, 255, 1.0)),

  495.   color-stop(1.0, rgba(249, 249, 249, 1.0))

  496.   );

  497.   background-image: -webkit-linear-gradient(

  498.   -90deg,

  499.   #fff 0px,

  500.   #f9f9f9 100%

  501.   );

  502.   background-image: linear-gradient(

  503.   -90deg,

  504.   #fff 0px,

  505.   #f9f9f9 100%

  506.   );

  507. }

  508. 

  509. .ctools-dropbutton-processed.open {

  510.   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);

  511.   -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);

  512.   box-shadow: 1px 1px 2px rgba(0,0,0,0.25);

  513. }

  514. 

  515. /* @end */

  516. 

  517. /* @group Collapsible */

  518. 

  519. .ctools-toggle {

  520.   margin-top: 0.6667em;

  521. }

  522. 

  523. .ctools-toggle.ctools-toggle-collapsed {

  524.   margin-top: 0.5em;

  525. }

  526. 

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

  528.   color: #008bcb;

  529. }

  530. 

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

  532.   margin-top: 14px;

  533. }

  534. 

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

  536.   margin-top: 12px;

  537. }

  538. 

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

  540.   color: #008bcb;

  541. }

  542. 

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

  544.   color: #0074bd;

  545. }

  546. 

  547. /* @end */

  548. 

  549. /* @end */