diff options
Diffstat (limited to 'lib/dijit/themes/claro/form/Button.css')
| -rw-r--r-- | lib/dijit/themes/claro/form/Button.css | 125 |
1 files changed, 125 insertions, 0 deletions
diff --git a/lib/dijit/themes/claro/form/Button.css b/lib/dijit/themes/claro/form/Button.css new file mode 100644 index 000000000..a2a15c0cc --- /dev/null +++ b/lib/dijit/themes/claro/form/Button.css @@ -0,0 +1,125 @@ + +.claro .dijitButtonNode { + + -webkit-transition-property:background-color; + -webkit-transition-duration:.3s; +} +.claro .dijitButton .dijitButtonNode, +.claro .dijitDropDownButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToggleButton .dijitButtonNode { + + border: 1px solid #769dc0; + padding:2px 4px 4px 4px; + background-image: url("images/button.png"); + background-position: center top; + background-repeat: repeat-x; + background-color: #e4f2ff; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow:0px 1px 1px rgba(0,0,0,0.15); + -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15); + -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15); +} +.claro .dijitComboButton .dijitArrowButton { + border-left-width: 0px; + padding: 4px 2px 4px 2px; +} +.claro .dijitArrowButtonInner { + width: 15px; + height: 15px; + margin: 0 auto; + background-image:url("images/buttonArrows.png"); + background-repeat:no-repeat; + background-position:-51px 53%; +} +.claro .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -77px 53%; +} +.claro .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -26px 53%; +} +.claro .dijitUpArrowButton .dijitArrowButtonInner { + background-position: 0px 53%; +} +.claro .dijitDisabled .dijitArrowButtonInner { + background-position: -151px 53%; +} +.claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -177px 53%; +} +.claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -126px 53%; +} +.claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -100px 53%; +} +.claro .dijitButtonText { + padding: 0 0.3em; + text-align: center; +} +.claro .dijitDisabled .dijitButtonText { + color: #7F7F7F; +} +.claro .dijitButtonHover .dijitButtonNode, +.claro .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNodeHover, +.claro .dijitComboButton .dijitDownArrowButtonHover, +.claro .dijitToggleButtonHover .dijitButtonNode { + background-color: #afd9ff; + color:#000; + -webkit-transition-duration:.2s; +} +.claro .dijitButtonActive .dijitButtonNode, +.claro .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitComboButtonActive .dijitButtonNode, +.claro .dijitToggleButtonActive .dijitButtonNode { + background-color: #99cfff; + box-shadow:0px 0px 0px rgba(0,0,0,0); + -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); + -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); + -webkit-transition-duration:.1s; +} +.claro .dijitButtonDisabled, +.claro .dijitDropDownButtonDisabled, +.claro .dijitComboButtonDisabled, +.claro .dijitToggleButtonDisabled { + background-image: none; + outline: none; +} +.claro .dijitButtonDisabled .dijitButtonNode, +.claro .dijitDropDownButtonDisabled .dijitButtonNode, +.claro .dijitComboButtonDisabled .dijitButtonNode, +.claro .dijitToggleButtonDisabled .dijitButtonNode { + background-position:0px -149px; + background-color: #e3e3e3; + border: solid 1px #c9c9c9; + color: #696969; + box-shadow:0px 0px 0px rgba(0,0,0,0); + -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); + -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); +} +.claro .dijitComboButtonDisabled .dijitArrowButton{ + border-left-width: 0px; +} +.claro table.dijitComboButton { + border-collapse: separate; +} +.dj_ie6 .claro .dijitButtonNode { + background-image: none; +} +.claro .dijitComboButton .dijitStretch { + -moz-border-radius: 4px 0px 0px 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 0px; + -webkit-border-bottom-right-radius: 0px; + -webkit-border-bottom-left-radius: 4px; +} +.claro .dijitComboButton .dijitArrowButton { + -moz-border-radius: 0px 4px 4px 0px; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 0px; +} |