From e44a7e37b6c7b5961adaffc62b9042b8d442938e Mon Sep 17 00:00:00 2001 From: mensonge Date: Thu, 13 Nov 2008 09:49:11 +0000 Subject: New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f --- includes/js/dijit/themes/tundra/form/Button.css | 93 ++++++++++++++ .../themes/tundra/form/Button.css.commented.css | 113 +++++++++++++++++ includes/js/dijit/themes/tundra/form/Checkbox.css | 40 ++++++ .../themes/tundra/form/Checkbox.css.commented.css | 47 ++++++++ includes/js/dijit/themes/tundra/form/Common.css | 83 +++++++++++++ .../themes/tundra/form/Common.css.commented.css | 126 +++++++++++++++++++ .../js/dijit/themes/tundra/form/RadioButton.css | 41 +++++++ .../tundra/form/RadioButton.css.commented.css | 49 ++++++++ includes/js/dijit/themes/tundra/form/Slider.css | 113 +++++++++++++++++ .../themes/tundra/form/Slider.css.commented.css | 134 +++++++++++++++++++++ .../js/dijit/themes/tundra/form/Slider_rtl.css | 26 ++++ .../tundra/form/Slider_rtl.css.commented.css | 31 +++++ includes/js/dijit/themes/tundra/form/TextArea.css | 7 ++ .../themes/tundra/form/TextArea.css.commented.css | 10 ++ 14 files changed, 913 insertions(+) create mode 100644 includes/js/dijit/themes/tundra/form/Button.css create mode 100644 includes/js/dijit/themes/tundra/form/Button.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/form/Checkbox.css create mode 100644 includes/js/dijit/themes/tundra/form/Checkbox.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/form/Common.css create mode 100644 includes/js/dijit/themes/tundra/form/Common.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/form/RadioButton.css create mode 100644 includes/js/dijit/themes/tundra/form/RadioButton.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/form/Slider.css create mode 100644 includes/js/dijit/themes/tundra/form/Slider.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/form/Slider_rtl.css create mode 100644 includes/js/dijit/themes/tundra/form/Slider_rtl.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/form/TextArea.css create mode 100644 includes/js/dijit/themes/tundra/form/TextArea.css.commented.css (limited to 'includes/js/dijit/themes/tundra/form') diff --git a/includes/js/dijit/themes/tundra/form/Button.css b/includes/js/dijit/themes/tundra/form/Button.css new file mode 100644 index 0000000..40e1e0f --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Button.css @@ -0,0 +1,93 @@ + +.tundra .dijitButtonNode { + + + border:1px solid #c0c0c0; + border-bottom:1px solid #9b9b9b; + border-right:1px solid #9b9b9b; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x bottom left; +} +.dj_ie .tundra .dijitButtonNode { + zoom: 1; +} +.tundra .dijitButtonText { + padding: 0 0.3em; +} +.tundra .dijitComboBox .dijitButtonNode { + border: 0px; +} +.tundra .dijitArrowButton { + color: #111; +} +.tundra .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .tundra .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.tundra .dijitButtonDisabled .dijitButtonNode, +.tundra .dijitToggleButtonDisabled .dijitButtonNode, +.tundra .dijitDropDownButtonDisabled .dijitButtonNode, +.tundra .dijitComboButtonDisabled .dijitButtonNode, +.tundra .dijitComboBoxDisabled, +.tundra .dijitSpinnerDisabled, +.tundra .dijitSpinnerDisabled .dijitButtonNode { + + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie .tundra .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.tundra .dijitButtonHover .dijitButtonNode, +.tundra .dijitToggleButtonHover .dijitButtonNode, +.tundra .dijitDropDownButtonHover .dijitButtonNode, +.tundra .dijitComboButtonHover .dijitButtonContents, +.tundra .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.tundra .dijitComboBoxHover .dijitDownArrowButton, +.tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + border-color:#a5beda; + border-bottom-color:#5c7590; + border-right-color:#5c7590; + color:#000; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} +.tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.tundra .dijitButtonActive .dijitButtonNode, +.tundra .dijitToggleButtonActive .dijitButtonNode, +.tundra .dijitDropDownButtonActive .dijitButtonNode, +.tundra .dijitComboButtonActive .dijitButtonContents, +.tundra .dijitDownArrowActive .dijitDownArrowButton, +.tundra .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} +.tundra .dijitArrowButtonInner { + background:url("../images/arrowDown.png") no-repeat center center; +} +.tundra .dijitUpArrowButton .dijitArrowButtonInner { background-image:url("../images/arrowUp.png"); } +.dj_ie6 .tundra .dijitArrowButtonInner { + background-image:url("../images/arrowDown.gif"); +} +.dj_ie6 .tundra .dijitUpArrowButton .dijitArrowButtonInner { + background-image:url("../images/arrowUp.gif"); +} +.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/comboArrowDown.gif") no-repeat center center; +} +.tundra .dijitComboBoxHover .dijitArrowButtonInner { + +} diff --git a/includes/js/dijit/themes/tundra/form/Button.css.commented.css b/includes/js/dijit/themes/tundra/form/Button.css.commented.css new file mode 100644 index 0000000..f5bd15a --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Button.css.commented.css @@ -0,0 +1,113 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + *****/ + +.tundra .dijitButtonNode { + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ + border:1px solid #c0c0c0; + border-bottom:1px solid #9b9b9b; + border-right:1px solid #9b9b9b; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x bottom left; +} +.dj_ie .tundra .dijitButtonNode { + zoom: 1; +} + +.tundra .dijitButtonText { + padding: 0 0.3em; +} + +.tundra .dijitComboBox .dijitButtonNode { + border: 0px; +} + +.tundra .dijitArrowButton { + color: #111; +} + +.tundra .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.dj_ff2 .tundra .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +.tundra .dijitButtonDisabled .dijitButtonNode, +.tundra .dijitToggleButtonDisabled .dijitButtonNode, +.tundra .dijitDropDownButtonDisabled .dijitButtonNode, +.tundra .dijitComboButtonDisabled .dijitButtonNode, +.tundra .dijitComboBoxDisabled, +.tundra .dijitSpinnerDisabled, +.tundra .dijitSpinnerDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + /*color:#b4b4b4;*/ + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; /* Safari, Opera and Mozilla */ +} +.dj_ie .tundra .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); /* IE */ +} + +.tundra .dijitButtonHover .dijitButtonNode, +.tundra .dijitToggleButtonHover .dijitButtonNode, +.tundra .dijitDropDownButtonHover .dijitButtonNode, +.tundra .dijitComboButtonHover .dijitButtonContents, +.tundra .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.tundra .dijitComboBoxHover .dijitDownArrowButton, +.tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowHover .dijitDownArrowButton { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + border-color:#a5beda; + border-bottom-color:#5c7590; + border-right-color:#5c7590; + color:#000; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} + +.tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.tundra .dijitButtonActive .dijitButtonNode, +.tundra .dijitToggleButtonActive .dijitButtonNode, +.tundra .dijitDropDownButtonActive .dijitButtonNode, +.tundra .dijitComboButtonActive .dijitButtonContents, +.tundra .dijitDownArrowActive .dijitDownArrowButton, +.tundra .dijitComboBoxActive .dijitDownArrowButton { + /* active state - inner (for when you are pressing a normal button, or + * when a toggle button is in a depressed state + */ + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} + + + +.tundra .dijitArrowButtonInner { + background:url("../images/arrowDown.png") no-repeat center center; +} +.tundra .dijitUpArrowButton .dijitArrowButtonInner { background-image:url("../images/arrowUp.png"); } +.dj_ie6 .tundra .dijitArrowButtonInner { + background-image:url("../images/arrowDown.gif"); +} +.dj_ie6 .tundra .dijitUpArrowButton .dijitArrowButtonInner { + background-image:url("../images/arrowUp.gif"); +} +.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/comboArrowDown.gif") no-repeat center center; +} +.tundra .dijitComboBoxHover .dijitArrowButtonInner { + /* TODO: url("../images/arrowDownHover.png") but in IE6 it flickers some? */ +} diff --git a/includes/js/dijit/themes/tundra/form/Checkbox.css b/includes/js/dijit/themes/tundra/form/Checkbox.css new file mode 100644 index 0000000..0c59885 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Checkbox.css @@ -0,0 +1,40 @@ +.tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.tundra .dijitCheckBox, +.tundra .dijitCheckBoxIcon { + background-image: url('../images/checkmark.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.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, +.tundra .dijitCheckBoxFocused { + + background-position: -80px; +} +.tundra .dijitCheckBoxCheckedHover, +.tundra .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/tundra/form/Checkbox.css.commented.css b/includes/js/dijit/themes/tundra/form/Checkbox.css.commented.css new file mode 100644 index 0000000..8b7b2cc --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Checkbox.css.commented.css @@ -0,0 +1,47 @@ +.tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} + +.tundra .dijitCheckBox, +.tundra .dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.tundra .dijitCheckBox, +.tundra .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.tundra .dijitCheckBoxChecked, +.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0px; +} + +.tundra .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.tundra .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.tundra .dijitCheckBoxHover, +.tundra .dijitCheckBoxFocused { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.tundra .dijitCheckBoxCheckedHover, +.tundra .dijitCheckBoxCheckedFocused { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/tundra/form/Common.css b/includes/js/dijit/themes/tundra/form/Common.css new file mode 100644 index 0000000..d8ab7a0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Common.css @@ -0,0 +1,83 @@ + +.tundra .dijitInputField INPUT, +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner { + margin: 0em 0.1em; +} +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner, +.tundra .dijitInlineEditor input { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} +.tundra .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.tundra .dijitComboBox .dijitButtonNode, +.tundra .dijitSpinner .dijitButtonNode { + + border-color: #9b9b9b; +} +.tundra .dijitTextBoxFocused, +.tundra .dijitComboBoxFocused, +.tundra .dijitSpinnerFocused { + + border-color:#406b9b; +} +.tundra .dijitComboBoxFocused .dijitButtonNode, .tundra .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#366dba; +} +.tundra .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#366dba; +} +.tundra .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .tundra .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.tundra .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .tundra .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.tundra .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} +.tundra .dijitInlineValue { + + padding:3px; + margin:4px; +} +.tundra .dijitInlineEditor { + + display: inline-block; + display: -moz-inline-stack; + #display:inline; + +} +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { + margin:3px 3px 3px 0px; +} +.RichTextEditable { + border:1px solid #bfbfbf; + border-top:0; +} +.dj_ie6 .tundra .dijitInputField +{ + background: url("../images/validationInputBg.gif") repeat-x top left #fff; +} diff --git a/includes/js/dijit/themes/tundra/form/Common.css.commented.css b/includes/js/dijit/themes/tundra/form/Common.css.commented.css new file mode 100644 index 0000000..5bbb265 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Common.css.commented.css @@ -0,0 +1,126 @@ + +/**** + dijit.form.TextBox + dijit.form.ValidationTextBox + dijit.form.SerializableTextBox + dijit.form.RangeBoundTextBox + dijit.form.NumberTextBox + dijit.form.CurrencyTextBox + dijit.form.NumberSpinner + dijit.form.ComboBox (partial) + ****/ + +.tundra .dijitInputField INPUT, +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner { + margin: 0em 0.1em; +} + +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner, +.tundra .dijitInlineEditor input { + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} + +.tundra .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.tundra .dijitComboBox .dijitButtonNode, +.tundra .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #9b9b9b; +} + +.tundra .dijitTextBoxFocused, +.tundra .dijitComboBoxFocused, +.tundra .dijitSpinnerFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#406b9b; +} +.tundra .dijitComboBoxFocused .dijitButtonNode, .tundra .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#366dba; +} +.tundra .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#366dba; +} + +.tundra .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .tundra .dijitError INPUT { + /* background-color: transparent on an doesn't work on IE6 */ + background-color:#f9f7ba !important; +} + +.tundra .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .tundra .dijitErrorFocused INPUT { + /* background-color: transparent on an doesn't work on IE6 */ + background-color:#ff6 !important; +} + +/* Validation errors */ +.tundra .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} + + + +/* inline edit boxen */ +.tundra .dijitInlineValue { + /* span around an inline-editable value when NOT in edit mode */ + padding:3px; + margin:4px; +} + + +/* MOW: trying to get this to look like a mini-dialog. Advised? */ +.tundra .dijitInlineEditor { + /* fieldset surrounding an inlineEditor in edit mode */ + display: inline-block; + display: -moz-inline-stack; + #display:inline; + /* + border-style: solid; + border-color: #7788a0 #344257 #344257 #7788a0; + border-width:1px 2px 2px 1px; + -moz-border-radius:0px 2px 0px 2px; make BL and TR corners indent on Moz so it looks like we have a shadow + background-color:white; + */ +} + +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { + margin:3px 3px 3px 0px; +} + +.RichTextEditable { + border:1px solid #bfbfbf; + border-top:0; +} + +/* + * IE6: can't display PNG images with gradient transparency. + * Want to use filter property for those images, but then need to specify a path relative + * to the main page, rather than relative to this file... using gifs for now + */ + +.dj_ie6 .tundra .dijitInputField +{ + background: url("../images/validationInputBg.gif") repeat-x top left #fff; +} diff --git a/includes/js/dijit/themes/tundra/form/RadioButton.css b/includes/js/dijit/themes/tundra/form/RadioButton.css new file mode 100644 index 0000000..bc99ef0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/RadioButton.css @@ -0,0 +1,41 @@ +.tundra .dijitToggleButton .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.tundra .dijitRadio, +.tundra .dijitRadioIcon { + background-image: url('../images/checkmark.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.tundra .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + + background-position: -112px; +} +.tundra .dijitRadioChecked, +.tundra .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: -96px; +} +.tundra .dijitRadioDisabled { + + background-position: -144px; +} +.tundra .dijitRadioCheckedDisabled { + + background-position: -128px; +} +.tundra .dijitRadioHover, +.tundra .dijitRadioFocused { + + background-position: -176px; +} +.tundra .dijitRadioCheckedHover, +.tundra .dijitRadioCheckedFocused { + + background-position: -160px; +} diff --git a/includes/js/dijit/themes/tundra/form/RadioButton.css.commented.css b/includes/js/dijit/themes/tundra/form/RadioButton.css.commented.css new file mode 100644 index 0000000..e1d7713 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/RadioButton.css.commented.css @@ -0,0 +1,49 @@ +.tundra .dijitToggleButton .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} + +.tundra .dijitRadio, +.tundra .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.tundra .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -112px; +} + +.tundra .dijitRadioChecked, +.tundra .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: -96px; +} + +.tundra .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -144px; +} + +.tundra .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -128px; +} + +.tundra .dijitRadioHover, +.tundra .dijitRadioFocused { + /* hovering over an unselected enabled radio button */ + background-position: -176px; +} + +.tundra .dijitRadioCheckedHover, +.tundra .dijitRadioCheckedFocused { + /* hovering over a selected enabled radio button */ + background-position: -160px; +} + diff --git a/includes/js/dijit/themes/tundra/form/Slider.css b/includes/js/dijit/themes/tundra/form/Slider.css new file mode 100644 index 0000000..ecbc923 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider.css @@ -0,0 +1,113 @@ +.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:#333; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.tundra .dijitSliderImageHandleH { + border:0px; + width:16px; + height:16px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.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; + cursor:pointer; +} +.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 .dijitSliderIncrementIconH, +.tundra .dijitSliderIncrementIconV { + background:url('../images/arrowUp.png') no-repeat center center; + width:16px; height:16px; + cursor:pointer; +} +.tundra .dijitSliderIncrementIconH { + background-image:url('../images/arrowRight.png'); +} +.tundra .dijitSliderDecrementIconH, +.tundra .dijitSliderDecrementIconV { + width:16px; + height:16px; + cursor:pointer; + background:url('../images/arrowDown.png') no-repeat center center; +} +.tundra .dijitSliderDecrementIconH { background-image:url('../images/arrowLeft.png'); } +.tundra .dijitSliderButtonInner { + visibility:hidden; +} +.tundra .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .tundra .dijitSliderDisabled, +.dj_ie6 .tundra .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} +.tundra .dijitSliderDisabled * { + cursor: not-allowed !important; +} diff --git a/includes/js/dijit/themes/tundra/form/Slider.css.commented.css b/includes/js/dijit/themes/tundra/form/Slider.css.commented.css new file mode 100644 index 0000000..0e0a5c8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider.css.commented.css @@ -0,0 +1,134 @@ +.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:#333; +} + +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} + +.tundra .dijitSliderImageHandleH { + border:0px; + width:16px; + height:16px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.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; + cursor:pointer; +} + +.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 .dijitSliderIncrementIconH, +.tundra .dijitSliderIncrementIconV { + background:url('../images/arrowUp.png') no-repeat center center; + width:16px; height:16px; + cursor:pointer; +} +.tundra .dijitSliderIncrementIconH { + background-image:url('../images/arrowRight.png'); +} + +.tundra .dijitSliderDecrementIconH, +.tundra .dijitSliderDecrementIconV { + width:16px; + height:16px; + cursor:pointer; + background:url('../images/arrowDown.png') no-repeat center center; +} +.tundra .dijitSliderDecrementIconH { background-image:url('../images/arrowLeft.png'); } + +.tundra .dijitSliderButtonInner { + visibility:hidden; +} + +.tundra .dijitSliderDisabled { + opacity:0.6 !important; +} + +.dj_ie6 .tundra .dijitSliderDisabled, +.dj_ie6 .tundra .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} + +.tundra .dijitSliderDisabled * { + cursor: not-allowed !important; +} diff --git a/includes/js/dijit/themes/tundra/form/Slider_rtl.css b/includes/js/dijit/themes/tundra/form/Slider_rtl.css new file mode 100644 index 0000000..af024e5 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider_rtl.css @@ -0,0 +1,26 @@ +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/tundra/form/Slider_rtl.css.commented.css b/includes/js/dijit/themes/tundra/form/Slider_rtl.css.commented.css new file mode 100644 index 0000000..d6b80b8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider_rtl.css.commented.css @@ -0,0 +1,31 @@ +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} + +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} + +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} + +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} + +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} + +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/tundra/form/TextArea.css b/includes/js/dijit/themes/tundra/form/TextArea.css new file mode 100644 index 0000000..a4f0be1 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/TextArea.css @@ -0,0 +1,7 @@ +.tundra .dijitTextArea { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} diff --git a/includes/js/dijit/themes/tundra/form/TextArea.css.commented.css b/includes/js/dijit/themes/tundra/form/TextArea.css.commented.css new file mode 100644 index 0000000..2f25001 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/TextArea.css.commented.css @@ -0,0 +1,10 @@ +.tundra .dijitTextArea { + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} -- cgit v1.2.3