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/tundra/form/Button.css | 118 ++++++++++++++++++++++++ lib/dijit/themes/tundra/form/Checkbox.css | 45 ++++++++++ lib/dijit/themes/tundra/form/Common.css | 48 ++++++++++ lib/dijit/themes/tundra/form/RadioButton.css | 44 +++++++++ lib/dijit/themes/tundra/form/Select.css | 47 ++++++++++ lib/dijit/themes/tundra/form/Slider.css | 129 +++++++++++++++++++++++++++ lib/dijit/themes/tundra/form/Slider_rtl.css | 26 ++++++ 7 files changed, 457 insertions(+) create mode 100644 lib/dijit/themes/tundra/form/Button.css create mode 100644 lib/dijit/themes/tundra/form/Checkbox.css create mode 100644 lib/dijit/themes/tundra/form/Common.css create mode 100644 lib/dijit/themes/tundra/form/RadioButton.css create mode 100644 lib/dijit/themes/tundra/form/Select.css create mode 100644 lib/dijit/themes/tundra/form/Slider.css create mode 100644 lib/dijit/themes/tundra/form/Slider_rtl.css (limited to 'lib/dijit/themes/tundra/form') diff --git a/lib/dijit/themes/tundra/form/Button.css b/lib/dijit/themes/tundra/form/Button.css new file mode 100644 index 000000000..d9d103fc1 --- /dev/null +++ b/lib/dijit/themes/tundra/form/Button.css @@ -0,0 +1,118 @@ + +.tundra .dijitButtonNode { + + border: 1px solid #c0c0c0; + border-bottom: 1px solid #9b9b9b; + padding: 0.1em 0.2em 0.2em 0.2em; + background: #fff url("../images/buttonEnabled.png") repeat-x bottom left; +} +.tundra .dijitButtonText { + text-align: center; + padding: 0 0.3em; +} +.tundra .dijitDisabled .dijitButtonText { + color: #7F7F7F; +} +.tundra .dijitArrowButton { + color: #111; +} +.tundra .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.tundra .dijitTextBoxReadOnly, +.tundra .dijitTextBoxReadOnly .dijitButtonNode, +.tundra .dijitButtonDisabled .dijitButtonNode, +.tundra .dijitToggleButtonDisabled .dijitButtonNode, +.tundra .dijitDropDownButtonDisabled .dijitButtonNode, +.tundra .dijitComboButtonDisabled .dijitButtonNode, +.tundra .dijitTextBoxDisabled, +.tundra .dijitTextBoxDisabled .dijitButtonNode { + + border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5; + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; +} +.tundra .dijitButtonHover .dijitButtonNode, +.tundra .dijitButtonNodeHover, +.tundra .dijitToggleButtonHover .dijitButtonNode, +.tundra .dijitDropDownButtonHover .dijitButtonNode, +.tundra .dijitComboButton .dijitButtonContentsHover, +.tundra .dijitComboButton .dijitDownArrowButtonHover { + + + border-color: #a5beda; + border-bottom-color:#5c7590; + color:#243C5F; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} +.tundra .dijitDownArrowButtonHover, +.tundra .dijitUpArrowButtonHover { + + color:#243C5F; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} +.tundra .dijitUpArrowButtonActive, +.tundra .dijitDownArrowButtonActive, +.tundra .dijitButtonActive .dijitButtonNode, +.tundra .dijitToggleButtonActive .dijitButtonNode, +.tundra .dijitDropDownButtonActive .dijitButtonNode, +.tundra .dijitButtonContentsActive, +.tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { + + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} +.tundra .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat scroll 0px center; + width: 7px; + height: 7px; + margin: 0px 4px 0px 4px; +} +.tundra .dijitTextBox .dijitArrowButtonInner { + background-position: 0 center; +} +.dj_ie6 .tundra .dijitArrowButtonInner { + background-image:url("../images/spriteArrows.gif"); +} +.tundra .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -7px center; +} +.tundra .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -14px center; +} +.tundra .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -21px center; +} +.tundra .dijitDisabled .dijitArrowButtonInner { + background-position: -28px center; +} +.tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -35px center; +} +.tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -42px center; +} +.tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -49px center; +} +.dj_webkit .tundra .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { + margin-top: -1px; +} +.dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + margin-top: -2px; +} +.dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + margin-top: -1px; +} +.tundra .dijitSpinnerButtonContainer { + width: auto; + padding: 0; +} +.tundra .dijitSpinner .dijitArrowButton { + width: 15px; +} +.tundra .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} diff --git a/lib/dijit/themes/tundra/form/Checkbox.css b/lib/dijit/themes/tundra/form/Checkbox.css new file mode 100644 index 000000000..e7ff2f945 --- /dev/null +++ b/lib/dijit/themes/tundra/form/Checkbox.css @@ -0,0 +1,45 @@ +.tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.png'); +} +.dj_ie6 .tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.tundra .dijitCheckBox, +.tundra .dijitCheckBoxIcon { + background-image: url('../images/checkmark.png'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0 2px 0 0; + padding: 0; +} +.dj_ie6 .tundra .dijitCheckBox, +.dj_ie6 .tundra .dijitCheckBoxIcon { + background-image: url('../images/checkmark.gif'); +} +.tundra .dijitCheckBox, +.tundra .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -16px; +} +.tundra .dijitCheckBoxChecked, +.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: 0px; +} +.tundra .dijitCheckBoxDisabled { + + background-position: -48px; +} +.tundra .dijitCheckBoxCheckedDisabled { + + background-position: -32px; +} +.tundra .dijitCheckBoxHover { + + background-position: -80px; +} +.tundra .dijitCheckBoxCheckedHover { + + background-position: -64px; +} diff --git a/lib/dijit/themes/tundra/form/Common.css b/lib/dijit/themes/tundra/form/Common.css new file mode 100644 index 000000000..999eb22ee --- /dev/null +++ b/lib/dijit/themes/tundra/form/Common.css @@ -0,0 +1,48 @@ + +.tundra .dijitInputContainer INPUT, +.tundra .dijitTextBox { + margin: 0em 0.1em; +} +.tundra .dijitTextArea { + padding: 3px; +} +.tundra .dijitTextBox { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; +} +.tundra .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.tundra .dijitTextBox .dijitButtonNode { + + border-color: #9b9b9b; +} +.tundra .dijitTextBoxFocused { + + border-color:#406b9b; +} +.tundra .dijitTextBoxFocused .dijitButtonNode { + border-color:#366dba; +} +.tundra .dijitError { + background-color:#f9f7ba; + background-image:none; +} +.tundra .dijitErrorFocused { + background-color:#f9f999; + background-image:none; +} +.tundra .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} +.tundra .dijitComboBoxHighlightMatch { + background-color:#a5beda; +} +.tundra .dijitFocusedLabel { + + outline: 1px dotted #666666; +} diff --git a/lib/dijit/themes/tundra/form/RadioButton.css b/lib/dijit/themes/tundra/form/RadioButton.css new file mode 100644 index 000000000..3044d0edb --- /dev/null +++ b/lib/dijit/themes/tundra/form/RadioButton.css @@ -0,0 +1,44 @@ + +.tundra .dijitRadio, +.tundra .dijitRadioIcon { + background-image: url('../images/checkmark.png'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.dj_ie6 .tundra .dijitRadio, +.dj_ie6 .tundra .dijitRadioIcon { + background-image: url('../images/checkmark.gif'); +} +.tundra .dijitToggleButton .dijitRadioIcon { + + background-image: url('../images/checkmarkNoBorder.png'); +} +.dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.tundra .dijitRadio, +.tundra .dijitRadioIcon { + + background-position: -112px; +} +.tundra .dijitRadioDisabled { + + background-position: -144px; +} +.tundra .dijitRadioHover { + + background-position: -176px; +} +.tundra .dijitRadioChecked, +.tundra .dijitRadioCheckedHover, +.tundra .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: -96px; +} +.tundra .dijitRadioCheckedDisabled { + + background-position: -128px; +} diff --git a/lib/dijit/themes/tundra/form/Select.css b/lib/dijit/themes/tundra/form/Select.css new file mode 100644 index 000000000..072b1204a --- /dev/null +++ b/lib/dijit/themes/tundra/form/Select.css @@ -0,0 +1,47 @@ +.tundra .dijitSelect .dijitButtonNode { + padding: 0px; +} +.tundra .dijitSelect .dijitButtonNode .dijitArrowButtonInner { + margin: 0px 4px 0px 5px; +} +.tundra .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; +} +.tundra .dijitSelectHover .dijitButtonContents, +.tundra .dijitSelectActive .dijitButtonContents, +.tundra .dijitSelectOpened .dijitButtonContents, +.tundra .dijitSelectDisabled .dijitButtonContents, +.tundra .dijitSelectReadOnly .dijitButtonContents{ + background: transparent none; +} +.dj_ie .tundra .dijitSelect .dijitButtonContents { + padding-top: 0px; +} +.tundra .dijitSelectDisabled .dijitButtonNode { + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; +} +.dj_ie .tundra .dijitSelectDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.tundra .dijitSelectHover .dijitButtonNode { + border-color:#a5beda; + border-bottom-color:#5c7590; + border-right-color:#5c7590; + color:#243C5F; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} +.tundra .dijitSelectActive .dijitButtonNode, +.tundra .dijitSelectOpened .dijitButtonNode { + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} +.tundra .dijitSelectMenu td { + padding: 0em; +} +.tundra .dijitSelectMenu .dijitMenuItemLabel, +.tundra .dijitSelectMenu .dijitMenuArrowCell { + padding: 0.1em 0.2em; +} diff --git a/lib/dijit/themes/tundra/form/Slider.css b/lib/dijit/themes/tundra/form/Slider.css new file mode 100644 index 000000000..b2c2b69f8 --- /dev/null +++ b/lib/dijit/themes/tundra/form/Slider.css @@ -0,0 +1,129 @@ +.tundra .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.tundra .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.tundra .dijitSliderFocused .dijitSliderProgressBarH, +.tundra .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} +.tundra .dijitSliderFocused .dijitSliderProgressBarV, +.tundra .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} +.tundra .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} +.tundra .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} +.tundra .dijitSliderBar { + border-style: solid; + outline:1px; +} +.tundra .dijitSliderFocused .dijitSliderBar { + border-color:#888; +} +.tundra .dijitSliderImageHandleH { + border:0px; + width:16px; + height:16px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} +.dj_ie6 .tundra .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} +.tundra .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.tundra .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} +.tundra .dijitSliderImageHandleV { + border:0px; + width:16px; + height:16px; + background:url("../images/sliderThumb.png") no-repeat center center; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} +.tundra .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.tundra .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} +.tundra .dijitSliderDecrementIconH, +.tundra .dijitSliderDecrementIconV, +.tundra .dijitSliderIncrementIconH, +.tundra .dijitSliderIncrementIconV { + background-image: url('../images/spriteArrows.png'); + background-repeat: no-repeat; + margin: 5px; + height: 7px; + width: 7px; + font-size: 1px; +} +.dj_ie6 .tundra .dijitSliderDecrementIconH, +.dj_ie6 .tundra .dijitSliderDecrementIconV, +.dj_ie6 .tundra .dijitSliderIncrementIconH, +.dj_ie6 .tundra .dijitSliderIncrementIconV { + background-image: url('../images/spriteArrows.gif'); +} +.tundra .dijitSliderDecrementIconH { + background-position: -7px 0px; +} +.tundra .dijitSliderIncrementIconH { + background-position: -14px 0px; +} +.tundra .dijitSliderDecrementIconV { + background-position: 0px 0px; +} +.tundra .dijitSliderIncrementIconV { + background-position: -21px 0px; +} +.tundra .dijitSliderButtonInner { + visibility:hidden; +} +.tundra .dijitSliderReadOnly *, +.tundra .dijitSliderDisabled * { + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + color: #bdbdbd; +} +.tundra .dijitSliderReadOnly .dijitSliderDecrementIconH, +.tundra .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: -35px 0px; +} +.tundra .dijitSliderReadOnly .dijitSliderIncrementIconH, +.tundra .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -42px 0px; +} +.tundra .dijitSliderReadOnly .dijitSliderDecrementIconV, +.tundra .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -28px 0px; +} +.tundra .dijitSliderReadOnly .dijitSliderIncrementIconV, +.tundra .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -49px 0px; +} diff --git a/lib/dijit/themes/tundra/form/Slider_rtl.css b/lib/dijit/themes/tundra/form/Slider_rtl.css new file mode 100644 index 000000000..979eed651 --- /dev/null +++ b/lib/dijit/themes/tundra/form/Slider_rtl.css @@ -0,0 +1,26 @@ +.tundra .dijitSliderRtl .dijitSliderProgressBarH, +.tundra .dijitSliderRtl .dijitSliderRemainingBarH, +.tundra .dijitSliderRtl .dijitSliderLeftBumper, +.tundra .dijitSliderRtl .dijitSliderRightBumper, +.tundra .dijitSliderRtl .dijitSliderTopBumper { + background-position: top right; +} +.tundra .dijitSliderRtl .dijitSliderProgressBarV, +.tundra .dijitSliderRtl .dijitSliderRemainingBarV, +.tundra .dijitSliderRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.tundra .dijitSliderRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.tundra .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.tundra .dijitSliderRtl .dijitSliderIncrementIconH { + background-position: -7px 0px; +} +.tundra .dijitSliderRtl .dijitSliderDecrementIconH { + background-position: -14px 0px; +} -- cgit v1.2.3