Mercurial > hg > cmmr2012-drupal-site

comparison core/modules/views_ui/css/views_ui.admin.theme.css @ 0:c75dbcec494b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Initial commit from drush-created site
author Chris Cannam
date Thu, 05 Jul 2018 14:24:15 +0000
parents
children 12f9dff5fda9
comparison
equal deleted inserted replaced
-1:000000000000 0:c75dbcec494b
1 /**
2 * @file
3 * The .admin.theme.css file is intended to contain presentation declarations
4 * including images, borders, colors, and fonts.
5 */
6
7 .views-admin .links {
8 list-style: none outside none;
9 margin: 0;
10 }
11 .views-admin a:hover {
12 text-decoration: none;
13 }
14 .box-padding {
15 padding-left: 12px;
16 padding-right: 12px;
17 }
18 .box-margin {
19 margin: 12px 12px 0 12px;
20 }
21 .views-admin .icon {
22 height: 16px;
23 width: 16px;
24 }
25 .views-admin .icon,
26 .views-admin .icon-text {
27 background-attachment: scroll;
28 background-image: url(../images/sprites.png);
29 background-position: left top; /* LTR */
30 background-repeat: no-repeat;
31 }
32 [dir="rtl"] .views-admin .icon,
33 [dir="rtl"] .views-admin .icon-text {
34 background-position: right top;
35 }
36 .views-admin a.icon {
37 background: linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat, repeat-y;
38 border: 1px solid #ddd;
39 border-radius: 4px;
40 box-shadow: 0 0 0 rgba(0, 0, 0, 0.3333) inset;
41 }
42 .views-admin a.icon:hover {
43 border-color: #d0d0d0;
44 box-shadow: 0 0 1px rgba(0, 0, 0, 0.3333) inset;
45 }
46 .views-admin a.icon:active {
47 border-color: #c0c0c0;
48 }
49 .views-admin span.icon {
50 float: left; /* LTR */
51 position: relative;
52 }
53 [dir="rtl"] .views-admin span.icon {
54 float: right;
55 }
56 .views-admin .icon.compact {
57 display: block;
58 overflow: hidden;
59 direction: ltr;
60 text-indent: -9999px;
61 }
62
63 /* Targets any element with an icon -> text combo */
64 .views-admin .icon-text {
65 padding-left: 19px; /* LTR */
66 }
67 [dir="rtl"] .views-admin .icon-text {
68 padding-left: 0;
69 padding-right: 19px;
70 }
71 .views-admin .icon.linked {
72 background-position: center -153px;
73 }
74 .views-admin .icon.unlinked {
75 background-position: center -195px;
76 }
77 .views-admin .icon.add {
78 background-position: center 3px;
79 }
80 .views-admin a.icon.add {
81 background-position: center 3px, left top; /* LTR */
82 }
83 [dir="rtl"] .views-admin a.icon.add {
84 background-position: center 3px, right top;
85 }
86 .views-admin .icon.delete {
87 background-position: center -52px;
88 }
89 .views-admin a.icon.delete {
90 background-position: center -52px, left top; /* LTR */
91 }
92 [dir="rtl"] .views-admin a.icon.delete {
93 background-position: center -52px, right top;
94 }
95 .views-admin .icon.rearrange {
96 background-position: center -111px;
97 }
98 .views-admin a.icon.rearrange {
99 background-position: center -111px, left top; /* LTR */
100 }
101 [dir="rtl"] .views-admin a.icon.rearrange {
102 background-position: center -111px, right top;
103 }
104 .views-displays .tabs a:hover > .icon.add {
105 background-position: center -25px;
106 }
107 .views-displays .tabs .open a:hover > .icon.add {
108 background-position: center 3px;
109 }
110 details.box-padding {
111 border: none;
112 }
113 .views-admin details details {
114 margin-bottom: 0;
115 }
116 .form-item {
117 margin-top: 9px;
118 padding-bottom: 0;
119 padding-top: 0;
120 }
121 .form-type-checkbox {
122 margin-top: 6px;
123 }
124 .form-checkbox,
125 .form-radio {
126 vertical-align: baseline;
127 }
128
129 .container-inline {
130 padding-top: 15px;
131 padding-bottom: 15px;
132 }
133 .container-inline > * + *,
134 .container-inline .details-wrapper > * + * {
135 padding-left: 4px; /* LTR */
136 }
137 [dir="rtl"] .container-inline > * + *,
138 [dir="rtl"] .container-inline .details-wrapper > * + * {
139 padding-left: 0;
140 padding-right: 4px;
141 }
142 .views-admin details details.container-inline {
143 margin-bottom: 1em;
144 margin-top: 1em;
145 padding-top: 0;
146 }
147 .views-admin details details.container-inline > .details-wrapper {
148 padding-bottom: 0;
149 }
150 /* Indent form elements so they're directly underneath the label of the checkbox that reveals them */
151 .views-admin .form-type-checkbox + .form-wrapper {
152 margin-left: 16px; /* LTR */
153 }
154 [dir="rtl"] .views-admin .form-type-checkbox + .form-wrapper {
155 margin-left: 0;
156 margin-right: 16px;
157 }
158
159 /* Hide 'remove' checkboxes. */
160 .views-remove-checkbox {
161 display: none;
162 }
163
164 /* sizes the labels of checkboxes and radio button to the height of the text */
165 .views-admin .form-type-checkbox label,
166 .views-admin .form-type-radio label {
167 line-height: 2;
168 }
169 .views-admin-dependent .form-item {
170 margin-bottom: 6px;
171 margin-top: 6px;
172 }
173 .views-ui-view-name h3 {
174 font-weight: bold;
175 margin: 0.25em 0;
176 }
177 .view-changed {
178 margin-bottom: 21px;
179 }
180 .views-admin .unit-title {
181 font-size: 15px;
182 line-height: 1.6154;
183 margin-bottom: 0;
184 margin-top: 18px;
185 }
186 .views-ui-view-displays ul {
187 margin-left: 0; /* LTR */
188 padding-left: 0; /* LTR */
189 list-style: none;
190 }
191 [dir="rtl"] .views-ui-view-displays ul {
192 margin-right: 0;
193 padding-right: 0;
194 margin-left: inherit;
195 padding-left: inherit;
196 }
197
198 /* These header classes are ambiguous and should be scoped to th elements */
199 .views-ui-name {
200 width: 20%;
201 }
202 .views-ui-description {
203 width: 30%;
204 }
205 .views-ui-machine-name {
206 width: 15%;
207 }
208 .views-ui-displays {
209 width: 25%;
210 }
211 .views-ui-operations {
212 width: 10%;
213 }
214
215 /**
216 * I wish this didn't have to be so specific
217 */
218 .form-item-description-enable + .form-item-description {
219 margin-top: 0;
220 }
221 .form-item-description-enable label {
222 font-weight: bold;
223 }
224 .form-item-page-create,
225 .form-item-block-create {
226 margin-top: 13px;
227 }
228 .form-item-page-create label,
229 .form-item-block-create label,
230 .form-item-rest-export-create label {
231 font-weight: bold;
232 }
233
234 /* This makes the form elements after the "Display Format" label flow underneath the label */
235 .form-item-page-style-style-plugin > label,
236 .form-item-block-style-style-plugin > label {
237 display: block;
238 }
239 .views-attachment .options-set label {
240 font-weight: normal;
241 }
242
243 /* Styling for the form that allows views filters to be rearranged. */
244 .group-populated {
245 display: none;
246 }
247 td.group-title {
248 font-weight: bold;
249 }
250 .views-ui-dialog td.group-title {
251 margin: 0;
252 padding: 0;
253 }
254 .views-ui-dialog td.group-title span {
255 display: block;
256 height: 1px;
257 overflow: hidden;
258 }
259 .group-message .form-submit,
260 .views-remove-group-link,
261 .views-add-group {
262 float: right; /* LTR */
263 clear: both;
264 }
265 [dir="rtl"] .group-message .form-submit,
266 [dir="rtl"] .views-remove-group-link,
267 [dir="rtl"] .views-add-group {
268 float: left;
269 }
270 .views-operator-label {
271 font-style: italic;
272 font-weight: bold;
273 padding-left: 0.5em; /* LTR */
274 text-transform: uppercase;
275 }
276 [dir="rtl"] .views-operator-label {
277 padding-left: 0;
278 padding-right: 0.5em;
279 }
280 .grouped-description,
281 .exposed-description {
282 float: left; /* LTR */
283 padding-top: 3px;
284 padding-right: 10px; /* LTR */
285 }
286 [dir="rtl"] .grouped-description,
287 [dir="rtl"] .exposed-description {
288 float: right;
289 padding-left: 10px;
290 padding-right: 0;
291 }
292 .views-displays {
293 border: 1px solid #ccc;
294 padding-bottom: 36px;
295 }
296 .views-display-top {
297 background-color: #e1e2dc;
298 border-bottom: 1px solid #ccc;
299 padding: 8px 8px 3px;
300 position: relative;
301 }
302 .views-display-top .tabs {
303 margin-right: 18em; /* LTR */
304 }
305 [dir="rtl"] .views-display-top .tabs {
306 margin-left: 18em;
307 margin-right: 0;
308 }
309 .views-display-top .tabs > li {
310 margin-right: 6px; /* LTR */
311 padding-left: 0; /* LTR */
312 }
313 [dir="rtl"] .views-display-top .tabs > li {
314 margin-left: 6px;
315 margin-right: 0.3em;
316 padding-right: 0;
317 }
318 .views-display-top .tabs > li:last-child {
319 margin-right: 0; /* LTR */
320 }
321 [dir="rtl"] .views-display-top .tabs > li:last-child {
322 margin-left: 0;
323 margin-right: 0.3em;
324 }
325 .form-edit .form-actions {
326 background-color: #e1e2dc;
327 border-right: 1px solid #ccc;
328 border-bottom: 1px solid #ccc;
329 border-left: 1px solid #ccc;
330 margin-top: 0;
331 padding: 8px 12px;
332 }
333 .views-displays .tabs.secondary {
334 margin-right: 200px; /* LTR */
335 border: 0;
336 }
337 [dir="rtl"] .views-displays .tabs.secondary {
338 margin-left: 200px;
339 margin-right: 0;
340 }
341 .views-displays .tabs.secondary li,
342 .views-displays .tabs.secondary li.is-active {
343 background: transparent;
344 border: 0;
345 padding: 0;
346 width: auto;
347 }
348 .views-displays .tabs li.add ul.action-list li {
349 margin: 0;
350 }
351 .views-displays .tabs.secondary li {
352 margin: 0 5px 5px 6px; /* LTR */
353 }
354 [dir="rtl"] .views-displays .tabs.secondary li {
355 margin-left: 5px;
356 margin-right: 6px;
357 }
358 .views-displays .tabs.secondary .tabs__tab + .tabs__tab {
359 border-top: 0;
360 }
361 .views-displays .tabs li.tabs__tab:hover {
362 border: 0;
363 padding-left: 0; /* LTR */
364 }
365 [dir="rtl"] .views-displays .tabs li.tabs__tab:hover {
366 padding-right: 0;
367 }
368 .views-displays .tabs.secondary a {
369 border: 1px solid #cbcbcb;
370 border-radius: 7px;
371 display: inline-block;
372 font-size: small;
373 line-height: 1.3333;
374 padding: 3px 7px;
375 }
376
377 /* Display a red border if the display doesn't validate. */
378 .views-displays .tabs li.is-active a.is-active.error,
379 .views-displays .tabs .error {
380 border: 2px solid #ed541d;
381 padding: 1px 6px;
382 }
383 .views-displays .tabs a:focus {
384 outline: none;
385 text-decoration: underline;
386 }
387 .views-displays .tabs.secondary li a {
388 background-color: #fff;
389 }
390 .views-displays .tabs li a:hover,
391 .views-displays .tabs li.is-active a,
392 .views-displays .tabs li.is-active a.is-active {
393 background-color: #555;
394 color: #fff;
395 }
396 .views-displays .tabs .open > a {
397 background-color: #f1f1f1;
398 border-bottom: 1px solid transparent;
399 position: relative;
400 }
401 .views-displays .tabs .open > a:hover {
402 color: #0074bd;
403 background-color: #f1f1f1;
404 }
405 .views-displays .tabs .action-list li {
406 background-color: #f1f1f1;
407 border-color: #cbcbcb;
408 border-style: solid;
409 border-width: 0 1px;
410 padding: 2px 9px;
411 }
412 .views-displays .tabs .action-list li:first-child {
413 border-width: 1px 1px 0;
414 }
415 .views-displays .action-list li:last-child {
416 border-width: 0 1px 1px;
417 }
418 .views-displays .tabs .action-list li:last-child {
419 border-width: 0 1px 1px;
420 }
421 .views-displays .tabs .action-list input.form-submit {
422 background: none repeat scroll 0 0 transparent;
423 border: medium none;
424 margin: 0;
425 padding: 0;
426 }
427 .views-displays .tabs .action-list input.form-submit:hover {
428 box-shadow: none;
429 }
430 .views-displays .tabs .action-list li:hover {
431 background-color: #ddd;
432 }
433 .edit-display-settings {
434 margin: 12px 12px 0 12px;
435 }
436 .edit-display-settings-top.views-ui-display-tab-bucket {
437 border: 1px solid #f3f3f3;
438 line-height: 20px;
439 margin: 0 0 15px 0;
440 padding-top: 4px;
441 padding-bottom: 4px;
442 position: relative;
443 }
444 .views-display-column {
445 border: 1px solid #f3f3f3;
446 }
447 .views-display-column + .views-display-column {
448 margin-top: 0;
449 }
450 .view-preview-form .form-item-view-args,
451 .view-preview-form .form-actions {
452 margin-top: 5px;
453 }
454 .view-preview-form .arguments-preview {
455 font-size: 1em;
456 }
457 .view-preview-form .arguments-preview,
458 .view-preview-form .form-item-view-args {
459 margin-left: 10px; /* LTR */
460 }
461 [dir="rtl"] .view-preview-form .arguments-preview,
462 [dir="rtl"] .view-preview-form .form-item-view-args {
463 margin-left: 0;
464 margin-right: 10px;
465 }
466 .view-preview-form .form-item-view-args label {
467 float: left; /* LTR */
468 font-weight: normal;
469 height: 6ex;
470 margin-right: 0.75em; /* LTR */
471 }
472 [dir="rtl"] .view-preview-form .form-item-view-args label {
473 float: right;
474 margin-left: 0.75em;
475 margin-right: 0.2em;
476 }
477 .form-item-live-preview,
478 .form-item-view-args,
479 .preview-submit-wrapper {
480 display: inline-block;
481 }
482 .form-item-live-preview,
483 .view-preview-form .form-actions {
484 vertical-align: top;
485 }
486
487 @media screen and (min-width: 45em) { /* 720px */
488 .view-preview-form .form-type-textfield .description {
489 white-space: nowrap;
490 }
491 }
492
493 /* These are the individual "buckets," or boxes, inside the display settings area */
494 .views-ui-display-tab-bucket {
495 border-bottom: 1px solid #f3f3f3;
496 line-height: 20px;
497 margin: 0;
498 padding-top: 4px;
499 position: relative;
500 }
501 .views-ui-display-tab-bucket:last-of-type {
502 border-bottom: none;
503 }
504 .views-ui-display-tab-bucket + .views-ui-display-tab-bucket {
505 border-top: medium none;
506 }
507 .views-ui-display-tab-bucket__title,
508 .views-ui-display-tab-bucket > .views-display-setting {
509 padding: 2px 6px 4px;
510 }
511 .views-ui-display-tab-bucket__title {
512 font-size: small;
513 margin: 0;
514 }
515 .views-ui-display-tab-bucket.access {
516 padding-top: 0;
517 }
518 .views-ui-display-tab-bucket.page-settings {
519 border-bottom: medium none;
520 }
521 .views-display-setting .views-ajax-link {
522 margin-left: 0.2083em;
523 margin-right: 0.2083em;
524 }
525
526 .views-ui-display-tab-setting > span {
527 margin-left: 0.5em; /* LTR */
528 }
529 [dir="rtl"] .views-ui-display-tab-setting > span {
530 margin-left: 0;
531 margin-right: 0.5em;
532 }
533
534 /** Applies an overridden(italics) font style to overridden buckets.
535 * The better way to implement this would be to add the overridden class
536 * to the bucket header when the bucket is overridden and style it as a
537 * generic icon classed element. For the moment, we'll style the bucket
538 * header specifically with the overridden font style.
539 */
540 .views-ui-display-tab-setting.overridden,
541 .views-ui-display-tab-bucket.overridden .views-ui-display-tab-bucket__title {
542 font-style: italic;
543 }
544
545 /* This is each row within one of the "boxes." */
546 .views-ui-display-tab-bucket .views-display-setting {
547 color: #666;
548 font-size: 12px;
549 padding-bottom: 2px;
550 }
551 .views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) {
552 background-color: #f3f5ee;
553 }
554 .views-ui-display-tab-actions.views-ui-display-tab-bucket .views-display-setting {
555 background-color: transparent;
556 }
557 .views-ui-display-tab-bucket .views-group-text {
558 margin-top: 6px;
559 margin-bottom: 6px;
560 }
561 .views-display-setting .label {
562 margin-right: 3px; /* LTR */
563 }
564 [dir="rtl"] .views-display-setting .label {
565 margin-left: 3px;
566 margin-right: 0;
567 }
568 .views-edit-view {
569 margin-bottom: 15px;
570 }
571
572 /* The contents of the popup dialog on the views edit form. */
573 .views-filterable-options .form-type-checkbox {
574 padding: 5px 8px;
575 border-top: none;
576 }
577 .views-filterable-options {
578 border-top: 1px solid #ccc;
579 }
580 .filterable-option .form-item {
581 margin-bottom: 0;
582 margin-top: 0;
583 }
584 .views-filterable-options .filterable-option .title {
585 font-weight: bold;
586 cursor: pointer;
587 }
588 .views-filterable-options .form-type-checkbox .description {
589 margin-top: 0;
590 margin-bottom: 0;
591 }
592 .views-filterable-options-controls .form-item {
593 width: 30%;
594 margin: 0 0 0 2%; /* LTR */
595 }
596 [dir="rtl"] .views-filterable-options-controls .form-item {
597 margin: 0 2% 0 0;
598 }
599 .views-filterable-options-controls input,
600 .views-filterable-options-controls select {
601 width: 100%;
602 }
603 .views-ui-dialog .ui-dialog-content {
604 padding: 0;
605 }
606 .views-ui-dialog .views-filterable-options {
607 margin-bottom: 10px;
608 }
609 .views-ui-dialog .views-add-form-selected.container-inline {
610 padding: 0;
611 }
612 .views-ui-dialog .views-add-form-selected.container-inline > div {
613 display: block;
614 }
615 .views-ui-dialog .form-item-selected {
616 margin: 0;
617 padding: 6px 16px;
618 }
619 .views-ui-dialog .views-override {
620 background-color: #f3f4ee;
621 padding: 8px 13px;
622 }
623 .views-ui-dialog.views-ui-dialog-scroll .ui-dialog-titlebar {
624 border: none;
625 }
626 .views-ui-dialog .views-offset-top {
627 border-bottom: 1px solid #ccc;
628 }
629 .views-ui-dialog .views-offset-bottom {
630 border-top: 1px solid #ccc;
631 }
632 .views-ui-dialog .views-override > * {
633 margin: 0;
634 }
635 .views-ui-dialog .views-progress-indicator {
636 color: #fff;
637 font-size: 11px;
638 position: absolute;
639 right: 10px; /* LTR */
640 top: 32px;
641 }
642 [dir="rtl"] .views-ui-dialog .views-progress-indicator {
643 left: 10px;
644 right: auto;
645 }
646 .views-ui-dialog .views-progress-indicator:before {
647 content: "\003C\00A0";
648 }
649 .views-ui-dialog .views-progress-indicator:after {
650 content: "\00A0\003E";
651 }
652 .views-ui-dialog details .item-list {
653 padding-left: 2em; /* LTR */
654 }
655 [dir="rtl"] .views-ui-dialog details .item-list {
656 padding-left: 0;
657 padding-right: 2em;
658 }
659 .views-ui-rearrange-filter-form table {
660 border-collapse: collapse;
661 }
662 .views-ui-rearrange-filter-form tr td[rowspan] {
663 border-color: #cdcdcd;
664 border-style: solid;
665 border-width: 0 1px 1px 1px;
666 }
667 .views-ui-rearrange-filter-form tr[id^="views-row"] {
668 border-right: 1px solid #cdcdcd; /* LTR */
669 }
670 [dir="rtl"] .views-ui-rearrange-filter-form tr[id^="views-row"] {
671 border-left: 1px solid #cdcdcd;
672 border-right: 0;
673 }
674 .views-ui-rearrange-filter-form .even td {
675 background-color: #f3f4ed;
676 }
677 .views-ui-rearrange-filter-form .views-group-title {
678 border-top: 1px solid #cdcdcd;
679 }
680 .views-ui-rearrange-filter-form .group-empty {
681 border-bottom: 1px solid #cdcdcd;
682 }
683 .form-item-options-expose-required,
684 .form-item-options-expose-label,
685 .form-item-options-expose-description {
686 margin-bottom: 6px;
687 margin-left: 18px; /* LTR */
688 margin-top: 6px;
689 }
690 [dir="rtl"] .form-item-options-expose-required,
691 [dir="rtl"] .form-item-options-expose-label,
692 [dir="rtl"] .form-item-options-expose-description {
693 margin-left: 0;
694 margin-right: 18px;
695 }
696 .views-preview-wrapper {
697 border: 1px solid #ccc;
698 }
699 .view-preview-form {
700 position: relative;
701 }
702 .view-preview-form__title {
703 background-color: #e1e2dc;
704 border-bottom: 1px solid #ccc;
705 margin-top: 0;
706 padding: 8px 12px;
707 }
708 .view-preview-form .form-item-live-preview {
709 position: absolute;
710 right: 12px;
711 top: 3px;
712 margin-top: 2px;
713 margin-left: 2px; /* LTR */
714 }
715 [dir="rtl"] .view-preview-form .form-item-live-preview {
716 right: auto;
717 left: 12px;
718 margin-left: 0;
719 margin-right: 2px;
720 }
721 .views-live-preview {
722 padding: 12px;
723 }
724 .views-live-preview .views-query-info {
725 overflow: auto;
726 }
727 .views-live-preview .section-title {
728 color: #818181;
729 display: inline-block;
730 font-size: 13px;
731 font-weight: normal;
732 line-height: 1.6154;
733 margin-bottom: 0;
734 margin-top: 0;
735 }
736 .views-live-preview .view > * {
737 margin-top: 18px;
738 }
739 .views-live-preview .preview-section {
740 border: 1px dashed #dedede;
741 margin: 0 -5px;
742 padding: 3px 5px;
743 }
744 .views-live-preview li.views-row + li.views-row {
745 margin-top: 18px;
746 }
747
748 /* The div.views-row is intentional and excludes li.views-row, for example */
749 .views-live-preview div.views-row + div.views-row {
750 margin-top: 36px;
751 }
752 .views-query-info table {
753 border-collapse: separate;
754 border-color: #ddd;
755 border-spacing: 0;
756 margin: 10px 0;
757 }
758 .views-query-info table tr {
759 background-color: #f9f9f9;
760 }
761 .views-query-info table th,
762 .views-query-info table td {
763 color: #666;
764 padding: 4px 10px;
765 }
766 .messages {
767 margin-bottom: 18px;
768 line-height: 1.4555;
769 }
770 .dropbutton-multiple {
771 position: absolute;
772 }
773 .dropbutton-widget {
774 position: relative;
775 }
776 .js .views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
777 font-size: 10px;
778 }
779 .js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
780 position: absolute;
781 right: -5px; /* LTR */
782 top: -1px;
783 z-index: 2;
784 }
785 [dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
786 left: -5px;
787 right: auto;
788 }
789 .js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
790 border-radius: 1.1em 0 0 0; /* LTR */
791 }
792 [dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
793 border-radius: 0 1.1em 0 0;
794 }
795 .js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
796 border-radius: 0 0 0 1.1em; /* LTR */
797 }
798 [dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
799 border-radius: 0 0 1.1em 0;
800 }
801 .views-display-top .dropbutton-wrapper {
802 position: absolute;
803 right: 12px; /* LTR */
804 top: 7px;
805 }
806 [dir="rtl"] .views-display-top .dropbutton-wrapper {
807 left: 12px;
808 right: auto;
809 }
810 .views-display-top .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
811 width: auto;
812 }
813
814 .views-ui-display-tab-bucket .dropbutton-wrapper {
815 position: absolute;
816 right: 5px; /* LTR */
817 top: 4px;
818 }
819 [dir="rtl"] .views-ui-display-tab-bucket .dropbutton-wrapper {
820 left: 5px;
821 right: auto;
822 }
823 .views-ui-display-tab-bucket .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
824 width: auto;
825 }
826 .views-ui-display-tab-actions .dropbutton-wrapper li a,
827 .views-ui-display-tab-actions .dropbutton-wrapper input {
828 background: none;
829 border: medium;
830 font-family: inherit;
831 font-size: 12px;
832 padding-left: 12px; /* LTR */
833 margin-bottom: 0;
834 }
835 [dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper li a,
836 [dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper input {
837 padding-left: 0.5em;
838 padding-right: 12px;
839 }
840 .views-ui-display-tab-actions .dropbutton-wrapper input:hover {
841 background: none;
842 border: none;
843 }
844 .views-list-section {
845 margin-bottom: 2em;
846 }
847 .form-textarea-wrapper,
848 .form-item-options-content {
849 width: 100%;
850 }