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/soria/form/Button.css | 105 ++++++++++++++++++++++++ lib/dijit/themes/soria/form/Button_rtl.css | 7 ++ lib/dijit/themes/soria/form/Checkbox.css | 40 +++++++++ lib/dijit/themes/soria/form/Common.css | 51 ++++++++++++ lib/dijit/themes/soria/form/RadioButton.css | 40 +++++++++ lib/dijit/themes/soria/form/Select.css | 44 ++++++++++ lib/dijit/themes/soria/form/Slider.css | 122 ++++++++++++++++++++++++++++ lib/dijit/themes/soria/form/Slider_rtl.css | 29 +++++++ lib/dijit/themes/soria/form/TimeTextBox.css | 1 + 9 files changed, 439 insertions(+) create mode 100644 lib/dijit/themes/soria/form/Button.css create mode 100644 lib/dijit/themes/soria/form/Button_rtl.css create mode 100644 lib/dijit/themes/soria/form/Checkbox.css create mode 100644 lib/dijit/themes/soria/form/Common.css create mode 100644 lib/dijit/themes/soria/form/RadioButton.css create mode 100644 lib/dijit/themes/soria/form/Select.css create mode 100644 lib/dijit/themes/soria/form/Slider.css create mode 100644 lib/dijit/themes/soria/form/Slider_rtl.css create mode 100644 lib/dijit/themes/soria/form/TimeTextBox.css (limited to 'lib/dijit/themes/soria/form') diff --git a/lib/dijit/themes/soria/form/Button.css b/lib/dijit/themes/soria/form/Button.css new file mode 100644 index 000000000..9bf643709 --- /dev/null +++ b/lib/dijit/themes/soria/form/Button.css @@ -0,0 +1,105 @@ + +.soria .dijitButtonNode { + + border: 1px solid #8ba0bd; + border-bottom:1px solid #657c9c; + padding: 0.1em 0.2em 0.2em 0.2em; + background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; +} +.soria .dijitSelect .dijitButtonContents { + border-right: none; +} +.soria .dijitButtonText { + text-align: center; + padding: 0 0.3em; +} +.soria .dijitArrowButton { + color: #111; +} +.soria .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.soria .dijitTextBoxReadOnly, +.soria .dijitTextBoxReadOnly .dijitButtonNode, +.soria .dijitButtonDisabled .dijitButtonNode, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.soria .dijitComboButtonDisabled .dijitButtonNode, +.soria .dijitTextBoxDisabled, +.soria .dijitTextBoxDisabled .dijitButtonNode { + + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie6 .soria .dijitReadOnly INPUT, +.dj_ie7 .soria .dijitReadOnly INPUT, +.dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText, +.dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText { + + color: #aaa; +} +.soria .dijitButtonHover .dijitButtonNode, +.soria .dijitButtonNodeHover, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.soria .dijitButtonContentsHover, +.soria .dijitUpArrowButtonHover, +.soria .dijitDownArrowButtonHover { + + + color:#243C5F; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} +.soria .dijitButtonActive .dijitButtonNode, +.soria .dijitToggleButtonActive .dijitButtonNode, +.soria .dijitDropDownButtonActive .dijitButtonNode, +.soria .dijitComboButtonActive .dijitButtonContents, +.soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { + + border-color:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} +.soria .dijitUpArrowButtonActive, +.soria .dijitDownArrowButtonActive { + + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} +.soria .dijitArrowButtonInner { + background-image: url("../images/spriteArrows.png"); + background-repeat: no-repeat; + background-position: 0px center; + width: 11px; + height: 11px; +} +.soria .dijitComboBox .dijitArrowButtonInner { + background-position: 0 center; +} +.soria .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -11px center; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -22px center; +} +.soria .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -33px center; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background-image: url("../images/spriteArrows.gif"); +} +.dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { + margin-top: 1px; +} +.soria .dijitSpinnerButtonContainer { + width: auto; + padding: 0; +} +.soria .dijitSpinner .dijitArrowButton { + width: 15px; +} +.soria .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.soria .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} diff --git a/lib/dijit/themes/soria/form/Button_rtl.css b/lib/dijit/themes/soria/form/Button_rtl.css new file mode 100644 index 000000000..50a5c5e0b --- /dev/null +++ b/lib/dijit/themes/soria/form/Button_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .soria .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.dijitRtl .soria .dijitSelect .dijitButtonContents { + border-left: none; + border-right-width: 1px; +} diff --git a/lib/dijit/themes/soria/form/Checkbox.css b/lib/dijit/themes/soria/form/Checkbox.css new file mode 100644 index 000000000..8227dcb74 --- /dev/null +++ b/lib/dijit/themes/soria/form/Checkbox.css @@ -0,0 +1,40 @@ + +.soria .dijitToggleButton .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} +.soria .dijitCheckBox, +.soria .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.soria .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -16px; +} +.soria .dijitCheckBoxChecked, +.soria .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: 0px; +} +.soria .dijitCheckBoxDisabled { + + background-position: -48px; +} +.soria .dijitCheckBoxCheckedDisabled { + + background-position: -32px; +} +.soria .dijitCheckBoxHover { + + background-position: -80px; +} +.soria .dijitCheckBoxCheckedHover { + + background-position: -64px; +} diff --git a/lib/dijit/themes/soria/form/Common.css b/lib/dijit/themes/soria/form/Common.css new file mode 100644 index 000000000..0fe92d2a1 --- /dev/null +++ b/lib/dijit/themes/soria/form/Common.css @@ -0,0 +1,51 @@ + +.soria .dijitInputContainer INPUT, +.soria .dijitTextBox { + margin: 0em 0.1em; +} +.soria .dijitTextBox, +.soria .dijitTextArea { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #8ba0bd; +} +.soria .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.soria .dijitTextBox .dijitButtonNode { + + border-color: #8ba0bd; +} +.soria .dijitTextBoxFocused, +.soria .dijitTextAreaFocused { + + border-color:#406b9b; +} +.soria .dijitTextBoxFocused .dijitButtonNode, +.soria .dijitSpinner .dijitUpArrowButtonActive, +.soria .dijitSpinner .dijitDownArrowButtonActive { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton, +.soria .dijitSpinner .dijitUpArrowButtonActive, +.soria .dijitSpinner .dijitDownArrowButtonActive { + border-top-color:#8ba0bd; +} +.soria .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.soria .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.soria .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} +.soria .dijitComboBoxHighlightMatch { + background-color:#f9f7ba; +} diff --git a/lib/dijit/themes/soria/form/RadioButton.css b/lib/dijit/themes/soria/form/RadioButton.css new file mode 100644 index 000000000..543694e28 --- /dev/null +++ b/lib/dijit/themes/soria/form/RadioButton.css @@ -0,0 +1,40 @@ + +.soria .dijitToggleButton .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} +.soria .dijitRadio, +.soria .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.soria .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + + background-position: -16px; +} +.soria .dijitRadioChecked, +.soria .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: 0px; +} +.soria .dijitRadioDisabled { + + background-position: -48px; +} +.soria .dijitRadioCheckedDisabled { + + background-position: -32px; +} +.soria .dijitRadioHover { + + background-position: -80px; +} +.soria .dijitRadioCheckedHover { + + background-position: -64px; +} diff --git a/lib/dijit/themes/soria/form/Select.css b/lib/dijit/themes/soria/form/Select.css new file mode 100644 index 000000000..eb85ceaeb --- /dev/null +++ b/lib/dijit/themes/soria/form/Select.css @@ -0,0 +1,44 @@ +.soria .dijitSelect .dijitButtonNode { + padding: 0px; +} +.soria .dijitSelect .dijitButtonContents { + padding-top: 1px; + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; +} +.soria .dijitSelectHover .dijitButtonContents, +.soria .dijitSelectActive .dijitButtonContents, +.soria .dijitSelectOpened .dijitButtonContents, +.soria .dijitSelectDisabled .dijitButtonContents, +.soria .dijitSelectReadOnly .dijitButtonContents{ + background: transparent none; +} +.dj_ie .soria .dijitSelect .dijitButtonContents { + padding-top: 0px; +} +.soria .dijitSelect .dijitArrowButton { + padding: 0px 2px; +} +.soria .dijitSelectDisabled .dijitButtonNode { + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; +} +.dj_ie .soria .dijitSelectDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.soria .dijitSelectHover .dijitButtonNode { + color:#000; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} +.soria .dijitSelectActive .dijitButtonNode, +.soria .dijitSelectOpened .dijitButtonNode { + border-color:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} +.soria .dijitSelectMenu td { + padding: 0em; +} +.soria .dijitSelectMenu .dijitMenuItemLabel, +.soria .dijitSelectMenu .dijitMenuArrowCell { + padding: 0.1em 0.2em; +} diff --git a/lib/dijit/themes/soria/form/Slider.css b/lib/dijit/themes/soria/form/Slider.css new file mode 100644 index 000000000..72e48b678 --- /dev/null +++ b/lib/dijit/themes/soria/form/Slider.css @@ -0,0 +1,122 @@ + +.soria .dijitSliderProgressBarH { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.soria .dijitSliderProgressBarV { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.soria .dijitSliderFocused .dijitSliderProgressBarH, +.soria .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} +.soria .dijitSliderFocused .dijitSliderProgressBarV, +.soria .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} +.soria .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} +.soria .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} +.soria .dijitSliderBar { + border-style: solid; + outline:1px; + +} +.soria .dijitSliderFocused .dijitSliderBar { + border-color:#8ba0bd; +} +.soria .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; +} +.soria .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} +.dj_ie6 .soria .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} +.soria .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.soria .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} +.soria .dijitSliderImageHandleV { + border:0px; + width:20px; + height:15px; + background:url("../images/sliderThumb.png") no-repeat center center; + #background:url("../images/sliderThumb.gif") no-repeat center center; +} +.soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); + #background-image:url("../images/sliderThumbFocus.gif"); +} +.soria .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.soria .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} +.soria .dijitSliderIncrementIconH, +.soria .dijitSliderIncrementIconV { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -45px top; + width:15px; height:15px; +} +.soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0px top; +} +.soria .dijitSliderButtonInner { + visibility:hidden; +} +.soria .dijitSliderReadOnly *, +.soria .dijitSliderDisabled * { + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + color: #bdbdbd; +} +.soria .dijitSliderReadOnly .dijitSliderDecrementIconH, +.soria .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: 0px -15px; +} +.soria .dijitSliderReadOnly .dijitSliderIncrementIconH, +.soria .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -30px -15px; +} +.soria .dijitSliderReadOnly .dijitSliderDecrementIconV, +.soria .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -15px -15px; +} +.soria .dijitSliderReadOnly .dijitSliderIncrementIconV, +.soria .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -45px -15px; +} diff --git a/lib/dijit/themes/soria/form/Slider_rtl.css b/lib/dijit/themes/soria/form/Slider_rtl.css new file mode 100644 index 000000000..c1d8de322 --- /dev/null +++ b/lib/dijit/themes/soria/form/Slider_rtl.css @@ -0,0 +1,29 @@ + +.dijitRtl .soria .dijitSliderProgressBarH, +.dijitRtl .soria .dijitSliderRemainingBarH, +.dijitRtl .soria .dijitSliderLeftBumper, +.dijitRtl .soria .dijitSliderRightBumper, +.dijitRtl .soria .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .soria .dijitSliderProgressBarV, +.dijitRtl .soria .dijitSliderRemainingBarV, +.dijitRtl .soria .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .soria .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .soria .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top; +} +.dijitRtl .soria .dijitSliderDecrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} diff --git a/lib/dijit/themes/soria/form/TimeTextBox.css b/lib/dijit/themes/soria/form/TimeTextBox.css new file mode 100644 index 000000000..d450925b4 --- /dev/null +++ b/lib/dijit/themes/soria/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; -- cgit v1.2.3