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