[Summary view] [Print] [Text view]

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