[Summary view] [Print] [Text view]

   1  
   2  /*
   3  ** HTML elements
   4  */
   5  body.drag {
   6    cursor: move;
   7  }
   8  th.active img {
   9    display: inline;
  10  }
  11  tr.even, tr.odd {
  12    background-color: #eee;
  13    border-bottom: 1px solid #ccc;
  14    padding: 0.1em 0.6em;
  15  }
  16  tr.drag {
  17    background-color: #fffff0;
  18  }
  19  tr.drag-previous {
  20    background-color: #ffd;
  21  }
  22  td.active {
  23    background-color: #ddd;
  24  }
  25  td.checkbox, th.checkbox {
  26    text-align: center;
  27  }
  28  tbody {
  29    border-top: 1px solid #ccc;
  30  }
  31  tbody th {
  32    border-bottom: 1px solid #ccc;
  33  }
  34  thead th {
  35    text-align: left; /* LTR */
  36    padding-right: 1em; /* LTR */
  37    border-bottom: 3px solid #ccc;
  38  }
  39  
  40  /*
  41  ** Other common styles
  42  */
  43  .breadcrumb {
  44    padding-bottom: .5em
  45  }
  46  div.indentation {
  47    width: 20px;
  48    height: 1.7em;
  49    margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  50    padding: 0.42em 0 0.42em 0.6em; /* LTR */
  51    float: left; /* LTR */
  52  }
  53  div.tree-child {
  54    background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
  55  }
  56  div.tree-child-last {
  57    background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
  58  }
  59  div.tree-child-horizontal {
  60    background: url(../../misc/tree.png) no-repeat -11px center;
  61  }
  62  .error {
  63    color: #e55;
  64  }
  65  div.error {
  66    border: 1px solid #d77;
  67  }
  68  div.error, tr.error {
  69    background: #fcc;
  70    color: #200;
  71    padding: 2px;
  72  }
  73  .warning {
  74    color: #e09010;
  75  }
  76  div.warning {
  77    border: 1px solid #f0c020;
  78  }
  79  div.warning, tr.warning {
  80    background: #ffd;
  81    color: #220;
  82    padding: 2px;
  83  }
  84  .ok {
  85    color: #008000;
  86  }
  87  div.ok {
  88    border: 1px solid #00aa00;
  89  }
  90  div.ok, tr.ok {
  91    background: #dfd;
  92    color: #020;
  93    padding: 2px;
  94  }
  95  .item-list .icon {
  96    color: #555;
  97    float: right; /* LTR */
  98    padding-left: 0.25em; /* LTR */
  99    clear: right; /* LTR */
 100  }
 101  .item-list .title {
 102    font-weight: bold;
 103  }
 104  .item-list ul {
 105    margin: 0 0 0.75em 0;
 106    padding: 0;
 107  }
 108  .item-list ul li {
 109    margin: 0 0 0.25em 1.5em; /* LTR */
 110    padding: 0;
 111    list-style: disc;
 112  }
 113  ol.task-list li.active {
 114    font-weight: bold;
 115  }
 116  .form-item {
 117    margin-top: 1em;
 118    margin-bottom: 1em;
 119  }
 120  tr.odd .form-item, tr.even .form-item {
 121    margin-top: 0;
 122    margin-bottom: 0;
 123    white-space: nowrap;
 124  }
 125  tr.merge-down, tr.merge-down td, tr.merge-down th {
 126    border-bottom-width: 0 !important;
 127  }
 128  tr.merge-up, tr.merge-up td, tr.merge-up th {
 129    border-top-width: 0 !important;
 130  }
 131  .form-item input.error, .form-item textarea.error, .form-item select.error {
 132    border: 2px solid red;
 133  }
 134  .form-item .description {
 135    font-size: 0.85em;
 136  }
 137  .form-item label {
 138    display: block;
 139    font-weight: bold;
 140  }
 141  .form-item label.option {
 142    display: inline;
 143    font-weight: normal;
 144  }
 145  .form-checkboxes, .form-radios {
 146    margin: 1em 0;
 147  }
 148  .form-checkboxes .form-item, .form-radios .form-item {
 149    margin-top: 0.4em;
 150    margin-bottom: 0.4em;
 151  }
 152  .marker, .form-required {
 153    color: #f00;
 154  }
 155  .more-link {
 156    text-align: right; /* LTR */
 157  }
 158  .more-help-link {
 159    font-size: 0.85em;
 160    text-align: right; /* LTR */
 161  }
 162  .nowrap {
 163    white-space: nowrap;
 164  }
 165  .item-list .pager {
 166    clear: both;
 167    text-align: center;
 168  }
 169  .item-list .pager li {
 170    background-image:none;
 171    display:inline;
 172    list-style-type:none;
 173    padding: 0.5em;
 174  }
 175  .pager-current {
 176    font-weight:bold;
 177  }
 178  .tips {
 179    margin-top: 0;
 180    margin-bottom: 0;
 181    padding-top: 0;
 182    padding-bottom: 0;
 183    font-size: 0.9em;
 184  }
 185  dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
 186    font-family: inherit;
 187    font-size: inherit;
 188    width: 14em;
 189  }
 190  dl.multiselect dd.a, dl.multiselect dd.a .form-item {
 191    width: 10em;
 192  }
 193  dl.multiselect dt, dl.multiselect dd {
 194    float: left; /* LTR */
 195    line-height: 1.75em;
 196    padding: 0;
 197    margin: 0 1em 0 0; /* LTR */
 198  }
 199  dl.multiselect .form-item {
 200    height: 1.75em;
 201    margin: 0;
 202  }
 203  
 204  /*
 205  ** Inline items (need to override above)
 206  */
 207  .container-inline div, .container-inline label {
 208    display: inline;
 209  }
 210  
 211  /*
 212  ** Tab navigation
 213  */
 214  ul.primary {
 215    border-collapse: collapse;
 216    padding: 0 0 0 1em; /* LTR */
 217    white-space: nowrap;
 218    list-style: none;
 219    margin: 5px;
 220    height: auto;
 221    line-height: normal;
 222    border-bottom: 1px solid #bbb;
 223  }
 224  ul.primary li {
 225    display: inline;
 226  }
 227  ul.primary li a {
 228    background-color: #ddd;
 229    border-color: #bbb;
 230    border-width: 1px;
 231    border-style: solid solid none solid;
 232    height: auto;
 233    margin-right: 0.5em; /* LTR */
 234    padding: 0 1em;
 235    text-decoration: none;
 236  }
 237  ul.primary li.active a {
 238    background-color: #fff;
 239    border: 1px solid #bbb;
 240    border-bottom: #fff 1px solid;
 241  }
 242  ul.primary li a:hover {
 243    background-color: #eee;
 244    border-color: #ccc;
 245    border-bottom-color: #eee;
 246  }
 247  ul.secondary {
 248    border-bottom: 1px solid #bbb;
 249    padding: 0.5em 1em;
 250    margin: 5px;
 251  }
 252  ul.secondary li {
 253    display: inline;
 254    padding: 0 1em;
 255    border-right: 1px solid #ccc; /* LTR */
 256  }
 257  ul.secondary a {
 258    padding: 0;
 259    text-decoration: none;
 260  }
 261  ul.secondary a.active {
 262    border-bottom: 4px solid #999;
 263  }
 264  
 265  /*
 266  ** Autocomplete styles
 267  */
 268  /* Suggestion list */
 269  #autocomplete {
 270    position: absolute;
 271    border: 1px solid;
 272    overflow: hidden;
 273    z-index: 100;
 274  }
 275  #autocomplete ul {
 276    margin: 0;
 277    padding: 0;
 278    list-style: none;
 279  }
 280  #autocomplete li {
 281    background: #fff;
 282    color: #000;
 283    white-space: pre;
 284    cursor: default;
 285  }
 286  #autocomplete li.selected {
 287    background: #0072b9;
 288    color: #fff;
 289  }
 290  /* Animated throbber */
 291  html.js input.form-autocomplete {
 292    background-image: url(../../misc/throbber.gif);
 293    background-repeat: no-repeat;
 294    background-position: 100% 2px; /* LTR */
 295  }
 296  html.js input.throbbing {
 297    background-position: 100% -18px; /* LTR */
 298  }
 299  
 300  /*
 301  ** Collapsing fieldsets
 302  */
 303  html.js fieldset.collapsed {
 304    border-bottom-width: 0;
 305    border-left-width: 0;
 306    border-right-width: 0;
 307    margin-bottom: 0;
 308    height: 1em;
 309  }
 310  html.js fieldset.collapsed * {
 311    display: none;
 312  }
 313  html.js fieldset.collapsed legend {
 314    display: block;
 315  }
 316  html.js fieldset.collapsible legend a {
 317    padding-left: 15px; /* LTR */
 318    background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
 319  }
 320  html.js fieldset.collapsed legend a {
 321    background-image: url(../../misc/menu-collapsed.png); /* LTR */
 322    background-position: 5px 50%; /* LTR */
 323  }
 324  /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
 325  * html.js fieldset.collapsed legend,
 326  * html.js fieldset.collapsed legend *,
 327  * html.js fieldset.collapsed table * {
 328    display: inline;
 329  }
 330  /* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
 331  html.js fieldset.collapsible {
 332    position: relative;
 333  }
 334  html.js fieldset.collapsible legend a {
 335    display: block;
 336  }
 337  /* Avoid jumping around due to margins collapsing into collapsible fieldset border */
 338  html.js fieldset.collapsible .fieldset-wrapper {
 339    overflow: auto;
 340  }
 341  
 342  /*
 343  ** Resizable text areas
 344  */
 345  .resizable-textarea {
 346    width: 95%;
 347  }
 348  .resizable-textarea .grippie {
 349    height: 9px;
 350    overflow: hidden;
 351    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
 352    border: 1px solid #ddd;
 353    border-top-width: 0;
 354    cursor: s-resize;
 355  }
 356  html.js .resizable-textarea textarea {
 357    margin-bottom: 0;
 358    width: 100%;
 359    display: block;
 360  }
 361  
 362  /*
 363  ** Table drag and drop.
 364  */
 365  .draggable a.tabledrag-handle {
 366    cursor: move;
 367    float: left; /* LTR */
 368    height: 1.7em;
 369    margin: -0.4em 0 -0.4em -0.5em; /* LTR */
 370    padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
 371    text-decoration: none;
 372  }
 373  a.tabledrag-handle:hover {
 374    text-decoration: none;
 375  }
 376  a.tabledrag-handle .handle {
 377    margin-top: 4px;
 378    height: 13px;
 379    width: 13px;
 380    background: url(../../misc/draggable.png) no-repeat 0 0;
 381  }
 382  a.tabledrag-handle-hover .handle {
 383    background-position: 0 -20px;
 384  }
 385  
 386  /*
 387  ** Teaser splitter
 388  */
 389  .joined + .grippie {
 390    height: 5px;
 391    background-position: center 1px;
 392    margin-bottom: -2px;
 393  }
 394  /* Keeps inner content contained in Opera 9. */
 395  .teaser-checkbox {
 396    padding-top: 1px;
 397  }
 398  div.teaser-button-wrapper {
 399    float: right; /* LTR */
 400    padding-right: 5%; /* LTR */
 401    margin: 0;
 402  }
 403  .teaser-checkbox div.form-item {
 404    float: right; /* LTR */
 405    margin: 0 5% 0 0; /* LTR */
 406    padding: 0;
 407  }
 408  textarea.teaser {
 409    display: none;
 410  }
 411  html.js .no-js {
 412    display: none;
 413  }
 414  
 415  /*
 416  ** Progressbar styles
 417  */
 418  .progress {
 419    font-weight: bold;
 420  }
 421  .progress .bar {
 422    background: #fff url(../../misc/progress.gif);
 423    border: 1px solid #00375a;
 424    height: 1.5em;
 425    margin: 0 0.2em;
 426  }
 427  .progress .filled {
 428    background: #0072b9;
 429    height: 1em;
 430    border-bottom: 0.5em solid #004a73;
 431    width: 0%;
 432  }
 433  .progress .percentage {
 434    float: right; /* LTR */
 435  }
 436  .progress-disabled {
 437    float: left; /* LTR */
 438  }
 439  .ahah-progress {
 440    float: left; /* LTR */
 441  }
 442  .ahah-progress .throbber {
 443    width: 15px;
 444    height: 15px;
 445    margin: 2px;
 446    background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
 447    float: left; /* LTR */
 448  }
 449  tr .ahah-progress .throbber {
 450    margin: 0 2px;
 451  }
 452  .ahah-progress-bar {
 453    width: 16em;
 454  }
 455  
 456  /*
 457  ** Formatting for welcome page
 458  */
 459  #first-time strong {
 460    display: block;
 461    padding: 1.5em 0 .5em;
 462  }
 463  
 464  /*
 465  ** To be used with tableselect.js
 466  */
 467  tr.selected td {
 468    background: #ffc;
 469  }
 470  
 471  /*
 472  ** Floating header for tableheader.js
 473  */
 474  table.sticky-header {
 475    margin-top: 0;
 476    background: #fff;
 477  }
 478  
 479  /*
 480  ** Installation clean URLs
 481  */
 482  #clean-url.install {
 483    display: none;
 484  }
 485  
 486  /*
 487  ** For anything you want to hide on page load when JS is enabled, so
 488  ** that you can use the JS to control visibility and avoid flicker.
 489  */
 490  html.js .js-hide {
 491    display: none;
 492  }
 493  
 494  /*
 495  ** Styles for the system modules page (admin/build/modules)
 496  */
 497  #system-modules div.incompatible {
 498    font-weight: bold;
 499  }
 500  
 501  /*
 502  ** Styles for the system themes page (admin/build/themes)
 503  */
 504  #system-themes-form div.incompatible {
 505    font-weight: bold;
 506  }
 507  
 508  /*
 509  ** Password strength indicator
 510  */
 511  span.password-strength {
 512    visibility: hidden;
 513  }
 514  input.password-field {
 515    margin-right: 10px; /* LTR */
 516  }
 517  div.password-description {
 518    padding: 0 2px;
 519    margin: 4px 0 0 0;
 520    font-size: 0.85em;
 521    max-width: 500px;
 522  }
 523  div.password-description ul {
 524    margin-bottom: 0;
 525  }
 526  .password-parent {
 527    margin: 0 0 0 0;
 528  }
 529  /*
 530  ** Password confirmation checker
 531  */
 532  input.password-confirm {
 533    margin-right: 10px; /* LTR */
 534  }
 535  .confirm-parent {
 536    margin: 5px 0 0 0;
 537  }
 538  span.password-confirm {
 539    visibility: hidden;
 540  }
 541  span.password-confirm span {
 542    font-weight: normal;
 543  }