5 .dijitTreeRow .dijitCheckBox {
14 .dijitTree .feedParam {
20 .dijitTree .filterRules {
27 .dijitTree .filterRules span {
32 #filterDlg_Matches span.filterRule {
36 .dijitTree .filterRules span.inverse,
37 #filterDlg_Matches span.filterRule.inverse {
41 .dijitTree .labelParam {
46 .dijitTree .dijitTreeLabel.filterDisabled,
47 .dijitTree .labelParam.filterDisabled {
49 text-decoration: line-through;
56 .dijitTreeRow.Hidden {
60 .dijitTreeNode .loadingNode {
70 .dijitTreeNode .dijitCheckBox {
74 .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
78 .dijitTree .dijitTreeExpando {
83 .dijitTree .dijitTreeNode {
88 /*.dijitTree .dijitTreeRow {
91 text-overflow: ellipsis;
94 .dijitTree .dijitTreeRowSelected {
98 .dijitTree .dijitTreeRowHover {
103 .dijitTree .dijitTreeRowSelected {
108 .dijitTreeRowSelected .dijitTreeLabel {
109 text-shadow: 1px 1px 2px #fff;
112 .dijitTreeRow .dijitTreeExpando {
113 background-image: url("../images/treeExpandImages.png");
118 .dijitTreeRow .dijitTreeExpandoLeaf {
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; */
134 text-shadow : 1px 1px 2px #fff;
137 .dijitDialog .dijitToolbar {
138 border: 1px solid #ddd;
149 .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
158 background-image: url("../images/untick.png");
159 background-color: transparent;
164 background-position: center center;
165 transition: opacity 0.25s;
166 -webkit-transition: opacity 0.25s;
167 /* border : 1px solid #b5bcc7; */
171 .dijitCheckBox:hover {
175 .dijitCheckBox.dijitCheckBoxDisabled:hover {
179 .dijitCheckBox.dijitCheckBoxChecked {
180 border-color: #69C671;
181 background-image: url("../images/tick.png");
185 /* Various buttons */
189 .dijitButton.btn-danger .dijitButtonText {
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);
209 .dijitButton.dijitButtonDisabled.btn-danger,
210 .dijitButton.dijitButtonActive.btn-danger,
211 .dijitButton.dijitButtonHover.btn-danger,
212 .dijitButton.dijitFocused.btn-danger {
214 background-color: #bd362f;
215 *background-color: #a9302a;
218 .dijitButton.dijitButtonActive.btn-danger {
219 background-color: #942a25 \9;
222 .dijitButton.dijitButtonActive.btn-danger {
223 color: rgba(255, 255, 255, 0.75);
228 .dijitButton.btn-primary .dijitButtonText {
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);
246 .dijitButton.dijitButtonDisabled.btn-primary,
247 .dijitButton.dijitButtonActive.btn-primary,
248 .dijitButton.dijitButtonHover.btn-primary,
249 .dijitButton.dijitFocused.btn-primary {
251 background-color: #257aa7;
252 *background-color: #1d6185;
255 .dijitButton.dijitButtonActive.btn-primary {
256 background-color: #1f678d \9;
259 .dijitButton.dijitButtonActive.btn-primary {
260 color: rgba(255, 255, 255, 0.75);
265 .dijitDropDownButton {
269 .dijitDropDownButton .dijitButtonNode {
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 {
281 border-color: transparent;
286 input[type="submit"] {
287 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
292 input[type="submit"],
294 .dijitDropDownButton .dijitDownArrowButton,
296 display: inline-block;
303 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
304 vertical-align: middle;
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;
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);
323 input[type="submit"]:hover,
324 input[type="submit"]:focus,
325 input[type="submit"]: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 {
337 background-color: #e6e6e6;
341 input[type="submit"]:active,
343 .dijitDropDownButton .dijitDownArrowButton:active,
344 .dijitComboButton:active {
345 background-color: #cccccc \9;
348 .dijitToolbar .dijitButton,
349 .dijitToolbar .dijitButton.dijitHover,
350 .dijitToolbar .dijitComboButton,
351 .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
352 .dijitToolbar .dijitComboButton.dijitHover {
354 border-color: transparent;
362 .dijitToolbar .dijitDropDownButton .dijitButtonText,
363 .dijitToolbar .dijitDownArrowButton .dijitButtonText,
364 .dijitToolbar .dijitComboButton .dijitButtonText {
368 .dijitToolbar .dijitDropDownButton .dijitButtonNode {
372 .dijitToolbar .dijitButton.dijitHover,
373 .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
374 .dijitToolbar .dijitComboButton.dijitHover {
378 .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
379 .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
383 .dijitToolbar .dijitButton .dijitButtonContents,
384 .dijitToolbar .dijitDropDownButton .dijitButtonContents,
385 .dijitToolbar .dijitComboButton .dijitButtonContents {
391 input[type="submit"]:hover,
392 input[type="submit"]:focus,
394 .dijitDropDownButton .dijitDownArrowButton:hover,
395 .dijitToolbar .dijitButton:hover .dijitButtonNode,
396 .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
398 .dijitComboButton:hover,
399 .dijitComboButton:focus {
401 text-decoration: none;
402 background-position: 0 -15px;
403 -webkit-transition: background-position 0.1s linear;
404 transition: background-position 0.1s linear;
408 input[type="submit"]: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;
418 input[type="submit"]:active,
420 .dijitComboButton:active,
421 .dijitToolbar .dijitDropDownButton.dijitOpened,
422 .dijitToolbar .dijitComboButton.dijitOpened,
423 .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
424 background-image: none;
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);
430 input[type="submit"][disabled],
432 .dijitButton[disabled],
433 .dijitDropDownButton .dijitDownArrowButton[disabled],
434 .dijitButton.dijitButtonDisabled,
435 .dijitComboButton.dijitButtonDisabled {
437 background-image: none;
439 filter: alpha(opacity=65);
440 -webkit-box-shadow: none;
444 .dijitButton .dijitButtonContents,
445 .dijitDropDownButton .dijitButtonContents,
446 .dijitComboButton .dijitButtonContents {
452 .dijitButton.small .dijitButtonText {
457 border-color: @color-accent;
460 .dijitMenu .dijitMenuItemSelected,
461 .dijitMenu .dijitMenuItemSelected td {
462 background: @color-accent;
464 border-color: @color-accent;
467 .dijitButton .dijitButtonNode,
468 .dijitComboButton .dijitButtonNode {
474 /* .dijitAccordionTitleFocus {
475 text-shadow : 1px 1px 2px #fff;
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;
485 .dijitAccordionTitle.dijitAccordionTitleHover,
486 .dijitAccordionTitle.dijitAccordionTitleFocused {
488 transition: background 0.25s;
490 .dijitAccordionTitle {
492 transition: background 0.25s;
495 .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
496 .dijitAccordionTitle.dijitAccordionTitleSelected {
497 background: @color-accent;
498 transition: background 0.25s;
501 .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
505 .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
506 border-color: @color-accent;
509 .dijitAccordionContainer .dijitAccordionChildWrapper {
515 .dijitTabInner.dijitTab {
523 .dijitTabContent.dijitTabChecked,
524 .dijitTabContent.dijitTabHover,
525 .dijitTabContent.dijitFocused {
529 .dijitTabPaneWrapper,
530 .dijitTabContainerTop-tabs,
532 .dijitAccordionInnerContainer {
536 /* Text fields & selects */
538 .dijitComboBox .dijitArrowButton,
539 .dijitSelect .dijitArrowButton {
540 background: transparent;
541 border-color: transparent;
544 .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
550 .dijitDownArrowButton.dijitSelect {
551 -webkit-border-radius: 4px;
552 -moz-border-radius: 4px;
558 .dijitSelect .dijitButtonContents {
559 display: inline-block;
564 color: @default-text;
565 vertical-align: middle;
573 display: inline-block;
578 color: @default-text;
579 vertical-align: middle;
580 -webkit-border-radius: 4px;
581 -moz-border-radius: 4px;
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;
611 .input.input-text:focus,
612 .dijitTextBox.dijitFocused,
613 .dijitSelect.dijitFocused {
614 border-color: rgba(82, 168, 236, 0.8);
616 outline: thin dotted \9;
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);
624 .dijitError .dijitValidationContainer {
631 .dijitSelect.dijitSelectDisabled {
632 background-color: #eeeeee;
635 .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
639 .dijitTextBox.dijitTextBoxDisabled,
640 .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
641 .dijitTextBox.dijitReadOnly,
642 .dijitTextBox.dijitReadOnly .dijitInputInner {
644 background-color: #eeeeee;
647 .dijitToolbar .dijitDownArrowButton.dijitSelect {
648 border-color: rgba(0, 0, 0, 0.1);
651 .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
652 padding: 2px 2px 0px 4px;
655 .dijitToolbar .dijitDownArrowButton.dijitSelect {
659 .dijitToolbar .dijitTextBox {
672 .dijitDialog .dijitDialogCloseIcon {
676 .dijitDialog .dijitDialogTitleBar {
680 color: @default-text;
682 text-rendering: optimizelegibility;
683 font-family: @fonts-ui-bold;
686 .dijitDialog .dijitDialogPaneContent {
691 .dijitProgressBar.dijitProgressBarEmpty {
693 border-color: @color-accent;
696 .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
697 background: @color-accent;
701 .dijitProgressBar .dijitProgressBarLabel {