summaryrefslogtreecommitdiff
path: root/lib/dijit/themes/tundra/form
diff options
context:
space:
mode:
authorAndrew Dolgov <[email protected]>2010-11-15 10:39:52 +0300
committerAndrew Dolgov <[email protected]>2010-11-15 10:39:52 +0300
commit2f01fe57a8d37767827d6db42850aef86a767c53 (patch)
tree516a95ffce2fc2435aed8d9976e444dbcba7dce3 /lib/dijit/themes/tundra/form
parent951906dcecb1d3c7bcf751976a03e0c196ca6db0 (diff)
add dijit/dojo stuff; initial ui mockup
Diffstat (limited to 'lib/dijit/themes/tundra/form')
-rw-r--r--lib/dijit/themes/tundra/form/Button.css118
-rw-r--r--lib/dijit/themes/tundra/form/Checkbox.css45
-rw-r--r--lib/dijit/themes/tundra/form/Common.css48
-rw-r--r--lib/dijit/themes/tundra/form/RadioButton.css44
-rw-r--r--lib/dijit/themes/tundra/form/Select.css47
-rw-r--r--lib/dijit/themes/tundra/form/Slider.css129
-rw-r--r--lib/dijit/themes/tundra/form/Slider_rtl.css26
7 files changed, 457 insertions, 0 deletions
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;
+}