summaryrefslogtreecommitdiff
path: root/js/dojo/dijit/themes/tundra/form
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo/dijit/themes/tundra/form')
-rw-r--r--js/dojo/dijit/themes/tundra/form/Button.css136
-rw-r--r--js/dojo/dijit/themes/tundra/form/Checkbox.css54
-rw-r--r--js/dojo/dijit/themes/tundra/form/Common.css76
-rw-r--r--js/dojo/dijit/themes/tundra/form/RadioButton.css52
-rw-r--r--js/dojo/dijit/themes/tundra/form/Select.css57
-rw-r--r--js/dojo/dijit/themes/tundra/form/Slider.css147
-rw-r--r--js/dojo/dijit/themes/tundra/form/Slider_rtl.css31
7 files changed, 553 insertions, 0 deletions
diff --git a/js/dojo/dijit/themes/tundra/form/Button.css b/js/dojo/dijit/themes/tundra/form/Button.css
new file mode 100644
index 0000000..2c68aef
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/form/Button.css
@@ -0,0 +1,136 @@
+
+/*****
+ dijit.form.Button
+ dijit.form.DropDownButton
+ dijit.form.ComboButton
+ dijit.form.ComboBox (partial)
+ dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has)
+ *****/
+
+.tundra .dijitButtonNode {
+ /* enabled state - inner */
+ 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 {
+ /* disabled state - inner */
+ 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 {
+ /* 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;
+ color:#243C5F;
+ background:#fcfdff url("../images/buttonHover.png") repeat-x bottom;
+}
+.tundra .dijitDownArrowButtonHover,
+.tundra .dijitUpArrowButtonHover {
+ /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
+ 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 {
+ /* active state - inner (for when you are pressing a normal button, or
+ * when a radio-type button is in a depressed state
+ */
+ border-color:#366dba;
+ background: #ededed url("../images/buttonActive.png") bottom repeat-x;
+}
+
+.tundra .dijitArrowButtonInner {
+ background:url("../images/spriteArrows.png") no-repeat scroll 0 center;
+ width: 7px;
+ height: 7px;
+ margin: 0 4px 0 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; /* image has too many blank pixels on top */
+}
+.dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
+ margin-top: -2px; /* image has too many blank pixels on top */
+}
+.dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
+ margin-top: -1px; /* image has too many blank pixels on top */
+}
+.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/js/dojo/dijit/themes/tundra/form/Checkbox.css b/js/dojo/dijit/themes/tundra/form/Checkbox.css
new file mode 100644
index 0000000..28a7d79
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/form/Checkbox.css
@@ -0,0 +1,54 @@
+.tundra .dijitToggleButton .dijitCheckBoxIcon {
+ background-image: url('../images/checkmarkNoBorder.png');
+}
+
+.dj_ie6 .tundra .dijitToggleButton .dijitCheckBoxIcon {
+ background-image: url('../images/checkmarkNoBorder.gif');
+}
+
+.tundra .dijitCheckBox,
+.tundra .dijitCheckBoxIcon /* inside a toggle button */ {
+ background-image: url('../images/checkmark.png'); /* checkbox sprite image */
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+.dj_ie6 .tundra .dijitCheckBox,
+.dj_ie6 .tundra .dijitCheckBoxIcon /* inside a toggle button */ {
+ background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
+}
+
+.tundra .dijitCheckBox,
+.tundra .dijitToggleButton .dijitCheckBoxIcon {
+ /* unchecked */
+ background-position: -16px;
+}
+
+.tundra .dijitCheckBoxChecked,
+.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon {
+ /* checked */
+ background-position: 0;
+}
+
+.tundra .dijitCheckBoxDisabled {
+ /* disabled */
+ background-position: -48px;
+}
+
+.tundra .dijitCheckBoxCheckedDisabled {
+ /* disabled but checked */
+ background-position: -32px;
+}
+
+.tundra .dijitCheckBoxHover {
+ /* hovering over an unchecked enabled checkbox */
+ background-position: -80px;
+}
+
+.tundra .dijitCheckBoxCheckedHover {
+ /* hovering over a checked enabled checkbox */
+ background-position: -64px;
+}
diff --git a/js/dojo/dijit/themes/tundra/form/Common.css b/js/dojo/dijit/themes/tundra/form/Common.css
new file mode 100644
index 0000000..96899e1
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/form/Common.css
@@ -0,0 +1,76 @@
+
+/****
+ 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 .dijitInputContainer input,
+.tundra .dijitTextBox {
+ margin: 0 0.1em;
+}
+
+.tundra .dijitTextArea {
+ padding: 3px;
+}
+
+.tundra .dijitTextBox {
+ /* For all except dijit.form.NumberSpinner: the actual input element.
+ For TextBox, ComboBox, Spinner: the div 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;
+}
+
+/* ComboBox specific rules*/
+.tundra .dijitComboBox .dijitButtonNode {
+ padding: 0 0.2em;
+}
+.tundra .dijitTextBox .dijitButtonNode {
+ /* line between the input area and the drop down button, and also between
+ * the up and down buttons of a spinner
+ */
+ border-color: #9b9b9b;
+}
+
+.tundra .dijitTextBoxFocused {
+ /* input field when focused (ie: typing affects it) */
+ 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;
+}
+
+/* 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;
+}
+
+/* The highlight is shown in the ComboBox menu. */
+.tundra .dijitComboBoxHighlightMatch {
+ background-color:#a5beda;
+}
+
+.tundra .dijitFocusedLabel {
+ /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
+ outline: 1px dotted #666666;
+}
diff --git a/js/dojo/dijit/themes/tundra/form/RadioButton.css b/js/dojo/dijit/themes/tundra/form/RadioButton.css
new file mode 100644
index 0000000..4dfc0fa
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/form/RadioButton.css
@@ -0,0 +1,52 @@
+
+.tundra .dijitRadio, /* stand alone */
+.tundra .dijitRadioIcon { /* inside a toggle button */
+ background-image: url('../images/checkmark.png'); /* checkbox sprite image */
+ 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'); /* checkbox sprite image */
+}
+
+.tundra .dijitToggleButton .dijitRadioIcon {
+ /* for checkbox in a toggle button, override above setting to have no border */
+ background-image: url('../images/checkmarkNoBorder.png');
+}
+.dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon {
+ background-image: url('../images/checkmarkNoBorder.gif');
+}
+
+.tundra .dijitRadio,
+.tundra .dijitRadioIcon {
+ /* unselected */
+ background-position: -112px;
+}
+
+.tundra .dijitRadioDisabled {
+ /* unselected and disabled */
+ background-position: -144px;
+}
+
+.tundra .dijitRadioHover {
+ /* hovering over an unselected enabled radio button */
+ background-position: -176px;
+}
+
+.tundra .dijitRadioChecked,
+.tundra .dijitRadioCheckedHover,
+.tundra .dijitToggleButtonChecked .dijitRadioIcon {
+ /* selected. Since clicking a selected radio button doesn't change anything, there's
+ * no hover effect on selected radio buttons.
+ */
+ background-position: -96px;
+}
+
+.tundra .dijitRadioCheckedDisabled {
+ /* selected but disabled */
+ background-position: -128px;
+}
diff --git a/js/dojo/dijit/themes/tundra/form/Select.css b/js/dojo/dijit/themes/tundra/form/Select.css
new file mode 100644
index 0000000..b029016
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/form/Select.css
@@ -0,0 +1,57 @@
+.tundra .dijitSelect .dijitButtonNode {
+ padding: 0;
+}
+.tundra .dijitSelect .dijitButtonNode .dijitArrowButtonInner {
+ margin: 0 4px 0 5px;
+}
+
+/* Make unselected content portion "look" more like a text box and less like a button */
+.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: 0;
+}
+
+/* Mirror DropDownButton */
+.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;
+}
+
+/* Make the menu look more combobox-like */
+.tundra .dijitSelectMenu td {
+ padding: 0;
+}
+.tundra .dijitSelectMenu .dijitMenuItemLabel,
+.tundra .dijitSelectMenu .dijitMenuArrowCell {
+ padding: 0.1em 0.2em;
+}
+
+
diff --git a/js/dojo/dijit/themes/tundra/form/Slider.css b/js/dojo/dijit/themes/tundra/form/Slider.css
new file mode 100644
index 0000000..7465e83
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/form/Slider.css
@@ -0,0 +1,147 @@
+.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:0;
+ 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:0;
+ 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 0;
+}
+.tundra .dijitSliderIncrementIconH {
+ background-position: -14px 0;
+}
+.tundra .dijitSliderDecrementIconV {
+ background-position: 0 0;
+}
+.tundra .dijitSliderIncrementIconV {
+ background-position: -21px 0;
+}
+
+.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 0;
+}
+.tundra .dijitSliderReadOnly .dijitSliderIncrementIconH,
+.tundra .dijitSliderDisabled .dijitSliderIncrementIconH {
+ background-position: -42px 0;
+}
+.tundra .dijitSliderReadOnly .dijitSliderDecrementIconV,
+.tundra .dijitSliderDisabled .dijitSliderDecrementIconV {
+ background-position: -28px 0;
+}
+.tundra .dijitSliderReadOnly .dijitSliderIncrementIconV,
+.tundra .dijitSliderDisabled .dijitSliderIncrementIconV {
+ background-position: -49px 0;
+} \ No newline at end of file
diff --git a/js/dojo/dijit/themes/tundra/form/Slider_rtl.css b/js/dojo/dijit/themes/tundra/form/Slider_rtl.css
new file mode 100644
index 0000000..9375c4e
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/form/Slider_rtl.css
@@ -0,0 +1,31 @@
+.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: 0;
+ border-right-width: 1px;
+}
+
+.tundra .dijitSliderRtl .dijitSliderRightBumper {
+ border-left-width: 1px;
+ border-right-width: 0;
+}
+
+.tundra .dijitSliderRtl .dijitSliderIncrementIconH {
+ background-position: -7px 0;
+}
+
+.tundra .dijitSliderRtl .dijitSliderDecrementIconH {
+ background-position: -14px 0;
+}