www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/views_ui/css/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/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 @media screen and (min-width:45em) { /* 720px */
 487   .view-preview-form .form-type-textfield .description {
 488     white-space: nowrap;
 489   }
 490 }
 491
 492 /* These are the individual "buckets," or boxes, inside the display settings area */
 493 .views-ui-display-tab-bucket {
 494   border-bottom: 1px solid #f3f3f3;
 495   line-height: 20px;
 496   margin: 0;
 497   padding-top: 4px;
 498   position: relative;
 499 }
 500 .views-ui-display-tab-bucket:last-of-type {
 501   border-bottom: none;
 502 }
 503 .views-ui-display-tab-bucket + .views-ui-display-tab-bucket {
 504   border-top: medium none;
 505 }
 506 .views-ui-display-tab-bucket__title,
 507 .views-ui-display-tab-bucket > .views-display-setting {
 508   padding: 2px 6px 4px;
 509 }
 510 .views-ui-display-tab-bucket__title {
 511   font-size: small;
 512   margin: 0;
 513 }
 514 .views-ui-display-tab-bucket.access {
 515   padding-top: 0;
 516 }
 517 .views-ui-display-tab-bucket.page-settings {
 518   border-bottom: medium none;
 519 }
 520 .views-display-setting .views-ajax-link {
 521   margin-left: 0.2083em;
 522   margin-right: 0.2083em;
 523 }
 524
 525 .views-ui-display-tab-setting > span {
 526   margin-left: 0.5em; /* LTR */
 527 }
 528 [dir="rtl"] .views-ui-display-tab-setting > span {
 529   margin-left: 0;
 530   margin-right: 0.5em;
 531 }
 532
 533 /** Applies an overridden(italics) font style to overridden buckets.
 534  * The better way to implement this would be to add the overridden class
 535  * to the bucket header when the bucket is overridden and style it as a
 536  * generic icon classed element. For the moment, we'll style the bucket
 537  * header specifically with the overridden font style.
 538  */
 539 .views-ui-display-tab-setting.overridden,
 540 .views-ui-display-tab-bucket.overridden .views-ui-display-tab-bucket__title {
 541   font-style: italic;
 542 }
 543
 544 /* This is each row within one of the "boxes." */
 545 .views-ui-display-tab-bucket .views-display-setting {
 546   color: #666;
 547   font-size: 12px;
 548   padding-bottom: 2px;
 549 }
 550 .views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) {
 551   background-color: #f3f5ee;
 552 }
 553 .views-ui-display-tab-actions.views-ui-display-tab-bucket .views-display-setting {
 554   background-color: transparent;
 555 }
 556 .views-ui-display-tab-bucket .views-group-text {
 557   margin-top: 6px;
 558   margin-bottom: 6px;
 559 }
 560 .views-display-setting .label {
 561   margin-right: 3px; /* LTR */
 562 }
 563 [dir="rtl"] .views-display-setting .label {
 564   margin-left: 3px;
 565   margin-right: 0;
 566 }
 567 .views-edit-view {
 568   margin-bottom: 15px;
 569 }
 570
 571 /* The contents of the popup dialog on the views edit form. */
 572 .views-filterable-options .form-type-checkbox {
 573   padding: 5px 8px;
 574   border-top: none;
 575 }
 576 .views-filterable-options {
 577   border-top:  1px solid #ccc;
 578 }
 579 .filterable-option .form-item {
 580   margin-bottom: 0;
 581   margin-top: 0;
 582 }
 583 .views-filterable-options .filterable-option .title {
 584   font-weight: bold;
 585   cursor: pointer;
 586 }
 587 .views-filterable-options .form-type-checkbox .description {
 588   margin-top: 0;
 589   margin-bottom: 0;
 590 }
 591 .views-filterable-options-controls .form-item {
 592   width: 30%;
 593   margin: 0 0 0 2%; /* LTR */
 594 }
 595 [dir="rtl"] .views-filterable-options-controls .form-item {
 596   margin: 0 2% 0 0;
 597 }
 598 .views-filterable-options-controls input,
 599 .views-filterable-options-controls select {
 600   width: 100%;
 601 }
 602 .views-ui-dialog .ui-dialog-content {
 603   padding: 0;
 604 }
 605 .views-ui-dialog .views-filterable-options {
 606   margin-bottom: 10px;
 607 }
 608 .views-ui-dialog .views-add-form-selected.container-inline {
 609   padding: 0;
 610 }
 611 .views-ui-dialog .views-add-form-selected.container-inline > div {
 612   display: block;
 613 }
 614 .views-ui-dialog .form-item-selected {
 615   margin: 0;
 616   padding: 6px 16px;
 617 }
 618 .views-ui-dialog .views-override {
 619   background-color: #f3f4ee;
 620   padding: 8px 13px;
 621 }
 622 .views-ui-dialog.views-ui-dialog-scroll .ui-dialog-titlebar {
 623   border: none;
 624 }
 625 .views-ui-dialog .views-offset-top {
 626   border-bottom: 1px solid #CCC;
 627 }
 628 .views-ui-dialog .views-offset-bottom {
 629   border-top: 1px solid #CCC;
 630 }
 631 .views-ui-dialog .views-override > * {
 632   margin: 0;
 633 }
 634 .views-ui-dialog .views-progress-indicator {
 635   color: #fff;
 636   font-size: 11px;
 637   position: absolute;
 638   right: 10px; /* LTR */
 639   top: 32px;
 640 }
 641 [dir="rtl"] .views-ui-dialog .views-progress-indicator {
 642   left: 10px;
 643   right: auto;
 644 }
 645 .views-ui-dialog .views-progress-indicator:before {
 646   content: "\003C\00A0";
 647 }
 648 .views-ui-dialog .views-progress-indicator:after {
 649   content: "\00A0\003E";
 650 }
 651 .views-ui-dialog details .item-list {
 652   padding-left: 2em; /* LTR */
 653 }
 654 [dir="rtl"] .views-ui-dialog details .item-list {
 655   padding-left: 0;
 656   padding-right: 2em;
 657 }
 658 .views-ui-rearrange-filter-form table {
 659   border-collapse: collapse;
 660 }
 661 .views-ui-rearrange-filter-form tr td[rowspan] {
 662   border-color: #cdcdcd;
 663   border-style: solid;
 664   border-width: 0 1px 1px 1px;
 665 }
 666 .views-ui-rearrange-filter-form tr[id^="views-row"] {
 667   border-right: 1px solid #cdcdcd; /* LTR */
 668 }
 669 [dir="rtl"] .views-ui-rearrange-filter-form tr[id^="views-row"] {
 670   border-left: 1px solid #cdcdcd;
 671   border-right: 0;
 672 }
 673 .views-ui-rearrange-filter-form .even td {
 674   background-color: #f3f4ed;
 675 }
 676 .views-ui-rearrange-filter-form .views-group-title {
 677   border-top: 1px solid #cdcdcd;
 678 }
 679 .views-ui-rearrange-filter-form .group-empty {
 680   border-bottom: 1px solid #cdcdcd;
 681 }
 682 .form-item-options-expose-required,
 683 .form-item-options-expose-label,
 684 .form-item-options-expose-description {
 685   margin-bottom: 6px;
 686   margin-left: 18px; /* LTR */
 687   margin-top: 6px;
 688 }
 689 [dir="rtl"] .form-item-options-expose-required,
 690 [dir="rtl"] .form-item-options-expose-label,
 691 [dir="rtl"] .form-item-options-expose-description {
 692   margin-left: 0;
 693   margin-right: 18px;
 694 }
 695 .views-preview-wrapper {
 696   border: 1px solid #ccc;
 697 }
 698 .view-preview-form {
 699   position: relative;
 700 }
 701 .view-preview-form__title {
 702   background-color: #e1e2dc;
 703   border-bottom: 1px solid #ccc;
 704   margin-top: 0;
 705   padding: 8px 12px;
 706 }
 707 .view-preview-form .form-item-live-preview {
 708   position: absolute;
 709   right: 12px;
 710   top: 3px;
 711   margin-top: 2px;
 712   margin-left: 2px; /* LTR */
 713 }
 714 [dir="rtl"] .view-preview-form .form-item-live-preview {
 715   right: auto;
 716   left: 12px;
 717   margin-left: 0;
 718   margin-right: 2px;
 719 }
 720 .views-live-preview {
 721   padding: 12px;
 722 }
 723 .views-live-preview .views-query-info {
 724   overflow: auto;
 725 }
 726 .views-live-preview .section-title {
 727   color: #818181;
 728   display: inline-block;
 729   font-size: 13px;
 730   font-weight: normal;
 731   line-height: 1.6154;
 732   margin-bottom: 0;
 733   margin-top: 0;
 734 }
 735 .views-live-preview .view > * {
 736   margin-top: 18px;
 737 }
 738 .views-live-preview .preview-section {
 739   border: 1px dashed #dedede;
 740   margin: 0 -5px;
 741   padding: 3px 5px;
 742 }
 743 .views-live-preview li.views-row + li.views-row {
 744   margin-top: 18px;
 745 }
 746
 747 /* The div.views-row is intentional and excludes li.views-row, for example */
 748 .views-live-preview div.views-row + div.views-row {
 749   margin-top: 36px;
 750 }
 751 .views-query-info table {
 752   border-collapse: separate;
 753   border-color: #ddd;
 754   border-spacing: 0;
 755   margin: 10px 0;
 756 }
 757 .views-query-info table tr {
 758   background-color: #f9f9f9;
 759 }
 760 .views-query-info table th,
 761 .views-query-info table td {
 762   color: #666;
 763   padding: 4px 10px;
 764 }
 765 .messages {
 766   margin-bottom: 18px;
 767   line-height: 1.4555;
 768 }
 769 .dropbutton-multiple {
 770   position: absolute;
 771 }
 772 .dropbutton-widget {
 773   position: relative;
 774 }
 775 .js .views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
 776   font-size: 10px;
 777 }
 778 .js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
 779   position: absolute;
 780   right: -5px; /* LTR */
 781   top: -1px;
 782   z-index: 2;
 783 }
 784 [dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
 785   left: -5px;
 786   right: auto;
 787 }
 788 .js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
 789   border-radius: 1.1em 0 0 0; /* LTR */
 790 }
 791 [dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
 792   border-radius: 0 1.1em 0 0;
 793 }
 794 .js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
 795   border-radius: 0 0 0 1.1em; /* LTR */
 796 }
 797 [dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
 798   border-radius: 0 0 1.1em 0;
 799 }
 800 .views-display-top .dropbutton-wrapper {
 801   position: absolute;
 802   right: 12px; /* LTR */
 803   top: 7px;
 804 }
 805 [dir="rtl"] .views-display-top .dropbutton-wrapper {
 806   left: 12px;
 807   right: auto;
 808 }
 809 .views-display-top .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
 810   width: auto;
 811 }
 812
 813 .views-ui-display-tab-bucket .dropbutton-wrapper {
 814   position: absolute;
 815   right: 5px; /* LTR */
 816   top: 4px;
 817 }
 818 [dir="rtl"] .views-ui-display-tab-bucket .dropbutton-wrapper {
 819   left: 5px;
 820   right: auto;
 821 }
 822 .views-ui-display-tab-bucket .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
 823   width: auto;
 824 }
 825 .views-ui-display-tab-actions .dropbutton-wrapper li a,
 826 .views-ui-display-tab-actions .dropbutton-wrapper input {
 827   background: none;
 828   border: medium;
 829   font-family: inherit;
 830   font-size: 12px;
 831   padding-left: 12px; /* LTR */
 832   margin-bottom: 0;
 833 }
 834 [dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper li a,
 835 [dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper input {
 836   padding-left: 0.5em;
 837   padding-right: 12px;
 838 }
 839 .views-ui-display-tab-actions .dropbutton-wrapper input:hover {
 840   background: none;
 841   border: none;
 842 }
 843 .views-list-section {
 844   margin-bottom: 2em;
 845 }
 846 .form-textarea-wrapper,
 847 .form-item-options-content {
 848   width: 100%;
 849 }