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/soria/form/Button.css | 90 ++++++++++++++ .../themes/soria/form/Button.css.commented.css | 109 +++++++++++++++++ includes/js/dijit/themes/soria/form/Button_rtl.css | 3 + .../themes/soria/form/Button_rtl.css.commented.css | 3 + includes/js/dijit/themes/soria/form/Checkbox.css | 42 +++++++ .../themes/soria/form/Checkbox.css.commented.css | 69 +++++++++++ includes/js/dijit/themes/soria/form/ComboBox.css | 7 ++ .../themes/soria/form/ComboBox.css.commented.css | 7 ++ includes/js/dijit/themes/soria/form/Common.css | 61 +++++++++ .../themes/soria/form/Common.css.commented.css | 82 +++++++++++++ includes/js/dijit/themes/soria/form/Common_rtl.css | 7 ++ .../themes/soria/form/Common_rtl.css.commented.css | 7 ++ .../js/dijit/themes/soria/form/RadioButton.css | 42 +++++++ .../soria/form/RadioButton.css.commented.css | 68 +++++++++++ includes/js/dijit/themes/soria/form/Slider.css | 112 +++++++++++++++++ .../themes/soria/form/Slider.css.commented.css | 136 +++++++++++++++++++++ includes/js/dijit/themes/soria/form/Slider_rtl.css | 27 ++++ .../themes/soria/form/Slider_rtl.css.commented.css | 34 ++++++ includes/js/dijit/themes/soria/form/Textarea.css | 11 ++ .../themes/soria/form/Textarea.css.commented.css | 15 +++ .../js/dijit/themes/soria/form/TimeTextBox.css | 1 + .../soria/form/TimeTextBox.css.commented.css | 1 + 22 files changed, 934 insertions(+) create mode 100644 includes/js/dijit/themes/soria/form/Button.css create mode 100644 includes/js/dijit/themes/soria/form/Button.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/Button_rtl.css create mode 100644 includes/js/dijit/themes/soria/form/Button_rtl.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/Checkbox.css create mode 100644 includes/js/dijit/themes/soria/form/Checkbox.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/ComboBox.css create mode 100644 includes/js/dijit/themes/soria/form/ComboBox.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/Common.css create mode 100644 includes/js/dijit/themes/soria/form/Common.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/Common_rtl.css create mode 100644 includes/js/dijit/themes/soria/form/Common_rtl.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/RadioButton.css create mode 100644 includes/js/dijit/themes/soria/form/RadioButton.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/Slider.css create mode 100644 includes/js/dijit/themes/soria/form/Slider.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/Slider_rtl.css create mode 100644 includes/js/dijit/themes/soria/form/Slider_rtl.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/Textarea.css create mode 100644 includes/js/dijit/themes/soria/form/Textarea.css.commented.css create mode 100644 includes/js/dijit/themes/soria/form/TimeTextBox.css create mode 100644 includes/js/dijit/themes/soria/form/TimeTextBox.css.commented.css (limited to 'includes/js/dijit/themes/soria/form') diff --git a/includes/js/dijit/themes/soria/form/Button.css b/includes/js/dijit/themes/soria/form/Button.css new file mode 100644 index 0000000..ba7a81a --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button.css @@ -0,0 +1,90 @@ + +.soria .dijitButtonNode { + + + border:1px solid #8ba0bd; + border-bottom:1px solid #657c9c; + border-right:1px solid #657c9c; + padding: 0.2em; + background:#bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .soria .dijitButtonNode { + zoom: 1; +} +.soria .dijitButtonText { + padding: 0 0.3em; +} +.soria .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.soria .dijitArrowButton { + color: #111; +} +.soria .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .soria .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.soria .dijitButtonDisabled .dijitButtonNode, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.soria .dijitComboButtonDisabled .dijitButtonNode, +.soria .dijitComboBoxDisabled, +.soria .dijitSpinnerDisabled, +.soria .dijitSpinnerDisabled .dijitButtonNode { + + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie .soria .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.soria .dijitButtonHover .dijitButtonNode, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.soria .dijitComboButtonHover .dijitButtonContents, +.soria .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.soria .dijitComboBoxHover .dijitDownArrowButton, +.soria .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + color:#000; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} +.soria .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.soria .dijitButtonActive .dijitButtonNode, +.soria .dijitToggleButtonActive .dijitButtonNode, +.soria .dijitDropDownButtonActive .dijitButtonNode, +.soria .dijitComboButtonActive .dijitButtonContents, +.soria .dijitDownArrowActive .dijitDownArrowButton, +.soria .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} +.soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/soria/form/Button.css.commented.css b/includes/js/dijit/themes/soria/form/Button.css.commented.css new file mode 100644 index 0000000..652dfaa --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button.css.commented.css @@ -0,0 +1,109 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + *****/ + +.soria .dijitButtonNode { + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ + border:1px solid #8ba0bd; + border-bottom:1px solid #657c9c; + border-right:1px solid #657c9c; + padding: 0.2em; + background:#bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .soria .dijitButtonNode { + zoom: 1; +} + +.soria .dijitButtonText { + padding: 0 0.3em; +} + +.soria .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} + +.soria .dijitArrowButton { + color: #111; +} + +.soria .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.dj_ff2 .soria .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +.soria .dijitButtonDisabled .dijitButtonNode, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.soria .dijitComboButtonDisabled .dijitButtonNode, +.soria .dijitComboBoxDisabled, +.soria .dijitSpinnerDisabled, +.soria .dijitSpinnerDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + /*color:#b4b4b4;*/ + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; /* Safari, Opera and Mozilla */ +} +.dj_ie .soria .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); /* IE */ +} + +.soria .dijitButtonHover .dijitButtonNode, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.soria .dijitComboButtonHover .dijitButtonContents, +.soria .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.soria .dijitComboBoxHover .dijitDownArrowButton, +.soria .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowHover .dijitDownArrowButton { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + color:#000; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} + +.soria .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.soria .dijitButtonActive .dijitButtonNode, +.soria .dijitToggleButtonActive .dijitButtonNode, +.soria .dijitDropDownButtonActive .dijitButtonNode, +.soria .dijitComboButtonActive .dijitButtonContents, +.soria .dijitDownArrowActive .dijitDownArrowButton, +.soria .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:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} + + +.soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/soria/form/Button_rtl.css b/includes/js/dijit/themes/soria/form/Button_rtl.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button_rtl.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/soria/form/Button_rtl.css.commented.css b/includes/js/dijit/themes/soria/form/Button_rtl.css.commented.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button_rtl.css.commented.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/soria/form/Checkbox.css b/includes/js/dijit/themes/soria/form/Checkbox.css new file mode 100644 index 0000000..18a1e36 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Checkbox.css @@ -0,0 +1,42 @@ + +.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, +.soria .dijitCheckBoxFocused { + + background-position: -80px; +} +.soria .dijitCheckBoxCheckedHover, + .soria .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css b/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css new file mode 100644 index 0000000..afa18ba --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css @@ -0,0 +1,69 @@ + +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.soria .dijitToggleButton .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} + +.soria .dijitCheckBox, +.soria .dijitCheckBoxIcon { /* inside a toggle button */ + background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.soria .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.soria .dijitCheckBoxChecked, +.soria .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0px; +} + +.soria .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.soria .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.soria .dijitCheckBoxHover, +.soria .dijitCheckBoxFocused { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.soria .dijitCheckBoxCheckedHover, + .soria .dijitCheckBoxCheckedFocused { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/ComboBox.css b/includes/js/dijit/themes/soria/form/ComboBox.css new file mode 100644 index 0000000..6cdbf29 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/ComboBox.css @@ -0,0 +1,7 @@ +.soria .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.soria .dijitComboBoxHover .dijitArrowButtonInner { + +} diff --git a/includes/js/dijit/themes/soria/form/ComboBox.css.commented.css b/includes/js/dijit/themes/soria/form/ComboBox.css.commented.css new file mode 100644 index 0000000..b4f1439 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/ComboBox.css.commented.css @@ -0,0 +1,7 @@ +.soria .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.soria .dijitComboBoxHover .dijitArrowButtonInner { + /* TODO: url("images/arrowDownHover.png") but in IE6 it flickers some? */ +} diff --git a/includes/js/dijit/themes/soria/form/Common.css b/includes/js/dijit/themes/soria/form/Common.css new file mode 100644 index 0000000..8d71cdb --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common.css @@ -0,0 +1,61 @@ + +.soria .dijitInputField INPUT, +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner { + margin: 0em 0.1em; +} +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner, +.soria .dijitInlineEditor input, +.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; + line-height: normal; +} +.soria .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.soria .dijitComboBox .dijitButtonNode, +.soria .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 1px solid #8ba0bd; +} +.soria .dijitTextBoxFocused, +.soria .dijitComboBoxFocused, +.soria .dijitSpinnerFocused { + + border-color:#406b9b; +} +.soria .dijitComboBoxFocused .dijitButtonNode, .soria .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#8ba0bd; +} +.soria .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .soria .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.soria .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .soria .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.soria .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} diff --git a/includes/js/dijit/themes/soria/form/Common.css.commented.css b/includes/js/dijit/themes/soria/form/Common.css.commented.css new file mode 100644 index 0000000..1aaf6a4 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common.css.commented.css @@ -0,0 +1,82 @@ + +/**** + 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) + ****/ + +.soria .dijitInputField INPUT, +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner { + margin: 0em 0.1em; +} + +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner, +.soria .dijitInlineEditor input, +.soria .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 #8ba0bd; + line-height: normal; +} + +.soria .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.soria .dijitComboBox .dijitButtonNode, +.soria .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #8ba0bd; + border-left: 1px solid #8ba0bd; +} + +.soria .dijitTextBoxFocused, +.soria .dijitComboBoxFocused, +.soria .dijitSpinnerFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#406b9b; +} +.soria .dijitComboBoxFocused .dijitButtonNode, .soria .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#8ba0bd; +} + +.soria .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .soria .dijitError INPUT { + /* background-color: transparent on an doesn't work on IE6 */ + background-color:#f9f7ba !important; +} + +.soria .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .soria .dijitErrorFocused INPUT { + /* background-color: transparent on an doesn't work on IE6 */ + background-color:#ff6 !important; +} + +/* Validation errors */ +.soria .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} diff --git a/includes/js/dijit/themes/soria/form/Common_rtl.css b/includes/js/dijit/themes/soria/form/Common_rtl.css new file mode 100644 index 0000000..0bced8b --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/soria/form/Common_rtl.css.commented.css b/includes/js/dijit/themes/soria/form/Common_rtl.css.commented.css new file mode 100644 index 0000000..83f79d2 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common_rtl.css.commented.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/soria/form/RadioButton.css b/includes/js/dijit/themes/soria/form/RadioButton.css new file mode 100644 index 0000000..6cdcea4 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/RadioButton.css @@ -0,0 +1,42 @@ + +.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 .dijitRadioCheckedDisabled { + + background-position: -48px; +} +.soria .dijitRadioDisabled { + + background-position: -32px; +} +.soria .dijitRadioHover, +.soria .dijitRadioFocused { + + background-position: -80px; +} +.soria .dijitRadioCheckedHover, +.soria .dijitRadioCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css b/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css new file mode 100644 index 0000000..dad4ac5 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css @@ -0,0 +1,68 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.soria .dijitToggleButton .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} + +.soria .dijitRadio, +.soria .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.soria .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -16px; +} + +.soria .dijitRadioChecked, +.soria .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: 0px; +} + +.soria .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -48px; +} + +.soria .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -32px; +} + +.soria .dijitRadioHover, +.soria .dijitRadioFocused { + /* hovering over an unselected enabled radio button */ + background-position: -80px; +} + +.soria .dijitRadioCheckedHover, +.soria .dijitRadioCheckedFocused { + /* hovering over a selected enabled radio button */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/Slider.css b/includes/js/dijit/themes/soria/form/Slider.css new file mode 100644 index 0000000..17e93c8 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider.css @@ -0,0 +1,112 @@ + +.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; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.soria .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.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; + cursor:pointer; +} +.soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .soria .dijitSliderFocused .dijitSliderImageHandleV { + 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; + width:15px; height:15px; + cursor:pointer; +} +.soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } +.soria .dijitSliderButtonInner { + visibility:hidden; +} +.soria .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .soria .dijitSliderDisabled, +.dj_ie6 .soria .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/soria/form/Slider.css.commented.css b/includes/js/dijit/themes/soria/form/Slider.css.commented.css new file mode 100644 index 0000000..34a107a --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider.css.commented.css @@ -0,0 +1,136 @@ + +/**** + SLIDER +****/ + +.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; + /* border-color: #b4b4b4; */ +} +.soria .dijitSliderFocused .dijitSliderBar { + border-color:#8ba0bd; +} + +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} + +.soria .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.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; + cursor:pointer; +} + +.soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .soria .dijitSliderFocused .dijitSliderImageHandleV { + 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; + width:15px; height:15px; + cursor:pointer; +} +.soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} + +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } + +.soria .dijitSliderButtonInner { + visibility:hidden; +} + +.soria .dijitSliderDisabled { + opacity:0.6 !important; +} + +.dj_ie6 .soria .dijitSliderDisabled, +.dj_ie6 .soria .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/soria/form/Slider_rtl.css b/includes/js/dijit/themes/soria/form/Slider_rtl.css new file mode 100644 index 0000000..febfd0a --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider_rtl.css @@ -0,0 +1,27 @@ + +.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/soria/form/Slider_rtl.css.commented.css b/includes/js/dijit/themes/soria/form/Slider_rtl.css.commented.css new file mode 100644 index 0000000..930be3d --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider_rtl.css.commented.css @@ -0,0 +1,34 @@ + +/* Slider */ + +.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/soria/form/Textarea.css b/includes/js/dijit/themes/soria/form/Textarea.css new file mode 100644 index 0000000..0e0226b --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Textarea.css @@ -0,0 +1,11 @@ +.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 #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/soria/form/Textarea.css.commented.css b/includes/js/dijit/themes/soria/form/Textarea.css.commented.css new file mode 100644 index 0000000..b950beb --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Textarea.css.commented.css @@ -0,0 +1,15 @@ +.soria .dijitTextBox { + margin: 0em 0.1em; +} + +.soria .dijitTextBox, +.soria .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 #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/soria/form/TimeTextBox.css b/includes/js/dijit/themes/soria/form/TimeTextBox.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; diff --git a/includes/js/dijit/themes/soria/form/TimeTextBox.css.commented.css b/includes/js/dijit/themes/soria/form/TimeTextBox.css.commented.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/TimeTextBox.css.commented.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; -- cgit v1.2.3