[Summary view] [Print] [Text view]

   1  body.admin {
   2    color:#333;
   3    background:#eee url(page.png) 0px 0px repeat-y;
   4    font:normal 13px/20px "Lucida Grande",Verdana,sans-serif;
   5    }
   6  
   7  a {
   8    color:#05a;
   9    text-decoration:none;
  10    }
  11  
  12  .reverse { color:#ccc; }
  13  .reverse a { color:#fff; }
  14  
  15  .limiter { padding:0px 20px 0px 180px; }
  16  
  17  div.box,
  18  p { margin:0px 0px 20px; }
  19  
  20  hr { display:none; }
  21  
  22  /**
  23   * Generic ============================================================
  24   */
  25  #content legend { font-weight:bold; }
  26  #content h1,
  27  #content h2,
  28  #content h3,
  29  #content h4,
  30  #content h5,
  31  #content h6 {
  32    font-size:15px;
  33    font-weight:bold;
  34    margin: 10px 0px;
  35    }
  36  
  37  #content ul,
  38  #content dl {
  39    margin:0px 0px 20px;
  40    }
  41  
  42  #content dl dt {}
  43  #content dl dd,
  44  #content dl dl {
  45    margin-left:20px;
  46    margin-bottom:10px;
  47    }
  48  
  49  #content ul li {
  50    list-style:disc;
  51    margin-left:20px;
  52    }
  53  
  54    /* Exclude some from this styling */
  55    #content ul.admin-list,
  56    #content ul.admin-list li,
  57    #content .views-edit-view ul,
  58    #content .views-edit-view ul li,
  59    #content form ul,
  60    #content form ul li,
  61    #content ul.clear-block,
  62    #content ul.clear-block li,
  63    #content div.item-list ul,
  64    #content div.item-list ul li,
  65    #content ul.menu,
  66    #content ul.menu li,
  67    #content ul.links,
  68    #content ul.links li {
  69      padding:0px;
  70      margin:0px;
  71      list-style:none;
  72      }
  73  
  74    #content ul.vertical-tabs-list { margin:-1px -100% -1px 0; }
  75  
  76  /**
  77   * Branding ===========================================================
  78   */
  79  #branding {
  80    overflow:hidden;
  81  
  82    line-height:30px;
  83    height:30px;
  84    padding-top:10px;
  85    padding-bottom:9px;
  86    border-bottom:1px solid #555;
  87  
  88    background:#333;
  89    position:relative;
  90    }
  91  
  92  #branding h1.site-name {
  93    width:160px;
  94    overflow:hidden;
  95  
  96    position:absolute;
  97    top:10px;
  98    left:20px;
  99  
 100    color:#ccc;
 101    font-size:11px;
 102    text-transform:uppercase;
 103    font-weight:normal;
 104    }
 105  
 106  #branding div.breadcrumb {
 107    float:left;
 108    font-size:11px;
 109    }
 110  
 111  #branding div.right {
 112    position:absolute;
 113    right:20px;
 114    background:#333;
 115    }
 116  
 117  #branding div.block { float:left; }
 118  
 119  #branding div.block form label { display:none; }
 120  
 121  #branding div.block form div.form-item {
 122    float:left;
 123    border:0px;
 124    margin:0px;
 125    padding:0px;
 126    }
 127  
 128  #branding div.block form input.form-text {
 129    width:140px;
 130    margin-right:10px;
 131    }
 132  
 133  #branding div.block form input.form-submit {
 134    text-align:center;
 135    width:80px;
 136    }
 137  
 138  /**
 139   * Breadcrumbs ========================================================
 140   */
 141  div.breadcrumb a {
 142    padding:0px 10px 0px 0px;
 143    color:#fff;
 144    }
 145  
 146  /**
 147   * Help ===============================================================
 148   */
 149  a.help-toggle {
 150    float:left;
 151    font-size:11px;
 152    background:#222;
 153    margin:5px 10px 0px 0px;
 154    padding:0px 10px;
 155    line-height:20px;
 156    white-space:nowrap;
 157  
 158    -moz-border-radius:10px;
 159    -webkit-border-radius:10px;
 160    }
 161  
 162    a.help-expanded { background:#666; }
 163  
 164  #help {
 165    background:#222;
 166    display:none;
 167    }
 168  
 169  #help div.help-label {
 170    position:absolute;
 171    left:20px;
 172    width:140px;
 173    padding:20px 10px 5px;
 174    border-bottom:1px solid #333;
 175  
 176    font-size:11px;
 177    background:#111;
 178    color:#fff;
 179    }
 180  
 181  #help div.help-wrapper {
 182    padding:10px 20px;
 183    }
 184  
 185  #help a { color:#8cf; }
 186  
 187  #help div.more-help-link,
 188  #help p { margin:10px 0px; }
 189  
 190  #help div.more-help-link { text-align:right; }
 191  
 192  /**
 193   * Console ============================================================
 194   */
 195  #console div.messages {
 196    padding:9px;
 197    margin:0px 0px 10px;
 198  
 199    color:#036;
 200    background:#bdf;
 201    border:1px solid #ace;
 202    }
 203  
 204  #console div.warning {
 205    color:#840;
 206    background:#fe6;
 207    border-color:#ed5;
 208    }
 209  
 210  #console div.error {
 211    color:#fff;
 212    background:#e63;
 213    border-color:#d52;
 214    }
 215  
 216  #console div.status {
 217    color:#360;
 218    background:#cf8;
 219    border-color:#be7;
 220    }
 221  
 222  /**
 223   * Grouped hover states ===============================================
 224   */
 225  div.block ul.menu a:hover {
 226    border-top-color:#369;
 227    background:#369;
 228    color:#fff;
 229    }
 230  
 231  /**
 232   * Page title =========================================================
 233   */
 234  #page-title {
 235    background:#333;
 236    padding-top:20px;
 237    }
 238  
 239  #page-title h2.page-title {
 240    color:#fff;
 241    padding-bottom:10px;
 242    letter-spacing:-1px;
 243    font-size:18px;
 244    font-weight:normal;
 245    float:left;
 246    }
 247  
 248  #page-title a.subnav-toggle {
 249    float:left;
 250    height:30px;
 251    width:30px;
 252    margin-right:10px;
 253    background:url(sprite.png) no-repeat;
 254    overflow:hidden;
 255    text-indent:-999px;
 256    }
 257  
 258    #page-title a.subnav-expanded { background-position:-30px 0px; }
 259  
 260  #page-title div.tools {
 261    line-height:30px;
 262    font-size:11px;
 263    padding-right:10px;
 264    float:right;
 265    }
 266  
 267  /**
 268   * Console ============================================================
 269   */
 270  #page .console {
 271    border-top:1px solid #ccc;
 272    padding:9px 0px 10px;
 273    }
 274  
 275  /**
 276   * Tabs ===============================================================
 277   */
 278  ul.tabs { font-size:11px; }
 279  
 280    ul.tabs li {
 281      float:left;
 282      padding-right:1px;
 283      }
 284  
 285    ul.primary {
 286      line-height:30px;
 287      float:right;
 288      }
 289  
 290    ul.primary li a {
 291      text-transform:uppercase;
 292  
 293      color:#333;
 294      background:#ddd;
 295  
 296      -moz-border-radius-topleft:5px;
 297      -moz-border-radius-topright:5px;
 298      -webkit-border-top-left-radius:5px;
 299      -webkit-border-top-right-radius:5px;
 300      }
 301  
 302    ul.tabs li a,
 303    ul.tabs li a:hover,
 304    ul.tabs li.active a,
 305    ul.tabs li.active a.active {
 306      float:left;
 307      padding:0px 15px;
 308      }
 309  
 310    ul.tabs li a:hover { background:#eee; }
 311    ul.primary li.active a,
 312    ul.primary li.active a.active { background:#fff; }
 313  
 314  ul.secondary {
 315    float:none;
 316    clear:both;
 317    font-size:11px;
 318    padding:5px 5px 4px;
 319    line-height:20px;
 320    overflow:hidden;
 321    border-bottom:1px solid #ccc;
 322    background:#fff;
 323    }
 324  
 325    ul.secondary li a { color:#05a; }
 326  
 327    ul.secondary li a,
 328    ul.secondary li a:hover,
 329    ul.secondary li.active a,
 330    ul.secondary li.active a.active {
 331      padding:0px 10px;
 332      -moz-border-radius:10px;
 333      -webkit-border-radius:10px;
 334      }
 335  
 336    ul.secondary li.active a,
 337    ul.secondary li.active a.active {
 338      color:#fff;
 339      background:#666;
 340      }
 341  
 342  /**
 343   * Page layout ========================================================
 344   */
 345  #page {
 346    padding:0px 0px 40px;
 347    padding-left:180px;
 348    position:relative;
 349    }
 350  
 351  #footer {
 352    text-align:center;
 353    border-top:1px solid #ccc;
 354    padding:19px 20px 40px;
 355    font-size:11px;
 356    }
 357  
 358  #content {
 359    min-height:180px;
 360    padding:20px;
 361    background:#fff;
 362    }
 363  
 364  #primary-links {
 365    font-size:11px;
 366    width:160px;
 367    position:absolute;
 368    left:20px;
 369    top:0px;
 370    }
 371  
 372  #primary-links ul.links li,
 373  #primary-links ul.links li a {
 374    float:none;
 375    display:block;
 376    }
 377  
 378    #primary-links ul.links li a {
 379      padding:5px 0px 4px 5px;
 380      border-bottom:1px solid #555;
 381      }
 382  
 383    #primary-links ul.links li a:hover { background-color:#555; }
 384  
 385    #primary-links ul.links li.active-trail a,
 386    #primary-links ul.links li a.active {
 387      background:#111 url(sprite.png) 100% -120px no-repeat;
 388      color:#fff;
 389      }
 390  
 391  #secondary-links {
 392    position:absolute;
 393    top:0px;
 394    left:180px;
 395    right:0px;
 396    z-index:100;
 397  
 398    padding:10px 0px 0px 10px;
 399    background:url(mask.png);
 400  
 401    display:none;
 402    }
 403  
 404  #content ul.menu li,
 405  #content ul.menu li a,
 406  #secondary-links ul.links li,
 407  #secondary-links ul.links li a { float:left; }
 408  
 409  #content ul.menu li,
 410  #secondary-links ul.links li { padding:0px 10px 10px 0px; }
 411  
 412  #content ul.menu li a,
 413  #secondary-links ul.links li a {
 414    font-size:9px;
 415    line-height:10px;
 416  
 417    background:#777;
 418    color:#fff;
 419    text-align:center;
 420    padding:5px;
 421    height:55px;
 422    width:80px;
 423  
 424    overflow:hidden;
 425  
 426    -moz-border-radius:5px;
 427    -webkit-border-radius:5px;
 428    }
 429  
 430    #secondary-links ul.links li a:hover { background:#999; }
 431  
 432    #content ul.menu li a {
 433      background:#f8f8f8;
 434      color:#05a;
 435      }
 436  
 437    #content ul.menu li a:hover { background:#eee; }
 438  
 439  #secondary-links ul.links li.active-trail a,
 440  #secondary-links ul.links li a.active { background:#333; }
 441  
 442  #content ul.admin-list li a span.icon,
 443  #content ul.menu li a span.icon,
 444  #secondary-links ul.links li a span.icon {
 445    margin:0px auto 5px;
 446    display:block;
 447    width:30px;
 448    height:30px;
 449    }
 450  
 451  #content ul.node-type-list li,
 452  #content ul.admin-list li {
 453    position:relative;
 454    padding-left:40px;
 455    padding-bottom:9px;
 456    border-bottom:1px solid #ccc;
 457    margin-left:0px;
 458    margin-bottom:10px;
 459    }
 460  
 461    #content ul.admin-list li a span.icon {
 462      position:absolute;
 463      left:0px;
 464      top:0px;
 465      }
 466  
 467    #content ul.node-type-list label { font-size:15px; }
 468  
 469    #content ul.node-type-list li {
 470      padding-left:30px;
 471      background:url(sprite.png) -380px -200px no-repeat;
 472      }
 473  
 474  /**
 475   * Tables =============================================================
 476   */
 477  table {
 478    width:100%;
 479    font-size:11px;
 480    margin:0px 0px 10px;
 481    background-color:#fcfcfc;
 482    }
 483  
 484  table.system-status-report th,
 485  table td,
 486  table th {
 487    vertical-align:middle;
 488    border:1px solid #ddd;
 489    padding:5px;
 490    }
 491  
 492    table.system-status-report th { padding-left:30px; }
 493  
 494  table th {
 495    font-size:9px;
 496    text-transform:uppercase;
 497    background:#eee;
 498    }
 499  
 500  table tr.odd { background:#fff; }
 501  
 502  table td.active { background:#e4f0f8; }
 503  table tr.odd td.active { background:#ecf8fc; }
 504  
 505  table tr.selected td.active,
 506  table tr.selected td {
 507    background:#ffc;
 508    border-color:#eeb;
 509    }
 510  
 511  /**
 512   * Pagers =============================================================
 513   */
 514  #content div.item-list ul.pager {
 515    position:relative;
 516    height:28px;
 517    background:#f8f8f8;
 518    border:1px solid #ccc;
 519    padding-right:80px;
 520    }
 521  
 522  #content ul.pager li,
 523  #content ul.pager li a { float:left; }
 524  
 525  #content ul.pager li.pager-ellipsis,
 526  #content ul.pager li.pager-current,
 527  #content ul.pager li a {
 528    color:#666;
 529    font-weight:normal;
 530    padding:4px 10px;
 531    }
 532  
 533    #content ul.pager li { border-right:1px solid #ccc; }
 534  
 535    #content ul.pager li.pager-current { background:#fff; }
 536  
 537    #content ul.pager li.pager-first a,
 538    #content ul.pager li.pager-previous a,
 539    #content ul.pager li.pager-next a,
 540    #content ul.pager li.pager-last a {
 541      font-size:11px;
 542      font-weight:bold;
 543      width:79px;
 544      padding:4px 0px;
 545      text-align:center;
 546      background:#eee;
 547      }
 548  
 549    #content ul.pager li.pager-next,
 550    #content ul.pager li.pager-last {
 551      border-left:1px solid #ccc;
 552      border-right:0px;
 553      float:right;
 554      }
 555  
 556    #content ul.pager li a:hover {
 557      background:#999;
 558      color:#fff;
 559      }
 560  
 561    /* This whole portion is to accommodate the correct order of next/last pager links. */
 562    #content ul.pager li.last { position:absolute; right:0px; }
 563    #content ul.pager li.pager-current,
 564    #content ul.pager li.pager-item { position:static; }
 565  
 566  /**
 567   * Forms ==============================================================
 568   */
 569  
 570  div.form-item {
 571    padding:9px;
 572    margin:0px 0px 10px;
 573    border:1px solid #ccc;
 574    }
 575  
 576  div.teaser-checkbox div.form-item,
 577  div.form-item div.form-item,
 578  div.fieldset div.form-item {
 579    padding:5px 0px;
 580    margin:0px;
 581    border:0px;
 582    }
 583  
 584  #content div.fieldset h2.fieldset-title,
 585  div.form-item label {
 586    margin:0px;
 587    padding:0px;
 588  
 589    font-weight:normal;
 590    font-size:11px;
 591    text-transform:uppercase;
 592    }
 593  
 594    div.form-item label.option { text-transform:none; }
 595  
 596  div.form-item label.option { font-size:11px; }
 597  div.form-item label.option input { vertical-align:middle; }
 598  
 599  
 600  div.description,
 601  div.form-item div.description {
 602    margin:5px 0px;
 603    line-height:15px;
 604    font-size:11px;
 605    color:#666;
 606    }
 607  
 608  input.teaser-button,
 609  input.form-submit {
 610    cursor:pointer;
 611    padding:2px 10px;
 612    color:#333;
 613  
 614    text-align:center;
 615  
 616    font-weight:normal;
 617    font-family:"Lucida Grande",Verdana,sans-serif;
 618  
 619    border:1px solid #eee;
 620    border-bottom:1px solid #ccc;
 621    background:url(sprite.png) 0px -40px repeat-x;
 622  
 623    -moz-border-radius:20px;
 624    -webkit-border-radius:20px;
 625    }
 626  
 627    div.node-form input#edit-submit {
 628      border:1px solid #cef;
 629      border-left-color:#bdf;
 630      border-right-color:#bdf;
 631      border-bottom-color:#9bd;
 632      background:url(sprite.png) 0px -80px repeat-x;
 633      }
 634  
 635    input.form-submit:active {
 636      background:#666;
 637      color:#fff;
 638      border-color:#555;
 639      text-shadow:#222 0px -1px 0px;
 640      }
 641  
 642    /* Teaser splitter */
 643    div.teaser-button-wrapper { padding:5px 5px 0px; }
 644    input.teaser-button { font-size:11px; }
 645  
 646  form div.buttons {
 647    clear:both;
 648    padding:10px 0px;
 649    }
 650  
 651    form div.form div.buttons { border-width:1px 0px 0px; }
 652  
 653    form input#edit-delete {
 654      background:#eee;
 655      border-color:#fff #ddd #ccc;
 656      text-shadow:none;
 657      color:#999;
 658      }
 659  
 660  input.form-autocomplete,
 661  input.form-text,
 662  textarea.form-textarea,
 663  select.form-select {
 664    padding:2px;
 665    border:1px solid #ccc;
 666    border-top-color:#999;
 667    background:#fff;
 668    color:#333;
 669    }
 670  
 671    input.form-text:focus,
 672    textarea.form-textarea:focus,
 673    select.form-select:focus {
 674      color:#000;
 675      border-color:#ace;
 676      }
 677  
 678    html.js input.form-autocomplete { background-position:100% 7px; }
 679    html.js input.throbbing { background-position:100% -13px; }
 680  
 681    /* Exceptions */
 682    #diff-inline-form select,
 683    #content div.filter-options select { padding:0px; }
 684  
 685  
 686  /* Fieldsets */
 687  div.fieldset {
 688    border:1px solid #ccc;
 689    padding:4px 9px;
 690    margin:0px 0px 10px;
 691  
 692    background:#f8f8f8;
 693    }
 694  
 695    div.fieldset div.fieldset { background:#fff; }
 696    div.fieldset div.fieldset div.fieldset { background:#f8f8f8; }
 697  
 698    div.collapsed div.fieldset-content { display:none; }
 699  
 700  /**
 701   * Node forms =========================================================
 702   */
 703  div.node-form div.left {
 704    float:left;
 705    width:70%;
 706    }
 707  
 708  div.node-form div.right {
 709    float:right;
 710    width:30%;
 711    }
 712  
 713  div.node-form div.right div.buttons {
 714    background:#ddd;
 715    padding:9px;
 716    margin:0px 0px 10px;
 717    border:1px solid #ccc;
 718    }
 719  
 720  div.node-form div.right div.form-item {
 721    padding:10px 0px 9px;
 722    margin:0px;
 723    border:0px;
 724    border-bottom:1px solid #ccc;
 725    }
 726  
 727  div.node-form div.main { padding-right:20px; }
 728  
 729  /**
 730   * System =============================================================
 731   */
 732  div.admin .right,
 733  div.admin .left {
 734    width:49%;
 735    margin:0px;
 736    }
 737  
 738  div.admin-panel,
 739  div.admin-panel .body {
 740    padding:0px;
 741    clear:left;
 742    }
 743  
 744  div.admin-panel {
 745    margin:0px 0px 20px;
 746    padding:9px;
 747    background:#f8f8f8;
 748    border:1px solid #ccc;
 749    }
 750  
 751  #content div.admin-panel h3 {
 752    font-size:11px;
 753    text-transform:uppercase;
 754    margin:0px 0px 10px;
 755    padding-bottom:9px;
 756    border-bottom:1px solid #ccc;
 757    }
 758  
 759  .container-inline div.fieldset { display:block; }
 760  
 761  /* admin/content/node & admin/user/user */
 762  #content dl.multiselect,
 763  #content dl.multiselect dt,
 764  #content dl.multiselect dd { margin:0px 10px 0px 0px; }
 765  
 766  #content dl.multiselect select {
 767    font-size:11px;
 768    background:#fff;
 769    border:1px solid #ccc;
 770    }
 771  
 772  /* update options */
 773  div.admin-options {
 774    background:#f8f8f8;
 775    line-height:30px;
 776    height:30px;
 777    padding:9px;
 778    border:1px solid #ccc;
 779    margin:0px 0px 10px;
 780    }
 781  
 782  div.admin-options label {
 783    text-transform:uppercase;
 784    font:11px/30px "Lucida Grande",Verdana,sans-serif;
 785    }
 786  
 787  div.admin-options label,
 788  div.admin-options div.form-item {
 789    margin-right:10px;
 790    float:left;
 791    }
 792  
 793  div.admin-options div.form-item {
 794    padding:0px;
 795    border:0px;
 796    }