crm.fsf.org/20131203/files/sites/all/modules-new/views/css/views-admin.theme.css

   1 /**
   2  * The .theme.css file is intended to contain presentation declarations including
   3  * images, borders, colors, and fonts.
   4  */
   5
   6 /* @group Reset */
   7
   8 .views-admin .links {
   9   list-style: none outside none;
  10   margin: 0;
  11 }
  12
  13 .views-admin a:hover {
  14   text-decoration: none;
  15 }
  16
  17 /* @end */
  18
  19 /* @group Layout */
  20
  21 .box-padding {
  22   padding-left: 12px;
  23   padding-right: 12px;
  24 }
  25
  26 .box-margin {
  27   margin: 12px 12px 0 12px;
  28 }
  29
  30 /* @end */
  31
  32 /* @group Icons */
  33
  34 .views-admin .icon {
  35   height: 16px;
  36   width: 16px;
  37 }
  38
  39 .views-admin .icon,
  40 .views-admin .icon-text {
  41   background-attachment: scroll;
  42   background-image: url("../images/sprites.png");
  43   background-position: left top; /* LTR */
  44   background-repeat: no-repeat;
  45 }
  46
  47 .views-admin a.icon {
  48   background-image:
  49     url("../images/sprites.png"),
  50     -moz-linear-gradient(
  51       -90deg,
  52       #ffffff 0px,
  53       #e8e8e8 100%);
  54   background-image:
  55     url("../images/sprites.png"),
  56     -webkit-gradient(
  57       linear,
  58       left top,
  59       left bottom,
  60       color-stop(0.0, rgba(255, 255, 255, 1.0)),
  61       color-stop(1.0, rgba(232, 232, 232, 1.0))
  62     );
  63   background-image:
  64     url("../images/sprites.png"),
  65     -webkit-linear-gradient(
  66       -90deg,
  67       #ffffff 0px,
  68       #e8e8e8 100%);
  69   background-repeat: no-repeat, repeat-y;
  70   border: 1px solid #dddddd;
  71   -moz-border-radius: 4px;
  72   -webkit-border-radius: 4px;
  73   border-radius: 4px;
  74   -moz-box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
  75   -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
  76   box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
  77 }
  78
  79 .views-admin a.icon:hover {
  80   border-color: #d0d0d0;
  81   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
  82   -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
  83   box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
  84 }
  85
  86 .views-admin a.icon:active {
  87   border-color: #c0c0c0;
  88 }
  89
  90 /**
  91  * Targets a <span> element inside an <a> element.
  92  * This assumes no visible text from the span.
  93  */
  94 .views-admin span.icon {
  95   display: inline-block;
  96   float: left;
  97   position: relative;
  98 }
  99
 100 .views-admin .icon.compact {
 101   display: block;
 102   overflow: hidden;
 103   text-indent: -9999px;
 104 }
 105
 106 /* Targets any element with an icon -> text combo */
 107 .views-admin .icon-text {
 108   padding-left: 19px; /* LTR */
 109 }
 110
 111 .views-admin .icon.linked {
 112   background-position: center -153px;
 113 }
 114
 115 .views-admin .icon.unlinked {
 116   background-position: center -195px;
 117 }
 118
 119 .views-admin .icon.add {
 120   background-position: center 3px;
 121 }
 122
 123 .views-admin a.icon.add {
 124   background-position: center 3px, left top;
 125 }
 126
 127 .views-admin .icon.delete {
 128   background-position: center -52px;
 129 }
 130
 131 .views-admin a.icon.delete {
 132   background-position: center -52px, left top;
 133 }
 134
 135 .views-admin .icon.rearrange {
 136   background-position: center -111px;
 137 }
 138
 139 .views-admin a.icon.rearrange {
 140   background-position: center -111px, left top;
 141 }
 142
 143 .views-displays .secondary a:hover > .icon.add {
 144   background-position: center -25px;
 145 }
 146
 147 .views-displays .secondary .open a:hover > .icon.add {
 148   background-position: center 3px;
 149 }
 150
 151 /* @end */
 152
 153 /* @group Forms */
 154
 155 fieldset.box-padding {
 156   border: none;
 157 }
 158
 159 .views-admin fieldset fieldset {
 160   margin-bottom: 0;
 161 }
 162
 163 .form-item {
 164   margin-top: 9px;
 165   padding-bottom: 0;
 166   padding-top: 0;
 167 }
 168
 169 .form-type-checkbox {
 170   margin-top: 6px;
 171 }
 172
 173 input.form-checkbox,
 174 input.form-radio {
 175   vertical-align: baseline;
 176 }
 177
 178 .form-submit:not(.js-hide) + .form-submit,
 179 .views-admin a.button:not(.js-hide) + a.button {
 180   margin-left: 1em; /* LTR */
 181 }
 182
 183 .container-inline {
 184   padding-top: 15px;
 185 }
 186
 187 .container-inline > * + *,
 188 .container-inline .fieldset-wrapper > * + * {
 189   padding-left: 4pt; /* LTR */
 190 }
 191
 192 .views-admin fieldset fieldset.container-inline {
 193   margin-bottom: 1em;
 194   margin-top: 1em;
 195   padding-top: 0;
 196 }
 197
 198 .views-admin fieldset fieldset.container-inline > .fieldset-wrapper {
 199   padding-bottom: 0;
 200 }
 201
 202 /* Indent form elements so they're directly underneath the label of the checkbox that reveals them */
 203 .views-admin .form-type-checkbox + .form-wrapper {
 204   margin-left: 16px; /* LTR */
 205 }
 206
 207 /* Hide 'remove' checkboxes. */
 208 .views-remove-checkbox {
 209     display: none;
 210 }
 211
 212 /* sizes the labels of checkboxes and radio button to the height of the text */
 213 .views-admin .form-type-checkbox label,
 214 .views-admin .form-type-radio label {
 215   line-height: 2;
 216 }
 217
 218 /* @group Dependent options */
 219
 220 .views-admin-dependent .form-item {
 221   margin-bottom: 6px;
 222   margin-top: 6px;
 223 }
 224
 225 /* @end */
 226
 227 /* @end */
 228
 229 /* @group Lists */
 230
 231 .horizontal > * + * {
 232   margin-left: 9px; /* LTR */
 233   padding-left: 9px; /* LTR */
 234 }
 235
 236 .views-ui-view-title {
 237   font-weight: bold;
 238 }
 239
 240 /* @end */
 241
 242 /* @group Messages */
 243
 244 .view-changed {
 245   margin-bottom: 21px;
 246 }
 247
 248 /* @end */
 249
 250 /* @group Headings */
 251
 252 /* Intentionally targeting h1 */
 253 .views-admin h1.unit-title {
 254   font-size: 15px;
 255   line-height: 1.6154;
 256   margin-bottom: 0;
 257   margin-top: 18px;
 258 }
 259
 260 /* @end */
 261
 262 /* @group Tables */
 263
 264 table td,
 265 table th {
 266   vertical-align: top;
 267 }
 268
 269 /* @end */
 270
 271 /* @group List views */
 272
 273 /* These header classes are ambiguous and should be scoped to th elements */
 274
 275 th.views-ui-name {
 276   width: 18%;
 277 }
 278
 279 th.views-ui-description {
 280   width: 26%;
 281 }
 282
 283 th.views-ui-tag {
 284   width: 8%;
 285 }
 286
 287 th.views-ui-path {
 288   width: auto;
 289 }
 290
 291 th.views-ui-operations {
 292   width: 24%;
 293 }
 294
 295 /* @end */
 296
 297 /* @group Add view */
 298
 299 /**
 300  * Drupal core forces AJAX triggering elements to float left when they are
 301  * disabled due to AJAX processing. On the add view page, we have inline
 302  * containers where we don't want that behavior; it causes the select dropdown
 303  * which is triggered to jump to the left while the AJAX throbber is active.
 304  *
 305  * See also http://drupal.org/node/769936 (Drupal core issue); when that is
 306  * fixed it may no longer be necessary to do this.
 307  */
 308 .views-admin .container-inline .progress-disabled {
 309   float: none;
 310 }
 311
 312 /**
 313  * I wish this didn't have to be so specific
 314  */
 315 .form-item-description-enable + .form-item-description {
 316   margin-top: 0;
 317 }
 318
 319 .form-item-description-enable label {
 320   font-weight: bold;
 321 }
 322
 323 .form-item-page-create,
 324 .form-item-block-create {
 325   margin-top: 13px;
 326 }
 327
 328 .form-item-page-create label,
 329 .form-item-block-create label {
 330   font-weight: bold;
 331 }
 332
 333 /* This makes the form elements after the "Display Format" label flow underneath the label */
 334 .form-item-page-style-style-plugin > label,
 335 .form-item-block-style-style-plugin > label {
 336   display: block;
 337 }
 338
 339 .views-attachment .options-set label {
 340   font-weight: normal;
 341 }
 342
 343 /* @end */
 344
 345 /* @group Rearrange filters
 346  *
 347  * Styling for the form that allows views filters to be rearranged.
 348  */
 349
 350 .group-populated {
 351   display: none;
 352 }
 353
 354 td.group-title {
 355   font-weight: bold;
 356 }
 357
 358 .views-ui-dialog td.group-title {
 359   margin: 0;
 360   padding: 0;
 361 }
 362
 363 .views-ui-dialog td.group-title span {
 364   display: block;
 365   height: 1px;
 366   overflow: hidden;
 367 }
 368
 369 .group-message .form-submit,
 370 .views-remove-group-link,
 371 #views-add-group {
 372   float: right;
 373   clear: both;
 374 }
 375
 376 .views-operator-label {
 377   font-style: italic;
 378   font-weight: bold;
 379   padding-left: 0.5em; /* LTR */
 380   text-transform: uppercase;
 381 }
 382
 383 .grouped-description,
 384 .exposed-description {
 385   float: left;
 386   padding-top: 3px;
 387   padding-right: 10px;
 388 }
 389
 390 /* This keeps the collapsible fieldsets of options from crashing into the bottom
 391  * of the edit option columns. Because the edit option columns are floated, the collapsible
 392  * fieldsets need to be floated as well so that the margin above the fieldset interacts with
 393  * the float edit option columns.
 394  */
 395 #edit-options .collapsible {
 396   float: left;
 397   width: 100%;
 398 }
 399
 400 #edit-options-more {
 401   clear: both;
 402 }
 403
 404 /* @end */
 405
 406 /* @group Attachments */
 407
 408 .views-displays {
 409   border: 1px solid #CCC;
 410   padding-bottom: 36px;
 411 }
 412
 413 .views-display-top {
 414   background-color: #F9F9F9;
 415   border-bottom: 1px solid #CCCCCC;
 416   padding: 8px 8px 8px; /* LTR */
 417   position: relative;
 418 }
 419
 420 .views-display-top .secondary {
 421   margin-right: 18em;
 422 }
 423
 424 .views-display-top .secondary > li {
 425   margin-right: 6px;
 426   padding-left: 0;
 427 }
 428
 429 .views-display-top .secondary > li:last-child {
 430   margin-right: 0;
 431 }
 432
 433 #views-display-extra-actions li {
 434   padding: 3px 9px;
 435 }
 436
 437 .views-display-top #views-display-top {
 438   max-width: 180px;
 439 }
 440
 441 /* @end */
 442
 443 /* @group Attachment details tabs
 444  *
 445  * The tabs that switch between sections
 446  */
 447
 448 ul#views-display-menu-tabs {
 449   margin-right: 200px;
 450 }
 451
 452 ul#views-display-menu-tabs li {
 453   margin-bottom: 5px;
 454 }
 455
 456 ul#views-display-menu-tabs li.add ul.action-list li{
 457   margin: 0;
 458 }
 459
 460 .views-displays .secondary a {
 461   border: 1px solid #cbcbcb;
 462   display: inline-block;
 463   font-size: small;
 464   line-height: 1.3333;
 465   padding: 3px 7px;
 466 }
 467
 468 /**
 469  * Display a red border if the display doesn't validate.
 470  */
 471 .views-displays ul.secondary li.active a.active.error,
 472 .views-displays .secondary a.error {
 473   border: 2px solid #ED541D;
 474   padding: 1px 6px;
 475 }
 476
 477 .views-displays .secondary a:focus {
 478   outline: none;
 479 }
 480
 481 .views-displays .secondary a:hover,
 482 .views-displays .secondary .active a {
 483   background-color: #666666;
 484   color: #ffffff;
 485   border-bottom-width: 1px;
 486 }
 487
 488 .views-displays .secondary .open > a {
 489   background-color: #f1f1f1;
 490   border-bottom: 1px solid transparent;
 491   position: relative;
 492 }
 493
 494 .views-displays .secondary .open > a:hover {
 495   background-color: #f1f1f1;
 496 }
 497
 498 .views-displays .secondary .action-list  li {
 499   background-color: #f1f1f1;
 500   border-color: #cbcbcb;
 501   border-style: solid;
 502   border-width: 0 1px;
 503   padding: 2px 9px;
 504 }
 505
 506 .views-displays .secondary .action-list  li:first-child {
 507   border-width: 1px 1px 0;
 508 }
 509
 510 .views-displays .secondary .action-list  li.last {
 511   border-width: 0 1px 1px;
 512 }
 513
 514 .views-displays .secondary .action-list  li:last-child {
 515   border-width: 0 1px 1px;
 516 }
 517
 518 .views-displays .secondary .action-list input.form-submit {
 519   background: none repeat scroll 0 0 transparent;
 520   border: medium none;
 521   margin: 0;
 522   padding: 0;
 523 }
 524
 525 .views-displays .secondary .action-list li:hover {
 526   background-color: #dddddd;
 527 }
 528
 529 /* @end */
 530
 531 /* @group Attachment details */
 532
 533 #edit-display-settings-title {
 534   font-size: 14px;
 535   line-height: 1.5;
 536   margin: 0;
 537 }
 538
 539 #edit-display-settings-top {
 540   padding-bottom: 4px;
 541 }
 542
 543 #edit-display-settings-content {
 544   margin-top: 12px;
 545 }
 546
 547 #edit-display-settings-main {
 548   margin-top: 15px;
 549 }
 550
 551 /* @end */
 552
 553 /* @group Attachment columns
 554  *
 555  * The columns that contain the option buckets e.g. Format and Basic Settings
 556  */
 557
 558 .views-display-column + .views-display-column {
 559    margin-top: 0;
 560  }
 561
 562  /* @end */
 563
 564 /* @group Auto preview
 565  *
 566  * The auto-preview checkbox line.
 567  */
 568
 569 #views-ui-preview-form > div > div,
 570 #views-ui-preview-form > div > input {
 571   float: left;
 572 }
 573
 574 #views-ui-preview-form .form-type-checkbox {
 575   margin-top: 2px;
 576   margin-left: 2px;
 577 }
 578
 579 #views-ui-preview-form .form-type-textfield {
 580   margin-top: 5px;
 581 }
 582
 583 #views-ui-preview-form .arguments-preview {
 584   font-size: 1em;
 585 }
 586
 587 #views-ui-preview-form .arguments-preview,
 588 #views-ui-preview-form .form-type-textfield {
 589   margin-left: 14px;
 590 }
 591
 592 #views-ui-preview-form .form-type-textfield label {
 593   display: inline-block;
 594   float: left;
 595   font-weight: normal;
 596   height: 6ex;
 597   margin-right: 0.75em;
 598 }
 599
 600 #views-ui-preview-form .form-type-textfield .description {
 601   white-space: nowrap;
 602 }
 603
 604 /* @end */
 605
 606 /* @group Attachment buckets
 607  *
 608  * These are the individual "buckets," or boxes, inside the display settings area
 609  */
 610
 611 .views-ui-display-tab-bucket {
 612   border: 1px solid #f3f3f3;
 613   line-height: 20px;
 614   margin: 0;
 615   padding-top: 4px;
 616 }
 617
 618 .views-ui-display-tab-bucket + .views-ui-display-tab-bucket {
 619   border-top: medium none;
 620 }
 621
 622 .views-ui-display-tab-bucket > h3,
 623 .views-ui-display-tab-bucket > .views-display-setting {
 624   padding: 2px 6px 4px;
 625 }
 626
 627 .views-ui-display-tab-bucket h3 {
 628   font-size: small;
 629   margin: 0;
 630 }
 631
 632 .views-ui-display-tab-bucket .horizontal.actions {
 633   margin-right: 6px;
 634 }
 635
 636 .views-ui-display-tab-bucket .actions.horizontal li + li {
 637   margin-left: 3px;
 638   padding-left: 3px;
 639 }
 640
 641 .views-ui-display-tab-bucket.access {
 642   padding-top: 0;
 643 }
 644
 645 .views-ui-display-tab-bucket.page-settings {
 646   border-bottom: medium none;
 647 }
 648
 649 .views-display-setting .views-ajax-link {
 650   margin-left: 0.2083em;
 651   margin-right: 0.2083em;
 652 }
 653
 654 /* @end */
 655
 656 /* @group Attachment bucket overridden
 657  *
 658  * Applies a overriden(italics) font style to overridden buckets.
 659  * The better way to implement this would be to add the overridden class
 660  * to the bucket header when the bucket is overridden and style it as a
 661  * generic icon classed element. For the moment, we'll style the bucket
 662  * header specifically with the overriden font style.
 663  */
 664
 665 .views-ui-display-tab-setting.overridden,
 666 .views-ui-display-tab-bucket.overridden > h3 {
 667   font-style: italic;
 668 }
 669
 670 /* @end */
 671
 672 /* @group Attachment bucket drop button */
 673
 674 .views-ui-display-tab-bucket {
 675   position: relative;
 676 }
 677
 678 /* @end */
 679
 680 /* @group Attachment bucket rows
 681  *
 682  * This is each row within one of the "boxes."
 683  */
 684
 685 .views-ui-display-tab-bucket .views-display-setting {
 686   color: #666666;
 687   font-size: 12px;
 688   padding-bottom: 2px;
 689 }
 690
 691 .views-ui-display-tab-bucket .even {
 692   background-color: #f9f9f9;
 693 }
 694
 695 .views-ui-display-tab-bucket .views-group-text {
 696   margin-top: 6px;
 697   margin-bottom: 6px;
 698 }
 699
 700 .views-display-setting .label {
 701   margin-right: 3pt; /* LTR */
 702 }
 703
 704 /* @end */
 705
 706 /* @group Preview
 707  *
 708  * The preview controls and the preview pane
 709  */
 710
 711 #edit-displays-preview-controls .fieldset-wrapper > * {
 712   float: left;
 713 }
 714
 715 #edit-displays-preview-controls .fieldset-wrapper > .form-item {
 716   margin-top: 0.3333em;
 717 }
 718
 719 #edit-displays-preview-controls .form-submit {
 720   display: inline-block;
 721   margin-right: 1em;
 722 }
 723
 724 #edit-displays-preview-controls .form-type-textfield {
 725   margin-left: 1em;
 726   position: relative;
 727 }
 728
 729 #edit-displays-preview-controls .form-type-textfield label {
 730   border-left: 1px solid #999;
 731   padding-left: 1em;
 732   position: absolute;
 733 }
 734
 735 #edit-displays-preview-controls .form-type-textfield label:after {
 736   content: ":";
 737 }
 738
 739 #edit-displays-preview-controls .form-type-textfield label ~ * {
 740   margin-left: 105px;
 741 }
 742
 743 /* @end */
 744
 745 /* @group Modal dialog box
 746  *
 747  * The contents of the popup dialog on the views edit form.
 748  */
 749
 750 .views-ui-dialog {
 751   font-size: small;
 752   padding: 0;
 753 }
 754
 755 .views-ui-dialog .ui-dialog-titlebar-close {
 756   background: url("../images/close.png") no-repeat scroll 6px 3px #F3F4EE;
 757   border-color: #aaaaaa;
 758   -moz-border-radius: 0 10px 12px 0;
 759   -webkit-border-radius: 0 10px 12px 0;
 760   border-radius: 0 10px 12px 0;
 761   border-style: solid;
 762   border-width: 1px 1px 1px 0;
 763   -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1);
 764   -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1);
 765   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1);
 766   height: 22px;
 767   right: -28px;
 768   top: 0;
 769   width: 26px;
 770 }
 771
 772 .views-ui-dialog .ui-dialog-titlebar-close span {
 773   display: none;
 774 }
 775
 776 .views-filterable-options .form-type-checkbox {
 777   border: 1px solid #CCC;
 778   padding: 5px 8px;
 779   border-top: none;
 780 }
 781
 782 .views-filterable-options {
 783   border-top:  1px solid #CCC;
 784 }
 785
 786 .views-filterable-options .even .form-type-checkbox {
 787   background-color: #F3F4EE;
 788 }
 789
 790 .filterable-option .form-item {
 791   margin-bottom: 0;
 792   margin-top: 0;
 793 }
 794
 795 .views-filterable-options .form-type-checkbox .description {
 796   margin-top: 0;
 797   margin-bottom: 0;
 798 }
 799
 800 #views-filterable-options-controls {
 801   margin: 1em 0;
 802 }
 803
 804 #views-filterable-options-controls .form-item {
 805   width: 45%;
 806   margin-right: 2%; /* LTR */
 807 }
 808
 809 #views-filterable-options-controls input,
 810 #views-filterable-options-controls select {
 811   width: 200px;
 812 }
 813
 814 .views-ui-dialog .views-filterable-options {
 815   margin-bottom: 10px;
 816 }
 817
 818 .views-ui-dialog .views-add-form-selected.container-inline {
 819   padding-top: 0;
 820 }
 821
 822 .views-ui-dialog .views-add-form-selected.container-inline > div {
 823   display: block;
 824 }
 825
 826 .views-ui-dialog #edit-selected {
 827   margin: 0;
 828   padding: 6px 16px;
 829 }
 830
 831 .views-ui-dialog #views-ajax-title,
 832 .views-ui-dialog .views-override {
 833   background-color: #F3F4EE;
 834 }
 835
 836 .views-ui-dialog .views-override {
 837   padding: 0 13px 8px;
 838 }
 839
 840 .views-ui-dialog .views-override > * {
 841   margin: 0;
 842 }
 843
 844 .views-ui-dialog #views-ajax-title {
 845   font-size: 15px;
 846   padding: 8px 13px;
 847 }
 848
 849 .views-ui-dialog #views-progress-indicator {
 850   font-size: 11px;
 851   position: absolute;
 852   right: 10px; /* LTR */
 853   top: 8px;
 854 }
 855
 856 .views-ui-dialog #views-progress-indicator:before {
 857   content: "\003C\00A0";
 858 }
 859
 860 .views-ui-dialog #views-progress-indicator:after {
 861   content: "\00A0\003E";
 862 }
 863
 864 .views-ui-dialog .scroll {
 865   border: 1px solid #CCC;
 866   border-width: 1px 0;
 867   padding: 8px 13px;
 868 }
 869
 870 .views-ui-dialog fieldset .item-list {
 871   padding-left: 2em;
 872 }
 873
 874 .views-ui-dialog .form-buttons {
 875   background-color: #F3F4EE;
 876   padding: 8px 13px;
 877 }
 878 .views-ui-dialog .form-buttons input {
 879   margin-bottom: 0;
 880   margin-right: 0;
 881 }
 882
 883 /* @end */
 884
 885 /* @group Configure filter criteria */
 886
 887 /* @todo the width and border info could be moved into a more generic class */
 888 /* @todo Make this a class to be used anywhere there's node types? */
 889 .form-type-checkboxes #edit-options-value,
 890 .form-type-checkboxes #edit-options-validate-options-node-types {
 891   border-color: #CCCCCC;
 892   border-style: solid;
 893   border-width: 1px;
 894   max-height: 210px;
 895   overflow: auto;
 896   margin-top: 5px;
 897   padding: 0 5px;
 898   width: 190px;
 899 }
 900
 901 /* @end */
 902
 903 /* @group Rearrange filter criteria */
 904
 905 #views-ui-rearrange-filter-form table {
 906   border-collapse: collapse;
 907 }
 908
 909 #views-ui-rearrange-filter-form tr td[rowspan] {
 910   border-color: #CDCDCD;
 911   border-style: solid;
 912   border-width: 0 1px 1px 1px;
 913 }
 914
 915 #views-ui-rearrange-filter-form tr[id^="views-row"] {
 916   border-right: 1px solid #CDCDCD;
 917 }
 918
 919 #views-ui-rearrange-filter-form tr[id^="views-row"].even td {
 920   background-color: #F3F4ED;
 921 }
 922
 923 #views-ui-rearrange-filter-form .views-group-title {
 924   border-top: 1px solid #CDCDCD;
 925 }
 926
 927 #views-ui-rearrange-filter-form .group-empty {
 928   border-bottom: 1px solid #CDCDCD;
 929 }
 930
 931 /* @end */
 932
 933 /* @group Expose filter form items */
 934
 935 .form-item-options-expose-required,
 936 .form-item-options-expose-label,
 937 .form-item-options-expose-description {
 938   margin-bottom: 6px;
 939   margin-left: 18px;
 940   margin-top: 6px;
 941 }
 942
 943 /* @end */
 944
 945 /* @group Live preview elements */
 946
 947 #views-preview-wrapper {
 948   border: 1px solid #CCC;
 949   border-top: 2px solid #CCC;
 950   padding-bottom: 12px;
 951   padding-top: 12px;
 952 }
 953
 954 #views-ui-preview-form {
 955   margin: 12px;
 956 }
 957
 958 #views-live-preview {
 959   margin: 0 12px;
 960 }
 961
 962 #views-live-preview .views-query-info {
 963   overflow: auto;
 964 }
 965
 966 /* Intentionally targeting h1 */
 967 #views-live-preview h1.section-title {
 968   color: #818181;
 969   display: inline-block;
 970   font-size: 13px;
 971   font-weight: normal;
 972   line-height: 1.6154;
 973   margin-bottom: 0;
 974   margin-top: 0;
 975 }
 976
 977 #views-live-preview .view > * {
 978   margin-top: 18px;
 979 }
 980
 981 #views-live-preview .preview-section {
 982   border: 1px dashed #DEDEDE;
 983   margin: 0 -5px;
 984   padding: 3px 5px;
 985 }
 986
 987 #views-live-preview li.views-row + li.views-row {
 988   margin-top: 18px;
 989 }
 990
 991 /* The div.views-row is intentional and excludes li.views-row, for example */
 992 #views-live-preview div.views-row + div.views-row {
 993   margin-top: 36px;
 994 }
 995
 996 /* @group Query info table */
 997
 998 .views-query-info table {
 999   border-collapse: separate;
1000   border-color: #dddddd;
1001   border-spacing: 0;
1002   margin: 10px 0;
1003 }
1004
1005 .views-query-info table tr {
1006   background-color: #f9f9f9;
1007 }
1008
1009 .views-query-info table th,
1010 .views-query-info table td {
1011   color: #666666;
1012   padding: 4px 10px;
1013 }
1014
1015 /* @end */
1016
1017 /* @group Grid */
1018
1019 #views-live-preview .views-view-grid th,
1020 #views-live-preview .views-view-grid td {
1021   vertical-align: top;
1022 }
1023
1024 /* @end */
1025
1026 /* @group HTML list */
1027
1028 #views-live-preview .view-content > .item-list > ul {
1029   list-style-position: outside;
1030   padding-left: 21px; /* LTR */
1031 }
1032
1033 /* @end */
1034
1035 /* @end */
1036
1037 /* @group Add/edit argument form */
1038
1039 #edit-options-default-action {
1040   width: 300px;
1041   float: left;
1042 }
1043
1044 #edit-options-exception.collapsible {
1045   float: right;
1046   width: 250px;
1047   margin-top: -2px;
1048 }
1049
1050 /* @end */
1051
1052 /* @group AJAX */
1053
1054 /* Hide the drupal system throbber image */
1055 .ajax-progress .throbber {
1056   display: none;
1057 }
1058
1059 .ajax-progress-throbber {
1060   background-color: #232323;
1061   background-image: url("../images/loading-small.gif");
1062   background-position: center center;
1063   background-repeat: no-repeat;
1064   -moz-border-radius: 7px;
1065   -webkit-border-radius: 7px;
1066   border-radius: 7px;
1067   height: 24px;
1068   opacity: .9;
1069   padding: 4px;
1070   width: 24px;
1071 }
1072
1073 /* @end */
1074
1075 /* @group Drupal
1076  *
1077  * Overrides to Drupal system CSS
1078  */
1079 div.messages {
1080   margin-bottom: 18px;
1081 }
1082
1083 /* @end */