[Summary view] [Print] [Text view]

   1  
   2  /*
   3   * Summary pad
   4   */
   5  /* set up some defaults so weird themes don't override us too badly. */
   6  .views-tabset {
   7    color: #494949;
   8    background-color: white;
   9  }
  10  
  11  .views-tabset a:visited,
  12  .views-tabset a:hover,
  13  .views-tabset a {
  14    color: #027AC6;
  15  }
  16  
  17  .views-tabset .views-tab fieldset {
  18    margin-top: 0;
  19  }
  20  
  21  /*
  22   * First column: display drawers
  23   */
  24  .views-tabset .views-tabs {
  25    background: #F6F6F6;
  26    border-top: #D6DBDE 1px solid;
  27    border-bottom: #D6DBDE 1px solid;
  28    border-left: #D6DBDE 1px solid;
  29    float: left;
  30    width: 117px;
  31    margin-right: 0;
  32  }
  33  
  34  * html .views-tabset .views-tabs {
  35    width: 114px;
  36    position: relative;
  37    left: 4px;
  38  }
  39  
  40  .views-tabset .views-tabs ul {
  41    list-style-type: none !important;
  42    list-style-image: none !important;
  43    padding: 0;
  44    margin: 0;
  45    position: relative;
  46  }
  47  
  48  .views-tabset .views-tabs ul li {
  49    background: #efefef;
  50    list-style-type: none;
  51    list-style-image: none;
  52    line-height: 100%;
  53    border-bottom: #D6DBDE 1px solid;
  54    margin: 0;
  55    padding: 0;
  56    position: relative;
  57  }
  58  
  59  .views-tabset .views-tabs ul li.active {
  60    background: #fff url(../images/arrow-active.png) no-repeat right;
  61    position: relative;
  62    width: 118px;
  63    margin-right: -1px;
  64  }
  65  
  66  .views-tabset .views-tabs ul li a {
  67    display: block;
  68    font-size: 90%;
  69    color: #777;
  70    font-weight: normal;
  71    padding: 0.5em;
  72  }
  73  
  74  .views-tabset .views-tabs ul li a:hover {
  75    background-color: #f6f6f6;
  76    text-decoration: none;
  77  }
  78  
  79  .views-tabset .views-tabs ul li.active a {
  80    color: #000;
  81    font-weight: bold;
  82  }
  83  
  84  .views-tabset .views-tabs ul li.active a:hover {
  85    color: #000;
  86    background: #fff url(../images/arrow-active.png) no-repeat right;
  87  }
  88  
  89  .views-tabset .extra {
  90    text-align: center;
  91    margin-right: 0;
  92  }
  93  
  94  .views-tabset .extra input {
  95    margin-top: 0;
  96    margin-right: 0;
  97    white-space: normal;
  98  }
  99  
 100  /*
 101   * Three columns with setting-summaries
 102   */
 103  .views-tabset .views-display {
 104    border: #D6DBDE 1px solid;
 105    margin-left: 118px; /* 118 -1 causes borders to overlap */
 106    min-height: 302px;
 107    _height: 300px; /*stupid IE hack */
 108  }
 109  
 110  * html .views-tabset .views-display {
 111    margin-left: 114px;
 112  }
 113  
 114  div.views-display-deleted,
 115  div.views-display-deleted div.top,
 116  div.views-display-deleted div.tab-section {
 117    background-color: #eee;
 118  }
 119  
 120  .views-display {
 121    background: #fff;
 122  }
 123  
 124  .views-display div {
 125    font-size: 8pt;
 126    line-height: 12pt;
 127  }
 128  
 129  .views-display .top {
 130    padding: 0.5em 0em 0em 1em;
 131    background: #fff;
 132  }
 133  
 134  .views-display .top .display-title {
 135    font-weight: bold;
 136  }
 137  .views-display .top .display-description {
 138    margin-left: 1em;
 139    font-style: italic;
 140    overflow: hide;
 141    white-space: nowrap;
 142    font-size: 90%;
 143  }
 144  
 145  .views-display .tab-section {
 146    width: 32.5%;
 147    padding: 0;
 148    margin: 0;
 149    float: left;
 150    min-height: 273px;
 151    _height: 274px;
 152  }
 153  
 154  .views-display .tab-section .inside {
 155    margin: 0.5em 0.5em 0.5em 1em;
 156  }
 157  
 158  .views-display .tab-section .inside .views-category {
 159    margin-bottom: 1em;
 160    background: #f6f6f6;
 161    border: 1px #efefef solid;
 162  }
 163  
 164  .views-display .tab-section .inside .views-category-content {
 165    padding: 0em 0em 0.5em 1em;
 166  }
 167  
 168  .views-display .tab-section .inside .views-category-title {
 169    padding: .1em .1em .1em .3em;
 170    margin: 0 0 .1em 0;
 171    font-size: 9pt;
 172    font-weight: bold;
 173    background-color: #efefef;
 174    border-bottom: 1px #efefef solid;
 175  }
 176  
 177  .views-display .tab-section .links {
 178    float: right;
 179    font-size: 6pt;
 180    position: relative;
 181    display: inline;
 182  }
 183  
 184  .views-display .tab-section .links a {
 185    font-size: 6pt;
 186    font-style: italic;
 187  }
 188  
 189  .views-display .form-submit,
 190  #views-ajax-pad .form-submit {
 191    margin: 0;
 192  }
 193  
 194  .views-display .middle {
 195    width: 34%;
 196  }
 197  
 198  .views-basic-info {
 199    margin: 0.5em 0em 0 0;
 200    padding: 0.5em;
 201  }
 202  
 203  /*
 204   * AJAX pad, the bottom part where settings are edited.
 205   */
 206  #views-ajax-pad {
 207    background: transparent;
 208    margin-top: 0px;
 209  }
 210  
 211  #views-ajax-title {
 212    background: #f6f6f6;
 213    color: #000;
 214    border-left: #D6DBDE 1px solid;
 215    border-right: #D6DBDE 1px solid;
 216    margin: 0 0 0 118px;
 217    padding: 1em 1em 0em 1em;
 218    font-weight: bold;
 219  }
 220  
 221  #views-ajax-pad .message {
 222    background: #f6f6f6;
 223    color: #000;
 224    margin-left: 118px;
 225    border: #D6DBDE 1px solid;
 226    border-top: 0;
 227    /* padding: 3em 0em; */
 228    text-align: center;
 229    font-style: italic;
 230  }
 231  
 232  #views-ajax-pad form {
 233    background: #fff;
 234    color: #000;
 235    margin-left: 118px;
 236    border: #D6DBDE 1px solid;
 237    padding-top: 3px;
 238    border-top: 0;
 239  }
 240  
 241  #views-ajax-pad .views-messages {
 242    background: transparent;
 243    margin-left: 118px;
 244    padding: 5px;
 245    border: #D6DBDE 1px solid;
 246    border-top: 0;
 247  }
 248  
 249  #views-ajax-pad .form-buttons {
 250    margin: 0;
 251    padding: 0.5em 1em;
 252    background: #f6f6f6;
 253    clear: left;
 254  }
 255  
 256  #views-ajax-pad .clear {
 257    clear: left;
 258  }
 259  
 260  #views-ajax-pad .form-buttons .form-submit {
 261    margin: 0 .5em 0 0;
 262    padding: 0;
 263  }
 264  
 265  #views-ajax-pad .form-item {
 266    margin: 0.5em;
 267    padding: 0em 0.5em;
 268  }
 269  
 270  /* These put checkboxes closer together */
 271  #views-ajax-pad .form-checkboxes .form-item,
 272  #views-ajax-pad .form-checkboxes .description,
 273  #views-ajax-pad .form-checkboxes input,
 274  #views-ajax-pad .form-radios .form-item,
 275  #views-ajax-pad .form-radios label,
 276  #views-ajax-pad .form-radios input {
 277    margin-top: 0;
 278    margin-bottom: 0;
 279  }
 280  
 281  #views-ajax-pad .form-item .form-checkboxes,
 282  #views-ajax-pad .form-checkboxes input,
 283  #views-ajax-pad .form-checkboxes label,
 284  #views-ajax-pad .form-item .form-checkboxes .form-item,
 285  #views-ajax-pad .form-item .form-radios,
 286  #views-ajax-pad .form-radios input,
 287  #views-ajax-pad .form-radios label,
 288  #views-ajax-pad .form-item .form-radios .form-item {
 289    padding-left: 0;
 290    margin-left: 0;
 291  }
 292  
 293  #views-ajax-pad .form-checkboxes .description,
 294  #views-ajax-pad .form-radios .description {
 295    margin-left: 2em;
 296  }
 297  
 298  #views-ajax-pad {
 299    display: none;
 300  }
 301  
 302  html.js #views-ajax-pad {
 303    display: block;
 304  }
 305  
 306  .views-override,
 307  .views-expose {
 308    padding: 0.5em 1em 0em 1em;
 309  }
 310  
 311  #views-ajax-pad .views-override .form-submit,
 312  #views-ajax-pad .views-expose .form-submit {
 313    float: right;
 314    margin: 0 .5em 0 1em;
 315  }
 316  
 317  #views-ajax-pad .views-expose .description,
 318  #views-ajax-pad .views-override .description {
 319    margin-bottom: .25em;
 320  }
 321  
 322  /*
 323   * Some column widths for use within the ajax pad
 324   */
 325  #views-ajax-pad .views-left-10 {
 326    float: left;
 327    width: 10%;
 328  }
 329  
 330  #views-ajax-pad .views-left-20 {
 331    float: left;
 332    width: 20%;
 333  }
 334  
 335  #views-ajax-pad .views-left-25 {
 336    float: left;
 337    width: 25%;
 338  }
 339  
 340  #views-ajax-pad .views-left-30 {
 341    float: left;
 342    width: 30%;
 343  }
 344  
 345  #views-ajax-pad .views-left-40 {
 346    float: left;
 347    width: 40%;
 348  }
 349  
 350  #views-ajax-pad .views-left-50 {
 351    float: left;
 352    width: 49.5%;
 353  }
 354  
 355  #views-ajax-pad .views-right-50 {
 356    float: right;
 357    width: 50%;
 358  }
 359  
 360  #views-ajax-pad .views-right-60 {
 361    float: right;
 362    width: 60%;
 363  }
 364  
 365  #views-ajax-pad .views-right-70 {
 366    float: right;
 367    width: 70%;
 368  }
 369  
 370  #views-ajax-pad .views-left-75 {
 371    float: left;
 372    width: 75%;
 373  }
 374  
 375  #views-ajax-pad .views-radio-box {
 376    overflow: auto;
 377    height: 22em;
 378  }
 379  
 380  #views-ajax-pad fieldset {
 381    margin: 0 .5em;
 382  }
 383  
 384  #views-ajax-pad table td .form-item,
 385  #views-ajax-pad table td .form-item input,
 386  #views-ajax-pad table td .form-item select {
 387    padding: 0;
 388    margin: 0;
 389  }
 390  
 391  #views-ajax-pad label.hidden-options {
 392    background: transparent url(../images/arrow-active.png) no-repeat right;
 393    height: 12px;
 394    padding-right: 12px;
 395  }
 396  
 397  #views-ajax-pad label.expanded-options {
 398    background: transparent url(../images/expanded-options.png) no-repeat right;
 399    height: 12px;
 400    padding-right: 16px;
 401  }
 402  
 403  #views-ajax-pad .dependent-options {
 404    padding-left: 30px;
 405  }
 406  
 407  /*
 408   * Add, Rearrange and Configure buttons using sprites
 409   */
 410  a.views-button-configure,
 411  a.views-button-add,
 412  a.views-button-rearrange,
 413  a.views-button-remove {
 414    background:transparent url(../images/sprites.png);
 415    display: inline-block;
 416    float: right;
 417    height: 12px;
 418    width: 16px;
 419    margin: 2px 0px 1px 0px;
 420    border-bottom: #C2C9CE 1px solid;
 421    border-right: #C2C9CE 1px solid;
 422    padding: 0px;
 423  }
 424  
 425  a.views-button-remove {
 426    background-position: 0px -72px;
 427    position: relative;
 428    top: -4px;
 429  }
 430  a.views-button-remove:hover {
 431    background-position: 0px -84px;
 432  }
 433  
 434  a.views-button-configure {
 435    background-position: 0px -48px;
 436    margin: 0;
 437  }
 438  a.views-button-configure:hover {
 439    background-position: 0px -60px;
 440  }
 441  
 442  a.views-button-add {
 443    background-position: 0px -24px;
 444  }
 445  a.views-button-add:hover {
 446    background-position: 0px -36px;
 447  }
 448  
 449  a.views-button-rearrange {
 450    background-position: 0px 0px;
 451  }
 452  a.views-button-rearrange:hover {
 453    background-position: 0px -12px;
 454  }
 455  
 456  a.views-button-remove span,
 457  a.views-button-rearrange span,
 458  a.views-button-configure span,
 459  a.views-button-add span {
 460    display: none;
 461  }
 462  
 463  html.js #arrange thead {
 464    display: none;
 465  }
 466  
 467  html.js .views-remove-checkbox {
 468    display: none;
 469  }
 470  
 471  a.views-button-remove {
 472    display: none;
 473  }
 474  
 475  html.js a.views-button-remove {
 476    display: inline;
 477  }
 478  
 479  #arrange tr.even,
 480  #arrange tr.odd,
 481  #arrange td {
 482    padding-top: 0;
 483    padding-bottom: 0;
 484  }
 485  
 486  #arrange .form-item {
 487    padding: 0;
 488  }
 489  
 490  div.changed {
 491    background-color: #ffe;
 492    font-weight: bold;
 493  }
 494  
 495  div.view-changed {
 496    display: none;
 497    float: right;
 498    font-style: italic;
 499    color: #f93;
 500    padding-left: 1em;
 501  }
 502  
 503  div.views-tab div.changed a {
 504  
 505  }
 506  
 507  div.changed div.view-changed {
 508    display: block;
 509  }
 510  
 511  .views-display .tab-section .inside .overridden {
 512    /* all this so we don't mess up background-color */
 513  /*  background-image: url(../images/overridden.gif);
 514    background-repeat: no-repeat;
 515    background-position: left;
 516    padding-left: 10px; */
 517  }
 518  
 519  .views-display .tab-section .views-category-content.overridden {
 520    background-image: none;
 521  }
 522  
 523  .views-display .tab-section .inside .defaulted {
 524    color: #aaa;
 525    font-style: italic;
 526  }
 527  
 528  .views-display .tab-section .inside .defaulted a {
 529    font-style: italic;
 530  }
 531  
 532  .hilited {
 533    color: #000;
 534    font-weight: bold;
 535    background-color: #ffd;
 536    padding-left: 10px;
 537  }
 538  
 539  #views-ajax-pad fieldset {
 540    background: transparent;
 541    padding-left: 10px;
 542  }
 543  
 544  #views-ajax-pad pre {
 545    overflow: auto;
 546    border: 1px solid #333;
 547    background-color: #f0f0f0;
 548    padding: .5em;
 549  }
 550  
 551  form#views-add-display-form {
 552    margin-bottom: 0em;
 553    border-bottom: 1px solid #ccc;
 554  }
 555  
 556  form#views-add-display-form select {
 557    width: 8.5em;
 558  }
 559  
 560  #views-ui-edit-view-form {
 561    margin: 0;
 562    padding: 0;
 563  }
 564  
 565  #views-live-preview {
 566    padding-top: .5em;
 567  }
 568  
 569  form#views-ui-preview-form,
 570  #center form#views-ui-preview-form {
 571    border: 1px solid #D6DBDE;
 572    margin: 0 0 .5em 0;
 573    padding: .5em;
 574  }
 575  
 576  form#views-ui-preview-form div#preview-display-id-wrapper,
 577  form#views-ui-preview-form div#preview-args-wrapper {
 578    float: left;
 579    margin: 0;
 580    padding: 0 1em 0 0;
 581  }
 582  
 583  form#views-ui-preview-form input#preview-submit {
 584    margin: 1.7em 0 0 0;
 585  }
 586  
 587  .view-locked {
 588    color: red;
 589    border: 1px solid red;
 590    padding: 1em;
 591  }
 592  
 593  /* Hide by default only with js */
 594  html.js .views-hidden {
 595    display: none;
 596  }
 597  
 598  .views-query-info {
 599  /*  overflow: auto; */
 600  }
 601  
 602  .views-query-info pre {
 603    white-space: pre; /* CSS2 */
 604    white-space: -moz-pre-wrap; /* Mozilla */
 605    white-space: -hp-pre-wrap; /* HP printers */
 606    white-space: -o-pre-wrap; /* Opera 7 */
 607    white-space: -pre-wrap; /* Opera 4-6 */
 608    white-space: pre-wrap; /* CSS 2.1 */
 609    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
 610    word-wrap: break-word; /* IE */
 611    max-height: 200px;
 612    overflow: scroll;
 613  }
 614  
 615  .views-quick-links {
 616    float: right;
 617  }
 618  
 619  .views-quick-links ul.links li {
 620    padding-left: 1em;
 621  }
 622  
 623  .views-quick-links li.last {
 624  }
 625  
 626  .views-edit-view .advanced-help-link {
 627    padding-right: 3px;
 628  }
 629  
 630  #views-ajax-title .advanced-help-link {
 631    position: relative;
 632    top: 2px;
 633    padding-right: 3px;
 634  }
 635  
 636  #views-ajax-pad input,
 637  #views-ajax-pad textarea {
 638    max-width: 95%;
 639  }
 640  
 641  .clone-display,
 642  .remove-display {
 643    float: right;
 644    margin: 0;
 645    padding: .2em 1em 0 0;
 646    position: relative;
 647    top: .1em;
 648  }
 649  
 650  .views-display .remove-display form,
 651  .remove-display input,
 652  .views-display .clone-display form,
 653  .clone-display input {
 654    margin: 0 !important;
 655  }
 656  
 657  .views-validator-options {
 658    padding: 0 1em;
 659    margin: 0 1em;
 660    border: 1px solid;
 661  }