diff options
Diffstat (limited to 'css/dijit.less')
-rw-r--r-- | css/dijit.less | 664 |
1 files changed, 664 insertions, 0 deletions
diff --git a/css/dijit.less b/css/dijit.less new file mode 100644 index 000000000..b350a79da --- /dev/null +++ b/css/dijit.less @@ -0,0 +1,664 @@ +/* Tree */ + +.claro { + + .dijitTreeRow .dijitCheckBox { + position: relative; + top: -2px; + } + + .dijitTreeLabel { + outline: 0; + } + + .dijitTree .feedParam { + color: #555; + float: right; + margin-right: 1em; + } + + .dijitTree .filterRules { + display: block; + color: #ccc; + font-size: 10px; + margin-left: 100px; + } + + .dijitTree .filterRules span { + display: block; + color: green; + } + + #filterDlg_Matches span.filterRule { + color: green; + } + + .dijitTree .filterRules span.inverse, + #filterDlg_Matches span.filterRule.inverse { + color: red; + } + + .dijitTree .labelParam { + float: right; + margin-right: 1em; + } + + .dijitTree .dijitTreeLabel.filterDisabled, + .dijitTree .labelParam.filterDisabled { + color: #555; + text-decoration: line-through; + } + + .dijitTreeRow.Error { + color: red; + } + + .dijitTreeRow.Hidden { + display: none; + } + + .dijitTreeNode .loadingNode { + margin-left: 3px; + height: 9px; + } + + .dijitFolderClosed, + .dijitFolderOpened { + display: none; + } + + .dijitTreeNode .dijitCheckBox { + margin-left: 4px; + } + + .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { + margin-left: 5px; + } + + .dijitTree .dijitTreeExpando { + margin-top: 0px; + opacity: 0.6; + } + + .dijitTree .dijitTreeNode { + padding: 0px; + border-width: 0px; + } + + /*.dijitTree .dijitTreeRow { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + }*/ + + .dijitTree .dijitTreeRowSelected { + background: white; + } + + .dijitTree .dijitTreeRowHover { + background: #f0f0f0; + border-color: #ddd; + } + + .dijitTree .dijitTreeRowSelected { + background: white; + border-color: #ddd; + } + + .dijitTreeRowSelected .dijitTreeLabel { + text-shadow: 1px 1px 2px #fff; + } + + .dijitTreeRow .dijitTreeExpando { + background-image: url("../images/treeExpandImages.png"); + position: relative; + top: -1px; + } + + .dijitTreeRow .dijitTreeExpandoLeaf { + background: none; + } + + /* Toolbar */ + + .dijitToolbar { + background: #f5f5f5; + border-color: #ddd; + /* text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; */ + } + + /* .dijitToolbar { + text-shadow : 1px 1px 2px #fff; + } */ + + .dijitDialog .dijitToolbar { + border: 1px solid #ddd; + } + + /* Dialog */ + + .dijitDialog h2 { + margin-top: 0px; + margin-bottom: 4px; + border-width: 0px; + } + + .dijitMenu .dijitMenuItem .dijitMenuItemLabel { + font-size: 13px; + padding-top: 3px; + padding-bottom: 3px; + } + + /* Checkbox */ + + .dijitCheckBox { + background-image: url("../images/untick.png"); + background-color: transparent; + width: 15px; + height: 15px; + margin: 1px; + opacity: 0.7; + background-position: center center; + transition: opacity 0.25s; + -webkit-transition: opacity 0.25s; + /* border : 1px solid #b5bcc7; */ + padding: 1px; + } + + .dijitCheckBox:hover { + opacity: 1; + } + + .dijitCheckBox.dijitCheckBoxDisabled:hover { + opacity: 0.7; + } + + .dijitCheckBox.dijitCheckBoxChecked { + border-color: #69C671; + background-image: url("../images/tick.png"); + opacity: 1; + } + + /* Various buttons */ + + .dijitButton.danger .dijitButtonText { + color: #ffffff; + } + + .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); + } + + .dijitButton.dijitButtonDisabled.danger, + .dijitButton.dijitButtonActive.danger, + .dijitButton.dijitButtonHover.danger, + .dijitButton.dijitFocused.danger { + color: #ffffff; + background-color: #bd362f; + *background-color: #a9302a; + } + + .dijitButton.dijitButtonActive.danger { + background-color: #942a25 \9; + } + + .dijitDropDownButton { + margin: 0px; + } + + .dijitDropDownButton .dijitButtonNode { + padding: 0px; + } + + .dijitButton.dijitButtonActive.danger { + color: rgba(255, 255, 255, 0.75); + } + + .dijitButton .dijitButtonNode, + .dijitDropDownButton .dijitButtonNode, + .dijitComboButton .dijitButtonNode, + .dijitToolbar .dijitDropDownButton .dijitButtonNode, + .dijitToolbar .dijitComboButton, + .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode, + .dijitToolbar .dijitComboButton .dijitButtonNode { + background: none; + border-color: transparent; + box-shadow: none; + } + + button, + input[type="submit"] { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + } + + button, + input[type="submit"], + .dijitButton, + .dijitDropDownButton .dijitDownArrowButton, + .dijitComboButton { + display: inline-block; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #cccccc; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + } + + button:hover, + button:focus, + button:active, + input[type="submit"]:hover, + input[type="submit"]:focus, + input[type="submit"]:active, + .dijitButton:hover, + .dijitButton:focus, + .dijitButton:active, + .dijitDropDownButton .dijitDownArrowButton:hover, + .dijitDropDownButton .dijitDownArrowButton:focus, + .dijitDropDownButton .dijitDownArrowButton:active, + .dijitComboButton:hover, + .dijitComboButton:focus, + .dijitComboButton:active, + .dijitButton.dijitButtonDisabled { + color: #333333; + background-color: #e6e6e6; + } + + button:active, + input[type="submit"]:active, + .dijitButton:active, + .dijitDropDownButton .dijitDownArrowButton:active, + .dijitComboButton:active { + background-color: #cccccc \9; + } + + .dijitToolbar .dijitButton, + .dijitToolbar .dijitButton.dijitHover, + .dijitToolbar .dijitComboButton, + .dijitToolbar .dijitDropDownButton .dijitDownArrowButton, + .dijitToolbar .dijitComboButton.dijitHover { + background: none; + border-color: transparent; + box-shadow: none; + padding: 0px; + margin: 0px; + line-height: auto; + text-shadow: none; + } + + .dijitToolbar .dijitDropDownButton .dijitButtonText, + .dijitToolbar .dijitDownArrowButton .dijitButtonText, + .dijitToolbar .dijitComboButton .dijitButtonText { + padding: 0px; + } + + .dijitToolbar .dijitDropDownButton .dijitButtonNode { + border-radius: 4px; + } + + .dijitToolbar .dijitButton.dijitHover, + .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode, + .dijitToolbar .dijitComboButton.dijitHover { + border-color: #ccc; + } + + .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, + .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background: none; + } + + .dijitToolbar .dijitButton .dijitButtonContents, + .dijitToolbar .dijitDropDownButton .dijitButtonContents, + .dijitToolbar .dijitComboButton .dijitButtonContents { + font-size: 13px; + } + + button:hover, + button:focus, + input[type="submit"]:hover, + input[type="submit"]:focus, + .dijitButton:hover, + .dijitDropDownButton .dijitDownArrowButton:hover, + .dijitToolbar .dijitButton:hover .dijitButtonNode, + .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, + .dijitButton:focus, + .dijitComboButton:hover, + .dijitComboButton:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; + } + + button:focus, + input[type="submit"]:focus, + .dijitButton:focus, + .dijitDropDownButton .dijitDownArrowButton:focus, + .dijitComboButton:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + + button:active, + input[type="submit"]:active, + .dijitButton:active, + .dijitComboButton:active, + .dijitToolbar .dijitDropDownButton.dijitOpened, + .dijitToolbar .dijitComboButton.dijitOpened, + .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + } + + input[type="submit"][disabled], + button[disabled], + .dijitButton[disabled], + .dijitDropDownButton .dijitDownArrowButton[disabled], + .dijitButton.dijitButtonDisabled, + .dijitComboButton.dijitButtonDisabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; + } + + .dijitButton .dijitButtonContents, + .dijitDropDownButton .dijitButtonContents, + .dijitComboButton .dijitButtonContents { + font-size: 14px; + font-weight: normal; + line-height: 20px; + } + + .dijitButton.small .dijitButtonText { + font-size: 11px; + } + + .dijitMenu { + border-color: rgba(82, 168, 236, 0.8); + } + + .dijitMenu .dijitMenuItemSelected, + .dijitMenu .dijitMenuItemSelected td { + background: rgb(82, 168, 236); + color: white; + border-color: rgba(82, 168, 236, 0.8); + } + + .dijitButton .dijitButtonNode, + .dijitComboButton .dijitButtonNode { + padding: 0px; + } + + /* Other stuff */ + + /* .dijitAccordionTitleFocus { + text-shadow : 1px 1px 2px #fff; + } + + .dijitAccordionTitle { + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; + } */ + + .dijitAccordionTitle.dijitAccordionTitleHover, + .dijitAccordionTitle.dijitAccordionTitleFocused { + background: white; + transition: background 0.25s; + } + .dijitAccordionTitle { + background: #f0f0f0; + transition: background 0.25s; + } + + .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected, + .dijitAccordionTitle.dijitAccordionTitleSelected { + background: #0088cc; + transition: background 0.25s; + } + + .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText { + color: white; + } + + .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { + border-color: #0088cc; + } + + .dijitAccordionContainer .dijitAccordionChildWrapper { + border-color: #ddd; + } + + /* Tabs */ + + .dijitTabInner.dijitTab { + background: #f0f0f0; + } + + .dijitTabContent { + background: #eee; + } + + .dijitTabContent.dijitTabChecked, + .dijitTabContent.dijitTabHover, + .dijitTabContent.dijitFocused { + background: white; + } + + .dijitTabPaneWrapper, + .dijitTabContainerTop-tabs, + .dijitTab, + .dijitAccordionInnerContainer { + border-color: #ddd; + } + + /* Text fields & selects */ + + .dijitComboBox .dijitArrowButton, + .dijitSelect .dijitArrowButton { + background: transparent; + border-color: transparent; + } + + .dijitSelect .dijitArrowButton .dijitArrowButtonInner { + margin-right: 5px; + float: right; + } + + select, + .dijitDownArrowButton.dijitSelect { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + margin-bottom: 4px; + + } + + .dijitSelect .dijitButtonContents { + display: inline-block; + height: 20px; + padding: 4px 6px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + border-width: 0px; + } + + select, + textarea, + .input.input-text, + .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; + } + textarea { + height: auto; + } + + select, + .input.input-text { + height: 30px; + } + + textarea, + select, + .input.input-text, + .dijitTextBox, + .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; + } + + select:focus, + .input.input-text:focus, + .dijitTextBox.dijitFocused, + .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); + } + + .dijitError .dijitValidationContainer { + padding: 0px; + width: 13px; + border-width: 1px; + display: none; + } + + .dijitSelect.dijitSelectDisabled { + background-color: #eeeeee; + } + + .dijitSelect.dijitSelectDisabled .dijitSelectLabel { + cursor: not-allowed; + } + + .dijitTextBox.dijitTextBoxDisabled, + .dijitTextBox.dijitTextBoxDisabled .dijitInputInner, + .dijitTextBox.dijitReadOnly, + .dijitTextBox.dijitReadOnly .dijitInputInner { + cursor: not-allowed; + background-color: #eeeeee; + } + + .dijitToolbar .dijitDownArrowButton.dijitSelect { + border-color: rgba(0, 0, 0, 0.1); + } + + .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents { + padding: 2px 2px 0px 4px; + } + + .dijitToolbar .dijitDownArrowButton.dijitSelect { + margin: 0px; + } + + .dijitToolbar .dijitTextBox { + padding: 0px; + margin-bottom: 0px; + border-radius: 0px; + } + + /* dialog */ + + .dijitDialog { + border-radius: 6px; + + } + + .dijitDialog .dijitDialogCloseIcon { + margin-top: 5px; + } + + .dijitDialog .dijitDialogTitleBar { + background: white; + padding: 8px; + font-weight: 600; + color: #555; + font-size: 16px; + text-rendering: optimizelegibility; + font-family: @fonts-ui-bold; + } + + .dijitDialog .dijitDialogPaneContent { + border-color: #ddd; + padding: 10px; + } + + .dijitProgressBar.dijitProgressBarEmpty { + background: #ddd; + border-color: #0088cc; + } + + .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile { + background: rgb(82, 168, 236); + + } + + .dijitProgressBar .dijitProgressBarLabel { + color: white; + } + +}
\ No newline at end of file |