css/dijit.less

   1 /* Tree */
   2
   3 .claro {
   4
   5         .dijitTreeRow .dijitCheckBox {
   6                 position: relative;
   7                 top: -2px;
   8         }
   9
  10         .dijitTreeLabel {
  11                 outline: 0;
  12         }
  13
  14         .dijitTree .feedParam {
  15                 color: @default-text;
  16                 float: right;
  17                 margin-right: 1em;
  18         }
  19
  20         .dijitTree .filterRules {
  21                 display: block;
  22                 color: #ccc;
  23                 font-size: 10px;
  24                 margin-left: 100px;
  25         }
  26
  27         .dijitTree .filterRules span {
  28                 display: block;
  29                 color: green;
  30         }
  31
  32         #filterDlg_Matches span.filterRule {
  33                 color: green;
  34         }
  35
  36         .dijitTree .filterRules span.inverse,
  37         #filterDlg_Matches span.filterRule.inverse {
  38                 color: red;
  39         }
  40
  41         .dijitTree .labelParam {
  42                 float: right;
  43                 margin-right: 1em;
  44         }
  45
  46         .dijitTree .dijitTreeLabel.filterDisabled,
  47         .dijitTree .labelParam.filterDisabled {
  48                 color: @default-text;
  49                 text-decoration: line-through;
  50         }
  51
  52         .dijitTreeRow.Error {
  53                 color: red;
  54         }
  55
  56         .dijitTreeRow.Hidden {
  57                 display: none;
  58         }
  59
  60         .dijitTreeNode .loadingNode {
  61                 margin-left: 3px;
  62                 height: 9px;
  63         }
  64
  65         .dijitFolderClosed,
  66         .dijitFolderOpened {
  67                 display: none;
  68         }
  69
  70         .dijitTreeNode .dijitCheckBox {
  71                 margin-left: 4px;
  72         }
  73
  74         .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
  75                 margin-left: 5px;
  76         }
  77
  78         .dijitTree .dijitTreeExpando {
  79                 margin-top: 0px;
  80                 opacity: 0.6;
  81         }
  82
  83         .dijitTree .dijitTreeNode {
  84                 padding: 0px;
  85                 border-width: 0px;
  86         }
  87
  88         /*.dijitTree .dijitTreeRow {
  89         max-width: 100%;
  90         overflow: hidden;
  91         text-overflow: ellipsis;
  92     }*/
  93
  94         .dijitTree .dijitTreeRowSelected {
  95                 background: white;
  96         }
  97
  98         .dijitTree .dijitTreeRowHover {
  99                 background: #f0f0f0;
 100                 border-color: #ddd;
 101         }
 102
 103         .dijitTree .dijitTreeRowSelected {
 104                 background: white;
 105                 border-color: #ddd;
 106         }
 107
 108         .dijitTreeRowSelected .dijitTreeLabel {
 109                 text-shadow: 1px 1px 2px #fff;
 110         }
 111
 112         .dijitTreeRow .dijitTreeExpando {
 113                 background-image: url("../images/treeExpandImages.png");
 114                 position: relative;
 115                 top: -1px;
 116         }
 117
 118         .dijitTreeRow .dijitTreeExpandoLeaf {
 119                 background: none;
 120         }
 121
 122         /* Toolbar */
 123
 124         .dijitToolbar {
 125                 background: #f5f5f5;
 126                 border-color: #ddd;
 127                 /* text-rendering: optimizelegibility;
 128         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 129             "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
 130             Helvetica, Arial, sans-serif; */
 131         }
 132
 133         /* .dijitToolbar {
 134         text-shadow : 1px 1px 2px #fff;
 135     } */
 136
 137         .dijitDialog .dijitToolbar {
 138                 border: 1px solid #ddd;
 139         }
 140
 141         /* Dialog */
 142
 143         .dijitDialog h2 {
 144                 margin-top: 0px;
 145                 margin-bottom: 4px;
 146                 border-width: 0px;
 147         }
 148
 149         .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
 150                 font-size: 13px;
 151                 padding-top: 3px;
 152                 padding-bottom: 3px;
 153         }
 154
 155         /* Checkbox */
 156
 157         .dijitCheckBox {
 158                 background-image: url("../images/untick.png");
 159                 background-color: transparent;
 160                 width: 15px;
 161                 height: 15px;
 162                 margin: 1px;
 163                 opacity: 0.7;
 164                 background-position: center center;
 165                 transition: opacity 0.25s;
 166                 -webkit-transition: opacity 0.25s;
 167                 /* border : 1px solid #b5bcc7; */
 168                 padding: 1px;
 169         }
 170
 171         .dijitCheckBox:hover {
 172                 opacity: 1;
 173         }
 174
 175         .dijitCheckBox.dijitCheckBoxDisabled:hover {
 176                 opacity: 0.7;
 177         }
 178
 179         .dijitCheckBox.dijitCheckBoxChecked {
 180                 border-color: #69C671;
 181                 background-image: url("../images/tick.png");
 182                 opacity: 1;
 183         }
 184
 185         /* Various buttons */
 186
 187         /* danger */
 188
 189         .dijitButton.btn-danger .dijitButtonText {
 190                 color: #ffffff;
 191         }
 192
 193         .dijitButton.btn-danger {
 194                 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 195                 background-color: #da4f49;
 196                 *background-color: #bd362f;
 197                 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
 198                 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
 199                 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
 200                 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
 201                 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
 202                 background-repeat: repeat-x;
 203                 border-color: #bd362f #bd362f #802420;
 204                 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 205                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
 206                 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 207         }
 208
 209         .dijitButton.dijitButtonDisabled.btn-danger,
 210         .dijitButton.dijitButtonActive.btn-danger,
 211         .dijitButton.dijitButtonHover.btn-danger,
 212         .dijitButton.dijitFocused.btn-danger {
 213                 color: #ffffff;
 214                 background-color: #bd362f;
 215                 *background-color: #a9302a;
 216         }
 217
 218         .dijitButton.dijitButtonActive.btn-danger {
 219                 background-color: #942a25 \9;
 220         }
 221
 222         .dijitButton.dijitButtonActive.btn-danger {
 223                 color: rgba(255, 255, 255, 0.75);
 224         }
 225
 226         /* primary */
 227
 228         .dijitButton.btn-primary .dijitButtonText {
 229                 color: #ffffff;
 230         }
 231
 232         .dijitButton.btn-primary {
 233                 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 234                 background-color: #2883b3;
 235                 *background-color: #257aa7;
 236                 background-image: -moz-linear-gradient(top, #4ba6d8, #257aa7);
 237                 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4ba6d8), to(#257aa7));
 238                 background-image: -webkit-linear-gradient(top, #4ba6d8, #257aa7);
 239                 background-image: -o-linear-gradient(top, #4ba6d8, #257aa7);
 240                 background-image: linear-gradient(to bottom, #4ba6d8, #257aa7);
 241                 background-repeat: repeat-x;
 242                 border-color: #257aa7 #257aa7 #1d5f82;
 243                 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 244         }
 245
 246         .dijitButton.dijitButtonDisabled.btn-primary,
 247         .dijitButton.dijitButtonActive.btn-primary,
 248         .dijitButton.dijitButtonHover.btn-primary,
 249         .dijitButton.dijitFocused.btn-primary {
 250                 color: #ffffff;
 251                 background-color: #257aa7;
 252                 *background-color: #1d6185;
 253         }
 254
 255         .dijitButton.dijitButtonActive.btn-primary {
 256                 background-color: #1f678d \9;
 257         }
 258
 259         .dijitButton.dijitButtonActive.btn-primary {
 260                 color: rgba(255, 255, 255, 0.75);
 261         }
 262
 263         /* others */
 264
 265         .dijitDropDownButton {
 266                 margin: 0px;
 267         }
 268
 269         .dijitDropDownButton .dijitButtonNode {
 270                 padding: 0px;
 271         }
 272
 273         .dijitButton .dijitButtonNode,
 274         .dijitDropDownButton .dijitButtonNode,
 275         .dijitComboButton .dijitButtonNode,
 276         .dijitToolbar .dijitDropDownButton .dijitButtonNode,
 277         .dijitToolbar .dijitComboButton,
 278         .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
 279         .dijitToolbar .dijitComboButton .dijitButtonNode {
 280                 background: none;
 281                 border-color: transparent;
 282                 box-shadow: none;
 283         }
 284
 285         button,
 286         input[type="submit"] {
 287                 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 288                 font-size: 14px;
 289         }
 290
 291         button,
 292         input[type="submit"],
 293         .dijitButton,
 294         .dijitDropDownButton .dijitDownArrowButton,
 295         .dijitComboButton {
 296                 display: inline-block;
 297                 padding: 4px 12px;
 298                 margin-bottom: 0;
 299                 font-size: 14px;
 300                 line-height: 20px;
 301                 color: #333333;
 302                 text-align: center;
 303                 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 304                 vertical-align: middle;
 305                 cursor: pointer;
 306                 background-color: #f5f5f5;
 307                 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 308                 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 309                 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 310                 background-repeat: repeat-x;
 311                 border: 1px solid #cccccc;
 312                 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 313                 border-bottom-color: #b3b3b3;
 314                 -webkit-border-radius: 4px;
 315                 border-radius: 4px;
 316                 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 317                 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 318         }
 319
 320         button:hover,
 321         button:focus,
 322         button:active,
 323         input[type="submit"]:hover,
 324         input[type="submit"]:focus,
 325         input[type="submit"]:active,
 326         .dijitButton:hover,
 327         .dijitButton:focus,
 328         .dijitButton:active,
 329         .dijitDropDownButton .dijitDownArrowButton:hover,
 330         .dijitDropDownButton .dijitDownArrowButton:focus,
 331         .dijitDropDownButton .dijitDownArrowButton:active,
 332         .dijitComboButton:hover,
 333         .dijitComboButton:focus,
 334         .dijitComboButton:active,
 335         .dijitButton.dijitButtonDisabled {
 336                 color: #333333;
 337                 background-color: #e6e6e6;
 338         }
 339
 340         button:active,
 341         input[type="submit"]:active,
 342         .dijitButton:active,
 343         .dijitDropDownButton .dijitDownArrowButton:active,
 344         .dijitComboButton:active {
 345                 background-color: #cccccc \9;
 346         }
 347
 348         .dijitToolbar .dijitButton,
 349         .dijitToolbar .dijitButton.dijitHover,
 350         .dijitToolbar .dijitComboButton,
 351         .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
 352         .dijitToolbar .dijitComboButton.dijitHover {
 353                 background: none;
 354                 border-color: transparent;
 355                 box-shadow: none;
 356                 padding: 0px;
 357                 margin: 0px;
 358                 line-height: auto;
 359                 text-shadow: none;
 360         }
 361
 362         .dijitToolbar .dijitDropDownButton .dijitButtonText,
 363         .dijitToolbar .dijitDownArrowButton .dijitButtonText,
 364         .dijitToolbar .dijitComboButton .dijitButtonText {
 365                 padding: 0px;
 366         }
 367
 368         .dijitToolbar .dijitDropDownButton .dijitButtonNode {
 369                 border-radius: 4px;
 370         }
 371
 372         .dijitToolbar .dijitButton.dijitHover,
 373         .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
 374         .dijitToolbar .dijitComboButton.dijitHover {
 375                 border-color: #ccc;
 376         }
 377
 378         .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
 379         .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
 380                 background: none;
 381         }
 382
 383         .dijitToolbar .dijitButton .dijitButtonContents,
 384         .dijitToolbar .dijitDropDownButton .dijitButtonContents,
 385         .dijitToolbar .dijitComboButton .dijitButtonContents {
 386                 font-size: 13px;
 387         }
 388
 389         button:hover,
 390         button:focus,
 391         input[type="submit"]:hover,
 392         input[type="submit"]:focus,
 393         .dijitButton:hover,
 394         .dijitDropDownButton .dijitDownArrowButton:hover,
 395         .dijitToolbar .dijitButton:hover .dijitButtonNode,
 396         .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
 397         .dijitButton:focus,
 398         .dijitComboButton:hover,
 399         .dijitComboButton:focus {
 400                 color: #333333;
 401                 text-decoration: none;
 402                 background-position: 0 -15px;
 403                 -webkit-transition: background-position 0.1s linear;
 404                 transition: background-position 0.1s linear;
 405         }
 406
 407         button:focus,
 408         input[type="submit"]:focus,
 409         .dijitButton:focus,
 410         .dijitDropDownButton .dijitDownArrowButton:focus,
 411         .dijitComboButton:focus {
 412                 outline: thin dotted #333;
 413                 outline: 5px auto -webkit-focus-ring-color;
 414                 outline-offset: -2px;
 415         }
 416
 417         button:active,
 418         input[type="submit"]:active,
 419         .dijitButton:active,
 420         .dijitComboButton:active,
 421         .dijitToolbar .dijitDropDownButton.dijitOpened,
 422         .dijitToolbar .dijitComboButton.dijitOpened,
 423         .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
 424                 background-image: none;
 425                 outline: 0;
 426                 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 427                 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 428         }
 429
 430         input[type="submit"][disabled],
 431         button[disabled],
 432         .dijitButton[disabled],
 433         .dijitDropDownButton .dijitDownArrowButton[disabled],
 434         .dijitButton.dijitButtonDisabled,
 435         .dijitComboButton.dijitButtonDisabled {
 436                 cursor: default;
 437                 background-image: none;
 438                 opacity: 0.65;
 439                 filter: alpha(opacity=65);
 440                 -webkit-box-shadow: none;
 441                 box-shadow: none;
 442         }
 443
 444         .dijitButton .dijitButtonContents,
 445         .dijitDropDownButton .dijitButtonContents,
 446         .dijitComboButton .dijitButtonContents {
 447                 font-size: 14px;
 448                 font-weight: normal;
 449                 line-height: 20px;
 450         }
 451
 452         .dijitButton.small .dijitButtonText {
 453                 font-size: 11px;
 454         }
 455
 456         .dijitMenu {
 457                 border-color: @color-accent;
 458         }
 459
 460         .dijitMenu .dijitMenuItemSelected,
 461         .dijitMenu .dijitMenuItemSelected td {
 462                 background: @color-accent;
 463                 color: white;
 464                 border-color: @color-accent;
 465         }
 466
 467         .dijitButton .dijitButtonNode,
 468         .dijitComboButton .dijitButtonNode {
 469                 padding: 0px;
 470         }
 471
 472         /* Other stuff */
 473
 474         /* .dijitAccordionTitleFocus {
 475         text-shadow : 1px 1px 2px #fff;
 476     }
 477
 478     .dijitAccordionTitle {
 479         text-rendering: optimizelegibility;
 480         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 481             "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
 482             Helvetica, Arial, sans-serif;
 483     } */
 484
 485         .dijitAccordionTitle.dijitAccordionTitleHover,
 486         .dijitAccordionTitle.dijitAccordionTitleFocused {
 487                 background: white;
 488                 transition: background 0.25s;
 489         }
 490         .dijitAccordionTitle {
 491                 background: #f0f0f0;
 492                 transition: background 0.25s;
 493         }
 494
 495         .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
 496         .dijitAccordionTitle.dijitAccordionTitleSelected {
 497                 background: @color-accent;
 498                 transition: background 0.25s;
 499         }
 500
 501         .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
 502                 color: white;
 503         }
 504
 505         .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
 506                 border-color: @color-accent;
 507         }
 508
 509         .dijitAccordionContainer .dijitAccordionChildWrapper {
 510                 border-color: #ddd;
 511         }
 512
 513         /* Tabs */
 514
 515         .dijitTabInner.dijitTab {
 516                 background: #f0f0f0;
 517         }
 518
 519         .dijitTabContent {
 520                 background: #eee;
 521         }
 522
 523         .dijitTabContent.dijitTabChecked,
 524         .dijitTabContent.dijitTabHover,
 525         .dijitTabContent.dijitFocused {
 526                 background: white;
 527         }
 528
 529         .dijitTabPaneWrapper,
 530         .dijitTabContainerTop-tabs,
 531         .dijitTab,
 532         .dijitAccordionInnerContainer {
 533                 border-color: #ddd;
 534         }
 535
 536         /* Text fields & selects */
 537
 538         .dijitComboBox .dijitArrowButton,
 539         .dijitSelect .dijitArrowButton {
 540                 background: transparent;
 541                 border-color: transparent;
 542         }
 543
 544         .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
 545                 margin-right: 5px;
 546                 float: right;
 547         }
 548
 549         select,
 550         .dijitDownArrowButton.dijitSelect {
 551                 -webkit-border-radius: 4px;
 552                 -moz-border-radius: 4px;
 553                 border-radius: 4px;
 554                 margin-bottom: 4px;
 555
 556         }
 557
 558         .dijitSelect .dijitButtonContents {
 559                 display: inline-block;
 560                 height: 20px;
 561                 padding: 4px 6px;
 562                 font-size: 14px;
 563                 line-height: 20px;
 564                 color: @default-text;
 565                 vertical-align: middle;
 566                 border-width: 0px;
 567         }
 568
 569         select,
 570         textarea,
 571         .input.input-text,
 572         .dijitTextBox {
 573                 display: inline-block;
 574                 height: 20px;
 575                 padding: 4px 6px;
 576                 font-size: 14px;
 577                 line-height: 20px;
 578                 color: @default-text;
 579                 vertical-align: middle;
 580                 -webkit-border-radius: 4px;
 581                 -moz-border-radius: 4px;
 582                 border-radius: 4px;
 583                 margin-bottom: 4px;
 584         }
 585         textarea {
 586                 height: auto;
 587         }
 588
 589         select,
 590         .input.input-text {
 591                 height: 30px;
 592         }
 593
 594         textarea,
 595         select,
 596         .input.input-text,
 597         .dijitTextBox,
 598         .dijitSelect {
 599                 background-color: #ffffff;
 600                 border: 1px solid #cccccc;
 601                 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 602                 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 603                 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 604                 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 605                 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
 606                 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
 607                 transition: border linear 0.2s, box-shadow linear 0.2s;
 608         }
 609
 610         select:focus,
 611         .input.input-text:focus,
 612         .dijitTextBox.dijitFocused,
 613         .dijitSelect.dijitFocused {
 614                 border-color: rgba(82, 168, 236, 0.8);
 615                 outline: 0;
 616                 outline: thin dotted \9;
 617                 /* IE6-9 */
 618
 619                 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6);
 620                 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6);
 621                 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6);
 622         }
 623
 624         .dijitError .dijitValidationContainer {
 625                 padding: 0px;
 626                 width: 13px;
 627                 border-width: 1px;
 628                 display: none;
 629         }
 630
 631         .dijitSelect.dijitSelectDisabled {
 632                 background-color: #eeeeee;
 633         }
 634
 635         .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
 636                 cursor: not-allowed;
 637         }
 638
 639         .dijitTextBox.dijitTextBoxDisabled,
 640         .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
 641         .dijitTextBox.dijitReadOnly,
 642         .dijitTextBox.dijitReadOnly .dijitInputInner {
 643                 cursor: not-allowed;
 644                 background-color: #eeeeee;
 645         }
 646
 647         .dijitToolbar .dijitDownArrowButton.dijitSelect {
 648                 border-color: rgba(0, 0, 0, 0.1);
 649         }
 650
 651         .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
 652                 padding: 2px 2px 0px 4px;
 653         }
 654
 655         .dijitToolbar .dijitDownArrowButton.dijitSelect {
 656                 margin: 0px;
 657         }
 658
 659         .dijitToolbar .dijitTextBox {
 660                 padding: 0px;
 661                 margin-bottom: 0px;
 662                 border-radius: 0px;
 663         }
 664
 665         /* dialog */
 666
 667         .dijitDialog {
 668                 border-radius: 6px;
 669
 670         }
 671
 672         .dijitDialog .dijitDialogCloseIcon {
 673                 margin-top: 5px;
 674         }
 675
 676         .dijitDialog .dijitDialogTitleBar {
 677                 background: white;
 678                 padding: 8px;
 679                 font-weight: 600;
 680                 color: @default-text;
 681                 font-size: 16px;
 682                 text-rendering: optimizelegibility;
 683                 font-family: @fonts-ui-bold;
 684         }
 685
 686         .dijitDialog .dijitDialogPaneContent {
 687                 border-color: #ddd;
 688                 padding: 10px;
 689         }
 690
 691         .dijitProgressBar.dijitProgressBarEmpty {
 692                 background: #ddd;
 693                 border-color: @color-accent;
 694         }
 695
 696         .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
 697                 background: @color-accent;
 698
 699         }
 700
 701         .dijitProgressBar .dijitProgressBarLabel {
 702                 color: white;
 703         }
 704
 705 }