summaryrefslogtreecommitdiff
path: root/js/dojo/dijit/themes/soria/form
diff options
context:
space:
mode:
authorTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
committerTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
commitb62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch)
tree86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dijit/themes/soria/form
Initial commit of intern.ccwn.org contentsHEADmaster
Diffstat (limited to 'js/dojo/dijit/themes/soria/form')
-rw-r--r--js/dojo/dijit/themes/soria/form/Button.css122
-rw-r--r--js/dojo/dijit/themes/soria/form/Button_rtl.css7
-rw-r--r--js/dojo/dijit/themes/soria/form/Checkbox.css67
-rw-r--r--js/dojo/dijit/themes/soria/form/Common.css74
-rw-r--r--js/dojo/dijit/themes/soria/form/RadioButton.css66
-rw-r--r--js/dojo/dijit/themes/soria/form/Select.css54
-rw-r--r--js/dojo/dijit/themes/soria/form/Slider.css144
-rw-r--r--js/dojo/dijit/themes/soria/form/Slider_rtl.css36
-rw-r--r--js/dojo/dijit/themes/soria/form/TimeTextBox.css1
9 files changed, 571 insertions, 0 deletions
diff --git a/js/dojo/dijit/themes/soria/form/Button.css b/js/dojo/dijit/themes/soria/form/Button.css
new file mode 100644
index 0000000..9efe7ea
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/Button.css
@@ -0,0 +1,122 @@
+
+/*****
+ 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)
+ *****/
+
+.soria .dijitButtonNode {
+ /* enabled state - inner */
+ border: 1px solid #8ba0bd;
+ border-bottom:1px solid #657c9c;
+ padding: 0.1em 0.2em 0.2em 0.2em;
+ background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;
+}
+.soria .dijitSelect .dijitButtonContents {
+ border-right: none;
+}
+
+.soria .dijitButtonText {
+ text-align: center;
+ padding: 0 0.3em;
+}
+
+.soria .dijitArrowButton {
+ color: #111;
+}
+
+.soria .dijitComboButton .dijitDownArrowButton {
+ padding-right:4px;
+}
+
+.soria .dijitTextBoxReadOnly,
+.soria .dijitTextBoxReadOnly .dijitButtonNode,
+.soria .dijitButtonDisabled .dijitButtonNode,
+.soria .dijitToggleButtonDisabled .dijitButtonNode,
+.soria .dijitDropDownButtonDisabled .dijitButtonNode,
+.soria .dijitComboButtonDisabled .dijitButtonNode,
+.soria .dijitTextBoxDisabled,
+.soria .dijitTextBoxDisabled .dijitButtonNode {
+ /* disabled state - inner */
+ border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
+ background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
+ opacity: 0.60;
+}
+.dj_ie6 .soria .dijitReadOnly input,
+.dj_ie7 .soria .dijitReadOnly input,
+.dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText,
+.dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText {
+ /* opacity doesn't work on table node in IE, work around here */
+ color: #aaa;
+}
+.soria .dijitButtonHover .dijitButtonNode,
+.soria .dijitButtonNodeHover,
+.soria .dijitToggleButtonHover .dijitButtonNode,
+.soria .dijitDropDownButtonHover .dijitButtonNode,
+.soria .dijitButtonContentsHover,
+.soria .dijitUpArrowButtonHover,
+.soria .dijitDownArrowButtonHover {
+ /* hover state - inner */
+ /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
+ color:#243C5F;
+ background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
+}
+
+.soria .dijitButtonActive .dijitButtonNode,
+.soria .dijitToggleButtonActive .dijitButtonNode,
+.soria .dijitDropDownButtonActive .dijitButtonNode,
+.soria .dijitComboButtonActive .dijitButtonContents,
+.soria .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:#657c9c;
+ background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
+}
+.soria .dijitUpArrowButtonActive,
+.soria .dijitDownArrowButtonActive {
+ /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
+ background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
+}
+
+
+.soria .dijitArrowButtonInner {
+ background-image: url("../images/spriteArrows.png");
+ background-repeat: no-repeat;
+ background-position: 0 center;
+ width: 11px;
+ height: 11px;
+}
+.soria .dijitComboBox .dijitArrowButtonInner {
+ background-position: 0 center;
+}
+.soria .dijitLeftArrowButton .dijitArrowButtonInner {
+ background-position: -11px center;
+}
+.soria .dijitUpArrowButton .dijitArrowButtonInner {
+ background-position: -22px center;
+}
+.soria .dijitRightArrowButton .dijitArrowButtonInner {
+ background-position: -33px center;
+}
+.dj_ie6 .soria .dijitArrowButtonInner {
+ background-image: url("../images/spriteArrows.gif");
+}
+.dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
+ margin-top: 1px; /* image has too many blank pixels on top */
+}
+.soria .dijitSpinnerButtonContainer {
+ width: auto;
+ padding: 0;
+}
+.soria .dijitSpinner .dijitArrowButton {
+ width: 15px;
+}
+.soria .dijitSpinner .dijitSpinnerButtonInner {
+ width: 15px;
+}
+.soria .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+ padding: 0;
+}
diff --git a/js/dojo/dijit/themes/soria/form/Button_rtl.css b/js/dojo/dijit/themes/soria/form/Button_rtl.css
new file mode 100644
index 0000000..e2f3728
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/Button_rtl.css
@@ -0,0 +1,7 @@
+.dijitRtl .soria .dijitComboBox .dijitButtonNode {
+ border-width: 0 0 0 1px;
+}
+.dijitRtl .soria .dijitSelect .dijitButtonContents {
+ border-left: none;
+ border-right-width: 1px;
+}
diff --git a/js/dojo/dijit/themes/soria/form/Checkbox.css b/js/dojo/dijit/themes/soria/form/Checkbox.css
new file mode 100644
index 0000000..5a72bfc
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/Checkbox.css
@@ -0,0 +1,67 @@
+
+/*
+ * 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: 0;
+}
+
+.soria .dijitCheckBoxDisabled {
+ /* disabled */
+ background-position: -48px;
+}
+
+.soria .dijitCheckBoxCheckedDisabled {
+ /* disabled but checked */
+ background-position: -32px;
+}
+
+.soria .dijitCheckBoxHover {
+ /* hovering over an unchecked enabled checkbox */
+ background-position: -80px;
+}
+
+.soria .dijitCheckBoxCheckedHover {
+ /* hovering over a checked enabled checkbox */
+ background-position: -64px;
+} \ No newline at end of file
diff --git a/js/dojo/dijit/themes/soria/form/Common.css b/js/dojo/dijit/themes/soria/form/Common.css
new file mode 100644
index 0000000..42dfefa
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/Common.css
@@ -0,0 +1,74 @@
+
+/****
+ 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 .dijitInputContainer input,
+.soria .dijitTextBox {
+ margin: 0 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 #8ba0bd;
+}
+
+.soria .dijitComboBox .dijitButtonNode {
+ padding: 0 0.2em;
+}
+.soria .dijitTextBox .dijitButtonNode {
+ /* line between the input area and the drop down button */
+ border-color: #8ba0bd;
+}
+
+.soria .dijitTextBoxFocused,
+.soria .dijitTextAreaFocused {
+ /* input field when focused (ie: typing affects it) */
+ border-color:#406b9b;
+}
+.soria .dijitTextBoxFocused .dijitButtonNode,
+.soria .dijitSpinner .dijitUpArrowButtonActive,
+.soria .dijitSpinner .dijitDownArrowButtonActive {
+ border-left-color:#8ba0bd;
+}
+.soria .dijitSpinnerFocused .dijitDownArrowButton,
+.soria .dijitSpinner .dijitUpArrowButtonActive,
+.soria .dijitSpinner .dijitDownArrowButtonActive {
+ border-top-color:#8ba0bd;
+}
+
+.soria .dijitError {
+ border-color:#f3d118;
+ background-color:#f9f7ba;
+ background-image:none;
+}
+
+.soria .dijitErrorFocused {
+ background-color:#ff6;
+ background-image:none;
+}
+
+/* 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;
+}
+
+/* The highlight is shown in the ComboBox menu. */
+.soria .dijitComboBoxHighlightMatch {
+ background-color:#f9f7ba;
+}
diff --git a/js/dojo/dijit/themes/soria/form/RadioButton.css b/js/dojo/dijit/themes/soria/form/RadioButton.css
new file mode 100644
index 0000000..1ea27bf
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/RadioButton.css
@@ -0,0 +1,66 @@
+/*
+ * 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: 0;
+}
+
+.soria .dijitRadioDisabled {
+ /* unselected and disabled */
+ background-position: -48px;
+}
+
+.soria .dijitRadioCheckedDisabled {
+ /* selected but disabled */
+ background-position: -32px;
+}
+
+.soria .dijitRadioHover {
+ /* hovering over an unselected enabled radio button */
+ background-position: -80px;
+}
+
+.soria .dijitRadioCheckedHover {
+ /* hovering over a selected enabled radio button */
+ background-position: -64px;
+} \ No newline at end of file
diff --git a/js/dojo/dijit/themes/soria/form/Select.css b/js/dojo/dijit/themes/soria/form/Select.css
new file mode 100644
index 0000000..1856772
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/Select.css
@@ -0,0 +1,54 @@
+.soria .dijitSelect .dijitButtonNode {
+ padding: 0;
+}
+
+/* Make unselected "look" more like a text box and less like a button */
+.soria .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;
+}
+.soria .dijitSelectHover .dijitButtonContents,
+.soria .dijitSelectActive .dijitButtonContents,
+.soria .dijitSelectOpened .dijitButtonContents,
+.soria .dijitSelectDisabled .dijitButtonContents,
+.soria .dijitSelectReadOnly .dijitButtonContents{
+ background: transparent none;
+}
+.dj_ie .soria .dijitSelect .dijitButtonContents {
+ padding-top: 0;
+}
+
+.soria .dijitSelect .dijitArrowButton {
+ padding: 0 2px;
+}
+
+/* Mirror DropDownButton */
+.soria .dijitSelectDisabled .dijitButtonNode {
+ border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
+ background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
+}
+.dj_ie .soria .dijitSelectDisabled .dijitButtonNode * {
+ filter: gray() alpha(opacity=50);
+}
+
+.soria .dijitSelectHover .dijitButtonNode {
+ color:#000;
+ background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
+}
+
+.soria .dijitSelectActive .dijitButtonNode,
+.soria .dijitSelectOpened .dijitButtonNode {
+ border-color:#657c9c;
+ background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
+}
+
+/* Make the menu look more combobox-like */
+.soria .dijitSelectMenu td {
+ padding: 0;
+}
+.soria .dijitSelectMenu .dijitMenuItemLabel,
+.soria .dijitSelectMenu .dijitMenuArrowCell {
+ padding: 0.1em 0.2em;
+}
+
diff --git a/js/dojo/dijit/themes/soria/form/Slider.css b/js/dojo/dijit/themes/soria/form/Slider.css
new file mode 100644
index 0000000..3a68f46
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/Slider.css
@@ -0,0 +1,144 @@
+
+/****
+ 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;
+}
+
+.soria .dijitSliderImageHandleH {
+ border:0;
+ width:15px;
+ height:18px;
+ background:url("../images/preciseSliderThumb.png") no-repeat center top;
+}
+.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:0;
+ width:20px;
+ height:15px;
+ background:url("../images/sliderThumb.png") no-repeat center center;
+ #background:url("../images/sliderThumb.gif") no-repeat center center;
+}
+
+.soria .dijitSliderFocused .dijitSliderImageHandleV {
+ background-image:url("../images/sliderThumbFocus.png");
+ #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;
+ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -45px top;
+ width:15px; height:15px;
+}
+.soria .dijitSliderIncrementIconH {
+ background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top;
+ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top;
+}
+
+.soria .dijitSliderDecrementIconH,
+.soria .dijitSliderDecrementIconV {
+ width:15px;
+ height:15px;
+ background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top;
+ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top;
+}
+.soria .dijitSliderDecrementIconH {
+ background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0 top;
+ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0 top;
+}
+
+.soria .dijitSliderButtonInner {
+ visibility:hidden;
+}
+
+.soria .dijitSliderReadOnly *,
+.soria .dijitSliderDisabled * {
+ border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
+ color: #bdbdbd;
+}
+.soria .dijitSliderReadOnly .dijitSliderDecrementIconH,
+.soria .dijitSliderDisabled .dijitSliderDecrementIconH {
+ background-position: 0 -15px;
+}
+.soria .dijitSliderReadOnly .dijitSliderIncrementIconH,
+.soria .dijitSliderDisabled .dijitSliderIncrementIconH {
+ background-position: -30px -15px;
+}
+.soria .dijitSliderReadOnly .dijitSliderDecrementIconV,
+.soria .dijitSliderDisabled .dijitSliderDecrementIconV {
+ background-position: -15px -15px;
+}
+.soria .dijitSliderReadOnly .dijitSliderIncrementIconV,
+.soria .dijitSliderDisabled .dijitSliderIncrementIconV {
+ background-position: -45px -15px;
+} \ No newline at end of file
diff --git a/js/dojo/dijit/themes/soria/form/Slider_rtl.css b/js/dojo/dijit/themes/soria/form/Slider_rtl.css
new file mode 100644
index 0000000..d9b67c5
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/Slider_rtl.css
@@ -0,0 +1,36 @@
+
+/* Slider */
+
+.dijitRtl .soria .dijitSliderProgressBarH,
+.dijitRtl .soria .dijitSliderRemainingBarH,
+.dijitRtl .soria .dijitSliderLeftBumper,
+.dijitRtl .soria .dijitSliderRightBumper,
+.dijitRtl .soria .dijitSliderTopBumper {
+ background-position: top right;
+}
+
+.dijitRtl .soria .dijitSliderProgressBarV,
+.dijitRtl .soria .dijitSliderRemainingBarV,
+.dijitRtl .soria .dijitSliderBottomBumper {
+ background-position: bottom right;
+}
+
+.dijitRtl .soria .dijitSliderLeftBumper {
+ border-left-width: 0;
+ border-right-width: 1px;
+}
+
+.dijitRtl .soria .dijitSliderRightBumper {
+ border-left-width: 1px;
+ border-right-width: 0;
+}
+
+.dijitRtl .soria .dijitSliderIncrementIconH {
+ background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top;
+ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top;
+}
+
+.dijitRtl .soria .dijitSliderDecrementIconH {
+ background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top;
+ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top;
+}
diff --git a/js/dojo/dijit/themes/soria/form/TimeTextBox.css b/js/dojo/dijit/themes/soria/form/TimeTextBox.css
new file mode 100644
index 0000000..bf67b66
--- /dev/null
+++ b/js/dojo/dijit/themes/soria/form/TimeTextBox.css
@@ -0,0 +1 @@
+@CHARSET "UTF-8"; \ No newline at end of file