/* Various buttons */
+.claro .dijitDropDownButton {
+ margin : 0px;
+}
+
+.claro .dijitDropDownButton .dijitButtonNode {
+ padding : 0px;
+}
+
.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode,
}
.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;
+ 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;
}
.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
margin-right : 5px;
+ float :right;
}
+.claro select,
.claro .dijitDownArrowButton.dijitSelect {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-width : 0px;
}
+.claro select,
+.claro textarea,
+.claro .input.input-text,
.claro .dijitTextBox {
display: inline-block;
height: 20px;
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;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
-.claro .dijitTextBox:focus {
+.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;
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 .dijitInputField .dijitInputInner {
+.claro .dijitTextBox.dijitReadOnly .dijitInputInner {
cursor: not-allowed;
background-color: #eeeeee;
}
}
.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
- padding : 0px 2px 0px 2px;
+ padding : 2px 2px 0px 4px;
}
.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
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, "DejaVu Sans", "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;
+}