margin-right : 1em;
}
-.claro .dijitTree .dijitTreeLabel.Disabled,
-.claro .dijitTree .labelParam.Disabled {
+.claro .dijitTree .dijitTreeLabel.filterDisabled,
+.claro .dijitTree .labelParam.filterDisabled {
color : #555;
+ text-decoration: line-through;
}
.claro .dijitTreeRow.Error {
border-width : 0px;
}
-.claro .dijitTree .dijitTreeRow {
+/*.claro .dijitTree .dijitTreeRow {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-}
+}*/
.claro .dijitTree .dijitTreeRowSelected {
background : white;
}
-.claro #feedTree.dijitTree .dijitTreeRowSelected {
- box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
-}
-
.claro .dijitTree .dijitTreeRowHover {
background : #f0f0f0;
border-color : #ddd;
border-width : 0px;
}
-.claro .dijitMenuItemLabel {
+.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
font-size : 13px;
+ padding-top : 3px;
+ padding-bottom : 3px;
}
/* Checkbox */
/* Various buttons */
+.claro .dijitButton.danger .dijitButtonText {
+ color: #ffffff;
+}
+
+.claro .dijitButton.danger {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ background-color: #da4f49;
+ *background-color: #bd362f;
+ background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
+ background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
+ background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
+ background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
+ background-repeat: repeat-x;
+ border-color: #bd362f #bd362f #802420;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.claro .dijitButton.dijitButtonDisabled.danger,
+.claro .dijitButton.dijitButtonActive.danger,
+.claro .dijitButton.dijitButtonHover.danger,
+.claro .dijitButton.dijitFocused.danger {
+ color: #ffffff;
+ background-color: #bd362f;
+ *background-color: #a9302a;
+}
+
+.claro .dijitButton.dijitButtonActive.danger {
+ background-color: #942a25 \9;
+}
+
+.claro .dijitDropDownButton {
+ margin : 0px;
+}
+
+.claro .dijitDropDownButton .dijitButtonNode {
+ padding : 0px;
+}
+
+.claro .dijitButton.dijitButtonActive.danger {
+ color: rgba(255, 255, 255, 0.75);
+}
+
.claro .dijitButton .dijitButtonNode,
+.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode,
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton,
+.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
background : none;
border-color : transparent;
button,
input[type="submit"],
.claro .dijitButton,
+.claro .dijitDropDownButton .dijitDownArrowButton,
.claro .dijitComboButton {
display: inline-block;
padding: 4px 12px;
.claro .dijitButton:hover,
.claro .dijitButton:focus,
.claro .dijitButton:active,
+.claro .dijitDropDownButton .dijitDownArrowButton:hover,
+.claro .dijitDropDownButton .dijitDownArrowButton:focus,
+.claro .dijitDropDownButton .dijitDownArrowButton:active,
.claro .dijitComboButton:hover,
.claro .dijitComboButton:focus,
.claro .dijitComboButton:active,
button:active,
input[type="submit"]:active,
.claro .dijitButton:active,
+.claro .dijitDropDownButton .dijitDownArrowButton:active,
.claro .dijitComboButton:active {
background-color: #cccccc \9;
}
.claro .dijitToolbar .dijitButton,
.claro .dijitToolbar .dijitButton.dijitHover,
.claro .dijitToolbar .dijitComboButton,
+.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
.claro .dijitToolbar .dijitComboButton.dijitHover {
background : none;
border-color : transparent;
}
.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
+.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
.claro .dijitToolbar .dijitComboButton .dijitButtonText {
padding : 0px;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
.claro .dijitButton:hover,
+.claro .dijitDropDownButton .dijitDownArrowButton:hover,
.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
.claro .dijitButton:focus,
button:focus,
input[type="submit"]:focus,
.claro .dijitButton:focus,
+.claro .dijitDropDownButton .dijitDownArrowButton:focus,
.claro .dijitComboButton:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
input[type="submit"][disabled],
button[disabled],
.claro .dijitButton[disabled],
+.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
.claro .dijitButton.dijitButtonDisabled,
.claro .dijitComboButton.dijitButtonDisabled {
cursor: default;
}
.claro .dijitButton .dijitButtonContents,
+.claro .dijitDropDownButton .dijitButtonContents,
.claro .dijitComboButton .dijitButtonContents {
font-size : 14px;
font-weight : normal;
}
.claro .dijitMenu {
- border-color : #ccc;
+ border-color: rgba(82, 168, 236, 0.8);
}
-.claro .dijitMenu .dijitMenuItem.dijitHover,
-.claro .dijitMenu .dijitMenuItem.dijitFocused,
-.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
-.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
- background : #eee;
- border-color : transparent;
+.claro .dijitMenu .dijitMenuItemSelected,
+.claro .dijitMenu .dijitMenuItemSelected td {
+ background : rgb(82, 168, 236);
+ color : white;
+ border-color : rgba(82, 168, 236, 0.8);
}
.claro .dijitButton .dijitButtonNode,
Helvetica, Arial, sans-serif;
} */
+
+.claro .dijitAccordionTitle.dijitAccordionTitleHover,
+.claro .dijitAccordionTitle.dijitAccordionTitleFocused {
+ background : white;
+ transition : background 0.25s;
+}
+.claro .dijitAccordionTitle {
+ background : #f0f0f0;
+ transition : background 0.25s;
+}
+
+.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
+.claro .dijitAccordionTitle.dijitAccordionTitleSelected {
+ background : #0088cc;
+ transition : background 0.25s;
+}
+
+.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
+ color : white;
+}
+
.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
- border-color : #ccc;
+ border-color : #0088cc;
}
.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
/* Tabs */
+.claro .dijitTabInner.dijitTab {
+ background : #f0f0f0;
+}
+
.claro .dijitTabContent {
background : #eee;
}
border-color : #ddd;
}
+/* Text fields & selects */
+
+.claro .dijitComboBox .dijitArrowButton,
+.claro .dijitSelect .dijitArrowButton {
+ background : transparent;
+ border-color : transparent;
+}
+
+.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
+ margin-right : 5px;
+ float :right;
+}
+
+.claro select,
+.claro .dijitDownArrowButton.dijitSelect {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ margin-bottom : 4px;
+
+}
+
+.claro .dijitSelect .dijitButtonContents {
+ display: inline-block;
+ height: 20px;
+ padding: 4px 6px;
+ font-size: 14px;
+ line-height: 20px;
+ color: #555555;
+ vertical-align: middle;
+ border-width : 0px;
+}
+
+.claro select,
+.claro textarea,
+.claro .input.input-text,
+.claro .dijitTextBox {
+ display: inline-block;
+ height: 20px;
+ padding: 4px 6px;
+ font-size: 14px;
+ line-height: 20px;
+ color: #555555;
+ vertical-align: middle;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ margin-bottom : 4px;
+}
+.claro textarea {
+ height : auto;
+}
+
+.claro select,
+.claro .input.input-text {
+ height : 30px;
+}
+
+.claro textarea,
+.claro select,
+.claro .input.input-text,
+.claro .dijitTextBox,
+.claro .dijitSelect {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+ transition: border linear 0.2s, box-shadow linear 0.2s;
+}
+
+.claro select:focus,
+.claro .input.input-text:focus,
+.claro .dijitTextBox.dijitFocused,
+.claro .dijitSelect.dijitFocused {
+ border-color: rgba(82, 168, 236, 0.8);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+.claro .dijitError .dijitValidationContainer {
+ padding : 0px;
+ width : 13px;
+ border-width : 1px;
+ display : none;
+}
+
+.claro .dijitSelect.dijitSelectDisabled {
+ background-color: #eeeeee;
+}
+
+.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
+ cursor: not-allowed;
+}
+
+.claro .dijitTextBox.dijitTextBoxDisabled,
+.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
+.claro .dijitTextBox.dijitReadOnly,
+.claro .dijitTextBox.dijitReadOnly .dijitInputInner {
+ cursor: not-allowed;
+ background-color: #eeeeee;
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
+ border-color : rgba(0,0,0,0.1);
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
+ padding : 2px 2px 0px 4px;
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
+ margin : 0px;
+}
+
+.claro .dijitToolbar .dijitTextBox {
+ padding : 0px;
+ margin-bottom : 0px;
+ border-radius : 0px;
+}
+
+/* dialog */
+
+.claro .dijitDialog {
+ border-radius : 6px;
+
+}
+
+.claro .dijitDialog .dijitDialogCloseIcon {
+ margin-top : 5px;
+}
+
+.claro .dijitDialog .dijitDialogTitleBar {
+ background : white;
+ padding : 8px;
+ font-weight : 600;
+ color : #555;
+ font-size : 16px;
+ text-rendering: optimizelegibility;
+ font-family : "Segoe WP Semibold", "Segoe UI Semibold",
+ "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
+}
+
+.claro .dijitDialog .dijitDialogPaneContent {
+ border-color : #ddd;
+ padding : 10px;
+}
+
+.claro .dijitProgressBar.dijitProgressBarEmpty {
+ background : #ddd;
+ border-color : #0088cc;
+}
+
+.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
+ background : rgb(82, 168, 236);
+
+}
+
+.claro .dijitProgressBar .dijitProgressBarLabel {
+ color : white;
+}
+
+