2 * The .seven.css file is intended to contain styles that override declarations
3 * in the Seven admin theme.
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 {
21 .views-ui-dialog fieldset {
30 * Seven positions the legend absolutely, but does not have a way to ignore
31 * fieldsets without a legend so we make one up.
33 fieldset
.fieldset-no-legend
{
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.
42 #views-ui-add-form fieldset fieldset
.fieldset-wrapper
{
47 .views-display-tab fieldset {
51 .views-display-tab .fieldset-wrapper {
52 padding: 10px 12px 12px;
55 .views-display-tab fieldset.box-padding .fieldset-wrapper {
59 .views-display-tab legend + .fieldset-wrapper {
63 .views-admin
.form-item label
.option
,
64 #views-ui-preview-form .form-item label
.option
{
68 #views-ui-preview-form .form-submit
{
72 .views-admin input
.form-submit
,
73 .views-ui-dialog input
.form-submit
,
74 .views-admin a
.button
,
75 .views-ui-dialog a.button {
77 margin-right: 0; /* LTR */
81 /* Override for a button on the edit display screen */
82 #edit-displays-preview-controls .form-submit
{
83 display: inline-block
;
87 /* Override for filter button on the views list screen */
88 #ctools-export-ui-list-form .form-submit
{
92 #ctools-export-ui-list-form .ctools-export-ui-first-row
.form-item
{
94 margin-right: 5px; /* LTR */
98 .form-item .form-item {
110 .form-item .form-item {
115 .form-radios > .form-item {
119 /* @group Dependent options
121 * Dependent options are identified in CTools dependent.js
124 /* The .dependent-options.form-item is necessary to supercede the Seven .form-item
125 * reset declaration that sets the margin to zero.
128 .dependent-options
.form-item
,
129 .form-item-options-expose-required
,
130 .form-item-options-expose-label
,
131 .form-item-options-expose-description {
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 {
149 .views-admin-dependent
.form-type-radio
,
150 .views-admin-dependent .form-radios .form-item {
161 .views-admin ul
.secondary
,
162 .views-admin .item-list ul {
167 .views-admin ul.secondary {
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;
177 .views-displays ul
.secondary li
.active a
,
178 .views-displays ul.secondary li.active a.active {
179 border: 1px solid transparent
;
182 .views-admin .links li {
183 padding-right: 0; /* LTR */
186 .views-admin .button .links li {
187 padding-right: 12px; /* LTR */
190 .page-admin-structure-views #content ul.action-links {
195 .views-display-top ul.secondary {
196 background-color: transparent
;
200 .views-display-top .secondary .action-list li {
209 .ctools-button-processed ul {
213 /* Override for input elements that are themed like ctools-buttons */
214 .ctools-button-processed input.form-submit:hover {
215 background-image: none
;
220 .ctools-button-processed input.form-submit:active {
238 /* @group Attachment details */
240 #edit-display-settings-title {
246 /* @group Attachment details tabs
248 * The tabs that switch between sections
251 .views-displays .secondary {
252 text-align: left
; /* LTR */
255 .views-displays .secondary > li:first-child {
259 .views-admin .icon.add {
260 background-position: center
3px;
263 .views-displays .secondary a {
264 background-color: #f1f1f1;
265 -moz-border-radius: 7px;
266 -webkit-border-radius: 7px;
271 .views-displays .secondary a:hover > .icon.add {
272 background-position: center
-25px;
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;
281 .views-displays .secondary .open > a:hover {
282 background-color: #f1f1f1;
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;
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;
298 .views-displays .secondary .action-list input.form-submit {
299 -moz-border-radius: 0;
300 -webkit-border-radius: 0;
307 /* @group Attachment buckets
309 * These are the individual "buckets," or boxes, inside the display settings area
312 .views-ui-display-tab-bucket h3 {
314 text-transform: uppercase
;
317 .views-ui-display-tab-bucket .links {
318 padding: 2px 6px 4px;
321 .views-ui-display-tab-bucket .links li + li {
327 /* @group Rearrange filter criteria */
329 #views-ui-rearrange-filter-form .action-links
{
334 #views-ui-rearrange-filter-form table
{
338 #views-ui-rearrange-filter-form [id^
="views-row"] {
342 #views-ui-rearrange-filter-form tr
td:last-child
{
343 border-right: medium none
;
346 #views-ui-rearrange-filter-form .filter-group-operator-row
{
347 border-left: 1px solid transparent
!important
;
348 border-right: 1px solid transparent
!important
;
351 #views-ui-rearrange-filter-form tr
.drag td
{
352 background-color: #FFEE77 !important
;
355 #views-ui-rearrange-filter-form tr
.drag-previous td
{
356 background-color: #FFFFBB !important
;
361 /* @group Live preview elements */
363 .views-query-info pre {
368 /* @group Query info table */
370 .views-query-info table {
371 -moz-border-radius: 7px;
372 -webkit-border-radius: 7px;
374 -webkit-border-horizontal-spacing: 1px;
375 -webkit-border-vertical-spacing: 1px;
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
;
387 /* @group Add view */
389 .form-item-page-create
,
390 .form-item-block-create {
396 /* @group Modal dialog box
398 * The contents of the popup dialog on the views edit form.
401 .views-ui-dialog .ui-dialog-titlebar-close {
402 -moz-box-shadow: none
;
403 -webkit-box-shadow: none
;
405 border-color: #cccccc;
410 .views-ui-dialog fieldset.collapsible {
414 .views-ui-dialog fieldset.collapsed {
418 .filterable-option .form-item.form-type-checkbox {
419 /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
431 .ctools-button-processed {
433 -moz-linear-gradient
(
442 color-stop
(0.0, rgba
(255, 255, 255, 1.0)),
443 color-stop
(1.0, rgba
(249, 249, 249, 1.0))
446 -webkit-linear-gradient
(
455 -moz-border-radius: 11px 11px 11px 11px;
456 -webkit-border-radius: 11px 11px 11px 11px;
457 border-radius: 11px 11px 11px 11px;
460 .ctools-button-processed:hover {
462 -moz-linear-gradient
(
471 color-stop
(0.0, rgba
(255, 255, 255, 1.0)),
472 color-stop
(1.0, rgba
(241, 241, 241, 1.0))
475 -webkit-linear-gradient
(
486 .ctools-dropbutton-processed.open:hover {
488 -moz-linear-gradient
(
497 color-stop
(0.0, rgba
(255, 255, 255, 1.0)),
498 color-stop
(1.0, rgba
(249, 249, 249, 1.0))
501 -webkit-linear-gradient
(
512 .ctools-dropbutton-processed.open {
513 -moz-box-shadow: 1px 1px 2px rgba
(0,0,0,0.25);
514 -webkit-box-shadow: 1px 1px 2px rgba
(0,0,0,0.25);
515 box-shadow: 1px 1px 2px rgba
(0,0,0,0.25);
520 /* @group Collapsible */
523 margin-top: 0.6667em;
526 .ctools-toggle.ctools-toggle-collapsed {
530 .views-display-settings .ctools-toggle {
534 .views-display-column > .ctools-toggle {
538 .views-display-column > .ctools-toggle.ctools-toggle-collapsed {
542 .views-display-column > .ctools-collapsible-handle {
546 .views-ui-display-tab-actions .ctools-button-processed input {