3 .claro .dijitTreeRow .dijitCheckBox {
8 .claro .dijitTreeLabel {
12 .claro .dijitTree .feedParam {
18 .claro .dijitTree .filterRules {
25 .claro .dijitTree .filterRules span {
30 #filterDlg_Matches span
.filterRule
{
34 .claro
.dijitTree
.filterRules span
.inverse
,
35 #filterDlg_Matches span
.filterRule
.inverse
{
40 .claro .dijitTree .labelParam {
45 .claro
.dijitTree
.dijitTreeLabel
.filterDisabled
,
46 .claro .dijitTree .labelParam.filterDisabled {
48 text-decoration: line-through
;
51 .claro .dijitTreeRow.Error {
55 .claro .dijitTreeRow.Hidden {
59 .claro .dijitTreeNode .loadingNode {
64 .claro
.dijitFolderClosed
,
65 .claro .dijitFolderOpened {
69 .claro .dijitTreeNode .dijitCheckBox {
73 .claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
77 .claro .dijitTree .dijitTreeExpando {
82 .claro .dijitTree .dijitTreeNode {
87 .claro .dijitTree .dijitTreeRow {
90 text-overflow: ellipsis
;
93 .claro .dijitTree .dijitTreeRowSelected {
97 .claro #feedTree.dijitTree .dijitTreeRowSelected {
98 box-shadow : -1px 0px 2px -1px rgba
(0,0,0,0.1);
101 .claro .dijitTree .dijitTreeRowHover {
102 background : #f0f0f0;
106 .claro .dijitTree .dijitTreeRowSelected {
111 .claro .dijitTreeRowSelected .dijitTreeLabel {
112 text-shadow : 1px 1px 2px #fff;
115 .claro .dijitTreeRow .dijitTreeExpando {
116 background-image: url
("../images/treeExpandImages.png");
121 .claro .dijitTreeRow .dijitTreeExpandoLeaf {
127 .claro .dijitToolbar {
128 background : #f5f5f5;
130 /* text-rendering: optimizelegibility;
131 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
132 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
133 Helvetica, Arial, sans-serif; */
136 /* .claro .dijitToolbar {
137 text-shadow : 1px 1px 2px #fff;
140 .claro .dijitDialog .dijitToolbar {
141 border : 1px solid
#ddd;
146 .claro .dijitDialog h2 {
152 .claro .dijitMenuItemLabel {
158 .claro .dijitCheckBox {
159 background-image : url
("../images/untick.png");
160 background-color : transparent
;
165 background-position : center center
;
166 transition : opacity
0.25s;
167 -webkit-transition : opacity
0.25s;
168 /* border : 1px solid #b5bcc7; */
172 .claro .dijitCheckBox:hover {
176 .claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
180 .claro .dijitCheckBox.dijitCheckBoxChecked {
181 border-color : #69C671;
182 background-image : url
("../images/tick.png");
186 /* Various buttons */
188 .claro .dijitButton.danger .dijitButtonText {
192 .claro .dijitButton.danger {
193 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
194 background-color: #da4f49;
195 *background-color: #bd362f;
196 background-image: -moz-linear-gradient
(top
, #ee5f5b, #bd362f);
197 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ee5f5b), to
(#bd362f));
198 background-image: -webkit-linear-gradient
(top
, #ee5f5b, #bd362f);
199 background-image: -o-linear-gradient
(top
, #ee5f5b, #bd362f);
200 background-image: linear-gradient
(to bottom
, #ee5f5b, #bd362f);
201 background-repeat: repeat-x
;
202 border-color: #bd362f #bd362f #802420;
203 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
204 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffee5f5b', endColorstr
='#ffbd362f', GradientType
=0);
205 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
=false
);
208 .claro
.dijitButton
.dijitButtonDisabled
.danger
,
209 .claro
.dijitButton
.dijitButtonActive
.danger
,
210 .claro
.dijitButton
.dijitButtonHover
.danger
,
211 .claro .dijitButton.dijitFocused.danger {
213 background-color: #bd362f;
214 *background-color: #a9302a;
217 .claro .dijitButton.dijitButtonActive.danger {
218 background-color: #942a25 \
9;
221 .claro .dijitDropDownButton {
225 .claro .dijitDropDownButton .dijitButtonNode {
229 .claro .dijitButton.dijitButtonActive.danger {
230 color: rgba
(255, 255, 255, 0.75);
233 .claro
.dijitButton
.dijitButtonNode
,
234 .claro
.dijitDropDownButton
.dijitButtonNode
,
235 .claro
.dijitComboButton
.dijitButtonNode
,
236 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonNode
,
237 .claro
.dijitToolbar
.dijitComboButton
,
238 .claro
.dijitToolbar
.dijitSelect
.dijitDownArrowButton
.dijitButtonNode
,
239 .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
241 border-color : transparent
;
246 input
[type
="submit"] {
247 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
252 input
[type
="submit"],
254 .claro
.dijitDropDownButton
.dijitDownArrowButton
,
255 .claro .dijitComboButton {
256 display: inline-block
;
263 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
264 vertical-align: middle
;
266 background-color: #f5f5f5;
267 background-image: -moz-linear-gradient
(top
, #ffffff, #e6e6e6);
268 background-image: -webkit-linear-gradient
(top
, #ffffff, #e6e6e6);
269 background-image: linear-gradient
(to bottom
, #ffffff, #e6e6e6);
270 background-repeat: repeat-x
;
271 border: 1px solid
#cccccc;
272 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
273 border-bottom-color: #b3b3b3;
274 -webkit-border-radius: 4px;
276 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
277 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
283 input
[type
="submit"]:hover
,
284 input
[type
="submit"]:focus
,
285 input
[type
="submit"]:active
,
286 .claro
.dijitButton:hover
,
287 .claro
.dijitButton:focus
,
288 .claro
.dijitButton:active
,
289 .claro
.dijitDropDownButton
.dijitDownArrowButton:hover
,
290 .claro
.dijitDropDownButton
.dijitDownArrowButton:focus
,
291 .claro
.dijitDropDownButton
.dijitDownArrowButton:active
,
292 .claro
.dijitComboButton:hover
,
293 .claro
.dijitComboButton:focus
,
294 .claro
.dijitComboButton:active
,
295 .claro .dijitButton.dijitButtonDisabled {
297 background-color: #e6e6e6;
301 input
[type
="submit"]:active
,
302 .claro
.dijitButton:active
,
303 .claro
.dijitDropDownButton
.dijitDownArrowButton:active
,
304 .claro .dijitComboButton:active {
305 background-color: #cccccc \
9;
308 .claro
.dijitToolbar
.dijitButton
,
309 .claro
.dijitToolbar
.dijitButton
.dijitHover
,
310 .claro
.dijitToolbar
.dijitComboButton
,
311 .claro
.dijitToolbar
.dijitDropDownButton
.dijitDownArrowButton
,
312 .claro .dijitToolbar .dijitComboButton.dijitHover {
314 border-color : transparent
;
322 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonText
,
323 .claro
.dijitToolbar
.dijitDownArrowButton
.dijitButtonText
,
324 .claro .dijitToolbar .dijitComboButton .dijitButtonText {
328 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
332 .claro
.dijitToolbar
.dijitButton
.dijitHover
,
333 .claro
.dijitToolbar
.dijitDropDownButton
.dijitHover
.dijitButtonNode
,
334 .claro .dijitToolbar .dijitComboButton.dijitHover {
338 .claro
.dijitToolbar
.dijitButton
.dijitHover
.dijitButtonNode
,
339 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
343 .claro
.dijitToolbar
.dijitButton
.dijitButtonContents
,
344 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonContents
,
345 .claro .dijitToolbar .dijitComboButton .dijitButtonContents {
351 input
[type
="submit"]:hover
,
352 input
[type
="submit"]:focus
,
353 .claro
.dijitButton:hover
,
354 .claro
.dijitDropDownButton
.dijitDownArrowButton:hover
,
355 .claro
.dijitToolbar
.dijitButton:hover
.dijitButtonNode
,
356 .claro
.dijitToolbar
.dijitButton
.dijitHover
.dijitButtonNode
,
357 .claro
.dijitButton:focus
,
358 .claro
.dijitComboButton:hover
,
359 .claro .dijitComboButton:focus {
361 text-decoration: none
;
362 background-position: 0 -15px;
363 -webkit-transition: background-position
0.1s linear
;
364 transition: background-position
0.1s linear
;
368 input
[type
="submit"]:focus
,
369 .claro
.dijitButton:focus
,
370 .claro
.dijitDropDownButton
.dijitDownArrowButton:focus
,
371 .claro .dijitComboButton:focus {
372 outline: thin dotted
#333;
373 outline: 5px auto
-webkit-focus-ring-color
;
374 outline-offset: -2px;
378 input
[type
="submit"]:active
,
379 .claro
.dijitButton:active
,
380 .claro
.dijitComboButton:active
,
381 .claro
.dijitToolbar
.dijitDropDownButton
.dijitOpened
,
382 .claro
.dijitToolbar
.dijitComboButton
.dijitOpened
,
383 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
384 background-image: none
;
386 -webkit-box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.15), 0 1px 2px rgba
(0, 0, 0, 0.05);
387 box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.15), 0 1px 2px rgba
(0, 0, 0, 0.05);
390 input
[type
="submit"][disabled
],
392 .claro
.dijitButton
[disabled
],
393 .claro
.dijitDropDownButton
.dijitDownArrowButton
[disabled
],
394 .claro
.dijitButton
.dijitButtonDisabled
,
395 .claro .dijitComboButton.dijitButtonDisabled {
397 background-image: none
;
399 filter: alpha
(opacity
=65);
400 -webkit-box-shadow: none
;
404 .claro
.dijitButton
.dijitButtonContents
,
405 .claro
.dijitDropDownButton
.dijitButtonContents
,
406 .claro .dijitComboButton .dijitButtonContents {
408 font-weight : normal
;
412 .claro .dijitButton.small .dijitButtonText {
417 border-color: rgba
(82, 168, 236, 0.8);
420 .claro
.dijitMenu
.dijitMenuItem
.dijitHover
,
421 .claro
.dijitMenu
.dijitMenuItem
.dijitFocused
,
422 .claro
.dijitMenuTable
.dijitMenuItem
.dijitHover
.dijitMenuItemLabel
,
423 .claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
424 background : rgb
(82, 168, 236);
426 border-color : rgba
(82, 168, 236, 0.8);
429 .claro
.dijitButton
.dijitButtonNode
,
430 .claro .dijitComboButton .dijitButtonNode {
436 /* .claro .dijitAccordionTitleFocus {
437 text-shadow : 1px 1px 2px #fff;
440 .claro .dijitAccordionTitle {
441 text-rendering: optimizelegibility;
442 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
443 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
444 Helvetica, Arial, sans-serif;
448 .claro
.dijitAccordionTitle
.dijitAccordionTitleHover
,
449 .claro .dijitAccordionTitle.dijitAccordionTitleFocused {
451 transition : background
0.25s;
453 .claro .dijitAccordionTitle {
454 background : #f0f0f0;
455 transition : background
0.25s;
458 .claro
.dijitAccordionInnerContainer
.dijitAccordionInnerContainerSelected
,
459 .claro .dijitAccordionTitle.dijitAccordionTitleSelected {
460 background : #0088cc;
461 transition : background
0.25s;
464 .claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
468 .claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
469 border-color : #0088cc;
472 .claro .dijitAccordionContainer .dijitAccordionChildWrapper {
478 .claro .dijitTabInner.dijitTab {
479 background : #f0f0f0;
482 .claro .dijitTabContent {
486 .claro
.dijitTabContent
.dijitTabChecked
,
487 .claro
.dijitTabContent
.dijitTabHover
,
488 .claro .dijitTabContent.dijitFocused {
492 .claro
.dijitTabPaneWrapper
,
493 .claro
.dijitTabContainerTop-tabs
,
495 .claro .dijitAccordionInnerContainer {
499 /* Text fields & selects */
501 .claro
.dijitComboBox
.dijitArrowButton
,
502 .claro .dijitSelect .dijitArrowButton {
503 background : transparent
;
504 border-color : transparent
;
507 .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
513 .claro .dijitDownArrowButton.dijitSelect {
514 -webkit-border-radius: 4px;
515 -moz-border-radius: 4px;
521 .claro .dijitSelect .dijitButtonContents {
522 display: inline-block
;
528 vertical-align: middle
;
534 .claro
.input
.input-text
,
535 .claro .dijitTextBox {
536 display: inline-block
;
542 vertical-align: middle
;
543 -webkit-border-radius: 4px;
544 -moz-border-radius: 4px;
553 .claro .input.input-text {
559 .claro
.input
.input-text
,
560 .claro
.dijitTextBox
,
561 .claro .dijitSelect {
562 background-color: #ffffff;
563 border: 1px solid
#cccccc;
564 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
565 -moz-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
566 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
567 -webkit-transition: border linear
0.2s, box-shadow linear
0.2s;
568 -moz-transition: border linear
0.2s, box-shadow linear
0.2s;
569 -o-transition: border linear
0.2s, box-shadow linear
0.2s;
570 transition: border linear
0.2s, box-shadow linear
0.2s;
574 .claro
.input
.input-text:focus
,
575 .claro
.dijitTextBox
.dijitFocused
,
576 .claro .dijitSelect.dijitFocused {
577 border-color: rgba
(82, 168, 236, 0.8);
579 outline: thin dotted \
9;
582 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 8px rgba
(82, 168, 236, 0.6);
583 -moz-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 8px rgba
(82, 168, 236, 0.6);
584 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 8px rgba
(82, 168, 236, 0.6);
587 .claro .dijitError .dijitValidationContainer {
594 .claro .dijitSelect.dijitSelectDisabled {
595 background-color: #eeeeee;
598 .claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
602 .claro
.dijitTextBox
.dijitTextBoxDisabled
,
603 .claro
.dijitTextBox
.dijitTextBoxDisabled
.dijitInputInner
,
604 .claro
.dijitTextBox
.dijitReadOnly
,
605 .claro .dijitTextBox.dijitReadOnly .dijitInputInner {
607 background-color: #eeeeee;
610 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
611 border-color : rgba
(0,0,0,0.1);
614 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
615 padding : 2px 2px 0px 4px;
618 .claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
622 .claro .dijitToolbar .dijitTextBox {
630 .claro .dijitDialog {
635 .claro .dijitDialog .dijitDialogCloseIcon {
639 .claro .dijitDialog .dijitDialogTitleBar {
645 text-rendering: optimizelegibility
;
646 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
647 "Segoe UI Web Semibold", "Segoe UI", Ubuntu
, "DejaVu Sans", "Helvetica Neue",
648 Helvetica
, Arial
, sans-serif
;
651 .claro .dijitDialog .dijitDialogPaneContent {
656 .claro .dijitProgressBar.dijitProgressBarEmpty {
658 border-color : #0088cc;
661 .claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
662 background : rgb
(82, 168, 236);
666 .claro .dijitProgressBar .dijitProgressBarLabel {