"Poro" theme updates:

 * Combobox themed
 * Textfield focused style modified: now unified for all browsers

svn changeset:7720/svn branch:6.0

diff --git a/WebContent/ITMILL/themes/reindeer/common/common.css b/WebContent/ITMILL/themes/reindeer/common/common.css
index 7d3e41397836cab4dbe0a5a58c29a87802738642..c6b0ce66e5c0023556aa87e984f62dee32902d27 100644 (file)
--- a/WebContent/ITMILL/themes/reindeer/common/common.css
+++ b/WebContent/ITMILL/themes/reindeer/common/common.css
@@ -18,7 +18,8 @@
 .i-popupview-popup input,
 .i-popupview-popup select,
 .i-popupview-popup button,
-.i-popupview-popup textarea {
+.i-popupview-popup textarea,
+.i-filterselect-suggestpopup {
        font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
        font-size: 12px;
        line-height: normal;
@@ -40,6 +41,7 @@
 .i-sa .i-popupview-popup input,
 .i-sa .i-popupview-popup select,
 .i-sa .i-popupview-popup button,
-.i-sa .i-popupview-popup textarea {
+.i-sa .i-popupview-popup textarea,
+.i-sa .i-filterselect-suggestpopup {
        font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
 }
\ No newline at end of file

diff --git a/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites-ie6.png b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites-ie6.png
new file mode 100644 (file)
index 0000000..08a6130
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites-ie6.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png
index 99652769d4089d36cd67c15db54a4e25b6929283..46af03547f37b63054caf11cdfa72e6e90d701d2 100644 (file)
Binary files a/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png and b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/arrow-down-hover.png b/WebContent/ITMILL/themes/reindeer/select/img/arrow-down-hover.png
new file mode 100644 (file)
index 0000000..2061e31
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/arrow-down-hover.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/arrow-down.png b/WebContent/ITMILL/themes/reindeer/select/img/arrow-down.png
new file mode 100644 (file)
index 0000000..6fba8ab
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/arrow-down.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/arrow-up-hover.png b/WebContent/ITMILL/themes/reindeer/select/img/arrow-up-hover.png
new file mode 100644 (file)
index 0000000..a2d3ea6
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/arrow-up-hover.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/arrow-up.png b/WebContent/ITMILL/themes/reindeer/select/img/arrow-up.png
new file mode 100644 (file)
index 0000000..3c9b52c
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/arrow-up.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/center-focus.png b/WebContent/ITMILL/themes/reindeer/select/img/center-focus.png
new file mode 100644 (file)
index 0000000..e236f2a
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/center-focus.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/center.png b/WebContent/ITMILL/themes/reindeer/select/img/center.png
new file mode 100644 (file)
index 0000000..fae6766
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/center.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/left-focus.png b/WebContent/ITMILL/themes/reindeer/select/img/left-focus.png
new file mode 100644 (file)
index 0000000..528d532
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/left-focus.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/left.png b/WebContent/ITMILL/themes/reindeer/select/img/left.png
new file mode 100644 (file)
index 0000000..e4179a0
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/left.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/page-down-hover.png b/WebContent/ITMILL/themes/reindeer/select/img/page-down-hover.png
new file mode 100644 (file)
index 0000000..5479c21
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/page-down-hover.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/page-down-pressed.png b/WebContent/ITMILL/themes/reindeer/select/img/page-down-pressed.png
new file mode 100644 (file)
index 0000000..8d621bd
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/page-down-pressed.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/page-up-hover.png b/WebContent/ITMILL/themes/reindeer/select/img/page-up-hover.png
new file mode 100644 (file)
index 0000000..ba08d14
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/page-up-hover.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/page-up-pressed.png b/WebContent/ITMILL/themes/reindeer/select/img/page-up-pressed.png
new file mode 100644 (file)
index 0000000..08c044a
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/page-up-pressed.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/right-focus-hover.png b/WebContent/ITMILL/themes/reindeer/select/img/right-focus-hover.png
new file mode 100644 (file)
index 0000000..9b8ddc7
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/right-focus-hover.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/right-focus-pressed.png b/WebContent/ITMILL/themes/reindeer/select/img/right-focus-pressed.png
new file mode 100644 (file)
index 0000000..9c7b6dc
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/right-focus-pressed.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/right-focus.png b/WebContent/ITMILL/themes/reindeer/select/img/right-focus.png
new file mode 100644 (file)
index 0000000..127c3e0
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/right-focus.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/right-hover.png b/WebContent/ITMILL/themes/reindeer/select/img/right-hover.png
new file mode 100644 (file)
index 0000000..5d1c8f8
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/right-hover.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/right-pressed.png b/WebContent/ITMILL/themes/reindeer/select/img/right-pressed.png
new file mode 100644 (file)
index 0000000..f9450d2
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/right-pressed.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/right.png b/WebContent/ITMILL/themes/reindeer/select/img/right.png
new file mode 100644 (file)
index 0000000..d341745
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/right.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/sel-bg.png b/WebContent/ITMILL/themes/reindeer/select/img/sel-bg.png
new file mode 100644 (file)
index 0000000..6abfd1c
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/sel-bg.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/img/status-bg.png b/WebContent/ITMILL/themes/reindeer/select/img/status-bg.png
new file mode 100644 (file)
index 0000000..c93bfeb
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/select/img/status-bg.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/select/select.css b/WebContent/ITMILL/themes/reindeer/select/select.css
new file mode 100644 (file)
index 0000000..368acaa
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/select/select.css
@@ -0,0 +1,191 @@
+.i-filterselect {
+       height: 24px;
+       background-repeat: no-repeat;
+       background-image: url(img/left.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
+       padding-left: 2px;
+}
+.i-app .i-filterselect-input,
+.i-window .i-filterselect-input,
+.i-popupview-popup .i-filterselect-input {
+       background: transparent;
+       background-repeat: repeat-x;
+       background-image: url(img/center.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+       border: none;
+       height: 21px;
+}
+/* More specific selector to override padding */
+.i-app input.i-filterselect-input,
+.i-window input.i-filterselect-input,
+.i-popupview-popup input.i-filterselect-input {
+       padding: 3px 0 0 2px;
+}
+.i-filterselect-prompt .i-filterselect-input {
+       font-style: normal;
+}
+.i-filterselect-input:focus {
+       outline: none;
+}
+.i-filterselect-focus {
+       background-image: url(img/left-focus.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
+}
+.i-filterselect-focus .i-filterselect-input {
+       background-image: url(img/center-focus.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.i-filterselect-button {
+       overflow: hidden;
+       width: 25px;
+       height: 24px;
+       background-image: url(img/right.png); /** sprite-ref: verticals */
+       cursor: default;
+}
+.i-filterselect-button:hover {
+       background-image: url(img/right-hover.png); /** sprite-ref: verticals */
+}
+.i-filterselect-button:active {
+       background-image: url(img/right-pressed.png); /** sprite-ref: verticals */
+}
+.i-filterselect-focus .i-filterselect-button {
+       background-image: url(img/right-focus.png); /** sprite-ref: verticals */
+}
+.i-filterselect-focus .i-filterselect-button:hover {
+       background-image: url(img/right-focus-hover.png); /** sprite-ref: verticals */
+}
+.i-filterselect-focus .i-filterselect-button:active {
+       background-image: url(img/right-focus-pressed.png); /** sprite-ref: verticals */
+}
+.i-disabled .i-filterselect-button:hover,
+.i-readonly .i-filterselect-button:hover {
+       background-image: url(img/right.png); /** sprite-ref: verticals */
+}
+/* IE6 needs some manual adjustments */
+.i-ie6 input.i-filterselect-input {
+       border-top: 1px solid #a2a3a4;
+       padding-top: 2px;
+}
+.i-ie6 .i-filterselect-button {
+       border-top: 1px solid #a2a3a4;
+       height: 23px;
+       cursor: pointer;
+}
+.i-ie6 .i-filterselect-focus input.i-filterselect-input,
+.i-ie6 .i-filterselect-focus .i-filterselect-button {
+       border-top-color: #5b97d0;
+}
+
+.i-filterselect-suggestpopup {
+       background: #f8f8f9;
+       border: none;
+       border-radius: 2px;
+       -webkit-border-radius: 2px;
+       -moz-border-radius: 2px;
+       -o-border-radius: 2px;
+}
+.i-filterselect-suggestmenu .gwt-MenuItem {
+       padding: 1px 8px;
+       height: 16px;
+}
+.i-filterselect-suggestmenu .gwt-MenuItem .i-icon {
+       margin-right: 3px;
+}
+.i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: transparent;
+       background-repeat: repeat-x;
+       background-image: url(img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+       color: #fff;
+       text-shadow: #3b5a7a 0 1px 0;
+}
+/* IE fails to position background images properly inside table elements */
+.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: transparent url(img/sel-bg.png) repeat-x;
+}
+.i-filterselect-nextpage,
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off,
+.i-filterselect-prevpage {
+       height: 11px;
+       width: 100%;
+       background: transparent;
+}
+.i-filterselect-nextpage:hover {
+       background-repeat: repeat-x;
+       background-image: url(img/page-down-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.i-filterselect-prevpage:hover {
+       background-repeat: repeat-x;
+       background-image: url(img/page-up-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.i-filterselect-nextpage:active {
+       background-repeat: repeat-x;
+       background-image: url(img/page-down-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.i-filterselect-prevpage:active {
+       background-repeat: repeat-x;
+       background-image: url(img/page-up-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span {
+       display: none;
+}
+.i-filterselect-nextpage span,
+.i-filterselect-prevpage span {
+       display: block;
+       height: 11px;
+       width: 100%;
+       overflow: hidden;
+       text-indent: -99999px;
+       background-position: center top;
+       background-repeat: no-repeat;
+       background-image: url(img/arrow-down.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+       user-select: none;
+       -moz-user-select: none;
+       -webkit-user-select: none;
+}
+.i-filterselect-prevpage span {
+       background-image: url(img/arrow-up.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+}
+.i-filterselect-nextpage:hover span {
+       background-image: url(img/arrow-down-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+}
+.i-filterselect-prevpage:hover span {
+       background-image: url(img/arrow-up-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+}
+.i-filterselect-status {
+       text-shadow: #fff 0 1px 0;
+       font-size: 11px;
+       line-height: normal;
+       width: 100%;
+       padding: 3px 0;
+       height: 11px;
+       overflow: hidden;
+       background-repeat: repeat-x;
+       background-image: url(img/status-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+       -moz-border-radius-bottomleft: 2px;
+       -moz-border-radius-bottomright: 2px;
+       -webkit-border-bottom-left-radius: 2px;
+       -webkit-border-bottom-right-radius: 2px;
+}
+/* IE fails to position background images properly inside table elements */
+.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: transparent url(img/sel-bg.png) repeat-x;
+}
+.i-ie .i-filterselect-nextpage:hover {
+       background: transparent url(img/page-down-hover.png) repeat-x;
+}
+.i-ie .i-filterselect-prevpage:hover {
+       background: transparent url(img/page-up-hover.png) repeat-x;
+}
+.i-ie .i-filterselect-prevpage span {
+       background: transparent url(img/arrow-up.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-nextpage span {
+       background: transparent url(img/arrow-down.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-prevpage:hover span {
+       background: transparent url(img/arrow-up-hover.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-nextpage:hover span {
+       background: transparent url(img/arrow-down-hover.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-status {
+       background: transparent url(img/status-bg.png) repeat-x;
+}
\ No newline at end of file

diff --git a/WebContent/ITMILL/themes/reindeer/styles.css b/WebContent/ITMILL/themes/reindeer/styles.css
index 2dac968181a8142a86f781b5cfd40662c344653f..0c3185e517c3b763da849606fe193f92ec80b040 100644 (file)
--- a/WebContent/ITMILL/themes/reindeer/styles.css
+++ b/WebContent/ITMILL/themes/reindeer/styles.css
@@ -1549,11 +1549,8 @@ div.i-window-header {
 /* Automatically compiled css file from subdirectories. */
 
 /* ./WebContent/ITMILL/themes/reindeer/a-sprite-definitions/a-sprite-definitions.css */
-/** sprite: verticals; sprite-image: url(common/img/vertical-sprites.png); sprite-layout: vertical */
 
-/** sprite: horizontals; sprite-image: url(common/img/horizontal-sprites.png); sprite-layout: horizontal */
 
-/** sprite: buttons; sprite-image: url(button/img/button-sprites.png); sprite-layout: vertical */
 
 /* ./WebContent/ITMILL/themes/reindeer/button/button.css */
 /* We serve simpler buttons for IE6, since it doesn't support the adjacent 
@@ -1565,7 +1562,9 @@ div > .i-button,
        padding: 0 0 0 6px;
        background-color: transparent;
        background-repeat: no-repeat;
-       background-image: url(button/img/left.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -0px;
        border: none;
        cursor: default;
 }
@@ -1577,7 +1576,9 @@ div > .i-button span,
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: right top;
-       background-image: url(button/img/right.png);  /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -26px;
        text-shadow: #fff 0 1px 0;
        font-weight: bold;
        font-size: 11px;
@@ -1589,21 +1590,29 @@ div > .i-button span,
        padding-top: 5px;
 }
 .i-button:focus {
-       background-image: url(button/img/left-focus.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -52px;
        outline: none;
 }
 .i-button:focus span {
-       background-image: url(button/img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -78px;
        outline: none;
 }
 .i-button:active,
 .i-ie7 .i-button.i-pressed {
-       background-image: url(button/img/left-pressed.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -104px;
        outline: none;
 }
 .i-button:active span,
 .i-ie7 .i-button.i-pressed span {
-       background-image: url(button/img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -130px;
        outline: none;
 }
 .i-ie7 .i-button.i-pressed span {
@@ -1704,37 +1713,53 @@ div > .i-button .i-errorindicator,
  */
 div > .i-button-primary,
 .i-ie7 .i-button-primary {
-       background-image: url(button/img/primary-left.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -156px;
 }
 div > .i-button-primary span,
 .i-ie7 .i-button-primary span {
-       background-image: url(button/img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -182px;
 }
 .i-button-primary:focus {
-       background-image: url(button/img/primary-left-focus.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -208px;
 }
 .i-button-primary:focus span {
-       background-image: url(button/img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -234px;
 }
 .i-button-primary:active,
 .i-ie7 .i-button-primary.i-pressed {
-       background-image: url(button/img/primary-left-pressed.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -260px;
 }
 .i-button-primary:active span,
 .i-ie7 .i-button-primary.i-pressed span {
-       background-image: url(button/img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -286px;
 }
 /* 
  * Small-style --------------------------
  */
 div > .i-button-small,
 .i-ie7 .i-button-small {
-       background-image: url(button/img/small-left.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -312px;
        height: 20px;
 }
 div > .i-button-small span,
 .i-ie7 .i-button-small span {
-       background-image: url(button/img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -332px;
        height: 19px;
        padding: 1px 11px 0 5px;
        font-weight: normal;
@@ -1748,18 +1773,26 @@ div > .i-button-small span,
        padding-top: 2px;
 }
 .i-button-small:focus {
-       background-image: url(button/img/small-left-focus.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -352px;
 }
 .i-button-small:focus span {
-       background-image: url(button/img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -372px;
 }
 .i-button-small:active,
 .i-ie7 .i-button-small.i-pressed {
-       background-image: url(button/img/small-left-pressed.png); /** sprite-ref: buttons */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -392px;
 }
 .i-button-small:active span,
 .i-ie7 .i-button-small.i-pressed span {
-       background-image: url(button/img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -412px;
 }
 
 /**
@@ -1817,7 +1850,8 @@ div > .i-button-small span,
 .i-popupview-popup input,
 .i-popupview-popup select,
 .i-popupview-popup button,
-.i-popupview-popup textarea {
+.i-popupview-popup textarea,
+.i-filterselect-suggestpopup {
        font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
        font-size: 12px;
        line-height: normal;
@@ -1839,7 +1873,8 @@ div > .i-button-small span,
 .i-sa .i-popupview-popup input,
 .i-sa .i-popupview-popup select,
 .i-sa .i-popupview-popup button,
-.i-sa .i-popupview-popup textarea {
+.i-sa .i-popupview-popup textarea,
+.i-sa .i-filterselect-suggestpopup {
        font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
 }
 
@@ -1942,30 +1977,271 @@ div > .i-button-small span,
        background: rgba(0,0,0,.08);
 }
 
+/* ./WebContent/ITMILL/themes/reindeer/select/select.css */
+.i-filterselect {
+       height: 24px;
+       background-repeat: no-repeat;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -0px;
+       padding-left: 2px;
+}
+.i-app .i-filterselect-input,
+.i-window .i-filterselect-input,
+.i-popupview-popup .i-filterselect-input {
+       background: transparent;
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -25px;
+       border: none;
+       height: 21px;
+}
+/* More specific selector to override padding */
+.i-app input.i-filterselect-input,
+.i-window input.i-filterselect-input,
+.i-popupview-popup input.i-filterselect-input {
+       padding: 3px 0 0 2px;
+}
+.i-filterselect-prompt .i-filterselect-input {
+       font-style: normal;
+}
+.i-filterselect-input:focus {
+       outline: none;
+}
+.i-filterselect-focus {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -49px;
+}
+.i-filterselect-focus .i-filterselect-input {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -74px;
+}
+.i-filterselect-button {
+       overflow: hidden;
+       width: 25px;
+       height: 24px;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -98px;
+       cursor: default;
+}
+.i-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -122px;
+}
+.i-filterselect-button:active {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -146px;
+}
+.i-filterselect-focus .i-filterselect-button {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -170px;
+}
+.i-filterselect-focus .i-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -194px;
+}
+.i-filterselect-focus .i-filterselect-button:active {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -218px;
+}
+.i-disabled .i-filterselect-button:hover,
+.i-readonly .i-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -242px;
+}
+/* IE6 needs some manual adjustments */
+.i-ie6 input.i-filterselect-input {
+       border-top: 1px solid #a2a3a4;
+       padding-top: 2px;
+}
+.i-ie6 .i-filterselect-button {
+       border-top: 1px solid #a2a3a4;
+       height: 23px;
+       cursor: pointer;
+}
+.i-ie6 .i-filterselect-focus input.i-filterselect-input,
+.i-ie6 .i-filterselect-focus .i-filterselect-button {
+       border-top-color: #5b97d0;
+}
+
+.i-filterselect-suggestpopup {
+       background: #f8f8f9;
+       border: none;
+       border-radius: 2px;
+       -webkit-border-radius: 2px;
+       -moz-border-radius: 2px;
+       -o-border-radius: 2px;
+}
+.i-filterselect-suggestmenu .gwt-MenuItem {
+       padding: 1px 8px;
+       height: 16px;
+}
+.i-filterselect-suggestmenu .gwt-MenuItem .i-icon {
+       margin-right: 3px;
+}
+.i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: transparent;
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -266px;
+       color: #fff;
+       text-shadow: #3b5a7a 0 1px 0;
+}
+/* IE fails to position background images properly inside table elements */
+.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: transparent url(select/img/sel-bg.png) repeat-x;
+}
+.i-filterselect-nextpage,
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off,
+.i-filterselect-prevpage {
+       height: 11px;
+       width: 100%;
+       background: transparent;
+}
+.i-filterselect-nextpage:hover {
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -284px;
+}
+.i-filterselect-prevpage:hover {
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -295px;
+}
+.i-filterselect-nextpage:active {
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -306px;
+}
+.i-filterselect-prevpage:active {
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -317px;
+}
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span {
+       display: none;
+}
+.i-filterselect-nextpage span,
+.i-filterselect-prevpage span {
+       display: block;
+       height: 11px;
+       width: 100%;
+       overflow: hidden;
+       text-indent: -99999px;
+       background-position: center top;
+       background-repeat: no-repeat;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -328px;
+       user-select: none;
+       -moz-user-select: none;
+       -webkit-user-select: none;
+}
+.i-filterselect-prevpage span {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -339px;
+}
+.i-filterselect-nextpage:hover span {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -350px;
+}
+.i-filterselect-prevpage:hover span {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -361px;
+}
+.i-filterselect-status {
+       text-shadow: #fff 0 1px 0;
+       font-size: 11px;
+       line-height: normal;
+       width: 100%;
+       padding: 3px 0;
+       height: 11px;
+       overflow: hidden;
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -372px;
+       -moz-border-radius-bottomleft: 2px;
+       -moz-border-radius-bottomright: 2px;
+       -webkit-border-bottom-left-radius: 2px;
+       -webkit-border-bottom-right-radius: 2px;
+}
+/* IE fails to position background images properly inside table elements */
+.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: transparent url(select/img/sel-bg.png) repeat-x;
+}
+.i-ie .i-filterselect-nextpage:hover {
+       background: transparent url(select/img/page-down-hover.png) repeat-x;
+}
+.i-ie .i-filterselect-prevpage:hover {
+       background: transparent url(select/img/page-up-hover.png) repeat-x;
+}
+.i-ie .i-filterselect-prevpage span {
+       background: transparent url(select/img/arrow-up.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-nextpage span {
+       background: transparent url(select/img/arrow-down.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-prevpage:hover span {
+       background: transparent url(select/img/arrow-up-hover.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-nextpage:hover span {
+       background: transparent url(select/img/arrow-down-hover.png) no-repeat center 3px;
+}
+.i-ie .i-filterselect-status {
+       background: transparent url(select/img/status-bg.png) repeat-x;
+}
+
 /* ./WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css */
 .i-splitpanel-horizontal .i-splitpanel-hsplitter {
        width: 7px;
        background-repeat: repeat-y;
-       background-image: url(splitpanel/img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */
+  background-image: url(common/img/horizontal-sprites.png);
+  background-position: -0px top;
 }
 .i-splitpanel-horizontal .i-splitpanel-hsplitter div {
        width: 7px;
        background: transparent;
        background-repeat: no-repeat;
        background-position: 50%;
-       background-image: url(splitpanel/img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: middle */
+  background-image: url(common/img/horizontal-sprites.png);
+  background-position: -7px middle;
 }
 .i-splitpanel-vertical .i-splitpanel-vsplitter {
        height: 7px;
        background-repeat: repeat-x;
-       background-image: url(splitpanel/img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -389px;
 }
 .i-splitpanel-vertical .i-splitpanel-vsplitter div {
        height: 7px;
        background: transparent;
        background-repeat: no-repeat;
        background-position: 50%;
-       background-image: url(splitpanel/img/ver-handle.png); /** sprite-ref: verticals; sprite-alignment: center */
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -396px;
 }
 
 /* ./WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css */
@@ -2037,13 +2313,21 @@ div > .i-button-small span,
        border-bottom-color: #d2d3d4;
        background: #fff;
        background-repeat: repeat-x;
-       background-image: url(textfield/img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -403px;
        -moz-border-radius: 3px;
 }
 /* Need more specific selector because of #2384 fixes in base/common/common.css */
 .i-app input.i-textfield {
        padding: 3px 3px 0 3px;
 }
+.i-textfield-focus {
+       border-color: #5b97d0;
+       border-top-color: #4f83b4;
+       border-bottom-color: #5ca0df;
+       outline: none;
+}
 /* Textfield on blue background */
 .blue .i-textfield {
        border-color: #92a2aa;
@@ -2065,3 +2349,10 @@ div > .i-button-small span,
        -o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
        
 }
+.i-sa input.i-textfield-focus,
+.i-ff35 input.i-textfield-focus,
+.i-op input.i-textfield-focus {
+       -webkit-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+       -moz-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+       -o-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+}

diff --git a/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image-focus.png b/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image-focus.png
new file mode 100644 (file)
index 0000000..673212b
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image-focus.png differ

diff --git a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css
index 6943cb53eb2eaf7a7bab1efd794044914721c269..b2064d58c13b9f6b4fb072755e1a08c185eda19b 100644 (file)
--- a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css
+++ b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css
@@ -13,6 +13,12 @@
 .i-app input.i-textfield {
        padding: 3px 3px 0 3px;
 }
+.i-textfield-focus {
+       border-color: #5b97d0;
+       border-top-color: #4f83b4;
+       border-bottom-color: #5ca0df;
+       outline: none;
+}
 /* Textfield on blue background */
 .blue .i-textfield {
        border-color: #92a2aa;
@@ -33,4 +39,11 @@
        -moz-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
        -o-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
        
+}
+.i-sa input.i-textfield-focus,
+.i-ff35 input.i-textfield-focus,
+.i-op input.i-textfield-focus {
+       -webkit-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+       -moz-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+       -o-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
 }
\ No newline at end of file