From 2f01fe57a8d37767827d6db42850aef86a767c53 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 15 Nov 2010 10:39:52 +0300 Subject: add dijit/dojo stuff; initial ui mockup --- lib/dijit/themes/claro/form/Button.css | 125 +++++++++ lib/dijit/themes/claro/form/Button_rtl.css | 18 ++ lib/dijit/themes/claro/form/Checkbox.css | 46 ++++ lib/dijit/themes/claro/form/Common.css | 132 +++++++++ lib/dijit/themes/claro/form/Common_rtl.css | 5 + lib/dijit/themes/claro/form/NumberSpinner.css | 100 +++++++ lib/dijit/themes/claro/form/RadioButton.css | 51 ++++ lib/dijit/themes/claro/form/Select.css | 89 +++++++ lib/dijit/themes/claro/form/Select_rtl.css | 4 + lib/dijit/themes/claro/form/Slider.css | 294 +++++++++++++++++++++ lib/dijit/themes/claro/form/Slider_rtl.css | 26 ++ lib/dijit/themes/claro/form/images/button.png | Bin 0 -> 680 bytes .../themes/claro/form/images/buttonArrows.png | Bin 0 -> 297 bytes .../themes/claro/form/images/button_grad_d.png | Bin 0 -> 3897 bytes .../form/images/checkboxAndRadioButtons_IE6.png | Bin 0 -> 2160 bytes .../form/images/checkboxRadioButtonStates.png | Bin 0 -> 3438 bytes .../themes/claro/form/images/commonFormArrows.png | Bin 0 -> 314 bytes lib/dijit/themes/claro/form/images/error.png | Bin 0 -> 355 bytes .../themes/claro/form/images/formHighlight.png | Bin 0 -> 339 bytes lib/dijit/themes/claro/form/images/shadow.png | Bin 0 -> 4624 bytes .../themes/claro/form/images/sliderHorizontal.png | Bin 0 -> 180 bytes .../themes/claro/form/images/sliderThumbs.png | Bin 0 -> 1222 bytes .../themes/claro/form/images/sliderVertical.png | Bin 0 -> 177 bytes .../themes/claro/form/images/textBox_back.png | Bin 0 -> 2837 bytes 24 files changed, 890 insertions(+) create mode 100644 lib/dijit/themes/claro/form/Button.css create mode 100644 lib/dijit/themes/claro/form/Button_rtl.css create mode 100644 lib/dijit/themes/claro/form/Checkbox.css create mode 100644 lib/dijit/themes/claro/form/Common.css create mode 100644 lib/dijit/themes/claro/form/Common_rtl.css create mode 100644 lib/dijit/themes/claro/form/NumberSpinner.css create mode 100644 lib/dijit/themes/claro/form/RadioButton.css create mode 100644 lib/dijit/themes/claro/form/Select.css create mode 100644 lib/dijit/themes/claro/form/Select_rtl.css create mode 100644 lib/dijit/themes/claro/form/Slider.css create mode 100644 lib/dijit/themes/claro/form/Slider_rtl.css create mode 100644 lib/dijit/themes/claro/form/images/button.png create mode 100644 lib/dijit/themes/claro/form/images/buttonArrows.png create mode 100644 lib/dijit/themes/claro/form/images/button_grad_d.png create mode 100644 lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png create mode 100644 lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png create mode 100644 lib/dijit/themes/claro/form/images/commonFormArrows.png create mode 100644 lib/dijit/themes/claro/form/images/error.png create mode 100644 lib/dijit/themes/claro/form/images/formHighlight.png create mode 100644 lib/dijit/themes/claro/form/images/shadow.png create mode 100644 lib/dijit/themes/claro/form/images/sliderHorizontal.png create mode 100644 lib/dijit/themes/claro/form/images/sliderThumbs.png create mode 100644 lib/dijit/themes/claro/form/images/sliderVertical.png create mode 100644 lib/dijit/themes/claro/form/images/textBox_back.png (limited to 'lib/dijit/themes/claro/form') 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; +} diff --git a/lib/dijit/themes/claro/form/Button_rtl.css b/lib/dijit/themes/claro/form/Button_rtl.css new file mode 100644 index 000000000..f1484b127 --- /dev/null +++ b/lib/dijit/themes/claro/form/Button_rtl.css @@ -0,0 +1,18 @@ + +.claro .dijitComboButtonRtl .dijitStretch { + -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; +} +.claro .dijitComboButtonRtl .dijitArrowButton { + -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; + padding:3px 0px 4px; + border-left-width: 1px; + border-right-width: 0px; +} diff --git a/lib/dijit/themes/claro/form/Checkbox.css b/lib/dijit/themes/claro/form/Checkbox.css new file mode 100644 index 000000000..be3604ddd --- /dev/null +++ b/lib/dijit/themes/claro/form/Checkbox.css @@ -0,0 +1,46 @@ + +.claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.png'); +} +.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.claro .dijitCheckBox, +.claro .dijitCheckBoxIcon { + background-image: url('images/checkboxRadioButtonStates.png'); + background-repeat: no-repeat; + width: 15px; + height: 16px; + margin: 0 2px 0 0; + padding: 0; +} +.dj_ie6 .claro .dijitCheckBox, +.dj_ie6 .claro .dijitCheckBoxIcon { + background-image: url('images/checkboxAndRadioButtons_IE6.png'); +} +.claro .dijitCheckBox, +.claro .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -15px; +} +.claro .dijitCheckBoxChecked, +.claro .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: -0px; +} +.claro .dijitCheckBoxDisabled { + + background-position: -75px; +} +.claro .dijitCheckBoxCheckedDisabled { + + background-position: -60px; +} +.claro .dijitCheckBoxHover { + + background-position: -45px; +} +.claro .dijitCheckBoxCheckedHover { + + background-position: -30px; +} diff --git a/lib/dijit/themes/claro/form/Common.css b/lib/dijit/themes/claro/form/Common.css new file mode 100644 index 000000000..b04061b65 --- /dev/null +++ b/lib/dijit/themes/claro/form/Common.css @@ -0,0 +1,132 @@ + +.claro .dijitTextBoxError .dijitValidationContainer { + background-color: #d46363; + background-image: url('images/error.png'); + background-position: top center; + border: solid #d46464 0px; + border-left-width: 1px; + width: 9px; +} +.claro .dijitTextBoxError .dijitValidationIcon { + width: 0px; + background-color: transparent !important; +} +.claro .dijitTextBox .dijitInputContainer, +.claro .dijitTextArea, +.claro .dijitInputField .dijitPlaceHolder { + padding: 2px; +} +.claro .dijitTextBox, +.claro .dijitTextBox .dijitButtonNode { + + border-color: #b5bcc7; + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; +} +.claro .dijitTextBox { + background-color: #f7fcff; +} +.claro .dijitTextBoxHover, +.claro .dijitTextBoxHover .dijitButtonNode { + border-color: #769dc0; + -webkit-transition-duration:.25s; +} +.claro .dijitTextBoxHover { + background-color: #e9f4fe; + background-image: url('images/textBox_back.png'); + background-repeat: repeat-x; +} +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitButtonNode { + border-color: #d46464; +} +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitInputContainer { + background-color: #fdf7f7; +} +.claro .dijitTextBoxFocused, +.claro .dijitTextBoxFocused .dijitButtonNode { + border-color:#769dc0; + -webkit-transition-duration:.1s; +} +.claro .dijitTextBoxFocused { + background-color: #fff; + background-image: url('images/textBox_back.png'); + background-repeat: repeat-x; +} +.claro .dijitTextBoxFocused .dijitInputContainer { + background: #fff; +} +.claro .dijitTextBoxErrorFocused, +.claro .dijitTextBoxErrorFocused .dijitButtonNode { + border-color: #ce4f4f; +} +.claro .dijitTextBoxDisabled, +.claro .dijitTextBoxDisabled .dijitButtonNode { + border-color: #d3d3d3; +} +.claro .dijitTextBoxDisabled { + background-color: #efefef; + background-image: none; + color: #818181; +} +.claro .dijitComboBox .dijitArrowButtonInner { + background-image: url("images/commonFormArrows.png"); + background-position:-35px 53%; + background-repeat: no-repeat; + margin: 0px; + width:16px; + height:100%; + border: 1px solid #fff; +} +.claro .dijitTextBox .dijitInputField { + padding-top: 1px; + padding-bottom: 1px; +} +.claro .dijitTextBox .dijitInputInner { + + padding: 1px 2px 1px 0; +} +.claro .dijitTextBox .dijitValidationContainer { + padding: 0 0 2px 0; +} +.claro .dijitComboBox .dijitButtonNode { + background-color: #ebeef4; + background-image: url("images/formHighlight.png"); + background-repeat:repeat-x; +} +.claro .dijitComboBoxHover .dijitButtonNode { + background-color:#abd6ff; +} +.claro .dijitComboBoxHover .dijitArrowButtonInner { + background-position:-70px 53%; +} +.claro .dijitComboBoxFocused .dijitButtonNode { + background-color:#7dbefa; + background-position:0px -177px; + padding: 1px; +} +.claro .dijitComboBoxFocused .dijitArrowButtonInner { + background-position:-70px 53%; + border: 0px none; +} +.claro div.dijitComboBoxDisabled .dijitArrowButtonInner { + + background-position:0px 50%; + background-color:#f1f1f1; +} +.dj_ff3 .claro .dijitInputField input[type="hidden"] { + display: none; + height: 0; + width: 0; +} +.dj_ie6 .claro .dijitTextBox, +.dj_ie6 .claro .dijitComboBox .dijitButtonNode { + background-image: none; +} +.dj_quirks .claro .dijitComboBox .dijitArrowButtonInner { + border: 0px; +} +.dj_quirks .claro .dijitComboBox .dijitArrowButtonContainer { + padding: 1px; +} diff --git a/lib/dijit/themes/claro/form/Common_rtl.css b/lib/dijit/themes/claro/form/Common_rtl.css new file mode 100644 index 000000000..065f0c70d --- /dev/null +++ b/lib/dijit/themes/claro/form/Common_rtl.css @@ -0,0 +1,5 @@ + +.claro .dijitTextBoxRtlError .dijitValidationContainer { + border-left-width: 0px; + border-right-width: 1px; +} diff --git a/lib/dijit/themes/claro/form/NumberSpinner.css b/lib/dijit/themes/claro/form/NumberSpinner.css new file mode 100644 index 000000000..66b97da62 --- /dev/null +++ b/lib/dijit/themes/claro/form/NumberSpinner.css @@ -0,0 +1,100 @@ + +.claro .dijitSpinnerButtonContainer { + overflow: hidden; + position: relative; + width: auto; + padding: 0 2px; +} +.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { + border-width: 1px 0; + border-style: solid none; +} +.claro .dijitSpinner .dijitArrowButton { + width:auto; + background-color: #ebeef4; + background-image: url("images/formHighlight.png"); + background-position:0px 0px; + background-repeat:repeat-x; + overflow: hidden; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButton { + overflow: visible; +} +.claro .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.claro .dijitSpinner .dijitArrowButtonInner { + border:solid 1px #fff; + border-bottom-width: 0; + background-image: url("images/commonFormArrows.png"); + background-repeat: no-repeat; + height: 100%; + width:15px; + padding-left: 1px; + padding-right: 1px; + + background-position:-139px center; + + display: block; + margin: -1px 0px -1px 0px; + #margin-top: 0; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner { + width: 19px; +} +.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + background-position:-34px; +} +.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} +.claro .dijitUpArrowButtonActive, +.claro .dijitDownArrowButtonActive { + background-color:#abd6ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover, +.claro .dijitSpinner .dijitDownArrowButtonHover, +.claro .dijitSpinnerFocused .dijitArrowButton { + background-color: #a0d1ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { + background-position:-174px; +} +.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position:-69px; +} +.claro .dijitSpinnerFocused { + background-color: #fff; + background-image: none; +} +.claro .dijitSpinner .dijitDownArrowButtonActive, +.claro .dijitSpinner .dijitUpArrowButtonActive { + background-color: #3299f9; + background-position:0px -177px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + + border: 0px; + padding: 1px; + margin-right:2px; + margin-bottom:1px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { + background-position:-173px; +} +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position:-68px; +} +.claro .dijitSpinnerDisabled .dijitArrowButtonInner { + background-color: #f1f1f1; +} +.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position:-104px; +} +.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position:1px; +} +.dj_ie7 .claro .dijitSpinner { + overflow:visible; +} diff --git a/lib/dijit/themes/claro/form/RadioButton.css b/lib/dijit/themes/claro/form/RadioButton.css new file mode 100644 index 000000000..b9058d1b9 --- /dev/null +++ b/lib/dijit/themes/claro/form/RadioButton.css @@ -0,0 +1,51 @@ + +.claro .dijitToggleButton .dijitRadio, +.claro .dijitToggleButton .dijitRadioIcon { + background-image: url('images/checkboxRadioButtonStates.png'); +} +.dj_ie6 .claro .dijitToggleButton .dijitRadio, +.dj_ie6 .claro .dijitToggleButton .dijitRadioIcon { + background-image: url('images/checkboxAndRadioButtons_IE6.png'); +} +.claro .dijitRadio, +.claro .dijitRadioIcon { + background-image: url('images/checkboxRadioButtonStates.png'); + background-repeat: no-repeat; + width: 15px; + height: 15px; + margin: 0px 2px 0px 0px; + padding: 0px; +} +.dj_ie6 .claro .dijitRadio, +.dj_ie6 .claro .dijitRadioIcon { + background-image: url('images/checkboxAndRadioButtons_IE6.png'); +} +.claro .dijitRadio{ + + background-position: -105px; +} +.claro .dijitToggleButton .dijitRadioIcon { + + background-position: -107px; +} +.claro .dijitRadioDisabled { + + background-position: -165px; +} +.claro .dijitRadioHover { + + background-position: -135px; +} +.claro .dijitRadioChecked{ + background-position: -90px; +} +.claro .dijitToggleButtonChecked .dijitRadioIcon { + background-position: -92px; +} +.claro .dijitRadioCheckedHover{ + background-position: -120px; +} +.claro .dijitRadioCheckedDisabled { + + background-position: -150px; +} diff --git a/lib/dijit/themes/claro/form/Select.css b/lib/dijit/themes/claro/form/Select.css new file mode 100644 index 000000000..c8f1d43fa --- /dev/null +++ b/lib/dijit/themes/claro/form/Select.css @@ -0,0 +1,89 @@ + +.claro .dijitSelect .dijitButtonText { + padding: 0px 5px 2px 5px; +} +.claro .dijitSelect { + border: 1px solid #b5bcc7; + background-color: #f7fcff; + border-collapse: separate; +} +.dj_ie6 .claro .dijitSelect, +.dj_ie6 .claro .dijitSelect .dijitButtonNode { + background-image:none; +} +.claro .dijitSelect .dijitButtonContents { + border: 0px solid #b5bcc7; + border-right-width: 1px; +} +.claro .dijitSelect .dijitArrowButton { + padding: 0; + border: 1px solid #fff; + border-top:none; + background-color:#ebeef4; + background-image: url("images/formHighlight.png"); + background-repeat:repeat-x; +} +.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { + background-image: url("images/commonFormArrows.png"); + background-position:-35px 70%; + background-repeat: no-repeat; + width:16px; + height:16px; + display:block; +} +.claro .dijitSelectHover { + border: 1px solid #769dc0; + background-color: #e9f4fe; + background-image: url('images/textBox_back.png'); + background-repeat: repeat-x; +} +.claro .dijitSelectHover .dijitButtonContents { + border-color:#81a5c6; +} +.claro .dijitSelectHover .dijitArrowButton { + background-color:#abd6ff; +} +.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; +} +.claro .dijitSelectFocused { + border: 1px solid #769dc0; +} +.claro .dijitSelectFocused .dijitButtonContents { + border-color:#81a5c6; +} +.claro .dijitSelectFocused .dijitArrowButton { + background-color:#7dbefa; + background-position:0px -177px; + border: none; + padding: 0px 1px; +} +.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; + margin-bottom: 1px; +} +.claro .dijitSelectDisabled { + border: 1px solid #d3d3d3; + background-color: #efefef; + background-image: none; + color: #818181; +} +.claro .dijitSelectDisabled .dijitArrowButton { + background-color: #efefef; +} +.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { + background-position:0px 70% +} +.claro .dijitSelectMenu td.dijitMenuItemIconCell, +.claro .dijitSelectMenu td.dijitMenuArrowCell { + + display: none; +} +.claro .dijitSelectMenu td.dijitMenuItemLabel { + + padding-left: 5px; + padding-right: 5px; +} +.claro .dijitSelectMenu .dijitMenuSeparatorTop { + border-bottom:1px solid #769dc0; +} diff --git a/lib/dijit/themes/claro/form/Select_rtl.css b/lib/dijit/themes/claro/form/Select_rtl.css new file mode 100644 index 000000000..43797508f --- /dev/null +++ b/lib/dijit/themes/claro/form/Select_rtl.css @@ -0,0 +1,4 @@ +.claro .dijitSelectRtl .dijitButtonContents { + border-right-width: 0px; + border-left-width: 1px; +} diff --git a/lib/dijit/themes/claro/form/Slider.css b/lib/dijit/themes/claro/form/Slider.css new file mode 100644 index 000000000..51c2c2313 --- /dev/null +++ b/lib/dijit/themes/claro/form/Slider.css @@ -0,0 +1,294 @@ + +.claro .dijitSliderBar { + border-style: solid; + outline: 1px; +} +.claro .dijitSliderFocused .dijitSliderBar { + border-color: #769dc0; +} +.claro .dijitSliderHover .dijitSliderBar { + border-color: #769dc0; +} +.claro .dijitSliderDisabled .dijitSliderBar { + background-image: none; + border-color: #d3d3d3; +} +.claro .dijitRuleLabelsContainerH { + padding: 2px 0px; +} +.claro .dijitSlider .dijitSliderProgressBarH, +.claro .dijitSlider .dijitSliderLeftBumper{ + background-image: url("images/sliderHorizontal.png"); + background-repeat:repeat-x; + background-position:0 -20px; + border-color: #b5bcc7; + background-color: #cfe5fa; +} +.claro .dijitSlider .dijitSliderRemainingBarH, +.claro .dijitSlider .dijitSliderRightBumper{ + background-image: url("images/sliderHorizontal.png"); + background-repeat:repeat-x; + background-position:0 -11px; + border-color: #b5bcc7; + background-color: #fff; +} +.claro .dijitSliderRightBumper { + border-right: solid 1px #b5bcc7; +} +.claro .dijitSliderLeftBumper { + border-left: solid 1px #b5bcc7; +} +.claro .dijitSliderHover .dijitSliderProgressBarH, +.claro .dijitSliderHover .dijitSliderLeftBumper{ + background-position:0 -20px; + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitSliderHover .dijitSliderRemainingBarH, +.claro .dijitSliderHover .dijitSliderRightBumper{ + background-position:0 0px; + background-color: #fff; + border-color: #769dc0; +} +.claro .dijitSliderFocused .dijitSliderProgressBarH, +.claro .dijitSliderFocused .dijitSliderLeftBumper{ + background-position:0 -30px; + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarH, +.claro .dijitSliderFocused .dijitSliderRightBumper{ + background-position:0 -9px; + background-color: #fff; + border-color: #769dc0; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarH, +.claro .dijitSliderDisabled .dijitSliderLeftBumper{ + background-color: #cdcdcd; + background-image:none; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarH, +.claro .dijitSliderDisabled .dijitSliderRightBumper{ + background-color: #efefef; +} +.claro .dijitRuleLabelsContainerV { + padding: 0px 2px; +} +.claro .dijitSlider .dijitSliderProgressBarV, +.claro .dijitSlider .dijitSliderBottomBumper{ + background-image: url("images/sliderVertical.png"); + background-repeat:repeat-y; + background-position:-36px 0; + border-color: #b5bcc7; + background-color: #cfe5fa; +} +.claro .dijitSlider .dijitSliderRemainingBarV, +.claro .dijitSlider .dijitSliderTopBumper{ + background-image: url("images/sliderVertical.png"); + background-repeat:repeat-y; + background-position:-3px 0; + border-color: #b5bcc7; + background-color: #fff; +} +.claro .dijitSliderBottomBumper { + border-bottom: solid 1px #b5bcc7; +} +.claro .dijitSliderTopBumper { + border-top: solid 1px #b5bcc7; +} +.claro .dijitSliderHover .dijitSliderProgressBarV, +.claro .dijitSliderHover .dijitSliderBottomBumper{ + background-position:-36px 0; + background-color: #abd6ff; +} +.claro .dijitSliderHover .dijitSliderRemainingBarV, +.claro .dijitSliderHover .dijitSliderTopBumper{ + background-position:0 0; + background-color: #fff; +} +.claro .dijitSliderFocused .dijitSliderProgressBarV, +.claro .dijitSliderFocused .dijitSliderBottomBumper{ + background-position:-56px 0; + background-color: #abd6ff; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarV, +.claro .dijitSliderFocused .dijitSliderTopBumper{ + background-position:-18px 0; + background-color: #fff; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarV, +.claro .dijitSliderDisabled .dijitSliderBottomBumper{ + background-color: #cdcdcd; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarV, +.claro .dijitSliderDisabled .dijitSliderTopBumper{ + background-color: #efefef; +} +.claro .dijitSliderImageHandleH { + border: 0px; + width: 18px; + height: 16px; + background-image: url("images/sliderThumbs.png"); + background-repeat:no-repeat; + background-position:0 0; +} +.claro .dijitSliderHover .dijitSliderImageHandleH { + background-position:-18px 0; +} +.claro .dijitSliderFocused .dijitSliderImageHandleH { + background-position:-36px 0; +} +.claro .dijitSliderProgressBarH .dijitSliderThumbHover{ + background-position:-36px 0; +} +.claro .dijitSliderProgressBarH .dijitSliderThumbActive{ + background-position:-36px 0; +} +.claro .dijitSliderReadOnly .dijitSliderImageHandleH, +.claro .dijitSliderDisabled .dijitSliderImageHandleH { + background-position:-54px 0; +} +.claro .dijitSliderImageHandleV { + border: 0px; + width: 18px; + height: 16px; + background-image: url("images/sliderThumbs.png"); + background-repeat:no-repeat; + background-position:-289px 0; +} +.claro .dijitSliderHover .dijitSliderImageHandleV { + background-position:-307px 0; +} +.claro .dijitSliderFocused .dijitSliderImageHandleV { + background-position:-325px 0; +} +.claro .dijitSliderProgressBarV .dijitSliderThumbHover{ + background-position:-325px 0; +} +.claro .dijitSliderProgressBarV .dijitSliderThumbActive{ + background-position:-325px 0; +} +.claro .dijitSliderReadOnly .dijitSliderImageHandleV, +.claro .dijitSliderDisabled .dijitSliderImageHandleV { + background-position:-343px 0; +} +.claro .dijitSliderButtonContainerH{ + padding: 1px 3px 1px 2px; +} +.claro .dijitSliderButtonContainerV{ + padding: 3px 1px 2px 1px; +} +.claro .dijitSliderDecrementIconH, +.claro .dijitSliderIncrementIconH, +.claro .dijitSliderDecrementIconV, +.claro .dijitSliderIncrementIconV { + background-image: url('images/commonFormArrows.png'); + background-repeat:no-repeat; + background-color: #e9ecf2; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border: solid 1px #b5bcc7; + font-size: 1px; +} +.claro .dijitSliderDecrementIconH, +.claro .dijitSliderIncrementIconH { + height: 12px; + width: 9px; +} +.claro .dijitSliderDecrementIconV, +.claro .dijitSliderIncrementIconV { + height: 9px; + width: 12px; +} +.claro .dijitSliderActive .dijitSliderDecrementIconH, +.claro .dijitSliderActive .dijitSliderIncrementIconH, +.claro .dijitSliderActive .dijitSliderDecrementIconV, +.claro .dijitSliderActive .dijitSliderIncrementIconV, +.claro .dijitSliderHover .dijitSliderDecrementIconH, +.claro .dijitSliderHover .dijitSliderIncrementIconH, +.claro .dijitSliderHover .dijitSliderDecrementIconV, +.claro .dijitSliderHover .dijitSliderIncrementIconV { + border: solid 1px #769dc0; + background-color:#fff; +} +.claro .dijitSliderDecrementIconH { + background-position:-357px 50%; +} +.claro .dijitSliderActive .dijitSliderDecrementIconH +.claro .dijitSliderHover .dijitSliderDecrementIconH { + background-position:-393px 50%; +} +.claro .dijitSliderIncrementIconH { + background-position:-251px 50%; +} +.claro .dijitSliderActive .dijitSliderIncrementIconH +.claro .dijitSliderHover .dijitSliderIncrementIconH { + background-position:-283px 50%; +} +.claro .dijitSliderDecrementIconV { + background-position:-38px 50%; +} +.claro .dijitSliderActive .dijitSliderDecrementIconV +.claro .dijitSliderHover .dijitSliderDecrementIconV { + background-position:-73px 50%; +} +.claro .dijitSliderIncrementIconV { + background-position:-143px 49%; +} +.claro .dijitSliderActive .dijitSliderIncrementIconV +.claro .dijitSliderHover .dijitSliderIncrementIconV { + background-position:-178px 49%; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { + background-color: #cce3fc; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { + background-color: #a5d0fc; + border-color:#6591b9; +} +.claro .dijitSliderButtonInner { + visibility: hidden; +} +.claro .dijitSliderDisabled .dijitSliderBar{ + border-color: #d3d3d3; +} +.claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * { + border-color: #d3d3d3; + color: #bdbdbd; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconH, +.claro .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position:-321px 50%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconH, +.claro .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position:-215px 50%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconV, +.claro .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position:-3px 49%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconV, +.claro .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position:-107px 49%; + background-color:#e9e9e9; +} +.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH, +.dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH, +.dj_ie6 .claro .dijitSlider .dijitSliderRightBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV, +.dj_ie6 .claro .dijitSlider .dijitSliderTopBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV, +.dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper { + background-image:none; +} diff --git a/lib/dijit/themes/claro/form/Slider_rtl.css b/lib/dijit/themes/claro/form/Slider_rtl.css new file mode 100644 index 000000000..ebff4268d --- /dev/null +++ b/lib/dijit/themes/claro/form/Slider_rtl.css @@ -0,0 +1,26 @@ +.claro .dijitSliderRtl .dijitSliderProgressBarH, +.claro .dijitSliderRtl .dijitSliderRemainingBarH, +.claro .dijitSliderRtl .dijitSliderLeftBumper, +.claro .dijitSliderRtl .dijitSliderRightBumper, +.claro .dijitSliderRtl .dijitSliderTopBumper { + background-position: top right; +} +.claro .dijitSliderRtl .dijitSliderProgressBarV, +.claro .dijitSliderRtl .dijitSliderRemainingBarV, +.claro .dijitSliderRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.claro .dijitSliderRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.claro .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.claro .dijitSliderRtl .dijitSliderIncrementIconH { + background-position:-357px 50%; +} +.claro .dijitSliderRtl .dijitSliderDecrementIconH { + background-position:-251px 50%; +} diff --git a/lib/dijit/themes/claro/form/images/button.png b/lib/dijit/themes/claro/form/images/button.png new file mode 100644 index 000000000..cb787cb2c Binary files /dev/null and b/lib/dijit/themes/claro/form/images/button.png differ diff --git a/lib/dijit/themes/claro/form/images/buttonArrows.png b/lib/dijit/themes/claro/form/images/buttonArrows.png new file mode 100644 index 000000000..642eff39b Binary files /dev/null and b/lib/dijit/themes/claro/form/images/buttonArrows.png differ diff --git a/lib/dijit/themes/claro/form/images/button_grad_d.png b/lib/dijit/themes/claro/form/images/button_grad_d.png new file mode 100644 index 000000000..3a71a4653 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/button_grad_d.png differ diff --git a/lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png b/lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png new file mode 100644 index 000000000..92d222178 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png differ diff --git a/lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png b/lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png new file mode 100644 index 000000000..2d06a8288 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png differ diff --git a/lib/dijit/themes/claro/form/images/commonFormArrows.png b/lib/dijit/themes/claro/form/images/commonFormArrows.png new file mode 100644 index 000000000..6d04742ed Binary files /dev/null and b/lib/dijit/themes/claro/form/images/commonFormArrows.png differ diff --git a/lib/dijit/themes/claro/form/images/error.png b/lib/dijit/themes/claro/form/images/error.png new file mode 100644 index 000000000..46de1cd8b Binary files /dev/null and b/lib/dijit/themes/claro/form/images/error.png differ diff --git a/lib/dijit/themes/claro/form/images/formHighlight.png b/lib/dijit/themes/claro/form/images/formHighlight.png new file mode 100644 index 000000000..f90eb25ba Binary files /dev/null and b/lib/dijit/themes/claro/form/images/formHighlight.png differ diff --git a/lib/dijit/themes/claro/form/images/shadow.png b/lib/dijit/themes/claro/form/images/shadow.png new file mode 100644 index 000000000..72d60e628 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/shadow.png differ diff --git a/lib/dijit/themes/claro/form/images/sliderHorizontal.png b/lib/dijit/themes/claro/form/images/sliderHorizontal.png new file mode 100644 index 000000000..d769a6489 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/sliderHorizontal.png differ diff --git a/lib/dijit/themes/claro/form/images/sliderThumbs.png b/lib/dijit/themes/claro/form/images/sliderThumbs.png new file mode 100644 index 000000000..70ab2fe29 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/sliderThumbs.png differ diff --git a/lib/dijit/themes/claro/form/images/sliderVertical.png b/lib/dijit/themes/claro/form/images/sliderVertical.png new file mode 100644 index 000000000..9d69d04c2 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/sliderVertical.png differ diff --git a/lib/dijit/themes/claro/form/images/textBox_back.png b/lib/dijit/themes/claro/form/images/textBox_back.png new file mode 100644 index 000000000..dfc752afe Binary files /dev/null and b/lib/dijit/themes/claro/form/images/textBox_back.png differ -- cgit v1.2.3