www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/views_ui/views_ui.admin.theme.css

   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/views_ui/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:not(:empty) {
 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 }